@charset "UTF-8";
/* ----------------------------------------------------------- */
/* == reset */
/* ----------------------------------------------------------- */
html {
  box-sizing: border-box;
}
*,
*:after,
*:before {
  box-sizing: inherit;
}
body {
  margin: 0;
}
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video,
svg {
  max-width: 100%;
}
img {
  border: 0;
  vertical-align: middle;
}
img:not([src$=".svg"]) {
  height: auto;
}
button,
input,
select,
textarea {
  font: inherit;
}
/* ----------------------------------------------------------- */
/* == typography */
/* ----------------------------------------------------------- */
html {
  font-size: 62.5%;
  /* IE9-11 calculation fix */
  font-size: calc(1em * 0.625);
}
body {
  font-size: 1.4em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
}
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption {
  margin: 0 0 1.5em 0;
}
/* ----------------------------------------------------------- */
/* == helpers */
/* ----------------------------------------------------------- */
/* screen readers
-------------------------------------------------------------- */
/* Hide only visually, but have it available for screen readers (from HTML5 Boilerplate) */
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  margin: 0;
  width: auto;
  height: auto;
}
.hidden {
  display: none;
}
/* states
-------------------------------------------------------------- */
.is-disabled {
  cursor: not-allowed;
}
/* ----------------------------------------------------------- */
/* == alignment */
/* ----------------------------------------------------------- */
/* block
-------------------------------------------------------------- */
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  margin-right: auto;
  margin-left: auto;
}
/* text/inline
-------------------------------------------------------------- */
.txtright {
  text-align: right;
}
.txtcenter {
  text-align: center;
}
.txtleft {
  text-align: left;
}
.vtop {
  vertical-align: top;
}
.vbottom {
  vertical-align: bottom;
}
.vmiddle {
  vertical-align: middle;
}
/* ----------------------------------------------------------- */
/* == spacings */
/* ----------------------------------------------------------- */
.ma0 {
  margin: 0;
}
.pa0 {
  padding: 0;
}
.ma1 {
  margin: 10px;
}
.ma2 {
  margin: 20px;
}
.ma3 {
  margin: 30px;
}
.pa1 {
  padding: 10px;
}
.pa2 {
  padding: 20px;
}
.pa3 {
  padding: 30px;
}
.mt0 {
  margin-top: 0;
}
.mt1 {
  margin-top: 10px;
}
.mt2 {
  margin-top: 20px;
}
.mt3 {
  margin-top: 30px;
}
.mt4 {
  margin-top: 40px;
}
.mt5 {
  margin-top: 50px;
}
.mt6 {
  margin-top: 60px;
}
.mr0 {
  margin-right: 0;
}
.mr1 {
  margin-right: 10px;
}
.mr2 {
  margin-right: 20px;
}
.mr3 {
  margin-right: 30px;
}
.mb0 {
  margin-bottom: 0;
}
.mb1 {
  margin-bottom: 10px;
}
.mb2 {
  margin-bottom: 20px;
}
.mb3 {
  margin-bottom: 30px;
}
.mb4 {
  margin-bottom: 40px;
}
.mb5 {
  margin-bottom: 50px;
}
.ml0 {
  margin-left: 0;
}
.ml1 {
  margin-left: 10px;
}
.ml2 {
  margin-left: 20px;
}
.ml3 {
  margin-left: 30px;
}
.pt0 {
  padding-top: 0;
}
.pt1 {
  padding-top: 10px;
}
.pt2 {
  padding-top: 20px;
}
.pt3 {
  padding-top: 30px;
}
.pr0 {
  padding-right: 0;
}
.pr1 {
  padding-right: 10px;
}
.pr2 {
  padding-right: 20px;
}
.pr3 {
  padding-right: 30px;
}
.pb0 {
  padding-bottom: 0;
}
.pb1 {
  padding-bottom: 10px;
}
.pb2 {
  padding-bottom: 20px;
}
.pb3 {
  padding-bottom: 30px;
}
.pl0 {
  padding-left: 0;
}
.pl1 {
  padding-left: 10px;
}
.pl2 {
  padding-left: 20px;
}
.pl3 {
  padding-left: 30px;
}
/* ----------------------------------------------------------- */
/* == layout */
/* ----------------------------------------------------------- */
/* BFC to the rescue */
.mod {
  overflow: hidden;
}
.clear,
.line,
.row {
  clear: both;
}
/* blocks that must contain floats */
.clearfix:after,
.line:after,
.mod:after {
  display: table;
  clear: both;
  content: "";
}
.inbl {
  display: inline-block;
}
.block {
  display: block;
}
/* table layout
-------------------------------------------------------------- */
.row {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.row > *,
.col {
  display: table-cell;
}
/* flexbox
-------------------------------------------------------------- */
.flex {
  display: flex;
  flex-wrap: nowrap;
}
.flex-center {
  align-items: center;
}
.flex-space {
  justify-content: space-between;
}
/* ----------------------------------------------------------- */
/* == width */
/* ----------------------------------------------------------- */
.w10 {
  width: 10%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33.3333%;
}
.w40 {
  width: 40%;
}
.w50 {
  width: 50%;
}
.w60 {
  width: 60%;
}
.w66 {
  width: 66.6666%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%;
}
.w100 {
  width: 100%;
}
[class*="grid-"] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
[class*="grid-"] > * {
  display: block;
  /* IE fix */
  flex: 0 0 auto;
}
/* vertical align
-------------------------------------------------------------- */
[class*="grid-top"] {
  align-items: flex-start;
}
[class*="grid-bottom"] {
  align-items: flex-end;
}
[class*="grid-center"] {
  align-items: center;
}
/* helpers
-------------------------------------------------------------- */
[class*="grid-"].grid-noMargin > * {
  margin-bottom: 0;
}
/* ----------------------------------------------------------- */
/* == rwd */
/* ----------------------------------------------------------- */
/* responsive iframe http://www.smashingmagazine.com/2014/02/27/making-embedded-content-work-in-responsive-design/ */
.responsive-iframe {
  position: relative;
  height: 0;
  padding-top: 30px;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.responsive-iframe iframe,
.responsive-iframe object,
.responsive-iframe embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 1281px) {
  [class*='-l+'][class*='hidden-']:not([class*='up']) {
    display: none !important;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  [class*='-l'][class*='hidden-']:not([class*='up']) {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 960px) {
  [class*='-m'][class*='hidden-']:not([class*='up']) {
    display: none !important;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  [class*='-s'][class*='hidden-']:not([class*='up']) {
    display: none !important;
  }
}
@media (max-width: 480px) {
  [class*='-xs'][class*='hidden-']:not([class*='up']) {
    display: none !important;
  }
}
@media (min-width: 960px) {
  .hidden-m-up {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-s-up {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .hidden-xs-up {
    display: none !important;
  }
}
/* large
-------------------------------------------------------------- */
@media (max-width: 1280px) {
  .l-hidden {
    display: none !important;
  }
}
/* medium
-------------------------------------------------------------- */
@media (max-width: 960px) {
  .m-hidden {
    display: none !important;
  }
}
/* small
-------------------------------------------------------------- */
@media (max-width: 768px) {
  .s-hidden {
    display: none !important;
  }
}
/* xsmall
-------------------------------------------------------------- */
@media (max-width: 480px) {
  .mod,
  .col {
    display: block !important;
    float: none !important;
    width: auto !important;
  }
  .xs-hidden {
    display: none !important;
  }
}
/* ----------------------------------------------------------- */
/* == debug */
/* ----------------------------------------------------------- */
/*
 * Generates a random color
 *
 */
/*
 * Easily debug an element
 *
 */
/*
 * Display grid for vertical rhythm
 *
 */
.debug-rythm {
  background: linear-gradient(to bottom, #ba9b9a 0.1em, transparent 0.1em) !important;
  background-size: 100% 1.5em !important;
}
/* ----------------------------------------------------------- */
/* == colors */
/* ----------------------------------------------------------- */
.color-primary {
  color: #f15c22;
}
/**
* Form Module
* Namespace : .form
*/
/* ----------------------------------------------------------- */
/* == configuration */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* == module */
/* ----------------------------------------------------------- */
/* placeholders
-------------------------------------------------------------- */
input::-webkit-input-placeholder {
  color: #c4c1be;
}
input:-moz-placeholder {
  color: #c4c1be;
}
textarea::-webkit-input-placeholder {
  color: #c4c1be;
}
textarea:-moz-placeholder {
  color: #c4c1be;
}
/* block form
-------------------------------------------------------------- */
label:not(.f-labelWrapper),
.label {
  display: block;
  margin-bottom: 0.4em;
  font-size: 1.6rem;
  vertical-align: middle;
  cursor: pointer;
}
.f-group {
  margin-bottom: 1.5em;
}
.f-group:last-child {
  margin-bottom: 0;
}
/* inline form
-------------------------------------------------------------- */
.f-inline label,
.f-inline .label {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}
.f-inline {
  display: inline-block;
}
.f-inline input,
.f-inline .btn {
  height: 40px;
}
.f-inline .btn {
  vertical-align: middle;
}
/* basics style
-------------------------------------------------------------- */
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input,
select,
label,
.label {
  vertical-align: middle;
}
select {
  margin: 0;
  background-color: #fff;
  border: 1px solid #ccc;
}
input,
textarea {
  background: #fdf5f3;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px #f6f6f6;
}
textarea {
  min-width: 320px;
  padding: 0.4em;
  vertical-align: top;
  resize: vertical;
}
input {
  width: 320px;
  max-width: 100%;
  margin: 0;
  padding: 0.6em 0.6em;
}
label input[type='radio'],
label input[type='checkbox'] {
  margin-right: 0.5em;
}
input[type='radio'],
input[type='checkbox'] {
  width: inherit;
  padding: 0;
}
/* grid
-------------------------------------------------------------- */
[class^='f-grid'] {
  display: flex;
  flex-wrap: nowrap;
}
[class^='f-grid'] > * {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  margin-left: 3%;
}
[class^='f-grid'] > *:first-child {
  margin-left: 0;
}
[class^='f-grid'] input {
  width: 100%;
}
/* width
-------------------------------------------------------------- */
.f-10 {
  width: 10%;
  min-width: 80px;
}
.f-25 {
  width: 25%;
}
.f-50 {
  width: 50%;
}
.f-75 {
  width: 75%;
}
.f-100 {
  width: 100%;
}
/* state
-------------------------------------------------------------- */
.f-isDisabled {
  opacity: 0.3;
}
/* errors
-------------------------------------------------------------- */
.f-required {
  color: #f00;
  font-weight: bold;
}
.f-error {
  color: #e74c3c;
}
.f-success {
  margin: 1em 0 0.5em 0;
  color: #27ae60;
}
.f-error input {
  border: 1px solid #f15c22;
}
.f-error-message {
  margin: 0;
  padding-top: 4px;
  color: #d2918e;
}
/**
* Buttons Module
* namespace : .btn
*/
/* ----------------------------------------------------------- */
/* == configuration */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* == module */
/* ----------------------------------------------------------- */
.btn,
button {
  vertical-align: middle;
}
.btn,
button,
input[type='submit'] {
  display: inline-block;
  margin: 0;
  padding: 0.8em 3em;
  color: #fff;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  background-color: #f15c22;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.4s;
}
.btn .icon-left {
  margin-right: 0.5em;
}
/* colors
-------------------------------------------------------------- */
.btn--primary,
.btn--primary:link,
.btn--primary:visited {
  color: #fff;
  background-color: #f15c22;
}
.btn--primary:hover,
.btn--primary:active,
.btn--primary:focus {
  background-color: #eb4c0f;
}
.btn--secondary,
.btn--secondary:link,
.btn--secondary:visited {
  color: #fff;
  background-color: #01ccb8;
}
.btn--secondary:hover,
.btn--secondary:active,
.btn--secondary:focus {
  background-color: #01b3a1;
}
.btn--danger,
.btn--danger:link,
.btn--danger:visited {
  color: #fff;
  background-color: #c53a3a;
}
.btn--danger:hover,
.btn--danger:active,
.btn--danger:focus {
  background-color: #b13434;
}
.btn--link {
  margin: 0;
  padding: 0;
  color: #f15c22;
  background: transparent;
}
.btn--linkPure:link,
.btn--linkPure:visited {
  margin: 0;
  padding: 0;
  color: #333335;
  text-decoration: underline;
  background: transparent;
}
.btn--payment,
.btn--payment:link,
.btn--payment:visited {
  color: #333335;
  background-color: #ececec;
  background-image: linear-gradient(to top, rgba(215, 215, 215, 0.79) 0%, rgba(255, 255, 255, 0.79) 100%);
  border: 1px solid #aaa;
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.19);
}
.btn--payment:hover {
  color: #333335;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.19);
}
/* ghost
-------------------------------------------------------------- */
.btn--ghost.btn--primary,
.btn--ghost.btn--primary:link,
.btn--ghost.btn--primary:visited {
  color: #f15c22;
  background-color: #fff;
  border: 0.1rem solid #f15c22;
}
.btn--ghost.btn--primary:hover,
.btn--ghost.btn--primary:active,
.btn--ghost.btn--primary:focus {
  color: #fff;
  background-color: #f15c22;
}
/* social
-------------------------------------------------------------- */
.btn--facebook,
.btn--facebook:link,
.btn--facebook:visited {
  color: #3b5998;
  background: #fff;
  border: 1px solid #3b5998;
  border-radius: 4px;
}
.btn--facebook:hover,
.btn--facebook:active,
.btn--facebook:focus {
  color: #fff;
  background-color: #3b5998;
}
/* size
-------------------------------------------------------------- */
.btn--big {
  font-size: 1.14285714em;
}
/**
* Pagination Module
* namespace : .pagination
*/
/* ----------------------------------------------------------- */
/* == module */
/* ----------------------------------------------------------- */
.pagination {
  display: inline-block;
  border-radius: 4px;
}
.pagination__prepend {
  margin-right: 20px;
}
.pagination ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.pagination li {
  display: inline-block;
  margin: 0 3px 1em;
  list-style-type: none;
}
.pagination a,
.pagination a:visited {
  color: #333335;
}
.pagination li a,
.pagination li > span {
  display: inline-block;
  padding: 0.3em 0.6em;
  line-height: 1em;
  border: 1px dotted transparent;
  border-radius: 2px;
}
.pagination li a:hover {
  border: 1px dotted #f15c22;
}
.pagination .current a {
  color: #fff;
  background-color: #f15c22;
}
/**
 * Table Module
 * namespace : .table
 */
/* ----------------------------------------------------------- */
/* == configuration */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* == module */
/* ----------------------------------------------------------- */
table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed /* http://css-tricks.com/fixing-tables-long-strings */;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  border-collapse: collapse /* remove spacing between table cells */;
  border-spacing: 0;
}
table caption {
  padding: 1em 0;
  color: #000;
  font: italic 85%/1 'arial', sans-serif;
  text-align: center;
}
table td,
table th {
  margin: 0;
  padding: 0.5em 1em;
  overflow: hidden;
  font-size: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
table tbody tr {
  border-bottom: 1px solid #cbcbcb;
}
table thead {
  color: #000;
  text-align: left;
  vertical-align: bottom;
  background: #e0e0e0;
  border-bottom: 1px solid #cbcbcb;
}
table tbody tr:nth-child(odd) {
  background-color: #fdf5f3;
}
/* dl
-------------------------------------------------------------- */
.table-dl {
  width: auto;
  font-size: 1.5rem;
  border: none;
}
.table-dl td {
  border: none;
}
/* size
-------------------------------------------------------------- */
.table-50p {
  width: 50px;
}
.table-100p {
  width: 100px;
}
.table-150p {
  width: 150px;
}
.table-200p {
  width: 200px;
}
/* Invisible
-------------------------------------------------------------- */
.table-invisible {
  background: none;
  border: none;
}
.table-invisible tr:nth-child(n),
.table-invisible td,
.table-invisible th {
  background: none;
  border: none;
}
.table-invisible tr:first-child td {
  padding-top: 0;
}
.table-invisible tr:last-child td {
  padding-bottom: 0;
}
.table-invisible td:first-child {
  padding-left: 0;
}
.table-invisible td:last-child {
  padding-right: 0;
}
.table-invisible--mini td {
  padding: 0;
}
/**
 * Tooltip Module
 * namespace : .tooltip
 */
/* ----------------------------------------------------------- */
/* == configuration */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* == module */
/* ----------------------------------------------------------- */
.tooltip {
  position: relative;
  cursor: help;
}
.tooltip::after {
  font-family: 'helvetica', 'arial', sans-serif;
}
.tooltip:hover::after {
  position: absolute;
  bottom: 1.35em;
  left: 1em;
  padding: 0.5em 1em;
  color: #fff;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.5em;
  content: attr(data-tooltip);
}
.tooltip:hover::before {
  position: absolute;
  bottom: 1em;
  left: 2em;
  display: block;
  border: solid;
  border-color: rgba(0, 0, 0, 0.8) transparent;
  border-width: 0.4em 0.4em 0 0.4em;
  content: '';
}
/**
 * Radiobox Module
 * Namespace : .radiobox
 */
/* ----------------------------------------------------------- */
/* == module */
/* ----------------------------------------------------------- */
.radiobox {
  display: inline-flex;
  max-width: 32rem;
  border-radius: 4px;
}
.radiobox--full {
  width: 100%;
  max-width: 100%;
}
.radiobox input {
  position: absolute;
  left: -9999px;
}
.radiobox input + label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 8.5rem;
  min-height: 4rem;
  margin: 0;
  padding: 1rem 1.6rem;
  padding-left: 3.5rem;
  color: #333335;
  font-weight: normal;
  font-size: 1.4rem;
  text-align: center;
  border: 0.1rem solid #6e6e73;
  border-radius: 4px;
  transition: all 0.05s ease-in;
}
.radiobox input + label::before {
  position: absolute;
  top: calc(50% - .7rem);
  left: 1.5rem;
  width: 1.3rem;
  height: 1.3rem;
  border: 0.1rem solid #6e6e73;
  border-radius: 2rem;
  content: '';
}
.radiobox input:first-child + label {
  border-right: none;
  border-radius: 3.8px 0 0 3.8px;
}
.radiobox label:last-child {
  border-radius: 0 3.8px 3.8px 0;
}
/* Checked state */
.radiobox input:checked + label {
  background-color: rgba(241, 92, 34, 0.1);
  border-color: #f15c22;
}
.radiobox input:checked + label::before {
  background-color: #f15c22;
  border-color: #f15c22;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
}
/* Focus state */
.radiobox input:focus + label {
  box-shadow: 0 0 0 0.3rem rgba(33, 133, 208, 0.5);
}
.radiobox:active,
.radiobox:focus-within {
  box-shadow: 0 0 0 0.3rem rgba(33, 133, 208, 0.5);
}
.radiobox:focus-within input:focus + label {
  box-shadow: none;
}
/* ----------------------------------------------------------- */
/* == fonts */
/* ----------------------------------------------------------- */
@font-face {
  font-weight: bold;
  font-family: 'Roboto';
  font-style: normal;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(/fonts/Roboto-Bold.woff2) format('woff2'), url(/fonts/Roboto-Bold.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-weight: normal;
  font-family: 'Roboto';
  font-style: normal;
  src: local('Roboto'), local('Roboto-Regular'), url(/fonts/Roboto-Regular.woff2) format('woff2'), url(/fonts/Roboto-Regular.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-weight: 500;
  font-family: 'Roboto';
  font-style: normal;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(/fonts/Roboto-Medium.woff2) format('woff2'), url(/fonts/Roboto-Medium.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-weight: normal;
  font-family: 'Questrial';
  font-style: normal;
  src: local('Questrial'), local('Questrial-Regular'), url(/fonts/Questrial-Regular.woff2) format('woff2'), url(/fonts/Questrial-Regular.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-weight: normal;
  font-family: 'flamco';
  font-style: normal;
  src: url(/fonts/fontastic/flamco.eot);
  src: url(/fonts/fontastic/flamco.eot?#iefix) format('embedded-opentype'), url(/fonts/fontastic/flamco.woff) format('woff'), url(/fonts/fontastic/flamco.ttf) format('truetype'), url(/fonts/fontastic/flamco.svg#flamco) format('svg');
}
[data-icon]::before {
  font-weight: normal !important;
  font-family: 'flamco' !important;
  font-style: normal !important;
  font-variant: normal !important;
  line-height: 1;
  text-transform: none !important;
  content: attr(data-icon);
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^='icon-']::before,
[class*=' icon-']::before {
  font-weight: normal !important;
  font-family: 'flamco' !important;
  font-style: normal !important;
  font-variant: normal !important;
  line-height: 1;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-phone::before {
  content: '\61';
}
.icon-user::before {
  content: '\62';
}
.icon-angle-right::before {
  content: '\63';
}
.icon-facebook::before {
  content: '\64';
}
.icon-arrow-circle-o-right::before {
  content: '\65';
}
.icon-credit-card::before {
  content: '\66';
}
.icon-paypal::before {
  content: '\67';
}
.icon-university::before {
  content: '\68';
}
.icon-calendar-check-o::before {
  content: '\69';
}
.icon-1465225787::before {
  content: '\6a';
}
.icon-buche::before {
  content: '\6b';
}
.icon-carte-paiement::before {
  content: '\6c';
}
.icon-commande::before {
  content: '\6d';
}
.icon-esthetique::before {
  content: '\6e';
}
.icon-flamme::before {
  content: '\6f';
}
.icon-luminosite::before {
  content: '\70';
}
.icon-file-text-o::before {
  content: '\71';
}
.icon-file-video-o::before {
  content: '\72';
}
.icon-file-o::before {
  content: '\73';
}
/* ----------------------------------------------------------- */
/* == layout */
/* ----------------------------------------------------------- */
body {
  color: #333335;
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  background-color: #f6f3f3;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.content-zone {
  flex: 1 0 auto;
}
.container {
  max-width: 1220px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 10px;
}
.container--content {
  padding-top: 60px;
}
.container-medium {
  max-width: 600px;
}
.container-small {
  max-width: 500px;
  margin: 0 auto;
}
/* benefits
-------------------------------------------------------------- */
.benefits {
  margin-top: 54px;
  background-color: #f6f3f3;
}
.benefits > .container {
  padding-top: 70px;
  padding-bottom: 70px;
  border-top: 0.1rem solid #e0e0e0;
}
.benefits--notop > .container {
  border-top: 0;
}
.benefits .grid > * {
  margin-bottom: 0;
}
.benefitsItem {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}
.benefitsItem__icon {
  flex-shrink: 0;
}
.benefitsItem__text {
  margin-left: 40px;
  font-weight: 500;
  font-size: 1.7rem;
}
/* ----------------------------------------------------------- */
/* == helpers */
/* ----------------------------------------------------------- */
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
/* font size
-------------------------------------------------------------- */
.txtsmaller {
  /*font-size: unit((@font-size / @bf), em);*/
  font-size: 1rem;
  line-height: 2.1;
  margin-bottom: 2.1em;
}
.txtsmall {
  /*font-size: unit((@font-size / @bf), em);*/
  font-size: 1.2rem;
  line-height: 1.75;
  margin-bottom: 1.75em;
}
.txtbig {
  /*font-size: unit((@font-size / @bf), em);*/
  font-size: 1.6rem;
  line-height: 1.3125;
  margin-bottom: 1.3125em;
}
.txtbigger {
  /*font-size: unit((@font-size / @bf), em);*/
  font-size: 1.8rem;
  line-height: 1.16666667;
  margin-bottom: 1.16666667em;
}
/* flex
-------------------------------------------------------------- */
.flex {
  display: flex;
  justify-content: space-between;
}
.flex-end {
  justify-content: flex-end;
}
/* ----------------------------------------------------------- */
/* == grids */
/* ----------------------------------------------------------- */
.grid-2 {
  margin-bottom: -3rem;
  /* avoid unwanted margin on last line */
  margin-left: -3rem;
}
.grid-2 > *:nth-child(n) {
  margin-bottom: 3rem;
  margin-left: 3rem;
  width: calc(100% * 1 / 2 - 3rem - .01px);
}
.grid-3 {
  margin-bottom: -3rem;
  /* avoid unwanted margin on last line */
  margin-left: -3rem;
}
.grid-3 > *:nth-child(n) {
  margin-bottom: 3rem;
  margin-left: 3rem;
  width: calc(100% * 1 / 3 - 3rem - .01px);
}
.grid-4 {
  margin-bottom: -3rem;
  /* avoid unwanted margin on last line */
  margin-left: -3rem;
}
.grid-4 > *:nth-child(n) {
  margin-bottom: 3rem;
  margin-left: 3rem;
  width: calc(100% * 1 / 4 - 3rem - .01px);
}
.grid-2-5 > *:nth-child(odd) {
  width: calc(200% / 7 - 2rem / 2 - .01px);
}
.grid-2-5 > *:nth-child(even) {
  margin-left: 2rem;
  width: calc(500% / 7 - 2rem / 2 - .01px);
}
.grid-2-1 > *:nth-child(odd) {
  width: calc(200% / 3 - 3rem / 2 - .01px);
}
.grid-2-1 > *:nth-child(even) {
  margin-left: 3rem;
  width: calc(100% / 3 - 3rem / 2 - .01px);
}
.grid-contentSidebar > *:nth-child(odd) {
  width: calc(600% / 8 - 2rem / 2 - .01px);
}
.grid-contentSidebar > *:nth-child(even) {
  margin-left: 2rem;
  width: calc(200% / 8 - 2rem / 2 - .01px);
}
/* product
-------------------------------------------------------------- */
.grid-product-card {
  align-items: stretch;
  margin-bottom: -3rem;
  /* avoid unwanted margin on last line */
  margin-left: -3rem;
}
.grid-product-card > *:nth-child(n) {
  margin-bottom: 3rem;
  margin-left: 3rem;
  width: calc(100% * 1 / 2 - 3rem - .01px);
}
@media (max-width: 960px) {
  .grid-product-card {
    display: block;
  }
  .grid-2-m {
    margin-bottom: -3rem;
    /* avoid unwanted margin on last line */
    margin-left: -3rem;
  }
  .grid-2-m > *:nth-child(n) {
    margin-bottom: 3rem;
    margin-left: 3rem;
    width: calc(100% * 1 / 2 - 3rem - .01px);
  }
}
@media (max-width: 768px) {
  .grid-2-s {
    margin-bottom: -3rem;
    /* avoid unwanted margin on last line */
    margin-left: -3rem;
  }
  .grid-2-s > *:nth-child(n) {
    margin-bottom: 3rem;
    margin-left: 3rem;
    width: calc(100% * 1 / 2 - 3rem - .01px);
  }
  .grid-1-s {
    margin-bottom: -3rem;
    margin-left: 0;
  }
  .grid-1-s > *:nth-child(n) {
    margin-bottom: 3rem;
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .grid-1-xs {
    margin-bottom: -3rem;
    margin-left: 0;
  }
  .grid-1-xs > *:nth-child(n) {
    margin-bottom: 3rem;
    margin-left: 0;
    width: 100%;
  }
  .grid-product-card {
    margin-bottom: -3rem;
    margin-left: 0;
  }
  .grid-product-card > *:nth-child(n) {
    margin-bottom: 3rem;
    margin-left: 0;
    width: 100%;
  }
}
/* ----------------------------------------------------------- */
/* == main */
/* ----------------------------------------------------------- */
/* titles
-------------------------------------------------------------- */
h1,
.h1-like {
  /*font-size: unit((@font-size / @bf), em);*/
  font-size: 2.6rem;
  line-height: 1.61538462;
  margin-bottom: 0.80769231em;
}
h2 {
  /*font-size: unit((@font-size / @bf), em);*/
  font-size: 2.2rem;
  line-height: 1.90909091;
  margin-bottom: 0.95454545em;
}
h3 {
  /*font-size: unit((@font-size / @bf), em);*/
  font-size: 1.8rem;
  line-height: 1.16666667;
  margin-bottom: 1.16666667em;
}
h4 {
  /*font-size: unit((@font-size / @bf), em);*/
  font-size: 1.6rem;
  line-height: 1.3125;
  margin-bottom: 1.3125em;
}
h1,
h2,
h3,
h4 {
  font-weight: 400;
  font-family: 'Questrial', sans-serif;
}
/* links
-------------------------------------------------------------- */
a {
  color: #f15c22;
  text-decoration: none;
}
a:hover,
a:visited,
a:focus {
  color: #f47f52;
}
/* text
-------------------------------------------------------------- */
strong,
.strong {
  font-weight: 500;
}
.txtbig {
  font-size: 1.14285714em;
}
.txtsmall {
  font-size: 0.85714286em;
}
.uppercase {
  text-transform: uppercase;
}
/* lists
-------------------------------------------------------------- */
ul {
  padding-left: 2rem;
  list-style-type: circle;
}
/* divers
-------------------------------------------------------------- */
.separator {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #aaaab0;
}
.separator--maBottom {
  margin-bottom: 4rem;
}
.separator--maTop {
  margin-top: 4rem;
}
/* ----------------------------------------------------------- */
/* == header */
/* ----------------------------------------------------------- */
.header {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  font-size: 1.5rem;
}
/* header infos
-------------------------------------------------------------- */
.header__infos {
  font-family: 'Questrial', sans-serif;
  line-height: 1.1em;
  background-color: #333335;
}
.header__infos .container {
  display: flex;
  justify-content: space-between;
}
.header__infos a {
  display: inline-flex;
  align-items: center;
  padding: 1em 0;
  color: #fff;
  text-decoration: none;
}
.header__infosRight {
  display: flex;
  margin-left: auto;
}
.header__infos a,
.header__infos a:visited {
  display: flex;
  padding: 1.5rem;
}
.header__infos a:hover,
.header__infos a:active,
.header__infos a:focus {
  color: #fff;
  background-color: #f15c22;
}
.header__infos a svg {
  margin-right: 0.7rem;
}
.header__infosRight a svg {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}
.header__infosRight a span.pl1 {
  padding-left: 0.3em;
}
/* Main
-------------------------------------------------------------- */
.header__main {
  background-color: #fff;
}
.header__main > .container {
  display: flex;
  justify-content: space-between;
}
/* logo
-------------------------------------------------------------- */
.header__logo {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-right: 2rem;
  padding: 1.4rem 0;
}
.header__logo img {
  height: 4.2rem;
}
/* header nav
-------------------------------------------------------------- */
.header__navBtn {
  display: none;
}
.header__nav {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.header__navSide {
  display: flex;
}
.header__navItem {
  position: relative;
  display: flex;
}
a.header__navItem,
a.header__navItem:link,
a.header__navItem:visited {
  display: flex;
  flex-shrink: 1;
  align-items: center;
  padding: 2.8rem 2rem;
  color: #363537;
  line-height: 1.2em;
  text-decoration: none;
}
a.header__navItem--highlight,
a.header__navItem--highlight:link,
a.header__navItem--highlight:visited {
  color: #f15c22;
  font-weight: 500;
}
a.header__navItem:hover,
.header__navItem:hover > .header__navItem {
  box-shadow: inset 0 -0.5rem 0 0 #f15c22;
}
.header__navItem > .header__navItem::after {
  display: block;
  flex-shrink: 0;
  width: 1.1rem;
  height: 0.6rem;
  margin-left: 0.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3E%3Cpath fill='currentColor' d='M0 1.077L1.089 0 5.17 3.89 9.251 0l1.113 1.055L5.17 6z'/%3E%3C/svg%3E%0A");
  content: '';
}
.header__navItem:hover > .header__navItem::after {
  transform: rotate(180deg);
}
.header__navSub {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  min-width: 100%;
  background: #fff;
  box-shadow: 0 0.4rem 2.1rem 0 rgba(0, 0, 0, 0.22);
}
.header__navItem:hover > .header__navSub,
.header__navItem:active > .header__navSub,
.header__navItem:focus > .header__navSub {
  display: block;
  width: max-content;
}
.header__navSub .header__navItem,
.header__navSub .header__navItem:link,
.header__navSub .header__navItem:visited {
  display: flex;
  flex-shrink: 0;
  width: 100%;
  padding: 1.6rem 2rem;
  font-size: 1.6rem;
}
.header__navSub .header__navItem:hover,
.header__navSub .header__navItem:active,
.header__navSub .header__navItem:focus {
  color: #fff;
  background-color: #333335;
  box-shadow: none;
}
/* Mobile cart
-------------------------------------------------------------- */
.header__mobileCart:link,
.header__mobileCart:visited {
  display: none;
}
/* ----------------------------------------------------------- */
/* == navigation */
/* ----------------------------------------------------------- */
.navigation ul {
  padding-left: 0;
}
.navigation li {
  display: inline-block;
  margin: 10px 0;
}
.navigation li a {
  display: inline-block;
  padding: 10px 5px;
}
/* ----------------------------------------------------------- */
/* == content */
/* ----------------------------------------------------------- */
.content {
  margin-bottom: 5px;
  padding: 3rem 4rem;
  background-color: #fff;
  border: 1px solid #cbcbcb;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.08);
}
.content-title {
  margin-top: 0;
  margin-bottom: 43px;
  font-weight: normal;
  font-size: 34px;
  text-align: center;
}
/* ----------------------------------------------------------- */
/* == footer */
/* ----------------------------------------------------------- */
.footer-w {
  padding: 6rem 1em;
  background-color: #333335;
}
.footer {
  color: #fff;
}
.footer-grid {
  display: flex;
  justify-content: space-between;
}
.footer-grid > * {
  flex-grow: 0;
}
.footer ul {
  padding-left: 0;
  list-style-type: none;
}
.footer ul li {
  margin-bottom: 0.6em;
}
.footer a,
.footer a:visited,
.footer a:hover {
  color: #fff;
}
.footer__title {
  margin: 0;
  margin-bottom: 2.6rem;
  color: #ffca6c;
  font-weight: 400;
  font-size: 1.7rem;
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
.footer__about {
  max-width: 37rem;
}
.footer__social {
  margin-bottom: 2rem;
}
.footer__social a {
  margin-right: 1rem;
}
.footer__brands {
  text-align: center;
  background-color: white;
  padding: 7.5rem 2rem;
}
.footer__brands--title {
  color: #333335;
  font-size: 3.4rem;
  line-height: 4.2rem;
  font-family: 'Questrial';
}
.footer__brands--desc {
  color: #333335;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-family: 'Roboto';
}
.footer__brands--link {
  background-color: #f15c22;
  border-radius: 0.4rem;
  padding: 1rem 5rem;
  font-size: 2.1rem;
  line-height: 2.5rem;
  font-family: 'Roboto';
  font-weight: 500;
}
a.footer__brands--link,
a.footer__brands--link:link,
a.footer__brands--link:visited {
  color: white;
}
/* ----------------------------------------------------------- */
/* == icons */
/* ----------------------------------------------------------- */
.icon::before {
  vertical-align: middle;
}
/* ----------------------------------------------------------- */
/* == titles */
/* ----------------------------------------------------------- */
.title-page {
  margin-bottom: 1em;
  font-weight: 400;
  font-size: 2.8rem;
}
.title-1 {
  margin-top: 1.6rem;
  margin-bottom: 2rem;
  color: #333335;
  font-size: 2rem;
  line-height: 30px;
  border-bottom: 1px solid #333335;
}
.title-2 {
  margin: 0 0 3rem 0;
  color: #333335;
  font-weight: 400;
  font-size: 2rem;
  line-height: 30px;
  line-height: 1.5;
  border-bottom: 2px solid #666667;
}
/* ----------------------------------------------------------- */
/* == tabs */
/* ----------------------------------------------------------- */
.tab__links {
  display: flex;
  border-bottom: 3px solid #dbdbdb;
}
.tab__links a,
.tab__links a:visited {
  color: #333335;
  font-size: 1.5rem;
}
.tab__links a {
  position: relative;
  bottom: -3px;
  display: inline-block;
  margin-right: 1.5em;
  padding: 0.4em 0.6em;
  text-align: center;
}
.tab__links a:first-child {
  padding-left: 0;
}
.tab__links a:last-child {
  margin-right: 0;
}
.tab__content {
  padding: 1em 0;
}
.tab__link--current {
  border-bottom: 3px solid #f15c22;
}
/* Select for mobile
-------------------------------------------------------------- */
.tab__selectMobile {
  display: none;
  padding: 1rem;
  background: #fff url(/assets/img/arrow-tab-select.svg) no-repeat;
  background-position: calc(100% - 1rem) center;
  border: 0.2rem solid #dbdbdb;
  border-radius: 0;
  appearance: none;
}
/* ----------------------------------------------------------- */
/* == product card */
/* ----------------------------------------------------------- */
.productCard {
  display: flex;
  flex-direction: column;
}
.productCard:link,
.productCard:hover,
.productCard:visited {
  position: relative;
  overflow: hidden;
  color: #333335;
  background: #fff;
}
.productCard__pic {
  position: relative;
}
.productCard__pic img {
  width: 100%;
  border: 1px solid #e0e0e0;
}
.productCard__content {
  flex-grow: 1;
  padding: 1.5rem 2.1rem;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-top: 0;
}
.productCard__tag {
  position: absolute;
  right: 0;
  bottom: 1rem;
  left: 0;
  padding: 0 0.5em;
  text-align: right;
}
.productCard__tag > span {
  display: inline-block;
  margin: 0.2em;
  padding: 0.2em 0.3em;
  font-size: 1.2rem;
  background-color: #fff;
  border-radius: 3px;
}
.productCard__title {
  margin-bottom: 12px;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 20px;
}
.productCard__price {
  display: inline-block;
  color: #f15c22;
  font-weight: bold;
  font-size: 1.6rem;
}
.productCard__price--promo {
  color: #f15c22;
}
.productCard__price--original {
  display: inline-block;
  margin-right: 0.5rem;
  color: #6e6e73;
  font-weight: bold;
  font-size: 1.6rem;
  text-decoration: line-through;
}
.productCard__subscription {
  margin-top: 4px;
  padding-left: 20px;
  color: #6e6e73;
  font-size: 1.2rem;
  background: url(/assets/img/euro-sub.svg) no-repeat;
  background-position: left center;
}
/* Banner
-------------------------------------------------------------- */
.productCard__banner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 70%;
  max-width: 100%;
  padding: 1.2rem 1.3rem;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 0.02rem;
  text-align: center;
  text-transform: uppercase;
  background-color: #f15c22;
}
.productCard__banner--orange {
  background-color: #f15c22;
}
.productCard__banner--red {
  background-color: #e62325;
}
.productCard__banner--dark {
  background-color: #333335;
}
.productCard__banner svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.7rem;
}
/* Rate
-------------------------------------------------------------- */
.productCard__rate {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.5rem;
}
.productCard__rateStars {
  display: flex;
  margin-right: 0.2rem;
}
.productCard__rateStars svg {
  width: 1.2rem;
  margin-right: 0.3rem;
}
.productCard__rateInfos {
  color: #333;
  font-size: 1.2rem;
}
/* ----------------------------------------------------------- */
/* == steps */
/* ----------------------------------------------------------- */
.steps {
  position: relative;
  display: flex;
  justify-content: center;
  list-style-type: none;
  counter-reset: step;
}
.steps::before {
  position: absolute;
  top: 2rem;
  right: 0;
  left: 0;
  display: block;
  height: 1px;
  background-color: #d8d8d8;
  content: '';
}
.steps li {
  display: block;
  flex: 1 1 0;
  color: #333335;
  text-align: center;
}
.steps li::before {
  position: relative;
  display: block;
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
  color: #fff;
  line-height: 2.7rem;
  text-align: center;
  background-color: #4aac83;
  border: 0.7rem solid #f6f3f3;
  border-radius: 50%;
  content: counter(step);
  counter-increment: step;
}
.steps .current::before {
  background-color: #f15c22;
}
.steps .current ~ li::before {
  background-color: #c6c6c6;
}
/* payment infos
-------------------------------------------------------------- */
.payment-infos {
  background-color: #e0e0e0;
}
.payment-infos__title {
  margin-bottom: 1.2rem;
  color: #333335;
  font-weight: 500;
  font-size: 1.4rem;
  text-align: center;
}
.payment-infos__block {
  padding: 1.2em;
}
.payment-infos__block:last-of-type {
  border-bottom: none;
}
.payment-infos__legal {
  font-size: 1.1rem;
}
.payment-infos__list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.6rem;
  text-align: center;
}
.payment-infos__list img {
  align-self: center;
  justify-self: center;
}
.payment-infos__list img.span-2 {
  grid-column: span 2 / span 2;
}
.payment-infos__list img.span-3 {
  grid-column: span 3 / span 3;
}
/* ----------------------------------------------------------- */
/* == recap table */
/* ----------------------------------------------------------- */
.recap-table {
  border: none;
}
.recap-table thead {
  background-color: #ececec;
}
.recap-table tr,
.recap-table td {
  border: none;
}
.recap-table tr:nth-child(odd) {
  background-color: transparent;
}
.recap-table td {
  padding: 1.5em 0.4em;
}
.recap-table tr {
  border-bottom: 1px solid #a5a5aa;
}
.recap-table--total {
  max-width: 300px;
}
.recap-table--total td {
  padding: 0.3em 1em;
  text-align: right;
}
.recap-table--total tr {
  border-bottom: none;
}
.accordion__toggle {
  width: 100%;
  padding: 1em;
  color: #333335;
  text-align: left;
  background-color: #ccc;
  border: none;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
}
.accordion__toggle--active,
.accordion__toggle:hover {
  background-color: #ddd;
}
.accordion__content {
  display: none;
  padding: 1em;
  background-color: #fff;
}
.accordion__content--visible {
  display: block;
}
.accordion__toggle::before {
  margin-right: 1rem;
  font-size: 2rem;
  vertical-align: middle;
  content: '\02795';
}
.accordion__toggle--active.active::after {
  content: '\2796';
}
/* ----------------------------------------------------------- */
/* == Banner */
/* ----------------------------------------------------------- */
.banner {
  position: relative;
  padding: 1rem 6rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  background-color: #f15c22;
}
.banner > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner__btn,
.banner__btn:link {
  margin-left: 1rem;
  padding: 0.2rem 1rem;
  color: #f15c22;
  font-size: 1.4rem;
  background-color: #fff;
  border-radius: 0.2rem;
  cursor: pointer;
  transition: 0.05s all;
}
.banner__btn:hover,
.banner__btn:active,
.banner__btn:focus {
  background-color: rgba(255, 255, 255, 0.9);
}
.banner__close,
.banner__close:visited {
  position: absolute;
  top: calc(50% - 2rem);
  right: 2rem;
  padding: 1rem;
  color: #fff;
  font-size: 0;
  background: none;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  .banner {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .banner__btn {
    display: block;
    margin-top: 1rem;
    margin-left: 0;
  }
  .banner__close,
  .banner__close:visited {
    right: 0;
  }
}
/* ----------------------------------------------------------- */
/* == Breadcrumb module */
/* ----------------------------------------------------------- */
.breadcrumb {
  margin-bottom: 42px;
  color: #979393;
  font-family: 'Questrial', sans-serif;
  max-width: 122rem;
  margin: auto;
}
.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.breadcrumb__item {
  margin-right: 12px;
  list-style: none;
}
.breadcrumb__item:not(:first-child)::before {
  margin-right: 1rem;
  content: '/';
}
.breadcrumb__item a {
  color: #333335;
}
.breadcrumb__item a:hover,
.breadcrumb__item a:active {
  text-decoration: underline;
}
/* ----------------------------------------------------------- */
/* == Warning box module */
/* ----------------------------------------------------------- */
.warningBox {
  padding: 2.5rem;
  background: #fdf5f3;
  border: 0.1rem solid #e0e0e0;
}
.warningBox__title {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-family: 'Questrial', sans-serif;
}
.warningBox__title svg {
  width: 2rem;
  margin-right: 1rem;
  color: #f15c22;
}
/* ----------------------------------------------------------- */
/* == Avis Vérifiés reviews */
/* ----------------------------------------------------------- */
.avisVerifies__item {
  display: flex;
  margin-bottom: 2rem;
  border: 0.1rem solid #ededed;
}
.avisVerifies__itemHead {
  width: 50%;
  padding: 2rem 2.3rem;
  color: #333335;
  font-size: 1.3rem;
  background-color: #ededed;
}
.avisVerifies__itemRate {
  display: flex;
  align-items: center;
}
.avisVerifies__itemRateLabel {
  margin-right: 1.2rem;
  color: #6e6e73;
  font-weight: 600;
  font-size: 1.5rem;
}
.avisVerifies__itemStars {
  display: flex;
}
.avisVerifies__itemStars svg {
  width: 1.5rem;
  margin-right: 0.5rem;
}
.avisVerifies__itemRateNumber {
  margin-left: auto;
  padding-left: 1rem;
  color: #333335;
  font-weight: 500;
  font-size: 1.5rem;
}
.avisVeris__author {
  color: #333335;
  font-weight: 600;
  font-size: 1.5rem;
}
.avisVerifies__itemDate,
.avisVerifies__itemSource {
  font-style: italic;
}
.avisVerifies__itemContent {
  width: 50%;
  padding: 2.1rem 3rem;
  color: #333335;
  font-style: 1.4rem;
}
/* ----------------------------------------------------------- */
/* == home */
/* ----------------------------------------------------------- */
.home-cover {
  padding: 7.6rem 1rem 8.1rem;
  background: #181a19 url(/assets/img/home/cover.jpg) top center no-repeat;
  background-size: cover;
}
.home-cover__title {
  max-width: 76rem;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  font-size: 3.7rem;
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  line-height: 1.189em;
  text-align: center;
  text-shadow: 0 0.2rem 0.7rem rgba(0, 0, 0, 0.3);
}
.home-cover__title .txtsmall {
  display: block;
  font-size: 1.4rem;
  line-height: 1.142em;
  letter-spacing: 0.127rem;
  text-transform: uppercase;
}
/* home section
-------------------------------------------------------------- */
.home-section {
  padding-bottom: 7.5rem;
}
.home-section--white {
  background-color: #fff;
}
.home-section__title {
  margin: 0;
  padding: 7rem 0;
  font-size: 3.4rem;
  line-height: 1.029em;
  text-align: center;
}
/* Showcase
-------------------------------------------------------------- */
.home-showcase__item {
  margin-bottom: -3rem;
  /* avoid unwanted margin on last line */
  margin-left: -3rem;
  margin-bottom: 7rem;
}
.home-showcase__item > *:nth-child(n) {
  margin-bottom: 3rem;
  margin-left: 3rem;
  width: calc(100% * 1 / 2 - 3rem - .01px);
}
.home-showcase__item:last-child {
  margin-bottom: 0;
}
.home-showcase__item:nth-child(even) {
  flex-direction: row-reverse;
}
.home-showcase__visual {
  position: relative;
  background-color: #181a19;
}
.home-showcase__visual img {
  width: 100%;
}
.home-showcase__visual::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 39%, #000 98%);
  opacity: 0.81;
  content: '';
}
.home-showcase__title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  padding: 3.3rem 3.7rem;
  color: #fff;
  font-weight: bold;
  font-size: 3.2rem;
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  line-height: 1.18em;
}
.home-showcase__about {
  font-size: 1.6rem;
  line-height: 1.56em;
}
.home-showcase__about p {
  margin-bottom: 2rem;
}
/* Blog
-------------------------------------------------------------- */
.home-blog__visual {
  display: block;
  margin-bottom: 3.6rem;
}
.home-blog__visual img {
  width: 100%;
}
.home-blog__title {
  margin: 0;
  margin-bottom: 2.1rem;
  font-size: 2rem;
  line-height: 1.08em;
}
.home-blog__about {
  font-size: 1.4rem;
  line-height: 1.42em;
}
.home-blog__about p {
  margin-bottom: 2rem;
}
.home-blog__about:last-child {
  margin-bottom: 0;
}
.home-blog__link:link,
.home-blog__link:visited {
  margin-top: 2rem;
  font-weight: 500;
  text-decoration: underline;
}
/* ----------------------------------------------------------- */
/* == catalog */
/* ----------------------------------------------------------- */
.catalog {
  background: url(/assets/img/home/cover.jpg) top center no-repeat;
  background-size: 100% auto;
}
.catalog--listing {
  padding-bottom: 4rem;
}
.catalog-title {
  margin: 0;
  padding-top: 4rem;
  padding-bottom: 3.3rem;
  color: #fff;
  font-weight: 400;
  font-size: 3.4rem;
  font-family: 'Questrial', sans-serif;
  text-align: center;
}
/* Filter
-------------------------------------------------------------- */
.catalog-filter {
  margin-bottom: 30px;
  background-color: #fff;
  border: 0.1rem solid #cbcbcb;
}
/* Title */
.catalog-filter__title {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 2.5rem;
  color: #f15c22;
  font-weight: 300;
  font-size: 2.2rem;
  font-family: 'Questrial', sans-serif;
  line-height: 1.6;
  text-align: center;
  cursor: pointer;
}
.catalog-filter__title svg {
  margin-right: 2rem;
}
.catalog-filter__title::after {
  position: absolute;
  top: calc(50% - .6rem);
  right: 3.3rem;
  width: 1.9rem;
  height: 1.2rem;
  background: url(/assets/img/arrow-filter.svg) no-repeat;
  content: '';
}
/* Content */
.catalog-filter__content {
  padding: 2.5rem;
}
.catalog-filter__form {
  display: flex;
  flex-wrap: wrap;
}
.catalog-filter__formItem {
  display: flex;
  align-items: center;
  width: calc(50% - 4rem);
  margin-bottom: 20px;
}
.catalog-filter__formItem:nth-child(2n) {
  margin-left: 4rem;
}
.catalog-filter__formItem > label {
  flex: 0 0 40%;
}
.catalog-filter__formItem > input,
.catalog-filter__formItem > select {
  flex-grow: 1;
  width: 100%;
  height: 40px;
}
/* side filters
-------------------------------------------------------------- */
.catalog-sideFilters {
  padding: 34px 36px;
  background-color: #fff;
  border: 1px solid #cbcbcb;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.08);
}
.catalog-sideFilters .title-1 {
  margin-top: 0;
}
.catalog-sideFilters__label {
  border-bottom: 1px solid #aaaab0;
}
.catalog-sideFilters__group label {
  margin: 5px 0;
}
.catalog-sideFilters__content {
  padding-top: 2rem;
}
.catalog-sideFilters iframe {
  max-width: 100%;
}
/* results
-------------------------------------------------------------- */
.catalog-results {
  padding: 34px 36px;
  background-color: #fff;
  border: 1px solid #cbcbcb;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.08);
}
.catalog-results .title-1 {
  margin-top: 0;
}
/* categories
-------------------------------------------------------------- */
.catalog-category,
.catalog-category:link,
.catalog-category:visited {
  color: #333335;
  text-decoration: none;
  background: #fff;
  border: 0.1rem solid #e6e6e6;
}
.catalog-category__visual {
  width: 100%;
  border-bottom: 0.1rem solid #e6e6e6;
}
.catalog-category__name {
  padding: 1.4rem 2rem;
  font-weight: 500;
  font-size: 1.4rem;
}
/* controls
-------------------------------------------------------------- */
.catalog-controls {
  display: flex;
  justify-content: space-between;
  min-height: 4rem;
  margin-bottom: -1rem;
}
.catalog-sort .btn {
  color: #333335;
}
.catalog-sort .current {
  color: #f15c22;
  font-weight: 500;
}
.catalog-pagination {
  min-height: 4rem;
}
.catalog-pagination--bottom {
  text-align: right;
}
/* About content
-------------------------------------------------------------- */
.catalog-about {
  max-width: 640px;
  margin: 4rem auto;
  padding: 4rem;
  background-color: #f6f3f3;
}
/* ----------------------------------------------------------- */
/* == product */
/* ----------------------------------------------------------- */
.product-title {
  margin: 0;
  margin-bottom: 0.3rem;
  font-weight: 500;
  font-size: 2.4rem;
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
a.product-brand,
a.product-brand:link,
a.product-brand:visited {
  color: #6e6e73;
  font-size: 1.5rem;
}
/* Layout
-------------------------------------------------------------- */
.product-layout {
  display: flex;
}
/* Main
-------------------------------------------------------------- */
.product-main {
  flex-grow: 1;
}
.product-main__box {
  margin-bottom: 3.6rem;
  padding: 3.7rem;
  background: #fff;
  border: 1px solid #cbcbcb;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.08);
}
/* product description
-------------------------------------------------------------- */
.product-desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-about {
  margin-top: 3.6rem;
}
/* Rate
-------------------------------------------------------------- */
.product-rate {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.5rem;
}
.product-rate__stars {
  display: flex;
  margin-right: 0.2rem;
}
.product-rate__stars svg {
  width: 1.5rem;
  margin-right: 0.7rem;
}
.product-rate__link,
.product-rate__link:link,
.product-rate__link:visited {
  font-size: 1.3rem;
  text-decoration: underline;
}
/* product gallery
-------------------------------------------------------------- */
.product-gallery {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
}
.product-gallery img {
  width: 100px;
  margin-right: 10px;
}
/* product advice
-------------------------------------------------------------- */
.product-advice {
  padding: 1.2em;
  background-color: #fdf5f3;
  border: 1px solid #d8d8d8;
}
.product-advice__title {
  font-weight: 500;
  font-size: 1.6rem;
}
.product-advice__titleSub {
  font-size: 1.5rem;
}
/* product notice
-------------------------------------------------------------- */
.productNotices__item,
.productNotices__item:link,
.productNotices__item:visited {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  color: #333335;
  font-size: 1.6rem;
  border: 1px solid #e0e0e0;
}
.productNotices .icon {
  margin-right: 0.2em;
  padding: 1.5rem;
  padding-right: 0;
  color: #f15c22;
  font-size: 4rem;
  vertical-align: middle;
}
.productNotices a:hover {
  border: 1px solid #f15c22;
}
.productNotices__videoThumbnail {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  justify-content: center;
  width: 11rem;
  margin-right: 0.2em;
}
.productNotices__videoThumbnail::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: '';
}
.productNotices__videoThumbnail::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 70%;
  background: no-repeat url(/assets/img/play-btn.svg);
  background-position: center;
  background-size: auto 80%;
  transform: translate(-50%, -50%);
  content: '';
}
.productNotices__itemLabel {
  padding: 1rem 1.5rem;
  font-weight: 500;
  font-size: 1.2rem;
}
/* Sidebar
-------------------------------------------------------------- */
.product-sidebar {
  flex-shrink: 0;
  width: 37.6rem;
  margin-left: 3.5rem;
}
.product-sidebar__box {
  padding: 3.8rem 3.6rem;
  background: #fff;
  border: 1px solid #cbcbcb;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.08);
}
.product-sidebar__boxSeparator {
  height: 0.1rem;
  margin: 2.7rem 0;
  background-color: #e0e0e0;
  border: none;
}
/* Sidebar content
-------------------------------------------------------------- */
.product-subscription {
  margin-bottom: 0.5rem;
  padding: 0.8rem;
  color: #f15c22;
  font-size: 1.6rem;
  text-align: center;
  border: 0.1rem solid #f15c22;
}
.product-price {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  font-size: 2.7rem;
}
.product-price--promo {
  margin-top: 0;
  color: #f15c22;
  font-weight: 500;
}
.product-pricePromo {
  margin-top: 2.5rem;
}
.product-pricePromo--original {
  display: inline-block;
  margin-right: 0.3rem;
  color: #6e6e73;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8rem;
  text-decoration: line-through;
}
.product-pricePromo--percent {
  display: inline-block;
  color: #f15c22;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8rem;
}
.product-price__tax {
  font-size: 0.5em;
}
.product-buyBtn {
  display: block;
  width: 100%;
  padding: 1.5rem 0.2em;
  font-size: 1.7rem;
}
.product-availablePill {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.4rem;
  vertical-align: middle;
  background-color: #808080;
  border-radius: 1rem;
}
.product-availablePill--green {
  background-color: #50b83c;
}
.product-availablePill--red {
  background-color: #ff7452;
}
/* Side infos contact */
.product-sideInfos {
  display: flex;
  align-items: flex-start;
  margin: 3rem 0;
  color: #333335;
}
.product-sideInfos__separator {
  height: 1px;
  background-color: #e0e0e0;
  border: none;
}
.product-sideInfos__icon {
  flex-shrink: 0;
  width: 3rem;
  margin-right: 2rem;
}
/* Product title mobile
-------------------------------------------------------------- */
.product-titleMobile__title {
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3rem;
}
.product-titleMobile__brand {
  margin-bottom: 3rem;
  color: #6e6e73;
  font-size: 1.5rem;
}
/* ----------------------------------------------------------- */
/* == cart */
/* ----------------------------------------------------------- */
.cart-steps {
  margin-bottom: 60px;
}
.cart-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-inputNumber {
  max-width: 70px;
}
.cart-price {
  max-width: 70px;
}
/* cart promo
-------------------------------------------------------------- */
.cart-promo {
  display: flex;
}
.cart-promo__input {
  max-width: 280px;
  background-color: #fdf5f3;
}
.cart-promo__btn {
  background-color: #a5a5aa;
  border: 1px solid #aaa;
  border-radius: 0;
}
/* cart signin
-------------------------------------------------------------- */
.cart-signin {
  padding: 2em 1em;
  text-align: center;
  background-color: #eeedec;
}
/* cart payment
-------------------------------------------------------------- */
.cart-payment {
  display: flex;
  justify-content: space-between;
}
.cart-payment .btn {
  margin-right: 2%;
  padding: 1em 2em;
}
.cart-payment .btn:last-of-type {
  margin-right: 0;
}
/* cart recap
-------------------------------------------------------------- */
.cart-recap {
  max-width: 400px;
  margin: 30px auto;
  text-align: left;
  border: none;
}
.cart-recap td {
  border: none;
}
.cart-recap tfoot tr {
  border-bottom: 1px solid #333335;
}
.cart-recap tfoot {
  border-top: 2px solid #333335;
}
/* cart confirm
-------------------------------------------------------------- */
.cart-confirm {
  max-width: 600px;
  margin: 20px auto;
  text-align: center;
}
.cart-confirm__title {
  margin-bottom: 40px;
  color: #f15c22;
  font-weight: 400;
  font-size: 4rem;
  font-family: 'Questrial', sans-serif;
  line-height: 1.5;
}
.cart-bordered {
  padding: 2em;
  border: 1px solid #333335;
}
/* ----------------------------------------------------------- */
/* == Order pages */
/* ----------------------------------------------------------- */
/* Box
-------------------------------------------------------------- */
.order-box {
  padding: 4rem;
  padding-bottom: 3.5rem;
  background: #fff;
  border: 0.1rem solid #cbcbcb;
  box-shadow: 0.2rem 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.08);
}
/* Steps
-------------------------------------------------------------- */
.order-steps {
  margin-bottom: 4.5rem;
  padding-left: 0;
}
/* Grid
-------------------------------------------------------------- */
.order-grid {
  display: grid;
  grid-auto-columns: 1fr 37.6rem;
  grid-auto-flow: row;
  grid-gap: 4rem 3.5rem;
  gap: 2rem 3.5rem;
}
.order-sidebar {
  grid-area: 1 / 2 / 3 / 3;
}
/* Actions
-------------------------------------------------------------- */
.order-actions {
  display: flex;
  flex-direction: row-reverse;
  align-self: flex-start;
  justify-content: space-between;
}
.order-actions__btn,
.order-actions__btn:link,
.order-actions__btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.4s all;
}
.order-actions__btn--primary,
.order-actions__btn--primary:link,
.order-actions__btn--primary:visited {
  padding: 1.5rem 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.7rem;
  background-color: #f15c22;
  border-radius: 0.3rem;
}
.order-actions__btn--primary:hover,
.order-actions__btn--primary:active,
.order-actions__btn--primary:focus {
  color: #fff;
  background-color: #eb4c0f;
}
.order-actions__btn--primary svg {
  width: auto;
  height: 2rem;
}
.order-actions__btn--primary svg:first-child {
  margin-right: 2rem;
}
.order-actions__btn--primary svg:last-child {
  margin-left: 2rem;
}
.order-actions__btn--secondary,
.order-actions__btn--secondary:link,
.order-actions__btn--secondary:visited {
  padding: 1rem 0;
  color: #333335;
  font-weight: normal;
  font-size: 1.4rem;
  background: none;
  border-radius: 0.3rem;
}
.order-actions__btn--secondary:hover,
.order-actions__btn--secondary:active,
.order-actions__btn--secondary:focus {
  color: #333335;
  text-decoration: underline;
}
.order-actions__btn--secondary svg {
  width: auto;
  height: 1.2rem;
}
.order-actions__btn--secondary svg:first-child {
  margin-right: 1rem;
}
.order-actions__btn--secondary svg:last-child {
  margin-left: 1rem;
}
/* Cart
-------------------------------------------------------------- */
.order-cart__title {
  margin: 0;
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 2.4rem;
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  line-height: 1.25em;
}
.order-cart__title .txtsmall {
  margin: 0;
  color: #6e6e73;
  font-weight: normal;
  font-size: 0.6em;
  vertical-align: baseline;
}
.order-cart__products {
  grid-area: 1 / 1 / 2 / 2;
}
.order-cart__actions {
  grid-area: auto / 1 / auto / 2;
}
/* Product
-------------------------------------------------------------- */
.order-product {
  display: grid;
  grid-auto-columns: minmax(7rem, 12rem) 1fr;
  grid-column-gap: 4rem;
  grid-template-columns: minmax(5rem, 12rem) 1fr;
  margin-bottom: 2rem;
}
.order-product__name {
  margin: 0;
  font-weight: 500;
  font-size: 1.6rem;
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  line-height: 1.25em;
}
.order-product__link {
  text-decoration: underline;
}
.order-product__quantity {
  margin-top: 2rem;
}
.order-product__quantity label {
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
}
.order-product__quantity input {
  width: 9rem;
  background: #fff;
}
.order-product__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 2rem;
}
.order-product__prices table {
  width: 20rem;
}
.order-product__delete,
.order-product__delete:visited {
  display: inline-flex;
  align-items: center;
  margin-top: 2rem;
  padding: 0.2rem;
  color: #e62325;
  background: none;
}
.order-product__delete:hover,
.order-product__delete:active,
.order-product__delete:focus {
  text-decoration: underline;
}
.order-product__delete svg {
  width: auto;
  height: 1.7rem;
  margin-right: 1rem;
}
/* Total
-------------------------------------------------------------- */
.order-total {
  margin-bottom: 2rem;
}
.order-total__footer td:nth-child(n) {
  padding-top: 1rem;
  font-weight: 500;
  border-top: 0.2rem solid #333335;
}
/* Promo
-------------------------------------------------------------- */
.order-promo__label {
  margin: 0;
  margin-bottom: 0.5rem;
  color: #333335;
  font-size: 1.6rem;
  line-height: 1.25em;
}
.order-promo__input {
  width: 100%;
  max-width: inherit;
  margin-bottom: 1.2rem;
  background: #fff;
}
/* Sign box
-------------------------------------------------------------- */
.order-sign {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
.order-sign .btn:not(:last-child) {
  margin-right: 2rem;
}
/* Infos page
-------------------------------------------------------------- */
.order-infos__main {
  grid-area: 1 / 1 / 2 / 2;
}
.order-infos__form {
  max-width: 52rem;
}
.order-infos__separator {
  height: 0.1rem;
  margin: 3.5rem 0;
  background: #6e6e73;
  border: none;
}
.order-infos__actions {
  margin-top: 4rem;
}
/* Recap box
-------------------------------------------------------------- */
.order-recap {
  margin-bottom: 2rem;
}
.order-recap__product {
  display: flex;
  padding: 2rem 0;
  border-bottom: 0.1rem solid #6e6e73;
}
.order-recap__product:first-child {
  padding-top: 0;
}
.order-recap__product:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.order-recap__visual {
  flex-shrink: 0;
  width: 5rem;
  margin-right: 2rem;
}
.order-recap__name {
  margin-bottom: 1rem;
  font-weight: 500;
}
/* Payment page
-------------------------------------------------------------- */
.order-payment__main {
  grid-area: 1 / 1 / 2 / 2;
}
.order-payments__choices {
  margin-top: 1rem;
  overflow: hidden;
  border: 0.1rem solid #8282b9;
  border-radius: 0.2rem;
}
.order-payments__choiceAccordion,
.order-payments__choiceBtn,
.order-payments__choiceBtn:visited {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2rem 3rem;
  color: #333335;
  font-size: 1.4rem;
  line-height: 2rem;
  background: #fdf5f3;
  border: none;
  border-bottom: 0.1rem solid #8282b9;
  border-radius: 0;
  cursor: pointer;
}
.order-payments__choiceBtn--last {
  border-bottom: 0;
}
.order-payments__choiceBtn:hover,
.order-payments__choiceBtn:active,
.order-payments__choiceBtn:focus {
  text-decoration: underline;
}
.order-payments__choiceBtn svg {
  width: 3.1rem;
  height: auto;
  margin-right: 2rem;
}
.order-payments__choiceBtn img {
  width: auto;
  max-height: 3rem;
  margin-right: 2rem;
}
.order-payments__choiceAccordion {
  display: block;
  padding: 0;
}
.order-payments__choiceAccordionContent {
  display: none;
  padding-bottom: 3rem;
  padding-left: 8.1rem;
  background: #fdf5f3;
}
.order-payments__choiceAccordionContent.expanded {
  display: block;
}
/* ----------------------------------------------------------- */
/* == Brands pages */
/* ----------------------------------------------------------- */
.brands {
  margin-bottom: 42px;
  color: #979393;
  font-family: 'Questrial', sans-serif;
  max-width: 122rem;
  margin: auto;
}
.brands__goBack {
  display: flex;
  align-items: center;
  gap: 1rem;
}
a.brands__goBack,
a.brands__goBack:link,
a.brands__goBack:visited {
  color: #6E6E73;
}
.brands__goBack--icon {
  height: 2.38rem;
  width: 3.06rem;
}
.brands__goBack--label {
  font-size: 1.4rem;
  line-height: 2rem;
}
.brands__content {
  background-color: white;
  padding: 3rem;
  box-shadow: 0.2rem 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.08);
  border: 0.1rem solid #CBCBCB;
}
.redactor-image-left {
  display: flex;
  justify-content: flex-start;
}
.redactor-image-right {
  display: flex;
  justify-content: flex-end;
}
.redactor-image-center {
  display: flex;
  justify-content: center;
}
.brands-title {
  color: #333335;
  font-size: 3.4rem;
  line-height: 4.2rem;
  font-family: 'Questrial';
  margin-top: 5rem;
  margin-bottom: 7rem;
  text-align: center;
}
.brands-title--withSubtitle {
  color: #333335;
  font-size: 3.4rem;
  line-height: 4.2rem;
  font-family: 'Questrial';
  margin-top: 5rem;
  margin-bottom: 1rem;
  text-align: center;
}
.brands-title--desc {
  color: #333335;
  font-size: 1.6rem;
  line-height: 2.5rem;
  text-align: center;
  margin-bottom: 6rem;
}
.brands-subtitle {
  color: #333335;
  font-size: 3.4rem;
  line-height: 4.2rem;
  font-family: 'Questrial';
  padding-top: 7.6rem;
  margin-bottom: 7rem;
  text-align: center;
}
.brands__item {
  display: flex;
  flex-direction: row;
  gap: 3.6rem;
  padding-bottom: 13.6rem;
  max-width: 122rem;
  margin: auto;
}
.brands__item:not(:first-child) {
  margin-top: 7rem;
}
.brands__item--coverFrame {
  position: relative;
}
.brands__item span {
  color: white;
  font-size: 3.2rem;
  line-height: 3.8rem;
  position: absolute;
  bottom: 3rem;
  left: 3rem;
}
.brands__item--reverse {
  flex-direction: row-reverse;
}
.brands__item--content {
  flex: 1;
}
.brands__item--content h3 {
  color: #333335;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
}
.brands__item--content p {
  color: #333335;
  font-size: 1.6rem;
  line-height: 2.5rem;
}
.brands__item--content li {
  color: #333335;
  font-size: 1.6rem;
  line-height: 2.5rem;
}
.brands__item--link {
  background-color: #f15c22;
  border-radius: 0.4rem;
  padding: 1rem 5rem;
  font-size: 2.1rem;
  line-height: 2.5rem;
  font-family: 'Roboto';
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 4rem;
}
.brands__item--link,
.brands__item--link:link,
.brands__item--link:visited {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: white;
}
.brands__item--cover {
  max-height: 36rem;
  width: 100%;
  object-fit: cover;
  position: relative;
}
.brands__item--coverOverlay {
  background: linear-gradient(0deg, #00000080 0%, #00000080 0%, rgba(0, 0, 0, 0) 35%);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.brands__item--logo {
  height: 100%;
  max-height: 6rem;
  object-fit: contain;
  margin-bottom: 3.3rem;
}
.brands--container {
  padding: 6rem 1rem 0 1rem;
}
.brands__list {
  background-color: white;
}
.brands__list--content {
  max-width: 122rem;
  margin: auto;
  width: 100%;
}
.brands__banner {
  width: 100%;
  height: 26rem;
  margin-bottom: 7rem;
  position: relative;
  background-color: red;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brands__banner:not(:first-child) {
  margin-top: 10rem;
}
.brands__banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.brands__banner--label {
  position: absolute;
  font-weight: bold;
  color: white;
  font-size: 3.2rem;
  line-height: 2rem;
}
.brands__form {
  display: flex;
  flex-direction: column;
  max-width: 78.9rem;
  margin: auto;
  padding: 6.5rem 10.5rem;
}
.brands__form--items {
  flex: 1;
  display: flex;
  gap: 3.6rem;
}
.brands__form--item {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.brands__form--item textarea {
  min-height: 12rem;
}
.brands__form--larger {
  flex: 2;
}
.brands__form--item label {
  color: #333335;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: bold;
}
.brands__form--item input {
  width: 100%;
}
.brands__form--check {
  display: flex !important;
  align-items: flex-start;
  gap: 1rem;
}
.brands__form--check input {
  height: 2rem;
  width: 2rem;
  border: solid 0.1rem #6E6E73;
  border-radius: 0.2rem;
  background-color: red;
  scale: 1.5;
  margin: 0 !important;
}
.brands__form--submit {
  padding: 1rem 2rem;
  background-color: #f15c22;
  color: white;
  font-size: 2.1rem;
  line-height: 2.4rem;
  max-width: 32rem;
}
.brands__form--item input:focus,
.brands__form--item textarea:focus {
  outline: #f15c22 0.1rem solid;
  background-color: white;
  box-shadow: 0 0 0.7rem 0 rgba(241, 92, 34, 0.49);
  border: 0.1rem solid transparent;
}
.brands__form--item input::placeholder,
.brands__form--item textarea::placeholder {
  color: #828287;
}
.brands__notif {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background-color: #c2fff9;
  color: #004c44;
  z-index: 1000;
  border-radius: 0.2rem;
  padding: 1rem;
  display: flex;
  gap: 1rem;
  opacity: 0;
  animation: fadeInOut 5s;
}
.brands__notif--icon {
  height: 2rem;
  width: 2rem;
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzAwMDAwMCI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+Cg08cGF0aCBmaWxsPSIjMDA0YzQ0IiBkPSJNNTEyIDY0YTQ0OCA0NDggMCAxIDEgMCA4OTYgNDQ4IDQ0OCAwIDAgMSAwLTg5NnptLTU1LjgwOCA1MzYuMzg0LTk5LjUyLTk5LjU4NGEzOC40IDM4LjQgMCAxIDAtNTQuMzM2IDU0LjMzNmwxMjYuNzIgMTI2LjcyYTM4LjI3MiAzOC4yNzIgMCAwIDAgNTQuMzM2IDBsMjYyLjQtMjYyLjQ2NGEzOC40IDM4LjQgMCAxIDAtNTQuMjcyLTU0LjMzNkw0NTYuMTkyIDYwMC4zODR6Ii8+Cg08L2c+Cg08L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.brands__notif--text {
  font-size: 1.6rem;
  line-height: 2.1rem;
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* ----------------------------------------------------------- */
/* == account */
/* ----------------------------------------------------------- */
.account-subtitle {
  font-size: 1.8rem;
  text-transform: uppercase;
}
/* navigation
-------------------------------------------------------------- */
.account-navigation {
  padding-left: 0;
  list-style-type: none;
}
.account-navigation > li {
  margin-bottom: 1rem;
}
.account-navigation a,
.account-navigation a:hover,
.account-navigation a:visited {
  color: #333335;
  font-size: 1.5rem;
}
.account-navigation .current,
.account-navigation .current:visited {
  color: #f15c22;
}
/* ----------------------------------------------------------- */
/* == Advice page */
/* ----------------------------------------------------------- */
.adviceIndex-item,
.adviceIndex-item:link,
.adviceIndex-item:visited {
  padding: 1.5rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  color: #f15c22;
  text-decoration: none;
  border: 0.1rem solid #f15c22;
  border-radius: 0.2rem;
  transition: 0.1s all;
  background-color: #fff;
}
.adviceIndex-item:hover,
.adviceIndex-item:active,
.adviceIndex-item:focus {
  background-color: #f15c22;
  color: #fff;
}
/* ----------------------------------------------------------- */
/* == Advice single page */
/* ----------------------------------------------------------- */
.adviceSingle {
  display: flex;
  align-items: flex-start;
}
.adviceSingle > .content {
  flex-grow: 1;
}
.adviceSingle .content .title-1:first-child {
  margin-top: 0;
}
/* Sidebar
-------------------------------------------------------------- */
.adviceSingle-sidebar {
  width: 37.7rem;
  margin-right: 4rem;
  flex-shrink: 0;
}
.adviceSingle-sidebar__item,
.adviceSingle-sidebar__item:link,
.adviceSingle-sidebar__item:visited {
  display: block;
  padding: 1.5rem;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #E0E0E0;
}
.adviceSingle-sidebar__item:hover,
.adviceSingle-sidebar__item:active,
.adviceSingle-sidebar__item:focus {
  text-decoration: underline;
}
.adviceSingle-sidebar__item--current {
  color: #f15c22;
  background-color: #fff;
  font-weight: 500;
}
/* Mobile select
-------------------------------------------------------------- */
.adviceSingle-select {
  width: 100%;
  padding: 1rem 1.5rem;
  margin-bottom: 4rem;
  font-size: 1.6rem;
  background-color: transparent;
  border: 0.1rem solid #6E6E73;
  border-radius: 0.4rem;
}
/* ----------------------------------------------------------- */
/* == About */
/* ----------------------------------------------------------- */
.about-content h1,
.about-content h2,
.about-content h3,
.about-content h4 {
  text-align: center;
}
/* Title
-------------------------------------------------------------- */
.about-title {
  margin: 0;
  margin-bottom: 25px;
  color: #333335;
  font-size: 20px;
  font-family: 'Questrial', sans-serif;
  line-height: 22px;
  text-align: center;
}
/* Footer
-------------------------------------------------------------- */
.about-footer {
  display: flex;
  margin-top: 40px;
}
.about-map,
.about-showroom {
  padding: 36px;
  background-color: #fff;
  border: 1px solid #cbcbcb;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.08);
}
.about-map__container {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.about-map__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.about-map {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.about-map__map {
  height: 100%;
}
.about-map iframe {
  flex-grow: 1;
}
.about-showroom {
  flex-shrink: 0;
  width: 376px;
  margin-left: 36px;
}
.about-address {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-style: normal;
}
/* ----------------------------------------------------------- */
/* == Blog pages */
/* ----------------------------------------------------------- */
.blog-container {
  max-width: 880px;
}
/* Box
-------------------------------------------------------------- */
.blog-box {
  background: #fff;
  border: 1px solid #cbcbcb;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.08);
}
.blog-box__visual,
.blog-box__visual:link,
.blog-box__visual:visited {
  display: block;
  margin: -1px;
  margin-bottom: 0;
}
.blog-box--primary {
  margin-bottom: 3.6rem;
}
.blog-box__visual img {
  width: 100%;
}
.blog-box__content {
  padding: 3rem;
}
.blog-box--primary .blog-box__content {
  max-width: 715px;
  margin: 0 auto;
  padding: 3.7rem 3rem;
}
.blog-box__title {
  margin: 0;
  margin-bottom: 2rem;
  color: #000;
  font-weight: normal;
  font-size: 2rem;
  font-family: 'Questrial', sans-serif;
}
.blog-box--primary .blog-box__title {
  font-size: 2.4rem;
}
.blog-box__about {
  margin-bottom: 1.4rem;
  color: #333335;
}
.blog-box__about p:last-child {
  margin-bottom: 0;
}
.blog-box__link:link,
.blog-box__link:visited {
  font-weight: 500;
  text-decoration: underline;
}
/* Pagination
-------------------------------------------------------------- */
.blog-pagination {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
/* Blog post
-------------------------------------------------------------- */
.blog-post__title {
  margin: 0;
  font-weight: normal;
  font-size: 3.4rem;
}
.blog-post__head {
  margin-bottom: 40px;
  text-align: center;
}
.blog-post__content {
  line-height: 1.5;
}
/* ----------------------------------------------------------- */
/* == tingle v0.7.1 */
/* ----------------------------------------------------------- */
.tingle-modal * {
  box-sizing: border-box;
}
.tingle-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAANpJREFUOBGNkz0KAjEQhYPYWXgCKws7LcXWyt7WG4i9jegBvIJ4AvEyXsRCsBDiN0sGkiE/O/A2O9n3viS7rPPeb9ETrVzPwrtHDzR1XF5I6oPWLQaeq5hDXQRw0I6xCuF5HH7Tz7oFuTkhrSyEhza8THaLoQhphpWUg/QOFyA/AFpy5nTbGrIjxvg4AiiGBzYc+rGZH9KPzFy+ZbX4bX9l+VDZr5NQMMbhbtvMxccpQ3JhpTchtXATQviItIpvW0CY7HHm8c9UDRd2chbABt3RQk2tEe8O3dDkD4JQ4iOR7BMpAAAAAElFTkSuQmCC'), pointer;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.tingle-modal__close {
  position: fixed;
  top: 3%;
  right: 3%;
  z-index: 1000;
  width: 40px;
  height: 40px;
  padding: 0;
  color: #fff;
  font-size: 40px;
  line-height: normal;
  background: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.tingle-modal-box {
  position: absolute;
  top: 20px;
  right: 0;
  left: 0;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
  background: #fff;
  border-radius: 4px;
  transform: scale(0.6);
  cursor: auto;
  opacity: 1;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.tingle-modal-box__content {
  padding: 4rem;
}
.tingle-modal-box__footer {
  width: auto;
  padding: 2rem 4rem;
  background-color: #f1f1f1;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: auto;
}
.tingle-modal-box__footer::after {
  display: table;
  clear: both;
  content: '';
}
.tingle-modal-box__footer--sticky {
  position: fixed;
  bottom: -100px;
  /* TODO : find a better way */
  z-index: 10001;
  opacity: 1;
  transition: bottom 0.3s ease-in-out 0.3s;
}
/* state
-------------------------------------------------------------- */
.tingle-enabled {
  height: 100%;
  overflow: hidden;
}
.tingle-modal--visible .tingle-modal-box__footer {
  bottom: 0;
}
.tingle-enabled .tingle-content-wrapper {
  filter: blur(15px);
}
.tingle-modal--visible {
  visibility: visible;
  opacity: 1;
}
.tingle-modal--visible .tingle-modal-box {
  transform: scale(1);
}
/* btn
-------------------------------------------------------------- */
.tingle-btn {
  display: inline-block;
  margin: 0 0.5rem;
  padding: 1rem 2rem;
  color: #fff;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  text-decoration: none;
  vertical-align: middle;
  background-color: #808080;
  border: none;
  box-shadow: none;
  cursor: pointer;
  transition: background-color 0.4s;
}
.tingle-btn--primary {
  background-color: #3498db;
}
.tingle-btn--danger {
  background-color: #e74c3c;
}
.tingle-btn--default {
  background-color: #34495e;
}
.tingle-btn--pull-left {
  float: left;
}
.tingle-btn--pull-right {
  float: right;
}
/* Alignment styles for images, videos and iframes in editable regions */
/* Center (default) */
[data-editable] iframe,
[data-editable] image,
[data-editable] [data-ce-tag='img'],
[data-editable] img,
[data-editable] video {
  display: block;
  clear: both;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
/* Left align */
[data-editable] .align-left {
  float: left;
  clear: initial;
  margin-right: 0.5em;
}
/* Right align */
[data-editable].align-right {
  float: right;
  clear: initial;
  margin-left: 0.5em;
}
/* Alignment styles for text in editable regions */
[data-editable] .text-center {
  text-align: center;
}
[data-editable] .text-left {
  text-align: left;
}
[data-editable] .text-right {
  text-align: right;
}
.ql-align-center {
  text-align: center;
}
.ql-align-justify {
  text-align: justify;
}
.ql-align-right {
  text-align: right;
}
/* ----------------------------------------------------------- */
/* == rwd -> large */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* == rwd -> meidum */
/* ----------------------------------------------------------- */
@media (max-width: 960px) {
  /* layout
  -------------------------------------------------------------- */
  .header__logo {
    width: 100px;
    height: 60px;
  }
  .header__logo img {
    margin-top: 10px;
  }
  .header__nav a {
    padding: 1em 1em;
  }
  .header__nav {
    padding-left: 0;
  }
  .header__nav ul {
    display: flex;
    align-content: center;
    justify-content: space-between;
  }
  /* Product
  -------------------------------------------------------------- */
  .product-layout {
    display: block;
  }
  .product-main {
    width: 100%;
  }
  .product-sidebar {
    width: 100%;
    margin-top: 3rem;
    margin-left: 0;
  }
  /* Order
  -------------------------------------------------------------- */
  .order-box {
    padding: 2rem;
    padding-bottom: 2rem;
  }
  .order-product {
    grid-column-gap: 2rem;
  }
  /* Advice
  -------------------------------------------------------------- */
  .adviceSingle {
    display: block;
  }
  /* About
  -------------------------------------------------------------- */
  .about-footer {
    display: block;
  }
  .about-map {
    height: 400px;
  }
  .about-showroom {
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }
}
/* ----------------------------------------------------------- */
/* == rwd -> small */
/* ----------------------------------------------------------- */
@media (max-width: 768px) {
  .header {
    z-index: 1;
  }
  .header__infos {
    display: none;
  }
  .header__logo {
    width: auto;
    height: auto;
    margin: 0;
    padding: 1.5rem 0.5rem;
  }
  .header__logo img {
    height: 3rem;
    margin: 0;
  }
  .container--content {
    padding-top: 2rem;
  }
  .header__main > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* home page
  -------------------------------------------------------------- */
  .home-section {
    padding-bottom: 6rem;
  }
  .home-section__title {
    padding: 4.5rem 0;
    font-size: 2.5rem;
  }
  .home-showcase__item:nth-child(n) {
    flex-direction: row;
    margin-bottom: -3rem;
    margin-left: 0;
  }
  .home-showcase__item:nth-child(n) > *:nth-child(n) {
    margin-bottom: 3rem;
    margin-left: 0;
    width: 100%;
  }
  .home-showcase__item:first-child {
    margin-bottom: 3rem;
  }
  .home-showcase__title {
    font-size: 2.7rem;
  }
  .home-showcase__about .btn {
    width: 100%;
  }
  /* Mobile cart
  -------------------------------------------------------------- */
  .header__mobileCart:link,
  .header__mobileCart:visited {
    display: block;
    color: #333335;
  }
  .header__mobileCart:hover,
  .header__mobileCart:active,
  .header__mobileCart:focus {
    text-decoration: underline;
  }
  /* Menu
  -------------------------------------------------------------- */
  .header__navBtn {
    display: inline-flex;
    align-items: center;
    padding: 1rem 0;
    color: #333335;
    font-weight: normal;
    background: none;
    border: none;
  }
  .header__navBtn svg {
    flex-shrink: 0;
    margin-right: 1.2rem;
    color: #f15c22;
  }
  .header__nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    margin-right: 0;
    background: #fff;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.4);
    transform: translateX(-105%);
    transition: transform 0.33s cubic-bezier(0, 0, 0.3, 1);
    will-change: transform;
  }
  .header__navSide {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
  .header__navSide:last-child {
    flex-grow: 1;
  }
  .header__nav.active {
    transform: translateX(0);
  }
  .header__navClose,
  .header__navClose:visited {
    align-self: flex-start;
    padding: 2rem;
    color: #f15c22;
    font-size: 0;
    background: none;
    border: none;
  }
  .header__navClose svg {
    width: 1.6rem;
    height: 1.6rem;
  }
  a.header__navItem:link,
  a.header__navItem:visited {
    display: block;
    width: 100%;
    padding: 2rem;
    font-size: 1.6rem;
    line-height: 1.18em;
    text-align: left;
    border-top: 0.1rem solid #e0e0e0;
  }
  .header__navItem > .header__navItem::after {
    display: none;
  }
  a.header__navItem:hover,
  .header__navItem:hover > .header__navItem {
    box-shadow: none;
  }
  a.header__navItem--bottom:link,
  a.header__navItem--bottom:visited {
    margin-top: auto;
    font-weight: 600;
    border-top: none;
  }
  .header__navItem:hover .header__navSub {
    display: none;
  }
  /* Catalog
-------------------------------------------------------------- */
  .catalog-filter,
  .catalog-sideFilters {
    display: none;
  }
  /* Order
  -------------------------------------------------------------- */
  .order-steps {
    margin-bottom: 2rem;
  }
  .order-grid {
    display: block;
  }
  .order-product {
    grid-column-gap: 2rem;
  }
  .order-actions {
    display: block;
    margin-top: 4rem;
  }
  .order-actions__btn {
    width: 100%;
    margin-bottom: 3rem;
    padding: 1.5rem;
  }
  .order-actions__btn--secondary,
  .order-actions__btn--secondary:link,
  .order-actions__btn--secondary:visited {
    padding: 1.5rem;
    font-weight: 500;
    font-size: 1.7rem;
    background-color: #fff;
    border: 0.1rem solid #333335;
    border-radius: 0.4rem;
  }
  .order-actions__btn--secondary:hover,
  .order-actions__btn--secondary:active,
  .order-actions__btn--secondary:focus {
    color: #fff;
    text-decoration: none;
    background: #333335;
  }
  .order-sign {
    display: block;
    margin-bottom: 2rem;
  }
  .order-sign .btn {
    width: 100%;
    margin-bottom: 2rem;
  }
  .order-infos__form {
    max-width: inherit;
  }
  /* Breadcrumb
  -------------------------------------------------------------- */
  .breadcrumb {
    display: none;
  }
  /* Content
  -------------------------------------------------------------- */
  .content-title {
    margin-bottom: 30px;
    font-size: 20px;
  }
  /* Advice
  -------------------------------------------------------------- */
  .advice-col {
    columns: unset;
  }
  .advice-box {
    margin-bottom: 20px;
  }
  /* Footer
  -------------------------------------------------------------- */
  .benefitsItem {
    flex-direction: column;
    align-items: center;
  }
  .benefitsItem__icon {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .footer-grid {
    display: block;
  }
  .footer__brands--title {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  /* Tabs
  -------------------------------------------------------------- */
  .tab__links {
    display: none;
  }
  .tab__selectMobile {
    display: block;
  }
  /* Avis Vérifiés reviews
  -------------------------------------------------------------- */
  .avisVerifies__item {
    display: block;
  }
  .avisVerifies__itemHead,
  .avisVerifies__itemContent {
    width: 100%;
  }
  /* Brands
  -------------------------------------------------------------- */
  .brands--container {
    padding: 0;
  }
  .brands__item {
    flex-direction: column;
    padding: 0 2rem;
  }
  .brands__item--reverse {
    flex-direction: column;
  }
  .brands-title {
    margin: 5rem 0 3rem 0;
  }
  .brands__item--cover {
    display: none;
  }
  .brands__item--link {
    width: 100%;
    text-align: center;
  }
  .brands__item span {
    display: none;
  }
  .brands__form {
    padding: 4rem 2rem;
  }
  .brands__form--items {
    flex-direction: column;
  }
  .brands__form--submit {
    max-width: unset;
  }
  .brands-title--withSubtitle {
    margin-top: 7rem;
  }
}
/* ----------------------------------------------------------- */
/* == rwd -> xsmall */
/* ----------------------------------------------------------- */
@media (max-width: 480px) {
  .header__nav ul {
    flex-direction: column;
  }
  .header__infosRight a {
    margin-left: 1rem;
  }
  /* home page
  -------------------------------------------------------------- */
  .home-cover {
    padding: 5rem 1rem 3rem;
  }
  .home-cover__title {
    font-size: 2.5rem;
  }
  .home-cover__title .txtsmall {
    margin-top: 1rem;
    font-size: 1.2rem;
  }
  .home-showcase__title {
    padding: 2rem 3rem;
    font-size: 2.3rem;
  }
  /* product page
  -------------------------------------------------------------- */
  .product-main__box {
    padding: 1rem;
  }
  .avisVerifies__itemHead,
  .avisVerifies__itemContent {
    padding: 1rem;
  }
  /* Cart
  -------------------------------------------------------------- */
  .order-steps {
    font-size: 1.2rem;
  }
  /* Order
  -------------------------------------------------------------- */
  .order-product {
    grid-column-gap: 1rem;
  }
  .order-product__prices table {
    width: 15rem;
  }
}
/* ----------------------------------------------------------- */
/* == rwd */
/* ----------------------------------------------------------- */