@charset "UTF-8";
.resp-vtabs .resp-tabs-list {
  float: left;
  padding: 0;
  width: 30%;
}

.resp-vtabs .resp-tabs-list li {
  cursor: pointer;
  display: block;
  float: none;
  list-style: none;
}

.resp-vtabs .resp-tabs-container {
  float: right;
  min-height: 250px;
  padding: 0px;
  width: 70%;
}

.resp-vtabs h2.resp-accordion {
  cursor: pointer;
  display: none;
  margin: 0;
}

.resp-vtabs .resp-tab-content {
  display: none;
}

@media only screen and (max-width: 767px) {
  .resp-vtabs .resp-tabs-list {
    display: none;
  }
  .resp-vtabs .resp-tabs-container {
    float: none;
  }
  .resp-vtabs h2.resp-accordion {
    display: block;
  }
}

/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlC2Q8seG17bfDXYR_jUsrzg.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGClYwVOhDRq2vbpGRTZ7bbs.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGFKFh1TDTPrUZWzVp6FtpG8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCOFnW3Jk0f09zW_Yln67Ac.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGDovqjS_dXPZszO_XltPdNg.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGFxe-GPfKKFmiXaJ_Q0GFr8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGEo0As1BFRXtCDhS66znb_k.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-It"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM7YHq4FgHI02B8rPccK0FJQ.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-It"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM40tgx99jmYGv_xzYuwd1rU.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-It"), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMxgy2Fsj5sj3EzlXpqVXRKo.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* LAYOUTS */
/* As of 09/06/2016 */
/*

sm 	@media screen and (min-width: 35.5em) 	≥ 568px 	.pure-u-sm-*
md 	@media screen and (min-width: 48em) 	≥ 768px 	.pure-u-md-*
lg 	@media screen and (min-width: 64em) 	≥ 1024px 	.pure-u-lg-*
xl 	@media screen and (min-width: 80em) 	≥ 1280px 	.pure-u-xl-*

*/
/*
Colours
https://color.adobe.com/cuarto-color-theme-8199919/
*/
/*
Brand Options
=================
    .brand-1 rgb(60,105,113)  #3C6971
    .brand-2 rgb(118,167,159) #76A79F
    .brand-3 rgb(58,62,63) #3A3E3F
    .brand-4 rgb(143,152,158) #8F989E
    .brand-5 rgb(207,73,4) #CF4904
    .brand-6 rgb(0,105,140) #00698C
    .brand-7 rgb(0,0,0) #000000
    .brand-8 rgb(99,99,99) #636363
=================
*/
body * {
  box-sizing: border-box;
  font-family: sans-serif;
  color: #424242;
}

body.deeper.brand-1 {
  background: rgba(118, 167, 159, 0.2);
}

body.deeper .wrapper.wrapper--fullwidth:nth-child(1) {
  background: white;
}

a:hover {
  color: #cf4904;
}

header.mainHeader {
  width: 90%;
  max-width: 1600px;
  padding: 1em 0;
  margin-right: auto;
  margin-left: auto;
}

header.mainHeader .logo,
header.mainHeader .siteSearch {
  display: block;
  width: 96%;
  margin-right: auto;
  margin-bottom: .5em;
  margin-left: auto;
  text-align: center;
}

@media only screen and (min-width: 481px) {
  header.mainHeader .logo,
  header.mainHeader .siteSearch {
    display: inline-block;
    vertical-align: top;
  }
  header.mainHeader .siteSearch {
    width: 74%;
    padding-top: 1em;
    text-align: right;
  }
  header.mainHeader .logo {
    width: 25%;
  }
}

/*END MQ*/
header.mainHeader .logo img {
  width: 100%;
  min-width: 200px;
  max-width: 400px;
  height: auto;
}

header.mainHeader .mainNav {
  display: block;
  margin-bottom: 3px;
  text-align: center;
}

header.mainHeader .mainNav a {
  display: block;
  max-width: 96%;
  margin-right: auto;
  margin-bottom: .5em;
  margin-left: auto;
  padding: .5em;
  outline: solid 1px grey;
  text-align: center;
  text-decoration: none;
}

@media only screen and (min-width: 481px) {
  header.mainHeader .mainNav a {
    display: inline-block;
    width: 48%;
  }
}

/*END MQ*/
@media only screen and (min-width: 841px) {
  header.mainHeader .mainNav a {
    display: inline-block;
    width: auto;
    min-width: 14%;
  }
}

/*END MQ*/
header.mainHeader .suplementary {
  display: block;
  width: 98%;
  padding: .25em .5em;
  margin-right: auto;
  margin-left: auto;
  background: #8f989e;
}

header.mainHeader .suplementary__nav,
header.mainHeader .suplementary__nav a {
  display: block;
  padding: .25em 0;
  margin: 0 1em;
  text-align: center;
}

header.mainHeader .suplementary > span {
  display: block;
  text-align: center;
  padding: .25em 0;
}

header.mainHeader .suplementary a span,
header.mainHeader .suplementary span a {
  color: white;
  text-decoration: none;
}

@media only screen and (min-width: 481px) {
  header.mainHeader .suplementary__nav {
    display: block;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
  }
  header.mainHeader .suplementary__nav a {
    display: inline-block;
    /* NOTE opportunity for FLEX */
    color: white;
    text-decoration: none;
  }
  header.mainHeader .suplementary a span,
  header.mainHeader .suplementary span a {
    color: white;
    text-decoration: none;
  }
}

/*END Q*/
@media only screen and (min-width: 841px) {
  header.mainHeader .suplementary__nav {
    display: inline-block;
    width: 66%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
  }
  header.mainHeader .suplementary > span {
    display: inline-block;
    width: 30%;
    text-align: right;
    padding: .25em 0;
  }
}

/*END MQ*/
/*== Back to top  ==*/
#backToTop {
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 20px;
  padding: .5em 1em;
  color: white;
  background: #d9601d;
  border-radius: 10px 0 0 0;
}

@media only screen and (min-width: 1024px) {
  #backToTop {
    width: 80px;
    height: 30px;
  }
}

/*
Wrapper Options
================
    .wrapper
    .wrapper--fullwidth
    .wrapper--productHead
================
*/
/*
Container Options
=================
    .container--text
    .container--blocks
    .container--productBlocks
    .container--ctaStack
    .container--video
    .container--rows
    .container--faq
    .container--list
    .container--search
    .container--article
    .container--controls
    .container--flex (modifier if the a flexbox requirement)
=================
*/
.wrapper--fullwidth {
  max-width: unset;
  /*background:rgb(255,255,255);*/
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

/*.wrapper > div[class^="pure"]{
    max-width:90%;
    margin-right: auto;
    margin-left: auto;
}
.wrapper--fullwidth > div[class^="pure"]{
    width:100%;
    max-width:1600px;;
    margin-right: auto;
    margin-left: auto;
}
*/
.container {
  margin-bottom: 2vh;
}

.container--text {
  text-align: left;
  padding: 1em 1em 0 1em;
}

.container--blocks {
  text-align: center;
}

.container--ctaStack {
  padding-right: 2%;
  padding-left: 2%;
}

/*===  TEXT  ===*/
.container--text h1,
.container--text .alpha {
  margin-top: 0;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.4em;
}

.container--text h2,
.container--text .beta {
  margin-top: 0;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.4em;
}

.container--text h3,
.container--text .gamma {
  margin-top: 0;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.6em;
}

.container--text h4,
.container--text .delta {
  margin-top: 0;
  font-size: 1.2em;
  line-height: 1.6em;
}

.container--text h5,
.container--text .epsilon {
  margin-top: 0;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.6em;
}

.container--text p,
.container--text a,
.container--text li {
  font-size: 1em;
  line-height: 1.4em;
}

.container--article {
  padding-right: 4%;
}

/*== Breadcrumbs ==*/
.breadcrumb {
  width: 90%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  list-style-image: url(../images/crumbarrow.png);
}

.breadcrumb li {
  display: inline-block;
}

.breadcrumb li:before {
  content: url(../images/crumbarrow.png);
  display: inline-block;
  width: 7px;
  height: 8px;
  margin-left: .5em;
}

.breadcrumb li:nth-of-type(1):before {
  display: none;
}

.breadcrumb li a {
  text-decoration: none;
  border-bottom: solid 1px #424242;
}

.breadcrumb li span {
  font-size: .75em;
  color: #424242;
}

.breadcrumb li a:hover span {
  color: #cf4904;
}

/*== LOG IN ==*/
.login {
  padding: 4px 0 0 0;
  font-size: .75em;
  text-align: right;
}

.login label,
.login input,
.login button {
  display: inline-block;
}

.login input {
  margin-right: 1em;
}

.login label {
  text-align: right;
}

.login button {
  margin-right: 1em;
}

.login a {
  display: inline-block;
  padding-top: .5em;
}

/*=== CTAs ===*/
.cta {
  padding: 1em;
  margin-bottom: 1em;
  font-size: 10px;
  border: solid 1px #c8c8c8;
  background: white;
}

.cta a {
  text-decoration: none;
}

.cta a:hover {
  text-decoration: underline;
}

.cta .cta__headerBlock {
  margin-bottom: 1em;
}

.container--ctaStack .cta .cta__headerBlock {
  text-align: center;
}

.cta .cta__contentBlock {
  text-align: left;
}

.cta .cta__linkBlock {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.cta .cta__linkBlock div {
  /*padding:1em;*/
  text-align: center;
}

.cta .cta__imageBlock {
  display: block;
  margin-bottom: 1em;
}

.cta img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.cta__videoBlock {
  max-width: 100%;
}

.cta .cta__headerBlock .alpha {
  font-size: 1.8em;
  line-height: 1.2em;
  font-weight: bold;
}

.cta .cta__linkBlock a,
.cta .cta__contentBlock p {
  font-size: 1.4em;
}

.cta .cta__linkBlock a {
  display: block;
  padding: .65em 1em;
}

.cta[class*="brand"] .cta__headerBlock a:hover,
.cta[class*="brand"] .cta__linkBlock a:hover {
  color: #cf4904;
  text-decoration: none;
}

.cta.brand-1 .cta__headerBlock div,
.cta.brand-1 .cta__headerBlock a {
  color: #3c6971;
}

.cta.brand-2 .cta__headerBlock div,
.cta.brand-2 .cta__headerBlock a {
  color: #76a79f;
}

.cta.brand-3 .cta__headerBlock div,
.cta.brand-3 .cta__headerBlock a {
  color: #3a3e3f;
}

.cta.brand-4 .cta__headerBlock div,
.cta.brand-4 .cta__headerBlock a {
  color: #8f989e;
}

.cta.cta--multiLink .cta__linkBlock div {
  margin-bottom: .25em;
}

.cta.brand-1 .cta__linkBlock div {
  background-color: #3c6971;
}

.cta.brand-1 .cta__linkBlock div.ctaLink--main {
  background-color: transparent;
  outline: solid 1px #3c6971;
}

.cta.brand-1 .cta__linkBlock div a {
  color: white;
}

.cta.brand-1 .cta__linkBlock div.ctaLink--main a {
  font-weight: bold;
  color: #3c6971;
}

.cta.brand-2 .cta__linkBlock div {
  background-color: #76a79f;
}

.cta.brand-2 .cta__linkBlock div.ctaLink--main {
  background-color: transparent;
  outline: solid 1px #76a79f;
}

.cta.brand-2 .cta__linkBlock div a {
  color: white;
}

.cta.brand-2 .cta__linkBlock div.ctaLink--main a {
  font-weight: bold;
  color: #76a79f;
}

.cta.brand-3 .cta__linkBlock div {
  background-color: #3a3e3f;
}

.cta.brand-3 .cta__linkBlock div.ctaLink--main {
  background-color: transparent;
  outline: solid 1px #3a3e3f;
}

.cta.brand-3 .cta__linkBlock div a {
  color: white;
}

.cta.brand-3 .cta__linkBlock div.ctaLink--main a {
  font-weight: bold;
  color: #3a3e3f;
}

.cta.brand-4 .cta__linkBlock div {
  background-color: #8f989e;
}

.cta.brand-4 .cta__linkBlock div.ctaLink--main {
  background-color: transparent;
  outline: solid 1px #8f989e;
}

.cta.brand-4 .cta__linkBlock div a {
  color: white;
}

.cta.brand-4 .cta__linkBlock div.ctaLink--main a {
  font-weight: bold;
  color: #8f989e;
}

.container--productBlocks {
  padding-bottom: 1.75em;
  border-bottom: solid 1px #76a79f;
}

.container--productBlocks .cta .cta__contentBlock,
.container--productBlocks .cta .cta__headerBlock {
  text-align: center;
}

.home .container--rows.brand-8 .cta--multiLink,
.home .container--rows.brand-8 .cta--singleLink {
  background: rgba(118, 167, 159, 0.2);
}

.home .container--rows.brand-8 .cta--singleLink .cta__linkBlock,
.home .container--rows.brand-8 .cta--multiLink .cta__headerBlock,
.home .container--rows.brand-8 .cta--singleLink .cta__headerBlock {
  display: block;
  width: 100%;
}

.home .container--rows.brand-8 .cta--multiLink .cta__linkBlock div,
.home .container--rows.brand-8 .cta--singleLink .cta__linkBlock div {
  background: rgba(118, 167, 159, 0.2);
}

.home .container--rows.brand-8 .cta--multiLink .cta__linkBlock div a,
.home .container--rows.brand-8 .cta--singleLink .cta__linkBlock div a {
  color: #76a79f;
}

.home .container--rows.brand-8 .cta--multiLink .cta__contentBlock,
.home .container--rows.brand-8 .cta--singleLink .cta__contentBlock,
.home .container--rows.brand-8 .cta--multiLink .cta__imageBlock,
.home .container--rows.brand-8 .cta--singleLink .cta__imageBlock {
  display: inline-block;
  vertical-align: top;
}

.home .container--rows.brand-8 .cta--multiLink .cta__contentBlock {
  padding-top: 0;
  padding-bottom: 0;
}

.home .container--rows.brand-8 .cta--multiLink .cta__contentBlock p {
  margin-top: 3px;
  margin-bottom: 0;
}

.home .container--rows.brand-8 .cta--mutiLink .cta__imageBlock,
.home .container--rows.brand-8 .cta--singleLink .cta__imageBlock {
  width: 25%;
}

.home .container--rows.brand-8 .cta--multiLink .cta__imageBlock img,
.home .container--rows.brand-8 .cta--singleLink .cta__imageBlock img {
  max-width: 100%;
}

.home .container--rows.brand-8 .cta--singleLink .cta__contentBlock {
  width: 72%;
}

.home .container--rows.brand-8 .cta--multiLink .cta__linkBlock {
  display: block;
  width: 100%;
}

.home .container--rows.brand-8 .cta--multiLink .cta__contentBlock {
  display: inline-block;
  vertical-align: top;
  width: 72%;
}

@media only screen and (min-width: 481px) {
  .home .container--rows.brand-8 .cta--multiLink {
    background: rgba(118, 167, 159, 0.2);
  }
  .home .container--rows.brand-8 .cta--multiLink .cta__headerBlock {
    display: block;
    width: 100%;
  }
  .home .container--rows.brand-8 .cta--multiLink .cta__imageBlock {
    width: 15%;
  }
  .home .container--rows.brand-8 .cta--multiLink .cta__linkBlock {
    display: inline-block;
    vertical-align: top;
    width: 45%;
  }
  .home .container--rows.brand-8 .cta--multiLink .cta__contentBlock {
    display: inline-block;
    vertical-align: top;
    width: 35%;
  }
}

/*END MQ*/
@media only screen and (min-width: 1024px) {
  .home .container--rows.brand-8 .cta--multiLink .cta__imageBlock {
    width: 25%;
  }
  .home .container--rows.brand-8 .cta--multiLink .cta__linkBlock {
    width: 35%;
  }
  .home .container--rows.brand-8 .cta--multiLink .cta__contentBlock {
    width: 35%;
  }
}

/*END MQ*/
/*Single lin CTA with image icon overlay*/
.cta.cta--icon .cta__imageBlock {
  position: relative;
  display: block;
  width: 100%;
  height: 220px;
  max-height: 220px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: bottom;
}

.cta.cta--icon .cta__imageBlock img {
  position: absolute;
  top: 2%;
  left: 2%;
  display: block;
  width: 25%;
  height: auto;
}

.container--productBlocks .cta,
.container--blocks .cta {
  display: block;
  width: 300px;
  max-width: 98%;
  margin-right: auto;
  margin-left: auto;
}

.container--productBlocks .cta {
  border: none;
}

@media only screen and (min-width: 568px) {
  .container--blocks .cta {
    display: inline-block;
    vertical-align: top;
    max-width: 48%;
  }
  .container--productBlocks .cta {
    display: inline-block;
    vertical-align: top;
    max-width: 32%;
  }
}

/*END MQ*/
@media only screen and (min-width: 769px) {
  .container--productBlocks .cta,
  .container--blocks .cta {
    max-width: 23.5%;
  }
  .pure-u-1.pure-u-md-1-3.pure-u-lg-1-2 .container--blocks .cta {
    min-width: 98%;
  }
}

/*END MQ*/
@media only screen and (min-width: 1024px) {
  .container--productBlocks .cta,
  .container--blocks .cta {
    display: inline-block;
    max-width: 23.5%;
  }
  .pure-u-1.pure-u-md-1-3.pure-u-lg-1-2 .container--blocks .cta {
    min-width: 48%;
  }
}

/*END MQ*/
.container--rows .cta {
  display: block;
  max-width: 95%;
  margin-right: auto;
  margin-bottom: 2vh;
  margin-left: auto;
  text-align: center;
}

.container--rows .cta .cta__headerBlock,
.container--rows .cta .cta__imageBlock,
.container--rows .cta .cta__contentBlock,
.container--rows .cta .cta__linkBlock {
  display: inline-block;
  width: 23%;
  vertical-align: top;
  text-align: left;
  padding: 1%;
}

.cta.cta--gateway button,
.cta.cta--gateway label,
.cta.cta--gateway input {
  display: block;
  font-size: 1.4em;
}

.cta.cta--gateway label,
.cta.cta--gateway input {
  width: 90%;
  margin-bottom: .5em;
}

.cta.cta--gateway button,
.cta.cta--gateway input {
  padding: .5em 1em;
}

.cta.cta--gateway button {
  color: white;
  background: #3c6971;
  border: none;
}

/*== Download CTAs ==*/
.resp-tabs-container .cta {
  background: none;
}

.resp-tabs-container .cta.cta--download {
  outline: solid 1px green;
}

.resp-tabs-container .cta.cta--download .cta__headerBlock {
  width: 100%;
}

/*FOR DOC LIBRARY*/
.deeper.documents .cta.cta--download .cta__headerBlock,
.deeper.documents .cta.cta--download .cta__imageBlock,
.deeper.documents .cta.cta--download .cta__contentBlock,
.deeper.documents .cta.cta--download .cta__linkBlock {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: 22%;
  margin-right: 1em;
}

.deeper.documents .cta.cta--download .cta__imageBlock {
  max-width: 10%;
}

.deeper.documents .cta.cta--download .cta__linkBlock {
  max-width: 50%;
}

.deeper.documents .cta.cta--download .cta__headerBlock,
.deeper.documents .cta.cta--download .cta__headerBlock a,
.deeper.documents .cta.cta--download .cta__contentBlock p {
  margin-top: 0;
  margin-bottom: 0;
}

.deeper.documents .cta.cta--download .cta__imageBlock img {
  display: block;
  max-width: 100%;
}

.deeper.documents .cta.cta--singleLink.cta--download .cta__linkBlock .ctalink--download {
  padding: 0;
  background: transparent;
  text-align: left;
}

.deeper.documents .cta.cta--singleLink.cta--download .cta__linkBlock .ctalink--download a {
  color: #fe807c;
}

.deeper.documents .container--search {
  padding: 1em;
  outline: solid 1px #76a79f;
  background: rgba(118, 167, 159, 0.2);
}

.deeper.documents .container--search button,
.deeper.documents .container--search p,
.deeper.documents .container--search div,
.deeper.documents .container--search select,
.deeper.documents .container--search input {
  display: block;
}

.deeper.documents .container--search div.beta {
  font-size: 1.4em;
}

.deeper.documents .container--search div.gamma {
  font-size: 1.2em;
  margin-bottom: .5em;
}

.deeper.documents .container--search select,
.deeper.documents .container--search button {
  display: block;
  margin-bottom: 1em;
}

.deeper.documents .containerSearch__filter {
  padding: .5em;
  background: rgba(118, 167, 159, 0.2);
}

.deeper.documents .containerSearch__filter label {
  display: inline-block;
  width: auto;
  margin-left: 1em;
}

.deeper.documents .containerSearch__filter select,
.deeper.documents .containerSearch__filter label input {
  display: inline;
  width: auto;
  margin-left: .25em;
}

.deeper.documents .container--search select {
  padding: .5em 1em;
}

@media only screen and (min-width: 569px) {
  .deeper.documents .container--search button,
  .deeper.documents .container--search p,
  .deeper.documents .container--search select,
  .deeper.documents .container--search input {
    display: block;
  }
  .deeper.documents .container--search input[type="text"] {
    max-width: 90%;
  }
}

/*END MQ*/
@media only screen and (min-width: 640px) {
  .deeper.documents .container--search button,
  .deeper.documents .container--search p,
  .deeper.documents .container--search select,
  .deeper.documents .container--search input {
    display: inline-block;
  }
  .deeper.documents .container--search input[type="text"] {
    max-width: 25%;
  }
  .deeper.documents .containerSearch__filter {
    padding: .5em;
    background: rgba(118, 167, 159, 0.2);
  }
  .deeper.documents .containerSearch__filter label {
    display: inline-block;
    width: auto;
    margin-left: 1em;
  }
  .deeper.documents .containerSearch__filter select,
  .deeper.documents .containerSearch__filter label input {
    display: inline;
    width: auto;
    margin-left: .25em;
  }
}

/*END MQ*/
/*== News CTA ==*/
.cta.cta--newsitem {
  border: none;
}

.container--rows .cta.cta--newsitem {
  padding-top: 0;
  text-align: left;
  border-bottom: solid 1px #76a79f;
}

.container--rows .cta.cta--newsitem .cta__imageBlock,
.container--rows .cta.cta--newsitem .cta__contentBlock,
.container--rows .cta.cta--newsitem .cta__linkBlock,
.container--rows .cta.cta--newsitem .cta__headerBlock {
  display: block;
  width: 100%;
  margin-bottom: 0;
  text-align: left;
}

.container--rows .cta.cta--newsitem .cta__headerBlock span {
  display: block;
  font-size: 1.1em;
  color: #bcbcbc;
}

.container--rows .cta.cta--newsitem .cta__contentBlock p {
  line-height: 1.4em;
}

.container--rows .cta.cta--newsitem .cta__linkBlock {
  display: block;
  width: auto;
}

.container--rows .cta.cta--newsitem .cta__linkBlock div {
  padding: 0;
  text-align: left;
  background: none;
}

.container--rows .cta.cta--newsitem .cta__linkBlock div a {
  color: #76a79f;
}

@media only screen and (min-width: 540px) {
  .container--rows .cta.cta--newsitem .cta__imageBlock,
  .container--rows .cta.cta--newsitem .cta__headerBlock {
    display: inline-block;
    vertical-align: top;
    width: 48%;
  }
}

/*END MQ*/
@media only screen and (min-width: 769px) {
  .container--rows .cta.cta--newsitem .cta__headerBlock {
    width: 100%;
  }
  .container--rows .cta.cta--newsitem .cta__imageBlock {
    display: inline-block;
    width: 20%;
  }
  .container--rows .cta.cta--newsitem .cta__contentBlock {
    display: inline-block;
    width: 78%;
  }
  .container--rows .cta.cta--newsitem .cta__linkBlock div {
    width: 20%;
  }
  .resp-tabs-container .cta.cta--download .cta__contentBlock,
  .resp-tabs-container .cta.cta--download .cta__linkBlock {
    display: inline-block;
    vertical-align: top;
    width: 47%;
  }
  .resp-tabs-container .cta.cta--download .cta__contentBlock {
    padding-right: 2%;
  }
}

/*END MQ*/
/*== CAROUSEL CTAs ==*/
.bxslider li a {
  text-decoration: none;
}

.carousel__headerBlock {
  padding: .5em 1em;
  text-align: center;
}

.carousel__headerBlock .alpha {
  font-size: 1.2em;
  font-weight: bold;
}

.carousel__contentBlock p {
  font-size: .75em;
  line-height: 1.4em;
}

.carousel__linkBlock {
  padding: .5em 1em;
  margin: 1px;
  outline: solid 1px grey;
  text-align: center;
}

/*== ED CAROUSEL CTAs ==*/
/*== IMAGE GALLERY ==*/
#bx-pager {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

a[data-slide-index] {
  display: inline-block;
}

a.active[data-slide-index] {
  outline: solid 2px #d9601d !important;
  /*Needs the !important to override the id, unfortunately*/
}

a[data-slide-index] img {
  display: block;
  max-width: 50px;
  height: auto;
}

/*These anchor rules can be tweaked for different uses by referencing page classes or the brand mod on the bx-wrapper*/
/*== END IMAGE GALLERY ==*/
/*== TESTIMONIAL BLOCK ==*/
.testimonial {
  font-size: 10px;
  padding: 1em;
  margin-right: auto;
  margin-left: auto;
  border: solid 1px #c8c8c8;
}

.container--ctaStack .testimonial {
  width: 90%;
}

.container.container--rows .testimonial,
.container.container--blocks .testimonial {
  display: block;
  max-width: 96%;
  margin-right: auto;
  margin-left: auto;
}

.container.container--rows .testimonial {
  padding: 1em;
}

.testimonial .testimonial__imageblock {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
}

.testimonial .testimonial__imageblock img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.container--rows .testimonial blockquote,
.container--blocks .testimonial blockquote,
.container--ctaStack .testimonial blockquote {
  position: relative;
  width: 100%;
  padding: 0 1.5em;
  margin: 1em 0;
  font-size: 1.6em;
  text-align: center;
}

.testimonial blockquote::after,
.testimonial blockquote::before {
  position: absolute;
  content: "\0022";
  display: block;
  height: 10px;
  width: 10px;
  padding: 0;
  margin: 0;
  font-size: 3em;
  line-height: 1em;
  color: #76a79f;
}

.testimonial blockquote::before {
  top: 0;
  left: 0;
}

.testimonial blockquote::after {
  bottom: 0;
  right: 0;
}

.testimonial .testimonial__attribution {
  width: 100%;
  font-size: 1.2em;
  text-align: right;
  font-style: italic;
}

.testimonial .testimonial__rating ul {
  display: block;
  text-align: right;
}

.testimonial .testimonial__rating li {
  list-style: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  outline: solid 1px #76a79f;
}

.testimonial .testimonial__rating li.mark {
  background: #3a3e3f;
}

.testimonial .testimonial__rating span {
  display: block;
  text-align: center;
}

@media only screen and (min-width: 540px) {
  .container.container--blocks .testimonial {
    display: inline-block;
    max-width: 48.5%;
  }
}

/*END MQ*/
@media only screen and (min-width: 641px) {
  .container.container--rows .testimonial {
    position: relative;
    margin-bottom: 4em;
  }
  .container.container--rows .testimonial .testimonial__rating,
  .container.container--rows .testimonial .testimonial__attribution {
    display: inline-block;
    width: 36%;
    margin-left: 64%;
  }
  .container.container--rows .testimonial .testimonial__quote {
    position: absolute;
    top: 0;
    left: 1em;
    display: block;
    width: 60%;
  }
  .container.container--rows .testimonial .testimonial__quote blockquote {
    max-width: 100%;
  }
}

/*END MQ*/
@media only screen and (min-width: 941px) {
  .container.container--rows .testimonial {
    display: inline-block;
    width: 48.5%;
    margin-right: auto;
    margin-left: auto;
  }
}

/*END MQ*/
@media only screen and (min-width: 1024px) {
  .container.container--blocks .testimonial {
    display: inline-block;
    max-width: 23.5%;
  }
}

/*END MQ*/
.deeper.location .container.brand-1 {
  padding: 1em;
  margin: 1em;
  background: rgba(118, 167, 159, 0.2);
}

/*== BANNERS ==*/
.cta.cta--banner {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: #cccccc;
}

.cta--banner .cta__bannerContent {
  position: absolute;
  padding: 1%;
}

.home .cta--banner.banner--mod1,
.deeper.documents .cta--banner.banner--mod1,
.cta--banner.banner--mod2 {
  position: relative;
  height: 300px;
  background-color: transparent;
}

.deeper.documents .cta--banner.banner--mod1 {
  text-align: center;
}

.deeper.documents .cta--banner.banner--mod1 .cta__bannerContent {
  position: static;
}

.deeper.documents .cta--banner.banner--mod1 .cta__bannerContent * {
  text-align: center;
}

.deeper.info .cta--banner.banner--mod2 {
  height: 400px;
  background-position: bottom center;
}

.cta--banner.banner--mod2.brand-1 .cta__headerBlock h1 {
  color: white;
}

.cta--banner.banner--mod1 .cta__bannerContent {
  padding: 2em;
  margin: 1em auto;
  width: 90%;
  background-color: rgba(60, 105, 113, 0.5);
  transition: all 1s;
}

@media only screen and (min-width: 768px) {
  .cta--banner.banner--mod1 .cta__bannerContent {
    margin: 1em auto;
    width: 50%;
    background-color: rgba(60, 105, 113, 0.5);
    transition: all 1s;
  }
}

/*END MQ*/
.cta--banner.banner--mod2 .cta__bannerContent {
  top: 5%;
  right: 5%;
  left: 5%;
  bottom: 5%;
  background-color: rgba(60, 105, 113, 0.5);
  transition: all 1s;
}

.cta--banner.banner--mod3 {
  position: static;
  min-height: 180px;
  padding-top: 1em;
  padding-bottom: 1em;
}

.cta--banner.banner--mod3 .cta__bannerContent {
  position: static;
  width: 90%;
  padding: 1em;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(60, 105, 113, 0.5);
}

@media only screen and (min-width: 481px) {
  .cta--banner.banner--mod3 .cta__bannerContent {
    width: 60%;
  }
}

/*END MQ*/
.cta--banner .cta__headerBlock h1,
.cta--banner .cta__headerBlock .alpha {
  font-size: 3em;
  font-weight: normal;
}

.cta--banner .cta__headerBlock h2,
.cta--banner .cta__headerBlock .beta {
  font-size: 2.6em;
  font-weight: normal;
}

.cta--banner .cta__headerBlock h3,
.cta--banner .cta__headerBlock .gamma {
  font-size: 2em;
  font-weight: normal;
}

.cta--banner .cta__bannerContent.bannerContent--mod3 * {
  text-align: center;
}

.cta--banner .cta__bannerContent .cta__headerBlock div,
.cta--banner .cta__bannerContent .cta__contentBlock p {
  color: white;
}

.cta--banner .cta__bannerContent .cta__contentBlock p {
  text-align: left;
  line-height: 1.4em;
}

@media only screen and (min-width: 480px) {
  .cta--banner.banner--mod2 .cta__bannerContent {
    top: 0;
    right: 15%;
    bottom: 0;
    left: 15%;
  }
}

/*END MQ*/
@media only screen and (min-width: 650px) {
  .cta--banner.banner--mod2 .cta__bannerContent {
    top: 0;
    right: 2%;
    bottom: 0;
    left: auto;
    width: 50%;
  }
}

/*END MQ*/
@media only screen and (min-width: 840px) {
  .cta--banner.banner--mod2 .cta__bannerContent {
    width: 33%;
  }
}

/*END MQ*/
.wrapper--fullwidth .cta--banner {
  background-size: cover;
}

.cta--banner.banner--mod1 .cta {
  width: 100%;
  max-width: 300px;
}

.cta--banner.banner--mod1.brand-1 .cta {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  margin-bottom: 0;
}

.cta--banner.banner--mod1.brand-2 .cta {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  margin-bottom: 0;
}

/*== TEXT ==*/
.text h4,
.text h3,
.text h2,
.text h1 {
  color: #3c6971;
}

.text p {
  line-height: 1.4em;
}

.text blockquote {
  width: 96%;
  padding: 2em 2%;
  margin: 1.5em auto;
  font-size: 2em;
  color: #3c6971;
  border-top: solid 1px #3c6971;
  border-bottom: solid 1px #3c6971;
}

@media only screen and (min-width: 481px) {
  .text blockquote {
    width: 80%;
  }
}

/*END MQ*/
.container--article .text figure,
.deeper.info .text figure {
  max-width: 96%;
  padding: 2%;
  outline: solid 1px #3c6971;
}

.container--article .text figure.a-left,
.deeper.info .text figure.a-left,
.container--article .text figure.a-right,
.deeper.info .text figure.a-right {
  margin-right: auto;
  margin-bottom: 2em;
  margin-left: auto;
}

.text figure img {
  display: block;
  max-width: 100%;
  margin-bottom: 1em;
}

/*== FORM ELEMENTS ==*/
.form div {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-bottom: 2em;
}

.form div.contact__legal {
  display: block;
  width: 100%;
}

.form div.contact__legal label,
.form div.contact__legal p {
  font-size: .75em;
  line-height: 1.4em;
}

.form div.contact__legal label {
  display: inline-block;
}

.form label {
  display: block;
  font-size: .875em;
  padding-bottom: .5em;
}

.form button,
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form select {
  display: block;
  padding: .5em 1em;
}

/*== FAQ FREQUENTLY ASKED QUESTIONS ==*/
.deeper.faq .wrapper.brand-1 {
  background: rgba(118, 167, 159, 0.2);
  padding-bottom: 1.5em;
}

.deeper.faq .wrapper.brand-1 .container--text {
  background: none;
}

.container.container--faq,
.container.container--list {
  padding: 2%;
  background: rgba(118, 167, 159, 0.2);
}

.deeper .container--search input {
  width: 90%;
  padding: .5em 1em;
  margin-bottom: .75em;
}

.deeper .container--search button {
  padding: .5em 1em;
  color: white;
  background: #3c6971;
  border: none;
}

.container.container--faq {
  margin: 0 auto;
}

.container.container--list {
  width: 90%;
  margin: 0 auto 0 0;
}

.container.container--faq ul,
.container.container--list ul {
  padding: 0;
  margin: 0;
}

.container.container--faq li,
.container.container--list li {
  list-style: none;
  padding: 0;
}

.container.container--list li {
  padding-bottom: .5em;
  margin: 0 0 .5em 0;
  border-bottom: solid 1px rgba(66, 66, 66, 0.3);
}

.container.container--list li:nth-last-of-type(1) {
  border-bottom: none;
}

.container.container--faq li {
  margin: 0 0 1em 0;
}

.container.container--faq li a,
.container.container--list li a {
  display: block;
  padding: .25em .5em;
  text-decoration: none;
  transition: background .33s;
}

.container.container--list li a {
  font-size: 0.875em;
  line-height: 1.4em;
}

.container.container--faq li a:hover,
.container.container--list li a:hover {
  color: #424242;
  background: rgba(118, 167, 159, 0.5);
}

/*== CONTENT CONTROLS ==*/
.controls {
  width: 90%;
  padding: 1em 2% .3em 2%;
  margin-right: auto;
  margin-bottom: 2em;
  margin-left: auto;
  text-align: center;
  background: rgba(143, 152, 158, 0.3);
}

.controls__controlBlock {
  margin-bottom: 1em;
  font-size: 0.75em;
}

@media only screen and (min-width: 480px) {
  .controls__controlBlock {
    display: inline-block;
    width: 48%;
  }
}

/*END MQ*/
@media only screen and (min-width: 640px) {
  .controls {
    width: 90%;
    padding: 2px 2%;
    text-align: left;
  }
  .controls__controlBlock {
    width: 35%;
    margin-bottom: 0;
    font-size: 0.75em;
  }
}

/*END MQ*/
/*== MAPS ==*/
.container .map {
  margin: 0 auto;
}

.container .map img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

/*== PAGE FOOTER ==*/
footer.footer {
  padding: 1em 0;
  text-align: center;
  background: rgba(118, 167, 159, 0.5);
}

footer section {
  width: 100%;
  margin-bottom: .5em;
}

.footer .container--blocks {
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.footer__links,
.footer__social,
.cta.ctaFooter__contact,
.footer__badges {
  width: 96%;
  pading-bottom: 2em;
  margin-right: auto;
  margin-bottom: 2em;
  margin-left: auto;
  text-align: left;
  border-bottom: solid 1px #424242;
}

@media only screen and (min-width: 481px) {
  .wrapper.wrapper--fullwidth .footer .container.container--blocks {
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
  }
  .footer__links,
  .footer__social,
  .cta.ctaFooter__contact,
  .footer__badges {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    border: none;
  }
}

/*END MQ*/
footer.footer section div.beta {
  /*TODO need the  beta gamma etc*/
  margin-bottom: 1.6em;
  font-size: 1.4em;
}

footer.footer section nav a {
  margin-bottom: .75em;
  text-decoration: none;
  line-height: 1.4em;
}

footer.footer section nav a span:hover {
  color: #cf4904;
}

footer.footer .cta {
  padding-top: 0;
  border-top: none;
  border-right: none;
  border-left: none;
  background: none;
}

footer.footer section .cta div.beta {
  font-size: 2.24em;
}

footer.footer .ctaFooter__contact span {
  display: block;
  margin-bottom: .75em;
  font-size: 1.4em;
}

footer.footer .cta * {
  font-size: 1.2em;
}

@media only screen and (min-width: 841px) {
  footer section.footer__content .container > div,
  footer section.footer__content nav {
    display: inline-block;
    vertical-align: top;
    width: 23%;
  }
}

/*END MQ*/
footer section .footer__links a {
  display: block;
}

footer section.footer__legal {
  padding: 1em 0;
  text-align: left;
  background: rgba(118, 167, 159, 0.5);
}

footer section.footer__legal div {
  display: block;
}

footer .footer__social a {
  display: inline-block;
}

footer .footer__social a img {
  display: block;
}

#fb-root {
  display: none;
  width: 0;
  height: 0;
}

/*== END PAGE FOOTER ==*/
/*== SITEMAP ==*/
.sitemap {
  font-size: 10px;
  list-style: none;
}

.sitemap a,
.sitemap li {
  margin-bottom: 1em;
}

.sitemap a {
  display: block;
}

.sitemap > li > a {
  font-size: 1.75em;
  font-weight: bold;
  color: #3a3e3f;
}

.sitemap ul a {
  font-size: 1.5em;
  color: #3c6971;
}

.sitemap ul ul a {
  font-size: 1.25em;
  color: #76a79f;
}

.sitemap ul ul ul a {
  font-size: 1em;
  color: #636363;
}

/*== END SITEMAP ==*/
/*== PRODUCT SPECIFIC ==*/
.wrapper.wrapper--productHead {
  background: white;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.wrapper.wrapper--productHead .container--text {
  padding-right: 2%;
}

.energylabel .energylabel__label {
  width: auto;
  padding: .5em 1em;
  margin-bottom: 1em;
  text-align: center;
  background: #3c6971;
}

.energylabel .energylabel__label:hover {
  background: #76a79f;
}

.energylabel .energylabel__label a,
.energylabel .energylabel__label a span {
  color: white;
  text-decoration: none;
}

.wrapper--productHead .container--image img {
  display: block;
  max-width: 100%;
}

.wrapper--productHead .container--image,
.wrapper--productHead .container--ctaStack {
  padding-top: 2em;
  padding-bottom: 2em;
}

.wrapper--productHead .container--ctaStack .cta .cta__headerBlock {
  padding: .5em 1em;
  background: #76a79f;
}

.wrapper--productHead .container--ctaStack .cta .alpha {
  color: white;
}

@media only screen and (min-width: 600px) {
  .wrapper.wrapper--productHead .container--ctaStack .testimonial,
  .wrapper.wrapper--productHead .container--ctaStack .cta {
    display: inline-block;
    vertical-align: top;
    width: 48%;
  }
}

/*END MQ*/
@media only screen and (min-width: 640px) {
  .wrapper.wrapper--productHead .container--text {
    max-width: 90%;
  }
  .energylabel .energylabel__label {
    max-width: 90%;
  }
}

/*END MQ*/
@media only screen and (min-width: 960px) {
  .wrapper--productHead .container--image img {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .energylabel .energylabel__label {
    max-width: 33%;
  }
  .wrapper--productHead .container--ctaStack .cta {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}

/*END MQ*/
@media only screen and (min-width: 1024px) {
  .wrapper.wrapper--productHead .container--ctaStack .testimonial,
  .wrapper.wrapper--productHead .container--ctaStack .cta {
    display: block;
    width: 90%;
  }
}

/*END MQ*/
/*== TABBER ACCORDION ==*/
.deeper.product .resp-tabs-list {
  display: none;
  width: 100%;
}

.resp-accordion {
  padding: .5em 1em;
  outline: solid 1px #3a3e3f;
}

h2.resp-accordion {
  position: relative;
  font-size: 1.4em;
  font-weight: normal;
}

.resp-arrow {
  position: absolute;
  top: 12px;
  right: 10%;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/acc-arrow.png);
  background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) {
  .deeper.product .resp-tabs-list {
    display: block;
    width: 100%;
  }
}

/*END MQ*/
.resp-tabs-list {
  display: block;
}

.resp-tabs-list li,
.deeper.product .resp-tabs-list li {
  display: inline-block;
  padding: .5em 1em;
  color: white;
  background: #76a79f;
  outline: solid 1px #3a3e3f;
}

.resp-tabs-list li.resp-tab-active,
.deeper.product .resp-tabs-list li.resp-tab-active {
  background: #3c6971;
}

.resp-tab-content,
.deeper.product .resp-tab-content {
  background: rgba(118, 167, 159, 0.2);
}

.deeper.product .resp-tab-content .container--ctaStack {
  padding: 2em 1em;
}

.deeper.product .resp-easy-accordion .resp-tab-content .container {
  padding: 1em;
  background: rgba(118, 167, 159, 0.2);
}

/*== VIDEO FULLWIDTH ==*/
.wrapper.wrapper--fullwidth .container.container--video {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.wrapper.wrapper--fullwidth .container.container--video .video.video--youtube {
  position: absolute;
  display: block;
  top: -25%;
  margin: 0 auto;
}

/*== END VIDEO FULLWIDTH ==*/
/*== TECHNICAL TABLE ==*/
table,
table th,
table td {
  padding: 1em;
  outline: solid 1px #3a3e3f;
}

@media only screen and (max-width: 640px) {
  .respTable {
    width: 100%;
  }
  .respTable tfoot,
  .respTable thead,
  .respTable th {
    display: none;
  }
  .respTable tr {
    display: block;
    width: 90%;
    margin: 10px auto;
  }
  .respTable tr td:nth-child(1) {
    display: block;
  }
  .respTable td {
    display: inline-block;
    width: auto;
  }
  .respTable tr {
    margin-bottom: 1em;
    outline: solid 1px lime;
  }
  .respTable td:before {
    display: block;
    content: attr(data-th) " ";
    font-weight: bold;
  }
  .respTable td:empty {
    height: 0;
    padding: 0;
  }
}

/*END MQ*/
/*===== MEGAMENU =====*/
nav .nav__mainNav a {
  width: auto;
  min-width: 12%;
  padding: .5em 1em;
  outline: solid 1px grey;
  text-align: center;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  nav .nav__mainNav a {
    width: 100%;
  }
}

/*END MQ*/
/*===== END MEGAMENU =====*/
/*== VIDEO LIBRARY ==*/
.container--videoLibrary .videoLibrary__introduction,
.container--videoLibrary {
  padding: 1em;
  background: rgba(118, 167, 159, 0.2);
}

.container--videoLibrary .videoLibrary__introduction {
  margin-bottom: 1em;
}

.container--videoLibrary .videoLibrary__introduction.brand-1 h2 {
  color: #3c6971;
}

.container--videoLibrary .videoLibrary__introduction.brand-2 {
  background: rgba(143, 152, 158, 0.2);
}

.container--videoLibrary .videoLibrary__introduction.brand-2 h2 {
  color: #8f989e;
}

.container--videoLibrary .videoLibrary__videoBlock {
  display: inline-block;
  width: 96%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2em;
  text-align: center;
}

.container--videoLibrary .videoLibrary__videoBlock .videoBlock__headerBlock {
  margin-bottom: 1em;
}

.container--videoLibrary .videoLibrary__videoBlock .videoBlock__headerBlock .alpha {
  font-size: 1.2em;
}

.container--videoLibrary .videoLibrary__videoBlock .videoBlock__linkBlock,
.container--videoLibrary .videoLibrary__videoBlock .videoBlock__contentBlock,
.container--videoLibrary .videoLibrary__videoBlock .videoBlock__imageBlock {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.container--videoLibrary .videoLibrary__videoBlock .videoBlock__contentBlock {
  padding: 1em 1em 1em 1em;
}

.container--videoLibrary .videoLibrary__videoBlock .videoBlock__contentBlock p {
  font-size: .875em;
}

.container--videoLibrary .videoLibrary__videoBlock .videoBlock__imageBlock img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.container--videoLibrary .videoLibrary__videoBlock .videoBlock__linkBlock {
  text-align: center;
}

.container--videoLibrary .videoLibrary__videoBlock .videoBlock__linkBlock div {
  background: #76a79f;
  color: white;
  padding: .25em 1em;
  margin-right: auto;
  margin-left: auto;
}

.container--videoLibrary .videoLibrary__videoBlock a {
  text-decoration: none;
}

@media only screen and (min-width: 480px) {
  .container--videoLibrary .videoLibrary__videoBlock {
    display: inline-block;
    width: 48%;
    pading: 1em;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 2em;
    text-align: center;
  }
  .container--videoLibrary .videoLibrary__videoBlock .videoBlock__imageBlock {
    width: 100%;
    margin-bottom: 1em;
  }
  .container--videoLibrary .videoLibrary__videoBlock .videoBlock__imageBlock img {
    margin-right: auto;
    margin-left: auto;
  }
  .container--videoLibrary .videoLibrary__videoBlock .videoBlock__contentBlock {
    width: 100%;
    padding: 0 1em 1em 1em;
  }
  .container--videoLibrary .videoLibrary__videoBlock .videoBlock__linkBlock {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}

/*END MQ*/
@media only screen and (min-width: 960px) {
  .container--videoLibrary .videoLibrary__videoBlock {
    display: inline-block;
    width: 48%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 2em;
    text-align: left;
  }
  .container--videoLibrary .videoLibrary__videoBlock .videoBlock__imageBlock {
    width: 32%;
    margin-bottom: 1em;
  }
  .container--videoLibrary .videoLibrary__videoBlock .videoBlock__contentBlock {
    width: 65%;
    padding: 0 1em 1em 1em;
  }
  .container--videoLibrary .videoLibrary__videoBlock .videoBlock__contentBlock p {
    margin-top: 0;
    margin-bottom: 0;
  }
  .container--videoLibrary .videoLibrary__videoBlock .videoBlock__linkBlock {
    display: block;
    width: 100%;
    text-align: left;
  }
  .container--videoLibrary .videoLibrary__videoBlock .videoBlock__linkBlock div {
    width: 32%;
    margin-left: 0;
    margin-right: auto;
    text-align: center;
  }
}

/*END MQ*/
/*== SEARCH RESULTS ==*/
.results__controls {
  margin-bottom: 1em;
}

.results__result {
  margin-bottom: 1.5em;
  border-bottom: solid 1px #76a79f;
}

.result__title,
.result__url {
  margin-bottom: .25em;
}

.results__result .result__title {
  display: block;
  font-weight: bold;
  text-decoration: none;
}

.results__result .result__title i {
  font-size: .75em;
  font-weight: normal;
  padding: .25em;
  margin-left: 1em;
  color: white;
  background-color: #76a79f;
}

.results__result .result__url {
  font-size: .875em;
  color: #76a79f;
}

.results__result p {
  margin-top: 0;
  font-size: .875em;
}

.results__pagination ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.results__pagination li {
  display: inline-block;
}

/*== SLIDER ==*/
.deeper .bx-viewport li {
  height: 300px;
}

.deeper .slider.brand-1 .slider__contentContainer {
  width: 50%;
  margin: 2% auto 2% 10%;
  color: white;
}

.deeper .slider.brand-1 .slider__headerBlock,
.deeper .slider.brand-1 .slider__contentBlock,
.deeper .slider.brand-1 .slider__linkBlock {
  color: white;
}

.deeper .slider.brand-1 .slider__headerBlock .alpha {
  color: white;
  font-size: 2em;
}

.deeper .slider.brand-1 .slider__contentBlock p {
  line-height: 1.4em;
  color: white;
}

.deeper .slider.brand-1 .slider__linkBlock div {
  width: 33%;
  padding: .25em 1em;
  text-align: center;
  background: black;
}

.deeper .slider.brand-1 .slider__linkBlock a {
  color: white;
}

.bx-wrapper li {
  height: 250px;
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat;
  border: solid 2px green;
}

.bx-wrapper li .slider__contentContainer {
  width: 30%;
  padding: 2em;
  margin-right: 10%;
  margin-left: auto;
  background: white;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
}

/*================= THIRD PARTY CSS =================*/
/*================= MEDIA PLAYER =================*/
/*== INLINE MEDIA PLAYER ==*/
.mejs-offscreen {
  /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).  Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 - no likey commas */
  clip: rect(1px, 1px, 1px, 1px);
  /* IE8-IE11 - we likey commas, no support for clip-path */
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.mejs-container {
  position: relative;
  background: #000;
  font-family: Helvetica, Arial;
  text-align: left;
  vertical-align: top;
  text-indent: 0;
}

.mejs-container:focus {
  outline: none;
}

.me-plugin {
  position: absolute;
}

.mejs-embed, .mejs-embed body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden;
}

.mejs-fullscreen {
  /* set it to not show scroll bars so 100% will work */
  overflow: hidden !important;
}

.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
  width: 100%;
  height: 100%;
}

.mejs-clear {
  clear: both;
}

/* Start: LAYERS */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0;
}

.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

:root .mejs-poster img {
  display: none;
}

.mejs-poster img {
  border: 0;
  padding: 0;
  border: 0;
}

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0;
}

.mejs-overlay-play {
  cursor: pointer;
}

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url(bigplay.svg) no-repeat;
}

.no-svg .mejs-overlay-button {
  background-image: url(bigplay.png);
}

.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px;
}

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: #333;
  background: url(background.png);
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
}

.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url(loading.gif) 50% 50% no-repeat;
}

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  background: url(background.png);
  background: rgba(0, 0, 0, 0.7);
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  height: 30px;
  width: 100%;
}

.mejs-container .mejs-controls div {
  list-style-type: none;
  background-image: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 11px;
  font-family: Helvetica, Arial;
  border: 0;
}

.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  margin: 7px 5px;
  padding: 0;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 0;
  background: transparent url(controls.svg) no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
  background-image: url(controls.png);
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
  outline: dotted 1px #999;
}

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  padding: 10px 3px 0 3px;
  overflow: hidden;
  text-align: center;
  box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time a {
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  display: block;
  float: left;
  margin: 1px 2px 0 0;
  width: auto;
}

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
  background-position: 0 0;
}

.mejs-controls .mejs-pause button {
  background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
  background-position: -112px 0;
}

/* Start: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
  direction: ltr;
  width: 200px;
  padding-top: 5px;
}

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  border-radius: 2px;
  cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
  width: 100%;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  -webkit-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}

@keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #3caac8;
  background: rgba(60, 170, 200, 0.8);
  background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #eee;
  border-color: #eee transparent transparent transparent;
  border-radius: 0;
  top: 15px;
  left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
  width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
  left: 18px;
}

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress Bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px;
}

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-mute button {
  background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
  background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
  position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
  border-radius: 0 0 4px 4px;
}

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.5);
  margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  cursor: N-resize;
  border-radius: 1px;
  margin: 0;
}

/* horizontal version */
.mejs-controls a.mejs-horizontal-volume-slider {
  height: 26px;
  width: 56px;
  position: relative;
  display: block;
  float: left;
  vertical-align: middle;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  border-radius: 2px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  border-radius: 2px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none;
}

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
  position: relative;
}

.mejs-controls .mejs-captions-button button {
  background-position: -48px 0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -51px;
  width: 85px;
  height: 100px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px 10px 0 10px;
  overflow: hidden;
  border-radius: 0;
}

.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
  visibility: visible;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 55px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0;
}

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px #fff;
  width: 10000px;
  z-index: 1;
}

.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: #222;
  background: rgba(0, 0, 0, 0.7);
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
  overflow: hidden;
  border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: #666;
  background: rgba(102, 102, 102, 0.7);
  background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  color: #fff;
}

.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}

.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0;
}

.mejs-captions-position-hover {
  bottom: 35px;
}

.mejs-captions-text {
  padding: 3px 5px;
  background: url(background.png);
  background: rgba(20, 20, 20, 0.5);
  white-space: pre-wrap;
}

/* End: Track (Captions and Chapters) */
/* Start: Error */
.me-cannotplay a {
  color: #fff;
  font-weight: bold;
}

.me-cannotplay span {
  padding: 15px;
  display: block;
}

/* End: Error */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
  background-position: -64px 0;
}

/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0;
}

/* End: backlight */
/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0;
}

/* End: Picture Controls */
/* context menu */
.mejs-contextmenu {
  position: absolute;
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #999;
  z-index: 1001;
  /* make sure it shows on fullscreen */
}

.mejs-contextmenu .mejs-contextmenu-separator {
  height: 1px;
  font-size: 0;
  margin: 5px 6px;
  background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
  font-family: Helvetica, Arial;
  font-size: 12px;
  padding: 4px 6px;
  cursor: pointer;
  color: #333;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
  background: #2C7C91;
  color: #fff;
}

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
  position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px;
}

/* End: Source Chooser */
/* Start: Postroll */
.mejs-postroll-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  z-index: 1000;
  overflow: hidden;
}

.mejs-postroll-layer-content {
  width: 100%;
  height: 100%;
}

.mejs-postroll-close {
  position: absolute;
  right: 0;
  top: 0;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  color: #fff;
  padding: 4px;
  z-index: 100;
  cursor: pointer;
}

/* End: Postroll */
/* Start: Speed */
div.mejs-speed-button {
  width: 46px !important;
  position: relative;
}

.mejs-controls .mejs-button.mejs-speed-button button {
  background: transparent;
  width: 36px;
  font-size: 11px;
  line-height: normal;
  color: #ffffff;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
  display: none;
  position: absolute;
  top: -100px;
  left: -10px;
  width: 60px;
  height: 100px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
}

.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
  display: block;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
  color: #21f8f8;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
  margin: 0 0 6px 0;
  padding: 0 10px;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
  display: none;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
  width: 60px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 11.5px;
  color: white;
  margin-left: 5px;
  cursor: pointer;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
  background-color: #c8c8c8 !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}

/* End: Speed */
/* Start: Jump Forward */
.mejs-controls .mejs-button.mejs-jump-forward-button {
  background: transparent url(jumpforward.png) no-repeat;
  background-position: 3px 3px;
}

.mejs-controls .mejs-button.mejs-jump-forward-button button {
  background: transparent;
  font-size: 9px;
  line-height: normal;
  color: #ffffff;
}

/* End: Jump Forward */
/* Start: Skip Back */
.mejs-controls .mejs-button.mejs-skip-back-button {
  background: transparent url(skipback.png) no-repeat;
  background-position: 3px 3px;
}

.mejs-controls .mejs-button.mejs-skip-back-button button {
  background: transparent;
  font-size: 9px;
  line-height: normal;
  color: #ffffff;
}

/* End: Skip Back */
/*================= END MEDIA PLAYER =================*/
/* Start for WFFM custom styling in Login Form */
.login-input-textbox {
  display: inline-block;
}

/* End: WFFM Login Form */
.countries-list h3 {
  display: none;
}

.content.news-thumbnail {
  display: none;
}

.content-list.list-button-link li a span:hover {
  color: #00559c;
}

/*Search Pagination*/
ul.pagination.pagi-prev-next li.pagination-number a {
  background-color: #FFFFFF;
  color: #8A94AD;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
  font-weight: 600;
  padding: 5px;
  margin-right: 5px;
  margin-left: 0;
  border: none;
  float: none;
}

.pagination.pagi-prev-next li.pagination-number.current {
  background: #00559c;
  color: #fff;
  padding: 2px 8px 2px 8px;
  border-radius: 2px;
}

.pagination.pagi-prev-next li.pagination-previous {
  display: inline-block;
}

.pagination.pagi-prev-next li.pagination-previous a, .pagination.pagi-prev-next li.pagination-next a {
  border: none;
  float: none;
  color: #00559c;
}

ul.pagination.pagi-prev-next {
  font-size: 16px;
}

li.pagination-previous.disabled, li.pagination-next.disabled {
  padding: 6px 12px;
  color: #cacaca;
  cursor: not-allowed;
}

/*End Search Pagination*/
/*Search Box*/
/* form.search-box-form.navbar-form.navbar-right.hidden-sm.hidden-xs.search .input-group-button::before {
    content: "\e003";
    position: absolute;
    color: #515151;
    font-size: 20px;
    font-family: 'Glyphicons Halflings';
    border: 1px solid #C1C1C1;
    padding: 4px 8px 0 8px;
    border-radius: 0 5px 5px 0;
    margin-left: -15px;
} */
.home-search.search .input-group {
  display: inline-table;
}

.search-box-form.mobile_search .input-group-button {
  width: 1%;
}

.mobile_search.search .input-group .input-group-button input.button {
  background: none;
  width: 100%;
}

.search-box-form.mobile_search input.input-group-field {
  width: 100%;
}

.search .input-group {
  display: table;
}

.search input.input-group-field {
  border-radius: 5px 0 0 5px;
}

.search .input-group .input-group-button {
  display: table-cell;
  padding: 0 2px 0 2px;
  text-align: center;
  height: 100%;
  margin: 0;
  white-space: nowrap;
  vertical-align: middle;
}

.search .input-group .input-group-button input.button {
  margin-left: -5px;
  border-radius: 0 5px 5px 0;
  border: 1px solid #C1C1C1;
  background: url(../Images/search.svg);
  background-repeat: no-repeat;
  background-size: 20px 25px;
  width: 35px;
  padding: 6px 10px;
  background-position: 5px;
  outline: none;
}

/*Search Results Page*/
p.btn-results {
  color: #558ec2;
}

.result-content {
  font-size: 16px;
}

.search-result .result-page h4 {
  font-size: 21px;
}

.content:last-child .border-2 {
  border: none;
}

.result-page {
  margin-top: 20px;
  margin-bottom: 30px;
}

.container.search-result {
  padding-top: 50px;
}

/*End of Search Results Page*/
/*Flags Image*/
.text.Brand.Class.img-flag img {
  width: 40px;
  height: 27px;
}

@media screen and (min-width: 1441px) {
  .countries-items img {
    width: 8vw;
    max-width: 140px;
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
  .countries-items img {
    width: 15vw;
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .countries-items img {
    width: 25vw;
    height: 100%;
  }
}

/*Carousel Slick*/
button.slick-prev.slick-arrow::before {
  /*pseudo: before>></<pseudo:before>>;*/
  content: "" !important;
  display: block;
  width: 40px;
  height: 50px;
  position: absolute;
  background-image: url(../Images/left.png);
  background-repeat: no-repeat;
  background-size: 15px;
}

button.slick-next.slick-arrow::before {
  content: "" !important;
  display: block;
  width: 40px;
  height: 60px;
  position: absolute;
  background-image: url(../Images/right.png);
  background-repeat: no-repeat;
  background-size: 15px;
}

.slick-slide {
  outline: none !important;
}

.wrapper.carousel-slick {
  margin-top: 0px;
  margin-bottom: 0px;
}

.item-slick {
  float: none;
  margin: 0;
  display: table;
}

.text-slick {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  padding-right: 80px;
  text-align: justify;
  font-size: 16px;
}

.item-slick h3 {
  color: #00559c;
}

div.item-slick img {
  height: 500px;
  margin: 25px;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit:contain;';
  display: table-cell;
  width: 80%;
}

div.item-slick a.btn-submit-slick {
  background-color: #558ec2;
  border: none;
  border-radius: 10px 0 10px 0;
  color: white;
  padding: 9px 28px;
  margin: 10px 0 30px 0;
  text-decoration: none;
}

div.item-slick a {
  display: inline-block;
  margin-top: 20px;
}

/*End of Carousel Slick*/
.left {
  float: left;
  margin-left: 13px;
}

.glyphicon-search {
  color: #fff;
}

.mobile_search {
  margin: 6px 0 10px 0;
}

.navbar {
  margin-bottom: 0;
}

.navbar-inverse {
  background-image: none;
  background-color: #F9F9F9;
  border: none;
  border-radius: 0;
}

.navbar-form {
  margin-top: 13px;
  margin-bottom: 13px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  color: #00559c;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}

.navbar-inverse .navbar-nav > .active > a {
  font-weight: 600;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
  text-shadow: none;
  color: #808080;
}

nav .navbar-nav {
  padding: 5px 0px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: transparent;
}

.collapsing {
  position: relative;
  height: auto;
}

.search button {
  padding-top: 4px;
  padding-bottom: 8px;
  background-color: white;
  border-radius: 0px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #C1C1C1;
}

.search button img {
  width: 17px;
  height: 100%;
}

.search input {
  padding-top: 4px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: white;
  border-radius: 0px;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #C1C1C1;
  outline: none;
}

header.mainHeader {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  max-width: 100vw;
}

body * {
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: 0;
}

ul {
  padding-left: 13px;
}

ul li {
  list-style-image: url("../images/ul.svg");
}

figure img {
  width: 100%;
}

.images-slider {
  text-align: center;
}

.images-slider img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  font-family: 'object-fit:contain; object-position:center;';
}

.maxi-image-slider img {
  height: 480px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  font-family: 'object-fit:contain; object-position:center;';
}

.footer ul li {
  list-style-image: url("../images/ul-footer.svg");
}

/*IE LIST FIX*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  ul li {
    list-style-image: url("../images/ul-ie.svg");
  }
  .footer ul li {
    list-style-image: url("../images/ul-footer-ie.svg");
  }
  .search .input-group .input-group-button input.button {
    padding: 5px 10px;
  }
  .nav > li > a {
    padding: 10px 10px;
  }
  nav .navbar-nav {
    padding: 10px 0px;
  }
  .search input {
    padding-bottom: 10px;
  }
}

/*EDGE 12 LIST FIX*/
@supports (-ms-accelerator: true) and (not (color: unset)) {
  ul li {
    list-style-image: url("../images/ul-ie.svg");
  }
  .footer ul li {
    list-style-image: url("../images/ul-footer-ie.svg");
  }
}

/*EDGE 13+ FIX*/
@supports (-ms-ime-align: auto) and (color: unset) {
  ul li {
    list-style-image: url("../images/ul-ie.svg");
  }
  .footer ul li {
    list-style-image: url("../images/ul-footer-ie.svg");
  }
}

.wrapper {
  max-width: 100vw;
  margin-bottom: 0;
}

.container {
  margin-bottom: 0;
}

.wrapper.hidden-xs {
  overflow: hidden;
}

.section-title h1 {
  text-align: center;
  position: relative;
  font-weight: 600;
}

.description {
  background-color: #F4F4F4;
  color: #808080;
}

.description h2 {
  color: #282828;
}

.border-description {
  border-style: solid;
  border-color: #f4d200;
}

.text h2 {
  color: #00559c;
  margin-bottom: 15px;
}

.maxi-image-slider img {
  width: 100%;
}

.images-slider {
  display: inline-block;
}

a[name="back"] {
  color: #808080;
  padding: 10px 0;
}

a[name="back"]:before {
  background-image: url("../images/arrow.svg");
  background-size: cover;
  margin-right: 3px;
  display: inline-block;
  width: 9px;
  height: 11px;
  content: "";
}

/*Added for career*/
.careers-list .career-infos {
  margin-top: -5px;
  margin-bottom: 12px;
}

.careers-list {
  margin: 15px 0;
}

.careers-list img, .careers-list .career-infos {
  display: inline-block;
  vertical-align: top;
}

.careers-list a, .career-date, .career-sector, .career-location {
  display: block;
}

.careers-list a {
  text-decoration: underline;
  font-weight: 700;
}

.careers-list img {
  height: 55px;
  width: 55px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover; object-position: center;';
}

.career-job {
  display: block;
}

.career-job + .career-job {
  border-top: 1px solid #C1C1C1;
  padding-top: 12px;
}

/*Added 4 carrers*/
.inline-block {
  display: inline-block;
}

.f-left {
  float: left;
}

.jobs-list img {
  margin-right: 15px;
}

.jobs-list span {
  display: block;
}

.jobs-list a {
  display: inline-block;
  text-decoration: none;
  color: white;
}

.button-design {
  border-radius: 10px 0 10px 0;
  background-color: #558ec2;
  padding: 6px 18px;
  text-decoration: none;
  color: white;
}

.row.jobs:hover {
  background-color: #f4f4f4;
}

.border-2 {
  border-width: 1px 0 0 0;
  border-color: #c1c1c1;
  border-style: solid;
  margin: 10px 0;
}

.job-title {
  font-weight: 700;
}

.job-subtitle, .job-location {
  font-weight: 600;
}

.job-location-title {
  font-weight: 700;
}

.also-like {
  margin-top: 5em;
  text-align: center;
}

.also-like h3 {
  text-align: left;
  margin-bottom: 1.5em;
  font-weight: 600;
  padding: 0 15px;
}

.also-like img {
  width: 100%;
  height: 100%;
}

/*Added for brands*/
.no-padding-bottom {
  padding-bottom: 0 !important;
}

.description select {
  outline: none;
  border: none;
  border-radius: 2px;
  background-color: #ffd300;
  font-weight: 600;
}

.img-background img {
  width: 100%;
  height: 100%;
}

.caption a {
  width: 100%;
  color: #558ec2;
  font-size: 13px;
}

.separator {
  height: 1px;
  width: 100%;
  margin: 40px 0;
}

.brand-container {
  position: relative;
  display: block;
}

.caption img {
  width: auto;
  display: block;
}

.caption {
  position: absolute;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+40,0.7+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, white 0%, white 40%, rgba(255, 255, 255, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3ffffff',GradientType=1 );
  /* IE6-9 */
  bottom: 0;
  width: 100%;
  color: black;
  display: table;
}

.caption-block {
  display: table-cell;
  vertical-align: middle;
}

/*Added 4 Content*/
.brand-container.csr {
  display: inline-block;
  float: left;
}

/*.image-text li {
	margin-left: 20px;
}*/
.content-page li {
  text-align: justify;
}

.image-text li + li {
  padding-top: 10px;
}

.text h3 {
  color: black;
  margin-top: 40px;
  margin-bottom: 10px;
}

.text h3:first-of-type {
  color: black;
  margin-top: 0px;
  margin-bottom: 10px;
}

.content-page h2 {
  margin-top: 30px;
  margin-bottom: 10px;
}

.content-page h2:first-of-type {
  margin-top: 0px;
  margin-bottom: 10px;
}

.download-link, .download-link:active, .download-link:focus, .download-link:hover {
  color: #558ec2;
  margin-left: 10px;
}

/*Added 4 procurement */
.images-text-content {
  width: 100%;
  text-align: justify;
}

.image-block img {
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}

.border-separator {
  border-top: 1px solid black;
  margin: 15px 0;
  width: 100%;
}

.images-text-content a, .images-text-content a:hover, .images-text-content a:focus, .images-text-content a:active {
  margin-left: 0;
  display: block;
}

.images-text-content a:hover {
  text-decoration: none;
  color: purple;
}

/*Added 4 CSR*/
.table-items {
  background-color: #F4F4F4;
  padding: 15px;
}

.table-items h4, .table-items h5 {
  text-align: center;
}

.border-yellow {
  width: 98%;
  margin: 12px auto;
  border-top: 1px solid #ffd300;
}

.content-page-text p {
  text-align: justify;
}

.content-page-text ul li {
  margin-bottom: 10px;
}

.description a, .description a:active, .description a:focus, .description a:hover {
  margin: 0;
}

/*Added 4 Products & services*/
.products-list-item:hover .caption {
  display: flex;
  display: -ms-flexbox;
  height: 100%;
}

.products-list-item:hover .caption-block {
  height: 100%;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  display: -ms-flexbox;
}

.products-list-item h4 {
  width: 100%;
}

.products-list-item .caption h4 {
  margin-bottom: 0;
}

.jobs p, .jobs li {
  text-align: justify;
}

.jobs h2 {
  margin-top: 3em;
}

.jobs h4 {
  font-weight: bold;
  margin-top: 2em;
}

.page-header {
  border: none;
}

.infos-jobs {
  margin-bottom: 2em;
}

.form-group {
  margin-bottom: 5px;
}

.jobs .form-group:nth-child(2n+2) {
  float: right;
}

.form-group input, .form-group select, .form-group textarea {
  border-radius: 2px;
  border: 1px solid #abacad;
}

.required-field .control-label:before, .required-field .checkbox:after {
  color: #00559c !important;
}

label {
  display: block;
  word-spacing: normal;
}

#uploadFile, #uploadFile2 {
  display: inline-block;
  background-color: white;
  padding: 3px;
  height: 34px;
  border-radius: 2px 0 0 2px;
  width: 75%;
  border-width: 1px 0px 1px 1px;
}

.button-upload {
  border-radius: 0 2px 2px 0;
  background-color: #558ec2;
  height: 34px;
  display: inline-block;
  width: 25%;
  padding: 7px;
  text-align: center;
  color: white;
  cursor: pointer !important;
}

.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 60px;
}

.fileUpload {
  display: table;
  width: 100%;
  word-spacing: -2em;
  position: relative;
}

.has-feedback .form-control {
  padding-right: 18px;
}

.help-block {
  padding: 2px 0;
  height: 20px;
  margin: 0;
  overflow: hidden;
  font-size: 13px;
}

.page-header {
  padding-right: 15px;
  padding-left: 15px;
}

.btn-submit {
  background-color: #558ec2;
  border: none;
  border-radius: 10px 0 10px 0;
  color: white;
  padding: 9px 28px;
  margin: 10px 0 30px 0;
}

a.btn-submit:hover {
  color: white;
  text-decoration: none;
}

.has-error .checkbox, .has-error .checkbox-inline,
.has-error .control-label, .has-error .help-block,
.has-error .radio, .has-error .radio-inline,
.has-error.checkbox label, .has-error.checkbox-inline label,
.has-error.radio label, .has-error.radio-inline label,
.has-success .checkbox, .has-success .checkbox-inline,
.has-success .control-label, .has-success .help-block,
.has-success .radio, .has-success .radio-inline,
.has-success.checkbox label, .has-success.checkbox-inline label,
.has-success.radio label, .has-success.radio-inline label {
  color: black;
}

.image-right img {
  width: 100%;
}

.radio {
  display: inline-block;
  margin-bottom: 0;
}

.scfMultipleLineTextBorder {
  float: none !important;
}

.radio-button-gender div {
  color: white;
}

.radio-button-gender label {
  background-color: #558ec2;
  border: none;
  background-image: none;
}

.radio-button-gender label:first-of-type {
  border-radius: 10px 0 0 0;
}

.radio-button-gender label:last-of-type {
  border-radius: 0 0 10px 0;
  margin-left: 1px !important;
}

.radio-button-gender label:focus {
  outline: none;
}

.adress-contact table td, .adress-contact table, table.infos-adress-countries, .infos-adress-countries td {
  padding: 0;
  outline: 0;
  text-align: left;
  vertical-align: top;
}

.adress-contact p {
  margin-bottom: 0;
}

.contact .form-group:nth-child(2n+1) {
  float: right;
}

.items-list-country img {
  height: 45px;
  width: auto;
  display: block;
  margin: 0 auto;
}

.countries-list .items-list-country .infos-adress-countries {
  text-align: left;
}

table.infos-adress-countries {
  width: 100%;
}

a.link, a.link:hover, a.link:active, a.link:focus {
  color: #558ec2;
}

a.link:hover, a.link:active, a.link:focus {
  text-decoration: underline;
}

.items-list-country tr td:nth-of-type(2) {
  padding: 0 5px;
}

.countries-selector select {
  outline: none;
  border: none;
  border-radius: 2px;
  background-color: #F4F4F4;
}

.adress-contact table {
  width: 60%;
}

.adress-contact .logo-footer {
  margin-top: 20px;
}

.adress-contact h2 {
  font-weight: normal;
}

.text-infos {
  margin-bottom: 30px;
}

.items-list-country {
  overflow: hidden;
}

div[data-country] {
  display: none;
}

/*CHANGE CLASS NAME */
.values-list, .factories-list, .promo-list {
  display: flex;
  display: -ms-flexbox;
  margin: 40px 0 60px 0;
  max-height: 300px;
}

/* Change class name*/
.promo-grey div {
  background-color: #F4F4F4;
}

.promo .image-container {
  overflow: hidden;
  padding: 0;
}

.promo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;';
}

.promo .content-container {
  padding: 40px 60px;
}

.promo a {
  display: inline-block;
  margin: 15px 0 0 0;
}

.promo a:hover, .promo a:focus, .promo a:active {
  text-decoration: none;
  /*Remove the color white
	color: white;
	*/
}

.news-list, .awards-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.news-list img, .awards-list img, .company-list video, .company-list img, .brands-list-block .img-background img {
  width: 100%;
}

.awards-list img {
  margin-bottom: 0;
}

.news-list div.item-news-list:before {
  content: " ";
  position: absolute;
  top: 0;
  width: 20px;
  border-radius: 0 0 8px 0;
  height: 20px;
}

.news-list div[data-newstype="Discount"]:before {
  background-color: #a8b22b;
}

.news-list div[data-newstype="Corporate"]:before {
  background-color: #ffd300;
}

.news-list h2, .awards-list h2 {
  margin-top: 10px;
  margin-bottom: 0;
}

.news-list p {
  text-align: right;
}

.news-list .content {
  padding: 10px 0;
}

.news-list .content, .news-list a, .promo .content-container div, .promo .content-container a, .awards-list p {
  text-align: justify;
}

.view-more {
  text-align: center;
  margin: 10px 0 20px 0;
}

.view-more a {
  color: black;
  text-decoration: underline;
}

.item-news-list {
  display: inline-block;
  margin: 20px 0 20px 0;
}

.header-nav {
  margin-bottom: 4em;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .legend-marks {
    margin-top: 60px;
  }
  .promo {
    margin-bottom: 0px;
  }
}

.legend-marks div {
  height: 13px;
  width: 13px;
  border-radius: 0 0 7px 0;
}

.yellow-mark {
  background-color: #ffd300;
}

.green-mark {
  background-color: #a8b22b;
}

.legend-marks * {
  display: inline-block;
}

.legend-marks div:nth-of-type(2) {
  margin-left: 15px;
}

.history-tabs .tab-content div.active {
  padding: 50px 80px;
  text-align: center;
  background-color: #F4F4F4;
}

.history-tabs li[role="presentation"] {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% / 13);
  height: 250px;
  border: solid #fff;
  border-width: 10px 0;
  margin: 0;
  float: none;
}

.history-tabs .nav-tabs > li.active > a, .history-tabs .nav-tabs > li.active > a:focus, .history-tabs .nav-tabs > li.active > a:hover,
.history-tabs .nav-tabs > li > a, .history-tabs .nav-tabs > li > a:focus, .history-tabs .nav-tabs > li > a:hover {
  border: none;
  margin: 0;
  border-radius: 0;
}

.history-tabs a[data-toggle="tab"] {
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}

.history-tabs li[role="presentation"]:nth-of-type(1) a {
  background-image: url("1-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(1) .panel-heading {
  background-image: url("1-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(2) a {
  background-image: url("2-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(2) .panel-heading {
  background-image: url("2-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(3) a {
  background-image: url("3-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(3) .panel-heading {
  background-image: url("3-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(4) a {
  background-image: url("4-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(4) .panel-heading {
  background-image: url("4-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(5) a {
  background-image: url("5-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(5) .panel-heading {
  background-image: url("5-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(6) a {
  background-image: url("6-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(6) .panel-heading {
  background-image: url("6-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(7) a {
  background-image: url("7-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(7) .panel-heading {
  background-image: url("7-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(8) a {
  background-image: url("8-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(8) .panel-heading {
  background-image: url("8-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(9) a {
  background-image: url("9-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(9) .panel-heading {
  background-image: url("9-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(10) a {
  background-image: url("10-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(10) .panel-heading {
  background-image: url("10-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(11) a {
  background-image: url("11-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(11) .panel-heading {
  background-image: url("11-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(12) a {
  background-image: url("12-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(12) .panel-heading {
  background-image: url("12-m-history.jpg");
  background-position: center center;
}

.history-tabs li[role="presentation"]:nth-of-type(13) a {
  background-image: url("13-history.jpg");
  background-position: center center;
}

.history-tabs .panel-default:nth-of-type(13) .panel-heading {
  background-image: url("13-m-history.jpg");
  background-position: center center;
}

.history-tabs {
  margin-top: 20px;
  overflow: hidden;
}

.history-tabs h3 {
  margin-bottom: 20px;
}

.history-tabs p {
  color: #707070;
}

p.infos-text-center {
  margin-top: 25px;
  margin-bottom: 4em;
}

.history-tabs a:hover, .history-tabs a, .history-tabs a:active, .history-tabs a:focus {
  text-decoration: none;
}

.infos-text-center {
  font-size: 14px;
}

.cookie-banner {
  position: fixed;
  bottom: 0;
  background-color: #282828;
  width: 100vw;
  z-index: 9999;
  display: none;
}

.cookie-banner h2, .cookie-banner p {
  color: white;
}

.accept-btn {
  background-color: white;
  border: none;
  border-radius: 10px 0 10px 0;
  color: white;
  padding: 9px 23px;
  color: #282828;
  font-weight: 600;
}

.text-right-xs-center {
  text-align: right;
}

ul.list-button-link {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-flow: column;
  flex-flow: column;
  margin: 0;
  padding: 0;
  height: 400px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

ul.list-button-link li {
  list-style: none;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-top: 1px solid #707070;
}

ul.list-button-link li:first-of-type {
  border: none;
}

ul.list-button-link li a {
  width: 100%;
  padding: 12px 0;
  font-size: 18px;
  font-weight: 600;
}

ul.list-button-link li a:hover {
  color: #6a5b74;
  text-decoration: none;
}

.header-nav .header-picture {
  height: 400px;
}

.header-nav {
  max-width: 100vw;
  overflow: hidden;
}

.video-presentation video {
  width: 100%;
}

.video-presentation {
  margin-top: 4em;
}

.parallax {
  background-image: url("header.png");
  height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax .table {
  display: table;
  width: 300px;
}

.content-parallax {
  display: table-cell;
  height: 500px;
  vertical-align: middle;
  text-align: justify;
}

.parallax h3 {
  color: white;
}

.parallax span {
  display: block;
  color: white;
}

.parallax a, .carousel a {
  display: inline-block;
  margin-top: 20px;
}

.parallax a {
  margin-bottom: 0;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
  background-color: transparent;
}

.wrapper.carousel {
  background-color: #F9F9F9;
  margin-top: 70px;
  margin-bottom: 50px;
}

.carousel-inner .item img {
  height: 500px;
  margin: 25px 0;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit:contain;';
  display: table-cell;
  width: 100%;
}

.carousel-inner .item div.text2 {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  padding-right: 80px;
  text-align: justify;
}

.carousel-inner .item div.text2 h3 {
  color: #00559c;
}

.carousel-inner .item.active, .carousel-inner .item.left, .carousel-inner .item.right {
  float: none;
  margin: 0;
  display: table;
}

.carousel-control {
  display: table;
}

.carousel-control span {
  display: table-cell;
  height: 500px;
  vertical-align: middle;
}

.carousel-control {
  width: 15px;
  margin: 0;
}

.carousel-control.right {
  right: -40px;
  float: none;
}

.carousel-control.left {
  left: -40px;
  float: none;
}

.parallax h3, div.text2 h3 {
  font-weight: 600;
}

.overflow-hidden {
  overflow: hidden;
}

.content-img-rows {
  width: 80px;
  height: 80px;
  float: left;
  display: inline-block;
  overflow: hidden;
}

.content-img-rows img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: 'object-fit:cover; object-position:center;';
}

.content-text-rows {
  width: calc(100% - 85px);
  padding-left: 5px;
  display: inline-block;
  vertical-align: top;
  line-height: 1.3;
  text-align: justify;
}

.list-rows h4 {
  margin-bottom: 5px;
  font-weight: 600;
  color: #558EC2;
  padding-left: 5px;
  display: inline-block;
  width: calc(100% - 85px);
  text-align: left;
}

.list-rows .border-2 {
  margin: 15px 0;
}

.company-list, .list-rows, .Home .item-news-list {
  margin: 40px 0 20px 0;
}

.row.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.company-list div {
  text-align: justify;
  margin-bottom: 20px;
}

.company-list h2 {
  margin-bottom: 20px;
  margin-top: 10px;
}

.company-list div span {
  font-weight: 600;
}

.bg-color {
  background-color: rgba(0, 85, 156, 0.7);
  margin: -30px;
  padding: 30px;
}

.mainHeader.bis .navbar-brand {
  border-bottom: 1.7px solid #f4d200;
}

/*Added*/
.history-title {
  color: #83a0ca;
  font-weight: 700;
}

.nav.nav-tabs li.active a span.rotate, .nav.nav-tabs li:hover a span.rotate {
  color: yellow;
}

.history-tabs li[role="presentation"]:hover {
  border: 2px solid #fff;
}

.testimonial-wrapper {
  margin-top: 25px;
  margin-bottom: 25px;
}

.testimonial-wrapper .testimonial-label {
  font-weight: 800;
}

.jobs h2.profile {
  margin-top: 1.5em;
  color: #00559c;
  font-size: 25px;
}

.jobs h4.profile {
  color: #00559c;
  font-size: 20px;
}

.testimonial-box {
  position: relative;
  width: 100%;
  padding: 2em;
  margin: 1em 0;
  font-size: 20px;
  text-align: center;
  background-color: #f4f4f4;
}

.testimonial-box .testimonial-text {
  color: #00559c;
}

.news-article {
  margin-top: 8%;
}

.news-article h2 {
  margin-top: 1.5em;
  color: #00559c;
  font-size: 25px;
  text-align: left;
}

.news-article img {
  width: 100%;
}

@media screen and (min-width: 1900px) {
  span.rotate {
    -webkit-transform-origin: 3em 2em !important;
    transform-origin: 3em 2em !important;
  }
}

@media screen and (min-width: 1441px) {
  .margin-lr {
    padding: 0 100px;
  }
  .margin-lr-2 {
    padding: 0 130px;
  }
  .section-title {
    margin-top: 50px;
  }
  .section-title h1 {
    font-size: 30px;
  }
  .section-title h1 span {
    padding: 0 140px;
    background-color: white;
    color: #00559c;
  }
  /*Added 4 Careers*/
  .margin-lr, .margin-lr-2, .margin-lr-4, .margin-lr-5 {
    max-width: 1441px;
    margin: 0 auto;
  }
  .section-title::before {
    content: ' ';
    position: absolute;
    height: 1px;
    left: 15px;
    bottom: 1.7em;
    background-color: #777;
    width: calc(100% - 30px);
  }
  .header-picture {
    width: 100vw;
    background-image: url("header-1.png");
    height: 300px;
    background-size: cover;
    background-position: center center;
    margin-top: 30px;
  }
  .description {
    padding: 45px 50px;
    border-radius: 30px 0 30px 0;
    margin-top: -100px;
    margin-bottom: 70px;
  }
  h2 {
    font-size: 22px;
    font-weight: 700;
  }
  p, .product-description ul li {
    font-size: 17px;
  }
  .description p span {
    font-weight: 600;
  }
  .description h2, .description p {
    padding: 0 15px 10px 15px;
    margin: 0;
  }
  .border-description {
    width: 45%;
    margin: 0 0 20px 0;
    border-width: 0 0 1.7px 0;
  }
  .center {
    margin-top: 50px;
  }
  .standard-text {
    margin-top: 50px;
  }
  .navbar-inverse {
    padding-right: 5%;
    padding-left: 5%;
  }
  .navbar-brand img, .navbar-form .input-group {
    width: 180px;
    height: 100%;
  }
  .navbar-nav li {
    padding: 5px 0;
  }
  .navbar-brand {
    padding: 21px 15px;
    height: 70px;
  }
  .right {
    float: right;
  }
  .footer .border {
    border-top: 1px solid #3C3C3C;
    margin: 10px 0px;
    width: 100%;
  }
  .footer .no-border {
    /*Newly Added*/
    border-top: 1px hidden #3C3C3C;
    margin: 10px 0px;
    width: 100%;
  }
  .logo-footer {
    width: 75%;
    max-width: 200px;
  }
  .footer {
    overflow: hidden;
    margin-top: 40px;
    background-color: #F2F2F2;
  }
  .footer .logos {
    background-color: white;
    border-top: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
  }
  .footer .infos {
    padding-top: 35px;
    padding-bottom: 25px;
  }
  .logos-brands {
    display: -ms-flexbox !important;
    display: flex !important;
    margin: 25px auto;
    width: 100%;
    text-align: center;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .logos-brands img {
    width: 8vw;
    max-width: 140px;
    height: 100%;
  }
  .find-us-map {
    display: inline-block;
    width: 25%;
  }
  .container .world-map {
    display: inline-block;
    width: 75%;
    float: right;
  }
  .beta {
    font-size: 18px;
    color: #808080;
    margin-top: 25px;
    margin-bottom: 5px;
  }
  .footer__social {
    width: 100%;
  }
  .footer__social img {
    padding: 5px 5px 0 0;
    width: 40px;
  }
  .footer h4 {
    font-size: 17px;
    font-weight: 700;
    color: #3C3C3C;
  }
  .find-us-map p {
    font-size: 14px;
    margin-bottom: 0;
    color: #808080;
  }
  .find-us-map p:first-of-type {
    font-size: 16px;
    margin-bottom: 3px;
    margin-top: -5px;
  }
  .find-us-map ul li {
    font-size: 15px;
    color: #808080;
    margin: 5px 0;
  }
  .find-us-map select {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    text-decoration: none;
    padding: 5px 0;
    font-weight: 700;
    font-size: 15px;
  }
  .footer-2, .footer-2 a {
    font-size: 14px;
    text-decoration: none;
    color: #424242;
    font-weight: 400;
  }
  .careers-list a {
    font-size: 14px;
  }
  .career-infos {
    padding-left: 2px;
  }
  .career-date {
    font-size: 12px;
    line-height: 1;
    padding-bottom: 3px;
  }
  .career-location, .career-sector {
    font-size: 13px;
    line-height: 1.1;
  }
  .careers-list img {
    width: 55px;
  }
  .brand-list, #list-brands {
    font-size: 14px;
    margin-bottom: 0;
    color: #808080;
  }
  /*Added 4 Careers*/
  .margin-lr-4 {
    padding: 0 300px;
  }
  .margin-lr-5 {
    padding: 0 70px;
  }
  .job-title {
    font-size: 20px;
  }
  .job-subtitle {
    font-size: 16px;
  }
  .job-location-title {
    font-size: 16px;
  }
  .job-location {
    font-size: 15px;
  }
  .row.jobs {
    padding: 15px;
  }
  .button-design {
    margin-top: 10px;
  }
  .also-like {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .also-like h3 {
    font-size: 21px;
  }
  .also-like p {
    padding-top: 10px;
    font-size: 16px;
  }
  /*Brands page*/
  .caption a {
    font-size: 14px;
  }
  .caption img {
    height: 30px;
  }
  .caption {
    height: 60px;
    padding: 5px;
  }
  .brands-list-item {
    margin-top: 30px;
    display: inline-block;
  }
  .description select {
    margin: 15px 15px 15px 15px;
    width: 190px;
    padding: 2px 5px;
  }
  .brands-list-block {
    margin-bottom: 4em;
  }
  .brands-list-item:nth-of-type(6) {
    margin-bottom: 4em;
  }
  /*Added 4 Content*/
  .content-page li, .jobs li {
    font-size: 17px;
  }
  .image-text img.csr-image {
    width: 100%;
    height: auto;
    max-width: 350px;
  }
  .image-text {
    display: table-cell;
    padding: 50px 0;
  }
  .text h3 {
    font-size: 21px;
    font-weight: 700;
  }
  .brand-container.csr {
    width: calc(40% - 50px);
    margin-right: 50px;
  }
  .text-image {
    display: inline-block;
    float: left;
    width: 60%;
  }
  .content-page-container {
    margin-bottom: 5em;
  }
  .quote {
    font-style: italic;
  }
  /*Added 4 procurement*/
  .list-description {
    padding: 0 15px 10px 15px;
    font-size: 17px;
  }
  .images-text-content {
    height: 520px;
  }
  .images-text-content a {
    font-size: 17px;
  }
  .table-items h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 5px;
  }
  .table-items h5 {
    font-size: 16px;
    margin: 5px;
    color: #1e53a1;
  }
  .table-targets {
    margin: 20px -15px;
  }
  .table-targets {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% + 30px);
  }
  .paragraphe-1 {
    margin-bottom: 4em;
  }
  .paragraphe-2 {
    margin-bottom: 4em;
    margin-top: 4em;
  }
  .content-page-text ul li {
    font-size: 17px;
  }
  /*Added 4 products*/
  .products-list-item {
    margin-bottom: 30px;
    display: inline-block;
  }
  .products-list-item .caption {
    height: 50px;
  }
  .halfAvailableWidth {
    width: calc(50% - 15px);
    display: inline-block;
  }
  .image-right {
    width: 95%;
    float: right;
  }
  .infos-jobs {
    font-size: 15px;
    font-weight: 600;
  }
  .jobs label {
    font-size: 16px;
    font-weight: 600;
  }
  .jobs h4 {
    font-size: 18px;
  }
  .countries-selector select {
    margin: 5px 0 15px 0;
    width: 170px;
    padding: 2px 5px;
  }
  .items-list-country {
    height: 300px;
    margin-top: 20px;
  }
  .countries-selector select {
    margin: 5px 0 15px 0;
    width: 170px;
    padding: 2px 5px;
  }
  .items-list-country {
    height: 300px;
    margin-top: 20px;
  }
  .items-list-country tr td, .adress-contact tr td, .adress-contact tr td p, .countries-selector select {
    font-size: 15px;
  }
  .items-list-country h3 {
    font-size: 18px;
  }
  .countries-selector select {
    margin: 5px 0 15px 0;
    width: 200px;
    padding: 2px 5px;
  }
  .items-list-country {
    height: 310px;
    margin-top: 20px;
  }
  .items-list-country tr td, .adress-contact tr td, .adress-contact tr td p, .countries-selector select {
    font-size: 16px;
  }
  .items-list-country h3, .adress-contact h2 {
    font-size: 18px;
  }
  .text-infos p {
    font-size: 16px;
    margin: 0;
  }
  .contact, .margin-bottom {
    margin-bottom: 70px !important;
  }
  .news-list .content, .news-list a, .promo .content-container div, .promo .content-container a, .view-more a, .awards-list p, .carousel .text2 div, .carousel .text2 ul li, .company-list div, .content-text-rows span, .content-parallax span, .content-parallax a, .company-list a, .carousel .text2 a {
    font-size: 16px;
  }
  .news-list span, .legend-marks {
    font-size: 15px;
  }
  span.rotate {
    -webkit-transform: rotatey(0deg) rotatez(-90deg);
    transform: rotatey(0deg) rotatez(-90deg);
    -webkit-transform-origin: 2.8em 2.2em;
    transform-origin: 2.8em 2.2em;
    float: left;
    font-size: 26px;
    color: white;
  }
  .history-tabs .nav-tabs {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
  }
  .history-tabs h3 {
    color: #83a0ca;
    font-weight: 700;
  }
  .history-tabs h3:before {
    content: " ";
    width: 75px;
    bottom: 7px;
    left: -20px;
    height: 1px;
    position: relative;
    background-color: lightgrey;
    display: inline-block;
  }
  .history-tabs h3:after {
    content: " ";
    width: 75px;
    bottom: 7px;
    left: 20px;
    height: 1px;
    position: relative;
    background-color: lightgrey;
    display: inline-block;
  }
  .history-tabs {
    margin-right: 8%;
    margin-left: 8%;
  }
  .awards-list {
    margin-bottom: 2em;
  }
  .awards-list .content {
    padding: 20px 0 40px;
  }
  .cookie-banner .container {
    padding: 30px 85px;
    margin: 0 auto;
    max-width: 1441px;
  }
  .mainHeader.bis .navbar-header {
    width: 100%;
    /*Additional*/
    padding: 0 25%;
  }
  .mainHeader.bis .navbar-brand {
    height: 100%;
    width: 100%;
    margin: 50px 0 10px 0;
  }
  .mainHeader.bis .navbar-brand img {
    width: 275px;
    margin: 0 auto;
  }
  .mainHeader.bis .navbar-nav > li, .mainHeader.bis .collapse.navbar-collapse.right, .mainHeader.bis .nav.navbar-nav, .mainHeader.bis .navbar-right {
    float: none !important;
    text-align: center;
  }
  .mainHeader.bis .navbar-nav > li, .mainHeader.bis .navbar-right {
    display: inline-block;
  }
  .mainHeader.bis .navbar-form.navbar-right {
    position: absolute;
    top: 2px;
    text-align: right;
    padding: 10px 8%;
    width: 100%;
    left: 0;
  }
  .mainHeader.fixed {
    position: fixed;
    z-index: 9999999;
  }
  .news-list img, .awards-list img, .company-list video, .company-list img, .brands-list-block .img-background img {
    height: 205px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit:cover; object-position:center center;';
  }
  .images-slider img {
    max-height: 220px !important;
  }
  .images-slider img {
    height: 140px;
    width: 140px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    font-family: 'object-fit:contain; object-position:center;';
  }
  .image-list figure + figure {
    margin-left: 10px;
  }
}

/*DESKTOP(L)*/
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .margin-lr {
    padding: 0 100px;
  }
  .margin-lr-2 {
    padding: 0 130px;
  }
  .section-title {
    margin-top: 50px;
  }
  .section-title h1 {
    font-size: 30px;
  }
  .section-title h1 span {
    padding: 0 140px;
    background-color: white;
    color: #00559c;
  }
  .section-title::before {
    content: ' ';
    position: absolute;
    height: 1px;
    left: 15px;
    bottom: 1.8em;
    background-color: #777;
    width: calc(100% - 30px);
  }
  .header-picture {
    width: 100vw;
    background-image: url("header-1.png");
    height: 220px;
    background-size: cover;
    background-position: center center;
    margin-top: 30px;
  }
  .description {
    padding: 45px 50px;
    border-radius: 30px 0 30px 0;
    margin-top: -80px;
    margin-bottom: 70px;
  }
  h2 {
    font-size: 22px;
    font-weight: 700;
  }
  p, .product-description ul li {
    font-size: 16px;
  }
  .description p span {
    font-weight: 600;
  }
  .description h2, .description p {
    padding: 0 15px 10px 15px;
    margin: 0;
  }
  .border-description {
    width: 45%;
    margin: 0 0 20px 0;
    border-width: 0 0 1.7px 0;
  }
  .center {
    margin-top: 40px;
  }
  .standard-text {
    margin-top: 40px;
  }
  .navbar-inverse {
    padding-right: 1%;
    padding-left: 1%;
  }
  .navbar-collapse {
    padding-right: 10px;
    padding-left: 10px;
  }
  .navbar-brand img, .navbar-form .input-group {
    width: 150px;
    height: 100%;
  }
  .navbar-nav li {
    padding: 5px 0;
  }
  .nav > li > a {
    padding: 10px 10px;
  }
  nav .navbar-nav {
    padding: 10px 0px;
  }
  .navbar-brand {
    padding: 24px 15px;
    height: 70px;
  }
  .right {
    float: right;
  }
  .footer .border {
    border-top: 1px solid #3C3C3C;
    margin: 10px 0px;
    width: 100%;
  }
  .footer .no-border {
    /*Newly Added*/
    border-top: 1px hidden #3C3C3C;
    margin: 10px 0px;
    width: 100%;
  }
  .logo-footer {
    width: 75%;
    max-width: 200px;
  }
  .footer {
    overflow: hidden;
    margin-top: 40px;
    background-color: #F2F2F2;
  }
  .footer .logos {
    background-color: white;
    border-top: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
  }
  .footer .infos {
    padding-top: 35px;
    padding-bottom: 25px;
  }
  .logos-brands {
    display: -ms-flexbox !important;
    display: flex !important;
    margin: 25px auto;
    width: 100%;
    text-align: center;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .logos-brands img {
    width: 10vw;
    height: 100%;
  }
  .find-us-map {
    display: inline-block;
    width: 27%;
  }
  .container .world-map {
    display: inline-block;
    width: 73%;
    float: right;
  }
  .beta {
    font-size: 17px;
    color: #808080;
    margin-top: 25px;
    margin-bottom: 5px;
  }
  .footer__social {
    width: 100%;
  }
  .footer__social img {
    padding: 5px 5px 0 0;
    width: 45px;
  }
  .footer h4 {
    font-size: 16px;
    font-weight: 700;
    color: #3C3C3C;
    margin-bottom: 15px;
  }
  .find-us-map p {
    font-size: 13px;
    margin-bottom: 0;
    color: #808080;
  }
  .find-us-map p:first-of-type {
    font-size: 14px;
    margin-bottom: 3px;
    margin-top: -5.5px;
  }
  .find-us-map ul li {
    font-size: 13px;
    color: #808080;
    margin: 5px 0;
  }
  .find-us-map select {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    text-decoration: none;
    padding: 5px 0;
    font-weight: 700;
    font-size: 14px;
  }
  .footer-2, .footer-2 a {
    font-size: 13px;
    text-decoration: none;
    color: #424242;
    font-weight: 400;
  }
  .careers-list a {
    font-size: 12px;
  }
  .career-infos {
    padding-left: 2px;
  }
  .career-date {
    font-size: 11px;
    line-height: 1;
    padding-bottom: 3px;
  }
  .career-location, .career-sector {
    font-size: 11.9px;
    line-height: 1.1;
  }
  .careers-list img {
    width: 50px;
  }
  .brand-list, #list-brands {
    font-size: 13px;
    margin-bottom: 0;
    color: #808080;
  }
  /*Added 4 Careers*/
  .margin-lr-4 {
    padding: 0 230px;
  }
  .margin-lr-5 {
    padding: 0 60px;
  }
  .job-title {
    font-size: 20px;
  }
  .job-subtitle {
    font-size: 16px;
  }
  .job-location-title {
    font-size: 15px;
  }
  .job-location {
    font-size: 14px;
  }
  .row.jobs {
    padding: 15px;
  }
  .button-design {
    margin-top: 10px;
  }
  .also-like {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .also-like h3 {
    font-size: 21px;
  }
  .also-like p {
    padding-top: 10px;
    font-size: 16px;
  }
  /*Brands page*/
  .caption a {
    font-size: 12.5px;
    line-height: 0;
  }
  .caption img {
    height: 30px;
  }
  .caption {
    height: 60px;
    padding: 5px;
  }
  .brands-list-item {
    margin-top: 30px;
    display: inline-block;
  }
  .description select {
    margin: 15px 15px 15px 15px;
    width: 190px;
    padding: 2px 5px;
  }
  .brands-list-block {
    margin-bottom: 3em;
  }
  .brands-list-item:nth-of-type(6) {
    margin-bottom: 4em;
  }
  /*Added 4 Content*/
  .text h3 {
    font-size: 21px;
    font-weight: 700;
  }
  .content-page li, .jobs li {
    font-size: 16px;
  }
  .image-text img.csr-image {
    width: 100%;
    height: auto;
    max-width: 350px;
  }
  .text-image {
    display: inline-block;
    float: left;
    width: 60%;
  }
  .image-text {
    display: table-cell;
    padding: 50px 0;
  }
  .brand-container.csr {
    width: calc(40% - 50px);
    margin-right: 50px;
  }
  .content-page-container {
    margin-bottom: 5em;
  }
  .quote {
    font-style: italic;
  }
  /*Added 4 procurement*/
  .factories-list {
    max-height: 200px;
  }
  .values-list {
    max-height: 350px;
  }
  .list-description {
    padding: 0 15px 10px 15px;
    font-size: 16px;
  }
  .images-text-content {
    height: 300px;
  }
  .images-text-content {
    height: 490px;
  }
  .images-text-content a {
    font-size: 16px;
  }
  .table-items h4 {
    font-size: 15.4px;
    font-weight: 600;
    margin: 5px;
  }
  .table-items h5 {
    font-size: 14.5px;
    margin: 5px;
    color: #1e53a1;
  }
  .table-targets {
    margin: 20px -15px;
    width: calc(100% + 30px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .paragraphe-1 {
    margin-bottom: 4em;
  }
  .paragraphe-2 {
    margin-bottom: 4em;
    margin-top: 4em;
  }
  .content-page-text ul li {
    font-size: 16px;
  }
  /*Added 4 products*/
  .products-list-item {
    margin-bottom: 30px;
    display: inline-block;
  }
  .products-list-item .caption {
    height: 50px;
  }
  .halfAvailableWidth {
    width: calc(50% - 15px);
    display: inline-block;
  }
  .image-right {
    width: 95%;
    float: right;
  }
  .infos-jobs {
    font-size: 15px;
    font-weight: 600;
  }
  .jobs label {
    font-size: 16px;
    font-weight: 600;
  }
  .jobs h4 {
    font-size: 18px;
  }
  .countries-selector select {
    margin: 5px 0 15px 0;
    width: 170px;
    padding: 2px 5px;
  }
  .items-list-country {
    height: 300px;
    margin-top: 20px;
  }
  .items-list-country tr td, .adress-contact tr td, .adress-contact tr td p, .countries-selector select {
    font-size: 15px;
  }
  .items-list-country h3 {
    font-size: 18px;
  }
  .countries-selector select {
    margin: 5px 0 15px 0;
    width: 200px;
    padding: 2px 5px;
  }
  .items-list-country {
    height: 310px;
    margin-top: 20px;
  }
  .items-list-country tr td, .adress-contact tr td, .adress-contact tr td p, .countries-selector select {
    font-size: 16px;
  }
  .items-list-country h3, .adress-contact h2 {
    font-size: 18px;
  }
  .text-infos p {
    font-size: 15px;
    margin: 0;
  }
  .contact, .margin-bottom {
    margin-bottom: 70px !important;
  }
  .news-list .content, .news-list a, .promo .content-container div, .promo .content-container a, .view-more a, .awards-list p, .carousel .text2 div, .carousel .text2 ul li, .company-list div, .content-text-rows span, .content-parallax span, .content-parallax a, .company-list a, .carousel .text2 a {
    font-size: 16px;
  }
  .news-list span, .legend-marks {
    font-size: 14px;
  }
  span.rotate {
    -webkit-transform: rotatey(0deg) rotatez(-90deg);
    transform: rotatey(0deg) rotatez(-90deg);
    -webkit-transform-origin: 2.9em 2.2em;
    transform-origin: 2.9em 2.2em;
    float: left;
    font-size: 26px;
    color: white;
  }
  .history-tabs .nav-tabs {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
  }
  .history-tabs h3 {
    color: #83a0ca;
    font-weight: 700;
  }
  .history-tabs h3:before {
    content: " ";
    width: 75px;
    bottom: 7px;
    left: -20px;
    height: 1px;
    position: relative;
    background-color: lightgrey;
    display: inline-block;
  }
  .history-tabs h3:after {
    content: " ";
    width: 75px;
    bottom: 7px;
    left: 20px;
    height: 1px;
    position: relative;
    background-color: lightgrey;
    display: inline-block;
  }
  .awards-list {
    margin-bottom: 2em;
  }
  .awards-list .content {
    padding: 20px 0 40px;
  }
  .cookie-banner .container {
    padding: 30px 85px;
    margin: 0 auto;
    max-width: 1441px;
  }
  .mainHeader.bis .navbar-header {
    width: 100%;
    /*Additional*/
    padding: 0 15%;
  }
  .mainHeader.bis .navbar-brand {
    height: 100%;
    width: 100%;
    margin: 50px 0 10px 0;
  }
  .mainHeader.bis .navbar-brand img {
    width: 275px;
    margin: 0 auto;
  }
  .mainHeader.bis .navbar-nav > li, .mainHeader.bis .collapse.navbar-collapse.right, .mainHeader.bis .nav.navbar-nav, .mainHeader.bis .navbar-right {
    float: none !important;
    text-align: center;
  }
  .mainHeader.bis .navbar-nav > li, .mainHeader.bis .navbar-right {
    display: inline-block;
  }
  .mainHeader.bis .navbar-form.navbar-right {
    position: absolute;
    top: 2px;
    text-align: right;
    padding: 10px 8%;
    width: 100%;
    left: 0;
  }
  .mainHeader.fixed {
    position: fixed;
    z-index: 9999999;
  }
  .news-list img, .awards-list img, .company-list video, .company-list img, .brands-list-block .img-background img {
    height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit:cover; object-position:center center;';
  }
  .images-slider img {
    height: 130px;
    width: 130px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    font-family: 'object-fit:contain; object-position:center;';
  }
  .image-list figure + figure {
    margin-left: 10px;
  }
}

/*DESKTOP(S/M)*/
@media screen and (min-width: 992px) and (max-width: 1200px) {
  nav .navbar-nav {
    padding: 10px 0px;
  }
  .margin-lr {
    padding: 0 80px;
  }
  .margin-lr-2 {
    padding: 0 110px;
  }
  .section-title {
    margin-top: 50px;
  }
  .section-title h1 {
    font-size: 28px;
  }
  .section-title h1 span {
    padding: 0 110px;
    background-color: white;
    color: #00559c;
  }
  .section-title::before {
    content: ' ';
    position: absolute;
    height: 1px;
    left: 15px;
    bottom: 1.6em;
    background-color: #777;
    width: calc(100% - 30px);
  }
  .header-picture {
    width: 100vw;
    background-image: url("header-1.png");
    height: 210px;
    background-size: cover;
    background-position: center center;
    margin-top: 20px;
  }
  .description {
    padding: 38px 48px;
    border-radius: 26px 0 26px 0;
    margin-top: -80px;
    margin-bottom: 60px;
  }
  h2 {
    font-size: 21px;
    font-weight: 700;
  }
  p, .product-description ul li {
    font-size: 16px;
  }
  .description p span {
    font-weight: 600;
  }
  .description h2, .description p {
    padding: 0 15px 10px 15px;
    margin: 0;
  }
  .border-description {
    width: 45%;
    margin: 0 0 20px 0;
    border-width: 0 0 1.4px 0;
  }
  .center {
    margin-top: 30px;
  }
  .standard-text {
    margin-top: 30px;
  }
  .navbar-toggle[data-target="#menu"], .navbar-toggle[data-target="#search"] {
    display: inherit;
  }
  .navbar-header {
    width: 100%;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
    width: 100%;
  }
  .navbar img {
    max-width: 150px;
    height: 100%;
  }
  .navbar-brand {
    height: 56px;
    padding: 16px 0px;
  }
  .navbar-toggle {
    margin-top: 11px;
    margin-bottom: 11px;
    height: 34px;
    border: none;
    color: black;
    padding: 7px 10px;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #808080;
    height: 2.5px;
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  .navbar-brand img {
    max-width: 170px;
    width: 100%;
  }
  .navbar-nav {
    text-align: center;
    width: 100%;
  }
  .nav > li > a {
    padding: 10px 10px;
  }
  /*
	.navbar-inverse {
		padding-right: 1%;
		padding-left: 1%;
	}
	
	.navbar-brand img, .navbar-form .input-group {
	    width: 140px;
	    height: 100%;
	}
	.navbar-nav li {
		padding: 5px 0;
	}
	.navbar-brand {
	    padding: 24px 15px;
	    height: 70px;
	}
	.navbar-nav li a {
		padding: 14px 7px;
	}
	*/
  .right {
    float: right;
  }
  .footer .border {
    border-top: 1px solid #3C3C3C;
    margin: 10px 0px;
    width: 100%;
  }
  .footer .no-border {
    /*Newly Added*/
    border-top: 1px hidden #3C3C3C;
    margin: 10px 0px;
    width: 100%;
  }
  .logo-footer {
    width: 75%;
    max-width: 200px;
  }
  .footer {
    overflow: hidden;
    margin-top: 40px;
    background-color: #F2F2F2;
  }
  .footer .logos {
    background-color: white;
    border-top: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
  }
  .footer .infos {
    padding-top: 35px;
    padding-bottom: 25px;
  }
  .logos-brands {
    display: -ms-flexbox !important;
    display: flex !important;
    margin: 25px auto;
    width: 100%;
    text-align: center;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .logos-brands img {
    width: 9vw;
    height: 100%;
  }
  .find-us-map {
    display: inline-block;
    width: 30%;
  }
  .container .world-map {
    display: inline-block;
    width: 70%;
    float: right;
  }
  .beta {
    font-size: 16px;
    color: #808080;
    margin-top: 25px;
    margin-bottom: 5px;
  }
  .footer__social {
    width: 100%;
  }
  .footer__social img {
    padding: 5px 5px 0 0;
    width: 45px;
  }
  .footer h4 {
    font-size: 15px;
    font-weight: 700;
    color: #3C3C3C;
  }
  .find-us-map p {
    font-size: 13px;
    margin-bottom: 0;
    color: #808080;
  }
  .find-us-map p:first-of-type {
    font-size: 14px;
    margin-bottom: 3px;
  }
  .find-us-map ul li {
    font-size: 13px;
    color: #808080;
    margin-bottom: 5px 0;
  }
  .find-us-map select {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    text-decoration: none;
    padding: 5px 0;
  }
  .footer-2, .footer-2 a {
    font-size: 13px;
    text-decoration: none;
    color: #424242;
    font-weight: 400;
  }
  .careers-list a {
    font-size: 12px;
  }
  .career-infos {
    padding-left: 1px;
  }
  .career-date {
    font-size: 9px;
    line-height: 1;
    padding-bottom: 3px;
  }
  .career-location, .career-sector {
    font-size: 10px;
    line-height: 1.1;
  }
  .careers-list img {
    width: 30px;
    height: 45px;
  }
  .brand-list, #list-brands {
    font-size: 13px;
    margin-bottom: 0;
    color: #808080;
  }
  /*Added 4 Careers*/
  .margin-lr-4 {
    padding: 0 200px;
  }
  .margin-lr-5 {
    padding: 0 50px;
  }
  .job-title {
    font-size: 19px;
  }
  .job-subtitle {
    font-size: 15px;
  }
  .job-location-title {
    font-size: 14px;
  }
  .job-location {
    font-size: 13px;
  }
  .row.jobs {
    padding: 15px;
  }
  .button-design {
    margin-top: 10px;
  }
  .also-like {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .also-like h3 {
    font-size: 20px;
  }
  .also-like p {
    padding-top: 10px;
    font-size: 15px;
  }
  /*Brands page*/
  .caption a {
    font-size: 14px;
    line-height: 0;
  }
  .caption img {
    height: 20px;
  }
  .caption {
    height: 70px;
    padding: 5px;
  }
  .brands-list-item {
    margin-top: 30px;
    display: inline-block;
  }
  .description select {
    margin: 15px 15px 15px 15px;
    width: 190px;
    padding: 2px 5px;
  }
  .brands-list-block {
    margin-bottom: 2em;
  }
  .brands-list-item:nth-of-type(6) {
    margin-bottom: 3em;
  }
  /*Added 4 Content*/
  .text h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .content-page li, .jobs li {
    font-size: 16px;
  }
  .image-text img.csr-image {
    width: 100%;
    height: auto;
  }
  .image-text {
    display: table-cell;
    padding: 50px 0;
  }
  .brand-container.csr {
    width: calc(40% - 50px);
    margin-right: 50px;
  }
  .text-image {
    display: inline-block;
    float: left;
    width: 60%;
  }
  .content-page-container {
    margin-bottom: 5em;
  }
  .quote {
    font-style: italic;
  }
  /*Added 4 procurement*/
  .factories-list {
    max-height: 200px;
  }
  .values-list {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-height: 350px;
    max-width: 33.33%;
  }
  .list-description {
    padding: 0 15px 10px 15px;
    font-size: 16px;
  }
  .images-text-content {
    height: 490px;
  }
  .images-text-content a {
    font-size: 16px;
  }
  .table-items h4 {
    font-size: 15px;
    font-weight: 600;
    margin: 2px;
  }
  .table-items h5 {
    font-size: 14px;
    margin: 5px;
    color: #1e53a1;
  }
  .table-items {
    padding: 15px 5px;
  }
  .table-items ul li {
    text-align: left;
  }
  .table-targets {
    margin: 20px -15px;
    width: calc(100% + 30px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .paragraphe-1 {
    margin-bottom: 3em;
  }
  .paragraphe-2 {
    margin-bottom: 3em;
    margin-top: 3em;
  }
  .content-page-text ul li {
    font-size: 16px;
  }
  /*Added 4 products*/
  .products-list-item {
    margin-bottom: 30px;
    display: inline-block;
  }
  .products-list-item .caption {
    height: 50px;
  }
  .halfAvailableWidth {
    width: calc(50% - 15px);
    display: inline-block;
  }
  .infos-jobs {
    font-size: 15px;
    font-weight: 600;
  }
  .jobs label {
    font-size: 16px;
    font-weight: 600;
  }
  .jobs h4 {
    font-size: 17px;
  }
  .countries-selector select {
    margin: 5px 0 15px 0;
    width: 170px;
    padding: 2px 5px;
  }
  .items-list-country {
    height: 300px;
    margin-top: 20px;
  }
  .items-list-country tr td, .adress-contact tr td, .adress-contact tr td p, .countries-selector select {
    font-size: 14px;
  }
  .items-list-country h3, .adress-contact h2 {
    font-size: 17px;
  }
  .contact, .margin-bottom {
    margin-bottom: 70px !important;
  }
  .news-list .content, .news-list a, .promo .content-container div, .promo .content-container a, .view-more a, .awards-list p, .carousel .text2 div, .carousel .text2 ul li, .company-list div, .content-text-rows span, .content-parallax span, .content-parallax a, .company-list a, .carousel .text2 a {
    font-size: 16px;
  }
  .news-list span, .legend-marks {
    font-size: 14px;
  }
  span.rotate {
    -webkit-transform: rotatey(0deg) rotatez(-90deg);
    transform: rotatey(0deg) rotatez(-90deg);
    -webkit-transform-origin: 2.55em 2.1em;
    transform-origin: 2.55em 2.1em;
    float: left;
    font-size: 26px;
    color: white;
  }
  .history-tabs .nav-tabs {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
  }
  .history-tabs h3 {
    color: #83a0ca;
    font-weight: 700;
  }
  .history-tabs h3:before {
    content: " ";
    width: 75px;
    bottom: 7px;
    left: -20px;
    height: 1px;
    position: relative;
    background-color: lightgrey;
    display: inline-block;
  }
  .history-tabs h3:after {
    content: " ";
    width: 75px;
    bottom: 7px;
    left: 20px;
    height: 1px;
    position: relative;
    background-color: lightgrey;
    display: inline-block;
  }
  .awards-list {
    margin-bottom: 2em;
  }
  .awards-list .content {
    padding: 20px 0 40px;
  }
  .cookie-banner .container {
    padding: 30px 65px;
    margin: 0 auto;
  }
  .mainHeader.bis .navbar-header {
    width: 100%;
  }
  .mainHeader.bis .navbar-nav > li, .mainHeader.bis .collapse.navbar-collapse.right, .mainHeader.bis .nav.navbar-nav, .mainHeader.bis .navbar-right {
    float: none !important;
    text-align: center;
  }
  .mainHeader.bis .navbar-nav > li, .mainHeader.bis .navbar-right {
    display: inline-block;
  }
  .mainHeader.bis .navbar-form.navbar-right {
    position: absolute;
    top: 2px;
    text-align: right;
    padding: 10px 8%;
    width: 100%;
    left: 0;
  }
  .mainHeader.fixed {
    position: fixed;
    z-index: 9999999;
  }
  .news-list img, .awards-list img, .company-list video, .company-list img, .brands-list-block .img-background img {
    height: 155px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit:cover; object-position:center center;';
  }
  .images-slider img {
    height: 120px;
    width: 120px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    font-family: 'object-fit:contain; object-position:center;';
  }
  .image-list figure + figure {
    margin-left: 10px;
  }
}

/*TABLET(M/L) AND LAPTOP(S)*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .margin-lr {
    padding: 0 60px;
  }
  .margin-lr-2 {
    padding: 0 70px;
  }
  .section-title {
    margin-top: 40px;
  }
  .section-title h1 {
    font-size: 28px;
  }
  .section-title h1 span {
    padding: 0 80px;
    background-color: white;
    color: #00559c;
  }
  .section-title::before {
    content: ' ';
    position: absolute;
    height: 1px;
    left: 15px;
    bottom: 1.7em;
    background-color: #777;
    width: calc(100% - 30px);
  }
  .header-picture {
    width: 100vw;
    background-image: url("header-1.png");
    height: 200px;
    background-size: cover;
    background-position: center center;
    margin-top: 15px;
  }
  .description {
    padding: 25px 25px;
    border-radius: 20px 0 20px 0;
    margin-top: -80px;
    margin-bottom: 50px;
  }
  h2 {
    font-size: 20px;
    font-weight: 700;
  }
  .description p, .product-description ul li {
    font-size: 15px;
  }
  p span {
    font-weight: 600;
  }
  .description h2, .description p {
    padding: 0 15px 10px 15px;
    margin: 0;
  }
  .border-description {
    width: 45%;
    margin: 0 0 20px 0;
    border-width: 0 0 1.2px 0;
  }
  .center {
    margin-top: 20px;
  }
  .center img {
    width: 100%;
  }
  .standard-text {
    margin-top: 30px;
  }
  .navbar-toggle[data-target="#menu"], .navbar-toggle[data-target="#search"] {
    display: inherit;
  }
  .navbar-header {
    width: 100%;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
    width: 100%;
  }
  .navbar img {
    max-width: 150px;
    height: 100%;
  }
  .navbar-brand {
    height: 56px;
    padding: 16px 0px;
  }
  .navbar-toggle {
    margin-top: 11px;
    margin-bottom: 11px;
    height: 34px;
    border: none;
    color: black;
    padding: 7px 10px;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #808080;
    height: 2.5px;
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  .navbar-brand img {
    max-width: 170px;
    width: 100%;
  }
  .navbar-nav {
    text-align: center;
    width: 100%;
  }
  .nav > li > a {
    padding: 10px 6px;
  }
  .collapsing {
    height: auto;
    display: block;
  }
  figure.world-map {
    margin: 30px 0;
  }
  .footer .border {
    border-top: 1px solid #3C3C3C;
    margin: 10px 0px;
    width: 100%;
  }
  .footer .no-border {
    /*Newly Added*/
    border-top: 1px hidden #3C3C3C;
    margin: 10px 0px;
    width: 100%;
  }
  .logo-footer {
    width: 75%;
    max-width: 200px;
  }
  .footer figcaption {
    font-size: 14px;
    font-weight: 600;
    text-align: justify;
  }
  h4 {
    font-size: 13px;
    font-weight: 700;
  }
  .footer {
    overflow: hidden;
    margin-top: 40px;
    background-color: #F2F2F2;
  }
  .footer .logos {
    background-color: white;
    border-top: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
  }
  .footer .infos {
    padding-top: 35px;
    padding-bottom: 10px;
  }
  .logos-brands {
    display: inline-block;
    margin: 25px auto;
    width: 100%;
    text-align: center;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .logos-brands img {
    width: 15vw;
    height: 100%;
    padding: 10px;
  }
  .find-us-map {
    width: 100%;
  }
  .world-map {
    text-align: center;
  }
  .footer figure img {
    max-width: 50%;
  }
  .footer__social {
    border: none;
    text-align: center;
    margin: 15px 0px;
    width: 100%;
    margin-top: -10px;
    font-size: 15px;
  }
  .footer__social img {
    padding: 5px 0;
    width: 45px;
  }
  .footer .find-us-map p:first-of-type {
    margin-bottom: 0;
    margin-top: 15px;
    display: block;
  }
  .footer .find-us-map p {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0px;
  }
  .footer .find-us-map p.adress:before {
    content: " - ";
  }
  .find-us-map ul li {
    font-size: 13px;
    margin-bottom: 1px;
    margin-top: 1px;
  }
  .footer-2, .footer-2 a {
    font-size: 13px;
    text-decoration: none;
    color: #424242;
    font-weight: 600;
  }
  #backToTop2 div {
    display: block;
    background-color: #444444;
    color: white;
    margin-bottom: 0;
    text-align: center;
    padding: 5px 0;
    font-weight: 400;
  }
  #backToTop2 div:after {
    background-image: url("../images/Arrow2.svg");
    content: " ";
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 12px;
    margin-left: 7px;
    height: 10px;
    color: white;
  }
  .maxi-image-slider img {
    width: 100%;
  }
  /*Added 4 Careers*/
  .margin-lr-4 {
    padding: 0 110px;
  }
  .margin-lr-5 {
    padding: 0 40px;
  }
  .row.jobs {
    padding: 5px;
  }
  .job-title {
    font-size: 18px;
  }
  .job-subtitle {
    font-size: 14px;
  }
  .job-location-title {
    font-size: 14px;
  }
  .job-location {
    font-size: 13px;
  }
  .button-design {
    margin-top: 10px;
  }
  .also-like {
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .also-like h3 {
    font-size: 19px;
  }
  .also-like p {
    padding-top: 10px;
    font-size: 15px;
  }
  /*Brands page*/
  .caption a {
    font-size: 12px;
    line-height: 0;
  }
  .caption img {
    height: 20px;
  }
  .caption {
    height: 55px;
    padding: 5px;
  }
  .brand-container {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }
  .description select {
    margin: 15px 15px 15px 15px;
    width: 170px;
    padding: 2px 5px;
  }
  .brands-list-block {
    margin-bottom: 2em;
  }
  /*Added 4 Content*/
  .text h3 {
    font-size: 19px;
    font-weight: 700;
  }
  .brand-container.csr {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  .image-text li {
    margin-left: 10px;
  }
  .content-page li, .jobs li {
    font-size: 15px;
  }
  .image-text ul {
    padding-left: 0px;
  }
  .image-text img.csr-image {
    width: 100%;
    height: 100%;
    margin: 20px auto;
  }
  .brand-container.csr .csr-image {
    display: none;
  }
  .brand-container.csr .caption {
    background-image: none;
    background: white;
    -webkit-filter: inherit;
    filter: inherit;
    width: 100%;
    height: auto;
    display: block;
    position: inherit;
  }
  .brand-container.csr .caption-block {
    width: 100%;
    display: block;
    position: inherit;
  }
  .brand-container.csr .caption-block img {
    width: 50%;
    margin: 20px auto;
    height: auto;
  }
  .content-page-container {
    margin-bottom: 2em;
  }
  .quote {
    font-style: italic;
  }
  .author {
    font-size: 14px;
  }
  /*Added 4 procurement*/
  .factories-list {
    max-height: 250px;
  }
  .values-list {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-height: 350px;
    max-width: 50%;
  }
  .list-description {
    padding: 0 15px 10px 15px;
    font-size: 15px;
  }
  .promo.procu .images-text-content {
    height: auto;
  }
  .images-text-content {
    /*height:auto !important;*/
    height: 450px;
    padding-bottom: 30px;
  }
  .images-text-content a {
    font-size: 15px;
  }
  /*Added 4 CSR*/
  h1.long-title span {
    padding: 0 30px;
  }
  .table-items h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 5px;
  }
  .table-items h5 {
    font-size: 14px;
    margin: 5px;
    color: #1e53a1;
  }
  .table-targets {
    margin: 20px 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .table-items {
    width: 25%;
  }
  .paragraphe-1 {
    margin-bottom: 2em;
  }
  .paragraphe-2 {
    margin-bottom: 2em;
    margin-top: 2em;
  }
  .content-page-text ul li {
    font-size: 14px;
  }
  /*Added 4 products*/
  .products-list-item {
    margin-bottom: 15px;
    display: inline-block;
  }
  .products-list-item .caption {
    height: 50px;
  }
  .products-list-item h4 {
    font-size: 14px;
    font-weight: normal;
  }
  .halfAvailableWidth {
    width: calc(50% - 15px);
    display: inline-block;
  }
  .infos-jobs {
    font-size: 14px;
    font-weight: 600;
  }
  .jobs h4 {
    font-size: 16px;
  }
  .jobs label {
    font-size: 15px;
    font-weight: 600;
  }
  .jobs .image-right {
    height: 260px;
    overflow: hidden;
    margin-bottom: 1.5em;
    margin-top: 0.5em;
  }
  .jobs .image-right img {
    width: 100%;
    margin-top: -45%;
  }
  .countries-selector select {
    margin: 5px 0 15px 0;
    width: 200px;
    padding: 2px 5px;
  }
  .adress-contact table td:nth-of-type(2) {
    width: 60%;
  }
  .adress-contact table {
    margin-bottom: 40px;
  }
  .adress-contact {
    background-color: #F4F4F4;
    padding: 30px 60px;
    margin: 0 -45px 30px -45px;
  }
  .items-list-country {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 280Px;
  }
  .items-list-country tr td, .adress-contact tr td, .countries-selector select {
    font-size: 14px;
    font-weight: 600;
  }
  .text-infos p {
    display: inline;
  }
  .items-list-country h3, .adress-contact h2 {
    font-size: 19px;
  }
  .contact, .margin-bottom {
    margin-bottom: 40px !important;
  }
  .news-list .content, .news-list a, .promo .content-container div, .promo .content-container a, .view-more a, .awards-list p, .carousel .text2 div, .carousel .text2 ul li, .company-list div, .content-text-rows span, .content-parallax span, .content-parallax a, .company-list a, .carousel .text2 a {
    font-size: 15px;
  }
  .news-list span, .legend-marks {
    font-size: 14px;
  }
  span.rotate {
    -webkit-transform: rotatey(0deg) rotatez(-90deg);
    transform: rotatey(0deg) rotatez(-90deg);
    -webkit-transform-origin: 2.5em 2.4em;
    transform-origin: 2.5em 2.4em;
    float: left;
    font-size: 26px;
    color: white;
  }
  .history-tabs .nav-tabs {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
  }
  .history-tabs h3 {
    color: #83a0ca;
    font-weight: 700;
  }
  .history-tabs h3:before {
    content: " ";
    width: 75px;
    bottom: 7px;
    left: -20px;
    height: 1px;
    position: relative;
    background-color: lightgrey;
    display: inline-block;
  }
  .history-tabs h3:after {
    content: " ";
    width: 75px;
    bottom: 7px;
    left: 20px;
    height: 1px;
    position: relative;
    background-color: lightgrey;
    display: inline-block;
  }
  .awards-list {
    margin-bottom: 2em;
  }
  .awards-list .content {
    padding: 20px 0 40px;
  }
  .cookie-banner .container {
    padding: 30px 50px;
    margin: 0 auto;
  }
  .news-list img, .awards-list img, .company-list video, .company-list img, .brands-list-block .img-background img {
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit:cover; object-position:center center;';
  }
  .list-rows h4, .carousel h4 {
    font-size: 16px;
  }
  .images-slider img {
    height: 120px;
    width: 120px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    font-family: 'object-fit:contain; object-position:center;';
  }
  .image-list figure + figure {
    margin-left: 10px;
  }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
  h1.long-title {
    padding-left: 35% !important;
    padding-right: 35% !important;
  }
  .images-slider img {
    max-height: 120px !important;
  }
  .images-slider img {
    height: 110px !important;
    width: 110px !important;
  }
}

/*MOBILE(S/M)*/
@media screen and (max-width: 767px) {
  .margin-lr, .margin-lr-2 {
    padding: 0 30px;
  }
  .section-title {
    margin-top: 0;
  }
  .section-title h1 {
    font-size: 25px;
    background-image: url("header-1-mobile.png");
    background-size: cover;
    background-position: center center;
    padding: 30px 0px;
    width: 100vw;
    margin-left: -30px;
    margin-bottom: 0;
  }
  .section-title h1 span {
    padding: 0 30px;
    color: #FFF;
  }
  .section-title span::before {
    content: ' ';
    position: absolute;
    height: 1px;
    left: 35px;
    bottom: 1.7em;
    background-color: #FFF;
    width: calc(45% - 110px);
  }
  .section-title span::after {
    content: ' ';
    position: absolute;
    height: 1px;
    right: 35px;
    bottom: 1.7em;
    background-color: #FFF;
    width: calc(45% - 110px);
  }
  .description {
    padding: 20px 30px;
    margin-top: 0px;
    margin: 0 -30px 0 -30px;
    margin-bottom: 40px;
  }
  .product-description h2 {
    margin-top: 20px;
  }
  h2 {
    font-size: 15px;
    font-weight: 700;
  }
  p, .product-description ul li {
    font-size: 13px;
    font-weight: 600;
    text-align: justify;
  }
  .description p span {
    font-size: 13px;
    font-weight: 700;
  }
  .description h2, .description p {
    padding: 3px 5px 5px 5px;
    margin: 0;
  }
  .border-description {
    width: 80%;
    margin: 0 0 13px 0;
    border-width: 0 0 1px 0;
  }
  .flex {
    display: -ms-flexbox;
    -ms-flex-direction: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .flex-1-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .flex-2-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .center {
    margin: 10px auto 20px auto;
    width: 100%;
  }
  .center img {
    width: 100%;
  }
  .images-slider {
    display: inline-block;
    width: 32.6%;
  }
  .standard-text {
    margin-top: 10px;
  }
  .navbar-brand img {
    max-width: 150px;
    width: 100%;
    height: 100%;
    /*Newly Added to fix the issue on firefox*/
  }
  .navbar-brand {
    height: 56px;
    padding: 16px 0px;
  }
  .navbar-toggle {
    margin-top: 11px;
    margin-bottom: 11px;
    height: 34px;
    border: none;
    color: black;
    padding: 7px 10px;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #808080;
    height: 2.5px;
  }
  .footer .border {
    border-top: 1px solid #3C3C3C;
    margin: 10px 0px;
    width: 75%;
  }
  .footer .no-border {
    /*Newly Added*/
    border-top: 1px hidden #3C3C3C;
    margin: 10px 0px;
    width: 75%;
  }
  .logo-footer {
    width: 75%;
    max-width: 170px;
  }
  .footer figcaption {
    font-size: 12px;
    font-weight: 600;
    text-align: justify;
  }
  h4 {
    font-size: 13px;
    font-weight: 700;
  }
  .footer {
    overflow: hidden;
    margin-top: 40px;
    background-color: #F2F2F2;
  }
  .footer .logos {
    background-color: white;
    border-top: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
  }
  .footer .infos {
    padding-top: 35px;
    padding-bottom: 10px;
  }
  .logos-brands {
    display: inline-block;
    margin: 25px auto;
    width: 100%;
    text-align: center;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .logos-brands img {
    width: 25vw;
    height: 100%;
    padding: 10px;
  }
  .find-us-map {
    width: 100%;
  }
  .footer__social {
    border: none;
    text-align: center;
    margin: 15px 0px;
    width: 100%;
    margin-top: -10px;
    font-size: 13px;
  }
  .footer__social img {
    padding: 5px;
  }
  .footer .find-us-map p:first-of-type {
    margin-bottom: 0;
    margin-top: 15px;
    display: block;
  }
  .footer .find-us-map p {
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0px;
  }
  .footer .find-us-map p.adress:before {
    content: " - ";
  }
  .find-us-map ul li {
    font-size: 12px;
    margin-bottom: 1px;
    margin-top: 1px;
  }
  .footer-2, .footer-2 a {
    font-size: 11px;
    text-decoration: none;
    color: #424242;
    font-weight: 600;
  }
  #backToTop2 div {
    display: block;
    background-color: #444444;
    color: white;
    margin-bottom: 0;
    text-align: center;
    padding: 5px 0;
    font-weight: 400;
  }
  #backToTop2 div:after {
    background-image: url("../images/Arrow2.svg");
    content: " ";
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 12px;
    margin-left: 7px;
    height: 10px;
    color: white;
  }
  /*Added 4 Careers*/
  .margin-lr-4, .margin-lr-5 {
    padding: 0 30px;
  }
  .jobs-list .inline-block.f-left {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .jobs-2col {
    width: 50%;
    display: inline-block;
  }
  .jobs-list a {
    text-align: right;
    float: right;
  }
  .jobs-list a span {
    padding: 6px 12px;
  }
  .jobs-list img {
    width: 70px;
    height: 100%;
    margin-bottom: 20px;
  }
  .job-title {
    font-size: 15px;
  }
  .job-subtitle {
    font-size: 13px;
  }
  .job-location-title {
    font-size: 13px;
  }
  .job-location {
    font-size: 12px;
  }
  .row.jobs {
    padding: 15px 0;
  }
  .jobs-2block {
    margin-top: 10px;
  }
  .also-like {
    margin-top: 3em;
  }
  .also-like h3 {
    font-size: 16px;
  }
  .also-like p {
    padding-top: 5px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  /*Brands page*/
  .caption a {
    font-size: 14.5px;
    line-height: 0;
  }
  .caption img {
    height: 20px;
  }
  .caption {
    height: 70px;
    padding: 5px;
  }
  .brand-container {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }
  .description select {
    margin: 10px 5px 10px 5px;
    width: 170px;
    padding: 2px 5px;
  }
  /*Added 4 Content*/
  .text h3 {
    font-size: 14px;
    font-weight: 700;
  }
  .brand-container.csr {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  .image-text li {
    margin-left: 10px;
  }
  .content-page li, .jobs li {
    font-size: 13px;
    font-weight: 600;
  }
  .image-text ul {
    padding-left: 0px;
  }
  .image-text img.csr-image {
    width: 100%;
    height: 100%;
    margin: 20px auto;
  }
  .brand-container.csr .csr-image {
    display: none;
  }
  .brand-container.csr .caption {
    background-image: none;
    background: white;
    -webkit-filter: inherit;
    filter: inherit;
    width: 100%;
    height: auto;
    display: block;
    position: inherit;
  }
  .brand-container.csr .caption-block {
    width: 100%;
    display: block;
    position: inherit;
  }
  .brand-container.csr .caption-block img {
    width: 60%;
    margin: 20px auto;
    height: auto;
  }
  .content-page-container {
    margin-bottom: 1em;
  }
  .author {
    font-size: 12px;
  }
  /*Added 4 procurement*/
  .list-description {
    padding: 3px 5px 5px 5px;
    font-size: 13px;
    font-weight: 600;
    text-align: justify;
  }
  .images-text-content a {
    font-size: 13px;
  }
  .images-text-content {
    margin-bottom: 40px;
  }
  /*Added 4 csr*/
  h1.long-title {
    font-size: 17px;
    line-height: 1.2;
    padding-left: 24%;
    padding-right: 24%;
  }
  h1.long-title span {
    padding: 0;
  }
  h1.long-title span:before {
    bottom: 2.6em;
  }
  h1.long-title span:after {
    bottom: 2.6em;
  }
  .table-items h4 {
    font-size: 15px;
    font-weight: 600;
    margin: 5px;
  }
  .table-items h5 {
    font-size: 13px;
    margin: 5px;
    color: #1e53a1;
  }
  .table-items {
    display: inline-block;
    width: calc(100vw - 60px);
    margin: 4px auto;
    display: block;
  }
  .table-targets {
    margin: 20px 0px;
  }
  .paragraphe-1 {
    margin-bottom: 1em;
  }
  .paragraphe-2 {
    margin-bottom: 1em;
    margin-top: 1em;
  }
  .content-page-text ul li {
    font-size: 13px;
    font-weight: 600;
  }
  .medium-title span {
    font-size: 18px;
  }
  .medium-title span:before {
    bottom: 2.2em;
  }
  .medium-title span:after {
    bottom: 2.2em;
  }
  /*Added 4 products*/
  .products-list-item {
    margin-bottom: 10px;
    display: inline-block;
  }
  .products-list-item .caption {
    height: 50px;
  }
  .products-list-item h4 {
    font-size: 14px;
    font-weight: 600;
  }
  .bg-grey-xs {
    background-color: #F4F4F4;
    padding-bottom: 15px;
  }
  .halfAvailableWidth {
    width: 100%;
    display: block;
  }
  .infos-jobs {
    font-size: 13px;
    font-weight: 600;
  }
  .jobs label {
    font-size: 14px;
    font-weight: 700;
  }
  .jobs h4 {
    font-size: 14px;
  }
  .form-submit-border {
    text-align: center;
  }
  .jobs .image-right {
    height: 180px;
    overflow: hidden;
    margin-bottom: 1.5em;
    margin-top: 0.5em;
  }
  .jobs .image-right img {
    width: 100%;
    margin-top: -35%;
  }
  .btn-submit {
    margin: 2px 0 30px 0;
  }
  .countries-selector select {
    margin: 5px 0 15px 0;
    width: 50%;
    padding: 2px 5px;
  }
  .adress-contact {
    background-color: #F4F4F4;
    padding: 30px 30px;
    margin: 0 -15px 30px -15px;
  }
  .adress-contact table {
    width: 100%;
  }
  .items-list-country {
    height: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .items-list-country tr td, .adress-contact tr td, .adress-contact tr td p, .countries-selector select {
    font-size: 13px;
    font-weight: 600;
  }
  .text-infos p {
    display: inline;
  }
  .items-list-country h3 {
    font-size: 17px;
  }
  .section-title.no-bg-xs h1 {
    background-image: none;
  }
  .section-title.no-bg-xs h1 span {
    color: #00559c;
  }
  .section-title.no-bg-xs span::before {
    background-color: #777;
  }
  .section-title.no-bg-xs span::after {
    background-color: #777;
  }
  .news-list .content, .news-list a, .promo .content-container div, .promo .content-container a, .view-more a, .awards-list p, .carousel .text2 div, .carousel .text2 ul li, .company-list div, .content-text-rows span, .content-parallax span, .content-parallax a, .company-list a, .carousel .text2 a {
    font-size: 13px;
    font-weight: 600;
  }
  .news-list span, .legend-marks {
    font-size: 12.5px;
    font-weight: 600;
  }
  /*Change Name*/
  .values-list, .factories-list, .promo-list {
    display: block;
    margin: 0 0 10px 0;
    color: white;
    max-height: 500px;
  }
  .promo .content-container div, .promo .content-container a {
    text-align: center;
  }
  .promo-list div, .promo-list h2, .factories-list div, .factories-list h2, .values-list div, .values-list h2 {
    background-color: transparent;
    /*Change remove the color white
		color: white;
		*/
  }
  .promo .content-container {
    background-image: url("top-news.png");
    background-size: cover;
    background-position: center center;
    padding: 40px 30px;
  }
  span.rotate {
    font-size: 22px;
    color: white;
    padding: 25px 35%;
  }
  .history-tabs .panel-heading {
    border-radius: 0;
    border: none;
    background-size: cover;
    height: 85px;
    display: table;
    width: 100%;
  }
  .history-tabs h3 {
    display: none;
  }
  .history-tabs p {
    text-align: center;
    margin: 40px 0;
  }
  .history-tabs p:before {
    content: " ";
    left: 0;
    right: 0;
    margin: -28px 30% 0 30%;
    height: 1px;
    position: absolute;
    background-color: #f4d200;
  }
  .history-tabs p:after {
    content: " ";
    left: 0;
    right: 0;
    margin: 48px 30% 0 30%;
    height: 1px;
    position: absolute;
    background-color: #f4d200;
  }
  .history-tabs .panel-default, .history-tabs .panel-body {
    border: none !important;
    box-shadow: none;
    background-color: #F4F4F4;
  }
  .history-tabs .panel-body {
    padding: 15px 30px;
  }
  .panel-group .panel + .panel {
    margin: 0;
  }
  .history-tabs .panel-title {
    text-align: center;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
  }
  p.infos-text-center {
    margin-top: 25px;
    margin-bottom: 1em;
  }
  .history-tabs {
    margin-top: 0px;
  }
  .infos-text-center {
    font-size: 13px;
  }
  .awards-list .content {
    padding: 10px 0 25px;
  }
  .cookie-banner .container {
    padding: 20px 15px;
    margin: 0 auto;
  }
  .cookie-banner button {
    margin-top: 5px;
  }
  .text-right-xs-center {
    text-align: center;
  }
  .awards-list .border-separator {
    margin: 8px 0;
  }
  .header-nav .margin-lr {
    width: 100vw;
    padding: 0 0px;
  }
  .header-nav {
    border-width: 1px 0 1px 0;
    border-color: #707070;
    border-style: solid;
    margin-bottom: 2em;
  }
  ul.list-button-link {
    background-color: #dfdfe4;
  }
  .video-presentation {
    margin-top: 2em;
  }
  .news-list img, .awards-list img, .company-list video, .company-list img, .brands-list-block .img-background img {
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit:cover; object-position:center center;';
  }
  .parallax {
    height: 300px;
  }
  .carousel-control.left {
    left: 0;
  }
  .carousel-control.right {
    right: 0;
  }
  .carousel-inner .item img {
    height: 300px;
    margin: 25px 0;
    width: 100%;
  }
  .carousel-control span {
    height: 300px;
  }
  .carousel-inner .item div.text2 {
    display: block;
    width: 100%;
    padding: 0 0 25px 0;
  }
  .content-parallax {
    height: 300px;
    text-align: center;
  }
  .parallax .table {
    width: 260px;
    margin: 0 auto;
  }
  .content-img-rows {
    float: none;
  }
  .list-rows h4 {
    color: black;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    padding: 0;
    font-size: 14px;
  }
  .list-rows a.link {
    display: block;
    font-size: 13px;
  }
  .company-list div span {
    font-weight: 700;
  }
  .wrapper.carousel {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .item-news-list, .Home .item-news-list, .company-list {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .maxi-image-slider img {
    height: 250px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    font-family: 'object-fit:contain; object-position:center;';
  }
  .images-slider img {
    height: 84px;
    width: 84px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    font-family: 'object-fit:contain; object-position:center;';
  }
  /*Additional*/
  div.video-banner-wrapper .video-banner-text {
    display: block !important;
    position: relative;
    left: 0;
    top: 0;
    margin: auto;
    text-align: center;
    width: 100%;
  }
  div.video-banner-wrapper .video-banner-text .video-banner-content {
    margin-bottom: 15px;
  }
  .testimonial-wrapper {
    margin-bottom: 0px;
  }
  .jobs .img-wrap {
    text-align: center;
  }
  .jobs h2.profile {
    margin-top: 1em;
    color: #00559c;
    font-size: 20px;
  }
  .jobs h4.profile {
    text-align: center;
    font-size: 20px;
  }
  iframe.video.video--youtube {
    width: 100%;
    height: 100%;
  }
  /*Carousel Slick*/
  div.item-slick img {
    height: 300px;
    margin: 25px;
    width: 80%;
  }
  .item-slick .text-slick {
    display: block;
    width: 100%;
    padding: 0 25px 25px 25px;
    font-size: 13px;
  }
  div.item-slick.text-slick div, div.item-slick.text-slick ul li, div.item-slick.text-slick a {
    font-size: 13px;
    font-weight: 600;
  }
  button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
    position: absolute;
    top: 30%;
  }
  button.slick-prev {
    left: 0;
  }
  button.slick-next {
    right: 0;
  }
  /*End of Carousel Slick*/
  /*Search Page*/
  .result-content {
    font-size: 13px;
    font-weight: 600;
  }
  .search-result .result-page h4 {
    font-size: 14px;
    font-weight: 700;
  }
  .testimonial-box {
    font-size: 17px;
  }
  div.text ul li {
    font-size: 13px;
  }
}

/*Additional Query*/
@media screen and (min-width: 768px) and (max-width: 1300px) {
  iframe.video.video--youtube {
    width: 100%;
  }
  .testimonial-img, .img-wrap {
    margin-right: 30px;
  }
  div form {
    margin-bottom: 30px;
  }
}

.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

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

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

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* END LOADER */
#bx-pager a.active {
  outline: 1px solid black;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.bx-wrapper .bx-pager-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  font-size: 0;
  line-height: 0;
}

.bx-wrapper .bx-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}

.bx-wrapper .bx-pager a:hover,
.bx-wrapper .bx-pager a.active,
.bx-wrapper .bx-pager a:focus {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../images/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url("../images/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 8000;
}

/* END DIRECTION CONTROLS (NEXT / PREV) */
@media only screen and (max-width: 860px) {
  .carousel--1 {
    width: 640px;
  }
}

/*ENDMQ*/
@media only screen and (max-width: 640px) {
  .carousel--1 {
    width: 420px;
  }
}

/*ENDMQ*/
@media only screen and (max-width: 420px) {
  .carousel--1 {
    width: 200px;
  }
}

/*ENDMQ*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

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

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

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* END LOADER */
#bx-pager a.active {
  outline: 1px solid black;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.bx-wrapper .bx-pager-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  font-size: 0;
  line-height: 0;
}

.bx-wrapper .bx-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}

.bx-wrapper .bx-pager a:hover,
.bx-wrapper .bx-pager a.active,
.bx-wrapper .bx-pager a:focus {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../images/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url("../images/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

/* END DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

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

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

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

.slider li {
  height: 150px;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* END LOADER */
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.bx-wrapper .bx-pager-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  font-size: 0;
  line-height: 0;
}

.bx-wrapper .bx-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}

.bx-wrapper .bx-pager a:hover,
.bx-wrapper .bx-pager a.active,
.bx-wrapper .bx-pager a:focus {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../images/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url("../images/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 8000;
}

/* END DIRECTION CONTROLS (NEXT / PREV) */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../images/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url("../images/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}

.nav__mainNav {
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.nav__mainNav > a {
  display: inline-block;
}

.nav__subnav {
  height: 0px;
}

.nav__subnav_panel {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 1em 2em;
  z-index: 99;
  outline: solid 1px red;
  background: white;
}

.nav__subnav_header {
  text-align: left;
  width: 100%;
  padding: 1em 1em 0 1em;
  margin-bottom: 1em;
  background: #76a79f;
}

.nav__subnav_panel .beta a {
  display: inline-block;
  max-width: 100%;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}

.nav__subnav_items {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  max-width: 17%;
  padding: 1em;
  background: rgba(118, 167, 159, 0.5);
}

.nav__subnav_items .beta {
  max-width: 100%;
  margin-bottom: 1em;
}

.nav__subnav_items .beta a {
  max-width: 100%;
}

.nav__subnav_item img {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
}

a.nav__subnav_item {
  margin-bottom: .5em;
  text-align: left;
  display: block;
  font-size: .875em;
  text-decoration: none;
}

.nav .menu-close-mob {
  display: none;
}

.nav__navBurger {
  display: none;
}

.nav__subnav_header {
  display: inline-block;
  *display: inline;
}

.nav__subnav_items--mobile {
  display: none;
  /*float:left;*/
}

.nav__subnav_items--mobile a {
  display: block;
  margin-left: 5px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .nav__mainNav {
    display: none;
    position: relative;
    top: 10px;
    margin-bottom: 50px;
  }
  .nav__mainNav > a {
    cursor: pointer;
    display: block;
    position: relative;
    width: 100%;
    /*float:left;*/
  }
  .nav__navBurger {
    display: block;
    padding: .5em 0;
    text-align: center;
    text-decoration: none;
  }
}

/*END MQ*/
/*TP MODS*/
.nav__subnav_header a {
  color: white;
  font-size: 1.5em;
}

.nav__subnav_items--mobile .nav__subnav_title,
.nav__subnav_items--mobile .nav__subnav_header_item {
  max-width: 100%;
  margin-left: 0;
}

.nav__subnav_items--mobile .nav__subnav_header_item {
  background: rgba(118, 167, 159, 0.75);
}

.nav__subnav_items--mobile .nav__subnav_title {
  background: rgba(118, 167, 159, 0.5);
}

@media screen and (min-width: 1441px) {
  .section-title h1 {
    background-image: none !important;
  }
}

@media screen and (max-width: 1440px) and (min-width: 1201px) {
  .section-title h1 {
    background-image: none !important;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .section-title h1 {
    background-image: none !important;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .section-title h1 {
    background-image: none !important;
  }
}

@media screen and (max-width: 767px) {
  .footer__social img {
    max-width: 51px;
  }
}

.jobs-list .row:last-child {
  display: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  /*height: 100%;*/
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/slick_eot.eot");
  src: url("../fonts/slick_eot.eot?#iefix") format("embedded-opentype"), url("../fonts/slick_woff.woff") format("woff"), url("../fonts/slick_ttf.ttf") format("truetype"), url("../fonts/slick_svg.svg#slick") format("svg");
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev:before, .slick-next:before {
  color: black !important;
}

.slick-prev {
  left: -25px;
  z-index: 1;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

.wrapper.margin-lr.contact form .page-header {
  display: none;
}

.halfAvailableWidth .radio {
  margin-top: 5px;
}

form .form-group .radio table, form .form-group .radio td {
  padding: 0;
  outline: none;
  display: inline;
}

form .form-group .radio table tr {
  display: inline-block;
}

form .form-group .checkbox label, form .form-group .radio label {
  padding-right: 20px;
}

form .form-group .checkbox table, form .form-group .checkbox td, form .form-group .checkbox tr {
  padding: 0;
  outline: none;
  border: none;
}

form .required-field .checkbox label:after {
  color: #d00;
  content: "*";
  font-weight: bolder;
}

form .required-field .checkbox:after {
  color: #d00;
  content: "";
  font-weight: bolder;
}

/** COOKIE STYLE FOR BDR COM **/
.cookie-consent-content {
  display: none;
}

.cookie-consent-content.visible {
  display: block;
}

.cookie-content {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2.5rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.95);
  color: #fff;
  font-size: .75rem;
  z-index: 99;
}

.cookie-content img {
  width: 100%;
  height: auto;
  margin-bottom: 70px;
}

.cookie-content h3 {
  position: absolute;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0.7px;
  top: 60px;
  font-weight: bold;
}

.cookie-content[data-cookie-consent-step="1"] p {
  margin-left: 0px;
}

.cookie-content .row {
  margin: 0px !important;
}

.cookie-content .modal-title {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0.7px;
  margin-bottom: 30px;
}

.cookie-content .paragraph-description {
  font-size: 11px;
  line-height: 14px;
  line-height: 1.27;
  letter-spacing: 0.4px;
  color: #000000;
  margin-left: 0px;
}

@media screen and (max-width: 768px) {
  .cookie-content .paragraph-description {
    margin-bottom: 30px;
  }
}

.SitecoreIsInPrevieworEdit .cookie-content {
  display: none;
  position: relative;
}

.cookie-content .pure-u-1-4, .cookie-content .pure-u-3-4 {
  position: relative;
}

.cookie-content .bg-inverse {
  display: block;
  max-width: 88.75rem;
}

@media screen and (min-width: 64em) {
  .cookie-content .bg-inverse {
    display: inline;
  }
}

@media screen and (min-width: 64em) {
  .cookie-content .bg-inverse .pure-u-3-4 {
    -ms-flex: 1;
    flex: 1;
  }
}

.cookie-content h3 {
  color: inherit;
  font-size: 1.125rem;
}

.cookie-content button {
  margin-top: 10px;
  padding: 10px 40px;
  border: 1px solid #548dc2;
  background: #548dc2;
  color: #fff;
  font-family: Helvetica;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  min-width: 150px;
}

.cookie-theme-light {
  background-color: rgba(0, 0, 0, 0.85);
  color: #000;
  padding: 25px;
  position: static;
  font-size: 11px;
  z-index: 99;
}

@media screen and (max-width: 650px) {
  .cookie-theme-light {
    bottom: unset;
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .cookie-theme-light {
    overflow: auto;
    height: 100%;
  }
  .cookie-theme-light h3 {
    top: auto; /*50px !important;*/
  }
  
  .modal .collapse, .modal .collapse > .columns, .modal .collapse > .columns > .container {
    height: 100%;
  }
}

.cookie-theme-light button {
  margin-top: 10px;
  padding: 10px 40px;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  font-family: Helvetica;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  min-width: 150px;
}

@media screen and (max-width: 30em) {
  .cookie-theme-light button {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}

.cookie-theme-light span a {
  display: inline;
  padding: 0 20px;
  color: #fff;
  font-size: 12px;
  text-decoration: underline;
}

.cookie-theme-light h3 {
  font-size: 18px;
  color: #fff;
  position: relative;
  top: auto;
  margin-bottom: 20px;
}

.cookie-theme-light .bg-inverse {
  display: inline;
}

.cookie-theme-light .cookie-logo-container {
  margin-bottom: 35px;
  border-bottom: 1px solid #f4d200;
}

.cookie-theme-light .cookie-logo-container img {
  width: 180px;
  height: 100%;
  padding-bottom: 16px;
}

.cookie-theme-light form[data-ajax].opt-out {
  max-width: 100rem;
  margin: 0 auto;
}

input .cookie-theme-light[type=checkbox], input .cookie-theme-light[type=radio] {
  width: 1rem !important;
  height: 1rem !important;
  margin-right: 5px !important;
  vertical-align: bottom;
}

.cookie-theme-light label.display-inline {
  display: block;
  margin-bottom: 1rem;
  position: relative;
  font-weight: 400;
  cursor: pointer;
}

.cookie-theme-light label.display-inline strong {
  margin-left: 30px;
  color: #fff;
  font-size: 12px;
}

.cookie-theme-light label.display-inline input[type=radio] {
  position: absolute;
  visibility: visible;
  top: -3px;
}

.cookie-theme-light label.display-inline input[type=radio]:checked ~ .check {
  background: #fff;
  border: 1px solid #548dc2;
}

.cookie-theme-light label.display-inline input[type=radio]:checked ~ .check::before {
  height: 8px;
  width: 8px;
  top: 3px;
  left: 3px;
  background: #548dc2;
}

.cookie-theme-light label.display-inline .check {
  display: block;
  position: absolute;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  height: 16px;
  width: 16px;
  z-index: 5;
}

.cookie-theme-light label.display-inline .check:before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
  left: 5px;
  margin: auto;
}

.cookie-theme-light p {
  margin-left: 30px;
  display: block;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.45px;
  color: #fff;
}

.cookie-theme-light p strong {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  letter-spacing: 0.45px;
  color: #fff;
}

.cookie-theme-light p strong a {
  color: #fff;
}

.modal {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  text-align: left;
  overflow-y: auto;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 214px;
  bottom: 0px;
  top: auto;
  overflow: hidden;
}

.modal .closed {
  display: none;
}

.modal .row {
  margin: 0px;
}

.modal .collapse {
  display: block;
}

.modal .modal-guts {
  width: calc(100% - 30px);
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.modal .bg-inverse .small-6,
.modal .bg-inverse .large-6 {
  width: 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.modal .bg-inverse .small-6::-ms-expand,
.modal .bg-inverse .large-6::-ms-expand {
  -ms-flex: none;
  flex: none;
}

.modal-form {
  height: 325px;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent; /* rgba(0, 0, 0, 0.6);*/
}

.cookie-content[data-cookie-consent-step="2"] {
  display: none;

  @media screen and (max-width: 42.5em) {
    position: fixed;
    bottom: 0;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .cookie-theme-light span a {
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .cookie-theme-light span a {
    text-align: center;
    display: block;
  }
}

@media screen and (max-width: 42.5em) {
  .modal {
    display: block;
    max-height: 370px;
    height: auto;
  }
  .modal .modal-guts {
    width: 100%;
    height: auto; /*100%*/
    background: #ffffff;
  }
}

@media screen and (max-width: 39.9375em) {
  .modal-form {
    height: 100%;
  }
}
/*# sourceMappingURL=style.css.map */