/* BHI Debut
@font-face {
font-family: 'MetaSerifPro';
font-weight: 300;
font-style: normal;
src: url('../fonts/metaserifpro/90c3b929a7c283ffa9694acf4545e96b.eot');
src: url('../fonts/metaserifpro/90c3b929a7c283ffa9694acf4545e96b.eot?#iefix') format('embedded-opentype'),
     url('../fonts/metaserifpro/d95108dd762dda865112fd2ff1395cc1.woff2') format('woff2'),
     url('../fonts/metaserifpro/accd7ee86d8671e37f7706989c541a8a.woff') format('woff');
}

@font-face {
font-family: 'MetaSerifPro';
font-weight: 500;
font-style: normal;
src: url('../fonts/metaserifpro/73ee9734d22efa0bf27c3e56a0aded94.eot');
src: url('../fonts/metaserifpro/73ee9734d22efa0bf27c3e56a0aded94.eot?#iefix') format('embedded-opentype'),
     url('../fonts/metaserifpro/76176ca17aefcdbead58c08583f1bba5.woff2') format('woff2'),
     url('../fonts/metaserifpro/15bb66200a50d1ff9f212efd1a31059d.woff') format('woff');
}

@font-face {
font-family: 'MetaSerifPro';
font-weight: 700;
font-style: normal;
src: url('../fonts/metaserifpro/5543f133eb2f356c12ba386ebcb93f13.eot');
src: url('../fonts/metaserifpro/5543f133eb2f356c12ba386ebcb93f13.eot?#iefix') format('embedded-opentype'),
     url('../fonts/metaserifpro/88e0735679c88dc698813788f45d6e08.woff2') format('woff2'),
     url('../fonts/metaserifpro/9b80529361bd1ea076e1f9130a555374.woff') format('woff');
}
BHI Fin */

body {
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   line-height: 1.6;
   background-color: #ffffff;
   color: #3a3a3a;
   -webkit-font-smoothing: antialiased;
   -moz-font-smoothing: antialiased;
   -ms-font-smoothing: antialiased;
   -o-font-smoothing: antialiased;
   max-width: 100%;
   overflow-x: hidden;
   /* important : evite scrollbar vertical */
}

::selection {
   background: #e53e3e;
   color: #ffffff;
}

.info-color {
   color: #e7721f !important;
}

.alert-color {
   color: #e53e3e !important;
}

.success-color {
   color: #71b02c !important;
}

.blue-color {
   color: #1b85bd !important;
}

.beige-color {
   color: #887868 !important;
}

.info-color.line::after {
    background-color: #e7721f !important;
}

.alert-color.line::after {
    background-color: #e53e3e !important;
}

.success-color.line::after {
    background-color: #71b02c !important;
}

.blue-color.line::after {
    background-color: #1b85bd !important;
}

.beige-color.line::after {
    background-color: #887868 !important;
}


.div-link {
   cursor: pointer !important;
}

.no-margin {
   margin: 0;
}

.no-padding {
   padding: 0;
}

.no-padding .row {
   margin: 0!important;
}

.no-padding [class*=col-] {
   padding-left: 0!important;
   padding-right: 0!important;
   margin-left: 0!important;
   margin-right: 0!important;
}

@media (min-width: 768px) {
   .row-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
   }

   .row-flex > .col-flex {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      flex: 1;
   }
}

/********************************************/
/* ALIGN VERTICAL DES COLONNES DANS UNE ROW */
@media (min-width: 992px) {
	.vertical-align {
	   display: -webkit-flex;
	   display: -ms-flexbox;
	   display: flex;
	   flex-direction: row;
	}

	.vertical-align > [class^="col-"],
	.vertical-align > [class*=" col-"] {
	   display: -webkit-flex;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-align-items: center;
	   -ms-flex-align: center;
	   align-items: center;   
	   justify-content: center;
	}
}
/********************************************/

.img-center {
   margin: auto;
   display: block;
}

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

.form-control {
   padding: 12px 15px;
   height: 44px;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -webkit-box-shadow: none;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 400;
   color: #3a3a3a;
   outline: none;
   box-shadow: none !important;
   border: 1px solid #d7d6d2;
   -webkit-transition: all 200ms ease-in-out 0ms;
   -moz-transition: all 200ms ease-in-out 0ms;
   -o-transition: all 200ms ease-in-out 0ms;
   transition: all 200ms ease-in-out 0ms;
}

.radio+.radio,
.checkbox+.checkbox {
   margin-top: 10px;
}

/*
input:not([type=radio]):not([type=checkbox]) {
   -webkit-appearance: none;
}
*/

textarea, input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"] {
   -webkit-appearance: none;
}

input:focus,
textarea:focus {
   border-color: #d7d6d2 !important;
   outline: 0 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
   -webkit-text-fill-color: inherit !important;
   -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
   transition: background-color 5000s ease-in-out 0s;
}

input::-ms-clear {
   display: none;
}

input[type=number] {
   -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   margin: 0;
}

.has-error .form-control,
.has-error .form-control:focus {
   border-color: #e53e3e;
   background-color: #f7f6f2;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.input-group-addon {
   padding: 6px 12px;
   font-size: 14px;
   font-weight: normal;
   line-height: 1;
   color: #3a3a3a;
   text-align: center;
   background-color: #ffffff;
   border: 1px solid #f7d6d2;
   border-radius: 0;
   border-left: none;
}

.has-error .input-group-addon {
    color: #3a3a3a;
    border-color: #e53e3e;
    background-color: #f7f6f2;
}

.has-success .form-control,
.has-success .form-control:focus {
   border-color: #d7d6d2;
   background-color: #ffffff;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.has-success .form-control-feedback {
   color: #6a6a6a;
}

.has-error .form-control-feedback {
   color: #e53e3e;
}

.has-feedback label~.form-control-feedback {
   top: 38px;
   right: 5px;
   font-size: 14px;
}

.glyphicon-ok:before {
   content: "\3f";
   font-family: "jam-icons" !important;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   speak: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.glyphicon-remove:before {
   content: "\5b";
   font-family: "jam-icons" !important;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   speak: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.form-group label {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #3a3a3a;
}

.form-group div.label-input {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #3a3a3a;
   margin-bottom: 5px;
}

.input-bar {
   position: relative;
   display: block;
   width: 100%
}

.input-bar:before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 3px;
   background-color: #3a3a3a;
   -webkit-transform: scale(0, .4);
   transform: scale(0, .4);
   transition: -webkit-transform .2s ease, background .2s ease, opacity .1s ease;
   transition: transform .2s ease, background .2s ease, opacity .1s ease
}


input:focus + .input-bar:before,
select:focus + .input-bar:before,
textarea:focus + .input-bar:before {
   -webkit-transform: scale(1);
   transform: scale(1)
}

.form-group.has-error input + .input-bar:before,
.form-group.has-error select + .input-bar:before,
.form-group.has-error textarea + .input-bar:before {
   -webkit-transform: scale(1);
   transform: scale(1);
   background-color: #e53e3e
}

.form-group.has-error input:focus + .input-bar:before,
.form-group.has-error select:focus + .input-bar:before,
.form-group.has-error textarea:focus + .input-bar:before {
   -webkit-transform: scale(1);
   transform: scale(1);
   background-color: #e53e3e
}


.btn {
   border-radius: 0;
   -webkit-transition: all 200ms ease-in-out 0ms;
   -moz-transition: all 200ms ease-in-out 0ms;
   -o-transition: all 200ms ease-in-out 0ms;
   transition: all 200ms ease-in-out 0ms;
}

@media (max-width: 767px) {
   .btn-100pourcent {
      width: 100%
   }
}

.btn-lg,
.btn-group-lg>.btn {
   padding: 12px 16px;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
   cursor: not-allowed;
   opacity: 1;
   filter: alpha(opacity=100);
}

.btn:active,
.btn.active {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
   outline: none !important;
}

.btn-default {
   font-family: 'Roboto', sans-serif;
   color: #3a3a3a;
   background-color: #ffffff;
   border-color: #d7d6d2;
}

.btn-default i {
   color: #6a6a6a;
}

.btn-default:focus,
.btn-default.focus {
   color: #3a3a3a;
   background-color: #ffffff;
   border-color: #d7d6d2;
}

.btn-default:focus i,
.btn-default.focus i {
   color: #6a6a6a;
}

.btn-default:hover {
   color: #e53e3e;
   background-color: #ffffff;
   border-color: #f28282;
}

.btn-default:hover i {
   color: #e53e3e;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
   color: #3a3a3a;
   background-color: #ffffff;
   border-color: #d7d6d2;
}

.btn-default:active i,
.btn-default.active i,
.open > .dropdown-toggle.btn-default i {
   color: #6a6a6a;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
   color: #3a3a3a;
   background-color: #ffffff;
   border-color: #d7d6d2;
}

.btn-default:active:hover i,
.btn-default.active:hover i,
.open > .dropdown-toggle.btn-default:hover i,
.btn-default:active:focus i,
.btn-default.active:focus i,
.open > .dropdown-toggle.btn-default:focus i,
.btn-default:active.focus i,
.btn-default.active.focus i,
.open > .dropdown-toggle.btn-default.focus i {
   color: #5a5a5a;
}

.btn-primary {
   position: relative;
   z-index: 0;
   color: #ffffff;
   background-color: #e53e3e;
   border-color: #e53e3e;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 400;
   letter-spacing: 0.02em;
}

.btn-primary:hover {
   color: #ffffff;
   background-color: #ca3030;
   border-color: #ca3030;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
   background-color: #ca3030;
   border-color: #ca3030;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
   color: #ffffff;
   background-color: #e53e3e;
   border-color: #e53e3e;
}

.btn-primary:focus,
.btn-primary.focus {
   color: #ffffff;
   background-color: #e53e3e;
   border-color: #e53e3e;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
   color: #ffffff;
   background-color: #e53e3e;
   border-color: #e53e3e;
}

.btn-info {
   position: relative;
   z-index: 0;
   color: #3a3a3a;
   background-color: #ffffff;
   /*border-color: #3a3a3a;*/
   border: 2px solid rgba(0, 0, 0, 0.15);
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 400;
   letter-spacing: 0.02em;
}

.btn-info:hover,
.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover {
   color: #e53e3e;
   background-color: #ffffff;
   border-color: rgba(202, 48, 48, 0.8);
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
   color: #3a3a3a;
   background-color: #ffffff;
   border-color: rgba(0, 0, 0, 0.15);
}

.btn-info:focus,
.btn-info.focus {
   color: #3a3a3a;
   background-color: #ffffff;
   border-color: rgba(0, 0, 0, 0.15);
}

.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
   color: #3a3a3a;
   background-color: #ffffff;
   border-color: rgba(0, 0, 0, 0.15);
}

.btn-success {
   position: relative;
   z-index: 0;
   color: #ffffff;
   background-color: #b7b6b2;
   border-color: #b7b6b2;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   text-transform: uppercase;
   font-weight: 400;
   letter-spacing: 0.02em;
}

.btn-success:hover,
.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover {
   color: #ffffff;
   background-color: #979692;
   border-color: #979692;
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
   color: #ffffff;
   background-color: #b7b6b2;
   border-color: #b7b6b2;
}

.btn-success:focus,
.btn-success.focus {
   color: #ffffff;
   background-color: #b7b6b2;
   border-color: #b7b6b2;
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover {
   background-color: #b7b6b2;
   border-color: #b7b6b2;
}

.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
   background-color: #b7b6b2;
   border-color: #b7b6b2;
}

.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
   color: #ffffff;
   background-color: #b7b6b2;
   border-color: #b7b6b2;
}

.btn-add-address {
   padding: 0;
   border: none;
   background-color: transparent;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   text-transform: uppercase;
   font-weight: 500;
   letter-spacing: 0.02em;
}

.hbtn {
   position: relative;
   box-sizing: border-box;
   display: inline-block;
   overflow: hidden;
   text-decoration: none;
   white-space: nowrap;
   z-index: 0;
   cursor: pointer;   
}

.hb-fill-right {
   background: transparent;
   transition: color 0.3s ease, background 0s ease;
}

.hb-fill-right:hover {
   transition: color 0.3s ease, background 0s 0.3s ease;
}

.hbtn.hb-fill-right:before {
  position: absolute;
  content: '';
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-right:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

a {
   outline: none;
   text-decoration: none;
   -webkit-transition: color 200ms;
   -moz-transition: color 200ms;
   -o-transition: color 200ms;
   transition: color 200ms;
   color: #3a3a3a;
}

a:focus,
a:active,
a:hover {
   outline: none;
   text-decoration: none;
   color: #e53e3e;
}


/*
a.main-item-menu::before {
   content: '';
   position: absolute;
   top: 0;
   left: 15%;
   height: 70%;
   width: 70%;
   -webkit-transform-origin: center;
   transform-origin: center;
}

a.main-item-menu::before {
   border-bottom: 3px solid #e53e3e;
   -webkit-transform: scale3d(0, 1, 1);
   transform: scale3d(0, 1, 1);
}

.navbar-default .navbar-nav > li > .main-item-menu:hover::before, 
.navbar-default .navbar-nav > .open > .main-item-menu::before, 
.navbar-default .navbar-nav > .open > .main-item-menu:hover::before {     
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
   -webkit-transition: -webkit-transform 0.3s;
   transition: -webkit-transform 0.3s;
   transition: transform 0.3s;
   transition: transform 0.3s, -webkit-transform 0.3s;
}   
*/


/* Supprime pointillé pour les liens/boutons sous Mozilla */

a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"]> input[type="button"]::-moz-focus-inner {
   outline: none !important;
   border: none !important;
}

::-webkit-input-placeholder {
   color: #7a7a7a !important;
}

:-moz-placeholder {
   color: #7a7a7a !important;
}

::-moz-placeholder {
   color: #7a7a7a !important;
}

:-ms-input-placeholder {
   color: #7a7a7a !important;
}

@media (min-width: 1440px) {
   .container-xl {
      width: 1230px;
   }
}

@media (min-width: 1680px) {
   .container-xl {
      width: 1430px;
   }
}

@media (min-width: 992px) {
   .row-eq-height {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
   }
}

.back-to-top {
   cursor: pointer;
   position: fixed;
   bottom: 10px;
   right: 10px;
   width: 44px;
   height: 44px;
   overflow: hidden;
   display: none;
   z-index: 1000;
   background-color: #333333;
   color: #fff;
   -webkit-transition: all 300ms ease-in-out 0ms;
   -moz-transition: all 300ms ease-in-out 0ms;
   -o-transition: all 300ms ease-in-out 0ms;
   transition: all 300ms ease-in-out 0ms;
}

.back-to-top:hover {
   background-color: #e53e3e;
}

.back-to-top:before {
   position: absolute;
   top: 14px;
   left: 14px;
   font-size: 16px;
   content: '\6a';
   color: #ffffff;
   font-family: "jam-icons" !important;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.alert {
   padding: 20px;
   margin-top: 0;
   margin-bottom: 30px;
   border: none;
   border-radius: 0;
   font-size: 18px;
}

.alert-danger {
   background-color: #f7f6f2;
   color: #e53e3e;
   font-weight: 400;
}

.alert-danger i {
   color: #e53e3e;
   font-size: 20px;
}

.alert-info {
   background-color: #ce755a;
   border-color: #ce755a;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   color: #ffffff;
   font-style: normal;
   font-weight: 300;
}

.alert-title {
   margin-bottom: 5px;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   color: #ffffff;
   font-style: normal;
   font-weight: 700;
   text-transform: uppercase;
}

.alert-success {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #3a3a3a;
}

@media (max-width: 991px) {
   .alert {
      padding: 15px 20px;
   }
   .alert-info {
      font-size: 18px;
   }
}

.collapse.in.in-hidden-md {
   display: inline !important;
}

@media (max-width: 991px) {
   .in-hidden-md {
      -moz-transition: all 0.3s ease-in-out 0s;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
   }
   .collapse.in.in-hidden-md {
      display: none !important;
   }
   .collapse.in-hidden-md {
      display: inline !important;
      height: auto !important;
      overflow: visible !important;
   }
}

.no-padding-right {
   padding-right: 0;
}


/**********************************/


/*         SECONDARY MENU         */


/**********************************/

.navbar-secondary {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding-left: 15px;
   padding-right: 15px;
   height: 44px;
   border-bottom: 1px solid #f7f6f2;
}

.navbar-secondary .navbar-secondary-first-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   flex-basis: 50%;
   max-width: 50%;
   text-align: left;
}

.navbar-secondary .navbar-secondary-second-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   flex-basis: 0%;
   max-width: 0%;
   text-align: center
}

.navbar-secondary .navbar-secondary-third-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   flex-basis: 50%;
   max-width: 50%;
   text-align: right;
}

@media (min-width: 992px) {
   .navbar-secondary {
      padding-left: 30px;
      padding-right: 30px;
   }
   
   .navbar-secondary .navbar-secondary-first-item {
      flex-basis: 30%;
      max-width: 30%;
   }

   .navbar-secondary .navbar-secondary-second-item {
      flex-basis: 40%;
      max-width: 40%;
   }

   .navbar-secondary .navbar-secondary-third-item {
      flex-basis: 30%;
      max-width: 30%;
   }
}

.navbar-secondary .secondary-item-content {
   color: #7a7a7a;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 400;
   line-height: 43px;
}

.navbar-secondary .secondary-item-content a {
   color: #7a7a7a;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 400;
}

.navbar-secondary .secondary-item-content .atc {
   color: #7a7a7a;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 400;
   cursor: pointer;
}

.navbar-secondary .secondary-item-content.content-promotion {
   color: #e53e3e;
   font-size: 12px;
   font-weight: 500;
   text-transform: uppercase;
   opacity: 0.80;
   line-height: 1.2;
}

@media (min-width: 1200px) {
   .navbar-secondary .secondary-item-content.content-promotion {
      font-size: 13px;
   }
}

.navbar-secondary .secondary-item-content .dropdown {
   float: left;
   margin-right: 50px;
}

.navbar-secondary .secondary-item-content .dropdown:last-child {
   margin-right: 0;
}

.navbar-secondary .dropdown-menu {
   z-index: 999999;
   display: none;
   min-width: 120px;
   padding: 20px 30px;
   margin: 0;
   background-color: #ffffff;
   border-top: none;
   border-bottom: 1px solid #eeebe5;
   border-left: 1px solid #eeebe5;
   border-right: 1px solid #eeebe5;
   border-radius: 0;
   text-align: left;
   -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
   -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
}

.navbar-secondary .dropdown-menu#country {
   right: 0;
   left: auto;
   width: 180px;
}

.navbar-secondary .dropdown-menu#account {
   right: 0;
   left: auto;
   width: 250px;
}

.navbar-secondary .dropdown-menu > li {
   position: relative;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #f7f6f2;
}

.navbar-secondary .dropdown-menu > li:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: none;
}

.navbar-secondary .dropdown-menu > li > .atc {
   display: block;
   padding: 5px 30px;
   color: #7a7a7a;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.42857143;
   white-space: normal;
   cursor: pointer;
}

.navbar-secondary .dropdown-menu#account > li > .atc {
   padding: 5px 0;
}

.navbar-secondary .dropdown-menu > li > .atc:hover,
.navbar-secondary .dropdown-menu >li > .atc:focus {
   color: #e53e3e;
   background-color: transparent;
}

.navbar-secondary .dropdown-menu > li > a {
   display: block;
   padding: 5px 30px;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.42857143;
   white-space: normal;
}

.navbar-secondary .dropdown-menu#account > li > a {
   padding: 5px 0;
}

.navbar-secondary .dropdown-menu > li > a:hover,
.navbar-secondary .dropdown-menu >li > a:focus {
   text-decoration: none;
   color: #e53e3e;
   background-color: transparent;
}

.navbar-secondary .flag {
   display: block;
   position: absolute;
   top: 20px;
   left: 18px;
   width: 21px;
   height: 13px;
   overflow: hidden;
   background: url('../images/sprites/flags-sprite2.png') transparent no-repeat top left;
   text-indent: -9999px;
}

.navbar-secondary .flag#current-flag {
   top: 15px;
   left: -28px;
}

.navbar-secondary .dropdown-menu > li > a .flag {
   top: 8px;
   left: 0;
}

.navbar-secondary .dropdown-menu > li > .atc .flag {
   top: 8px;
   left: 0;
}

.navbar-secondary .flag.fr {
   background-position: 0 0;
}

.navbar-secondary .flag.en {
   background-position: 0 -13px;
}

.navbar-secondary .flag.de {
   background-position: 0 -26px;
}

.navbar-secondary .flag.nl {
   background-position: 0 -39px;
}

.navbar-secondary .flag.es {
   background-position: 0 -52px;
}

.navbar-secondary .flag.it {
   background-position: 0 -65px;
}

.navbar-secondary .flag.ch {
   background-position: 0 -78px;
}

/**********************************/


/*  COMMON MENU DESKTOP ET MOBILE */


/**********************************/

.dropdown-menu {
   border-radius: 0;
   padding: 0;
}

.container > .navbar-header,
.container-fluid > .navbar-header {
   margin-right: 0;
   height: 63px;
   /* hauteur du logo */
}

/* BHI : @media (min-width: 768px) {*/
@media (min-width: 1200px) {
   .container > .navbar-header,
   .container-fluid > .navbar-header {
      margin-right: 0;
      margin-left: 0;
      height: 105px;
      /* hauteur du logo */
   }
}


/**********************************/


/*           MENU MOBILE          */


/**********************************/

#menu-mobile {
   background-color: #ffffff;
   text-align: center;
   width: 100%;
   position: fixed;
   top: 63px;
   /* Hauteur du menu = hauteur du logo */
   left: 0;
   height: 0;
   -webkit-transition: all 400ms ease 0ms;
   -moz-transition: all 400ms ease 0ms;
   -o-transition: all 400ms ease 0ms;
   transition: all 400ms ease 0ms;
   z-index: 999998;
   overflow: auto;
}

.show-mobile-nav #menu-mobile {
   height: calc(100vh - 63px);
   /* important : Contenu menu toute hauteur - hauteur barre menu */
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}

@media (min-width:768px) {
   .show-mobile-nav #menu-mobile {
      top: 107px; /* 63px + 44px */
      height: calc(100vh - 107px); /* 63px + 44px*/
   }
}

/* BHI : @media (min-width:992px) { */
@media (min-width:1200px) {
   #menu-mobile {
      display: none !important;
   }
}

#menu-mobile > ul {
   width: 100%;
   padding: 0;
   margin: 0;
}

#menu-mobile > ul > li {
   border-bottom: 1px solid #eeebe5;
   opacity: 0;
   -webkit-transform: scale(1.1) translateY(-15px);
   -ms-transform: scale(1.1) translateY(-15px);
   transform: scale(1.1) translateY(-15px);
   -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
   transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
   transition: opacity 0.35s ease-out, transform 0.35s ease-out;
   transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}

.show-mobile-nav #menu-mobile > ul > li {
   webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
}

.show-mobile-nav #menu-mobile > ul > li:nth-child(1) {
   -webkit-transition-delay: 300ms, 300ms;
   transition-delay: 300ms, 300ms;
}

.show-mobile-nav #menu-mobile > ul > li:nth-child(2) {
   -webkit-transition-delay: 325ms, 320ms;
   transition-delay: 325ms, 325ms;
}

.show-mobile-nav #menu-mobile > ul > li:nth-child(3) {
   -webkit-transition-delay: 350ms, 350ms;
   transition-delay: 350ms, 350ms;
}

.show-mobile-nav #menu-mobile > ul > li:nth-child(4) {
   -webkit-transition-delay: 375ms, 375ms;
   transition-delay: 375ms, 375ms;
}

.show-mobile-nav #menu-mobile > ul > li:nth-child(5) {
   -webkit-transition-delay: 400ms, 400ms;
   transition-delay: 400ms, 400ms;
}

.show-mobile-nav #menu-mobile > ul > li:nth-child(6) {
   -webkit-transition-delay: 425ms, 425ms;
   transition-delay: 425ms, 425ms;
}

.show-mobile-nav #menu-mobile > ul > li:nth-child(7) {
   -webkit-transition-delay: 450ms, 450ms;
   transition-delay: 450ms, 450ms;
}

.show-mobile-nav #menu-mobile > ul > li:nth-child(8) {
   -webkit-transition-delay: 475ms, 475ms;
   transition-delay: 475ms, 475ms;
}

.show-mobile-nav #menu-mobile > ul > li:nth-child(9) {
   -webkit-transition-delay: 500ms, 500ms;
   transition-delay: 500ms, 500ms;
}

.show-mobile-nav #menu-mobile > ul > li:nth-child(10) {
   -webkit-transition-delay: 525ms, 5250ms;
   transition-delay: 5250ms, 525ms;
}

#menu-mobile > ul > li:first-child {
   border-top: none;
}

#menu-mobile > ul > li:last-child {
   border-bottom: none;
}

#menu-mobile a {
   cursor: pointer;
}

#menu-mobile > ul > li > a {
   background-color: #ffffff;
   display: block;
   position: relative;
   height: 60px;
   line-height: 60px;
   padding: 0 15px 0 20px;
   margin: auto 0;
   text-align: left;
   text-decoration: none!important;
   text-transform: none;
   font-family: 'Poppins', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 15px;
   letter-spacing: 0;
   color: #1a1a1a;
   text-transform: uppercase;
   opacity: 0;
   -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#menu-mobile > ul > li.big > a {
   color: #e53e3e;
   font-weight: 500;
}

#menu-mobile > ul > li.small {
   border-bottom: none;
}

#menu-mobile > ul > li.small.first {
   margin-top: 30px;
}

#menu-mobile > ul > li.small > a {
   height: 46px;
   line-height: 46px;
   font-size: 16px;
   font-weight: 300;
   color: #6a6a6a;
   text-transform: none;
}

#menu-mobile > ul > li.small > a.flag-link {
   padding-left: 50px;
}

#menu-mobile > ul > li .flag {
   display: block;
   position: absolute;
   top: 16px;
   left: 20px;
   width: 21px;
   height: 13px;
   overflow: hidden;
   background: url('../images/sprites/flags-sprite2.png') transparent no-repeat top left;
   text-indent: -9999px;
}

.navbar-secondary .dropdown-menu > li > a .flag {
   top: 8px;
   left: 0;
}

#menu-mobile > ul > li .flag.fr {
   background-position: 0 0;
}

#menu-mobile > ul > li .flag.en {
   background-position: 0 -13px;
}

#menu-mobile > ul > li .flag.de {
   background-position: 0 -26px;
}

#menu-mobile > ul > li .flag.nl {
   background-position: 0 -39px;
}

#menu-mobile > ul > li .flag.es {
   background-position: 0 -52px;
}

#menu-mobile > ul > li .flag.it {
   background-position: 0 -65px;
}

#menu-mobile > ul > li .flag.ch {
   background-position: 0 -78px;
}

#menu-mobile > ul > li.open > a,
#menu-mobile > ul > li:last-child > a {
   border-bottom: none;
}

.show-mobile-nav #menu-mobile > ul > li > a {
   opacity: 1;
}

#menu-mobile > ul > li > a:hover {
   /*background-color: #ffffff;
   color: #1a1a1a;*/
}

#menu-mobile > ul > li.open > a,
#menu-mobile > ul > li.open > a:hover,
#menu-mobile > ul > li.open > a:focus {
   color: #e53e3e;
}

#menu-mobile .menu-level2 {
   margin-bottom: 20px;
}

#menu-mobile .menu-level2 > li {
   margin: 0 15px;
   border-bottom: 1px solid #efeeea;
}

#menu-mobile .menu-level2 > li:last-child {
   border-bottom: none;
}

#menu-mobile > ul > li.open > .menu-level2 > li > a {
   display: block;
   position: relative;
   height: 52px;
   line-height: 52px;
   padding: 0 0 0 15px;
   text-align: left;
   text-decoration: none!important;
   font-family: 'Poppins', sans-serif;
   font-weight: 400;
   font-size: 16px;
   letter-spacing: 0;
   color: #1a1a1a;
   text-transform: none;
}

#menu-mobile > ul > li.open > .menu-level2 > li > a.secondary {
   font-weight: 400;
   font-size: 16px;
   text-transform: none;
}

#menu-mobile > ul > li.open > .menu-level2 > li > a.secondary.green {
    color: #71b02c;
}

#menu-mobile > ul > li.small.open > .menu-level2 > li {
   margin-left: 10px;
}

#menu-mobile > ul > li.small.open > .menu-level2 > li > a {
   padding: 0 0 0 55px;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   font-size: 15px;
   letter-spacing: 0;
   color: #6a6a6a;
   text-transform: none;
}

#menu-mobile > ul > li.open > .menu-level2 > .open > a {
   color: #e53e3e;
}

#menu-mobile > ul > li.open > .menu-level2 > .open > .menu-level3 {
   background-color: #ffffff;
}

#menu-mobile > ul > li.open > .menu-level2 > .open > .menu-level3 > li > a {
   display: block;
   position: relative;
   height: 50px;
   line-height: 50px;
   padding: 0 0 0 35px;
   text-align: left;
   text-decoration: none!important;
   font-family: 'Poppins', sans-serif;
   font-weight: 600;
   font-style: normal;
   font-size: 16px;
   letter-spacing: 0;
   color: #1a1a1a;
}

#menu-mobile > ul > li.open > .menu-level2 > .open > .menu-level3 > li:last-child > a {
   border-bottom: none;
}

#menu-mobile > ul > li.open > .menu-level2 > .open > .menu-level3 > li > a > span {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
}

#menu-mobile a.has-submenu:before,
#menu-mobile a.has-submenu:after {
   content: '';
   position: absolute;
   right: 15px;
   width: 12px;
   height: 1px;
   background: #1a1a1a;
   bottom: auto;
   top: 50%;
   left: auto;
   border: 0;
   transition: transform;
   transition-duration: .4s;
   transition-timing-function: cubic-bezier(0.645,0.045,0.355,1);
   will-change: transform;
}

#menu-mobile .menu-level2 a.has-submenu:before,
#menu-mobile .menu-level3 a.has-submenu:before, 
#menu-mobile .menu-level2 a.has-submenu:after,
#menu-mobile .menu-level3 a.has-submenu:after {
   right: 5px;
}

#menu-mobile a.has-submenu:after {
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}

#menu-mobile > ul > li.open > a.has-submenu:before,
#menu-mobile ul.menu-level2 > li.open > a.has-submenu:before,
#menu-mobile > ul > li.open > a.has-submenu:after,
#menu-mobile ul.menu-level2 > li.open > a.has-submenu:after {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

/*

#menu-mobile a.has-submenu:after {
   position: absolute;
   right: 20px;
   top: 40%;
   content: "\e0b9";
   color: #1a1a1a;
   font-family: "jam-icons" !important;
   font-size: 14px;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

#menu-mobile li.small a.has-submenu:after {
   content: "";
}

#menu-mobile .menu-level2 a.has-submenu:after,
#menu-mobile .menu-level3 a.has-submenu:after {
   right: 20px;
}

#menu-mobile > ul > li > a.has-submenu:after,
#menu-mobile ul.menu-level2 > li > a.has-submenu:after {
   -webkit-transition: all 300ms ease 0ms;
   -moz-transition: all 300ms ease 0ms;
   -o-transition: all 300ms ease 0ms;
   transition: all 300ms ease 0ms;
}

#menu-mobile > ul > li.open > a.has-submenu:after,
#menu-mobile ul.menu-level2 > li.open > a.has-submenu:after {
   content: "\e088";
}

#menu-mobile > ul > li.small.open > a.has-submenu:after,
#menu-mobile ul.menu-level2 > li.small.open > a.has-submenu:after {
   content: "";
}
*/

/*
.navbar-logo {
   position: absolute;
   top: 0;
   left: 50%;
   height: 63px; hauteur du logo 
   width: 150px; largeur du logo 
   margin-left: -75px; largeur du logo / 2 
   text-align: center;
   z-index: 100;
   background: url('../images/logo/overstims-small-red.png') transparent no-repeat center top;   
   -webkit-transition: all 300ms ease 0ms;
   -moz-transition: all 300ms ease 0ms;
   -o-transition: all 300ms ease 0ms;
   transition: all 300ms ease 0ms;  
}
*/

.logo-wrapper {
   position: relative;
   height: 100%;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center; 
    -ms-flex-pack: center;
    justify-content: center;   
}

.navbar-logo {
   position: absolute;
   top: 0;
   left: 0;
   height: 63px;
   width: 150px;
   text-align: center;
   z-index: 100;
   background: url('../images/logo/overstims-small-red.png') transparent no-repeat center top;
   -webkit-transition: all 300ms ease 0ms;
   -moz-transition: all 300ms ease 0ms;
   -o-transition: all 300ms ease 0ms;
   transition: all 300ms ease 0ms;
}

/* BHI : @media (max-width: 767px)
   .navbar-logo {
      left: 50%;
      transform: translateX(-50%);   
   }
}
*/

.secure-shopping {
   display: none;
}

/* BHI : @media (min-width: 768px) { */
@media (max-width: 1199px) {
   .navbar-logo {
      top: 44px;
      left: 50%;
      margin: 0;
      padding: 0;
      height: 63px; /*105px;*/
      width: 150px;
      background: url('../images/logo/overstims-small-red.png') transparent no-repeat center center;
      transform: translateX(-50%);         
   }
}

@media (max-width: 767px) {
   .navbar-logo {
      top: 0;
   }
}

@media (max-width: 360px) {
   .navbar-logo {
      height: 63px;
      width: 120px;
      background: url('../images/logo/overstims-tiny-red.png') transparent no-repeat center top;
   }
   .show-mobile-nav .navbar-logo {
      background: url('../images/logo/overstims-tiny-red.png') transparent no-repeat center top;
   }
}

/* BHI : @media (min-width: 992px) { */
@media (min-width: 1200px) {
   .navbar-logo {
      position: relative;
      float: left;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      height: 105px;
      /* hauteur du logo */
      width: 260px;
      /* largeur du logo */
      background: url('../images/logo/overstims-red.png') transparent no-repeat center center;
   }
   .secure-shopping {
      display: block;
      position: relative;
      float: right;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      height: 105px;
      /* hauteur du logo */
   }
   .secure-shopping span {
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      color: #3a3a3a;
      font-style: normal;
      font-weight: 500;
      text-transform: uppercase;
      line-height: 105px;
      /* hauteur du logo */
   }
   .secure-shopping i {
      margin-right: 5px;
   }
}

#burger-menu {
   position: relative;
   float: left;
   margin-top: 12px;
   margin-left: 5px;
   margin-right: 0;
   padding-right: 0;
   border: none;
   background-color: transparent;
   z-index: 10000;
   /* important */
   -webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
}

#burger-menu .burger-text {
   position: absolute;
   top: 30px;
   left: 11px;
   font-family: arial, sans-serif;
   font-weight: normal;
   font-size: 8px;
   color: #ffffff;
   letter-spacing: 0.04em;
   display: block;
}

.navbar-default #burger-menu .burger-text {
   font-family: arial, sans-serif;
   color: #1a1a1a;
}

.show-mobile-nav #burger-menu .burger-text {
   display: none;
}

.navbar-default #burger-menu .icon-bar {
   position: relative;
   height: 2px;
   border-radius: 0;
   background-color: #ffffff;
   -webkit-transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -o-transition: .25s ease-in-out;
   transition: .25s ease-in-out;
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}

#burger-menu .icon-bar + .icon-bar {
   margin-top: 5px;
}

.navbar-default #burger-menu .icon-bar {
   background-color: #1a1a1a;
   width: 25px;
}

.navbar-default #burger-menu.active .icon-bar {
   background-color: #3a3a3a;
}

#burger-menu .icon-bar:nth-of-type(2) {
   top: 1px;
}

#burger-menu .icon-bar:nth-of-type(3) {
   top: 2px;
}

#burger-menu.active .icon-bar:nth-of-type(1) {
   top: 8px;
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
}

#burger-menu.active .icon-bar:nth-of-type(2) {
   /*opacity: 0;*/
   background-color: transparent;
}

#burger-menu.active .icon-bar:nth-of-type(3) {
   top: -6px;
   -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg);
}

/* BHI @media (max-width: 767px) { */
@media (max-width: 1199px) {
   .navbar .btn-navbar {
      border: none;
      height: 63px;
      margin: 0 5px 0 0;
      padding: 20px 6px;
      background-color: transparent;
      border-radius: 0;
      box-shadow: none;
      z-index: 1000;
   }
   .btn-mobile-menu {
      float: right;
      -webkit-transition: -webkit-transform 0.25s 0.25s ease-out;
      transition: -webkit-transform 0.25s 0.25s ease-out;
      transition: transform 0.25s 0.25s ease-out;
      transition: transform 0.25s 0.25s ease-out, -webkit-transform 0.25s 0.25s ease-out;
   }
   .show-mobile-nav .btn-mobile-menu {
      -webkit-transform: translateY(-200%);
      -ms-transform: translateY(-200%);
      transform: translateY(-200%);
   }
   .navbar .btn-navbar > .menu-icon {
      position: relative;
   }
   .navbar .btn-navbar > .cart {
      position: relative;
   }
   .navbar .btn-navbar > .cart > .cart-info {
      position: absolute;
      top: -8px;
      right: -12px;
      text-indent: 0;
      font-size: 12px;
      width: 18px;
      height: 18px;
      background-color: #e53e3e;
      border-radius: 100%;
      color: #fff;
      font-style: normal;
      line-height: 18px;
   }
   .navbar .btn-navbar > .menu-icon.search {
      background-position: 0 0;
      margin-right: 5px;
      height: 20px;
      width: 18px;
   }
}

@media (max-width: 359px) {
   .navbar .btn-search {
      margin-left: 5px;
   }
}

@media (min-width: 992px) {
   .navbar {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      transition: background-color .3s, transform .3s, -webkit-transform .3s;
   }
   .navbar.unpinned {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
   }
   #nav-search {
      display: none !important;
   }
}

.navbar .col-menu.sport {
   margin: 0;
   padding: 0;
   border: none;
}

.navbar .menu-sport-subtitle {
   margin: 0;
   padding: 15px 0 0;
   cursor: pointer;
}

.navbar .menu-sport-subtitle a {
   display: block;
}

.navbar .menu-sport-subtitle a > p {
   margin: 0;
   font-family: 'Poppins', sans-serif;
   font-weight: 400;
   font-size: 16px;
   font-style: normal;
   letter-spacing: 0;
   color: #1a1a1a;
   text-transform: none;
   text-align: center;
   -webkit-transition: color 200ms;
   -moz-transition: color 200ms;
   -o-transition: color 200ms;
   transition: color 200ms;
}

.navbar .sport-others {
   margin-top: 0;
   padding: 0 0 30px;
}

.navbar .container-sport-others {
   text-align: center;
   margin-top: 0;
}

.navbar .container-sport-others .title-sport-others {
   margin-top: 60px;
   margin-bottom: 0;
   font-family: 'Poppins', sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 20px;
   color: #9a9a9a;
}

.navbar .container-sport-others .col-sport-others p {
   margin: 15px 0 0;
   line-height: 28px;
}

.navbar .container-sport-others .col-sport-others a {
   display: block;
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   letter-spacing: 0;
   font-weight: 400;
   font-style: normal;
   color: #1a1a1a;
   line-height: 1.2;
   text-transform: none;
}

.navbar #search-collapse {
   background-color: #ffffff;
   border-top: solid 1px #efeeea
}

.navbar #search-collapse .row {
   padding: 10px 0;
}

.navbar #search-collapse form {
   position: relative;
   outline: none;
   margin: 0;
   padding: 0;
   height: 38px;
}

.navbar #search-collapse .search-submit-mobile {
   position: absolute;
   width: 36px;
   height: 36px;
   top: 0;
   left: 0;
   overflow: hidden;
}

.navbar #search-collapse input[type="submit"] {
   background-color: transparent;
   text-indent: -999px;
   overflow: hidden;
   padding: 0;
   margin: 0;
   position: absolute;
   right: 10px;
   top: 7px;
   display: block;
   width: 100%;
   height: 100%;
   border: none;
   z-index: 1;
   height: 22px;
   width: 23px;
}

.navbar #search-collapse .search-submit-mobile:after {
   position: absolute;
   right: 10px;
   top: 7px;
   content: "\e0cc";
   color: #1a1a1a;
   font-family: "jam-icons" !important;
   font-size: 21px;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.navbar #search-collapse .search-input-mobile {
   position: absolute;
   top: 0;
   left: 40px;
   width: 78%;
   height: 36px;
   line-height: 36px;
   font-size: 16px;
   color: #3a3a3a;
   background-color: transparent;
   padding-left: 0;
   border: none;
   overflow: hidden;
   outline: none;
}

.navbar #search-collapse .search-close-mobile {
   position: absolute;
   width: 20px;
   height: 20px;
   top: 8px;
   right: 8px;
   overflow: hidden;
   cursor: pointer;
}

.navbar #search-collapse .search-close-mobile:after {
   position: absolute;
   right: 4px;
   top: 4px;
   content: "\5b";
   color: #5a5a5a;
   font-family: "jam-icons" !important;
   font-size: 12px;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

/*@media (min-width: 768px) {*/
@media (min-width: 1200px) {
   .navbar-collapse.collapse.main-navigation {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }
   .navbar-nav {
      float: none;
      display: block;
      margin: 0 auto;
      text-align: center;
   }
   .navbar-nav.fra {
      width: 410px;
   }
   .navbar-nav.eng {
      width: 380px;
   }
   .navbar-nav.ita {
      width: 390px;
   }
   .navbar-nav.spa {
      width: 450px;
   }
   .navbar-nav.ndl {
      width: 430px;
   }
   .navbar-nav.navbar-icons {
      width: 100%;
   }
   .navbar-nav.navbar-icons li {
      float: right;
   }   
   .navbar-icons .menu-search {
      display: none;
   }
   .navbar-icons .menu-search form {
      position: relative;
      /*overflow: auto;*/
      outline: none;
      margin: 0;
      padding: 0;
      height: 38px;
   }
   .navbar-icons .menu-search form .input-bar {
      position: static;
   }
   .navbar-icons .menu-search .search-input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 36px;
      line-height: 36px;
      font-size: 14px;
      color: #3a3a3a;
      padding-left: 10px;
      border: 1px solid #eeebe5;
      overflow: hidden;
      outline: none;
   }
   .navbar-icons .menu-search .search-input.aa-hint {
      left: 0 !important;
   }
   .navbar-icons .menu-search .search-submit {
      position: absolute;
      width: 36px;
      height: 36px;
      top: 0;
      right: 5px;
      overflow: hidden;
   }
   .navbar-icons .menu-search input[type="submit"] {
      background: transparent;
      text-indent: -999px;
      overflow: hidden;
      padding: 0;
      margin: 0;
      position: absolute;
      right: 10px;
      top: 7px;
      display: block;
      width: 100%;
      height: 100%;
      border: none;
      z-index: 1;
      height: 22px;
      width: 23px;
   }
   .navbar-icons .menu-search .search-submit:after {
      position: absolute;
      right: 10px;
      top: 7px;
      content: "\e0cc";
      color: #1a1a1a;
      font-family: "jam-icons" !important;
      font-size: 21px;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
   }
   .navbar-icons .menu-search input[type="search"] {
      width: 100%;
      height: 36px;
      line-height: 36px;
      font-size: 14px;
      color: #3a3a3a;
      outline: 0;
      border: none;
      padding-left: 10px;
   }
   .navbar-default .navbar-nav > li > a.menu-cart-link {
      padding: 40px 0 34px 0;
      line-height: 22px;
   }
   .navbar-default .navbar-nav > li > a > .menu-icon {
      position: relative;
   }
   .navbar-default .navbar-nav > li > a > .cart {
      position: relative;
   }
   .navbar-default .navbar-nav > li > a > .cart > .cart-info {
      position: absolute;
      top: -8px;
      right: -12px;
      text-indent: 0;
      font-size: 12px;
      width: 18px;
      height: 18px;
      background-color: #e53e3e;
      border-radius: 100%;
      color: #fff;
      font-style: normal;
      line-height: 18px;
   }
   .mega-dropdown {
      position: static !important;
   }
   .mega-dropdown-menu {
      background-color: #ffffff;
      padding: 0;
      width: 100%;
      border: none;
      /*
      -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.05), 0 0 0 0 rgba(255,255,255,0);
      box-shadow: 0 3px 8px 0 rgba(0,0,0,.05), 0 0 0 0 rgba(255,255,255,0);
      */
      -webkit-box-shadow: none;
      box-shadow: none;
   }
   .navbar-default .navbar-nav > li > a {
      position: relative;
      margin: 0 15px;
      padding: 42px 0 43px 0;
      line-height: 20px;
      /* 42 + 43 + 20 = 1055px */
      font-size: 16px;
      color: #1a1a1a;
      text-transform: uppercase;
      cursor: pointer;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-style: normal;
      letter-spacing: 0;
      background-color: #ffffff;
   }
   .navbar-default .navbar-nav > li.active > a {
      color: #1a1a1a;
      background-color: #ffffff;
   }
   .navbar-default .navbar-nav > li > a:hover,
   .navbar-default .navbar-nav > li.active > a:hover,
   .navbar-default .navbar-nav > .open > a,
   .navbar-default .navbar-nav > .open > a:hover,
   .navbar-default .navbar-nav > .open > a:focus {
      color: #e53e3e;
      background-color: #ffffff;
   }
   .navbar-default .navbar-nav > li > a::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0%;
      height: 70%;
      width: 100%;
      -webkit-transform-origin: left;
      transform-origin: left;
      -webkit-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
   }
   .navbar-default .navbar-nav > li > a::before {
      border-bottom: 3px solid #e53e3e;
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
   }
   .navbar-default .navbar-nav > li > a.menu-cart-link::before {
      border-bottom: 3px solid transparent;
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
   }
   .navbar-default .navbar-nav > li > a:hover::before,
   .navbar-default .navbar-nav > .open > a::before,
   .navbar-default .navbar-nav > .open > a:hover::before {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      -webkit-transition: -webkit-transform 0.5s;
   }
   .navbar .col-menu {
      margin: 20px 0;
      padding: 20px 0;
   }
   .navbar .main-sports {
      padding-bottom: 30px;
   }   
   .navbar .col-menu.sport {
      margin: 20px 0 0;
      padding: 20px 15px 20px 0;
      border-right: solid 1px #eeebe5;
   }
   .navbar .col-menu.sport:last-child {
      padding: 20px 0;
      border-right: 0;
   }
   .navbar .col-left-menu {
      background-color: #ffffff;
   }
   .navbar .col-left-menu .wrapper-left-menu {
      padding: 30px 15px;
   }
   
   .navbar .col-left-menu .wrapper-left-menu .wrapper-menu-img {
      margin-bottom: 15px;
   }   
   .navbar .col-left-menu .wrapper-left-menu .wrapper-menu-img:last-child {
      margin-bottom: 0;
   }   
   .navbar .col-left-menu .wrapper-left-menu .wrapper-menu-img em {
      overflow: hidden;
      display: block;
   }
   .navbar .col-left-menu .wrapper-left-menu .wrapper-menu-img img {
      -webkit-transition: all 0.5s ease-out;   
      -moz-transition: all 0.5s ease-out;   
      -o-transition: all 0.5s ease-out;   
      transition: all 0.5s ease-out;      
   } 
   .navbar .col-left-menu .wrapper-left-menu .wrapper-menu-img:hover img,
   .navbar .col-left-menu .wrapper-left-menu .wrapper-menu-img img:hover {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);   
   }    
   .navbar .col-left-menu .wrapper-left-menu .wrapper-menu-img:hover a {
    color: #e53e3e;
   
   }   
   .navbar .col-right-menu .wrapper-right-menu {
      padding: 30px 30px 50px;
   }
   .nav .col-nav-advice {
      padding-top: 10px;
      padding-bottom: 30px;
   }
   .nav .container-image {
      position: relative;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top left;
      height: 450px;
      width: 100%;
   }
   .nav .container-image .inner-image {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.45);
      -webkit-transition: all 200ms ease-in-out 0ms;
      -moz-transition: all 200ms ease-in-out 0ms;
      -o-transition: all 200ms ease-in-out 0ms;
      transition: all 200ms ease-in-out 0ms;
   }
   .nav .container-image .inner-image:hover {
      background-color: rgba(0, 0, 0, 0.6);
   }
   .nav .container-image .inner-image .content-image {
      position: absolute;
      top: 0;
      left: 0;
      display: table;
      height: 100%;
      width: 100%;
      padding: 10%;
   }
   .nav .container-image .inner-image .content-image .content-image-text {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle;
      text-align: center
   }
   .nav .container-image .inner-image .content-image .content-image-text a {
      position: relative;
      margin: 0;
      padding-bottom: 10px;
      color: #ffffff;
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      font-weight: 300;
      font-style: normal;
      line-height: 1.2;
      letter-spacing: 0.02em;
      text-transform: uppercase;
   }
   .nav .container-image .inner-image .content-image .content-image-text a::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      -webkit-transform-origin: left;
      transform-origin: left;
      -webkit-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
   }
   .nav .container-image .inner-image .content-image .content-image-text a::before {
      border-bottom: 3px solid #e53e3e;
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
   }
   .nav .container-image .inner-image .content-image .content-image-text a:hover::before,
   .nav .container-image .inner-image:hover .content-image .content-image-text a::before {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      -webkit-transition: -webkit-transform 0.5s;
   }
   .navbar .row-first-line {
      padding-top: 40px;
   }
   .navbar .row-second-line {
      padding-top: 40px;
   }
   .navbar .menu-item-title {
      margin: 0 30px 0 0;
      padding: 5px;
      border-bottom: none;
      cursor: pointer;
   }
   .navbar .row-second-line .menu-item-title {
      margin-bottom: 8px;
   }
   .navbar .menu-item-title a,
   .navbar .menu-item-title span {
      position: relative;
      display: block;
      font-size: 18px;
      color: #1a1a1a;
      text-transform: none;
      line-height: 1.42857143;
      font-family: 'Poppins', sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: 0;
      text-transform: uppercase;
   }
   .navbar .menu-item-title span {
      cursor: auto;
   }
   .navbar .row-second-line .menu-item-title a {
      font-size: 16px;
   }
   .navbar .menu-item-title a.red {
      color: #e53e3e;
      font-size: 15px;
      text-transform: uppercase;
   }
   .navbar .menu-item-title a.green {
      color: #71b02c;
      font-size: 15px;
      text-transform: uppercase;
   }
   .navbar .menu-item-title a:hover,
   .navbar .row-second-line .menu-item-title a:hover {
      color: #e53e3e;
   }
   .navbar .menu-item a img {
      margin-right: 10px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
   }
   .navbar .menu-item a:hover img {
      margin-right: 10px;
      -webkit-filter: grayscale(0%);
      filter: grayscale(0%);
   }
   .navbar .menu-item {
      margin: 0;
      padding: 3px 5px;
      cursor: pointer;
      line-height: 28px;
   }
   .navbar .menu-item.grey {
      background-color: #f7f6f2;
   }
   .navbar .menu-item a {
      position: relative;
      display: block;
      font-family: 'Roboto', sans-serif;
      font-size: 17px;
      font-weight: 300;
      letter-spacing: 0;
      font-style: normal;
      color: #1a1a1a;
   }
   .navbar .menu-item .bio {
      padding: 5px;
      background-color: #83bb26;
      color: #ffffff;
   }   
   .navbar .menu-item a > span {
      font-size: 16px;
   }
   .navbar .menu-item a:hover {
      color: #e53e3e;
   }
   .navbar .menu-sport-subtitle {
      margin: 0;
      padding: 0;
      cursor: pointer;
   }
   .navbar .menu-sport-subtitle a {
      display: block;
   }
   .navbar .menu-sport-subtitle a > p {
      margin: 0;
      color: #1a1a1a;
      text-align: center;
      text-transform: none;
      line-height: 1.42857143;
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      letter-spacing: 0;
   }
   .navbar .menu-sport-subtitle a:hover > p {
      color: #e53e3e;
   }
   .navbar .menu-sport-subtitle a > img {
      margin-bottom: 2px;
      vertical-align: text-bottom;
   }
   .navbar .sport-others {
      margin-top: 15px;
      padding: 15px 0 30px;
      background-color: #f7f6f2;
   }
   .navbar .container-sport-others {
      text-align: left;
      margin-top: 10px;
   }
   .navbar .container-sport-others .title-sport-others {
      margin-top: 15px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 17px;
      letter-spacing: 0;
      font-style: normal;
      color: #1a1a1a;
   }
   .navbar .container-sport-others .col-sport-others {
      border-left: 1px solid #d7d6d2;
   }
   .navbar .container-sport-others .col-sport-others a {
      display: block;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 17px;
      letter-spacing: 0;
      font-style: normal;
      color: #3a3a3a;
      line-height: 1.6;
      text-transform: none;
   }
   .navbar .container-sport-others .col-sport-others a:hover {
      color: #e53e3e;
   }
}

@media (min-width: 992px) {
   .menu-category {
      flex-basis: 83.33333%;
      max-width: 83.33333%;
      text-align: center;
   }
   .menu-icons {
      flex-basis: 16.66667%;
      min-width: 260px;
   }
   .navbar-icons .menu-search {
      width: 175px;
      padding: 32px 0 0 0;
      margin-right: 10px;
      display: block;
   }   
   .navbar-nav.fra {
      width: 410px;
   }
   .navbar-nav.eng {
      width: 380px;
   }
   .navbar-nav.ita {
      width: 390px;
   }
   .navbar-nav.spa {
      width: 450px;
   }
   .navbar-nav.ndl {
      width: 440px;
   }   
}

@media (min-width: 1200px) {
   .menu-category {
      flex-basis: 88%;
      max-width: 88%;
      text-align: center;
   }
   .menu-icons {
      flex-basis: 12%;
   }
   .navbar-nav.fra {
      width: 460px;
   }
   .navbar-nav.eng {
      width: 420px;
   }
   .navbar-nav.ita {
      width: 440px;
   }
   .navbar-nav.spa {
      width: 500px;
   }
   .navbar-nav.ndl {
      width: 460px;
   }
   .navbar-default .navbar-nav > li > a {
      font-size: 16px;
      margin: 0 20px;
   }
   .navbar .menu-item-title a,
   .navbar .menu-item-title span {
      font-size: 16px;
      font-weight: 600;
   }
   .navbar .row-second-line .menu-item-title a {
      font-size: 16px;
   }
   .navbar .menu-item-title.menu-light a,
   .navbar .menu-item-title.menu-light span {
      font-size: 16px;
   }
   .navbar .menu-item a {
      font-size: 18px;
   }
   .navbar .menu-item a > span {
      font-size: 17px;
   }
}


/**********************************/


/*           MAIN                 */


/**********************************/

.main-container {
   padding-top: 150px;
   /* A cause du menu fixed */
}

.main-container.grey {
   background-color: #f7f6f2;
}

@media (max-width: 1199px) {
   .main-container {
      padding-top: 107px; /* 63px + 44px */
   }
}

@media (max-width: 767px) {
   .main-container {
      padding-top: 63px;
   }
}


/**********************************/


/*        STYLES EN TEST          */


/**********************************/

#secondaryNav {
   padding: 20px 0;
   background-color: #fff;
}

#secondaryNav.affix {
   top: 0;
   width: 100%;
   z-index: 100;
}

h1 {
   font-family: 'Roboto', sans-serif;
   font-size: 50px;
   color: #1a1a1a;
   font-style: normal;
   font-weight: 700;
   letter-spacing: 0;
   margin-top: 30px;
   margin-bottom: 30px;
}

h2 {
   font-family: 'Roboto', sans-serif;
   font-size: 28px;
   color: #1a1a1a;
   font-style: normal;
   font-weight: 700;
   letter-spacing: 0;
   margin-top: 50px;
   margin-bottom: 0;
}

h3 {
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   color: #1a1a1a;
   font-style: normal;
   font-weight: 400;
   letter-spacing: 0;
   margin-top: 10px;
   margin-bottom: 10px;
}

p {
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 300;
   margin-top: 20px;
   margin-bottom: 20px;
}

p.my-help-block {
   margin-top: 5px;
   margin-bottom: 5px;
   color: #8a8a8a;
   font-size: 13px;
}

.help-block {
   margin-bottom: 5px;
}

.has-error .help-block {
   margin-top: 5px;
   margin-bottom: 5px;
   color: #e53e3e;
   font-size: 13px;
   font-weight: 400;
}

p.legal {
   font-size: 14px;
   color: #8a8a8a;
   margin-top: 40px;
   margin-bottom: 10px;
}

p.legal ~ p.legal {
   margin-top: 0;
}

@media (max-width: 991px) {
   h2 {
      font-size: 24px;
      margin-top: 50px;
   }
   p {
      font-size: 18px;
   }
}

@media(min-width:192px) {
   .navbar-default {
      padding: 0;
      margin-bottom: 0;
      border-bottom: 1px solid #eeebe5;
      background-color: #ffffff;
      -webkit-transition: all .35s;
      -moz-transition: all .35s;
      transition: all .35s;
   }
}

@media(min-width: 768px) {
   .navbar-default {
      margin-bottom: 0;
      -webkit-transition: 0.5s all ease-in-out;
      -moz-transition: 0.5s all ease-in-out;
      transition: 0.5s all ease-in-out;
      background-color: #ffffff;
      border-bottom: 1px solid #f7f6f2;
   }
}

/* BHI : @media (max-width: 991px) { */
@media (max-width: 1199px) {
   .show-mobile-nav .navbar-default {
      background-color: #f7f6f2;
   }
   .navbar-default .navbar-nav .open .dropdown-menu>li>a {
      color: #000000;
   }
   .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
      color: #000000;
      background-color: transparent;
   }
}

.main-footer {
   background-color: #ffffff;
}

.main-footer .reinsurance-footer {
   background-color: #f7f6f2;
}

@media(min-width: 992px) {
   .main-footer .reinsurance-footer {
      margin: 0 15px;
   }   
}
   
.main-footer .container-reinsurance-footer {
   padding-top: 30px;
   padding-bottom: 45px;
   margin-bottom: 45px;
}

@media (max-width: 991px) {
   .main-footer .container-reinsurance-footer {
      margin-bottom: 0;
      padding-top: 45px;
   }
}

@media (max-width: 767px) {
   .main-footer .container-reinsurance-footer {
      padding-top: 30px;
   }
}

.container-reinsurance-footer .same-height-reinsurance {
   margin-top: 20px;
}

.container-reinsurance-footer .reinsurance-icon {
   font-size: 32px;
   color: #3a3a3a;
}

.container-reinsurance-footer .reinsurance-title {
   margin: 0;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 1.1;
   text-transform: uppercase;
}

.container-reinsurance-footer .reinsurance-description {
   margin-top: 5px;
   margin-bottom: 0;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 300;
   letter-spacing: 0;
   line-height: 1.2;
}

@media(min-width: 768px) {
   .container-reinsurance-footer .reinsurance-title {
      font-size: 15px;
   }
}

.main-footer .row-top {
   padding-bottom: 45px;
}

.funnel .delivery-choice .delivery-info {
   margin-left: 0;
   margin-top: 5px;
}

.main-footer .row-bottom {
   padding-top: 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   text-align: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.main-footer .row-bottom .col-bottom.col-left {
   text-align: left;
}

.main-footer .row-bottom .col-bottom.col-social {
   text-align: center;
}

.main-footer .row-bottom .col-bottom.col-right {
   text-align: right;
}

@media (max-width: 991px) {
   .main-footer .row-bottom .col-bottom {
      padding: 10px 15px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }
   .main-footer .row-bottom .col-bottom.col-social {
      margin-bottom: 10px;
      -ms-flex-order: -2;
      order: -2;
   }
   .main-footer .row-bottom .col-bottom.col-right {
      -ms-flex-order: -1;
      order: -1;
   }
}

@media (min-width: 992px) {
   .main-footer .row-bottom .col-bottom {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
      max-width: 33.3333%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }
   .main-footer .row-bottom .col-bottom.col-social {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }
   .main-footer .row-bottom .col-bottom.col-right {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
   }
   .main-footer .row-bottom .col-bottom.col-right.funnel {
      flex-basis: 66.66666%;
      max-width: 66.666666%;
   }
}

.main-footer .row-bottom .col-bottom p {
   margin: 0;
   color: #5a5a5a;
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-style: normal;
   font-size: 13px;
   letter-spacing: 0.02em;
}

.main-footer .row-bottom .col-bottom.col-social a,
.main-footer .row-bottom .col-bottom.col-social span {
   margin: 0 25px;
   color: #1a1a1a;
   font-size: 22px;
   text-align: center;
   text-decoration: none;
   cursor: pointer;   
}

.main-footer .row-bottom .col-bottom.col-right a,
.main-footer .row-bottom .col-bottom.col-right span {
   margin-right: 15px;
   color: #5a5a5a;
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-style: normal;
   font-size: 13px;
   line-height: 1.2;
   letter-spacing: 0;
   text-align: left;
   cursor: pointer;
}

.main-footer .row-bottom .col-bottom.col-right a:last-child,
.main-footer .row-bottom .col-bottom.col-right span:last-child {
   margin-right: 0;
}

.main-footer .row-bottom .col-bottom.col-right a:hover,
.main-footer .row-bottom .col-bottom.col-right span:hover {
   color: #e53e3e;
}

.main-footer .footer-links .primary-links-title {
   padding: 5px 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 14px;
   text-transform: uppercase;
}

.main-footer .footer-links .primary-links-title a {
   display: block;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 14px;
   text-transform: uppercase;
}

.main-footer .footer-links .primary-links-title a:hover {
   color: #1a1a1a;
}

.main-footer .footer-links ul {
   list-style-type: none;
   padding-left: 0;
}

.main-footer .footer-links li {
   margin-bottom: 5px;
}

.main-footer .footer-links li span {
   display: block;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   line-height: 1.6;
   cursor: pointer;
}

.main-footer .footer-links li span:hover {
   color: #e53e3e;
}



.main-footer .footer-trustpilot {
   margin-left: 20px;
}

.main-footer .footer-trustpilot .logo-trustpilot {
   width: 55%;
}

.main-footer .footer-trustpilot .stars-trustpilot {
   width: 75%;
}

.main-footer .footer-trustpilot .score-trustpilot {
   margin: 10px 0 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 13px;
   line-height: 1;   
}

.main-footer .footer-trustpilot .score-trustpilot span {
   font-weight: 600;
}

.main-footer .footer-trustpilot .avis-trustpilot {
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 13px;
   line-height: 1;   
}

.main-footer .footer-trustpilot .avis-trustpilot span {
   font-weight: 600;
}

@media (min-width: 768px) {
   .main-footer .footer-trustpilot .logo-trustpilot {
      width: 30%;
   }
   .main-footer .footer-trustpilot .stars-trustpilot {
      width: 40%;
   }   
}

@media (min-width: 992px) {
   .main-footer .footer-trustpilot .logo-trustpilot {
      width: 60%;
   }
   .main-footer .footer-trustpilot .stars-trustpilot {
      width: 75%;
   }      
}

@media (min-width: 1200px) {
   .main-footer .footer-trustpilot .logo-trustpilot {
      width: 45%;
   }
   .main-footer .footer-trustpilot .stars-trustpilot {
      width: 65%;
   }      
}

@media (min-width: 1600px) {
   .main-footer .footer-trustpilot .logo-trustpilot {
      width: 35%;
   }
   .main-footer .footer-trustpilot .stars-trustpilot {
      width: 50%;
   }    
}



.main-footer .footer-forms .row-form-email-signup {
   padding-bottom: 10px;
}

.main-footer .footer-forms .input-wrapper {
   position: relative;
}

.main-footer .footer-forms label {
   padding: 5px 0;
   margin: 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 14px;
   text-transform: uppercase;
}

.main-footer .footer-forms .submit-btn {
   padding: 0;
   border: 0;
   position: absolute;
   top: 38px;
   right: 25px;
   width: 40px;
   height: 35px;
   background-color: #ffffff;
}

.main-footer .footer-forms .submit-btn .jam {
   font-size: 26px;
   color: #e53e3e;
}

@media (min-width: 992px) {
   .main-footer {
      padding: 0 0 30px;
   }
   .main-footer .row-top {
      border-bottom: 1px solid #f7f6f2;
   }
}

@media (max-width: 991px) {
   .main-footer {
      padding-bottom: 20px;
   }
   .main-footer .footer-links .col-primary-links {
      display: block;
      width: 100%;
      border-bottom: 1px solid #eeebe5;
   }
   .main-footer .footer-links .primary-links-title {
      padding: 10px 0;
   }
   .main-footer .footer-links .primary-links-title a:after {
      position: absolute;
      top: 18px;
      right: 20px;
      content: "\e088";
      color: #3a3a3a;
      font-family: "jam-icons" !important;
      font-size: 12px;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
   }
   .main-footer .footer-links .primary-links-title a.collapsed:after {
      content: "\e0b9";
   }
   .main-footer .footer-links.funnel {
      margin-top: 35px;
   }
   .main-footer .footer-forms {
      margin-top: 45px;
   }
}

@media (max-width: 767px) {
   .main-footer .footer-links.funnel {
      margin-top: 15px;
   }
}


/*---------------------------------*/


/*       ANIMATION ON FILTER       */


/*---------------------------------*/

.spinner-container {
   position: fixed;
   top: 0;
   left: 0;
   margin: 0;
   width: 100%;
   height: 100%;
   background-color: #ffffff;
   z-index: 9999;
   display: none;
}

.spinner {
   position: absolute;
   top: calc(50% - 30px);
   left: calc(50% - 30px);
   margin: 0;
   width: 60px;
   height: 60px;
   text-align: center;
   font-size: 10px;
}

.spinner > div {
   margin: 0 1px;
   background-color: #3a3a3a;
   height: 100%;
   width: 6px;
   display: inline-block;
   -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
   animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
   -webkit-animation-delay: -1.1s;
   animation-delay: -1.1s;
}

.spinner .rect3 {
   -webkit-animation-delay: -1.0s;
   animation-delay: -1.0s;
}

.spinner .rect4 {
   -webkit-animation-delay: -0.9s;
   animation-delay: -0.9s;
}

.spinner .rect5 {
   -webkit-animation-delay: -0.8s;
   animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
   0%,
   40%,
   100% {
      -webkit-transform: scaleY(0.4)
   }
   20% {
      -webkit-transform: scaleY(1.0)
   }
}

@keyframes stretchdelay {
   0%,
   40%,
   100% {
      transform: scaleY(0.4);
      -webkit-transform: scaleY(0.4);
   }
   20% {
      transform: scaleY(1.0);
      -webkit-transform: scaleY(1.0);
   }
}

.h-list-products {
   margin-bottom: 30px;
}

@media (min-width: 768px) {
   .h-list-products {
      margin-bottom: 60px;
   }
}

@media (min-width: 992px) {
   .h-list-products {
      margin-bottom: 80px;
   }
}

.h-list-products .h-list-products-container {
   position: relative;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   width: 100%;
   height: 250px;
}

@media (min-width: 992px) {
   .h-list-products .h-list-products-container {
      height: 300px;
   }
}

@media (min-width: 1200px) {
   .h-list-products .h-list-products-container {
      height: 350px;
   }
}

.h-list-products .h-list-products-container:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.33);
}

.container-list-products-banner {
   margin-top: 0;
   margin-bottom: 20px;
   height: 300px;
}

.container-list-products-banner .background-carousel {
   position: absolute; 
   width: 100%;
   height: 100%;
   left: 0; 
   top: 0;   
}

.container-list-products-banner .col-list-products-banner {
   background-position: 50% 50%;
   background-size: cover;   
   height: 300px;
}

@media (min-width: 768px) {
   .container-list-products-banner {
      margin-top: 30px;           
      height: 400px;      
   }     
   .container-list-products-banner .col-list-products-banner {
      height: 400px;
   }
}

@media (min-width: 1200px) {
   .container-list-products-banner {
      height: 500px;      
   }      
   .container-list-products-banner .col-list-products-banner {
      height: 500px;
   }
}

@media (min-width: 1440px) {
   .container-list-products-banner {
      margin-top: 40px;      
   }      
}

h1.title-list-products {
   color: #1a1a1a;
   font-size: 26px;
   /*font-size: 34px;*/
   font-family: 'Poppins', sans-serif;
   /*font-family: 'MetaSerifPro', sans-serif;*/
   font-weight: 700;
   font-style: normal;
   text-transform: none;
   margin-top: 0;
   margin-bottom: 20px;
   text-align: center;
   letter-spacing: 0;
   /*letter-spacing: 0.01em;*/
   text-transform: uppercase;
}

h1.title-list-products span {
   display: block;
   color: #e53e3e;
   font-family: 'Poppins', sans-serif;
   font-size: 90%;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
}

@media (min-width: 768px) {
   h1.title-list-products {
      font-size: 28px;
      /*font-size: 35px;*/
      text-align: center;
   }
   h1.title-list-products::after {
      margin: 20px auto;
   }
}

@media (min-width: 992px) {
   h1.title-list-products {
      font-size: 30px;
      /*font-size: 40px;*/
   }
}

@media (min-width: 1200px) {
   h1.title-list-products {
      font-size: 35px;
      /*font-size: 45px;*/
   }
}

@media (min-width: 1600px) {
   h1.title-list-products {
      font-size: 35px;
   }
}

.design-title-wrapper {
   position: relative;
   overflow: hidden;
   padding-bottom: 40px;
   min-height: 100px;   
}

.design-title {
   text-align: center;
   margin-bottom: 0;
}

.design-title h1.title-list-products {
   margin-top: 10px;
   margin-bottom: 10px;
}  

.subtitle-list-products {
   margin: 0 15px;
   color: #8a8a8a;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: 0.02em;
   text-transform: none;
}  

.subtitle-list-products.red {
   color: #e53e3e;
   font-size: 15px;   
   text-transform: uppercase;
} 

@media (min-width: 992px) {
   .design-title-wrapper {
      padding-bottom: 0;
      min-height: 140px;   
   }
   
   .design-title h1.title-list-products {
      margin-top: 10px;
      margin-bottom: 10px;      
   } 
   
   .subtitle-list-products {
      font-size: 16px;
   }
}


.breadcrumb-list {
   margin-top: 15px;
   margin-bottom: 15px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 13px;
   text-align: center;
}

.breadcrumb-list ol {
   list-style: none;
   margin: 0;
   padding: 0;
}

.breadcrumb-list ol li {
   display: inline-block;
}

@media (min-width: 768px) {
   .breadcrumb-list {
      margin-top: 20px;
      margin-bottom: 20px;
      text-align: center;
   }
}

.breadcrumb-list a {
   margin: 0 10px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 13px;
   border-bottom: none;
}

.breadcrumb-list span.item {
   color: #6a6a6a;
   font-weight: 300;
}

.breadcrumb-list a:hover {
   color: #e53e3e;
}

@media (min-width: 992px) {
   .breadcrumb-list {
      font-size: 13px;
   }
   .breadcrumb-list a {
      font-size: 13px;
   }
}

.description-list-products {
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   line-height: 1.42857143;
   text-align: center;
   margin-top: 20px;
   margin-bottom: 40px;
}

@media (min-width: 768px) {
   .description-list-products {
      text-align: center;
   }
}

@media (min-width: 992px) {
   .description-list-products {
      font-size: 18px;
   }
}

@media (max-width: 767px) {
   .col-products-filters {
      margin-bottom: 30px;
   }
}

@media (min-width: 992px) {
   .products-filters {
      padding-right: 15px;
   }
}

.products-filters-wrapper {
   background: #ffffff;
   border: 1px solid #eeebe5;
   border-bottom: none;
}

.products-filters-wrapper .filter-container {
   position: relative;
}

.products-filters-wrapper a {
   display: block;
   color: #3a3a3a;
}

.products-filters-wrapper .clear-all-filters {
   cursor: pointer;
   display: none;
   -webkit-transition: all 300ms ease-in-out 0ms;
   -moz-transition: all 300ms ease-in-out 0ms;
   -o-transition: all 300ms ease-in-out 0ms;
   transition: all 300ms ease-in-out 0ms;
}

.products-filters-wrapper .clear-all-filters.show {
   display: block;
}

.products-filters-wrapper a:hover {
   color: #3a3a3a;
}

.products-filters-wrapper a:after {
   position: absolute;
   top: 18px;
   right: 20px;
   content: "\e088";
   color: #3a3a3a;
   font-family: "jam-icons" !important;
   font-size: 12px;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.products-filters-wrapper a.collapsed:after {
   content: '\e0b9';
}

.products-filters-wrapper .clear-all-filters:after {
   content: '\f0e2';
   color: #3a3a3a;
   font-family: 'FontAwesome';
   font-size: 16px;
   font-weight: normal;
   font-style: normal;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   padding: 0;
   position: absolute;
   top: 2px;
   right: 20px;
   height: 100%;
   line-height: 45px;
}

.products-filters-wrapper .filter-title {
   position: relative;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
   line-height: 50px;
   text-transform: uppercase;
   padding: 0 25px;
   -webkit-transition: all 300ms ease-in-out 0ms;
   -moz-transition: all 300ms ease-in-out 0ms;
   -o-transition: all 300ms ease-in-out 0ms;
   transition: all 300ms ease-in-out 0ms;
   border-bottom: none;
   /*border-bottom: 1px solid #eeebe5;   
   background-color: #f7f6f2;*/
}

.products-filters-wrapper .filter-title:hover {
   background-color: #f7f6f2;
}

.products-filters-wrapper a.collapsed .filter-title {
   border-bottom: 1px solid #eeebe5;
}

.products-filters-wrapper .clear-all-filters .filter-title {
   border-bottom: 1px solid #eeebe5;
}

.products-filters-wrapper .filter-options {
   border-bottom: 1px solid #eeebe5;
   margin-top: 10px;
   padding-bottom: 10px;
}

.products-filters-wrapper .filter-options ul {
   list-style: none;
   margin: 0;
   padding: 0 25px 0 25px;
}

.products-filters-wrapper .filter-options li {
   display: block;
   margin-bottom: 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-size: 16px;
   font-weight: 300;
}

.option-checkbox input[type="checkbox"] {
   opacity: 0;
   display: none;
}

.option-checkbox label {
   position: relative;
   display: inline-block;
   margin-bottom: 15px;
   padding-left: 25px;
   color: #5a5a5a;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-size: 16px;
   font-weight: 400;
   cursor: pointer;
   line-height: 1.42857143;
}

.option-checkbox label::before,
.option-checkbox label::after {
   position: absolute;
   content: "";
   display: inline-block;
}

.option-checkbox label::before {
   height: 16px;
   width: 16px;
   border: 1px solid #8a8a8a;
   left: 0px;
   top: 3px;
}

.option-checkbox label::after {
   height: 5px;
   width: 9px;
   border-left: 2px solid;
   border-bottom: 2px solid;
   transform: rotate(-45deg);
   left: 4px;
   top: 7px;
}

.option-checkbox input[type="checkbox"] + label::after {
   content: none;
}

.option-checkbox input[type="checkbox"]:checked + label::after {
   content: "";
}

.option-checkbox input[type="checkbox"]:focus + label::before {
   /*outline: rgb(59, 153, 252) auto 5px;*/
}

.btn-filter {
   font-size: 15px;
   color: #3a3a3a;
   text-transform: uppercase;
   background-color: #ffffff;
   border-color: #d7d6d2;
   width: 100%;
}

.btn-filter i {
   color: #6a6a6a;
}

.btn-filter:focus,
.btn-filter.focus {
   color: #3a3a3a;
   background-color: #ffffff;
   border-color: #d7d6d2;
}

.btn-filter:focus i,
.btn-filter.focus i {
   color: #6a6a6a;
}

.btn-filter:active,
.btn-filter.active,
.open > .dropdown-toggle.btn-filter {
   color: #3a3a3a;
   background-color: #ffffff;
   border-color: #d7d6d2;
}

.btn-filter:active i,
.btn-filter.active i,
.open > .dropdown-toggle.btn-filter i {
   color: #6a6a6a;
}

.products-list {
   margin-bottom: 30px;
}

.col-products-list {
   margin-top: 20px;
}

@media (min-width: 768px) {
   .col-products-list {
      margin-top: 0;
   }
}



.product-list-item {
   position: relative;
   margin: 0 0 30px;
   padding-bottom: 15px;
}


@media (min-width: 992px) {
   .product-list-item {
      margin: 0 0 60px;
   }
   /*
   .product-list-item:hover {
      
      outline: 7px solid #f7f6f2;
      outline-offset: 15px;
      z-index: 10;
   }
   */
   
   .product-list-item:before,
   .product-list-item:after {
      content: '';
      position: absolute;
      width: 110%;
      height: 110%;
      z-index: 3;
      top: -5%;
      left: -5%;
      box-sizing: border-box;
      -webkit-transform: scale(0);
      transform: scale(0);
      transition: 0.6s;
   }

   .product-list-item:before {
      border-bottom: 5px solid rgba(229, 62, 62, 0.8);
      border-left: 5px solid rgba(229, 62, 62, 0.8);
      border-bottom: 5px solid #eeebe5;
      border-left: 5px solid #eeebe5;
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
   }

   .product-list-item:after {
      border-top: 5px solid rgba(229, 62, 62, 0.8);
      border-right: 5px solid rgba(229, 62, 62, 0.8);
      border-top: 5px solid #eeebe5;
      border-right: 5px solid #eeebe5;
      -webkit-transform-origin: 100% 0%;
      transform-origin: 100% 0;   
   }

   .product-list-item:hover:before, 
   .product-list-item:hover:after {
       -webkit-transform: scale(1);
       transform: scale(1);
   }   
   
}

.product-list-item figure {
   margin: 0;
}

.product-list-item .product-image {
   position: relative;
   padding: 15px 15px 0;
   background-color: transparent;
}

.product-shape .product-image.outOfStock {
   background-color: #ffffff;
   opacity: 0.4;
}

@media (min-width: 768px) {
   .product-list-item .product-image {
      background-color: #ffffff;
   }
}

.product-list-item .product-image .sticker {
   position: absolute;
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-size: 10px;
   font-weight: 400;
   letter-spacing: 0.02em;
   line-height: 1.2;
   text-transform: uppercase;
   padding: 4px 8px;
   top: -15px;
   left: 0;
   z-index: 1;
}

@media (min-width: 768px) {
   .product-list-item .product-image .sticker {
      font-size: 12px;
      top: -25px;
   }
}

@media (min-width: 1440px) {
   .product-list-item .product-image .sticker {
      top: -15px;
   }
}

.product-list-item .product-image .sticker-bio,
.product-list-item .product-image .sticker-vegan,
.product-list-item .product-image .sticker-sans-gluten {
   position: absolute;
   left: 7px;   
   z-index: 1;
}

.product-list-item .product-image .sticker-bio > .sticker-wrapper {
   display: table;
   table-layout: fixed;
   text-align: center;   
}

.product-list-item .product-image .sticker-vegan > .sticker-wrapper,
.product-list-item .product-image .sticker-sans-gluten > .sticker-wrapper {
   display: table;
   table-layout: fixed;
   text-align: center;   
   border: 1px solid #3a3a3a;
   border-radius: 100%;   
}

.product-list-item .product-image .sticker-bio > .sticker-wrapper > i {
   display: table-cell;
   vertical-align: middle;   
}

.product-list-item .product-image .sticker-vegan > .sticker-wrapper > i,
.product-list-item .product-image .sticker-sans-gluten > .sticker-wrapper > i {
   padding-top: 5px;
   display: table-cell;
   vertical-align: middle;   
}



.product-list-item .product-image .sticker.black {
   color: #ffffff;
}

.product-list-item .product-image .sticker.yellow {
   color: #1a1a1a;
}

.product-list-item .product-image .sticker:before {
   content: "";
   -moz-transform: skewX(-10deg);
   -ms-transform: skewX(-10deg);
   -webkit-transform: skewX(-10deg);
   transform: skewX(-10deg);
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
   width: 100%;
   height: 100%;
   background-color: #e53e3e;
}

.product-list-item .product-image .sticker.black:before {
   background-color: #1a1a1a;
}

.product-list-item .product-image .sticker.yellow:before {
   background-color: #ffe500;
}

.product-list-item .product-image .product-image-wrap {
   touch-action: pan-y;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-user-drag: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.product-list-item .product-image .product-image-wrap img {
   margin-left: auto;
   margin-right: auto;
}

/* BHI
@media (min-width: 768px) {
   .product-list-item .product-image .product-image-wrap img {
      -webkit-transition: -webkit-transform .35s ease-in-out;
      transition: transform .3s ease-in-out;   
   }

   .product-list-item:hover .product-image .product-image-wrap img {
      -webkit-transform: scale(1.075);
      transform: scale(1.075);
   }
}
 BHI */

.product-list-item figure figcaption {
   margin: 0;
   text-align: center;
}

.product-list-item figure figcaption h2,
.product-list-item figure figcaption h3 {
   color: #3a3a3a;
   font-family: 'Poppins', sans-serif;
   font-family: 'Roboto', sans-serif;
   font-weight: 700;
   font-style: normal;
   font-size: 14px;
   letter-spacing: 0;
   letter-spacing: 0.01em;
   line-height: 1.2;
   margin-top: 0;
   margin-bottom: 0;
   text-transform: uppercase;
}

@media (min-width: 768px) {
   .product-list-item figure figcaption h2,
   .product-list-item figure figcaption h3 {
      font-size: 14px;
   }
}

@media (min-width: 992px) {
   .product-list-item figure figcaption h2,
   .product-list-item figure figcaption h3 {
      font-size: 14px;
   }
}

@media (min-width: 1200px) {
   .product-list-item figure figcaption h2,
   .product-list-item figure figcaption h3 {
      font-size: 15px;
   }
}

.product-list-item figure figcaption h2 a,
.product-list-item figure figcaption h2 a:hover,
.product-list-item figure figcaption h3 a,
.product-list-item figure figcaption h3 a:hover {
   color: #1a1a1a;
}

.product-list-item figure figcaption .product-arome {
   color: #71b02c;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 300;
   line-height: 1.2;
   margin-top: 15px;
   margin-bottom: 0;
   letter-spacing: 0.02em;
}

@media (min-width: 768px) {
   .product-list-item figure figcaption .product-arome {
      font-size: 14px;
   }
}

.product-list-item figure figcaption .product-packaging {
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 300;
   line-height: 1.2;
   margin-top: 2px;
   margin-bottom: 0;
}

.product-list-item figure figcaption .product-info {
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 300;
   line-height: 1.2;
   margin-top: 10px;
   margin-bottom: 0;
}

.product-list-item figure figcaption .product-secondary-info {
   margin-top: 20px;
   padding-top: 20px;
   border-top: 1px solid #eeebe5;
   display: none;
}

.product-list-item figure figcaption .product-secondary-info p {
   position: relative;
   color: #5a5a5a;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 300;
   line-height: 1;
   margin-top: 5px;
   padding-left: 40px;
   text-align: left;
}

.product-list-item figure figcaption .product-secondary-info p:before {
    position: absolute;
    top: 0;
    left: 15px;
    content: '\3f';
    font-size: 14px;
    color: #5a5a5a;
    font-family: "jam-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.product-list-item figure figcaption .product-price {
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 500;
   margin-top: 10px;
   margin-bottom: 0;
}

@media (min-width: 768px) {
   .product-list-item figure figcaption .product-price {
      margin-top: 15px;
      font-size: 18px;
   }
   
   .product-list-item figure figcaption .product-info {
      margin-right: 15px;
      margin-left: 15px;
   }   
}

@media (min-width: 1200px) {
   .product-list-item figure figcaption .product-info {
      font-size: 15px;
   }   
}

.product-list-item figure figcaption .product-price.offer {
   color: #e53e3e;
}

.product-list-item figure figcaption .product-price .crossed-price {
   color: #e53e3e;
   font-weight: 400;
   margin-left: 8px;
   position: relative;
}

.product-list-item figure figcaption .product-price .crossed-price:after {
   content: '';
   -webkit-transform: rotate(-10deg);
   -moz-transform: rotate(-10deg);
   -ms-transform: rotate(-10deg);
   -o-transform: rotate(-10deg);
   transform: rotate(-10deg);
   position: absolute;
   top: 45%;
   left: 0;
   width: 100%;   
   border-bottom: 1px solid #e53e3e;   
}

.product-list-item figure figcaption .product-price .reduction {
   margin-left: 8px;
   padding: 4px 6px;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   color: #fff;
   font-style: normal;
   font-weight: 500;
   background-color: #e53e3e;
} 

.product-list-item figure figcaption .product-rating {
   color: #bd5b0d;
   font-size: 13px;
   margin-top: 15px;
   margin-bottom: 15px;
   height: 20px;
}

.product-list-item figure figcaption .product-rating .product-rating-info {
   margin-left: 5px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 300;
}

.promotion {
   width: 100%;
   color: #1a1a1a;
   transition: all .2s;
   visibility: visible;
   overflow: hidden;
   background-color: #1a1a1a;
   height: 60px;
   background-image: url('../img/Nanobar-Background-Desktop.jpg');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 50%;
}

.promotion-content-wrapper {
   padding: 22px 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
}

.promotion-content {
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   font-style: normal;
   letter-spacing: 0.02em;
   line-height: 1.2;
}

.promotion-content a {
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 500;
   font-style: normal;
   letter-spacing: 0.04em;
   line-height: 1.2;
   text-decoration: none;
   border-bottom: 1px solid #ffffff;
}

.promotion-content a:hover {
   color: #ffffff;
   text-decoration: none;
}

.product-image-controls-wrapper {
   position: relative;
   padding-bottom: 20px;
   background-color: #f7f6f2;
}

/*
.product-image-controls-wrapper:before {
   content: '';
   display: block;
   width: 75%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: #eeebe5;
   opacity: 0.8;
   -webkit-transform: skewX(-35deg);
   transform: skewX(-35deg);
   -webkit-transform-origin: bottom right;
   transform-origin: top left;
}
*/

@media (min-width: 992px) {
   .product-image-controls-wrapper {
      padding-bottom: 40px;
   }  
   /*
   .product-image-controls-wrapper:before {
      width: 55%;
   }
   */
}

.product-image-controls-wrapper .sticky-product-nav {
   position: fixed;
   z-index: 2000;
   top: 0;
   left: 0;
   width: 100%;
   color: #fff;
   background: #e53e3e;
   visibility: hidden;
   -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
   opacity: 0;
   transition: all .2s;
}

.product-image-controls-wrapper .sticky-product-nav.is-sticky {
   visibility: visible;
   -webkit-transform: translateY(0);
   transform: translateY(0);
   opacity: 1;
}

@media (max-width: 991px) {
   .product-image-controls-wrapper .sticky-product-nav {
      display: none;
   }
}

.product-image-controls-wrapper .sticky-product-nav .container {
   height: 60px;
}

.product-image-controls-wrapper .sticky-product-nav .product-nav-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   display: flex;
   height: 100%;
}

.product-image-controls-wrapper .sticky-product-nav .product-title {
   position: relative;
   min-height: 1px;
   margin: 0;
   padding: 0;
   -ms-flex-preferred-size: 35%;
   flex-basis: 35%;
   max-width: 35%;
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 400;
   font-style: normal;
   letter-spacing: 0;
   line-height: 1.2;
   text-transform: none;
   margin-bottom: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.product-image-controls-wrapper .sticky-product-nav .product-title span {
   font-size: 17px;
   font-weight: 300;   
}

.product-image-controls-wrapper .sticky-product-nav .product-controls {
   position: relative;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   -ms-flex-preferred-size: 65%;
   flex-basis: 65%;
   max-width: 65%;
   margin-left: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.product-image-controls-wrapper .sticky-product-nav .product-controls .flavour,
.product-image-controls-wrapper .sticky-product-nav .product-controls .price {
   color: rgba(255, 255, 255, 0.9);
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.2;
   margin-right: 10px;
}

.product-image-controls-wrapper .sticky-product-nav .product-controls .price {
   font-weight: 400;
   font-style: normal;
}

.product-image-controls-wrapper .sticky-product-nav .product-controls .price .crossed-price {
   text-decoration: line-through;
   margin-left: 10px;
   font-weight: 300;
}

@media (min-width: 1200px) {
   .product-image-controls-wrapper .sticky-product-nav .product-controls .flavour,
   .product-image-controls-wrapper .sticky-product-nav .product-controls .price {
      margin-right: 0;
   }
   .product-image-controls-wrapper .sticky-product-nav .product-title {
      -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
      max-width: 35%;
   }
   .product-image-controls-wrapper .sticky-product-nav .product-controls {
      -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
      max-width: 55%;
      margin-left: 10%;
   }
}

.product-image-controls-wrapper .sticky-product-nav .product-controls .add-to-cart-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   line-height: 1.1;
   text-transform: uppercase;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   min-height: 40px;
   padding: 0 20px;
   border: 1px solid #ffffff;
   background-color: #ffffff;
   width: inherit;
   color: #e53e3e;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 500;
   font-style: normal;
   transition: all .25s;
   cursor: pointer;
}

.product-image-controls-wrapper .sticky-product-nav .product-controls .add-to-cart-btn-wrap {
   position: relative;
}

.product-image-controls-wrapper .sticky-product-nav .product-controls .add-to-cart-btn:hover {
   background-color: #ffffff;
   color: #e53e3e;
}

.product-image-controls {
   margin-top: 20px;
}

/* BHI
.product-image-controls .col-image-produit {
   background-image: -ms-radial-gradient(center center, circle closest-corner, #fffef9 33%, #f7f6f2 66%, #f7f6f2 100%);   
   background-image: -webkit-radial-gradient(center center, circle closest-corner, #fffef9 33%, #f7f6f2 66%, #f7f6f2 100%);
   background-image: radial-gradient(circle closest-corner at center center, #fffef9 33%, #f7f6f2 66%, #f7f6f2 100%);
}
*/

.product-image-controls .image-produit {
   margin-bottom: 10px;
}

.product-picto-info {
   position: relative;
   left: 50%;
   transform: translateX(-50%);   
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 600;
   line-height: 1;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   display: inline-block;
   padding: 8px 10px 6px;
   margin: 0 0 10px;
   z-index: 1;
}

@media (min-width: 992px) {
   .product-picto-info {
      left: 0;
      transform: none;   
   }   
}

.product-picto-info:before {
   content: "";
   -moz-transform: skewX(-10deg);
   -ms-transform: skewX(-10deg);
   -webkit-transform: skewX(-10deg);
   transform: skewX(-10deg);
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
   width: 100%;
   height: 100%;
}

.product-picto-info.black {
   color: #3a3a3a;
}

.product-picto-info.black:before {
   /*background-color: #1a1a1a;*/
   border: 1.5px solid #3a3a3a; 
}

.product-picto-info.yellow {
   color: #1a1a1a;
}

.product-picto-info.yellow:before {
   background-color: #ffe500;
}

.product-highlights {
   text-align: left;
   margin-top: 0;
}

.product-highlights h1 {
   font-family: 'Poppins', sans-serif;
   /*font-family: 'MetaSerifPro', sans-serif;*/
   font-size: 26px;
   /*font-size: 34px;*/
   color: #1a1a1a;
   font-style: normal;
   font-weight: 700;
   line-height: 1.1;
   letter-spacing: 0;
   /*letter-spacing: 0.01em;*/
   text-transform: uppercase;
   margin-top: 0;
   margin-bottom: 8px;
   text-align: center;
}

.product-highlights h2 {
   font-family: 'Roboto', sans-serif;
   font-size: 17px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: none;
   border-top: 1px solid #eeebe5;
   padding-top: 25px;
   margin: 20px 0 8px;   
}

.product-highlights ul {
   padding-left: 20px;
   margin-bottom: 15px;   
}

.product-highlights li {
   position: relative;
   list-style-type: none;
   margin-top: 6px;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: none;   
}

.product-highlights li:before {
   position: absolute;   
   content: '';
   padding: 0 5px 0 0;
   left: -17px;
   top: 8px;
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background-color: #3a3a3a;
   opacity: 0.9; 
}

.product-highlights .en-savoir-plus {
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   color: #6a6a6a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.2;
   letter-spacing: 0.02em;
   text-transform: none;
   margin: 0 0 25px;
   top: -4px;
   border-bottom: 1px solid #8a8a8a;
   cursor: pointer;
}

@media (min-width: 768px) {
   .product-highlights h1 {
      font-size: 26px;
      /*font-size: 35px;*/
   }
}

@media (min-width: 992px) {
   .product-image-controls {
      margin-top: 30px;
   }
   .product-highlights {
      text-align: left;
      margin-top: 0;
   }
   .product-highlights h1 {
      font-size: 28px;
      /*font-size: 40px;*/
      text-align: left;      
   }
   
   .product-highlights h2 {
      font-size: 17px;   
   }
   
   .product-highlights li {
      font-size: 16px;   
   }     
}

@media (min-width: 1200px) {
   .product-highlights h1 {
      font-size: 30px;
   }
   
   .product-highlights h2 {
      font-size: 18px;   
   }
   
   .product-highlights li {
      font-size: 17px;   
   }     
}

.product-highlights .price-reviews {
   /*border-bottom: 1px solid #eeebe5;
   padding-bottom: 25px;*/
   margin-bottom: 25px;
   margin-top: 0;
}

.product-highlights .price-reviews .product-conditionnement {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #6a6a6a;
   font-style: normal;
   font-weight: 300;   
   text-align: center;
}

@media (min-width: 992px) {
   .product-highlights .price-reviews .product-conditionnement {
      text-align: left;
   }
}

.product-highlights .price-reviews .product-price {
   font-family: 'Roboto', sans-serif;
   font-size: 22px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 400;
   text-align: center;   
   /*
   border-top: 1px solid #eeebe5;
   padding-top: 20px;
   */
}

@media (min-width: 768px) {
   .product-highlights .price-reviews .product-price {
      font-size: 22px;
   }
}

@media (min-width: 992px) {
   .product-highlights .price-reviews .product-price {
      line-height: 40px;      
      text-align: left;
   }
}

@media (min-width: 1200px) {
   .product-highlights .price-reviews .product-price {
      font-size: 24px;
   }
}

.product-highlights .price-reviews .product-price .product-packaging {
   margin-left: 8px;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #6a6a6a;
   font-style: normal;
   font-weight: 300;
}

.product-highlights .price-reviews .product-resume-reviews {
   color: #3a3a3a;
   font-size: 14px;
   line-height: 40px;   
   text-align: center;
   cursor: pointer;
}

@media (min-width: 992px) {
   .product-highlights .price-reviews .product-resume-reviews {
      font-size: 15px;      
      text-align: right;
   }
}

.product-highlights .price-reviews .product-resume-reviews .nb-reviews {
   margin-left: 8px;
}

.product-highlights .price-reviews .product-resume-reviews .nb-reviews a {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #6a6a6a;
   font-style: normal;
   font-weight: 400;
   border-bottom: 1px solid transparent;
   text-transform: none;
}

.product-highlights .price-reviews .product-resume-reviews .nb-reviews a:hover {
   color: #e53e3e;
}

.btn-select {
   height: 44px;
   background-color: #ffffff;
   border: 1px solid #d7d6d2;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 300;
}

.btn-select-country {
   height: 44px;
   background-color: #ffffff;
   border: 1px solid #d7d6d2;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 400;
}

.btn-select-cadeau {
   height: 40px;
   background-color: #ffffff;
   border: 1px solid #d7d6d2;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 400;
}

.product-controls {
   padding-top: 0;
   margin-top: 0;
}

.product-controls .btn:hover,
.product-controls .btn:focus,
.product-controls .btn.focus {
   color: #3a3a3a;
}

.product-controls .btn-primary:hover,
.product-controls .btn-primary:focus,
.product-controls .btn-primary.focus {
   color: #ffffff;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
   color: #6a6a6a;
}

.product-controls .form-group-button {
   margin-top: 10px;
   margin-bottom: 0;
}

@media (min-width: 992px) {
   .product-controls .form-group-button {
      margin-top: 24px;
   }
}

.product-controls .form-group-button.disabled {
   cursor: not-allowed;
}

.product-controls .form-control {
   /*border: none !important;*/
}

.product-controls .btn-group.open .dropdown-toggle {
   -webkit-box-shadow: none;
   box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
   color: #3a3a3a;
   margin: 0;
   border: none;
}

.bootstrap-select.btn-group .btn .caret:before {
   position: absolute;
   content: "\67";
   color: #5a5a5a;
   font-family: "jam-icons" !important;
   font-size: 13px;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   top: -5px;
   right: 0;
   border: none;
}

.bootstrap-select .dropdown-menu > li > a {
   padding: 3px 20px;
   font-family: 'Roboto', sans-serif;
   color: #3a3a3a;
   font-size: 16px;
   font-weight: 400;
}

.bootstrap-select .dropdown-menu > li.disabled > a {
   color: #9a9a9a;
}

.bootstrap-select.btn-group .dropdown-menu li small {
   padding-left: 15px;
   color: #e53e3e;
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   font-size: 15px;
   font-style: normal;
   text-transform: uppercase;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled small {
   color: #9a9a9a;
   font-weight: 400;
   text-transform: none;
}

.product-controls p {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 500;
   margin-top: 0;
   margin-bottom: 2px;
   text-transform: uppercase;
}

.product-controls .item-qte .stepper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.product-controls .item-qte .stepper .step-minus,
.product-controls .item-qte .stepper .step-plus {
   width: 44px;
   height: 44px;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 44px;
   text-align: center;
   cursor: pointer;
   padding: 0;
   border: 1px solid #d7d6d2;
   position: relative;
   text-decoration: none;
   text-transform: none;
   padding: 0 5px;
   background-color: #ffffff;
}

.product-controls .item-qte .stepper .step-minus .jam,
.product-controls .item-qte .stepper .step-plus .jam {
   font-size: 11px;
   color: #5a5a5a;
}

.product-controls .item-qte .stepper .step-minus:hover,
.product-controls .item-qte .stepper .step-plus:hover {
   color: #5a5a5a;
   background-color: #ffffff;
}

.product-controls .item-qte .stepper input {
   padding-left: 0;
   padding-right: 0;
   width: 66px;
   height: 44px;
   font-size: 16px;
   font-weight: 300;
   border-left: none;
   border-right: none;
   text-align: center;
}

.product-tertiary {
   margin-top: 10px;
   margin-bottom: 25px;
   padding-top: 25px;
   position: relative;
}

/*
.product-tertiary:before {
   position: absolute;
   top: 29px;
   left: 0;
   content: '\3f';
   font-size: 12px;
   color: #71b02c;
   opacity: 0.9;
   font-family: "jam-icons" !important;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   speak: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
*/

@media (min-width: 768px) {
   .product-tertiary {
      margin-bottom: 40px;
   }
}

@media (min-width: 992px) {
   .product-tertiary {
      border-top: 1px solid #eeebe5;      
   }
}

.product-tertiary p {
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   color: #8a8a8a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   margin-top: 0;
   margin-bottom: 8px;
}

.product-tertiary p.delivery {
   color: #6a6a6a;
   font-size: 15px;
}

.product-tertiary p .fa {
   margin-right: 5px;
   color: #71b02c;
   font-size: 16px;
}

.product-tertiary p span {
   color: #6a6a6a;
   font-size: 15px;
   font-weight: 400;
   text-transform: none;
}

.product-tertiary p span.in-stock {
   font-weight: 400;
   color: #71b02c;
}

.product-tertiary p span.out-of-stock {
   font-weight: 500;
   color: #e53e3e;
}

.product-intro {
   position: relative;
   background-position: center center;
   background-size: cover;
   padding-top: 120px;
   padding-bottom: 120px;
   min-height: 380px;
}

.product-intro:before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
}

.product-intro .text-intro {
   position: relative;
   color: #ffffff;
   font-family: 'Poppins', sans-serif;
   font-size: 26px;
   line-height: 1.42857143;
   font-weight: 300;
   font-style: normal;
   text-transform: none;
   letter-spacing: 0.02em;
   text-align: center;
   margin: 0 auto;
   max-width: 80%;   
}

@media (min-width: 768px) {
   .product-intro {
      padding-top: 160px;
      padding-bottom: 160px;
      min-height: 400px;      
   }
   
   .product-intro .text-intro {
      font-size: 26px;    
      text-align: justify;      
   }      
}

@media (min-width: 992px) {
   .product-intro {
      padding-top: 180px;
      padding-bottom: 180px;
      min-height: 450px;      
   }
   
   .product-intro .text-intro {
      font-size: 28px;      
      max-width: 70%;   
   }      
}

@media (min-width: 1200px) {
   .product-intro {
      padding-top: 200px;
      padding-bottom: 200px;
      min-height: 500px;      
   }
   
   .product-intro .text-intro {
      font-size: 28px;      
      max-width: 60%;   
   }      
}

@media (min-width: 1600px) {
   .product-intro .text-intro {
      max-width: 50%;   
   }      
}



.product-description-classic {
   position: relative;
   background-color: #f7f6f2;
   padding: 30px 0 60px;
}

.product-description-custom1-title {
   position: relative;
   background-color: #f7f6f2;
   padding: 30px 0 0;
}

.product-description-custom1 {
   position: relative;
   background-color: #f7f6f2;
   padding: 20px 0 20px;
}

@media (min-width: 992px) {
   .product-description-custom1-title {
      padding: 30px 0 0;
   }
   .product-description-custom1 {
      padding: 30px 0 30px;
   }  
}

.product-description-custom1-focus {
   background-color: #f7f6f2;
   padding-bottom: 40px;
}



.product-utilisation {
   position: relative;
   background-color: #ffffff;
   padding: 0 0 60px; 
   margin-top: 30px;
}



@media (min-width: 768px) {
   .product-utilisation {
      padding: 0 0 100px;
   }   
}

.product-utilisation .title-utilisation,
.title-description {
   padding-top: 30px;
   margin-top: 0;
   margin-bottom: 30px;
   color: #1a1a1a;
   font-family: 'Poppins', sans-serif;
   /*font-family: 'MetaSerifPro', sans-serif;*/
   font-size: 25px;
   /*font-size: 28px;*/
   font-weight: 500;
   font-style: normal;
   letter-spacing: 0;
   /*letter-spacing: 0.01em;*/
   text-align: center;
   text-transform: none;
   line-height: 1.2
}

@media (min-width: 768px) {
   .product-utilisation .title-utilisation,
   .title-description {
      font-size: 28px;
      /*font-size: 30px;*/
   }
}

@media (min-width: 992px) {
   .product-utilisation .title-utilisation,
   .title-description {
      font-size: 30px;
      /*font-size: 32px;*/
   }
}

@media (min-width: 1200px) {
   .product-utilisation .title-utilisation,
   .title-description {
      font-size: 32px;
      /*font-size: 35px;*/
   }
}

.wrapper-ingredients-analyse-nut {
   position: relative;
   min-height: 120px;
   padding: 50px 0;
}

@media (min-width: 768px) {
   .wrapper-ingredients-analyse-nut {
      min-height: 90px;
   }
}

.ingredients-analyse-nut-toggle {
   position: absolute;
   top: -28px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: 10;   
}

.ingredients-analyse-nut-toggle .toggle-button {
   padding: 0;   
   cursor: pointer;
   text-align: center;
   outline: 0;
   background: 0 0;
   border: none;
}

.ingredients-analyse-nut-toggle .toggle-button .button-icon {
   position: relative;
   display: block;
   margin: 0 auto 10px;
   padding: 0;
   width: 56px;
   height: 56px;
   border-radius: 100%;
   background-color: #1a1a1a;
   border: 3px solid #1a1a1a;
   -webkit-transition: all 250ms ease;
   -moz-transition: all 250ms ease;
   -o-transition: all 250ms ease;
   transition: all 250ms ease;   
}

.ingredients-analyse-nut-toggle .toggle-button:hover .button-icon,
.ingredients-analyse-nut-toggle .toggle-button .button-icon:hover {
   background-color: #ffffff;
}

.ingredients-analyse-nut-toggle .toggle-button .button-icon:before {
   position: absolute;
   content: '\e088';
   left: 0;
   right: 0;
   top: 10px;
   color: #ffffff;   
   font-family: "jam-icons" !important;
   font-size: 20px;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;   
}

.ingredients-analyse-nut-toggle .toggle-button.collapsed .button-icon:before {
   content: '\e0b9';
}

.ingredients-analyse-nut-toggle .toggle-button:hover .button-icon:before, 
.ingredients-analyse-nut-toggle .toggle-button .button-icon:hover:before {
   color: #1a1a1a;
}


.ingredients-analyse-nut-toggle .button-label {
   display: block;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.02em;
}



.product-information-nav {
   margin-top: 0;
}

.product-information {
   margin-top: 0;
}

@media (min-width: 768px) {
   .product-information-nav > .row {
      margin: 0;
   }
   .product-information > .row {
      margin: 0;
   }
}

@media (min-width: 992px) {
   .product-information-nav {
      margin-top: 40px;
   }
   .product-information {
      margin: 50px 0;
   }
}

@media (max-width: 991px) {
   .container-tab {
      padding: 0;
      width: 100%;
   }
}

.product-information-nav .nav-tabs {
   list-style: none;
   padding: 0;
   margin: 0;
   overflow: hidden;
   position: relative;
   text-align: center;
   background: none;
   border: none;
   border-bottom: 1px solid #eeebe5;
}

.product-information-nav .nav-tabs > li {
   position: relative;
   float: none;
   white-space: nowrap;
   display: inline-block;
   margin: 0;
}

.product-information-nav .nav-tabs > li.active:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   border-bottom: 2px solid #e53e3e;
}

.product-information-nav .nav-tabs > li > a {
   color: #9a9a9a;
   font-family: 'Poppins', sans-serif;
   font-family: 'Roboto', sans-serif;
   font-size: 22px;
   line-height: 1.42857143;
   font-weight: 300;
   font-style: normal;
   text-transform: none;
   letter-spacing: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 10px 25px 15px 25px;
   border: none;
   border-radius: 0;
   outline: none;
   width: 100%;
   display: inline-block;
}

@media (min-width: 992px) {
   .product-information-nav .nav-tabs > li > a {
      font-size: 24px;
   }
}

@media (min-width: 1200px) {
   .product-information-nav .nav-tabs > li > a {
      font-size: 26px;
   }
}

.product-information-nav .nav-tabs > li:hover > a,
.product-information-nav .nav-tabs > li > a:hover {
   background-color: #ffffff;
   color: #1a1a1a;
   border: none;
}

.product-information .nav-tabs > li > a:focus {
   background-color: #ffffff;
   border: none;
}

.product-information-nav .nav-tabs > li.active > a,
.product-information-nav .nav-tabs > li.active > a:hover,
.product-information-nav .nav-tabs > li.active > a:focus {
   background-color: #ffffff;
   color: #1a1a1a;
   font-family: 'Poppins', sans-serif;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-style: normal;
   border: none;
   cursor: default;
   text-transform: none;
}

.product-details-wrapper {
   margin-top: 20px;
}

@media (min-width: 1200px) {
   .product-details-wrapper {
      margin-top: 40px;
   }
}

.product-details-wrapper.ingredients,
.product-details-wrapper.infos-nut {
   padding: 100px 0 0;
}

@media (min-width: 992px) {
   .product-detail-bottom-gradient {
      height: 100px;
      width: 100%;
      position: absolute;
      bottom: -1px;
      background-image: url('../images/background/bottom-gradient.png');
      background-repeat: repeat-x;
      background-position: 0 100%;
      opacity: 0.66;
   }
}

.product-details-wrapper .product-details-cell-main {
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   line-height: 1.6;
   font-weight: 400;
   font-style: normal;
   margin-bottom: 40px;
   text-align: left;
}

@media (min-width: 768px) {
   .product-details-wrapper .product-details-cell-main {
      font-size: 20px;
      margin-bottom: 40px; 
      text-align: justify;
   }
}

@media (min-width: 992px) {
   .product-details-wrapper .product-details-cell-main {
      font-size: 22px;
   }
}

@media (min-width: 1200px) {
   .product-details-wrapper .product-details-cell-main {
      font-size: 22px;
   }
}

.product-details-table {
   display: block;
   margin-bottom: 30px;
}

.product-details-table .product-details-table-cell-img {
   display: none;
}

.product-details-table .product-details-table-cell-txt {
   display: block;
   padding: 0 15px;
   width: 100%;
}

@media (min-width: 992px) {
   .product-details-table {
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-align-items: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-justify-content: flex-start;
       -ms-flex-pack: start;
       justify-content: flex-start;
       margin: 0 0 40px;
   }
   .product-details-table .product-details-table-cell-txt {
      padding: 0 0 0 40px;
   }
   .product-details-table .product-details-table-cell-img {
      display: block;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 41.6666666%;
      margin-bottom: 0;      
   }
   .product-details-table .product-details-table-cell-img .cell-video {
      max-width: 510px;      
   }   
}

@media only screen and (max-width: 767px) {
   .same-height-no-mobile {
      height: auto !important;
   }
}

.product-details-wrapper h2,
.product-details-wrapper h4 {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 600;
   letter-spacing: 0;
   line-height: 1.2;
   margin-top: 0;
   margin-bottom: 15px;
   text-transform: uppercase;
}

.product-details-wrapper .classic h2 {
   margin-top: 40px;
}

.product-details-wrapper .classic h2:first-child {
   margin-top: 0;
}

.product-details-wrapper .product-details-cell-description {
   margin-top: 20px;
   margin-bottom: 20px;
}

/*
.product-details-wrapper .product-details-cell-description h4 {
   margin-top: 30px;
   font-weight: 400;
}
*/

.product-details-wrapper p {
   margin-bottom: 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   line-height: 1.6;
   font-weight: 300;
   font-style: normal;
   text-align: left;
}

.product-details-wrapper .small {
   color: #8a8a8a;
   font-size: 14px;
}

.product-details-wrapper p strong,
.product-details-wrapper p b {
   font-weight: 400;
}

.product-details-wrapper ul,
product-details-wrapper ol {
   margin: 20px 0;
   padding-left: 20px;
}

.product-details-wrapper li {
   margin-bottom: 10px;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   line-height: 1.6;
   font-weight: 300;
   font-style: normal;
}

.product-details-wrapper li b,
.product-details-wrapper li strong {
   font-weight: 400;
}

.product-details-wrapper .row-description-focus-title {
   margin-top: 40px;
}

.product-details-wrapper .row-description-focus {
   padding-top: 40px;
}

.product-details-wrapper .wrapper-description-focus {
   text-align: center;
   margin-bottom: 50px;
}

.product-details-wrapper .wrapper-description-focus img {
   display: block;
   margin: 0 auto 20px;
}

.product-details-wrapper .wrapper-description-focus h4 {
   margin: 0 20px 5px;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   line-height: 1.2;
   font-weight: 500;
   font-style: normal;
   text-align: center;
   text-transform: none;
}

.product-details-wrapper .wrapper-description-focus p {
   margin: 0 20px 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   line-height: 1.42857143;
   font-weight: 300;
   font-style: normal;
   text-align: center;
}

@media (min-width: 768px) {
   .product-details-wrapper h2,
   .product-details-wrapper h4 {
      font-size: 16px;
   }
   .product-details-wrapper .row-description-focus-title {
      margin-top: 60px;
   }
   .product-details-wrapper .row-description-focus {
      padding-top: 50px;
   }   
}

@media (min-width: 992px) {
   .product-details-wrapper h2,
   .product-details-wrapper h4 {
      font-size: 16px;
   }
   .product-details-wrapper p {
      font-size: 18px;
   }
   .product-details-wrapper li {
      font-size: 18px;
   }
}

@media (min-width: 1200px) {
   .product-details-wrapper h2,
   .product-details-wrapper h4 {
      font-size: 17px;
   }
   .product-details-wrapper p {
      font-size: 19px;
   }
   .product-details-wrapper li {
      font-size: 19px;
   }   
}

@media (min-width: 1600px) {
   .product-details-wrapper h2,
   .product-details-wrapper h4 {
      font-size: 17px;
   }
   .product-details-wrapper p {
      font-size: 20px;
   }
   .product-details-wrapper li {
      font-size: 20px;
   }   
}

.product-details-wrapper .table-hover > tbody> tr:hover {
   background-color: #f7f6f2;
}

.product-details-wrapper .table > thead > tr > th,
.product-details-wrapper .table > tbody > tr > th,
.product-details-wrapper .table > tfoot > tr > th,
.product-details-wrapper .table > thead > tr > td,
.product-details-wrapper .table > tbody > tr > td,
.product-details-wrapper .table > tfoot > tr > td {
   border-top: 1px solid #eeebe5;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   line-height: 1.42857143;
   font-weight: 300;
   font-style: normal;
}

.product-details-wrapper .table > thead > tr > th > .title,
.product-details-wrapper .table > tbody > tr > th > .title,
.product-details-wrapper .table > tfoot > tr > th > .title,
.product-details-wrapper .table > thead > tr > td > .title,
.product-details-wrapper .table > tbody > tr > td > .title,
.product-details-wrapper .table > tfoot > tr > td > .title {
   color: #1a1a1a;
   font-size: 16px;
   font-weight: 500;
}

.product-details-wrapper .table > thead > tr > th > .small,
.product-details-wrapper .table > tbody > tr > th > .small,
.product-details-wrapper .table > tfoot > tr > th > .small,
.product-details-wrapper .table > thead > tr > td > .small,
.product-details-wrapper .table > tbody > tr > td > .small,
.product-details-wrapper .table > tfoot > tr > td > .small {
   color: #3a3a3a;
   font-size: 14px;
   font-weight: 400;
}

.product-details-wrapper .table > thead > tr > th {
   border-bottom: 2px solid #eeebe5;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   line-height: 1.42857143;
   font-weight: 500;
   font-style: normal;
   text-transform: none;
}

@media (min-width: 768px) {
   .product-details-wrapper .table > thead > tr > th > .small,
   .product-details-wrapper .table > tbody > tr > th > .small,
   .product-details-wrapper .table > tfoot > tr > th > .small,
   .product-details-wrapper .table > thead > tr > td > .small,
   .product-details-wrapper .table > tbody > tr > td > .small,
   .product-details-wrapper .table > tfoot > tr > td > .small {
      margin-left: 25px;
   }
}

.product-information-nav .panel-group {
   margin-bottom: 0;
}

.product-information-nav .panel {
   margin-bottom: 0;
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-left: none;
   border-right: none;
}

.product-information-nav .panel-group .panel+.panel {
   margin-top: 0;
   border-top: none;
}

.product-information-nav .panel-group .panel {
   border-radius: 0;
   border-color: #d7d6d2;
}

#faq .panel-group .panel:last-child,
#faq-collapse .panel-group .panel:last-child {
   border-bottom: none;
}

.product-information-nav .panel-default > .panel-heading {
   padding: 15px 15px;
   color: #3a3a3a;
   background-color: #ffffff;
   border-bottom: none;
   border-radius: 0;
}

.product-information-nav .panel-title {
   position: relative;
}

.product-information-nav .panel-title > a {
   display: block;
   color: #3a3a3a;
   font-family: 'Poppins', sans-serif;
   font-family: 'Roboto', sans-serif;
   font-size: 22px;
   line-height: 1.42857143;
   font-weight: 400;
   font-style: normal;
   text-transform: none;
}

@media (max-width: 991px) {
   .product-information-nav .panel-title > a:after {
      position: absolute;
      top: 6px;
      right: 5px;
      content: "\e088";
      color: #1a1a1a;
      font-family: "jam-icons" !important;
      font-size: 13px;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
   }
   .product-information-nav .panel-title > a.collapsed:after {
      content: "\e0b9";
   }
}

.product-information-nav .panel-group .panel-heading+.panel-collapse >.panel-body,
.product-information-nav .panel-group .panel-heading+.panel-collapse >.list-group {
   border-top: none;
}

.product-details-wrapper .panel {
   margin-bottom: 10px;
   padding-bottom: 10px;
   background-color: #ffffff;
   border-radius: 0;
   border-top: none;
   border-left: none;
   border-right: none;
   border-bottom: 1px solid #eeebe5;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.product-details-wrapper panel-group .panel {
   border-radius: 0;
}

.product-details-wrapper .panel-heading {
   padding: 10px 15px;
   border: none;
   border-radius: 0;
}

.product-details-wrapper .panel-default > .panel-heading {
   background-color: #ffffff;
}

.product-details-wrapper .panel-title {
   margin-bottom: 0;
   margin-right: 15px;
}

.product-details-wrapper .panel-title > a {
   display: block;
   position: relative;
}

.product-details-wrapper .panel-title > a:after {
   position: absolute;
   top: 9px;
   right: -25px;
   content: "\e088";
   color: #1a1a1a;
   font-family: "jam-icons" !important;
   font-size: 13px;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   padding: 0;
}

.product-details-wrapper .panel-title > a.collapsed:after {
   content: "\e0b9";
}

.product-details-wrapper .panel-body {
   padding: 0 15px 15px;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   line-height: 1.6;
   font-weight: 300;
   font-style: normal;
}

.product-details-wrapper .panel-default > .panel-heading+.panel-collapse > .panel-body {
   border: none;
}

.product-details-wrapper .panel-title a {
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   color: #1a1a1a;
   font-style: normal;
   font-weight: 400;
   letter-spacing: 0;
   text-transform: none;
}

@media (min-width: 992px) {
   .product-details-wrapper .panel-body {
      font-size: 18px;
   }
   .product-details-wrapper .panel-title a {
      font-size: 22px;
   }
}

.product-image-controls-wrapper .tooltip.in {
   opacity: 1;
   filter: alpha(opacity=100);
}

.product-image-controls-wrapper .tooltip.bottom {
   margin: 0;
}

.product-image-controls-wrapper .tooltip.bottom .tooltip-arrow {
   border-bottom: none;
}

.product-image-controls-wrapper .tooltip.top {
   margin: 0;
}

.product-image-controls-wrapper .tooltip.top .tooltip-arrow {
   border-top: none;
}

.product-image-controls-wrapper .tooltip-inner {
   padding: 0 20px;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 500;
   letter-spacing: 0.02em;
   text-transform: none;
   line-height: 1.3;
   color: #1a1a1a;
   background: #fcdada;
   text-align: center;
   max-width: 100%;
   height: 44px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 0;
   transition: opacity .25s, visiblity .25s;
}

.product-reviews {
   margin-bottom: 50px;
}

.product-reviews .title-reviews {
   padding-top: 60px;
   margin-top: 0;
   margin-bottom: 30px;
   color: #1a1a1a;
   font-family: 'Poppins', sans-serif;
   /*font-family: 'MetaSerifPro', sans-serif;*/
   font-size: 25px;
   /*font-size: 28px;*/
   font-weight: 500;
   font-style: normal;
   letter-spacing: 0;
   /*letter-spacing: 0.01em;*/
   text-align: center;
   text-transform: none;
   line-height: 1.2
}

@media (min-width: 768px) {
   .product-reviews .title-reviews {
      font-size: 28px;
      /*font-size: 30px;*/
   }
}

@media (min-width: 992px) {
   .product-reviews .title-reviews {
      font-size: 30px;
      /*font-size: 32px;*/
   }
}

@media (min-width: 1200px) {
   .product-reviews .title-reviews {
      font-size: 32px;
      /*font-size: 35px;*/
   }
}

.product-reviews .add-review-wrapper {
   margin-top: 20px;
   margin-bottom: 10px;
   text-align: center;
}

.product-reviews .add-review-message-wrapper {
   display: none;
}

.product-reviews .add-review-message-wrapper .add-review-message {
   margin-top: 40px;
   margin-bottom: 20px;
   border: solid 1px #d7d6d2;
   padding: 20px 40px 40px;
   text-align: center;
   position: relative;
   background: #ffffff;
}

.product-reviews .add-review-message-wrapper .icon-btn {
   display: inline-block;
   width: auto;
   min-width: 44px;
   padding: 12px;
   background-color: transparent;
}

.product-reviews .add-review-message-wrapper .icon-btn span {
   position: absolute;
   top: 10px;
   right: 10px;
   color: #aaaaaa;
   font-size: 14px;
   cursor: pointer;
}

.product-reviews .add-review-message-wrapper .add-review-message-header {
   margin-bottom: 10px;
}

.product-reviews .add-review-message-wrapper .add-review-message-header span {
   color: #3a3a3a;
   font-size: 18px;
   font-weight: 500;
   text-transform: uppercase;
   display: block;
}

@media (min-width: 768px) {
   .product-reviews .add-review-message-wrapper .add-review-message-header span {
      font-size: 20px;
   }
}

@media (min-width: 992px) {
   .product-reviews .add-review-message-wrapper .add-review-message-header span {
      font-size: 22px;
   }
}

.product-reviews .add-review-message-wrapper .add-review-message-header .icon-heart {
   color: #3a3a3a;
   font-size: 26px;
   margin-bottom: 10px;
}

.product-reviews .add-review-message-wrapper .add-review-message-content {
   color: #3a3a3a;
   font-size: 16px;
   font-weight: 300;
   margin-bottom: 20px;
}

.product-reviews .add-review {
   padding: 30px 0;
   text-align: left;
   border-bottom: 1px solid #eeebe5;
}

.product-reviews .add-review .radio {
   margin-top: 0;
   margin-bottom: 0;
}

.product-reviews .add-review .radio-inline {
   padding-left: 0;
}

.product-reviews .add-review .radio-inline+.radio-inline {
   margin-left: 15px;
}

.product-reviews .add-review .radio input[type="radio"] + .radio-label:before {
   top: 2px !important;
}

.product-reviews .add-review .title-add-review {
   margin: 20px 0;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 0;
   text-transform: uppercase;
}

.product-reviews .add-review .rating-stars ul {
   list-style-type: none;
   padding: 0;
   -moz-user-select: none;
   -webkit-user-select: none;
}

.product-reviews .add-review .rating-stars ul > li.star {
   display: inline-block;
}

.product-reviews .add-review .rating-stars ul > li.star > i.fa {
   font-size: 22px;
   color: #c7c6c2;
}

.product-reviews .add-review .rating-stars ul > li.star.hover > i.fa {
   color: #bd5b0d;
}

.product-reviews .add-review .rating-stars ul > li.star.selected > i.fa {
   color: #bd5b0d;
}

.product-reviews .add-review .btn-review {
   width: 100%;
}

.product-reviews .stars-reviews {
   text-align: center;
   color: #bd5b0d;
}

.product-reviews .stars-reviews i {
   font-size: 24px;
}

.product-reviews .stars-reviews span {
   margin-left: 10px;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: 0;
   text-transform: uppercase;
}

.product-reviews .info-reviews {
   text-align: center;
}

.product-reviews .pourcent-recommandation {
   margin-top: 5px;
   color: #8a8a8a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   letter-spacing: 0;
}

.product-reviews .review {
   margin-bottom: 15px;
   padding-bottom: 30px;
   margin-top: 15px;
   padding-top: 15px;
   border-bottom: 1px solid #eeebe5;
}

.product-reviews .review .note-review {
   color: #bd5b0d;
}

.product-reviews .review .note-review i {
   font-size: 16px;
}

.product-reviews .review .title-review {
   margin-top: 5px;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 19px;
   font-weight: 500;
   line-height: 1.42857143;
   letter-spacing: 0;
}

@media (min-width: 1200px) {
   .product-reviews .review .title-review {
      font-size: 20px;
   }
}

@media (min-width: 1600px) {
   .product-reviews .review .title-review {
      font-size: 21px;
   }
}

.product-reviews .review .date-review {
   margin-top: 5px;
   margin-bottom: 10px;
   color: #9a9a9a;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: 0;
}

.product-reviews .review .content-review {
   margin-top: 5px;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 300;
   line-height: 1.6;
   letter-spacing: 0;
}

.product-reviews .review .col-details-author {
   margin-top: 20px;
}

@media (min-width: 768px) {
   .product-reviews .review .col-details-author {
      margin-top: 35px;
   }
}

.product-reviews .review .author-review {
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 500;
   line-height: 1.42857143;
   letter-spacing: 0;
}

.product-reviews .review .author-review span {
   margin-left: 10px;
   color: #3a3a3a;
   font-size: 13px;
   font-weight: 400;
}

.product-reviews .review .author-review span i {
   color: #3a3a3a;
   font-size: 16px;
}

.product-reviews .review .sport,
.product-reviews .review .recommandation {
   color: #8a8a8a;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: 0;
}

.page-visible {
   display: block;
}

.page-hidden {
   display: none;
}

.pagination-wrapper {
   margin-bottom: 0;
}

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

.pagination > li > a,
.pagination > li > span {
   background-color: #ffffff;
   color: #aaaaaa;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 400;
   margin: 0 5px 0 0;
   border: none;
   min-width: 32px;
   min-height: 32px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
   margin-left: 0;
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}

.pagination > li > a > span.prev-page:before {
   position: absolute;
   top: 2px;
   left: 5px;
   content: '\f104';
   color: #1a1a1a;
   font-family: 'FontAwesome';
   font-size: 20px;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
}

.pagination > li > a > span.next-page:before {
   position: absolute;
   top: 2px;
   right: 5px;
   content: '\f105';
   color: #1a1a1a;
   font-family: 'FontAwesome';
   font-size: 20px;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
   color: #1a1a1a;
   background-color: #ffffff;
   font-weight: 500;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
   background-color: #ffffff;
   cursor: not-allowed;
   color: #aaaaaa;
}

.pagination >.active >a,
.pagination >.active > span,
.pagination >.active >a:hover,
.pagination >.active > span:hover,
.pagination > .active > a:focus,
.pagination >.active > span:focus {
   color: #1a1a1a;
   background-color: #ffffff;
   font-weight: 500;
}

.pagination > .disabled.prev > span,
.pagination > .disabled.prev > span:hover,
.pagination > .disabled.prev > span:focus,
.pagination > .disabled.prev > a,
.pagination > .disabled.prev > a:hover,
.pagination > .disabled.prev > a:focus,
.pagination > .disabled.next > span,
.pagination > .disabled.next > span:hover,
.pagination > .disabled.next > span:focus,
.pagination > .disabled.next > a,
.pagination > .disabled.next > a:hover,
.pagination > .disabled.next > a:focus {
   display: none;
}


/*--------------------------------------------------*/


/*                     MODAL                        */


/*--------------------------------------------------*/

.modal {
   text-align: center;
   padding: 0!important;
}

.modal:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -4px;
}

/*
@media (min-width: 992px) {
   .modal-lg {
      width: 700px;
   }
}
*/
.modal-dialog {
   display: inline-block;
   text-align: left;
   vertical-align: middle;
}

.modal-backdrop.in {
   opacity: 0.75;
   filter: alpha(opacity=75);
}

.modal-content {
   border: none;
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.modal-header {
   border-bottom: 1px solid #eeebe5;
}

.modal-header .close {
   margin-top: 5px;
   opacity: 1;
   filter: alpha(opacity=100);
   outline: none !important;
}

.modal-header .close span {
   font-size: 16px;
   color: #4a4a4a;
}

.modal-title {
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 500;
   color: #1a1a1a;
   text-transform: uppercase;
}

.modal-body {
   height: 330px;
}

@media (min-width: 320px) {
   .modal-body {
      height: 240px;
   }
}

@media (min-width: 375px) {
   .modal-header .close {
      margin-top: 3px;
   }
   .modal-header .close span {
      font-size: 14px;
   }
   .modal-body {
      height: 260px;
   }
}

@media (min-width: 768px) {
   .modal-body {
      height: 360px;
   }
}

.modal-body a {
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 400;
   color: #7a7a7a;
}

.modal-body .msg-error {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #e53e3e;
   margin-bottom: 10px;
}

.modal-body iframe {
   width: 100%;
   height: 100%;
   border: none;
   display: block;
}

.modal-footer {
   padding: 0 15px 25px;
   text-align: center;
   border-top: none;
}

.modal-footer .btn {
   font-size: 15px;
}

.modal-footer .btn-right {
   margin-top: 10px;
}

@media (min-width: 768px) {
   .modal-footer .btn-left {
      text-align: right;
   }
   .modal-footer .btn-right {
      margin-top: 0;
      text-align: left;
   }
}

.modal-footer .btn {
   min-width: 230px;
}

.add-product-cart-wrapper .col-info-product {
   padding-top: 10px
}

.col-info-product .item-content .item-info p {
   margin-bottom: 5px;
}

.col-info-product .item-content .item-info.item-strong p {
   color: #3a3a3a;
   font-weight: 400;
}

.add-product-cart-wrapper .col-cross-selling {
   margin-top: 40px;
   padding: 20px 40px;
   background-color: #f7f6f2;
}

.col-cross-selling .cross-selling-title {
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0;
}

.col-cross-selling .cross-selling-products {
   margin-top: 20px;
}

.col-cross-selling .cross-selling-products .col-cross-selling-item {
   text-align: center;
}

.col-cross-selling .cross-selling-products .cross-selling-item-name {
   margin-top: 5px;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 0;
}

.col-cross-selling .cross-selling-products .cross-selling-item-cond {
   color: #8a8a8a;
   font-family: 'Roboto', sans-serif;
   font-size: 11px;
   font-weight: 400;
   letter-spacing: 0;
}

.col-cross-selling .cross-selling-products .cross-selling-item-price {
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 11px;
   font-weight: 400;
   letter-spacing: 0;
}

.product-cross-selling {
   padding: 0 0 60px;
}

.product-cross-selling .title-cross-selling {
   padding-top: 0;
   margin-top: 0;
   margin-bottom: 40px;
   color: #1a1a1a;
   font-family: 'Poppins', sans-serif;
   /*font-family: 'MetaSerifPro', sans-serif;*/
   font-size: 25px;
   /*font-size: 28px;*/
   font-weight: 500;
   font-style: normal;
   letter-spacing: 0;
   /*letter-spacing: 0.01em;*/
   text-transform: none;
   text-align: center;
   line-height: 1.2;
}

@media (min-width: 768px) {
   .product-cross-selling .title-cross-selling {
      font-size: 28px;
      /*font-size: 30px;*/
   }
}

@media (min-width: 992px) {
   .product-cross-selling .title-cross-selling {
      padding-top: 0;
      font-size: 30px;
      /*font-size: 32px;*/
   }
}

@media (min-width: 1200px) {
   .product-cross-selling .title-cross-selling {
      font-size: 32px;
      /*font-size: 35px;*/
   }
}


.carousel-showmanymoveone .carousel-control {
   width: 1px;
   background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
   margin-left: 0;
   filter: alpha(opacity=100);
   opacity: 1;
   text-shadow: none;
}

.carousel-showmanymoveone .carousel-control.right {
   margin-right: 0;
   filter: alpha(opacity=100);
   opacity: 1;
   text-shadow: none;
}

.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
   display: block;
}

.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -25%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 25%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      transform: translate3d(25%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      transform: translate3d(-25%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
   color: #1a1a1a;
   font-family: 'Fontawesome';
   font-size: 30px;
}

.carousel-control .icon-prev:before {
   content: '\f104';
}

.carousel-control .icon-next:before {
   content: '\f105';
}

.carousel-control .icon-prev {
   margin-left: -10px;
}

.carousel-control .icon-next {
   margin-right: -10px;
}

@media screen and (min-width: 768px) {
   .carousel-control .icon-prev {
      margin-left: -20px;
   }
   .carousel-control .icon-next {
      margin-right: -20px;
   }
}

@media screen and (min-width: 992px) {
   .carousel-control .icon-prev {
      margin-left: -30px;
   }
   .carousel-control .icon-next {
      margin-right: -30px;
   }
}

@media screen and (max-width: 991px) {
   .checkout-container.account {
      margin-top: 0;
   }
}

.checkout-container .checkout-header {
   padding-top: 30px;
   margin-bottom: 20px;
}

.checkout-container .checkout-header.funnel {
   padding-top: 10px;
}

.checkout-container.account .checkout-header {
   margin-bottom: 40px;
}

.checkout-container .checkout-header h1 {
   font-family: 'Poppins', sans-serif;
   /*font-family: 'MetaSerifPro', sans-serif;*/
   font-size: 28px;
   /*font-size: 34px;*/
   color: #1a1a1a;
   font-style: normal;
   font-weight: 600;
   /*font-weight: 500;*/
   line-height: 1.2;
   letter-spacing: 0;
   margin-top: 0;
   margin-bottom: 0;
   text-align: center;
}

.checkout-container .checkout-header p {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
   margin-top: 5px;
   margin-bottom: 0;
   text-align: center;
}

.checkout-container .checkout-header .cart-secure-shopping {
   margin-bottom: 20px;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 400;
   text-transform: uppercase;
   text-align: center;
}

.checkout-container .checkout-header .cart-secure-shopping i {
   margin-right: 5px;
}

@media (min-width: 768px) {
   .checkout-container .checkout-header h1 {
      font-size: 30px;
      /*font-size: 35px;*/
      text-align: left;      
   }
   .checkout-container .checkout-header h1.text-center {
      text-align: center;
   }   
   .checkout-container .checkout-header p { 
      text-align: left;
   }
   .checkout-container .checkout-header .cart-secure-shopping {
      display: none;
   }   
}

@media (min-width: 992px) {
   .checkout-container .checkout-header {
      padding-top: 50px;
      margin-bottom: 50px;
   }
   .checkout-container .checkout-header.funnel {
      padding-top: 20px;
   }
   .checkout-container .checkout-header h1 {
      font-size: 35px;
      /*font-size: 40px;*/
   }
   .checkout-container .checkout-header p {
      font-size: 16px;
   }
   .checkout-container .checkout-header h1.text-center {
      text-align: center;
   }
}

@media (min-width: 1200px) {
   .checkout-container .checkout-header h1 {
      font-size: 40px;
      /*font-size: 45px;*/
   }
}

.checkout-container .checkout-header .cart-help span {
   margin-top: 8px;
   display: block;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.2;
   text-align: right;
}

.checkout-container .checkout-header .cart-help span.text-strong {
   color: #1a1a1a;
   font-weight: 400;
}

.checkout-container .shipping-content {
   margin-bottom: 60px;
}

.checkout-container .divider {
   width: 100%;
   border-bottom: 5px solid #f7f6f2;
   margin-top: 10px;
}

.checkout-container .divider-bar {
   width: 100%;
   border-bottom: 5px solid #f7f6f2;
   margin-bottom: 20px;
}

.checkout-container .col-cart-summary .button-wrapper {
   padding: 10px 0 0;
}

/*
.checkout-container .col-cart-summary .button-wrapper:after {
   content: '';
   display: block;
   height: 1px;
   background-color: #eeebe5;
}
*/

.checkout-container .col-cart-summary .button-wrapper button {
   width: 100%;
}

.checkout-container .cart-summary {
   margin-left: 0;
   margin-right: 0;
   background-color: #f7f6f2;
}

.checkout-container .cart-summary.white {
   background-color: #ffffff;
}

@media (min-width: 768px) {
   .checkout-container .cart-summary {
      margin-left: 0;
      margin-right: 0;
   }
   .checkout-container .cart-summary .btn-primary {
      font-size: 15px;
      letter-spacing: 0;
      padding-left: 5px;
      padding-right: 5px;
   }
}

@media (min-width: 1200px) {
   .checkout-container .cart-summary .btn-primary {
      font-size: 16px;
      letter-spacing: 0.02em;
      padding-left: 10px;
      padding-right: 10px;
   }
}

.checkout-container .cart-content .cart-code-promo {
   position: relative;
   border: 1px solid #eeebe5;
   margin: 25px 0 20px;
   padding: 10px 15px;
   overflow: hidden;
   background-color: #ffffff;
   z-index: 1
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-title {
   display: block;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 500;
   font-size: 15px;
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-title:hover {
   color: #3a3a3a;
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-title:after {
   content: '+';
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 26px;
   padding: 0;
   position: absolute;
   top: 2px;
   right: 15px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-title.collapsed:after {
   content: '+';
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}

@media (min-width: 768px) {
   .checkout-container .cart-content .cart-code-promo {
      margin-left: 0;
      margin-right: 0;
   }
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-content {
   margin-top: 10px;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 15px;
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-input {
   margin-top: 20px;
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-input .form-control {
   font-size: 14px;
   font-weight: 500;
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-input .col-code-promo-input {
   padding-left: 10px;
   padding-right: 5px;
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-input .col-code-promo-btn {
   margin-top: 0;
   padding-left: 5px;
   padding-right: 10px;
}

@media (min-width: 768px) {
   .checkout-container .cart-content .cart-code-promo .cart-code-promo-input .col-code-promo-input {
      padding-left: 10px;
      padding-right: 10px;
   }
   .checkout-container .cart-content .cart-code-promo .cart-code-promo-input .col-code-promo-btn {
      margin-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
   }
}

@media (min-width: 992px) {
   .checkout-container .cart-content .cart-code-promo .cart-code-promo-input .col-code-promo-input {
      padding-left: 10px;
      padding-right: 5px;
   }
   .checkout-container .cart-content .cart-code-promo .cart-code-promo-input .col-code-promo-btn {
      margin-top: 0;
      padding-left: 5px;
      padding-right: 10px;
   }
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-input .btn-primary {
   font-size: 13px;
   min-height: 44px;
   padding: 12px 8px;
   width: 100%;
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-msg {
   margin-top: 10px;
   color: #71b02c;
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 1.42857143;   
}

.checkout-container .cart-content .cart-code-promo .cart-code-promo-msg .error {
   color: #e53e3e;
}

@media (min-width: 768px) {
   .checkout-container .cart-content .cart-mobile {
      display: none;
   }
}

.checkout-container .cart-content .col-cart-mobile {
   margin-top: 0;
   margin-bottom: 10px;
}

.checkout-container .cart-content .col-cart-mobile .cart-total {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-align: center;
   text-transform: uppercase;
   margin: 10px 0 20px;
}

.checkout-container .cart-content .col-cart-mobile .cart-total span {
   color: #3a3a3a;
   font-size: 18px;
   font-weight: 500;
}

.checkout-container .col-cart-summary {
   margin-top: 40px;
   margin-bottom: 20px;   
}

@media (min-width: 768px) {
   .checkout-container .col-cart-summary {
      margin-top: 0;
   }
}

.checkout-container .col-cart-summary .cart-summary-wrapper {
   padding: 25px 20px;
}

.checkout-container h2 {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: uppercase;
   margin: 0 0 30px;
}

@media (min-width: 768px) {
   .checkout-container h2.lg {
      font-size: 16px;
   }
}

.checkout-container h2.blue {
   color: #509090;
}

.checkout-container .col-cart-summary .cart-summary-wrapper .cart-summary-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: 0;
   padding-bottom: 12px;
}

.checkout-container .col-cart-summary .cart-summary-wrapper .cart-summary-item .cart-summary-item-label {
   text-transform: uppercase;
   letter-spacing: -0.02em
}

.checkout-container .col-cart-summary .cart-summary-wrapper .cart-summary-item .cart-summary-item-value {
   font-size: 15px;
   white-space: nowrap;
   padding-left: 10px;
}

.checkout-container .col-cart-summary .cart-summary-wrapper .cart-summary-item .cart-summary-item-value.cart-alert {
   color: #71b02c;
   font-size: 15px;
   text-transform: uppercase;
}

.checkout-container .col-cart-summary .cart-summary-wrapper .cart-summary-country {
   margin-bottom: 20px;
}

.checkout-container .cart-summary-delivery {
   position: relative;
   margin-top: 20px;
   margin-bottom: 20px;
   padding-left: 45px;
   text-align: left;
}

.checkout-container .cart-summary-delivery:before {
   content: '\f0d1';
   position: absolute;
   top: 5px;
   left: 6px;
   color: #5a5a5a;
   font-family: 'FontAwesome';
   font-size: 19px;
   font-weight: normal;
   font-style: normal;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.checkout-container .cart-summary-delivery:after {
   content: "";
   display: block;
   position: absolute;
   top: 4px;
   left: 0;
   width: 34px;
   height: 34px;
   border: 1.33px solid #6a6a6a;
   border-radius: 100%;
}

@media (min-width: 768px) {
   .checkout-container .cart-summary-delivery {
      padding-left: 45px;
   }
   .checkout-container .cart-summary-delivery:before {
      left: 6px;
   }
   .checkout-container .cart-summary-delivery:after {
      left: 0;
   }
}

.checkout-container .cart-summary-delivery .shipping-date {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #1a1a1a;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: -0.02em;
}

.checkout-container .cart-summary-delivery .delivery-info {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #1a1a1a;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: -0.02em;
}

@media (min-width: 768px) {
   .checkout-container .cart-summary-delivery .shipping-date {
      font-size: 13px;
   }
   .checkout-container .cart-summary-delivery .delivery-info {
      font-size: 13px;
   }
}

.checkout-container .col-cart-summary .cart-summary-wrapper .cart-summary-total {
   margin-top: 12px;
   padding: 25px 0 12px;
   border-top: 1px solid #eeebe5;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 500;
   line-height: 1.42857143;
   letter-spacing: 0;
}

.checkout-container .col-cart-summary .cart-summary-wrapper .cart-summary-total .cart-summary-total-label {
   text-transform: uppercase;
   letter-spacing: -0.02em
}

.checkout-container .col-cart-summary .cart-summary-wrapper .cart-summary-total .cart-summary-total-value {
   font-size: 18px;
   white-space: nowrap;
   padding-left: 10px;
}

.cart-content-header .cart-header-detail,
.cart-content-header .cart-header-qte,
.cart-content-header .cart-header-total {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 500;
   line-height: 1.2;
   letter-spacing: 0.04em;
   text-transform: uppercase;
   margin-bottom: 5px;
}

.cart-content-header .cart-header-qte,
.cart-content-header .cart-header-total {
   text-align: center;
}

.cart-summary-items {
   padding: 20px;
   margin-top: 20px;
   margin-left: 0;
   margin-right: 0;
   border: 1px solid #eeebe5;
}

@media (min-width: 375px) {
   .cart-summary-items {
      margin-left: 20px;
      margin-right: 20px;
   }
}

@media (min-width: 768px) {
   .cart-summary-items {
      margin-left: 0;
      margin-right: 0;
   }
}

.cart-summary-items h2 {
   margin-bottom: 10px;
}

.cart-content-item {
   padding: 25px 0;
   border-bottom: 1px solid #eeebe5;
}

.cart-content-item:last-child {
   border-bottom: none;
}

.item-image {
   padding: 0;
}

.item-content {
   padding: 15px 0 0;
}

.item-content.confirm {
   padding: 30px 0 0;
}

@media (min-width: 768px) {
   .item-content.confirm {
      padding: 50px 0 0;
   }
}

.cart-summary-items .item-content {
   padding: 0;
}

@media (min-width: 992px) {
   .item-content {
      padding: 25px 0 10px;
   }
   .cart-summary-items .item-content {
      padding: 0;
   }
}

.item-content .item-badge {
   display: inline-block;
   vertical-align: middle;   
   padding: 0 10px;
   margin-bottom: 5px;
   border-radius: 2px;
   background-color: #71b02c;   
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #ffffff;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   letter-spacing: 0;
   text-transform: uppercase;   
}

.item-content .item-name {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 500;
   line-height: 1.2;
   letter-spacing: 0;
   margin-bottom: 8px;
   text-transform: uppercase;
}

@media (min-width: 1200px) {
	.item-content .item-name {
   		font-size: 15px;  
	}
}


.cart-summary-items .item-content .item-name {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 500;
   letter-spacing: 0;
}

.item-content .item-info {
   margin-bottom: 8px;
}

.item-content .item-info p {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.2;
   letter-spacing: 0;
   margin: 0 0 2px 0;
}

.item-content .item-info.item-warning p {
   color: #71b02c;
   font-weight: 400;
}

.cart-summary-items .item-content .item-info p {
   font-size: 13px;
   color: #3a3a3a;
}

.item-content .item-price {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 400;
   line-height: 1.2;
   letter-spacing: 0;
   margin-bottom: 8px;
}

.item-content .item-price .crossed-price {
   color: #8a8a8a;
   font-weight: 300;
   text-decoration: line-through;
   margin-left: 8px;
}

@media (max-width: 991px) {
   .cart-content-item .item-qte {
      margin-top: 10px;
   }
}

.cart-content-item .item-qte .stepper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.cart-content-item .item-qte .stepper .step-minus,
.cart-content-item .item-qte .stepper .step-plus {
   width: 44px;
   height: 44px;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 44px;
   text-align: center;
   cursor: pointer;
   padding: 0;
   border: 1px solid #d7d6d2;
   position: relative;
   text-decoration: none;
   text-transform: none;
   padding: 0 5px;
}

.cart-content-item .item-qte .stepper .step-minus .jam,
.cart-content-item .item-qte .stepper .step-plus .jam {
   font-size: 11px;
   color: #5a5a5a;
}

.cart-content-item .item-qte .stepper .step-minus:hover,
.cart-content-item .item-qte .stepper .step-plus:hover {
   color: #5a5a5a;
   background-color: #f7f6f2;
}

.cart-content-item .item-qte .stepper input {
   padding-left: 0;
   padding-right: 0;
   width: 44px;
   height: 44px;
   font-size: 15px;
   font-weight: 400;
   border-left: none;
   border-right: none;
   text-align: center;
}

.cart-content-item .item-delete {
   margin-top: 6px;
   margin-bottom: 10px;
}

.cart-content-item .item-delete a {
   font-family: 'Roboto', sans-serif;
   font-size: 11px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 400;
   text-transform: uppercase;
}

.cart-content-item .item-delete a:hover {
   color: #e53e3e;
}

.cart-content-item .item-total {
   text-align: left;
   margin-top: 6px;
   margin-bottom: 0;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 500;
   line-height: 1.2;
}

.cart-content-item .item-total .label-total {
   color: #5a5a5a;
   font-weight: 300;
   font-size: 14px;
}

.cart-content-item .item-total .jam {
   margin-right: 5px;
   font-size: 18px;
}

.cart-content-item .item-total-message {
   text-align: left;
   margin-top: 4px;
   margin-bottom: 10px;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   color: #71b02c;
   font-style: normal;
   font-weight: 400;
   line-height: 1.2;
}

@media (min-width: 992px) {
   .cart-content-item .item-total {
      text-align: center;
   }
   .cart-content-item .item-total .label-total {
      display: none;
   }
   .cart-content-item .item-total-message {
      text-align: center;
   }
}

.cart-cadeau-wrapper {
   margin-top: 40px;
}

.cart-cadeau-wrapper .cart-cadeau-title {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 500;
   line-height: 1.2;
   letter-spacing: 0.04em;
   text-transform: uppercase;
   padding-bottom: 5px
}

.cart-cadeau-wrapper .cart-cadeau-title span {
   margin-right: 8px;
   font-size: 24px;
}

.cart-cadeau-wrapper .cart-cadeau-title span:before {
   vertical-align: -20%;
}

.cart-cadeau-wrapper .cart-cadeau-list {
   margin-top: 30px;
}

.cart-cadeau-item {
   margin-bottom: 10px;
}

.cart-cadeau-item .cadeau-image img {
   margin: 0 auto;
}

.cart-cadeau-item .cadeau-libelle {
   text-align: center;
   margin-top: 10px;
}

.cart-cadeau-item .cadeau-libelle label {
   vertical-align: top;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 500;
   line-height: 1.3;
   cursor: pointer;
}

.cart-cadeau-item .cadeau-libelle input[type="radio"] {
   margin-right: 4px;
}

.cart-incentive {
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 0;
   margin-right: 0;
   padding: 20px;
   border: 2px solid #eeebe5;
}

@media (min-width: 768px) {
   .cart-incentive {
      margin-top: 0;
      margin-bottom: 50px;      
   }
}

.cart-incentive .cart-incentive-msg {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 500;
   line-height: 1.42857143;
   letter-spacing: 0.04em;
   text-transform: uppercase;
   margin-bottom: 25px;
}

.cart-incentive .cart-incentive-msg span {
   margin-right: 8px;
   font-size: 24px;
}

.cart-incentive .cart-incentive-msg span:before {
   vertical-align: -20%;
}

.cart-incentive .progress {
   height: 22px;
   -webkit-box-shadow: none;
   box-shadow: none;
   margin-top: 0;
   margin-bottom: 5px;
   background-color: #eeebe5;
   border: none;
   width: 100%;
}

@media (min-width: 992px) {
   .cart-incentive .progress {
      margin-top: 2px;    
      margin-bottom: 0;
   }
}

.cart-incentive .progress-bar-success {
   background-color: #71b02c;
}

.cart-incentive .progress-bar {
   text-align: right;
   transition-duration: 1.5s;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.cart-incentive .progress-bar .skill {
   margin-right: 10px;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #ffffff;
   font-style: normal;
   font-weight: 300;
   line-height: 1.5;
}

.cart-incentive .col-cart-incentive-message {
   min-height: 50px;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #71b02c;
   font-style: normal;
   font-weight: 400;
}

@media (min-width: 992px) {
   .cart-incentive .col-cart-incentive-message {
      min-height: 40px;
   }   
}

.cart-incentive .col-cart-incentive-message.off {
   color: #9a9a9a;
   font-weight: 400;
}

.cart-incentive .col-cart-incentive-message .jam {
   margin-right: 10px;
   font-size: 18px;
   color: #71b02c;
}

.cart-incentive .col-cart-incentive-message.off .jam {
   color: #9a9a9a;
}

.radio input[type="radio"] {
   position: absolute;
   opacity: 0;
}

.radio input[type="radio"] + .radio-label:before {
   content: '';
   background: #f7f6f2;
   border-radius: 100%;
   border: 1px solid #b7b6b2;
   display: inline-block;
   width: 18px;
   height: 18px;
   position: relative;
   top: -2px;
   margin-right: 8px;
   vertical-align: top;
   cursor: pointer;
   text-align: center;
   -webkit-transition: all 250ms ease;
   -moz-transition: all 250ms ease;
   -o-transition: all 250ms ease;
   transition: all 250ms ease;
}

.radio input[type="radio"]:checked + .radio-label:before {
   background-color: #5a5a5a;
   box-shadow: inset 0 0 0 4px #f7f6f2;
}

.radio input[type="radio"]:focus + .radio-label:before {
   outline: none;
   border-color: #5a5a5a;
}

.radio input[type="radio"]:disabled + .radio-label:before {
   box-shadow: inset 0 0 0 4px #f7f6f2;
   border-color: #b7b6b2;
   background: #b7b6b2;
}

.radio input[type="radio"] + .radio-label:empty:before {
   margin-right: 0;
}

.media-grid-module {
   position: relative;
   display: block;
   padding-bottom: 100%;
}

.media-image {
   background-position: 50% 50%;
   background-size: cover;
   background-repeat: no-repeat;
}

.media-image:after {
   position: absolute;
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(26, 26, 26, 0.15);
}

.media-grid-module > .media-image {
   position: absolute;
   margin: 0;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   contain: strict;
   opacity: 1;
   transition: opacity .3s;
}

.media-grid-module > .media-image:first-child {
   top: 66.6%;
   right: 50%;
}

.media-grid-module > .media-image:nth-child(2) {
   bottom: 33.3%;
}

.media-grid-module > .media-image:nth-child(3) {
   left: 50%;
   top: 66.6%;
}

@media (min-width: 1024px) {
   .media-grid-module {
      padding-bottom: 44.44444444444444%;
   }
   .media-grid-module > .media-image:first-child {
      top: 0;
      width: 33.3%;
      bottom: 50%;
   }
   .media-grid-module > .media-image:nth-child(2) {
      left: 33.3%;
      top: 0;
      right: 0;
      bottom: 0;
   }
   .media-grid-module > .media-image:nth-child(3) {
      left: 0;
      top: 50%;
      width: 33.3%;
      bottom: 0;
   }
}

.block-featured {
   overflow-x: hidden;
   position: relative;
   overflow-y: hidden;
   padding-top: 40px;
   padding-bottom: 70px;
   /*background-color: #eeede9;*/
}

@media (min-width: 1200px) {
   .block-featured {
      padding-top: 60px;
      padding-bottom: 80px;
   }
}


.block-featured .block-featured-title {
   font-family: 'Roboto', sans-serif;
   font-size: 22px;
   color: #1a1a1a;
   font-style: normal;
   font-weight: 400;
   text-align: center;
   margin: 0;
   text-transform: none;
   line-height: 1.2;
}

.block-featured .col-featured {
   margin-bottom: 25px;
}

.block-featured p {
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   margin: 0 0 20px;
}

@media (min-width: 768px) {
   .block-featured .col-featured {
      margin-bottom: 40px;
   }
   .block-featured .block-featured-title {
      font-size: 22px;
   }
}

@media (min-width: 992px) {
   .block-featured .block-featured-title {
      font-size: 24px;
   }
   .block-featured p {
      font-size: 18px;
   }
}

@media (min-width: 1200px) {
   .block-featured .block-featured-title {
      font-size: 26px;
   }
}

.block-featured ul.list-icons {
   margin: 10px 0 0;
   padding: 0;
}

.block-featured ul.list-icons li {
   position: relative;
   list-style: none;
   padding-left: 75px;
   margin-bottom: 30px;
}

.block-featured h2 {
   margin: 0;
   margin-left: 45px;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 400;
   letter-spacing: 0.01em;
   line-height: 1.2;
   text-transform: none;
   position: relative;
}

.block-featured h2:before {
   position: absolute;
   top: 0;
   left: -40px;
   content: '\3f';
   font-size: 14px;
   background-color: #c7c6c2;
   color: #ffffff;
   opacity: 0.9;
   font-family: "jam-icons" !important;
   font-style: normal !important;
   font-weight: normal !important;
   font-variant: normal !important;
   text-transform: none !important;
   speak: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   border: 2px solid #c7c6c2;
   border-radius: 100%;
   padding: 4px;   
}

.block-featured .description {
   margin: 15px 0 0;
   margin-left: 0px;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 300;
   line-height: 1.6;
   text-transform: none;
}

@media (min-width: 768px) {
   .block-featured h2 {
      font-size: 20px;
      max-width: 90%;
   }
   .block-featured .description {
      max-width: 90%;
   }
}

@media (min-width: 992px) {
   .block-featured h2 {
      font-size: 22px;
   }
   .block-featured h2:before {
      font-size: 16px;
      left: -45px;      
   }   
   .block-featured .description {
      font-size: 18px;
   }
}

@media (min-width: 1200px) {
   .block-featured h2:before {
      font-size: 18px;
      top: -3px;
   }   
}

.block-featured ul.list-icons li span.icon {
   font-size: 45px;
   font-weight: 100;
   color: #85ccd3;
   position: absolute;
   top: -15px;
   left: 0;
}

.flex-wrapper {
   padding: 0;
   margin: 0;
   width: 100%;
   display: -ms-flexbox;
   -ms-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   display: -webkit-flex;
   display: flex;
}

.flex-wrapper-center {
   -webkit-justify-content: center;
   justify-content: center;
}


.flex-wrapper > .featured-item {
   list-style-type: none;
   border-right: 1px solid #e7e6e2;
}

.flex-wrapper > .featured-item:last-child {
   list-style-type: none;
   border-right: none;
}


.section-small-generic {
   margin-top: 0;
   margin-bottom: 0; /*80px;*/
}

@media (min-width: 992px) {
   .section-small-generic {
      margin-bottom: 0; /*120px;*/
   }
}

@media (min-width: 768px) {
   .section-generic {
      margin-bottom: 20px;
   }
}

.section-generic h4 {
   margin-bottom: 5px;
}

.flex-wrapper > .featured-item .small-featured-icon {
   margin-top: 15px;
   margin-bottom: 15px;
}

.flex-wrapper > .featured-item .small-featured {
   margin-top: 30px;
   text-align: center;
}

.flex-wrapper > .featured-item .small-featured .icon {
   width: auto;
   height: 65px;
   margin: 0 auto;
   display: table;
   table-layout: fixed; 
   text-align: center;   
}

.flex-wrapper > .featured-item .small-featured .round-icon {
   background: #ffffff;
   border: 2px solid #5a5a5a;
   width: 65px;
   height: 65px;
   margin: 0 auto;
   border-radius: 50%;
   display: table;
   table-layout: fixed; 
   text-align: center;   
}

.flex-wrapper > .featured-item .small-featured .icon > i,
.flex-wrapper > .featured-item .small-featured .round-icon > i {
   display: table-cell;
   vertical-align: middle;
}

.flex-wrapper > .featured-item .small-featured p {
   margin: 10px 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-style: normal;
   font-weight: 500;
   line-height: 1.2;
   text-transform: uppercase;
   text-align: center;
}

@media (min-width: 992px) {
   .flex-wrapper > .featured-item .small-featured p {
      font-size: 14px;
   }
}


.signin-content {
   position: relative;
   margin-top: 30px;
   margin-bottom: 50px;
}

@media (min-width: 992px) {
   .signin-content.login::after {
      content: " ";
      position: absolute;
      background-color: #eeebe5;
      width: 1px;
      height: 100%;
      left: 50%;
      top: 0;   
   }
}

@media (max-width: 767px) {
   .signin-content .col-new-client {
      margin-top: 20px;
      padding-top: 30px;      
      border-top: 1px solid #eeebe5;
   }
}

.signin-content h2 {
   margin: 0 0 20px;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #1a1a1a;
   font-style: normal;
   font-weight: 600;
   line-height: 1.42857143;
}

@media (min-width: 768px) {
	.signin-content h2 {
	   font-weight: 500;
	}
}

.checkout-container h2.rubrique {
   margin: 20px 0 20px;
   padding: 10px 15px;   
   background-color: #f7f6f2;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 500;
   line-height: 1.42857143;
}

.checkout-container h2.rubrique:first-child {
   margin-top: 0;
}

@media (min-width: 1200px) {
   .signin-content h2 {
      font-size: 18px;
   }   
   .checkout-container h2.rubrique {
      font-size: 16px;
   }
}

.signin-content .lost-password {
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
}

.col-new-client ul {
   padding-left: 20px;
}

.col-new-client li {
   margin-bottom: 10px;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
}

.checkout-progress {
   display: none;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   margin: 40px auto 40px;
   max-width: 950px;
   padding: 0 30px;
}

.checkout-progress-mobile {
   margin-top: 15px;
   margin-bottom: 20px;
   color: #979692;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 500;
   letter-spacing: 0.04em;
   font-style: normal;
   text-align: center;
   text-transform: uppercase;
}

@media (min-width: 768px) {
   .checkout-progress {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
   .checkout-progress-mobile {
      display: none;
   }
   .checkout-button-mobile {
      display: none;
   }
}

.checkout-progress .step-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   pointer-events: none;
   position: relative;
   max-width: 60px;
}

.checkout-progress .step {
   width: 48px;
   height: 48px;
   position: relative;
}

.checkout-progress .step:before {
   position: absolute;
   width: 100%;
   height: 100%;
   border: 1px solid #3a3a3a;
   border-radius: 100%;
   font-family: 'Roboto', sans-serif;
   ;
   font-size: 22px;
   font-weight: 400;
   font-style: normal;
   letter-spacing: 0;
   text-align: center;
   line-height: 48px;
   color: #5a5a5a;
}

.checkout-progress .step-1:before {
   content: "1";
}

.checkout-progress .step-2:before {
   content: "2";
}

.checkout-progress .step-3:before {
   content: "3";
}

.checkout-progress.active-step-1 .step-1:before,
.checkout-progress.active-step-2 .step-1:before,
.checkout-progress.active-step-3 .step-1:before,
.checkout-progress.active-step-2 .step-2:before,
.checkout-progress.active-step-3 .step-2:before,
.checkout-progress.active-step-3 .step-3:before {
   background: #3a3a3a;
   color: #ffffff;
}

.checkout-progress.active-step-2 .step-1 {
   pointer-events: all;
}

.checkout-progress .step-label {
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 400;
   letter-spacing: 0.04em;
   text-transform: uppercase;
   line-height: 1.2;
   text-align: center;
   color: #6a6a6a;
   margin-top: 15px;
   height: 15px;
}

.checkout-progress .step-bar {
   background-color: #5a5a5a;
   height: 1px;
   width: calc((100% - 144px) / 2 - 36px);
   -ms-flex-negative: 50;
   flex-shrink: 50;
   -ms-flex-item-align: center;
   align-self: center;
   margin-top: -32px;
}

.shipping-summary-wrapper {
   margin-top: 40px;
   margin-bottom: 40px;
   padding: 20px;
   border: 5px solid #f7f6f2;
}

.shipping-summary-wrapper h2 {
   margin-bottom: 10px;
}

.shipping-summary-wrapper .adresse-info {
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.42857143;
}

.shipping-summary-wrapper a {
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
}

.shipping-summary-wrapper a:hover {
   color: #e53e3e;
}

.shipping-summary-wrapper .col-shipping-summary-mode {
   margin-top: 40px;
}

@media (min-width: 992px) {
   .shipping-summary-wrapper .col-shipping-summary-mode {
      margin-top: 0;
   }
}

.shipping-infos {
   display: none;
}

.shipping-infos.active {
   display: block;
}

.shipping-infos p {
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.42857143;
   margin: 0 0 10px;
}

.shipping-infos input {
   font-size: 15px;
}

.shipping-infos .shipping-label {
   line-height: 44px;
   text-align: center;
   margin: 0;
}

.row-map {
   margin-top: 20px;
}

.row-map .shipping-map {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   flex-direction: row-reverse;
   margin-left: -12px;
   margin-right: -12px;
   margin-top: 25px;
}

.row-map .shipping-map .results-list {
   -ms-flex-preferred-size: 100%;
   flex-basis: 100%;
   position: relative;
   -webkit-overflow-scrolling: touch;
}

.row-map .shipping-map .results-map {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
   -ms-flex-preferred-size: 58.33333%;
   flex-basis: 58.33333%;
   max-width: 58.33333%;
   min-height: 500px;
   display: none;
   background-color: azure;
}

@media (max-width: 991px) {
   .row-map .shipping-map .results-list {
      max-height: 400px;
      overflow-y: auto;
   }
}

@media (min-width: 992px) {
   .row-map .shipping-map .results-list {
      position: relative;
      min-height: 1px;
      padding-left: 12px;
      padding-right: 12px;
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      max-width: 41.66667%;
      max-height: 500px;
      overflow-y: scroll;
   }
   .row-map .shipping-map .results-map {
      display: block;
      padding-left: 12px;
      padding-right: 12px;
   }
}

.row-map .shipping-map .results-list .point-relais-choice {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   border-bottom: 1px solid #eeebe5;
   padding: 25px 0 25px 15px;
}

.row-map .shipping-map .results-list .point-relais-choice .radio {
   margin-top: 5px;
}

.row-map .shipping-map .results-list .point-relais-choice .point-relais-logo {
   padding: 0 12px;
}

.row-map .shipping-map .results-list .point-relais-choice .point-relais-name {
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.42857143;
}

.row-map .shipping-map .results-list .point-relais-choice .point-relais-name span {
   margin-left: 5px;
   font-weight: 400;
   color: #5a5a5a;
}

.row-map .shipping-map .results-list .point-relais-choice .point-relais-adresse {
   color: #5a5a5a;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.42857143;
   margin-top: 5px;
}

.row-map .shipping-map .results-list .point-relais-choice .point-relais-action {
   margin-top: 0px;
}

.row-map .shipping-map .results-list .point-relais-choice .point-relais-action a {
   margin-right: 10px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
}

.row-map .shipping-map .results-list .point-relais-choice .point-relais-action a:hover {
   color: #e53e3e;
}

.delivery-choice {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   margin-bottom: 25px;
}

.delivery-choice .radio {
   margin-top: 12px;
}

.delivery-choice .delivery-info {
   margin-left: 10px;
   margin-top: 8px;
}

.delivery-choice .delivery-info .logos-payment-wrapper {
   margin-top: 5px;
   margin-bottom: 10px;
}

.delivery-choice .delivery-info .logo-payment {
   display: inline-block;
   width: 48px;
   height: 28px;
   margin-right: 6px;
   text-indent: -9999px;
   border: 1px solid #979692;
   border-radius: 3px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 28px auto;
   vertical-align: middle;
}

.delivery-choice .delivery-info .logo-payment.cb {
   background-image: url('../images/logo/paiement/cb.svg');
}

.delivery-choice .delivery-info .logo-payment.visa {
   background-image: url('../images/logo/paiement/visa.svg');
}

.delivery-choice .delivery-info .logo-payment.mastercard {
   background-image: url('../images/logo/paiement/mastercard.svg');
}

.delivery-choice .delivery-info .logo-payment.amex {
   background-image: url('../images/logo/paiement/amex.svg');
   background-size: 40px auto;
}

.delivery-choice .delivery-info .logo-payment.paypal {
   background-image: url('../images/logo/paiement/paypal.svg');
   background-size: 40px auto;
}

.delivery-choice .delivery-info .logo-verifone {
   display: inline-block;
   width: 110px;
   height: 20px;
   margin-right: 6px;
   text-indent: -9999px;
   background-image: url('../images/logo/paiement/verifone.png');
   background-repeat: no-repeat;
   background-position: center center;
   vertical-align: middle;
}

.delivery-choice .delivery-info .delivery-name {
   margin-bottom: 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.6;
   text-transform: uppercase;
}

.delivery-choice .delivery-info .delivery-logo {
   margin-left: 15px;
}

.delivery-choice .delivery-info .delivery-price {
   margin-bottom: 5px;
   color: #71b02c;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 400;
   font-style: normal;
}

.delivery-choice .delivery-info .delivery-delay {
   margin-bottom: 5px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
}

.delivery-choice .delivery-info .payment-info {
   margin-bottom: 5px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
}

.delivery-choice .delivery-info .delivery-price.free {
   color: #71b02c;
   text-transform: uppercase;
}

.adresse-choice {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   padding: 0 15px 0 0;
   margin: 0 0 30px;
}

.adresse-choice .adresse-info {
   margin-left: 10px;
   margin-top: 8px;
   color: #5a5a5a;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.42857143;
}

.adresse-choice .adresse-info .adresse-actions {
   margin-top: 5px;
}

.adresse-choice .adresse-info .adresse-actions a {
   margin-right: 10px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
}

.adresse-choice .adresse-info .adresse-actions a:hover {
   color: #e53e3e;
}


/**************************/


/*  HOME PAGE             */


/**************************/

.home-banner {
   position: relative;
   display: block;
   margin: 0;
   background-size: cover;
   background-position: 50%;
   background-repeat: no-repeat;
   background-image: none;
}

@media (max-width: 767px) {
   .home-banner .container-banner {
      padding-left: 0;
      padding-right: 0;
   }
}

.home-banner .row-banner {
   position: relative;
   height: 100%;
}

@media (max-width: 767px) {
   .home-banner .row-banner {
      margin-left: 0;
      margin-right: 0;
   }
}

@media (min-width: 768px) {
   .home-banner .row-banner {
      height: 66vh;
   }
}

.home-banner .row-banner .col-banner-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
}

.home-banner .row-banner .col-banner-info {
   display: block;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

@media (max-width: 767px) {
   .home-banner .row-banner .col-banner-link,
   .home-banner .row-banner .col-banner-info {
      padding-left: 0;
      padding-right: 0;
   }
   .home-banner .row-banner .col-banner-link {
      height: 380px;
   }
}

@media (min-width: 768px) {
   .home-banner .row-banner .col-banner-link,
   .home-banner .row-banner .col-banner-info {
      position: absolute;
      height: 100%;
   }
   .home-banner .row-banner .col-banner-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
}

.home-banner .row-banner .col-banner-link a {
   display: block;
   width: 100%;
   height: 100%;
}

.home-banner .row-banner .col-banner-link .img-presentation {
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat;
}

.home-banner .row-banner .col-banner-info .info-wrapper {
   position: relative;
   padding: 36px 24px;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   z-index: 1;
}

@media (min-width: 768px) {
   .home-banner .row-banner .col-banner-info .info-wrapper {
      padding: 64px 32px 64px;
   }
}

@media (min-width: 992px) {
   .home-banner .row-banner .col-banner-info .info-wrapper {
      padding: 80px 48px 80px;
   }
}

.home-banner .row-banner .col-banner-info .info-wrapper .info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   height: 100%;
   width: 100%;
}

@media (min-width: 768px) {
   .home-banner .row-banner .col-banner-info .info-wrapper .info {
      min-height: 280px;
   }
}

.home-banner .row-banner .col-banner-info .info-wrapper .info .subtitle {
   position: relative;
   padding-bottom: 20px;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.42857143;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.home-banner .row-banner .col-banner-info .info-wrapper .info .subtitle span {
   position: relative;
}

.home-banner .row-banner .col-banner-info .info-wrapper .info .subtitle span:after {
   content: '';
   position: absolute;
   top: 9px;
   right: auto;
   left: auto;
   margin-right: 0;
   margin-left: 20px;
   width: 40px;
   height: 1px;
   background: #ffffff;
}


@media (min-width: 992px) {
   .home-banner .row-banner .col-banner-info .info-wrapper .info .subtitle {
      font-size: 15px;
   }
   
   .home-banner .row-banner .col-banner-info .info-wrapper .info .subtitle span:after {
      top: 10px;
   }   
}

@media (min-width: 1200px) {
   .home-banner .row-banner .col-banner-info .info-wrapper .info .subtitle {
      font-size: 16px;
   }
   
   .home-banner .row-banner .col-banner-info .info-wrapper .info .subtitle span:after {
      top: 10px;
   }   
}

.home-banner .row-banner .col-banner-info .info-wrapper .info .title {
   padding-bottom: 24px;
   margin-bottom: 8px;
   margin-top: 0;
   font-family: 'Poppins', sans-serif;
   /*font-family: 'MetaSerifPro', sans-serif;*/
   font-size: 30px;
   font-weight: 700;
   font-style: normal;
   line-height: 1;
   text-transform: uppercase;
   letter-spacing: 0;
   /*letter-spacing: 0.01em;*/
}

@media (min-width: 768px) {
   .home-banner .row-banner .col-banner-info .info-wrapper .info .title {
      font-size: 30px;
   }
}

@media (min-width: 992px) {
   .home-banner .row-banner .col-banner-info .info-wrapper .info .title {
      font-size: 35px;
   }
}

@media (min-width: 1200px) {
   .home-banner .row-banner .col-banner-info .info-wrapper .info .title {
      font-size: 40px;
   }
}

@media (min-width: 1600px) {
   .home-banner .row-banner .col-banner-info .info-wrapper .info .title {
      font-size: 40px;
   }
}


.home-banner .row-banner .col-banner-info .info-wrapper .info .description {
   padding-bottom: 40px;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.42857143;
   text-transform: none;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
}

@media (min-width: 992px) {
   .home-banner .row-banner .col-banner-info .info-wrapper .info .description {
      font-size: 18px;
   }
}

.home-banner .row-banner .col-banner-info .info-wrapper .info .btn-action {
   padding: 10px 24px 10px; 
   background-color: transparent;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 500;
   font-style: normal;
   text-transform: uppercase;
   line-height: 1.5;
   letter-spacing: 0.02em;   
}

@media (min-width: 768px) {
   .home-banner .row-banner .col-banner-info .info-wrapper .info .btn-action {
      font-size: 13px;
   }
}

.reassurance-banner {
   position: relative;
   padding: 50px 0; 
   margin: 0;
   background-image: url('../images/home/reassurance/reassurance-texture.png');
   background-position: 50% 50%;
   background-repeat: repeat;
}

.reassurance-banner .container-reassurance {
   position: relative;
}

.reassurance-banner .row-reassurance {
   margin: 40px 0 20px;
}

@media (min-width: 992px) {
   .reassurance-banner .row-reassurance {
      margin: 50px 0 30px;
   }
}

.reassurance-banner .col-reassurance-item:nth-child(3),
.reassurance-banner .col-reassurance-item:nth-child(4) {
   margin-top: 40px;   
}

@media (min-width: 768px) {
   .reassurance-banner .col-reassurance-item:nth-child(3),
   .reassurance-banner .col-reassurance-item:nth-child(4) {
      margin-top: 0;
   }
}

.reassurance-banner .col-reassurance-item .img-reassurance-item {
   margin-bottom: 15px;
   width: 100%;
}


.reassurance-banner .col-reassurance-item img {
   height: 60px;   
}

.reassurance-banner .col-reassurance-item h3 {
   margin: 0;
   color: #3a3a3a;
   font-family: 'Poppins', sans-serif;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.2;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 0;   
   letter-spacing: 0.01em;   
}

.reassurance-banner .col-reassurance-item p {
   margin: 7px 10px 0;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.2;
   text-align: center;
   letter-spacing: 0;   
}

.reassurance-banner .col-reassurance-item .mention {
   margin-top: 10px;
   color: #6a6a6a;
   font-size: 10px;
   font-weight: 300;
   font-style: italic;
   line-height: 1.2;
}


@media (min-width: 992px) {
   .reassurance-banner .col-reassurance-item img {
      height: 80px;
   }   
   .reassurance-banner .col-reassurance-item h3 {
      font-size: 14px;
   }
   .reassurance-banner .col-reassurance-item p {
      font-size: 13px;
   }
   .reassurance-banner .col-reassurance-item .mention {
      font-size: 11px;      
   }
}

@media (min-width: 1200px) {
   .reassurance-banner .col-reassurance-item h3 {
      font-size: 15px;
   }
   .reassurance-banner .col-reassurance-item p {
      font-size: 14px;
   }   
}

.reassurance-banner .reassurance-wrapper {
   padding: 0;
   margin: 0;
   width: 100%;
   display: -ms-flexbox;
   -ms-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: center;
   justify-content: center;   
}

.reassurance-banner .reassurance-element {
   list-style-type: none;   
   margin: 0;
   padding: 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.2;
   letter-spacing: 0;
   text-align: center;
}

.reassurance-banner .reassurance-element img {
    display: block;
    height: auto;
    width: 100%;   
    max-width: 215px;
    margin: 0 auto 15px;   
}

.reassurance-btn-wrapper {
   text-align: center;
   padding: 40px 0;
}

.reassurance-btn-wrapper .btn-reassurance {
    border: 1px solid #e53e3e;
    padding: 10px 24px 10px;
}

.reassurance-btn-wrapper .btn-reassurance a {
    color: #e53e3e;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.reassurance-btn-wrapper .btn-reassurance:before {
  background-color: #e53e3e;
}

.reassurance-btn-wrapper .btn-reassurance:hover {
   background-color: #e53e3e;
   border: 1px solid #e53e3e;
}

.reassurance-btn-wrapper .btn-reassurance:hover a,
.reassurance-btn-wrapper .btn-reassurance a:hover{
   color: #ffffff;
   font-weight: 400;
}

@media (min-width: 768px) {
   .reassurance-btn-wrapper .btn-reassurance a {
      font-size: 13px;
   }
}


.products-banner {
   margin: 60px 0 40px;
}

@media (min-width: 768px) {
   .products-banner {
      margin: 80px 0 60px;
   }
}

@media (min-width: 992px) {
   .products-banner {
      margin: 100px 0 80px;
   }
}

@media (min-width: 1200px) {
   .products-banner {
      margin: 120px 0 100px;
   }
}

.products-banner .row-product-banner-title {
   margin-bottom: 0;
}


.main-title {
   margin-top: 0;
   margin-bottom: 20px;
   color: #1a1a1a;
   font-family: 'Poppins', sans-serif;
   /*font-family: 'MetaSerifPro', sans-serif;*/
   font-size: 24px;
   /*font-size: 30px;*/
   font-weight: 700;
   /*font-weight: 500;*/
   font-style: normal;
   line-height: 1.2;
   text-align: center;
   letter-spacing: 0;
   /*letter-spacing: 0.01em;*/
   text-transform: uppercase;
}

@media (min-width: 768px) {
   .products-banner .row-product-banner-title {
      margin-bottom: 0;
   }   
   .main-title {
      font-size: 24px;
      /*font-size: 35px;*/
   }
}

@media (min-width: 992px) {
   .main-title {
      font-size: 26px;
      /*font-size: 40px;*/
      padding: 0 50px;
   }
}

@media (min-width: 1200px) {
   .main-title {
      font-size: 28px;
      /*font-size: 45px;*/
      padding: 0 50px;
   }
}

.layer-top {
   position: relative;
   z-index: 15;   
}

.layer-under {
   position: relative;
   z-index: 5;  
   padding-right: 0;
}

.products-banner .img-container {
   position: relative;
   overflow: hidden;   
   background-color: #d7d6d2;
}

@media (min-width: 992px) {
   .products-banner .img-container {
      background-size: cover;   
      height: 700px;
   }
}

@media (min-width: 1200px) {
   .products-banner .img-container {
      height:  750px;
   }
}

.bg-right {
    position: absolute;
    height: 80%;
    width: 20px;
    background-color: #e53e3e;
    top: 10%;
    right: -20px;
}

.bg-left {
    position: absolute;
    height: 80%;
    width: 20px;
    background-color: #e53e3e;
    top: 10%;
    left: -20px;
}

.bg-bottom {
    position: absolute;
    height: 20px;
    width: 80%;
    background-color: #e53e3e;
    left: 10%;
    bottom: -20px;
}

.bg-bottom-left {
    position: absolute;
    height: 20px;
    width: 50%;
    background-color: #e53e3e;
    left: 10%;
    bottom: -20px;
}

.bg-bottom-right {
    position: absolute;
    height: 25px;
    width: 50%;
    background-color: #e53e3e;
    right: 10%;
    bottom: -20px;
}

.products-banner .txt-container {
   padding-right: 0;
}

.products-banner .subtitle {
   margin: 0 0 5px;
   color: #e53e3e;
   font-family: 'Poppins', sans-serif;
   /*font-family: 'MetaSerifPro', sans-serif;*/
   font-size: 17px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.2;
   text-align: center;
   letter-spacing: 0.02em;
}

@media (min-width: 768px) {
   .products-banner .subtitle {
      font-size: 18px;
   }   
}

@media (min-width: 1200px) {
   .products-banner .subtitle {
      font-size: 19px;
   }   
}


.products-banner .txt-container .title {
   margin: 0;
   color: #1a1a1a;
   font-family: 'Poppins', sans-serif;
   font-size: 30px;
   font-weight: 600;
   font-style: normal;
   line-height: 1.2;
   text-align: center;
   letter-spacing: 0;  
}

.products-banner .description {
   margin: 0 0 20px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.4285714;
   text-align: center;
   letter-spacing: 0;  
}

@media (min-width: 992px) {
   .products-banner .description {
      font-size: 18px;
   }
}

.products-banner .reassurance-boxes {
   padding-top: 20px;
}

@media (min-width: 768px) {
   .products-banner .txt-container .subtitle {
      font-size: 22px;
   } 
   .products-banner .txt-container .title {
      font-size: 35px;
   }   
}

@media (min-width: 992px) {
   .products-banner .txt-container {
      margin-top: 40px;
   }     
   .products-banner .reassurance-boxes {
      width: 120%;
   }
   
   .products-banner .txt-container .subtitle {
      font-size: 24px;
      text-align: left;
   }
   
   .products-banner .txt-container .title {
      font-size: 35px;
      text-align: left;
   }
   
   .products-banner .txt-container .title::after {
      margin: 20px 0;
   }   
}

@media (min-width: 1200px) {
   .products-banner .txt-container .subtitle {
      font-size: 28px;
   }
   
   .products-banner .txt-container .title {
      font-size: 40px;
   }     
   
   .products-banner .description {
      font-size: 18px;
   }
}

.products-banner .reassurance-boxes .box {
   position: relative;
   background-color: #f7f6f2;      
   padding-bottom: 75%;
   width: 48%;
   height: 48%;
   float: left;
   margin-bottom: 4%;
}

@media (min-width: 768px) {
   .products-banner .reassurance-boxes .box {
      padding-bottom: 33%;
   } 
}

@media (min-width: 992px) {
   .products-banner .reassurance-boxes .box {
      padding-bottom: 60%;
   } 
}

@media (min-width: 1200px) {
   .products-banner .reassurance-boxes .box {
      padding-bottom: 48%;
   } 
}

.products-banner .reassurance-boxes .box:nth-child(1),
.products-banner .reassurance-boxes .box:nth-child(3) {
   margin-right: 2%;
}

.products-banner .reassurance-boxes .box:nth-child(2),
.products-banner .reassurance-boxes .box:nth-child(4) {
   margin-left: 2%;
}

.products-banner .reassurance-boxes .box .box-title {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 66%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   text-align: center;
}

.products-banner .reassurance-boxes .box .box-title img {
   height: 80px;
   display: block;
   margin: 0 auto 10px;
}

.products-banner .reassurance-boxes .box .box-title h3 {
   margin: 0;
   color: #1a1a1a;
   font-family: 'Poppins', sans-serif;
   font-size: 14px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.2;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 0;   
}

.products-banner .reassurance-boxes .box .box-title p {
   margin: 5px 0 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.2;
   text-align: center;
   letter-spacing: 0;   
}

.products-banner .reassurance-boxes .box .box-title .mention {
   margin-top: 10px;
   color: #6a6a6a;
   font-size: 11px;
   font-weight: 300;
   font-style: italic;
   line-height: 1.2;
}

@media (min-width: 768px) {
   .products-banner .reassurance-boxes .box .box-title h3 {
      font-size: 15px;
   }
}

@media (min-width: 1200px) {
   .products-banner .reassurance-boxes .box .box-title h3 {
      font-size: 16px;
   }
   .products-banner .reassurance-boxes .box .box-title p {
      font-size: 15px;
   }   
}

.products-banner .products-banner-title {
   margin: 0;
   color: #1a1a1a;
   font-family: 'Poppins', sans-serif;
   font-size: 30px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.2;
   text-align: center;
   letter-spacing: 0;
   text-transform: none;
}

@media (min-width: 992px) {
   .products-banner .products-banner-title {
      font-size: 35px;
   }
}

.products-banner .row-product-banner-title p {
   margin: 20px 0;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
   text-align: center;
}

.products-banner .row-product-banner-title p span {
   color: #e53e3e;
}

.products-banner .row-banner-product {
   margin-top: 20px;
}

@media (min-width: 768px) {
   .products-banner .row-product-banner-title p {
      padding: 0 5%;
   }
}

@media (min-width: 992px) {
   .products-banner .row-product-banner-title p {
      font-size: 20px;
   }
}

.col-banner-product {
}

.col-banner-product .img-product {
   width: 100%;
}

.col-banner-product .info-wrapper {
   padding: 20px 10px 36px;
}

.col-banner-product .info-wrapper .title {
   margin-bottom: 5px;
   margin-top: 0;
   text-align: left;   
}

.col-banner-product .info-wrapper .title {
   -webkit-transform: translateX(-30px);
   -ms-transform: translateX(-30px);
   -o-transform: translateX(-30px);
   transform: translateX(-30px);
   -webkit-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out
}

.col-banner-product .info-wrapper .title:before {
   content: '';
   display: inline-block;
   margin-right: 0;
   width: 30px;
   border-top: 2px solid #e53e3e;
   vertical-align: middle;
   -webkit-transform-origin: top right;
   -ms-transform-origin: top right;
   -o-transform-origin: top right;
   transform-origin: top right;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   -o-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: inherit;
   -o-transition: inherit;
   transition: inherit;
}

.col-banner-product:hover .info-wrapper .title {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   -o-transform: translateX(0);
   transform: translateX(0);
}

.col-banner-product:hover .info-wrapper .title:before {
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   -o-transform: scaleX(1);
   transform: scaleX(1);
   margin-right: 14px;
}

.col-banner-product .info-wrapper .title a {
   color: #3a3a3a;
   font-family: 'Poppins', sans-serif;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.2;
   text-transform: none;
   letter-spacing: 0.01em;
}

.col-banner-product:hover .info-wrapper .title a,
.col-banner-product .info-wrapper .title a:hover {
   color: #e53e3e;
}


@media (min-width: 768px) {
   .col-banner-product .info-wrapper {
      padding: 10px 10px 36px;
   }   
   .col-banner-product .info-wrapper .title a {
      font-size: 18px;
   }
}

@media (min-width: 992px) {
   .col-banner-product .info-wrapper {
      padding: 20px 10px 36px;
   }  
   .col-banner-product .info-wrapper .title a {
      font-size: 20px;
   }
}

@media (min-width: 1200px) {
   .col-banner-product .info-wrapper .title a {
      font-size: 21px;
   }
}

.col-banner-product .info-wrapper .btn-action {
   /*
   display: inline-block;
   position: relative;
   box-sizing: border-box;
   overflow: hidden;
   cursor: pointer;
   */
   margin-top: 15px;
}

.col-banner-product .info-wrapper .btn-action {
   color: #e53e3e;
   border: 1px solid #e53e3e;
   padding: 10px 24px 10px;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: 0.02em;
   text-transform: uppercase;
}

.col-banner-product .info-wrapper .btn-action:before {
  background-color: #e53e3e;
}


@media (min-width: 768px) {
   .col-banner-product .info-wrapper .btn-action {
      margin-top: 20px;      
      font-size: 13px;
   }
}

.col-banner-product .info-wrapper .btn-action:hover {
   color: #ffffff;
   font-weight: 400;
   background-color: #e53e3e;
   border: 1px solid #e53e3e;
}


.col-banner-product .info-wrapper .info .cta-link {
   color: #e53e3e; 
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.2;
   letter-spacing: -0.02em;
   border-bottom: 1px solid transparent;
}

.col-banner-product .info-wrapper .info .cta-link:hover {
   color: #e53e3e;
}

.col-banner-product .info-wrapper .info .divider {
   padding: 0 4px;
   color: #e53e3e;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 300;
   font-style: normal;
}

.social-banner {
   background-color: #2a2a2a;
   padding: 60px 0 60px;
}

@media (min-width: 992px) {
   .social-banner {
      padding: 80px 0 100px;
   }
}

.social-banner .row-social-header {
   margin-bottom: 60px;
}

.social-banner .col-social-follow-us {
   text-align: center;
   margin-top: 20px;
}

.social-banner .col-social-hashtag {
   text-align: center;
   margin-bottom: 5px;
   color: #ffffff;
   font-weight: 700;
}

.social-banner .col-social-follow-us a {
   color: #e53e3e;
   border-bottom: none;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 400;
   font-style: normal;
}

.social-banner .col-social-follow-us a:hover {
   color: #e53e3e;
}

.social-banner .col-social-follow-us a i {
   margin-right: 5px;
   font-size: 16px;
}

.social-banner .col-social-hashtag p span {
   color: #e53e3e;
   font-weight: 400;
}

.social-banner .col-social-follow-us span.atc {
   cursor: pointer;
}

.social-banner .col-social-follow-us span i {
   font-size: 30px;
   margin-left: 50px;
   color: #dfdfdf;
}

.social-banner .col-social-hashtag p {
   margin: 0;
   color: #8a8a8a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.42857143;
}

@media (min-width: 992px) {
   .social-banner .col-social-hashtag p {
      font-size: 18px;
   }
}

.bestsellers-banner {
   margin: 60px 0 60px;
}

@media (min-width: 768px) {
   .bestsellers-banner {
      margin: 100px 0 100px;
   }
}

@media (min-width: 992px) {
   .bestsellers-banner {
      margin: 100px 0 100px;
   }
}

@media (min-width: 1200px) {
   .bestsellers-banner {
      margin: 120px 0 120px;
   }
}

.bestsellers-banner .row-bestsellers-banner-title {
   margin-bottom: 5px;
   text-align: center;
}

.bestsellers-banner .row-bestsellers-banner-title .title {
   margin: 0;
   color: #1a1a1a;
   font-family: 'Poppins', sans-serif;
   font-size: 25px;
   font-weight: 600;
   font-style: normal;
   line-height: 1;
   letter-spacing: 0;
   text-transform: uppercase;
}

.bestsellers-banner .row-bestsellers-banner-title .bestsellers-subtitle {
   color: #e53e3e;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.2;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   margin-bottom: 5px;
}

@media (min-width: 768px) {
   .bestsellers-banner .row-bestsellers-banner-title {
      margin-bottom: 30px;
   }
   .bestsellers-banner .row-bestsellers-banner-title .title {
      font-size: 25px;
   }
   .bestsellers-banner .row-bestsellers-banner-title .bestsellers-subtitle { 
      font-size: 14px;
   }
}
   

@media (min-width: 992px) {
   .bestsellers-banner .row-bestsellers-banner-title {
      margin-bottom: 40px;
   }
   .bestsellers-banner .row-bestsellers-banner-title .title {
      font-size: 30px;
   }
   .bestsellers-banner .row-bestsellers-banner-title .bestsellers-subtitle { 
      font-size: 15px;
   }   
}

@media (min-width: 1200px) {
   .bestsellers-banner .row-bestsellers-banner-title .title {
      font-size: 35px;
   }
   .bestsellers-banner .row-bestsellers-banner-title .bestsellers-subtitle { 
      font-size: 16px;
   }   
}

.nutrition-banner {
   padding: 0 0 60px;
   margin: 0;
}

.nutrition-banner-intro {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;   
   flex-flow: wrap;
   align-items: flex-start;
   justify-content: space-between;   
}

.nutrition-banner-intro .intro {
   position: relative;
   width: 100%;
   height: 280px;
   background-position: 0% 0%;
   background-size: cover;
   background-repeat: no-repeat;   
}

@media (min-width: 768px) {
   .nutrition-banner-intro .intro {
      height: 450px;
   }
}

@media (min-width: 992px) {
   .nutrition-banner-intro .intro {
      height: 500px;
   }
}

@media (min-width: 1200px) {
   .nutrition-banner-intro .intro {
      height: 600px;
   }
}


.nutrition-banner-intro .nutrition-picture {
    width: 90%;
    position: relative;
    z-index: 2;
    top: -75px;
    right: 0;
    margin: 0 auto -100px;   
}

.nutrition-banner-intro .nutrition-picture .large-picture {
   /*border: 15px solid #fff;*/
   width: 100%; /*90%;*/
   max-width: 100%;
   height: auto;
}

.nutrition-banner-intro .nutrition-picture .small-picture {
   width: 50%;
   max-width: 100%;   
   position: absolute;
   z-index: 4;
   bottom: 0;
   right: 0;
   height: auto;
}

.nutrition-banner-intro .nutrition-text-intro {
    width: 100%;
    padding: 0;
    text-align: left;
    vertical-align: top;
}

@media (min-width: 768px) {
   .nutrition-banner-intro .nutrition-text-intro {
       width: 49%;
       min-width: 247px;
       padding: 60px 0 0 0;
   }
   
   .nutrition-banner-intro .nutrition-picture {
      width: 49%;
      position: relative;
      z-index: 3;
      top: 0; /*-71px;*/
      right: 0;
      margin-bottom: 0; /*-71px;*/
   }   
   
   .nutrition-banner-intro .nutrition-picture .large-picture {
      width: 100%; /*80%;*/
      float: left;
   }   
   
   .nutrition-banner-intro .nutrition-picture .small-picture {
      bottom: -25px;
      right: 17px;
   }   
}

.nutrition-banner-intro .nutrition-text-intro .btn-action {
   margin-top: 20px;
   padding: 10px 24px 10px;
   border: 2px solid #1a1a1a;
   background-color: transparent;
}

@media (min-width: 768px) {
   .nutrition-banner-intro .nutrition-text-intro .btn-action {
      margin-bottom: 30px;
   }
}

.nutrition-banner-intro .nutrition-text-intro .btn-action:before {
   background-color: #1a1a1a;
}

.nutrition-banner-intro .nutrition-text-intro .btn-action:hover {
   background-color: #1a1a1a;
}

.nutrition-banner-intro .nutrition-text-intro .btn-action a:focus,
.nutrition-banner-intro .nutrition-text-intro .btn-action a:active,
.nutrition-banner-intro .nutrition-text-intro .btn-action a {
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.5;
   text-transform: uppercase;
   letter-spacing: 0.02em;
}

@media (min-width: 768px) {
   .nutrition-banner-intro .nutrition-text-intro .btn-action a:focus,
   .nutrition-banner-intro .nutrition-text-intro .btn-action a:active,
   .nutrition-banner-intro .nutrition-text-intro .btn-action a {
      font-size: 13px;
   }
}

.nutrition-banner-intro .nutrition-text-intro .btn-action:hover a,
.nutrition-banner-intro .nutrition-text-intro .btn-action a:hover {
   color: #ffffff;
}


@media (min-width: 992px) {
   .nutrition-banner-intro .nutrition-picture {
      top: -120px; /*-100px;*/
      margin-bottom: -120px; /*-100px;*/
   }
   
   .nutrition-banner-intro .nutrition-picture .large-picture {
      width: 100%; /*85%;*/
   }   
   
   .nutrition-banner-intro .nutrition-picture .small-picture {
      width: 49.5%;
   }   
}

@media (min-width: 1200px) {
   .nutrition-banner-intro .nutrition-picture {
      top: -200px;
      margin-bottom: -150px;
   }   
   
   .nutrition-banner-intro .nutrition-text-intro {
       padding: 60px 0 0 8.33333333%;
   }   
}

@media (min-width: 1600px) {
   .nutrition-banner-intro .nutrition-picture .large-picture {
      width: 90%;
   }    
}

.nutrition-banner .row-nutrition-banner-title {
   margin-bottom: 0;
   text-align: center;
}

.nutrition-banner .row-nutrition-banner-title .title {
   margin: 0;
   color: #1a1a1a;
   font-family: 'Poppins', sans-serif;
   font-size: 35px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.2;
   letter-spacing: 0;
   text-transform: none;
}

.nutrition-banner .row-nutrition-banner-title .title.line::after {
   background-color: #efefef;
}

@media (min-width: 768px) {
   .nutrition-banner {
      padding: 0 0 60px;
   }   
   .nutrition-banner .row-nutrition-banner-title .title {
      font-size: 35px;
   }
}

@media (min-width: 992px) {
   .nutrition-banner {
      padding: 80px 0 80px;
      margin: 0 0 80px;
      background-color: #f7f6f2;
   }
   .nutrition-banner .row-nutrition-banner-title .title {
      font-size: 40px;
   }
}

@media (min-width: 1200px) {
   .nutrition-banner {
      padding: 100px 0 100px;
      margin: 0 0 100px;
   }   
   .nutrition-banner .row-nutrition-banner-title .title {
      font-size: 45px;
   }
}

.nutrition-banner .row-nutrition-banner-title p {
   margin: 0;
   color: #efefef;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
   text-align: center;
}

@media (min-width: 992px) {
   .nutrition-banner .row-nutrition-banner-title p {
      font-size: 18px;
   }
}

@media (min-width: 768px) {
   .nutrition-banner .row-nutrition-banner-video {
      margin-bottom: 20px;
   }
}

@media (min-width: 992px) {
   .nutrition-banner .row-nutrition-banner-video {
      margin-bottom: 40px;
   }
}

.nutrition-banner .row-nutrition-banner-content {
   margin-top: 60px;
}

@media (min-width: 768px) {
   .nutrition-banner .row-nutrition-banner-content {
      margin-top: 20px;
   }
}

.nutrition-banner .row-nutrition-banner-content img {
   width: 100%;
}

.nutrition-banner .video-container {
   margin-top: 20px;
   margin-bottom: 20px;
}

@media (min-width: 992px) {
   .nutrition-banner .video-container {
      margin-top: 40px;
      margin-bottom: 40px;
   }
}

.nutrition-banner h1,
.nutrition-banner h2 {
   margin: 0 0 15px;
   color: #3a3a3a;
   font-family: 'Poppins', sans-serif;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.2;
   letter-spacing: 0.01em;
}

.nutrition-banner p {
   margin: 0 0 30px;
   color: #5a5a5a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
}

.nutrition-banner p.last {
   margin-bottom: 50px;
}

@media (min-width: 768px) {
   .nutrition-banner h1,
   .nutrition-banner h2 {
      font-size: 20px;
   }   
   .nutrition-banner p {
      margin: 0 0 30px;
   }
}

@media (min-width: 992px) {
   .nutrition-banner h1,
   .nutrition-banner h2 {
      font-size: 20px;
   }
   
   .nutrition-banner p {
      font-size: 18px;
   }
}

@media (min-width: 1200px) {
   .nutrition-banner h1,
   .nutrition-banner h2 {
      font-size: 22px;
   }
}

@media (min-width: 768px) {
   .row-nutrition-banner-content .distance-medium {
      margin-top: 100px;
   }
}

.trust-banner {
   margin: 0 0 60px;
   background-color: #ffffff;
}

@media (min-width: 992px) {
   .trust-banner {
      margin: 0 0 100px;
   }
}

.trust-banner .carousel-partenariat .carousel-control {
    position: absolute;
    top: -30%;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: none;
    background-color: transparent;
}

.trust-banner .carousel-partenariat .carousel-control.left {
    background-image: none;
    filter: none;
}

.trust-banner .carousel-partenariat  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: none;
    filter: none;
}

.trust-banner .carousel-partenariat .carousel-control .icon-next,
.trust-banner .carousel-partenariat .carousel-control .icon-prev {
   width: 50px;
   height: 50px;
   font-size: 50px;
   color: #3a3a3a;
}

.trust-banner .carousel-partenariat .carousel-control .icon-next {
   margin-right: -30px;
}

.trust-banner .carousel-partenariat .carousel-control .icon-prev {
   margin-left: -30px;
}

@media (min-width: 768px) {
   .trust-banner .carousel-partenariat .carousel-control {
       top: -30%;
   }
   
   .trust-banner .carousel-partenariat .carousel-control .icon-next {
      margin-right: -50px;
   }

   .trust-banner .carousel-partenariat .carousel-control .icon-prev {
      margin-left: -50px;
   }   
}

@media (min-width: 992px) {
   .trust-banner .carousel-partenariat .carousel-control {
       top: -30%;
   }
   
   .trust-banner .carousel-partenariat .carousel-control.right {
       right: -8%;
   }
   
   .trust-banner .carousel-partenariat .carousel-control.left {
       left: -8%;
   }
   
   .trust-banner .carousel-partenariat .carousel-control .icon-next {
      color: #3a3a3a;
   }

   .trust-banner .carousel-partenariat .carousel-control .icon-prev {
      color: #3a3a3a;
   }    
}

.trust-banner .carousel-partenariat .nav > li {
   padding: 0;
}

.trust-banner .carousel-partenariat .nav > li > a {
   padding: 20px 15px;
   border-bottom: 3px solid transparent;   
   background-color: #ffffff;
}

.trust-banner .carousel-partenariat .nav > li.active > a, 
.trust-banner .carousel-partenariat .nav > li.active > a:hover, 
.trust-banner .carousel-partenariat .nav > li.active > a:focus {
   color: #ffffff;
   background-color: #ffffff;
   border-bottom: 3px solid #e53e3e;   
}


.trust-banner .carousel-partenariat .nav > li > a:hover,
.trust-banner .carousel-partenariat .nav > li > a:focus {
   background-color: #ffffff;
   border-bottom: 3px solid #e53e3e;      
}

.trust-banner .carousel-partenariat .nav > li > a > img {
   max-width: 100%;
}

.trust-banner .img-partenariat {
   height: 280px;
   background-position: 50% 50%;
   background-size: cover;
   background-repeat: no-repeat;
}

.trust-banner .txt-partenariat {
   position: relative;
   background-color: #3a3a3a;
}

.trust-banner .txt-partenariat blockquote {
   position: relative;
   margin: 50px 0;
   padding: 0 60px;
   border: none;
   font-family: 'Merriweather', sans-serif;
   font-style: italic;
   font-weight: 300;
   font-size: 18px;
   line-height: 1.7;
   color: rgba(255,255,255,0.85);
}

.trust-banner .txt-partenariat blockquote::before {
   position: absolute;
   content: "\201C";
   font-size: 65px;
   font-weight: bold;
   color: rgba(255,255,255,0.85);
   left: 0;
   top: -35px;
}

.trust-banner .txt-partenariat blockquote .attribution {
   position: relative;
   padding: 0;
   margin-top: 10px;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.2;
   color: #5a5a5a;
}

.trust-banner .txt-partenariat blockquote .attribution img {
   margin-right: 10px;
    -webkit-filter: invert(100%);   
   filter: invert(100%);
}

.trust-banner .txt-partenariat blockquote .attribution .citation {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   justify-content: left;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: #ffffff;
}

@media (max-width: 767px) {
   .trust-banner .txt-partenariat blockquote .attribution .citation {
      height: auto !important;
      margin-top: 10px;
      padding-left: 0;
   }
}

@media (min-width: 768px) {
   .trust-banner .txt-partenariat blockquote {
      margin: 60px 0 20px;
      padding: 0 70px;
   } 
   
   .trust-banner .txt-partenariat blockquote::before {
      left: 10px;
   }   
}

@media (min-width: 992px) {
   .trust-banner .img-partenariat {
      height: 450px;
   }   
   .trust-banner .txt-partenariat {
      height: 450px;
   }   
   .trust-banner .txt-partenariat blockquote {
      margin: 25px 0 0;
      font-size: 16px;
   }    
}

@media (min-width: 1200px) {
   .trust-banner .img-partenariat {
      height: 500px;
   }
   .trust-banner .txt-partenariat {
      height: 500px;
   } 
   .trust-banner .txt-partenariat blockquote {
      margin: 50px 0 0;
      font-size: 17px;
   }    
   .trust-banner .txt-partenariat blockquote .attribution {
      padding: 10px 0;
      font-size: 17px;
   }      
}



/********************************/


/* PAGE CATEGORIE INTERMEDIAIRE */


/********************************/

.category-banner {}

.category-banner-product {
   margin-bottom: 30px;
}

.category-banner-product .presentation {
   height: 400px;
   background-position: 50% 50%;
   background-size: cover;
   background-repeat: no-repeat;
}

@media (min-width: 992px) {
   .category-banner-product .presentation {
      height: 450px;
   }
}

@media (min-width: 1200px) {
   .category-banner-product .presentation {
      height: 550px;
   }
}

.category-banner-product .detail {
   padding: 36px 24px 36px;
   background-color: #f7f6f2;
}

.category-banner-product .detail h2 {
   margin: 0 0 24px;
   color: #1a1a1a;
   font-family: 'Poppins', sans-serif;
   font-size: 22px;
   font-weight: 600;
   font-style: normal;
   line-height: 1.2;
   text-align: left;
}

.category-banner-product .detail .btn-action {
   display: inline-block;
   position: relative;
   cursor: pointer;
}

.category-banner-product .detail .btn-action a {
   padding: 10px 24px 10px;
   border: 1px solid #e53e3e;
   color: #e53e3e;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   font-style: normal;
   text-transform: uppercase;
   line-height: 1.5;
   letter-spacing: 0.02em;
   -webkit-transition: all 200ms;
   -moz-transition: all 200ms;
   -o-transition: all 200ms;
   transition: all 200ms;
}

.category-banner-product .detail .btn-action:hover a {
   background-color: #e53e3e;
   color: #ffffff;
}


/**********************************/


/* PAGE LISTE PLANS NUTRITIONNELS */


/**********************************/

.list-nutritionals-plans {
   margin-top: 20px;
   margin-bottom: 40px;
}

@media (min-width: 992px) {
   .list-nutritionals-plans {
      margin-top: 40px;
      margin-bottom: 60px;
   }
}

.list-nutritionals-plans .plan-nutritional {
   margin-bottom: 30px;
}

.list-nutritionals-plans .plan-nutritional .presentation {
   height: 250px;
   background-position: 50% 50%;
   background-size: cover;
   background-repeat: no-repeat;
}

.list-nutritionals-plans .plan-nutritional .presentation.dixkm {
   background-image: url('../img/SnowboardJackets02-secondary-port.jpg');
   background-position: 50% 50%;
}

.list-nutritionals-plans .plan-nutritional .presentation.semi-marathon {
   background-image: url('../img/Snowboards02-secondary-port.jpg');
   background-position: 50% 50%;
}

.list-nutritionals-plans .plan-nutritional .presentation.marathon {
   background-image: url('../img/BeaniesHats02-secondary-port.jpg');
   background-position: 50% 50%;
}

.list-nutritionals-plans .plan-nutritional .presentation.trail {
   background-image: url('../img/BeaniesHats02-secondary-port.jpg');
   background-position: 50% 50%;
}

.list-nutritionals-plans .plan-nutritional .detail {
   padding: 25px 0 25px 24px;
   background-color: #f7f6f2;
}

.list-nutritionals-plans .plan-nutritional .detail h2 {
   margin: 0;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 500;
   font-style: normal;
   letter-spacing: 0.01em;
   line-height: 1.2;
   text-align: left;
}

.list-nutritionals-plans .plan-nutritional .detail h2 {
   -webkit-transform: translateX(-30px);
   -ms-transform: translateX(-30px);
   -o-transform: translateX(-30px);
   transform: translateX(-30px);
   -webkit-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out
}

.list-nutritionals-plans .plan-nutritional .detail h2:before {
   content: '';
   display: inline-block;
   margin-right: 0;
   width: 30px;
   border-top: 2px solid #e53e3e;
   vertical-align: middle;
   -webkit-transform-origin: top right;
   -ms-transform-origin: top right;
   -o-transform-origin: top right;
   transform-origin: top right;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   -o-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: inherit;
   -o-transition: inherit;
   transition: inherit;
}

.list-nutritionals-plans .plan-nutritional:hover .detail h2 {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   -o-transform: translateX(0);
   transform: translateX(0);
}

.list-nutritionals-plans .plan-nutritional:hover .detail h2 a {
   color: #e53e3e;
}

.list-nutritionals-plans .plan-nutritional:hover .detail h2:before {
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   -o-transform: scaleX(1);
   transform: scaleX(1);
   margin-right: 14px;
}


/**********************************/


/*  PAGE PLAN NUTRITIONNEL SPORT  */


/**********************************/

.plan-intro-image {
   position: relative;
   background-position: center center;
   background-size: cover;
   min-height: 250px;
}

@media (min-width: 768px) {
   .plan-intro-image {
      min-height: 350px;
   }
}

@media (min-width: 992px) {
   .plan-intro-image {
      min-height: 400px;
   }
}

@media (min-width: 1200px) {
   .plan-intro-image {
      min-height: 450px;
   }
}

@media (min-width: 1600px) {
   .plan-intro-image {
      min-height: 500px;
   }
}

.sport-nutritional-plan {
   margin-bottom: 40px;
}

@media (min-width: 992px) {
   .sport-nutritional-plan {
      margin-top: 40px;
   }
}

.sport-nutritional-plan .row-nutritional-plan-moment {
   margin-bottom: 40px;
}

.sport-nutritional-plan .row-nutritional-plan-moment:last-child {
   margin-bottom: 0;
}

@media (max-width: 767px) {
   .sport-nutritional-plan .col-nutritional-plan-info {
      padding: 20px;
   }
}

@media (min-width: 768px) {
   .sport-nutritional-plan .col-nutritional-plan-info {
      padding-right: 80px;
   }
   .sport-nutritional-plan .row-nutritional-plan-moment:last-child {
      margin-bottom: 80px;
   }
}

@media (min-width: 768px) {
   .sport-nutritional-plan .col-nutritional-plan-product:before {
      content: '';
      position: absolute;
      display: block;
      width: 3px;
      background-color: #e7e6e2;
      left: 0;
      top: 0;
      bottom: 0;
   }
}

.sport-nutritional-plan .col-nutritional-plan-info h2 {
   margin: 0 0 20px;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.2;
   text-align: left;
   text-transform: uppercase;
}

@media (min-width: 1200px) {
   .sport-nutritional-plan .col-nutritional-plan-info h2 {
      font-size: 20px;
   }      
}

.sport-nutritional-plan .col-nutritional-plan-info p {
   margin: 0 0 20px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
   text-align: left;
}

@media (min-width: 992px) {
   .sport-nutritional-plan .col-nutritional-plan-info p {
      font-size: 18px;
   }
}

.sport-nutritional-plan .nutritional-plan-product {
   position: relative;
   padding: 15px 0 15px 0;
   width: 100%;
}

@media (min-width: 768px) {
   .sport-nutritional-plan .nutritional-plan-product {
      padding: 30px 0 30px 30px;
   }

   .sport-nutritional-plan .nutritional-plan-product:before {
      content: '';
      position: absolute;
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 100%;
      background-color: #ffffff;
      left: -23px;
      top: 39px;
   }
}

.sport-nutritional-plan .row-nutritional-plan-moment.before .col-nutritional-plan-product .nutritional-plan-product:before {
   background-color: #2f3a8a;   
}

.sport-nutritional-plan .row-nutritional-plan-moment.during .col-nutritional-plan-product .nutritional-plan-product:before {
   background-color: #e53e3e;   
}

.sport-nutritional-plan .row-nutritional-plan-moment.after .col-nutritional-plan-product .nutritional-plan-product:before {
   background-color: #1c834c;   
}

.sport-nutritional-plan .nutritional-plan-product .product-moment {
   padding: 6px 0 10px;
   color: #5a5a5a;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.42857143;
   letter-spacing: 0.02em;
   text-transform: none;
}

@media (min-width: 768px) {
   .sport-nutritional-plan .nutritional-plan-product .product-moment {
      font-size: 18px;
   }
}

@media (min-width: 992px) {
   .sport-nutritional-plan .nutritional-plan-product .product-moment {
      font-size: 18px;
   }
}

@media (min-width: 1200px) {
   .sport-nutritional-plan .nutritional-plan-product .product-moment {
      font-size: 20px;
   }
}

.sport-nutritional-plan .row-nutritional-plan-moment.before .col-nutritional-plan-product .product-moment {
   color: #2f3a8a;
}

.sport-nutritional-plan .row-nutritional-plan-moment.during .col-nutritional-plan-product .product-moment {
   color: #e53e3e;
}

.sport-nutritional-plan .row-nutritional-plan-moment.after .col-nutritional-plan-product .product-moment {
   color: #71b02c;
}

.sport-nutritional-plan .nutritional-plan-product .product-wrapper {
   position: relative;
   padding: 10px;
   background-color: #f7f6f2;
   text-align: center;
   border-radius: 5px;
   overflow: hidden;
   border: 3px solid transparent;
}

.sport-nutritional-plan .nutritional-plan-product .product-wrapper:hover {
   border: 3px solid #d7d6d2;
}

.sport-nutritional-plan .nutritional-plan-product .product-wrapper img {
   float: left;
   max-width: 30%;
   height: auto;
}

.sport-nutritional-plan .nutritional-plan-product .product-wrapper .product-info {
   float: left;
   width: 70%;
   padding-left: 15px;
   text-align: left;
}

.sport-nutritional-plan .nutritional-plan-product .product-info .subtitle {
   margin: 10px 0 8px;
   color: #5a5a5a;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.42857143;
   letter-spacing: 0.02em;
   text-transform: uppercase;
}

@media (min-width: 1200px) {
   .sport-nutritional-plan .nutritional-plan-product .product-wrapper img {
      max-width: 25%;
   }
   .sport-nutritional-plan .nutritional-plan-product .product-wrapper .product-info {
      width: 75%;
   }
   .sport-nutritional-plan .nutritional-plan-product .product-info .subtitle {
      font-size: 13px;
      margin-top: 20px;
   }
}

.sport-nutritional-plan .row-nutritional-plan-moment.before .col-nutritional-plan-product .nutritional-plan-product .product-info .subtitle {
   color: #2f3a8a;
}

.sport-nutritional-plan .row-nutritional-plan-moment.during .col-nutritional-plan-product .nutritional-plan-product .product-info .subtitle {
   color: #e53e3e;
}

.sport-nutritional-plan .row-nutritional-plan-moment.after .col-nutritional-plan-product .nutritional-plan-product .product-info .subtitle {
   color: #1c834c;
}

.sport-nutritional-plan .nutritional-plan-product .product-info h4 {
   margin: 0 0 10px;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.2;
}

@media (min-width: 1200px) {
   .sport-nutritional-plan .nutritional-plan-product .product-info h4 {
      font-size: 22px;
   }
}

.sport-nutritional-plan .nutritional-plan-product .product-info p {
   margin: 0 0 10px;
   color: #8a8a8a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
}

.sport-nutritional-plan .nutritional-plan-product .nutrition-wrapper {
   margin-bottom: 20px;
}

.sport-nutritional-plan .nutritional-plan-product .nutrition-infos {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: center;
}

.sport-nutritional-plan .nutritional-plan-product .nutrition-infos li {
   margin: 0;
   padding: 15px 10px 0 0;
   display: inline-block;
   list-style: none;
   text-align: center;
}

@media (min-width: 992px) {
   .sport-nutritional-plan .nutritional-plan-product .nutrition-infos li {
      padding: 15px 30px 0 0;
   }
}

@media (min-width: 1200px) {
   .sport-nutritional-plan .nutritional-plan-product .nutrition-infos {
      text-align: left;
   }
}

.sport-nutritional-plan .nutritional-plan-product .nutrition-infos li .value {
   margin: 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.42857143;
   letter-spacing: 0.02em;
}

.sport-nutritional-plan .nutritional-plan-product .nutrition-infos li .label {
   margin: 0;
   padding: 0;
   color: #8a8a8a;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
   letter-spacing: 0.02em;
}


/**********************************/


/*        PAGE USER ACCOUNT       */


/**********************************/

.account-content {}

.account-content .nav-tabs {
   list-style: none;
   padding: 0;
   margin: 0;
   overflow: hidden;
   position: relative;
   text-align: center;
   background-color: #f7f6f2;
   border: none;
}

.account-content .nav-tabs > li {
   position: relative;
   float: none;
   white-space: nowrap;
   display: inline-block;
   margin: 0;
}

.account-content .nav-tabs > li:hover {
   background-color: #1a1a1a;
}

.account-content .nav-tabs > li.active,
.account-content .nav-tabs > li.active:hover {
   background-color: #ffffff;
}

.account-content .nav-tabs > li:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   border-bottom: 2px solid transparent;
}

.account-content .nav-tabs > li.active:after {
   border-bottom: 2px solid #e53e3e;
}

.account-content .nav-tabs > li > a {
   color: #8a8a8a;
   font-family: 'Poppins', sans-serif;
   font-size: 13px;
   line-height: 1.42857143;
   font-weight: 300;
   font-style: normal;
   text-transform: uppercase;
   letter-spacing: 0;
   overflow: hidden;
   padding: 12px 5px 12px 5px;
   border: none;
   border-radius: 0;
   outline: none;
   width: 100%;
   display: inline-block;
}

@media (min-width: 768px) {
   .account-content .nav-tabs > li > a {
      font-size: 14px;
      padding: 12px 25px 12px 25px;
   }
}

@media (min-width: 992px) {
   .account-content .nav-tabs > li > a {
      font-size: 16px;
   }
}

@media (min-width: 1200px) {
   .account-content .nav-tabs > li > a {
      font-size: 18px;
   }
}

.account-content .nav-tabs > li:hover > a,
.account-content .nav-tabs > li > a:hover,
.account-content .nav-tabs > li > a:focus {
   background-color: #1a1a1a;
   color: #ffffff;
   border: none;
}

.account-content .nav-tabs > li.active > a,
.account-content .nav-tabs > li.active > a:hover,
.account-content .nav-tabs > li.active > a:focus {
   background-color: #ffffff;
   color: #1a1a1a;
   font-weight: 500;
   font-style: normal;
   border: none;
   cursor: default;
}

.account-content .account-tab-wrapper {}

.account-content .account-tab-wrapper .account-info-profil {
   position: relative;
   margin: 40px 0;
}

@media (max-width: 767px) {
   .account-content .account-tab-wrapper .account-info-profil.infos {
      margin-bottom: 0;
   }
}

@media (min-width: 768px) {
   .account-content .account-tab-wrapper .line-right {
      border-right: 1px solid #eeebe5;
   }
   .account-content .account-tab-wrapper .account-info-profil {
      position: relative;
      margin: 40px 10px;
   }
}

@media (min-width: 768px) {
   .account-content .account-tab-wrapper .line-bottom {
      border-bottom: 1px solid #eeebe5;
   }
}

.account-content .account-tab-wrapper .account-info-profil a {
   position: absolute;
   top: 0;
   right: 0;
   width: 45px;
   height: 45px;
   line-height: 48px;
   background-color: #f7f6f2;
   overflow: hidden;
   -webkit-transition: all 200ms;
   -moz-transition: all 200ms;
   -o-transition: all 200ms;
   transition: all 200ms;
}

@media (min-width: 1200px) {
   .account-content .account-tab-wrapper .account-info-profil a {
      right: 20px;
   }
}

.account-content .account-tab-wrapper .account-info-profil a:hover {
   background-color: #1a1a1a;
}

.account-content .account-tab-wrapper .account-info-profil a span {
   margin-left: 14px;
   font-size: 20px;
   color: #1a1a1a;
}

.account-content .account-tab-wrapper .account-info-profil a:hover span {
   color: #ffffff;
}

.account-content .account-tab-wrapper .account-info-profil h2 {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 700;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: uppercase;
   margin: 0 0 10px;
}

.account-content .account-tab-wrapper .account-info-profil p {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: none;
   margin: 0 0 2px;
}

.account-content .account-tab-fidelity {
   padding: 40px 0 60px;
}

@media (min-width: 768px) {
   .account-content .account-tab-fidelity {
      margin: 0 10px;
   }
}

@media (min-width: 1200px) {
   .account-content .account-tab-fidelity {
      padding: 40px 0 80px;
   }
}

.account-content .account-tab-fidelity .col-fidelity-title {
   margin-bottom: 60px;
}

.account-content .account-tab-fidelity .col-fidelity-title h2 {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 700;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: uppercase;
   margin: 0 0 10px;
}

.account-content .account-tab-fidelity .col-fidelity-title p {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: none;
   margin: 0 0 2px;
}

.account-content .account-tab-fidelity .col-fidelity-title a {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: none;
}

.account-content .account-tab-fidelity .col-fidelity-title a:hover {
   color: #e53e3e;
}

.account-content .account-tab-fidelity .col-fidelity {
   background-color: #ffffff;
   border: 1px solid #eeebe5;
   z-index: 1;
}

.account-content .account-tab-fidelity .col-fidelity.active {
   background-color: #ffffff;
   border: none;
   -webkit-transform: scale(1.1, 1.1);
   -moz-transform: scale(1.1, 1.1);
   -o-transform: scale(1.1, 1.1);
   -ms-transform: scale(1.1, 1.1);
   transform: scale(1.1, 1.1);
   -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
   box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
   z-index: 2;
}

.account-content .account-tab-fidelity .col-fidelity.classic.active {
   background-color: paleturquoise;
}

.account-content .account-tab-fidelity .col-fidelity.bronze.active {
   background-color: #ede7e0;
}

.account-content .account-tab-fidelity .col-fidelity.silver.active {
   background-color: #f5f5f5;
}

.account-content .account-tab-fidelity .col-fidelity.gold.active {
   background-color: #f5eddc;
}

.account-content .account-tab-fidelity .col-fidelity .fidelity-content {
   position: relative;
   padding: 20px;
   text-align: center;
}

.account-content .account-tab-fidelity .col-fidelity .fidelity-content .statut {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 500;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: uppercase;
   margin: 10px 0 10px;
}

.account-content .account-tab-fidelity .col-fidelity .fidelity-content .icon {
   margin-bottom: 10px;
}

.account-content .account-tab-fidelity .col-fidelity .fidelity-content .points {
   display: inline-block;
   padding: 5px 5px;
   background-color: #ffff82;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: uppercase;
   margin: 0 0 2px;
}

.account-content .account-tab-fidelity .col-fidelity .fidelity-content .info-points {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: none;
   margin: 0 0 20px;
}

.account-content .account-tab-fidelity .col-fidelity .fidelity-content .desc {
   margin: 20px;
   padding: 0;
   text-align: left;
}

.account-content .account-tab-fidelity .col-fidelity .fidelity-content .desc li {
   padding: 0 0 15px 0;
   margin: 0;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
}

.account-content .account-tab-fidelity .col-fidelity .fidelity-content .desc li.cheque {
   font-size: 16px;
   font-weight: 500;
}

.fidelity-incentive {
   margin: 20px 15px;
}

.fidelity-incentive .fidelity-incentive-msg {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #71b02c;
   font-style: normal;
   font-weight: 300;
   line-height: 1.2;
   margin-bottom: 8px;
}

.fidelity-incentive .fidelity-incentive-msg span {
   font-size: 15px;
   font-weight: 500;
}

.fidelity-incentive .progress {
   height: 4px;
   -webkit-box-shadow: none;
   box-shadow: none;
   margin-bottom: 0;
   background-color: #ffffff;
   border: none;
   width: 100%;
}

.fidelity-incentive .progress-bar-success {
   background-color: #71b02c;
}

.fidelity-incentive .progress-bar {
   text-align: left;
   transition-duration: 1.5s;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.col-account-disconnect {
   text-align: right;
}

.col-account-disconnect a {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
}

.col-account-disconnect a:hover {
   color: #e53e3e;
}

.col-account-disconnect a span {
   font-size: 10px;
   margin-right: 8px;
   color: #e53e3e;
}

.account-order {
   margin: 30px 0 60px;
}

.account-order h2 {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 700;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: uppercase;
   margin: 0;
   text-align: center;
}

.row-account-order-title {
   margin: 0;
}

.row-account-order-title .col-account-order-title {
   padding-top: 10px;
   padding-bottom: 10px;
   /*background-color: #1a1a1a;*/
   border-bottom: 3px solid #eeebe5;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   color: #1a1a1a;
   font-style: normal;
   font-weight: 500;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: uppercase;
}

@media (min-width: 992px) {
   .row-account-order-title .col-account-order-title {
      font-size: 16px;
   }
}

.row-account-order-content {
   margin: 25px 0 25px;
}

.row-account-order-content .col-account-order-content {
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: none;
   text-align: center;
   overflow: hidden;
}

@media (min-width: 768px) {
   .row-account-order-content .col-account-order-content {
      text-align: left;
   }
}

@media (min-width: 992px) {
   .row-account-order-content .col-account-order-content {
      font-size: 16px;
   }
}

.account-tab-wrapper .row-account-code-promo {
   margin-top: 20px;
   margin-bottom: 20px;
}

.account-tab-wrapper .code-promo-content {
   margin: 20px 0;
}

@media (min-width: 768px) {
   .account-tab-wrapper .code-promo-content {
      margin: 20px 10px;
   }
}

.account-tab-wrapper .code-promo-content h2 {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 700;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: uppercase;
   margin: 0 0 5px;
   text-align: left;
}

.account-tab-wrapper .code-promo-content .descriptif {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #71b02c;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: none;
   margin: 0 0 2px;
}

.account-tab-wrapper .code-promo-content .validite {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #9a9a9a;
   font-style: italic;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: none;
   margin: 0;
}


.about-us-header {
   position: relative;
   margin: 0;
   padding: 0;
}

.about-us-header .header-section {
   position: relative;
   background-size: cover;
   background-position: center center;   
   background-repeat: no-repeat;
   height: 0px !important;
   min-height: 50vh;
}

.header-section .header-section-scroll {
   position: absolute;
   bottom: 0;
   padding-top: 50px;
   left: 50%;
   z-index: 2;
   display: inline-block;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   color: #fff;
   text-decoration: none;
   transition: opacity .3s;
   cursor: pointer;
}

@media (min-width: 1200px) {
	.header-section .header-section-scroll {
	    bottom: 30px;
	}
}

.header-section .header-section-scroll a {
   position: absolute;
   top: 0;
   left: 50%;
   width: 18px;
   height: 18px;
   margin-left: -9px;
   border-left: 2px solid #efefef;
   border-bottom: 2px solid #efefef;
   -webkit-animation: mover 1.5s infinite;
   animation: mover 1.5s infinite;
   box-sizing: border-box;      
}

@-webkit-keyframes mover {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

@keyframes mover {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}


.about-us-header .header-section .header-section-inner {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   max-width: 840px;
   min-width: 300px;   
   text-align: center;
   z-index: 2;
}

.header-section .header-section-inner .nouveau.landing-page {
   display: inline-block;
}

@media (min-width: 992px) {
   .header-section .header-section-inner .nouveau.landing-page {
      margin-bottom: 25px;
   }   
}

.about-us-header .header-section .header-section-inner h1 {
   margin: 0;
   color: #ffffff;
   font-family: 'Poppins', sans-serif;
   font-size: 40px;
   font-weight: 600;
   font-style: normal;
   line-height: 1;
   text-transform: none;
   letter-spacing: 0;
   -webkit-text-shadow: 0px 0px 15px rgba(0,0,0,0.25);
   -moz-text-shadow: 0px 0px 15px rgba(0,0,0,0.25);
   text-shadow: 0px 0px 15px rgba(0,0,0,0.25);   
}


.header-section .header-section-inner h1.landing-page {
   font-size: 30px;
   text-shadow: 0 0 20px rgba(0,0,0,.2);   
}

.header-section .header-section-inner h2 {
   margin: 10px 0 0;
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 400;
   font-style: normal;
   line-height: 1;
   text-transform: none;
   letter-spacing: 1px;
   text-shadow: 0 0 20px rgba(0,0,0,.2);      
}

@media (min-width: 768px) {
   .header-section .header-section-inner h1.landing-page {
      font-size: 34px;
   }   
}

@media (min-width: 992px) {
   .header-section .header-section-inner h1.landing-page {
      font-size: 38px;
   }   
}

@media (min-width: 1200px) {
   .header-section .header-section-inner h1.landing-page {
      font-size: 45px;
   }   
   .header-section .header-section-inner h2 {
      font-size: 20px;
   }   
}

@media (min-width: 1600px) {
   .header-section .header-section-inner h1.landing-page {
      font-size: 50px;
   }   
}

.about-us-header .header-section .header-section-inner p {
   margin: 10px 0 0;
   color: rgba(255,255,255,0.75);
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.3;
   text-transform: none;
   letter-spacing: 0;
   -webkit-text-shadow: 0px 0px 15px rgba(0,0,0,0.25);
   -moz-text-shadow: 0px 0px 15px rgba(0,0,0,0.25);
   text-shadow: 0px 0px 15px rgba(0,0,0,0.25);      
}

.about-us-content .products-landing-page {
    padding: 60px 0;
}

.about-us-content .products-landing-page .title-produits {
    padding-top: 60px;
    margin-top: 0;
    margin-bottom: 40px;
    color: #1a1a1a;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
}

@media (min-width: 768px) {
   .about-us-content .products-landing-page .title-produits {
       font-size: 20px;
   }   
}

@media (min-width: 992px) {
   .about-us-content .products-landing-page .title-produits {
       font-size: 20px;
   }   
}

@media (min-width: 1200px) {
   .about-us-content .products-landing-page .title-produits {
       font-size: 22px;
   }   
}

.nav-about-us {
   display: none;
   background-color: #2a2a2a;
   padding: 40px 0;
}

.nav-about-us .col-nav-about-us {
   text-align: center;
}

.nav-about-us .nav-link {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #ffffff;
   font-style: normal;
   font-weight: 400;
   line-height: 1.2;
   letter-spacing: 0.03em;
   text-transform: uppercase;
   text-align: center;
   margin: 0;
   border-bottom: 1px solid transparent;
   cursor: pointer;
}

.nav-about-us .nav-link.cta-link:hover {
   color: #ffffff;
}

.nav-about-us .nav-link.cta-link:after {
   border-bottom: 1px solid #ffffff;
}

.ambassadors-content {
   margin: 0 0 40px;
   padding: 0;
   background-color: #ffffff ;
}

@media (min-width: 992px) {
   .ambassadors-content  {
      margin: 40px 0 60px;
   }
}

.ambassadors-content  .wrapper-ambassador {
   margin-bottom: 30px;
}

.ambassadors-content  .wrapper-ambassador .img-responsive {
    margin-bottom: 0 !important;
}

.ambassadors-content  .wrapper-ambassador .detail {
   padding: 25px 0 25px 24px;
   background-color: #f7f6f2;
}

.ambassadors-content  .wrapper-ambassador .detail h2 {
   margin: 0;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 500;
   font-style: normal;
   letter-spacing: 0.01em;
   line-height: 1.2;
   text-align: left;
}

.ambassadors-content  .wrapper-ambassador .detail h2 {
   -webkit-transform: translateX(-30px);
   -ms-transform: translateX(-30px);
   -o-transform: translateX(-30px);
   transform: translateX(-30px);
   -webkit-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out
}

.ambassadors-content  .wrapper-ambassador .detail h2:before {
   content: '';
   display: inline-block;
   margin-right: 0;
   width: 30px;
   border-top: 2px solid #e53e3e;
   vertical-align: middle;
   -webkit-transform-origin: top right;
   -ms-transform-origin: top right;
   -o-transform-origin: top right;
   transform-origin: top right;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   -o-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: inherit;
   -o-transition: inherit;
   transition: inherit;
}

.ambassadors-content  .wrapper-ambassador:hover .detail h2 {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   -o-transform: translateX(0);
   transform: translateX(0);
}

.ambassadors-content .wrapper-ambassador:hover .detail h2 a {
   color: #e53e3e;
}

.ambassadors-content .wrapper-ambassador:hover .detail h2:before {
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   -o-transform: scaleX(1);
   transform: scaleX(1);
   margin-right: 14px;
}

.ambassadors-content .wrapper-ambassador .detail span {
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   color: #8a8a8a;
}

.about-us-content {
   margin: 0 0 15px;
   padding: 0;
}

.about-us-content .bg-img {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 0px !important;   
   min-height: 400px;
}

.about-us-content .bloc-content {
   position: relative;
   background-color: #ffffff;
   /*min-height: 400px;*/
}

.about-us-content .bloc-content .bloc-content-inner {
   padding: 80px 40px;
   text-align: center;   
}

.about-us-content .bloc-content .bloc-content-inner h2 {
   margin: 0;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 25px;
   font-weight: 700;
   font-style: normal;
   line-height: 1.2;
   text-transform: none;
   letter-spacing: 0;   
}

.about-us-content .bloc-content .bloc-content-inner p {
   margin: 20px 0 0;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
   text-transform: none;
   text-align: left;
   letter-spacing: 0;   
}

.about-us-content .bloc-content .bloc-content-inner .cta-landing-page {
   margin: 20px 0 0;
}

.about-us-content .bloc-content .bloc-content-inner .cta-landing-page a {
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 700;
   font-style: normal;
   line-height: 1.6;
   text-transform: uppercase;
   text-align: center;
   letter-spacing: 0.04em;  
   padding-bottom: 1px;
   border-bottom: 2px solid #3a3a3a;
}

.about-us-content .about-us-video {
   display: block;
   max-width: 100%;
   width: 100%;
}

.about-us-content .about-us-video .video-button {
   position: absolute;
   top: 45%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background-color: transparent;
   width: 115px;
   height: 115px;
   display: block;
   border: 3px solid #ffffff;
   border-radius: 50%;
   outline: none;
   cursor: pointer;
   z-index: 1;
   font-size: 70px;   
   -moz-transition: all 200ms;
   -o-transition: all 200ms;
   transition: all 200ms;   
}

.about-us-content .about-us-video .video-button:hover {
   background-color: #ffffff;
}

.about-us-content .about-us-video .video-button i {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);   
   color: #ffffff;
   margin-left: 8px;
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: 70px;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;  
   -moz-transition: all 200ms;
   -o-transition: all 200ms;
   transition: all 200ms;   
}

.about-us-content .about-us-video .video-button:hover i {
   color: #1a1a1a;
}

.about-us-content .about-us-video .video-button i:before {
   content: "\f04b";   
}

.about-us-content .about-us-intro {
   background: url('../images/about-us/mosaic.png') repeat-x;
   background-size: cover;   
   background-color: #f7f6f2;
   padding-top: 80px;
   padding-bottom: 80px;   
}

.about-us-content .about-us-intro.landing-page {
   background: none;
   padding-top: 60px;
   padding-bottom: 60px;   
}

.about-us-content .about-us-intro p {
   position: relative;
   margin: 0 0 5px;
   color: #3a3a3a;
   font-family: 'Poppins', sans-serif;
   font-size: 25px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.42857143;
   text-transform: none;
   text-align: center;
   letter-spacing: 0;   
}

.about-us-content .about-us-intro.landing-page p {
    font-size: 20px;
   font-weight: 400;    
}

.about-us-content .about-us-img {
   background-color: #f7f6f2;
   padding-top: 60px;
   padding-bottom: 60px;
}

.about-us-content .about-us-img h2 {
   margin: 20px 0 0;
   color: #e53e3e;
   font-family: 'Roboto', sans-serif;
   font-size: 34px;
   font-weight: 700;
   font-style: normal;
   line-height: 1.2;
   text-transform: none;
   letter-spacing: 0;  
   text-align: center;
}

.about-us-content .about-us-img p {
   margin: 15px 0 0;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
   text-transform: none;
   text-align: center;
   letter-spacing: 0;   
}

.about-us-content .about-us-img .col-about-us-share {
   margin-top: 50px;
   text-align: center;
}

.about-us-content .about-us-img .col-about-us-share span.atc {
    cursor: pointer;
}

.about-us-content .about-us-img .col-about-us-share span i {
    font-size: 30px;
    margin-left: 50px;
    color: #3a3a3a;
}

.about-us-content .about-us-mission {
   padding-top: 80px;
   padding-bottom: 80px;
}

.about-us-content .about-us-engagements {
   padding-top: 0px;
   padding-bottom: 40px;
}

.about-us-content .about-us-mission h2,
.about-us-content .about-us-engagements h2 {
   margin: 0 0 30px;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 34px;
   font-weight: 700;
   font-style: normal;
   line-height: 1.2;
   text-transform: none;
   letter-spacing: 0; 
   text-align: center;
}

.about-us-content .about-us-mission p,
.about-us-content .about-us-engagements p {
   margin: 0 0 20px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.6;
   text-transform: none;
   text-align: left;
   letter-spacing: 0;  
   text-align: left;
}

.about-us-content .row-ambassadeur {
   background-color: #1a1a1a;
}

.about-us-content .col-ambassadeur-lg {
   position: relative;
   padding-left: 0;
   padding-right: 0;
   min-height: 365px;
}

.about-us-content .col-ambassadeur-sm {
   position: relative;
   padding-left: 0;
   padding-right: 0;
   min-height: 365px;
}

.about-us-content .col-ambassadeur-lg .bg-img-ambassadeur {
   display: block;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   padding-top: 70.19231%;
   height: 0px !important;
   min-height: 100%;   
}

@media (max-width: 991px) {
   .about-us-content .col-ambassadeur-lg .bg-img-ambassadeur {
       min-height: 400px;
   }
}

.about-us-content .col-ambassadeur-sm .bg-img-ambassadeur {
   display: block;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   padding-top: 140.38462%;   
   height: 0px !important;
   min-height: 100%;
}

.about-us-content .row-ambassadeur .name-ambassadeur {
   position: absolute;
   z-index: 1000;   
   background-color: #2a2a2a;
   color: #ffffff;
   height: 160px;
   width: 160px;
   padding: 50px 25px;
   top: -80px;
   left: 0;   
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   -moz-align-items: center;
   align-items: center;
   text-align: center;   
}

.about-us-content .row-ambassadeur .col-left .name-ambassadeur {
   right: 0;
   left: auto !important;
}

.about-us-content .row-ambassadeur .name-ambassadeur .center-div-vertical {
    position: static !important;
}

.about-us-content .row-ambassadeur .name-ambassadeur h4 {
   margin: 0 0 8px;
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 500;
   font-style: normal;
   line-height: 1;
}

.about-us-content .row-ambassadeur .name-ambassadeur p {
   margin: 0;
   color: rgba(255, 255, 255, 0.8);
   font-family: 'Roboto', sans-serif;
   font-size: 11px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
   text-transform: uppercase;
}

.about-us-content .container-ambassadeur {
   background-color: #ffffff;
}

.about-us-content .ambassadeur-inner {
   padding-left: 15px;
   padding-right: 15px;
   margin-top: 30px;
   margin-bottom: 80px;   
}

.about-us-content .ambassadeur-inner h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    color: #1a1a1a;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
}

.about-us-content .ambassadeur-inner .info {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 500;
   letter-spacing: 0;
   margin: 0;
   text-transform: uppercase;
}

.about-us-content .ambassadeur-inner .ambassadeur-social {
   margin-top: 15px;
   text-align: center;
}

.about-us-content .ambassadeur-inner .ambassadeur-social a {
   margin: 0 10px;
   color: #3a3a3a;
   font-size: 22px;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
}

.about-us-content .ambassadeur-inner .ambassadeur-social a:first-child {
   margin-left: 0;
}

.about-us-content .ambassadeur-inner .ambassadeur-social a:hover {
    color: #ffffff;
}

.about-us-content .ambassadeur-inner .ambassadeur-social a > i {
   border: 2px solid #3a3a3a;
   border-radius: 50%;
   width: 42px;
   height: 42px;
   padding-top: 8px;   
}

.about-us-content .ambassadeur-inner .ambassadeur-social a:hover > i {
    background-color: #3a3a3a;
}

.about-us-content .ambassadeur-inner .ambassadeur-description {
   margin-top: 40px;
}

.about-us-content .ambassadeur-inner .ambassadeur-description p {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 300;
   letter-spacing: 0;
   margin: 0 0 20px;
   text-transform: none;
}

.about-us-content .ambassadeur-inner .ambassadeur-description ul {
   margin-top: 10px;
}

.about-us-content .ambassadeur-inner .ambassadeur-description li {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 300;
   letter-spacing: 0;
   margin: 0 0 10px;
   text-transform: none;
}

.about-us-content .ambassadeur-inner .ambassadeur-description blockquote {
   position: relative;
   margin: 0 0 60px;
   padding: 0 50px;
   border: none;
   font-family: 'Roboto', sans-serif; 
   font-style: normal;
   font-weight: 500;
   font-size: 25px;
   color: #1a1a1a; 
}

.about-us-content .ambassadeur-inner .ambassadeur-description blockquote::before {
    position: absolute;
    content: "\201C";
    font-size: 60px;
    font-weight: bold;
    color: #e53e3e;
    left: 0;
    top: -30px;
}

.about-us-content .ambassadeur-inner .ambassadeur-description blockquote .attribution {
   position: relative;
   margin-top: 15px;
   font-family: 'Roboto', sans-serif; 
   font-size: 18px;
   font-weight: 400;
   font-style: normal;
   color: #5a5a5a;
   padding-left: 55px;
}

.about-us-content .ambassadeur-inner .ambassadeur-description blockquote .attribution::before {
   position: absolute;
   content: "";
   background-color: #e53e3e;
   height: 1px;
   width: 40px;
   top: 12px;
   left: 0;
}

@media (max-width: 991px) {
   .about-us-content .ambassadeur-inner .ambassadeur-description blockquote {
      font-size: 18px;
   }   
   
   .about-us-content .ambassadeur-inner .ambassadeur-description blockquote .attribution {
      font-size: 16px;
      line-height: 1.42857143;      
   }
}

.about-us-content .ambassadeur-inner .ambassadeur-description .nav-tabs {
    border-bottom: 1px solid #d7d6d2;
}

.about-us-content .ambassadeur-inner .ambassadeur-description .nav-tabs li {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #1a1a1a;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
}

.about-us-content .ambassadeur-inner .ambassadeur-description .nav-tabs>li a {
   border-radius: 0;
   margin-right: 10px;
}

.about-us-content .ambassadeur-inner .ambassadeur-description .nav-tabs>li.active>a, 
.about-us-content .ambassadeur-inner .ambassadeur-description .nav-tabs>li.active>a:hover, 
.about-us-content .ambassadeur-inner .ambassadeur-description .nav-tabs>li.active>a:focus {
    color: #1a1a1a;
    cursor: default;
    background-color: #e7e6e2;
    border: 1px solid #d7d6d2;
    border-bottom-color: transparent;
}

.about-us-content .ambassadeur-inner .ambassadeur-description .nav-tabs>li>a:hover {
    border-color: #e7e6e2 #e7e6e2 transparent;
}

.about-us-content .ambassadeur-inner .ambassadeur-description .nav>li>a:hover, 
.about-us-content .ambassadeur-inner .ambassadeur-description .nav>li>a:focus {
    text-decoration: none;
    background-color: #e7e6e2;
}

.about-us-content .ambassadeur-inner .ambassadeur-description .tab-content {
   margin: 20px 0;
} 

.about-us-content .ambassadeur-inner .ambassadeur-description .tab-content .tab-pane {
   margin: 20px 0;
} 

@media (min-width: 992px) {
   .about-us-content .ambassadeur-inner .ambassadeur-description .nav-tabs li {
      font-size: 18px;
   }
}

.about-us-content .image1-inner {
   position: relative;
   padding-bottom: 0px;
   height: auto;
   overflow: hidden;
   max-width: 100% !important;   
   background-color: #2a2a2a;   
}

.about-us-content .image1-inner .cover-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;   
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 56.25%;
    height: 0px !important;
    min-height: 100%;
    position: relative;
    z-index: 1;
    display: block;
}

.about-us-content .images-inner {
   position: relative;
   overflow: hidden;  
   background-color: #2a2a2a;      
}

.about-us-content .images-inner .bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.about-us-content .images-inner .ratio-height {
   position: relative;
}

.about-us-content .images-inner .image-left {
   position: relative;
}   

.about-us-content .images-inner .image-left:before {
   display: block;
   content: '';
   width: 100%;
   padding-top: 100%;
}  

.about-us-content .images-inner .images-right {
   position: relative;
}  

.about-us-content .images-inner .image-top-left,
.about-us-content .images-inner .image-top-right {
   position: relative;
} 

.about-us-content .images-inner .image-top-left:before,
.about-us-content .images-inner .image-top-right:before {
   display: block;
   content: '';
   width: 100%;
   padding-top: 100%;
} 

.about-us-content .images-inner .image-bottom {
   position: relative;
} 

.about-us-content .images-inner .image-bottom:before {
   display: block;
   content: '';
   width: 100%;
   padding-top: 50%;
}

.about-us-content .bestsellers-banner {
    margin: 60px 0 20px;   
}

.about-us-content .container-about-us.image-only {
   padding-top: 60px;
   padding-bottom: 60px;
}  


@media (min-width: 768px) {
   .about-us-header .header-section .header-section-inner h1 {
      font-size: 45px;      
   }
   .about-us-header .header-section .header-section-inner p {   
      font-size: 16px;
   }
   .about-us-content .bloc-content .bloc-content-inner h2 {
      font-size: 25px;
   }
   .about-us-content .ambassadeur-inner h1 {
      font-size: 30px;
   }   
   .about-us-content .images-inner .image-left {
      position: absolute;
      width: 50%;
      float: left;
      top: 0;
      left: 0;
   }   
   .about-us-content .images-inner .images-right {
      width: 50%;
      float: right;
   }      
   .about-us-content .images-inner .image-top-left {
      position: absolute;
      width: 50%;
      top: 0;
      left: 0;
   }  
   .about-us-content .images-inner .image-top-right {
      position: absolute;
      width: 50%;
      top: 0;
      right: 0;
   }     
   .about-us-content .images-inner .image-bottom {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
   }   
   .about-us-content .images-inner .images-right:before {
      display: block;
      content: '';
      width: 100%;
      padding-top: 100%;
   }  
}

@media (min-width: 992px) {
   .about-us-header .header-section .header-section-inner h1 {
      font-size: 50px;
   }
   .about-us-header .header-section .header-section-inner p {   
      font-size: 18px;
   }
   .nav-about-us {
      display: block;
   }
   .about-us-content .container-about-us {
      padding-bottom: 20px;
   }     
   .about-us-content .bg-img,
   .about-us-content .bloc-content {
      /*min-height: 700px;*/    
   }
   .about-us-content .bloc-content .bloc-content-inner {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 90%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
   }   
   .about-us-content .bloc-content .bloc-content-inner h2 {
      font-size: 30px;
   }
   .about-us-content .about-us-img {
      padding-top: 100px;
      padding-bottom: 60px;
   }   
   .about-us-content .about-us-img h2 {
      font-size: 40px;
   }
   .about-us-content .about-us-img p {
      font-size: 18px;
   }
   .about-us-content .about-us-intro {
      padding-top: 160px;
      padding-bottom: 160px;   
   }   
   .about-us-content .about-us-intro.landing-page {
	padding-top: 80px;
	padding-bottom: 80px;   
   } 
   .about-us-content .about-us-intro p {
      font-size: 30px;
   }
   .about-us-content .about-us-mission {
      padding-top: 120px;
      padding-bottom: 120px;
   }   
   .about-us-content .about-us-engagements {
      padding-top: 0px;
      padding-bottom: 60px;
   }   
   .about-us-content .about-us-mission h2,
   .about-us-content .about-us-engagements h2 {
      font-size: 40px;
   }
   .about-us-content .about-us-mission p,
   .about-us-content .about-us-engagements p {
      font-size: 18px;
   }
   .about-us-content .ambassadeur-inner {
      margin-top: 60px;
      margin-bottom: 100px;   
   }
   .about-us-content .ambassadeur-inner h1 {
      font-size: 35px;
   }   
   .about-us-content .ambassadeur-inner .ambassadeur-description p,
   .about-us-content .ambassadeur-inner .ambassadeur-description li {
      font-size: 18px;
   }
   .about-us-content .bestsellers-banner {
       margin: 80px 0 20px;   
   }   
}

@media (min-width: 1200px) {
   .about-us-header .header-section {
      min-height: calc(100vh - 150px);
   }
   .about-us-header .header-section.header-section-lg {
      min-height: 550px;
   }   
   .about-us-header .header-section .header-section-inner h1 {
      font-size: 55px;
   }   
   .nav-about-us .nav-link {
      font-size: 16px;
   }   
   .about-us-content .bg-img,
   .about-us-content .bloc-content {
      /*min-height: 700px;*/     
   }  
   .about-us-content .bloc-content .bloc-content-inner h2 {
      font-size: 30px;
   }
   .about-us-content .bloc-content .bloc-content-inner p {   
      font-size: 19px;
      line-height: 1.6;
   }
   .about-us-content .about-us-img h2 {
      font-size: 44px;
   }   
   .about-us-content .about-us-intro p {
      font-size: 32px;
   }
   .about-us-content .about-us-mission h2,
   .about-us-content .about-us-engagements h2 {
      font-size: 44px;
   }
   .about-us-content .row-ambassadeur .name-ambassadeur {
      height: 260px;
      width: 260px;
      padding: 40px 25px;
      top: -125px;
   }
   .about-us-content .row-ambassadeur .name-ambassadeur h4 {
      font-size: 30px;
   }
   .about-us-content .row-ambassadeur .name-ambassadeur p {
      font-size: 14px;s
   }    
   .about-us-content .ambassadeur-inner h1 {
      font-size: 40px;
   }
}

@media (min-width: 1600px) {
   .about-us-header .header-section .header-section-inner h1 {
      font-size: 60px;
   }    
   .about-us-content .bg-img,
   .about-us-content .bloc-content {
      /*min-height: 800px;*/     
   }   
   .about-us-content .bloc-content .bloc-content-inner {
      width: 80%;
   }    
   .about-us-header .header-section.header-section-lg {
      min-height: 600px;
   }     
}

@media (min-width: 1920px) {
   .about-us-header .header-section.header-section-lg {
      min-height: 650px;
   }     
}

@media (min-width: 2500px) {
   .about-us-header .header-section.header-section-lg {
      min-height: 780px;
   }     
}

/*********************************************************************/
/* Partie QUENTIN
/*********************************************************************/

.grey-background {
    background-color: #f7f6f2;
    padding: 20px;
}

.smaller-contact {
    font-size: 14px;
}

.carousel-control i {
    color: #3a3a3a;
}

.aa-hint {
    color: #e4e4e4;
}
.aa-dropdown-menu {
   background-color: #ffffff;
   border-top-width: 0;
   width: 345px;
   margin-top: 10px;
   font-size: 16px;
   box-sizing: border-box;
   border-bottom: 2px solid #e7e6e2;
   border-left: 2px solid #e7e6e2;   
   border-right: 2px solid #e7e6e2;   
}
.aa-suggestion {
    padding: 6px 12px;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.aa-suggestion:hover, .aa-suggestion.aa-cursor {
    background-color: #f7f6f2;
}
.aa-suggestion > a {
   text-decoration: none;
   color: #3a3a3a;
   font-weight: 400;
   width: 100%;
   text-align: left;
}
.aa-suggestions-category {
    text-transform: uppercase;
    padding: 6px 12px;
    color: #ffffff;
   background-color: #3a3a3a;
}
.aa-suggestion > a:first-child em, .aa-suggestion > a:last-child em {
    font-weight: 700;
    font-style: normal;
    background-color: #f5f4dd;
    padding: 2px 0 2px 2px;
}
.aa-empty {
    padding: 6px 12px;
}

/* BHI : @media (min-width: 768px) { */
@media (min-width: 1200px) {
   .aa-dropdown-menu {
      width: 400px;
      left: auto !important;
      right: 0 !important;      
   }
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mb-5 {
    margin-bottom: 5rem;
}

.mb-6 {
    margin-bottom: 6rem;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-4 {
    margin-top: 4rem;
}

.mt-5 {
    margin-top: 5rem;
}

.mt-6 {
    margin-top: 6rem;
}

.mr-1 {
    margin-right: 1rem;
}

.mr-2 {
    margin-right: 2rem;
}

.mr-3 {
    margin-right: 3rem;
}

.mr-4 {
    margin-right: 4rem;
}

.mr-5 {
    margin-right: 5rem;
}

.mr-6 {
    margin-right: 6rem;
}

.ml-1 {
    margin-left: 1rem;
}

.ml-2 {
    margin-left: 2rem;
}

.ml-3 {
    margin-left: 3rem;
}

.ml-4 {
    margin-left: 4rem;
}

.ml-5 {
    margin-left: 5rem;
}

.ml-6 {
    margin-left: 6rem;
}

.fs-20 {
    font-size: 20px;
}

.fs-30 {
    font-size: 30px;
}

.fs-45 {
    font-size: 45px;
}

.cursor-pointer {
    cursor: pointer;
}

#reassurance-home-made-in-france {
    width: 90px;
}

#reassurance-home-anti-dopage {
    width: 100px;
}

#reassurance-home-sans-gluten {
    width: 50px;
}

#reassurance-home-bio {
    width: 110px;
}

.badge-points-fidelite {
   margin-top:0;
   background-color: #71b02c;
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;   
   font-weight: 400;
   border-radius: 3px;
   text-align: center;
   margin-bottom: 20px;
   padding: 5px
}

.img-promo-menu {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.offre-promo-menu {
    border: 5px solid #ffffff;
    padding: 20px;
}

.titre-offre-promo-menu {
    color: #ffffff;
    font-weight: 500;
    font-size: 50px;
}

.texte-offre-promo-menu {
    color: #ffffff;
}

.cta-action-promo-menu {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.cta-action-promo-menu a {
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
}

.cta-action-promo-menu a:hover {
    color: #000000;
    background-color: #ffffff;
}

.product-list-unavailable {
    background-color: #e53e3e;
    color: #ffffff;
    padding: 5px;
    border-radius: 5px;
}

.loginBtn {
    box-sizing: border-box;
    position: relative;
    padding: 10px 20px 10px 51px;
    border: none;
    text-align: left;
    line-height: 39px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
}

.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}

.loginBtn:focus {
    outline: none;
}

.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}
  
/* Facebook */
.loginBtn-facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    text-shadow: 0 -1px 0 #354C8C;
}

.loginBtn-facebook:before {
    border-right: #364e92 1px solid;
    background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 8px no-repeat;
}

.loginBtn-facebook:hover,
.loginBtn-facebook:focus {
    color: #ffffff;
    background-color: #5B7BD5;
    background-image: linear-gradient(#5B7BD5, #4864B1);
}

.carousel-inner2 {
    float:left;
    width: 88%;
}

.image-produit .carousel-control {
   text-shadow: none;
   opacity: 1;
}

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

.image-produit .carousel-control .icon-left {
   left: -50%;
   color: #6a6a6a;
}

.image-produit .carousel-control .icon-right {
   right: -50%;
   color: #6a6a6a;
}

.image-produit .carousel-indicators {
   bottom: -5px;
}

div#petites {
    float: left;
    width: 8%;
    text-align: center;
    margin-top: 3%;
}

img.petite {
    width: 94%;
    cursor: pointer;
    display: block;
    margin-bottom: 15px;
    border: 1px solid transparent;   
}

img.petite:hover {
	/*border-bottom: 3px solid #3a3a3a;*/
	box-shadow: 0 0 3px 2px rgba(228,121,17,.5);    
}

.product-image-controls .carousel-indicators li {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 5px;
    text-indent: -999px;
    border: 1px solid #6a6a6a;
    border-radius: 100%;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
}

.product-image-controls .carousel-indicators .active {
    margin: 0 5px;   
    background-color: #6a6a6a;
}

.video-product {
    margin-top: 17%;
}

.txt-center {
    text-align: center;
}

.mt-40px {
    margin-top: 40px;
}

.margin0-auto {
    margin: 0 auto;
}

.bubble-bordered {
    font-size: 20px;
    display: block;
    position: relative;
    line-height: 90px;
    text-align: center;
    margin: 5px auto 15px;
    font-weight: 500;
}

.bubble-bordered::before {
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    border: 5px solid #bee890;
    border-radius: 100%;
    content: "";
    top: 50%;
}

.bubble-bordered::after {
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;
    width: 90px;
    height: 90px;
    border: 5px solid #9edd59;
    border-radius: 100%;
    content: "";
    top: 50%;
}

@media (min-width: 768px) {
    .carousel-indicators {
        display: none;
    }
}

@media (max-width: 767px) {
    .image-produit {
        float: none;
    }

    .carousel-inner2 {
        float: none;
        width: 100%;
    }

    div#petites {
        display: none;
    }

    .video-product {
        margin-top: 0;
        margin-bottom: 15%;
    }
}

@media (max-width: 991px) {
    .img-responsive {
        margin-bottom: 15px;
    }
}




.header-list-products {
   position: relative;
   height: 250px;	
   background-repeat: no-repeat;
}

@media (min-width: 768px) {
   .header-list-products {
      /*height: 350px;*/	
      height: 400px;	
   }   
}
   
@media (min-width: 992px) {
   
   .header-list-products {
      height: 400px;	
   }   
}

@media (min-width: 1200px) {
   .header-list-products {
      /*height: 500px;*/
      height: 450px;	
   }   
}

@media (min-width: 1600px) {
   .header-list-products {
      /*height: 600px;*/
      height: 450px;	
   }   
}

.design-wrapper-main {
   position: relative;
   height: 400px;
   z-index: 10;
}

.design-wrapper-main:after {
   width: 200px;   
}

.design-title-main {
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   padding-left: 15%;
   text-align: left;
   -webkit-transform: translateY(-50%);
   -khtml-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
}

@media (min-width: 992px) {
   .design-title-main {
      padding-left: 25%;
   }
}

@media (min-width: 1200px) {
   .design-wrapper-main {
      height: 450px;
   }   
   .design-wrapper-main:after {
      width: 225px;   
   }  
   .design-title-main {
      padding-left: 33%;
   }
}

.design-title-main h1 {
   text-align: left;
}

.design-title-main h2 {
   margin: 0;
}   

.overlay {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: linear-gradient(to bottom, rgba(42, 42, 42, 0.3), rgba(42, 42, 42, 0));  
   opacity: 1;
   z-index: 1;
}

.overlay.landing-page {
    background: linear-gradient(to bottom, rgba(42, 42, 42, 0.1), rgba(42, 42, 42, 0.1));
}

.home-video {
   position: relative;
   margin: 0 0 60px;
   background-color: #000000;
   height: 450px;
   width: 100%;
   overflow: hidden;
}

@media (min-width: 768px) {
   .home-video {
      height: 450px;
   }
}

@media (min-width: 992px) {
   .home-video {
      height: 550px;
   }
}

@media (min-width: 1200px) {
   .home-video {
      height: 700px;
   }
}

.home-video video {
   position: absolute;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: 0;
   -ms-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
}

.home-video .container {
   position: relative;
   z-index: 2;
   height: 100%;   
}

/*
.home-video .container-video-text {
   display: -ms-flexbox;
   display: flex;   
   height: 100%;   
   text-align: center;   
}
*/
.home-video .container-video-text {
   width: 100%;
   height: 100%;   
   text-align: center;
}

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

.home-video .container-video-text .video-text {
   margin: auto auto;
   display: inline-block;
   vertical-align: middle;
   text-align: center;   
}

.home-video .container-video-text .video-text h2 {
   margin: 0 0 60px;
   font-family: 'Poppins', sans-serif;
   font-size: 36px;
   color: #ffffff;
   font-weight: 600;
   line-height: 1;
   letter-spacing: 0;
   text-transform: none;   
   text-align: center;   
}

.home-video .container-video-text .video-text p {
   margin: 0 auto 10px;
   font-family: 'Merriweather', sans-serif;
   font-size: 16px;
   color: rgba(255,255,255,0.6);
   font-weight: 300;
   line-height: 1.42857143;   
   letter-spacing: 0;
   text-transform: none;   
   text-align: center; 
   opacity: 0.9;
   width: 100%;
}

@media (min-width: 768px) {
   .home-video .container-video-text .video-text {
      width: 75%;
   }   
   .home-video .container-video-text .video-text h2 {
      font-size: 45px;
   }
   .home-video .container-video-text .video-text p {
      font-size: 18px;
      width: 75%;      
   }
}

@media (min-width: 992px) {
   .home-video .container-video-text .video-text h2 {
      font-size: 55px;
   }
}

@media (min-width: 1200px) {
   .home-video .container-video-text .video-text h2 {
      font-size: 65px;
   }
   .home-video .container-video-text .video-text p {
      font-size: 20px;
   }
}

.home-video .btn-action-primary {
   display: inline-block;
   position: relative;
   cursor: pointer;
}

.home-video .btn-action-primary a:focus,
.home-video .btn-action-primary a:active,
.home-video .btn-action-primary a {
   color: #ffffff;
   border: 1px solid #e53e3e;
   background-color: #e53e3e;
   padding: 10px 24px 10px;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   -webkit-transition: all 200ms;
   -moz-transition: all 200ms;
   -o-transition: all 200ms;
   transition: all 200ms;
}

@media (min-width: 375px) {
   .home-video .btn-action-primary a:focus,
   .home-video .btn-action-primary a:active,
   .home-video .btn-action-primary a {
      font-size: 14px;
   }
}

.home-video .btn-action-primary:hover a,
.home-video .btn-action-primary a:hover {
   color: #3a3a3a;
   background-color: #ffffff;
   border: 1px solid #ffffff;
}


.home-video .btn-action-secondary {
   margin-left: 20px;
   display: inline-block;
   position: relative;
   cursor: pointer;
}

.home-video .btn-action-secondary a:focus,
.home-video .btn-action-secondary a:active,
.home-video .btn-action-secondary a {
   color: #ffffff;
   border: 1px solid #ffffff;
   padding: 10px 24px 10px;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   -webkit-transition: all 200ms;
   -moz-transition: all 200ms;
   -o-transition: all 200ms;
   transition: all 200ms;
}

@media (min-width: 375px) {
   .home-video .btn-action-secondary a:focus,
   .home-video .btn-action-secondary a:active,
   .home-video .btn-action-secondary a {
      font-size: 14px;
   }
}

.home-video .btn-action-secondary:hover a,
.home-video .btn-action-secondary a:hover {
   color: #3a3a3a;
   font-weight: 400;
   background-color: #ffffff;
   border: 1px solid #ffffff;
}


.home-focus-product {
   position: relative;
   margin: 30px 0;
}

@media (min-width: 768px) {
   .home-focus-product {
      margin: 30px 0;
   }
}

@media (min-width: 992px) {
   .home-focus-product {
      margin: 40px 0;
   }
}

@media (min-width: 1200px) {
   .home-focus-product {
      margin: 60px 0;
   }
}


.home-focus-product .bg-layer {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 0;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat;
}

.home-focus-product .container-focus-produit {
   padding-top: 20px;
} 

@media (min-width: 768px) {
   .home-focus-product .container-focus-produit {
      padding-top: 40px;
   }   
   
   .home-focus-product .bg-layer {
      height: 600px;
   }
}

@media (min-width: 992px) {
   .home-focus-product .container-focus-produit {
      padding-top: 60px;
   }   
}

@media (min-width: 1200px) {
   .home-focus-product .container-focus-produit {
      padding-top: 60px;
   }    
   .home-focus-product .bg-layer {
      height: 700px;
   }
}


.home-focus-product .focus-product {
   margin: 15px 0 15px;
}

.home-focus-product .focus-product-image {
   position: relative;
   height: 380px;
   background-position: 50% 50%;
   background-size: cover;
   background-repeat: no-repeat;   
}

.home-focus-product .focus-product figcaption {
   padding: 30px 20px 30px;
   background-color: #b7b6b2;
}

@media (min-width: 768px) {
   .home-focus-product .focus-product figcaption {
      background-color: #b7b6b2;
   }
}

.home-focus-product .focus-product .focus-product-title {
   display: block;
   font-family: 'Poppins', sans-serif;
   font-family: 'Roboto', sans-serif;
   color: #3a3a3a;
   font-size: 20px;
   font-weight: 600;
   font-style: normal;
   line-height: 1.2;
   text-transform: none;
   letter-spacing: 0.01em;   
}

.home-focus-product .focus-product p {
   margin: 4px 0 0;
   font-family: 'Roboto', sans-serif;
   color: #6a6a6a;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   line-height: 1.42857143;
   text-transform: none;
   letter-spacing: 0;   
}

@media (min-width: 992px) {
   .home-focus-product .focus-product p {
      font-size: 18px;
   }
}

.home-focus-product .focus-product .focus-product-btn {
   margin-top: 20px;
   padding: 10px 24px 10px;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 500;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: 0.02em;
   text-transform: uppercase;
}

.home-focus-product .focus-product .focus-product-btn:hover {
    color: #ffffff;
    background-color: #e53e3e;
    border: 2px solid #e53e3e;
}

@media (min-width: 768px) {
   .home-focus-product .focus-product-image {
      height: 500px;
   }
   .home-focus-product .focus-product .focus-product-title {
      font-size: 20px;
   }
   .home-focus-product .focus-product .focus-product-btn {
      font-size: 13px;
   }   
}

@media (min-width: 992px) {
   .home-focus-product .focus-product-image {
      height: 620px;
   }
   .home-focus-product .focus-product .focus-product-title {
      font-size: 24px;
   }
}

@media (min-width: 1200px) {
   .home-focus-product .focus-product-image {
      height: 680px;
   }
   .home-focus-product .focus-product .focus-product-title {
      font-size: 25px;
   }
}

@media (min-width: 1600px) {
   .home-focus-product .focus-product .focus-product-title {
      font-size: 26px;
   }
}

@media (min-width: 1920px) {
   .home-focus-product .focus-product-image {
      height: 780px;
   }
}


.major-header-promo {
   position: relative;
   padding: 8px 0;
   width: 100%;
   min-height: 30px;   
   max-height: 60px;   
   background-color: #e53e3e;
   overflow: hidden;      
}

.major-header-promo .major-header-promo-container .major-header-promo-col p {
   margin: 0;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.2;
   color: #ffffff;
   letter-spacing: .02em;   
   text-align: center;
   text-transform: none;
}

.major-header-promo .major-header-promo-container .major-header-promo-col p > span {
   margin-left: 20px;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 400;
   color: #ffffff;
   border-bottom: 1px solid #ffffff;
   cursor: pointer;
}

@media (min-width: 768px) {
   .major-header-promo {
      padding: 0;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;         
   }
   
   .major-header-promo .major-header-promo-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;   
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
   }   
   
   .major-header-promo .major-header-promo-container .major-header-promo-col {
      min-height: 40px;
      display: -webkit-box;      
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-positive: 2;
      flex-grow: 2;
      z-index: 1;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;      
   }  
   
   .major-header-promo .major-header-promo-container .major-header-promo-col p {
      font-size: 15px;
   }

   .major-header-promo .major-header-promo-container .major-header-promo-col p > span {
      font-size: 14px;
   }   
}

@media (min-width: 1200px) {
   .major-header-promo .major-header-promo-container .major-header-promo-col {
      min-height: 45px;   
   }
}












/***************/
/* QUENTIN CSS */
/***************/

.password-eye, .password-new-eye {
    cursor: pointer;
    pointer-events: all;
    font-size: 18px;
}

.input-group-addon {
    background-color: transparent;
}

#password-visible, #password-new-visible {
    border-right: 0;
}

hr.or-hr {
    overflow: visible;
    text-align: center;
}

hr.or-hr:after {
    content: "ou";
    display: inline-block;
    position: relative;
    top: -0.85em;
    font-size: 1.3em;
    padding: 0 0.5em;
    background: #fff;
}

.confirmation-commande-content {
    text-align: center;
    margin-bottom: 3rem;
}

.fs-14px {
    font-size: 14px;
}

/* Algolia revendeurs */

.find-shop-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

#map {
    width: 100%;
    height: 500px;
}

.algolia-facet {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ais-refinement-list--count {
    display: inline-block;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #e53e3e;
    color: #fff;
    border-radius: 10px;
}

.ais-refinement-list--header {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #000;
}

.sbx-sffv {
    margin: 10px 0px;
}

.ais-refinement-list--label {
    margin-top: 5px;
    font-size: 14px;
    font-weight: inherit;
}

.ais-refinement-list--showless {
    margin-top: 10px;
}

.ais-refinement-list--showmore {
    margin-top: 10px;
}

/* Fin Algolia revendeurs */

.dropdown-findshop {
    width: 100%;
    text-align: center;
}

.cat-card {
    margin: 10px 0px;
    padding-bottom: 50px;
}

.cat-card-img {
    width: 100%;
}

.cat-card-link {
   display: block;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 18px;
   letter-spacing: 0.01em;
   line-height: 1.2;
   margin: 20px 0 0;
   text-transform: none;   
}

@media (min-width: 768px) {
   .cat-card-link {
      font-size: 20px;
   }
}

@media (min-width: 1200px) {
   .cat-card-link {
      font-size: 21px;
   }
}

.cat-card-cta {
   margin-top: 20px;
   color: #e53e3e;
   border: 1px solid #e53e3e;
   padding: 10px 24px 10px;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 400;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: 0.02em;
   text-transform: uppercase;
}

.cat-card-cta:before {
   background-color: #e53e3e;
}

.cat-card-cta:hover {
   color: #ffffff;
   font-weight: 400;
   background-color: #e53e3e;
   border: 1px solid #e53e3e;
}

@media (min-width: 768px) {
   .cat-card-cta {
      font-size: 13px;
   }
}

.deleteAddressModal {
    height: 150px;
}

.row-fidelity {
    margin: 0 20px;
}

.row-recap-commande-produits {
    margin: 20px 0;
}

.accept-cgv-checkbox {
   margin: 15px 0 15px;
}

.accept-cgv-checkbox input[type=checkbox] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: #ffffff;
   border: 2px solid #5a5a5a;
   border-radius: 2px;
   cursor: pointer;
   height: 20px;
   outline: none;
   -webkit-transition: all .1s ease-in-out;
   -moz-transition: all .1s ease-in-out;
   transition: all .1s ease-in-out;
   vertical-align: middle;
   width: 20px;
   display: inline-block;
   margin-right: 10px;
   vertical-align: top;   
}

.accept-cgv-checkbox input[type=checkbox]:focus {
    border-color: #5a5a5a !important;   
}

.accept-cgv-checkbox input[type=checkbox]:after {
   content: '\00ac';
   color: #3a3a3a;
   display: block;
   font-size: 28px;
   font-weight: 400;
   margin-top: -11px;
   margin-left: 7px;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   text-align: center;
   -webkit-transform: rotate(90deg) scale(0);
   -moz-transform: rotate(90deg) scale(0);
   -ms-transform: rotate(90deg) scale(0);
   transform: rotate(90deg) scale(0);
   -webkit-transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
   transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
   -moz-transition: opacity .1s ease-in-out,transform .1s ease-in-out,-moz-transform .1s ease-in-out;
   transition: opacity .1s ease-in-out,transform .1s ease-in-out;
   transition: opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out,-moz-transform .1s ease-in-out;
}

.accept-cgv-checkbox input[type=checkbox]:checked:after {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   -webkit-transform: rotate(135deg) scale(1);
   -moz-transform: rotate(135deg) scale(1);
   -ms-transform: rotate(135deg) scale(1);
   transform: rotate(135deg) scale(1);
}

.accept-cgv-checkbox label {
   width: 80%;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.42857143;
   color: #6a6a6a;  
   letter-spacing: -0.02em;
}

.accept-cgv-checkbox label a,
.accept-cgv-checkbox label a:focus {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.42857143;
   color: #71b02c;  
   letter-spacing: -0.02em;
}

.accept-cgv-checkbox label a:hover {
   color: #e53e3e;  
   text-decoration: underline;
}

/* page prograame fid */

.ppf .col-fidelity {
   background-color: #fff;
   border: 1px solid #eeebe5;
   z-index: 1;
}

.ppf .col-fidelity .fidelity-content {
   position: relative;
   padding: 20px;
   text-align: center;
}

.ppf .col-fidelity .fidelity-content .icon {
   margin-bottom: 10px;
}

.ppf .col-fidelity .fidelity-content .points {
   display: inline-block;
   padding: 5px 5px;
   background-color: #ffff82;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: uppercase;
   margin: 0 0 2px;
}

.ppf .col-fidelity .fidelity-content .info-points {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
   text-transform: none;
   margin: 0 0 20px;
}

.ppf .col-fidelity .fidelity-content .desc {
   margin: 20px;
   padding: 0;
   text-align: left;
}

.ppf .col-fidelity .fidelity-content .desc li {
   padding: 0 0 15px 0;
   margin: 0;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   color: #5a5a5a;
   font-style: normal;
   font-weight: 300;
   line-height: 1.42857143;
   letter-spacing: 0;
}

.ppf .col-fidelity .fidelity-content .desc li.cheque {
   font-size: 16px;
   font-weight: 500;
}

.ppf-qf-link {
   display: block;
}

.ppf-qf-panel>.panel-group>.panel {
   margin-bottom: 0;
   background-color: transparent;
   border: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 0;
}

.ppf-qf-panel>.panel-group>.panel-default {
   border-color: transparent;
}

.ppf-qf-panel>.panel-group>.panel-default>.panel-heading {
   background-color: transparent;
   border-color: transparent;
}

.ppf-qf-panel>.panel-group>.panel>.panel-collapse>.panel-body {
   border-top: 0;
}

.navbar-tunnel {
   height: 110px;
}

.tunnel {
   padding-top: 110px;
}

.navbar-tunnel-mobile {
   text-align: center;
}

@media (max-width: 767px) {
   .tunnel {
      padding-top: 60px;
   }
}

.checkout-container .col-cart-summary .cart-summary-wrapper .cart-summary-item .cart-summary-item-label.codepromo,
.checkout-container .col-cart-summary .cart-summary-wrapper .cart-summary-item .cart-summary-item-value.codepromo {
   font-weight: 400;
   color: #71b02c;
}

.social-network-page-i {
   margin-left: 50px;
   font-size: 30px;
}

.product-arome.outOfStock {
   color: #e53e3e !important;
   font-size: 12px !important;
   text-transform: uppercase !important;
   font-weight: 400 !important;
}


/*******************************/
/* Conseil.css                 */
/*******************************/

.cta-link {
   display:inline-block;
   color:#3a3a3a;
   text-decoration:none;
   white-space:nowrap;
   border-bottom:1px solid #8a8a8a;
   line-height:150%;
   position:relative;
   z-index:1;
   -webkit-transition:color .25s,border-color .25s;
   -o-transition:color .25s,border-color .25s;
   transition:color .25s,border-color .25s
}

.cta-link:after {
   content:"";
   position:absolute;
   top:100%;
   left:0;
   width:100%;
   border-bottom: 1px solid #e53e3e;
   -webkit-transform-origin:0 50%;
   -ms-transform-origin:0 50%;
   transform-origin:0 50%;
   -webkit-transform:scaleX(0);
   -ms-transform:scaleX(0);
   transform:scaleX(0);
   opacity:0;
   -webkit-transition:opacity .25s,-webkit-transform 0ms .25s;
   transition:opacity .25s,-webkit-transform 0ms .25s;
   -o-transition:transform 0ms .25s,opacity .25s;
   transition:transform 0ms .25s,opacity .25s;
   transition:transform 0ms .25s,opacity .25s,-webkit-transform 0ms .25s;
   z-index:-1
}

.cta-link:hover {
   color: #e53e3e;
   border-color: hsla(0, 56%, 53%, .001);
   -webkit-transition:color .5s,border-color .25s;
   -o-transition:color .5s,border-color .25s;
   transition:color .5s,border-color .25s
}

.cta-link:hover:after{
   -webkit-transform:scaleX(1);
   -ms-transform:scaleX(1);
   transform:scaleX(1);
   opacity:1;
   -webkit-transition:opacity 0ms,-webkit-transform .25s .25s;
   transition:opacity 0ms,-webkit-transform .25s .25s;
   -o-transition:transform .25s .25s,opacity 0ms;
   transition:transform .25s .25s,opacity 0ms;
   transition:transform .25s .25s,opacity 0ms,-webkit-transform .25s .25s
}

article {
   position: relative;
}

article .table {
   margin-top: 30px;
   margin-bottom: 30px;
}

article header {
  width: 100%;
}

article header .title-article {
   width: 100%;
   margin-top: 30px;
}

article header h1 {
   max-width: 990px;
   width: 100%;
   margin: 5px auto 20px;
   color: #1a1a1a;
   font-size: 28px;
   text-align: center;   
   font-family: 'Poppins', sans-serif;
   font-weight: 600;
   font-style: normal;
   line-height: 1.2;
   letter-spacing: 0;
   text-transform: none;
}

@media (min-width: 768px) {
   article header h1 {
      font-size: 30px;
   }    
}

@media (min-width: 992px) {
   article header h1 {
      margin-top: 30px;
      width: 90%;
      font-size: 35px;
   }  
}

@media (min-width: 1200px) {
   article header h1 {
      font-size: 40px;
   }  
}

@media (min-width: 1680px) {
   article header h1 {
      font-size: 45px;
   }     
}

article header .author {
   margin-top: 30px;
   margin-bottom: 0;
   font-family: 'Merriweather', sans-serif; 
   font-style: italic;
   font-weight: 300;
   font-size: 18px;
   color: #dfdfdf; 
   text-align: center;
}

article header .h-breadcrumb {
   margin-bottom: 30px;
   font-family: 'Roboto', sans-serif;
   font-style: normal; 
   font-weight: 300;   
   font-size: 13px;
   color: #6a6a6a;
   text-align: center;
}   

article header .h-breadcrumb a {
   margin: 0 10px;
   font-family: 'Roboto',  sans-serif;
   font-style: normal; 
   font-weight: 400;   
   font-size: 14px;
   text-align: center;
   color: #6a6a6a;
   border-bottom: none;
}

article header .h-breadcrumb a:hover {
   color: #e53e3e;
} 

article header .title-article .h-breadcrumb {
   margin-bottom: 40px;
}


@media (max-width: 991px) {

   article header .h-breadcrumb {
      margin-bottom: 15px;
   }
   
   article header .h-breadcrumb a {
      font-size: 14px;
   }   
   
   article header .author {
      font-size: 16px;
   } 
}

@media (max-width: 767px) {
   
   article header .h-breadcrumb a {
      font-size: 13px;
   }  
   
   article header .author {
      font-size: 14px;
   }     
}

@media (max-width: 520px) {
   
   article header .title-article {
      top: 20px;
   } 
}

.categories-wrapper {
   margin-top: 50px;
   margin-bottom: 80px;
}

.articles-wrapper {
   margin-top: 50px;
   margin-bottom: 0;
}


.line::after {
   content: '';
   display: block;
   margin: 20px auto;
   
   width: 35px;
   height: 1px;
   background-color: #e53e3e;
   
}

.liste_article {
  margin-top: 50px;
}

.liste_article img {
  width: 100%;
}


article .h-category {
   position: relative;
   padding: 0;
   margin-bottom: 0;
}

article header.h-category p {
   font-size: 18px;
   font-weight: 300;
   color: #3a3a3a;
   margin-top: 10px;
   margin-bottom: 0;
   text-align: justify;   
   line-height: 1.42857143;
   display: -webkit-box;
   height: 105px; 
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;    
}

article .container-article {
   margin-bottom: 50px;
}

article ul, 
article ol {
   margin: 30px 0;
}

article strong {
   font-weight: 400;
   color: #3a3a3a;
}

article li {
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 300;
   margin-top: 20px;
   margin-bottom: 0px;
}

@media (max-width: 991px) {
   article ul, 
   article ol {
      padding-left: 30px;
   }   
}

article section figure {
   margin-top: 50px;
   margin-bottom: 50px;
}

article section figure.figure-advices {
   margin-top: 0;
   margin-bottom: 0;
}

article section figure img {
   max-width: 100%;
   display: block; 
   margin-left: auto; 
   margin-right: auto; 
   width: 100%; 
   height: auto;
}

article section figure figcaption {
   font-family: 'Roboto', sans-serif; 
   font-weight: 300; 
   font-size: 18px; 
   color: #8a8a8a; 
   text-align :center;
   margin: 10px 0; 
   max-width: 970px; 
   margin-left: auto; 
   margin-right: auto;
}

article blockquote {
   position: relative;
   margin: 50px 0;
   padding: 0 50px;
   border: none;
   font-family: 'Merriweather', sans-serif; 
   font-style: italic;
   font-weight: 400;
   font-size: 25px;
   color :#1a1a1a; 
}

article blockquote::before {
    position: absolute;
    content: "\201C";
    font-size: 60px;
    font-weight: bold;
    color: #1a1a1a;
    left: 0;
    top: -30px;
}

article blockquote .attribution {
   position: relative;
   margin-top: 15px;
   font-family: 'Roboto', sans-serif; 
   font-size: 18px;
   font-weight: 300;
   font-style: normal;
   color: #8a8a8a;
   padding-left: 55px;
}

article blockquote .attribution::before {
   position: absolute;
   content: "";
   background-color: #8a8a8a;
   height: 1px;
   width: 40px;
   top: 10px;
   left: 0;
}

.video-container {
   max-width: 100%;
   display: block; 
   margin-left: auto; 
   margin-right: auto; 
   margin-top: 50px;
   margin-bottom: 50px;
   width: 100%; 
}

.video-image {
   position: relative;
   overflow: hidden;
}

.video-player {
   position: absolute;
   display: none;
   max-width: 100%;
   height: auto;
   z-index: 1000;
}

.img-100 {
   width: 100%
}

.icon-play {
   background: url(../images/sprites/play-button.png) transparent no-repeat center center;
   height: 120px;
   width: 120px;
   -webkit-background-size: 105px 105px;
   -moz-background-size: 105px 105px;
   background-size: 105px 105px;
   cursor: pointer;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -ms-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
}

.icon-play:hover {
   -webkit-background-size: 120px 120px;
	-moz-background-size: 120px 120px;
	background-size: 120px 120px
}

.video-image .icon-play {
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -60px;
   margin-top: -60px;
}

article footer {
   padding: 20px 0;
   background-color: #f7f6f2;
}

.more-advices {
   font-size: 16px;
   padding-top: 60px;
   margin-bottom: 60px;
   text-align: center;
   text-transform: uppercase;   
   font-family: 'Poppins', sans-serif;
   font-weight: 600;
   font-style: normal;
}

.more-advices::before {
    background-color: #1a1a1a;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 50px;
}

.margin-advice-list {
   margin-bottom: 80px;
}

.advice-list-thumb {
   margin-bottom: 50px;
}

.advice-list .advice-list-wrapper {
   padding-bottom: 50px;
   background-color: #ffffff;
}

@media (max-width: 767px) {
   
   .advice-list .advice-list-wrapper {
      padding-bottom: 30px;
      background-color: transparent;
   }

   .advice-list-thumb {
      margin-bottom: 30px;
   }   
   
   .advice-list-thumb .advice-list-thumb-text {
      margin-top: 40px;
   }  
}

@media (max-width: 500px) {
   
   .advice-list-thumb .advice-list-thumb-text {
      margin-top: 20px;
   }  
}

@media (max-width: 400px) {
   
   .advice-list-thumb .advice-list-thumb-text {
      margin-top: 10px;
   }  
}


@media (max-width: 360px) {
   
   .advice-list-thumb .advice-list-thumb-text {
      margin-top: 0;
   }  
}


.article-wrapper {
   margin-bottom: 80px;
}




































.advice-info {
   position: relative;
   margin-top: 20px;
   padding: 0;   
}

.advice-list .col-md-pull-6 .advice-info {
   margin-left: 30px;   
}

.advice-list .container-theme .advice-info {
   margin-top: 40px;
}

.advice-info .category {
   margin-bottom: 7px;
   font-size: 12px;
   font-weight: 400;
   text-transform: uppercase;
   color: #9a9a9a;
   letter-spacing: 0.01em;
   line-height: 1.2;
}

.advice-info h2 {
   margin-top: 0;
   margin-bottom: 0;
   position: relative;
   font-size: 24px;
   font-weight: 500;
   line-height: 1.2;
}

.advice-info h2:after {
   content: '';
   display: block;
   margin: 10px 0;
   width: 30px;
   height: 3px;
   background-color: #1a1a1a;
}

.advice-info h2 a {
   color: #1a1a1a;   
   font-family: 'Poppins', sans-serif;
   font-weight: 600;
   font-style: normal;
}

.advice-info h2 a:hover {
   color: #1a1a1a;
}

.advice-info p {
   margin-top: 10px;
   margin-bottom: 15px;
   font-size: 18px;
   line-height: 1.42857143;   
   color: #6a6a6a;
   display: block; 
   display: -webkit-box;
   height: 75px; 
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;   
   
}

.advice-info p a {
   font-size: 16px;
   color: #3a3a3a;
}

.advice-info .cta {
   position:relative;
   display: inline;
   font-size: 15px;
   font-weight: 300;    
   color:#e53e3e;
   text-decoration:none;
   white-space:nowrap;
   border-bottom:1px solid transparent;
   z-index:1;
   -webkit-transition:color .25s,border-color .25s;
   -o-transition:color .25s,border-color .25s;
   transition:color .25s,border-color .25s
}

.advice-info.cta::before {
   content: '';
   display: block;
   position: absolute;
   width: 35px;
   height: 1px;
   background-color: #bababa;
   top: -15px;
   left: 0;
}

.advice-info .cta > span {
   margin-left: 3px;
   font-size: 18px;
   color: rgba(202, 68, 68, 0.9);
}

.advice-info .cta:after {
   content:"";
   position:absolute;
   top:100%;
   left:0;
   width:100%;
   border-bottom: 1px solid #e53e3e;
   -webkit-transform-origin:0 50%;
   -ms-transform-origin:0 50%;
   transform-origin:0 50%;
   -webkit-transform:scaleX(0);
   -ms-transform:scaleX(0);
   transform:scaleX(0);
   opacity:0;
   -webkit-transition:opacity .25s,-webkit-transform 0ms .25s;
   transition:opacity .25s,-webkit-transform 0ms .25s;
   -o-transition:transform 0ms .25s,opacity .25s;
   transition:transform 0ms .25s,opacity .25s;
   transition:transform 0ms .25s,opacity .25s,-webkit-transform 0ms .25s;
   z-index:-1
}

.advice-info .cta:hover {
   color: #e53e3e;
   border-color: hsla(0, 56%, 53%, .001);
   -webkit-transition:color .5s,border-color .25s;
   -o-transition:color .5s,border-color .25s;
   transition:color .5s,border-color .25s
}

.advice-info.cta:hover:after{
   -webkit-transform:scaleX(1);
   -ms-transform:scaleX(1);
   transform:scaleX(1);
   opacity:1;
   -webkit-transition:opacity 0ms,-webkit-transform .25s .25s;
   transition:opacity 0ms,-webkit-transform .25s .25s;
   -o-transition:transform .25s .25s,opacity 0ms;
   transition:transform .25s .25s,opacity 0ms;
   transition:transform .25s .25s,opacity 0ms,-webkit-transform .25s .25s
}

.advice-info .read-more{
   color: #e53e3e;
   font-size: 15px;   
   font-weight: 400;
   vertical-align: middle;
   -webkit-transform: translateX(-30px);
   -ms-transform: translateX(-30px);
   -o-transform: translateX(-30px);
   transform: translateX(-30px);
   -webkit-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out
}

.advice-info .read-more:before{
   content: '';
   display: inline-block;
   margin-right: 0;
   width: 30px;
   border-top: 2px solid #e53e3e;
   vertical-align: middle;
   -webkit-transform-origin: top right;
   -ms-transform-origin: top right;
   -o-transform-origin: top right;
   transform-origin: top right;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   -o-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: inherit;
   -o-transition: inherit;
   transition: inherit;
}

.advice-list:hover .read-more{
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   -o-transform: translateX(0);
   transform: translateX(0);
}

.advice-list:hover .read-more:before{
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   -o-transform: scaleX(1);
   transform: scaleX(1);
   margin-right: 14px;
}


.advice-info .fwd {
   position: absolute;
   top: -61px;
   right: 174px;
   z-index: 1;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   display: block;
   width: 44px;
   height: 44px;
   background-color: #bfbfbf;
   -webkit-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
}

.advice-list:hover .advice-info .fwd {
    background-color: #e53e3e;
}

.advice-info .fwd:after,
.advice-info .fwd:before{
	position: absolute;
   content: '';
   display: inline-block;   
	background-repeat: no-repeat;
	width: 44px;
	height: 44px;
   -webkit-transition: inherit;
   -o-transition: inherit;
   transition: inherit;   
}

.advice-info .fwd:after{
   background-position: 13px 16px;   
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxOCA3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiMyMzFGMjAiIHBvaW50cz0iMTgsNSAxMy41LDAuNSAxMi4wODYsMS45MTQgMTUuMTcyLDUgMCw1IDAsNyAxOCw3ICIvPg0KPC9zdmc+DQo=); 
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.advice-info .fwd:before{
   opacity: 0;
   background-position: 50%;
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxOCw4IDEwLDggMTAsMCA4LDAgOCw4IDAsOCAwLDEwIDgsMTAgOCwxOCAxMCwxOCAxMCwxMCAxOCwxMCAiLz4NCjwvc3ZnPg0K);
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   transform: rotate(-90deg);
}

.advice-list:hover .advice-info .fwd:before{
   opacity: 1;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.advice-list:hover .advice-info .fwd:after{
   opacity: 0;
   -webkit-transform: rotate(0);
   -ms-transform: rotate(0);
   -o-transform: rotate(0);
   transform: rotate(0);
}


.advice-list .advice-img {
   overflow: hidden;
   margin-bottom: 0;
}

.advice-list-thumb .advice-small-img {
   overflow: hidden;
   margin-bottom: 0;
}  

.advice-list-thumb .advice-small-link {
   font-size: 16px;
   font-weight: 400;
   line-height: 1.42857143;
   color: #3a3a3a;
}  

.advice-list-thumb .advice-small-link:hover {
   color: #e53e3e;
} 

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

@media (min-width: 992px) {
   .category-list .col-category-small:nth-child(odd) {
     padding-right: 7.5px;
   }

   .category-list .col-category-small:nth-child(even) {
     padding-left: 7.5px;
   }
}

@media (max-width: 991px) {
   .category-list .col-category-small {
     margin-bottom: 15px;
   }
   
   .category-list .col-category-small:last-child {
     margin-bottom: 0;
   }   
}

.category-list .image-link, 
.category-list .image-link:after {
   display: block;
   height: 100%;
   width: 100%;
}

.category-list .image-link {
   position: relative;
   min-height: 420px;
   background-size: cover;
   background-position: center;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;   
}

.category-list .image-link:after {
   content: "";
   top: 0;
   left: 0;
   position: absolute;
   /*background-color: rgba(0,0,0,.1);*/
   background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 100%);      
}

.category-list .image-link .detail {
   position: absolute;
   padding: 40px;
   right: 5%;
   top: 50%;
   bottom: auto;
   width: 50%;
   transform: translate(0,-50%);
   background-color: #ffffff;
   background-color: rgba(255, 255, 255, 0.9);
   z-index: 1;
}

.category-list .image-link .detail.two {
   width: 90%;
}

.category-list .image-link .detail .category {
   position: relative;
   display: inline-block;
   margin-bottom: 7px;
   font-family: 'Roboto', sans-serif; 
   font-size: 12px;
   font-weight: 400;
   color: #9a9a9a;
   letter-spacing: 0.01em;
   text-transform: uppercase;
}

.category-list .image-link .detail h2 {
   margin-top: 0;
   margin-bottom: 5px;
}

.category-list .image-link .detail h2:after {
   content: '';
   display: block;
   margin: 10px 0;
   width: 30px;
   height: 3px;
   background-color: #1a1a1a;
}

.category-list .image-link .detail h2 a {
   font-size: 24px;
   line-height: 1;
   color: #1a1a1a;
   text-transform: none;
   font-family: 'Poppins', sans-serif; 
   font-weight: 600;
   font-style: normal;
   letter-spacing: 0;
}

.category-list .image-link .detail h2 a:hover {
   color: #1a1a1a;
}


.category-list .image-link .detail p {
   margin-top: 10px;
   margin-bottom: 15px;
   font-family: 'Roboto', sans-serif; 
   font-size: 18px;
   line-height: 1.2;
   color: #6a6a6a;
   display: block;
   display: -webkit-box;
   height: 65px;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;   
}

@media (max-width: 991px) {
   
   .category-list .image-link {
      min-height: 350px;
   }
   
   .category-list .image-link .detail {
      padding: 30px;
      width: 90%;
   }
   
   .category-list .image-link .detail h2 a {
      font-size: 22px;
   }
   
   .category-list .image-link .detail p {
      font-size: 16px;
      height: 60px;
   }   
}

.category-list .image-link .detail .cta {
   font-family: 'Roboto', sans-serif;    
   color: #e53e3e;
   font-size: 15px;   
   font-weight: 400;
   vertical-align: middle;
   -webkit-transform: translateX(-30px);
   -ms-transform: translateX(-30px);
   -o-transform: translateX(-30px);
   transform: translateX(-30px);
   -webkit-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out
}

.category-list .image-link .detail .cta:before{
   content: '';
   display: inline-block;
   margin-right: 0;
   width: 30px;
   border-top: 2px solid #e53e3e;
   vertical-align: middle;
   -webkit-transform-origin: top right;
   -ms-transform-origin: top right;
   -o-transform-origin: top right;
   transform-origin: top right;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   -o-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: inherit;
   -o-transition: inherit;
   transition: inherit;
}


.category-list .image-link:hover .detail .cta {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   -o-transform: translateX(0);
   transform: translateX(0);
}

.category-list .image-link:hover .detail .cta:before{
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   -o-transform: scaleX(1);
   transform: scaleX(1);
   margin-right: 14px;
}



.block-image-links .image-link, 
.block-image-links .image-link:after {
   display: block;
   height: 100%;
   width: 100%;
}

.block-image-links .image-link {
   position: relative;
   min-height: 350px;
   background-size: cover;
   background-position: center;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;   
}

.block-image-links .image-link:after {
   content: "";
   top: 0;
   left: 0;
   position: absolute;
   background-color: rgba(0,0,0,.5);
}


.block-image-links .image-link .detail {
   position: absolute;
   left: 7%;
   z-index: 1;
   padding-right: 7%;
   top: 50%;
   bottom: auto;
   transform: translate(0,-50%);
}

.block-image-links .image-link .detail .category {
   display: inline-block;
   padding: 3px 10px;
   margin-bottom: 15px;
   font-family: 'Roboto', sans-serif; 
   font-size: 12px;
   font-weight: 400;
   color: #ffffff;
   text-transform: uppercase;
   z-index: 1;
   position: relative;
}

.block-image-links .image-link .detail .category:before {
    content: "";
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #e53e3e;
}

.block-image-links .image-link .detail .title {
   margin-bottom: 5px;
}

.block-image-links .image-link .detail .title a {
   font-size: 30px;
   line-height: 1;
   color: #ffffff;
   text-transform: uppercase;
   font-family: 'Poppins', sans-serif;
   font-weight: 600;
   font-style: normal;
   letter-spacing: 0;
}

.block-image-links .image-link .detail .title a:hover {
   color: #ffffff;
}

.block-image-links .image-link .detail .subtitle {
   margin-bottom: 10px;
   font-family: 'Roboto', sans-serif; 
   font-weight: 300; 
   font-size: 18px;
   line-height: 1.2;
   color: #dfdfdf;
}

.block-image-links .image-link .detail .cta {
   font-family: 'Roboto', sans-serif; 
   font-size: 15px;
   font-weight: 400; 
   color: #dfdfdf;
   position: relative;
   -webkit-transform: translateX(-30px);
   -ms-transform: translateX(-30px);
   -o-transform: translateX(-30px);
   transform: translateX(-30px);
   -webkit-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out
}

.block-image-links .image-link .detail .cta:before{
   content: '';
   display: inline-block;
   margin-right: 0;
   width: 30px;
   border-top: 2px solid #e53e3e;
   vertical-align: middle;
   -webkit-transform-origin: top right;
   -ms-transform-origin: top right;
   -o-transform-origin: top right;
   transform-origin: top right;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   -o-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: inherit;
   -o-transition: inherit;
   transition: inherit;
}

.block-image-links .image-link:hover .detail .cta {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   -o-transform: translateX(0);
   transform: translateX(0);
}

.block-image-links .image-link:hover .detail .cta:before{
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   -o-transform: scaleX(1);
   transform: scaleX(1);
   margin-right: 14px;
}

/*
.block-image-links .image-link .detail .cta {
   font-family: 'Roboto', sans-serif; 
   font-size: 16px;
   font-weight: 400; 
   color: #ffffff;
   position: relative;
   display: inline;
}

.block-image-links .image-link .detail .cta:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 140%;
      width: 100%;
      -webkit-transform-origin: left;
      transform-origin: left;
      -webkit-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;      
}
   
.block-image-links .image-link .detail .cta:before {
      border-bottom: 3px solid #e53e3e;
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
}

.block-image-links .image-link:hover .detail .cta:before {     
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
   -webkit-transition: -webkit-transform 0.5s;
}  

*/

.block-newsletter {
   padding-top: 50px;
   padding-bottom: 60px;
   background-color: #575652;
}


.block-newsletter .title {
   position: relative;
   line-height: 1.15;
   color: #ffffff;
   text-align: center;
   text-transform: uppercase;
   margin-bottom: 30px;
   font-family: 'Poppins', sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 28px;
   letter-spacing: 0;   
   text-transform: none;
}

.block-newsletter .title  > span {
    display: inline-block;
    position: relative;
    z-index: 11;
    padding: 0 30px;
}

.block-newsletter .subtitle {
   margin: 0;
   font-family: 'Roboto', sans-serif; 
   font-weight: 300; 
   font-size: 18px;
   line-height: 1.2;
   color: #dfdfdf;
   text-align: left;
}

.block-newsletter .input-group {
   width: 100%;
}

.block-newsletter .form-control {
   background-color: #fafafa;
}

.block-newsletter .newsletter-input-wrapper {
   position: relative;
}

.block-newsletter .newsletter-input-wrapper .submit-btn {
   border: 0;
   position: absolute;
   top: 0;
   right: 0;
   width: 44px;
   height: 44px;
   z-index: 3;
   background-color: #e53e3e;
   -webkit-transition: all 200ms ease-in-out 0ms;
   -moz-transition: all 200ms ease-in-out 0ms;
   -o-transition: all 200ms ease-in-out 0ms;
   transition: all 200ms ease-in-out 0ms;      
}

.block-newsletter .newsletter-input-wrapper .submit-btn:hover {
   background-color: #b52d2d;
}

.block-newsletter .newsletter-input-wrapper .submit-btn .jam {
   position: absolute;
   top: 8px;
   left: 10px;
   font-size: 26px;
   color: #ffffff;
}

.grow { 
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;   
}

.grow:hover { 
   transform: scale(1.1); 
}

.advice-list figcaption {
   text-align: center;
}

.advice-list figcaption a {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 400;
   display: inline-block;
   text-decoration: none;
}

.advice-list figcaption a::before {
    content: '';
    margin: 15px auto;
    display: block;
    width: 40px;
    height: 4px;
    background-color: #e55050;
}

@media (max-width: 1300px) {
   .block-image-links .image-link,
   .block-image-links .image-link:hover {
      background-size: cover;
   }
}

@media (max-width: 1199px) {
   .advice-info {
      margin-top: 10px;
   }     
}

@media (max-width: 991px) {
   
   .categories-wrapper {
      margin-bottom: 50px;
   }   
   
   .articles-wrapper {
      margin-top: 0;
      margin-bottom: 0;
   }   
   
   article .h-category {
      padding: 0;
      margin-bottom:0;
   }   
   
   article header .title-article .h-breadcrumb {
      padding: 0;
      margin-bottom: 20px;
      font-size: 13px;
   }   
   
   article header.h-category p {
      padding: 0 20px;
      font-size: 16px;
      line-height: 1.42857143;
      
      display: -webkit-box;
      height: 90px; 
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;         
   }

   article section figure {
      margin-top: 25px;
      margin-bottom: 25px;
   }   

   .margin-advice-list {
       margin-bottom: 40px;
   }
   
   article .video-container {
      margin-top: 25px;
      margin-bottom: 25px;
   }
   
   .advice-list h2 {
       font-size: 22px;
   }
   
   .advice-list p {
      font-size: 16px;
      height: 70px;
   }
   
   article li {
      font-size: 18px;
   }
   
   article blockquote {
      font-size: 22px;
   }   

   article section figure figcaption {
      font-size: 16px;
      line-height: 1.42857143;      
   }
   
   article blockquote .attribution {
      font-size: 16px;
      line-height: 1.42857143;      
   }   
   
   .more-advices {
      font-size: 14px;
      padding-top: 30px;
      margin-bottom: 40px;
   }

   .more-advices::before {
       height: 25px;
   }   
   
   .block-image-links .image-link .detail .title a {
      font-size: 24px;
   }   
   
   .block-image-links .image-link .detail .subtitle {
      font-size: 16px;
   }
   
   .block-newsletter {
      padding-top: 30px;
      padding-bottom: 40px;
   }
   
   .block-newsletter .title {
      font-size: 22px;
      margin-bottom: 30px;
   }   
   
   .block-newsletter .title  > span {
       padding: 0 15px;
   }   
   
   .block-newsletter .subtitle {
      font-size: 17px;
      margin-bottom: 15px
   }   
   
   article .container-article {
      margin-bottom: 50px;
   }   
   
   .advice-info {
      margin-top: 20px;
   }     
}


@media (max-width: 767px) {
   
   .categories-wrapper {
      margin-bottom: 0;
   } 
   
   article .container-article {
      margin-bottom: 20px;
   }
   
   .margin-advice-list {
       margin-bottom: 0;
   }   
   
   .advice-info {
      margin-top: 30px;
      margin-bottom: 0;
      padding-bottom: 30px;
      border-bottom: 1px solid #eeebe5;
   }     
}


.h-article {
   position: relative;
   width: 100%;
   height: 100vh;
   background-size: cover;
   background-attachment: scroll;
   background-position: 50% 0%;
}

.h-article .bg-overlay {
   position: absolute;
   width: 100%;
   height: 100vh;
   top: 0;
   left: 0;
   /*background: rgba(26, 26, 26, 0.7);*/
   background: radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);   
}

.h-article .content-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   display: table;
   height: 105%;
   width: 100%;
   padding-left: 10%;
   padding-right: 10%;
   padding-bottom: 10%;
}

@media (min-width: 768px) {
   
   .h-article {
      position: relative;
      width: 100%;
      height: 100vh;
      background-size: cover;
      background-attachment: scroll;
   }

   .h-article .bg-overlay {
      position: absolute;
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
   }   
   .h-article .content-wrapper {
      padding-bottom: 0;
      height: 110%;
   }   
}


.h-article .content-wrapper .content {
   display: table-cell;
   width: 100%;
   height: 100%;
   vertical-align: middle;
}


.h-article .col-article-img {
   height: 280px;
}

.h-article .col-article-title {
   background-color: #ffffff;
}

.h-article .h-breadcrumb {
   text-align: center;
   color: #dfdfdf;
   margin-bottom: 30px;
}

.h-article .h-breadcrumb a {
   color: #dfdfdf;
}

.h-article .article-main-img {
   position: absolute;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat;   
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
}

.h-article .article-main-img:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.2);
}

.h-article .article-header-intro {
   position: relative;
   margin: 20px 0 0 0;
}

.h-article .title {
   width: 100%;
   max-width: 100%;
   margin: 0;
   color: #ffffff;
   text-align: center;
   font-size: 30px;
   font-family: 'Poppins', sans-serif;
   font-weight: 600;
   font-style: normal;
   line-height: 1.2;
   letter-spacing: 0;
   text-transform: none;
}

.container-article .share-nav {
   position: relative;
   margin-top: 30px;
   margin-bottom: 0;
}

.container-article .share-nav.bottom {
   margin-bottom: 30px;
}

@media (min-width: 768px) {
   .container-article .share-nav.bottom {
      margin-bottom: 0;
   }
}

@media (min-width: 992px) {
   .container-article .share-nav {
      margin-top: 10px;
      margin-bottom: 0;
   }
   .container-article .share-nav.bottom {
      margin-top: 30px;
      margin-bottom: 0;
   }   
}

.container-article .share-nav .share-container {
   text-align: center;
}

.container-article .share-nav .share-container a {
   display: inline-block;
   width: 40px;
   height: 40px;
   margin: 0 10px;
   border: none;
   color: inherit;
   line-height: 40px;
   cursor: pointer;
   transition: opacity 0.3s;
} 

.container-article .share-nav .share-container a i {
   color: #1a1a1a;
   font-size: 20px;
}

@media (min-width: 768px) {
   .container-article .share-nav .share-container a i {
      font-size: 22px;
   }
}

.container-article .intro {
   color: #3a3a3a;
   font-size: 22px;
   font-weight: 300;
   margin-top: 30px;
   margin-bottom: 0;
}

@media (min-width: 375px) {
   
   .h-article .h-breadcrumb {
      margin-bottom: 30px;
   }
   
   .h-article .title {
      font-size: 30px;
   }  
}

@media (min-width: 768px) {
   
   .h-article .article-header-intro {
      margin-left: 15px;
      margin-right: 15px;
   }      
   
   .h-article .title {
      font-size: 40px;
   }    

   .container-article .intro {
      font-size: 24px;
   }   
}

@media (min-width: 992px) {
   
   .h-article {
      margin-bottom: 30px;
   }  
   
   .h-article .col-article-img {
      height: 680px;
   }   
   
   .h-article .col-article-title {
      height: 680px;
   }   
   
   .h-article .article-main-img {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;      
   }

   .h-article .article-header-intro {
      margin: 0;
      padding: 50px;
      background-color: #f7f6f2;
      z-index: 3;
      
      position: relative;
      top: -25%;
   }
   
   .h-article .title {
      font-size: 45px;
      padding: 0 5%;
   }  

   .container-article .intro {
      font-size: 26px;
   }    
}

@media (min-width: 1200px) {
   .h-article .title {
      font-size: 50px;
      padding: 0 10%;
   }  
}

@media (min-width: 1680px) {
   .h-article .title {
      font-size: 50px;
      padding: 0 15%;
   }     
}

.h-article .banner-article-img {
   position: relative;
   width: 100%;
   height: 300px;
   background-color: #f7f6f2;   
}

.h-article .banner-img {
    position: absolute;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.full-height {
   height: 100%;
}

@media (max-width: 991px) {
   .h-article .banner-article-title .article-header-intro1 {
      margin-top: 20px;
   }
}

@media (min-width: 992px) {
   
   .h-article .banner-article-img {
      width: 58.33333%;
      height: 600px;
   } 
   
   .h-article .banner-article-title {
      position: absolute;
       top: 0;
       width: 100%;
       height: 100%;
       z-index: 3;   
   }   
   
   .h-article .banner-article-title .col-article-title1 {
      margin: 0;
      text-align: left;
      margin-left: 58.33333%;
      max-width: none;      
      height: 100%;      
   }
   
   .h-article .banner-article-title .col-article-title1:before {   
      content: "";
      background: #f7f6f2;
      -moz-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
      -webkit-transform: skewX(-10deg);
      transform: skewX(-10deg);
      position: absolute;
      left: -60px;
      top: 0;
      width: 40%;
      height: calc(100% + 1px);
      z-index: -999;
   }
   
   .h-article .banner-article-title .article-header-intro1 {
      padding: 0 30px 0 10px;
      position: relative;
      top: 50%;
      -moz-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      -webkit-transform: translate(0%, -50%);
      transform: translate(0%, -50%);      
   }     
}

@media (min-width: 1200px) {
   .h-article .banner-article-title .col-article-title1:before {   
      left: -100px;
   } 
   
   .h-article .banner-article-title .article-header-intro1 {
      padding-left: 0;
   }   
}



.scroller {
   position: absolute;
   bottom: 0;
   padding-top: 70px;   
   left: 50%;
   z-index: 2;
   display: inline-block;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   color: #fff;
   text-decoration: none;
   transition: opacity .3s;
   cursor: pointer;
}

@media (min-height: 500px) {
   .scroller {
      bottom: 20px;
   }   
}

@media (min-height: 768px) {
   .scroller {
      bottom: 60px;
   }   
}

@media (min-height: 900px) {
   .scroller {
      bottom: 90px;
   }   
}

@media (min-height: 1366px) {
   .scroller {
      bottom: 120px;
   }  
}

.scroller span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  border-left: 2px solid #efefef;
  border-bottom: 2px solid #efefef;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}


.wrapper-legislation-content {
    margin-bottom: 30px;       
}

.wrapper-legislation-content .title_legislation {
   height: 250px;
   width: 100%;
   background-color: #f7f6f2;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.wrapper-legislation-content h1.title-legislation {
	color: #1a1a1a;
	font-size: 30px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: none;
	margin: 5px 0 0;
	text-align: center;
	letter-spacing: -0.02em;
}

@media (min-width: 768px) {
    .wrapper-legislation-content h1.title-legislation {
        font-size: 35px;
    }
 }

 @media (min-width: 992px) {
    .wrapper-legislation-content h1.title-legislation {
        font-size: 40px;
    }
 }

.wrapper-legislation-content p {
    font-size: 18px;    
    line-height: 1.42857143;        
}

.row-lien-legislation {
   border-bottom: 2px solid #f7f6f2;
   padding-bottom: 30px;
   margin: 30px 0;
   text-align: center;
   text-decoration: none;
}

.row-lien-legislation a {
   border-bottom: none;
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   font-style: normal;
   color: #3a3a3a;
   text-transform: uppercase;
}

.col-lien-legislation {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .col-lien-legislation {
        margin-bottom: 0;
    }
 }

.wrapper-legislation-content .titre {
    margin-top: 40px;
    font-size: 18px;
    font-weight: 500;
}

.wrapper-legislation-content .soustitre {
    font-size: 18px;
    font-weight: 400;
}

.wrapper-legislation-content .paragraphe p {
    font-size: 18px;
    line-height: 1.42857143;            
}

.wrapper-legislation-content .paragraphe li {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 1.42857143;            
}

.carousel-showmanymoveone .product-list-item .product-image {
    background-color: inherit;
}

.carousel-showmanymoveone .product-list-item:hover .product-image {
    background-color: inherit;
}

.carousel-showmanymoveone .product-list-item:hover {
    outline: none;
    outline-offset: 0;
}

.product-details-wrapper .gras {
    font-weight: 500;
}

.form-group#errorAvis {
    display: none;
}

.form-group#errorAvis span {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #e60004;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 1.42857143;   
}

.item-total-produit-refuse {
    text-align: left;
    margin-top: 4px;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #e60004;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

.item-total.gift {
    color: #11a822;
    margin-top: 0;
}

.item-qte {
    font-weight: 400;
    color: #3a3a3a;
    font-size: 15px;
}

.panier_vide {
    color: #000;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-transform: none;
}

.continuer_achat {
    padding-left:0 !important;
    padding-right: 0 !important;
}

.product-highlights .price-reviews .product-price .crossed-price {
   position: relative;
   font-family: 'Roboto', sans-serif;
   font-size: 22px;
   color: #e53e3e;
   font-style: normal;
   font-weight: 300;
   margin-left: 8px;
}   

.product-highlights .price-reviews .product-price .crossed-price:after {
   content: '';
   -webkit-transform: rotate(-10deg);
   -moz-transform: rotate(-10deg);
   -ms-transform: rotate(-10deg);
   -o-transform: rotate(-10deg);
   transform: rotate(-10deg);
   position: absolute;
   top: 45%;
   left: 0;
   width: 100%;   
   border-bottom: 1px solid #e53e3e;   
}

.product-highlights .price-reviews .product-price .reduction {
   margin-left: 10px;
   padding: 4px 6px;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #fff;
   font-style: normal;
   font-weight: 400;
   background-color: #e53e3e;
} 

.conteneur_confidentialite h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 500;
    line-height: 1.42857143;
    margin: 20px 0 5px 0;
}

.conteneur_confidentialite p {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 300;
    margin: 0px;
}

.error_form {
    text-align: center;
    margin: 20px;
}

.error_form h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #e53e3e;
    font-style: normal;
    font-weight: 400;
}

.error_form .message {
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #e53e3e;
   font-style: normal;
   font-weight: 300;
}

.form-group p.light {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #8a8a8a;
   font-style: normal;
   font-weight: 300;
   margin-top: 10px;
   line-height: 1.42857143;
}

.message_confirmation_password {
    text-align: center;
}

.message_confirmation_password p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 300;
    margin-top: 10px;
}

.message_confirmation_password a {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 300;
    margin-top: 10px;
}

.modal-body#adresse {
    min-height: 550px;
 }   

.checkout-container .error {
    margin-bottom: 20px;
    color: #e53e3e;
    display: none;
}

.description_custom {
    margin-top: 50px;
}

.description_custom .image {
    border-radius: 50%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.description_custom p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 300;
    margin-top: 10px;
}

.description_custom p.titre{
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
}

.product-details-wrapper p#legal {
   margin-top: 60px;
   font-size: 14px;
   color: #6a6a6a;
   font-style: italic;
}

.color_selection_relais {
    color: #e53e3e;
}

.affiche_message_erreur {
    display: block !important;
}

.menu_compte {
    background-color: #f7f6f2;
    padding-top : 50px;
}

.menu_compte .titre p{
    font-family: 'roboto', sans-serif;
    font-size: 25px;
    color: #1a1a1a;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-top: 0;
    margin-bottom: 40px;
}

.menu_compte p{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 400;
    margin: 0px 0px 20px 0px;
}

.title_compte {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0px;
}

.box_content {
    margin: 0px 0px 40px 0px;
}

.box_content .sous_titre_compte {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 400;
    margin: 20px 0px 0px 0px;
}

.box_content .explication_compte {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 300;
    margin: 0px;
}

.box_content .texte_compte {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 300;
    margin: 0px;
}

.box_content .lien_compte {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #3a3a3a;
    font-style: normal;
    font-weight: 300;
    margin: 20px 0px 5px 0px;
}

.logo_fid img {
    max-width: 100%;
}

@media (max-width: 767px)
{
    .logo_fid {
        text-align: center;
    }

    .deconnexion {
        margin: 10px 0px 10px 0px;
        text-align: center;
    }
}

.checkout-container .error_code {
    color: #e53e3e;
}

/* AJOUT QUENTIN COOKIE CONSENT */
.cookies_conteneur {
   color: #ffffff;
   background-color: rgba(0,0,0,0.5);
   padding: 1.2em;
   padding-bottom: 2.6em;
   border-radius: 1px;
   max-width: 28em;
   flex-direction: column;
   bottom: 10px;
   right: 70px;
   position: fixed;
   overflow: hidden;
   box-sizing: border-box;
   font-size: 14px;
   line-height: 1.5em;
   display: flex;
   flex-wrap: nowrap;
   z-index: 9999;
   opacity: 1;
}

#cookie-consent-close-icon {
   text-align: right;
   cursor: pointer;
}

#cookie-consent-close-icon a span {
   color: #ffffff;
}

.cookie_consent_link {
   color: #ffffff;
   opacity: .8;
   display: inline-block;
   text-decoration: underline;
}

.cookie_consent_link:hover {
   opacity: 1;
   color: #ffffff;
   text-decoration: underline;
}

.fermer_cookies {
   text-align: right;
}

.programme-fid-main-section .pfms-head-title,
.programme-fid-main-section .ppf-qf-titre {
   font-family: 'Montserrat', sans-serif;
   font-size: 18px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 700;
   text-transform: uppercase;
}

.programme-fid-main-section .pfms-head-description,
.programme-fid-main-section .ppf-qf-sous-titre,
.programme-fid-main-section .panel-body {
   color: #6a6a6a;
   font-size: 16px;
   line-height: 1.42857143;   
}

@media (min-width: 992px) {
   .programme-fid-main-section .pfms-head-description,
   .programme-fid-main-section .ppf-qf-sous-titre,
   .programme-fid-main-section .panel-body {
       font-size: 17px;
   }   
}

.programme-fid-main-section .panel-body li {
   margin: 8px 0;
}

.programme-fid-main-section .ppf-qf-link { 
   font-family: 'Montserrat', sans-serif;
   font-size: 18px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 500;
   text-transform: none;
}

.algolia-hit-list-nom {
   color: #3a3a3a;
}


#modalSuisse .modal-body {
   padding-top: 0;
}

.modal-suisse {
   margin: 0 0 5px;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 400;
   text-transform: none;   
   text-align: center;
}

.modal-suisse span {
   font-size: 10px;
}

.modal-suisse a {
   font-family: 'Roboto', sans-serif;
   font-size: 10px;
   color: #3a3a3a;
   font-style: normal;
   font-weight: 400;
   text-transform: none;      
}

@media (min-width: 768px) {
   #modalSuisse .modal-body {
      padding-top: 30px;
   }   
   .row-modal-suisse-lien {
      margin-top: 30px;
   }   
   .modal-suisse {
      font-size: 16px;
   }
   .modal-suisse span {
      font-size: 13px;
   }   
   .modal-suisse a {
      font-size: 13px;
   }   
}

/* FIN AJOUT QUENTIN */






.trustpilot-banner {
   padding: 60px;
   background-color: #2a2a2a;
}

@media (min-width: 1600px) {
   .trustpilot-banner {
      padding: 60px 100px;
   }
}

.trustpilot-banner .trustpilot-wrapper {
   text-align: center;
}

@media (min-width: 768px) {
   .trustpilot-banner .trustpilot-wrapper {
      text-align: left;
   }
}

.trustpilot-banner .trustpilot-txt {
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-size: 24px; 
   margin-bottom: 5px
}

.trustpilot-banner .trustpilot-widget {
}

.trustpilot-banner .trustpilot-widget img {
   width: 55%;
}

@media (min-width: 768px) {
   .trustpilot-banner .trustpilot-widget img {
      width: 60%;
   }
}

@media (min-width: 1200px) {
   .trustpilot-banner .trustpilot-widget img {
      width: 50%;
   }
}

@media (min-width: 1600px) {
   .trustpilot-banner .trustpilot-widget img {
      width: 40%;
   }
}

.trustpilot-banner .trustpilot-link {
   color: rgba(255,255,255,0.75);
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-size: 14px; 
   margin-top: 8px
}

.trustpilot-banner .trustpilot-link a {
   color: rgba(255,255,255,0.9);
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-size: 14px; 
   border-bottom: 1px solid rgba(255,255,255,0.5);
}

.trustpilot-banner .trustpilot-logo {
   margin-top: 8px;
}

.trustpilot-banner .trustpilot-logo img {
   width: 35%;
}

@media (min-width: 768px) {
   .trustpilot-banner .trustpilot-logo img {
      width: 50%;
   }
}

@media (min-width: 1200px) {
   .trustpilot-banner .trustpilot-logo img {
      width: 35%;
   }
}

@media (min-width: 1600px) {
   .trustpilot-banner .trustpilot-logo img {
      width: 23%;
   }
}

.trustpilot-banner .avis-wrapper {
   padding-right: 30px;
}

.trustpilot-banner .avis-wrapper .avis-title {
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-size: 18px; 
   margin-bottom: 10px   
}

.trustpilot-banner .avis-wrapper .avis-txt {
   color: rgba(255,255,255,0.7);
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-size: 15px; 
   margin-bottom: 10px;
   line-height: 1.42857143;
}

.trustpilot-banner .avis-wrapper .avis-txt:before {
   content: open-quote;
}

.trustpilot-banner .avis-wrapper .avis-txt:after {
   content: close-quote;
}

.trustpilot-banner .avis-wrapper .avis-author {
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-size: 15px; 
}



.title-confinement {
   font-family: 'Roboto', sans-serif;
   font-size: 22px;
   color: #1a1a1a;
   font-style: normal;
   font-weight: 700;
   letter-spacing: 0;
   margin-top: 0;
   margin-bottom: 30px;   
   text-align: center;
}

@media (min-width: 1200px) {
   .title-confinement {
      font-size: 26px;
   }
}

.btn-confinement {
   margin-top: 10px;
   margin-bottom: 40px;
   padding: 10px 24px 10px;
   background-color: transparent;
   color: #ffffff;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 500;
   font-style: normal;
   text-transform: uppercase;
   line-height: 1.5;
   letter-spacing: 0.02em;
   border: 2px solid #e53e3e;
   background-color: #e53e3e;
}

@media (min-width: 768px) {
   .btn-confinement {
      font-size: 13px;
   }
}

@media (min-width: 1200px) {
   .btn-confinement {
      margin-bottom: 120px;
   }
}

.btn-confinement:hover {
   background-color: #ffffff;
   color: #e53e3e;   
}

.btn-confinement:before {
   background-color: #ffffff;
} 




.home-confinement {
   position: relative;
   padding: 40px 0 40px;
}

@media (min-width: 768px) {
   .home-confinement {
      padding: 60px 0 60px;
   }
}

@media (min-width: 1200px) {
   .home-confinement {
      padding: 80px 0 80px;
   }
}

@media (min-width: 992px) {
   .home-confinement .edito-text {
      margin-top: 100px;
   }
}

.home-confinement .edito-text .subtitle {
   margin-bottom: 20px;
   color: #e53e3e;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 500;
   font-style: normal;
   text-transform: uppercase;
   line-height: 1.2;
   letter-spacing: 0.02em;
}

.home-confinement .edito-text .title {
   margin-bottom: 24px;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 600;
   font-style: normal;
   text-transform: none;
   line-height: 1.2;
}

.home-confinement .edito-text .description {
   margin-bottom: 20px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   text-transform: none;
   line-height: 1.6;
}

@media (min-width: 768px) {
   .home-confinement .edito-text .title {
      font-size: 26px;
   }
}

@media (min-width: 992px) {
   .home-confinement .edito-text .title {
      font-size: 28px;
   }
   .home-confinement .edito-text .description {
      font-size: 18px;      
   }
}

@media (min-width: 1200px) {
   .home-confinement .edito-text .title {
      font-size: 30px;
   }
}


.btn-confinement-home {
   margin-top: 10px;
   margin-bottom: 40px;
   padding: 10px 24px 10px;
   background-color: transparent;
   color: #1a1a1a;
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   font-weight: 500;
   font-style: normal;
   text-transform: uppercase;
   line-height: 1.5;
   letter-spacing: 0.02em;
   border: 1px solid #1a1a1a;
}

@media (min-width: 768px) {
   .btn-confinement-home {
      font-size: 13px;
   }
}

.btn-confinement-home:hover {
   background-color: #1a1a1a;
   color: #ffffff;   
}

.btn-confinement-home:before {
   background-color: #1a1a1a;
} 

.edito-covid19 {
   margin: 20px 0 60px;
}

.edito-covid19 .title {
   margin-bottom: 24px;
   color: #3a3a3a;
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 600;
   font-style: normal;
   text-transform: none;
   line-height: 1.2;
}

.edito-covid19 .description {
   margin-bottom: 20px;
   color: #6a6a6a;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   text-transform: none;
   line-height: 1.6;
}

@media (min-width: 768px) {
   .edito-covid19 .title {
      font-size: 22px;
   }
}

@media (min-width: 992px) {
   .edito-covid19 .title {
      font-size: 24px;
   }
   .home-confinement .edito-text .description {
      font-size: 18px;      
   }
}