@charset "UTF-8";
/*-----------------------------------------------------------------------------------------------------
    [Master Stylesheet]
		contact : sbecker@groupeafg.com
    Version : 1.0

    Projet : Youkado
    Website :

-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------
    [variables]

    + Neat
    + Breackpoint
    + Typo

-------------------------------------------------------------------------------------------------------*/
/* Neat Overrides */
/* Breackpoint */
/* Typo */
/* Animation */
/*-----------------------------------------------------------------------------------------------------
    [mixins]

-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------
    [settings]

-------------------------------------------------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

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

/*-----------------------------------------------------------------------------------------------------
    [Reset]

    http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
-------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;
  vertical-align: baseline;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  /*list-style: none;*/
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* quick print reset */
@media print {
  p,
  blockquote {
    orphans: 2;
    widows: 2;
  }
  blockquote,
  ul,
  ol {
    page-break-inside: avoid;
  }
  h1,
  h2,
  h3,
  caption {
    page-break-after: avoid;
  }
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}

/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 767px) {
  html,
  body {
    -webkit-text-size-adjust: 100%;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [colors]

-------------------------------------------------------------------------------------------------------*/
/* Application colors */
/* Typography colors */
/* Shades of grey */
/* Alerts colors */
/* Social colors */
/*-----------------------------------------------------------------------------------------------------
    [typography]

-------------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'poppinsregular';
  src: url("../fonts/poppins/poppins-regular-webfont.eot");
  src: url("../fonts/poppins/poppins-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-regular-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-regular-webfont.woff") format("woff"), url("../fonts/poppins/poppins-regular-webfont.ttf") format("truetype"), url("../fonts/poppins/poppins-regular-webfont.svg#poppinsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppinsmedium';
  src: url("../fonts/poppins/poppins-medium-webfont.eot");
  src: url("../fonts/poppins/poppins-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-medium-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-medium-webfont.woff") format("woff"), url("../fonts/poppins/poppins-medium-webfont.ttf") format("truetype"), url("../fonts/poppins/poppins-medium-webfont.svg#poppinsmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppinslight';
  src: url("../fonts/poppins/poppins-light-webfont.eot");
  src: url("../fonts/poppins/poppins-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-light-webfont.woff2") format("woff2"), url("../fonts/poppins/poppins-light-webfont.woff") format("woff"), url("../fonts/poppins/poppins-light-webfont.ttf") format("truetype"), url("../fonts/poppins/poppins-light-webfont.svg#poppinslight") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
* Weber Webfont
*/
@font-face {
  font-family: 'Weber';
  src: url("../fonts/weber/Weber-Bold.eot");
  src: url("../fonts/weber/Weber-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/weber/Weber-Bold.woff2") format("woff2"), url("../fonts/weber/Weber-Bold.woff") format("woff"), url("../fonts/weber/Weber-Bold.ttf") format("truetype"), url("../fonts/weber/Weber-Bold.svg#../fonts/weber/Weber-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Weber';
  src: url("../fonts/weber/Weber-Medium.eot");
  src: url("../fonts/weber/Weber-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/weber/Weber-Medium.woff2") format("woff2"), url("../fonts/weber/Weber-Medium.woff") format("woff"), url("../fonts/weber/Weber-Medium.ttf") format("truetype"), url("../fonts/weber/Weber-Medium.svg#../fonts/weber/Weber-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Weber';
  src: url("../fonts/weber/Weber-Light.eot");
  src: url("../fonts/weber/Weber-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/weber/Weber-Light.woff2") format("woff2"), url("../fonts/weber/Weber-Light.woff") format("woff"), url("../fonts/weber/Weber-Light.ttf") format("truetype"), url("../fonts/weber/Weber-Light.svg#../fonts/weber/Weber-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Weber Brush';
  src: url("../fonts/weber/WeberBrush-Regular.eot");
  src: url("../fonts/weber/WeberBrush-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/weber/WeberBrush-Regular.woff2") format("woff2"), url("../fonts/weber/WeberBrush-Regular.woff") format("woff"), url("../fonts/weber/WeberBrush-Regular.ttf") format("truetype"), url("../fonts/weber/WeberBrush-Regular.svg#WeberBrush-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Weber';
  src: url("../fonts/weber/Weber-Regular.eot");
  src: url("../fonts/weber/Weber-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/weber/Weber-Regular.woff2") format("woff2"), url("../fonts/weber/Weber-Regular.woff") format("woff"), url("../fonts/weber/Weber-Regular.ttf") format("truetype"), url("../fonts/weber/Weber-Regular.svg#../fonts/weber/Weber-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  line-height: 140%;
}

h1, h2, h3, h4, h5, h6 {
  color: #000000;
  margin: 0;
  line-height: 140%;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}

h1, .h1-like {
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  h1, .h1-like {
    font-size: 20px;
  }
}

h2, .h2-like {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  h2, .h2-like {
    font-size: 18px;
  }
}

h3, .h3-like {
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  h3, .h3-like {
    font-size: 16px;
  }
}

h4, .h4-like {
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  h4, .h4-like {
    font-size: 14px;
  }
}

h5, .h5-like {
  font-size: 14px;
}

h6, .h6-like {
  font-size: 14px;
}

/*-----------------------------------------------------------------------------------------------------
    [helpers]

-------------------------------------------------------------------------------------------------------*/
.clear {
  clear: both;
}

.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

@media only screen and (max-width: 767px) {
  .desktop-only {
    display: none !important;
  }
}

.mobile-only {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .mobile-only {
    display: block !important;
  }
}

/*
* Spacing : Margin & padding
* Default $spacing : 10px;
* 10px to 50px every 10px
* Edit : Change global '$spacing' in helpers/_variables
*/
.u-mt0 {
  margin-top: 0px !important;
}

.u-mr0 {
  margin-right: 0px !important;
}

.u-mb0 {
  margin-bottom: 0px !important;
}

.u-ml0 {
  margin-left: 0px !important;
}

.u-pt0 {
  padding-top: 0px !important;
}

.u-pr0 {
  padding-right: 0px !important;
}

.u-pb0 {
  padding-bottom: 0px !important;
}

.u-pl0 {
  padding-left: 0px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mr10 {
  margin-right: 10px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-ml10 {
  margin-left: 10px !important;
}

.u-pt10 {
  padding-top: 10px !important;
}

.u-pr10 {
  padding-right: 10px !important;
}

.u-pb10 {
  padding-bottom: 10px !important;
}

.u-pl10 {
  padding-left: 10px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-pt20 {
  padding-top: 20px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mr30 {
  margin-right: 30px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-ml30 {
  margin-left: 30px !important;
}

.u-pt30 {
  padding-top: 30px !important;
}

.u-pr30 {
  padding-right: 30px !important;
}

.u-pb30 {
  padding-bottom: 30px !important;
}

.u-pl30 {
  padding-left: 30px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-pt40 {
  padding-top: 40px !important;
}

.u-pr40 {
  padding-right: 40px !important;
}

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-pl40 {
  padding-left: 40px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mr50 {
  margin-right: 50px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-ml50 {
  margin-left: 50px !important;
}

.u-pt50 {
  padding-top: 50px !important;
}

.u-pr50 {
  padding-right: 50px !important;
}

.u-pb50 {
  padding-bottom: 50px !important;
}

.u-pl50 {
  padding-left: 50px !important;
}

.u-text-left {
  text-align: left;
}

.u-text-right {
  text-align: right;
}

.u-text-center {
  text-align: center;
}

/*-----------------------------------------------------------------------------------------------------
    [Grid]

    A grid with NEAT
    DOC : http://thoughtbot.github.io/neat-docs/latest/

-------------------------------------------------------------------------------------------------------*/
.container {
  padding: 0 10px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

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

.row {
  display: block;
}

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

.omega {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .grid_1 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 6.55904%;
  }
  .grid_1:last-child {
    margin-right: 0;
  }
  .grid_2 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 15.05367%;
  }
  .grid_2:last-child {
    margin-right: 0;
  }
  .grid_3 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 23.5483%;
  }
  .grid_3:last-child {
    margin-right: 0;
  }
  .grid_4 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 32.04294%;
  }
  .grid_4:last-child {
    margin-right: 0;
  }
  .grid_5 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 40.53757%;
  }
  .grid_5:last-child {
    margin-right: 0;
  }
  .grid_6 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 49.0322%;
  }
  .grid_6:last-child {
    margin-right: 0;
  }
  .grid_7 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 57.52684%;
  }
  .grid_7:last-child {
    margin-right: 0;
  }
  .grid_8 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 66.02147%;
  }
  .grid_8:last-child {
    margin-right: 0;
  }
  .grid_9 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 74.5161%;
  }
  .grid_9:last-child {
    margin-right: 0;
  }
  .grid_10 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 83.01073%;
  }
  .grid_10:last-child {
    margin-right: 0;
  }
  .grid_11 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 91.50537%;
  }
  .grid_11:last-child {
    margin-right: 0;
  }
  .grid_12 {
    float: left;
    display: block;
    margin-right: 1.9356%;
    width: 100%;
  }
  .grid_12:last-child {
    margin-right: 0;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [commons]

-------------------------------------------------------------------------------------------------------*/
* {
  box-sizing: border-box;
}

/*
::-webkit-selection { background : #ccc; }
::-moz-selection { background : #ccc; }
::selection { background : #ccc; }
*/
body {
  background: #F8F8F8;
  padding-top: 220px;
}

@media only screen and (max-width: 767px) {
  body {
    padding-top: 103px;
  }
}

body.page-login,
body.page-catalogue {
  padding-top: 0;
}

@media only screen and (max-width: 767px) {
  body.page-catalogue {
    padding-top: 103px;
  }
}

body.home--weber {
  font-family: Weber, sans-serif;
}

@media only screen and (max-width: 767px) {
  body.has-header-alt {
    padding-top: 166px;
  }
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  color: #333;
  /*text-decoration: underline; */
}

ul li,
ol li {
  list-style: none;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
}

@media only screen and (max-width: 767px) {
  img {
    width: 100%;
    max-width: 100%;
  }
}

blockquote {
  color: #000000;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  line-height: 170%;
}

blockquote p:before {
  content: " “ ";
  color: #F2F2F2;
}

blockquote p:after {
  content: " ” ";
  color: #F2F2F2;
}

hr {
  background: #F2F2F2;
  border: none;
  height: 1px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table th {
  border: 1px solid gray;
  padding: 0.2em;
  text-align: left;
}

table td {
  border: 1px solid gray;
  padding: 0.2em;
}

.txtleft {
  text-align: left;
}

.txtright {
  text-align: right;
}

.txtcenter {
  text-align: center;
}

.hidden {
  visibility: hidden;
}

/*-----------------------------------------------------------------------------------------------------
    [animations]
-------------------------------------------------------------------------------------------------------*/
.animated {
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}

@-webkit-keyframes scaleUp {
  0 {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes scaleUp {
  0 {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*-----------------------------------------------------------------------------------------------------
    [Buttons]


    + Primary
    + Secondary

-------------------------------------------------------------------------------------------------------*/
button:focus {
  outline: 0;
}

.primary-btn,
.secondary-btn {
  display: inline-block;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

/* === Primary === */
.primary-btn {
  height: 38px;
  text-align: center;
  background: #99CC00;
  color: #FFF;
  padding: 10px 30px 0 30px;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 500;
  border-radius: 40px;
  position: relative;
  text-transform: uppercase;
}

.primary-btn:hover {
  color: #FFF;
  background: #89B700;
}

.primary-btn.btn-icon {
  padding-left: 50px;
}

.primary-btn.btn-icon [class*="icon-"] {
  color: #FFF;
  font-size: 30px;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
}

.primary-btn.grey {
  background: #CCC;
  color: #000000;
}

.primary-btn:disabled {
  cursor: default;
  background: #d6d6d6;
}

button.primary-btn {
  border: none;
  padding-top: 0;
}

/* === Secondary === */
.secondary-btn {
  min-height: 32px;
  text-align: center;
  background: #000000;
  color: #FFF;
  padding: 10px 20px 0 20px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  border-radius: 40px;
  position: relative;
  text-transform: uppercase;
  border: none;
  -webkit-transition: all 0.15s;
          transition: all 0.15s;
}

.secondary-btn:hover {
  opacity: 0.8;
}

.secondary-btn.outline {
  background: #FFF;
  color: #000;
  border: 1px solid #000;
}

.secondary-btn.yellow {
  background: #FFE500;
  color: #000;
}

.secondary-btn.lg-btn {
  min-height: 50px;
  font-size: 26px;
  text-transform: uppercase;
  width: 100%;
  cursor: pointer;
}

/* === Arrow btn === */
.btn-icon {
  text-align: center;
  background: none;
  border: none;
  font-family: "Poppins", sans-serif;
  cursor: pointer;
}

.btn-icon .btn-icon__icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #111;
  border-radius: 25px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

@media only screen and (max-width: 960px) {
  .btn-icon .btn-icon__icon {
    width: 30px;
    height: 30px;
  }
}

.btn-icon .btn-icon__icon i {
  color: #FFF;
  font-size: 36px;
}

@media only screen and (max-width: 960px) {
  .btn-icon .btn-icon__icon i {
    font-size: 22px;
  }
}

.btn-icon .btn-icon__label {
  text-align: center;
  display: block;
  font-size: 16px;
}

@media only screen and (max-width: 960px) {
  .btn-icon .btn-icon__label {
    font-size: 11px;
  }
}

.btn-icon:hover .btn-icon__icon,
.btn-icon:focus .btn-icon__icon {
  background: #666;
}

.btn-icon.page-back {
  display: inline-block;
  text-align: left;
  margin-top: 30px;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
}

@media only screen and (max-width: 960px) {
  .btn-icon.page-back {
    font-size: 14px;
    margin-top: 10px;
  }
}

/* === Arrow btn === */
.arrow-btn {
  color: #6F6F6F;
  position: relative;
  display: inline-block;
}

.arrow-btn:hover span {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

.arrow-btn span {
  display: inline-block;
  width: 21px;
  height: 21px;
  text-align: center;
  border: 1px solid #DBDBDB;
  border-radius: 20px;
  margin-left: 8px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.arrow-btn span [class*="icon-"] {
  color: #B00834;
  position: relative;
  left: 1px;
  top: 1px;
}

.arrow-btn span [class*="icon-arrow-down"] {
  left: 0px;
  top: 2px;
}

.arrow-btn.big {
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #000000;
}

.arrow-btn.medium {
  color: #B00834;
  font-family: "Poppins",sans-serif;
  font-weight: 500;
  font-size: 15px;
}

/* === Back Btn === */
.back-btn {
  color: #6F6F6F;
  height: 50px;
  display: inline-block;
  padding: 15px 30px 0 30px;
}

.back-btn [class*="icon"] {
  position: relative;
  top: 1px;
}

/*
* back top
*/
.back-top,
.see-more {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 20;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 75px;
  width: 75px;
  border-radius: 75px;
  background: rgba(0, 0, 0, 0.6);
}

.back-top [class*="icon-"],
.see-more [class*="icon-"] {
  font-size: 20px;
  position: absolute;
  color: #FFF;
}

.back-top .top,
.see-more .top {
  top: 5px;
}

.back-top .bottom,
.see-more .bottom {
  bottom: 5px;
}

.back-top span,
.see-more span {
  text-transform: uppercase;
  font-size: 12px;
  color: #FFF;
}

.back-top:hover,
.see-more:hover {
  opacity: 0.8;
}

.back-top.is-active,
.see-more.is-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.see-more {
  display: none;
  background: rgba(225, 0, 27, 0.6);
}

.see-more.is-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* === Open Menu ===*/
.open-menu {
  display: none;
  background: none;
  border: none;
  width: 45px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  color: #8B8A8E;
}

.open-menu [class*="icon-"] {
  font-size: 33px;
}

@media only screen and (max-width: 767px) {
  .open-menu {
    display: block;
  }
}

.close-menu {
  display: none;
  background: none;
  border: none;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  right: -45px;
  cursor: pointer;
  color: #FFF;
}

.close-menu [class*="icon-"] {
  font-size: 33px;
}

@media only screen and (max-width: 767px) {
  .close-menu {
    display: block;
  }
}

.btn-favorite {
  display: block;
  width: 35px;
  height: 35px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.btn-favorite.full {
  width: auto;
  color: #6F6F6F;
}

.btn-favorite [class*="icon-"] {
  color: #DBDBDB;
  font-size: 24px;
  position: relative;
  top: 5px;
}

.btn-favorite.hover [class*="icon-"] {
  color: #B00834;
}

.btn-favorite.active {
  -webkit-animation-name: grow;
          animation-name: grow;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

.btn-favorite.active [class*="icon-"] {
  color: #B00834;
}

@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes grow {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*-----------------------------------------------------------------------------------------------------
    [Forms]

    + Basics
        _Error

    + Custom select
    + Custom Checkbox & Radio

-------------------------------------------------------------------------------------------------------*/
/* Basics
-------------------------------------------------------------------------------------------------------*/
form p {
  margin-bottom: 15px;
}

form label {
  color: #6F6F6F;
  display: block;
  margin-bottom: 10px;
}

button,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
}

form input[type="text"],
form input[type="email"],
form input[type="date"],
form input[type="password"],
form textarea,
form select {
  border: 1px solid #DBDBDB;
  background: #FFF;
  padding: 0 10px;
  width: 280px;
  height: 34px;
  color: #6F6F6F;
  -webkit-border-radius: 0;
  -webkit-appearance: none !important;
}

form .half-size input[type="text"],
form .half-size input[type="email"],
form .half-size input[type="date"],
form .half-size input[type="password"],
form .half-size textarea,
form .half-size select {
  width: 140px;
}

form select[multiple="multiple"] {
  height: auto;
}

form input[type="radio"],
form input[type="checkbox"] {
  margin: 0 5px 0 0;
}

form input:disabled {
  background: #F2F2F2;
  box-shadow: none;
  font-style: italic;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="date"]:focus,
form input[type="password"]:focus,
form textarea:focus,
form select:focus {
  border: 1px solid #888888;
  outline: 0;
}

form textarea {
  padding: 10px;
  height: 150px;
  width: 100%;
  vertical-align: top;
}

form button,
form input[type="submit"] {
  padding-top: 0 !important;
  cursor: pointer;
}

/* === Error & Alert === */
form .error-field label {
  color: #FF4160;
}

form .error-field input[type="text"],
form .error-field input[type="email"],
form .error-field input[type="date"],
form .error-field input[type="password"],
form .error-field textarea,
form .error-field select,
form .error-field .customSelect {
  border: 1px solid #FF4160;
}

form .error-info {
  background: #FF4160;
  font-weight: 600;
  font-style: italic;
  color: #FFF;
  position: relative;
  padding: 10px;
  display: block;
  font-size: 14px;
  margin: 10px 0 0px 0;
  max-width: 470px;
}

form .valid-field input[type="text"],
form .valid-field input[type="email"],
form .valid-field input[type="date"],
form .valid-field input[type="password"],
form .valid-field textarea,
form .valid-field select,
form .valid-field .customSelect {
  border: 1px solid #0047BB;
}

/*
* New form style
*/
.form.form--centered {
  text-align: center;
}

.form .form__fieldset {
  margin-bottom: 20px;
}

.form .form__legend {
  width: 100%;
  margin-bottom: 20px;
  font-size: 20px;
}

.form .form__field {
  text-align: left;
  margin-bottom: 15px;
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
}

.form .form__field a {
  line-height: 120%;
  text-decoration: underline;
  margin-bottom: 0;
}

.form .form__field a:hover {
  color: #6F6F6F;
}

.form .form__field label {
  line-height: 120%;
}

.form .form__field .custom-checkbox {
  margin-bottom: 0;
  position: relative;
  top: -1px;
}

.form .form__field .custom-checkbox label {
  margin-bottom: 0;
  color: #000;
}

.form .form__field--radio label {
  display: inline;
  color: #000;
}

.form .form__field--radio .form__radio {
  display: inline;
  margin-left: 20px;
}

@media only screen and (max-width: 450px) {
  .form .form__field--radio.form__field--label-inline .form__label {
    display: block;
    margin-bottom: 10px;
  }
  .form .form__field--radio.form__field--label-inline span {
    display: inline-block;
  }
}

.form .form__field--select .custom-select {
  height: 50px;
  border: 1px solid #111111;
  border-radius: 4px;
  width: 100%;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #111111;
  padding: 0;
}

.form .form__field--select .custom-select:after {
  font-size: 24px;
  margin-top: -12px;
}

.form .form__field--select .custom-select select {
  background: none;
  height: 50px;
  color: #111111;
  font-family: "Poppins", sans-serif;
}

.form .form__field--select .custom-select select option {
  color: #111111;
}

.form .form__field--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.form .form__field--flex > * {
  margin-bottom: 10px;
}

.form .form__field--flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form .form__field--flex-center > * {
  margin: 0 10px;
}

.form .form__field--help {
  padding-right: 60px;
  padding-left: 60px;
  position: relative;
}

@media only screen and (max-width: 960px) {
  .form .form__field--help {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.form .form__field--help .form__help {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .form .form__field--help .form__help {
    right: -20px;
  }
}

.form .form__field--help .form__help img {
  width: 50px;
}

@media only screen and (max-width: 960px) {
  .form .form__field--help .form__help img {
    width: 30px;
  }
}

.form .form__field--help .form__help:hover {
  opacity: 0.8;
}

.form .form__label {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #111111;
  display: block;
}

.form .form__input {
  height: 50px;
  border: 1px solid #111111;
  border-radius: 4px;
  width: 100%;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #111111;
  padding: 0 10px;
}

.form .input__icon {
  position: relative;
}

.form .input__icon [class*="icon-"] {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 30px;
  color: #111;
}

.form .input__icon .form__input {
  padding-left: 45px;
}

.form .form__field--label-inline .form__label {
  position: relative;
  display: inline-block;
  z-index: 9;
  background: #FFF;
  padding: 0 5px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0;
}

.form .form__field--label-inline .form__input,
.form .form__field--label-inline .form__select {
  margin-top: -10px;
}

.form .form__field--label-inline .input__icon [class*="icon-"] {
  top: -webkit-calc(50% - 5px);
  top: calc(50% - 5px);
}

.form .form__field--error .form__label {
  color: #B21926;
}

.form .form__field--error .form__input {
  border-color: #B21926;
}

.form .form__field--error .form__select {
  border-color: #B21926;
}

.form .form__field--error .form__select:after {
  color: #B21926;
}

.form .form__msg {
  font-size: 12px;
  margin-bottom: 5px;
  text-align: left;
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
}

.form .form__msg a {
  text-decoration: underline;
}

.form .form__msg--error {
  color: #B21926;
}

.form .form__msg--error a {
  color: #B21926;
}

/* Custom select pointer
/* DOC : Filament Group | Doc : https://github.com/filamentgroup/select-css/
-------------------------------------------------------------------------------------------------------*/
.custom-select {
  position: relative;
  display: block;
  border: 1px solid #DBDBDB;
  border-radius: 8px;
  overflow: hidden;
}

.custom-select {
  width: 280px;
}

.half-size .custom-select {
  width: 140px;
}

.custom-select select {
  width: 100%;
  margin: 0;
  background: #F8F8F8;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 1em;
  padding-right: 30px;
  text-overflow: ellipsis;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:after {
  content: "\e90e";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  font-size: 14px;
  /*background-image:  url('../img/custom-select-pointer.png');
  background-repeat: no-repeat;
  background-size: 100%;*/
  z-index: 2;
  pointer-events: none;
}

.custom-select:hover {
  border-color: #888888;
}

.custom-select select:focus {
  outline: none;
  /*border-color: $grey-darker;*/
  border-color: #F8F8F8;
}

.custom-select option {
  font-weight: normal;
}

/* START OF UGLY BROWSER-SPECIFIC HACKS */
x:-o-prefocus, .custom-select::after {
  display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none;
  }
  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}

@-moz-document url-prefix() {
  .custom-select {
    overflow: hidden;
  }
  .custom-select select {
    width: 120%;
    width: calc(100% + em);
    padding-right: 60px;
  }
}

.custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* Custom Checkbox & Radio
/* DOC : http://www.creativejuiz.fr/blog/tutoriels/personnaliser-aspect-boutons-radio-checkbox-css
-------------------------------------------------------------------------------------------------------*/
form .custom-checkbox,
form .custom-radio {
  line-height: 100%;
}

form .custom-checkbox input {
  margin: 0;
}

form .custom-radio input + label {
  margin-right: 20px;
  padding-top: 4px;
}

form .custom-checkbox input[type="checkbox"]:not(:checked),
form .custom-checkbox input[type="checkbox"]:checked,
form .custom-radio input[type="radio"]:not(:checked),
form .custom-radio input[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}

form .custom-checkbox input[type="checkbox"]:not(:checked) + label,
form .custom-checkbox input[type="checkbox"]:checked + label,
form .custom-radio input[type="radio"]:not(:checked) + label,
form .custom-radio input[type="radio"]:checked + label {
  position: relative;
  padding-left: 30px;
  padding-top: 3px;
  cursor: pointer;
}

form .custom-checkbox input[type="checkbox"]:checked + label {
  color: #000;
}

form .custom-checkbox label {
  margin-bottom: 10px;
}

form .custom-checkbox input[type="checkbox"]:not(:checked) + label:before,
form .custom-checkbox input[type="checkbox"]:checked + label:before,
form .custom-radio input[type="radio"]:not(:checked) + label:before,
form .custom-radio input[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 1px;
  top: 3px;
  width: 20px;
  height: 20px;
  border: 1px solid #CDCDCD;
  background: #FFF;
}

form .custom-checkbox input[type="checkbox"]:not(:checked) + label:before,
form .custom-checkbox input[type="checkbox"]:checked + label:before {
  top: 0px;
}

form .custom-radio input[type="radio"]:not(:checked) + label:before,
form .custom-radio input[type="radio"]:checked + label:before {
  border-radius: 20px;
}

form .custom-checkbox input[type="checkbox"]:checked + label:before,
form .custom-radio input[type="radio"]:checked + label:before {
  border: 1px solid #B00834;
  background: #B00834;
}

form .custom-checkbox input[type="checkbox"]:not(:checked) + label:after,
form .custom-checkbox input[type="checkbox"]:checked + label:after,
form .custom-radio input[type="radio"]:not(:checked) + label:after,
form .custom-radio input[type="radio"]:checked + label:after {
  content: '\e806';
  position: absolute;
  top: 0px;
  left: 3px;
  font-size: 18px;
  color: #FFF;
  /*@include transition();*/
}

form .custom-radio input[type="radio"]:not(:checked) + label:after,
form .custom-radio input[type="radio"]:checked + label:after {
  content: '';
  top: 8px;
  left: 6px;
  width: 8px;
  height: 8px;
  background: #4B4A4D;
}

form .custom-checkbox input[type="checkbox"]:not(:checked) + label:after,
form .custom-radio input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

form .custom-checkbox input[type="checkbox"]:checked + label:after,
form .custom-radio input[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

form .custom-checkbox input[type="checkbox"]:disabled:not(:checked) + label:before,
form input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

form .custom-checkbox input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

form .custom-checkbox input[type="checkbox"]:disabled + label {
  color: #aaa;
}

/*
* Dark theme
*/
form .custom-checkbox.custom-checkbox--light input[type="checkbox"]:checked:focus + label:before,
form .custom-checkbox.custom-checkbox--light input[type="checkbox"]:not(:checked):focus + label:before {
  /*border: 1px dotted blue; */
}

form .custom-checkbox.custom-checkbox--light input[type="checkbox"]:checked + label:before {
  border: 1px solid #000;
  background: #FFF;
}

form .custom-checkbox.custom-checkbox--light input[type="checkbox"]:not(:checked) + label:after,
form .custom-checkbox.custom-checkbox--light input[type="checkbox"]:checked + label:after {
  color: #000;
}

/*-----------------------------------------------------------------------------------------------------
    [form-content]


-------------------------------------------------------------------------------------------------------*/
.form-content {
  margin-bottom: 20px;
}

.form-content h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .form-content h3 {
    font-size: 15px;
  }
}

.form-content h3.small {
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .form-content h3.small {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .form-content h3.expand-btn {
    margin-bottom: 0;
    padding: 15px 0;
    margin: 0 20px;
    font-size: 19px;
  }
  .form-content h3.expand-btn.expanded {
    border-bottom: 1px solid #DBDBDB;
  }
}

.form-content p {
  overflow: hidden;
  font-size: 13px;
}

@media only screen and (max-width: 767px) {
  .form-content p {
    margin: 0 5px 20px 5px;
  }
}

.form-content p:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.form-content p label {
  float: left;
  width: 220px;
  margin-right: 20px;
  text-align: right;
  padding-top: 8px;
  height: 38px;
}

@media only screen and (max-width: 960px) {
  .form-content p label {
    width: 30%;
    padding-top: 8px;
    line-height: 110%;
  }
}

@media only screen and (max-width: 767px) {
  .form-content p label {
    float: none;
    width: auto;
    height: auto;
    padding-top: 0;
    text-align: left;
    margin: 0 0 5px 0;
    font-size: 13px;
  }
}

.form-content p label.double {
  padding-top: 0;
}

@media only screen and (max-width: 767px) {
  .form-content p.text-field label {
    display: inline-block;
  }
}

.form-content p.text-field span {
  padding-top: 8px;
  font-weight: bold;
  display: block;
}

@media only screen and (max-width: 767px) {
  .form-content p.text-field span {
    padding-top: 0;
    display: inline-block;
  }
}

@media only screen and (max-width: 960px) {
  .form-content p.half-size .custom-select {
    width: 30%;
  }
  .form-content p.half-size .custom-select select {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .form-content p.half-size .custom-select {
    width: 100%;
  }
  .form-content p.half-size .custom-select select {
    width: 100%;
  }
}

.form-content p.no-label {
  padding-left: 240px;
}

@media only screen and (max-width: 960px) {
  .form-content p.no-label {
    padding-left: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .form-content p.no-label {
    padding-left: 0;
  }
}

.form-content p.no-label label {
  padding: 2px 0 0 6px;
  text-align: left;
  width: auto;
  float: none;
  margin: 0;
  min-height: 20px;
  color: #6F6F6F;
}

.form-content p.no-label label a {
  color: #6F6F6F;
  text-decoration: underline;
}

.form-content p.custom-checkbox input[type="checkbox"] + label:before {
  top: 0;
}

.form-content p.custom-checkbox input[type="checkbox"]:not(:checked) + label:before,
.form-content p.custom-checkbox input[type="checkbox"]:checked + label:before {
  width: 16px;
  height: 16px;
}

.form-content p.custom-checkbox input[type="checkbox"]:not(:checked) + label:after,
.form-content p.custom-checkbox input[type="checkbox"]:checked + label:after {
  top: -1px;
  left: 2px;
  font-size: 14px;
}

.form-content .submit-field {
  padding-left: 240px;
}

@media only screen and (max-width: 960px) {
  .form-content .submit-field {
    padding-left: 0;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .form-content .submit-field {
    width: 100%;
  }
}

.form-content .divider {
  margin: 40px 0 40px 0;
  background: #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .form-content .divider {
    margin: 20px 0;
  }
}

.form-content .required {
  display: block;
  text-align: center;
  font-size: 13px;
  color: #6F6F6F;
}

@media only screen and (max-width: 960px) {
  .form-content input[type="text"],
  .form-content input[type="email"],
  .form-content input[type="date"],
  .form-content input[type="password"],
  .form-content textarea,
  .form-content .custom-select {
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .form-content input[type="text"],
  .form-content input[type="email"],
  .form-content input[type="date"],
  .form-content input[type="password"],
  .form-content textarea,
  .form-content .custom-select {
    width: 100%;
    max-width: 268px;
  }
}

@media only screen and (max-width: 767px) {
  .form-content .submit-field {
    text-align: left;
  }
}

.form-content .submit-field input[type="submit"],
.form-content .submit-field button {
  border: none;
  height: 38px;
  text-align: center;
  background: #000;
  color: #FFF;
  padding: 0 30px 0 30px;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 500;
  border-radius: 40px;
  position: relative;
  text-transform: uppercase;
  width: 320px;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}

@media only screen and (max-width: 767px) {
  .form-content .submit-field input[type="submit"],
  .form-content .submit-field button {
    width: 100%;
    max-width: 268px;
    font-size: 14px;
    padding: 0 10px;
  }
}

.form-content .submit-field input[type="submit"]:hover,
.form-content .submit-field button:hover {
  opacity: 0.8;
}

.field--from-to {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

.field--from-to span {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
}

.field--from-to span.first {
  padding-left: 0;
}

.field--from-to span.last {
  padding-right: 0;
}

.field--from-to input[type="text"] {
  display: table-cell;
  width: 100%;
}

/*-----------------------------------------------------------------------------------------------------
    [form-login]

-------------------------------------------------------------------------------------------------------*/
.form-login {
  text-align: center;
}

.form-login h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 120%;
  letter-spacing: 2px;
}

.form-login p {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .form-login p input {
    width: 100%;
    max-width: 268px;
  }
}

.form-login p .field-info {
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -13px;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .form-login p .field-info {
    display: none;
  }
}

.form-login p .field-info [class*="icon-"] {
  font-size: 24px;
  color: #DBDBDB;
}

.form-login input[type="submit"] {
  margin-top: 5px;
  border: none;
  height: 38px;
  text-align: center;
  background: #000;
  color: #FFF;
  padding: 0 48px;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 500;
  border-radius: 40px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}

.form-login input[type="submit"]:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 767px) {
  .form-login input[type="submit"] {
    width: 100%;
    max-width: 268px;
  }
}

.form-login a {
  color: #6F6F6F;
  text-decoration: underline;
  margin-top: 10px;
}

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

[class^="icon-"],
[class*=" icon-"],
.custom-select:after,
form .custom-checkbox input[type="checkbox"]:not(:checked) + label:after,
form .custom-checkbox input[type="checkbox"]:checked + label:after,
form .custom-radio input[type="radio"]:not(:checked) + label:after,
form .custom-radio input[type="radio"]:checked + label:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-avatar:before {
  content: "\e800";
}

.icon-arrow-down:before {
  content: "\e801";
}

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

.icon-arrow-right:before, .benefit__list li:before {
  content: "\e803";
}

.icon-arrow-up:before {
  content: "\e804";
}

.icon-bubble:before {
  content: "\e805";
}

.icon-check:before {
  content: "\e806";
}

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

.icon-email:before {
  content: "\e807";
}

.icon-infos:before {
  content: "\e808";
}

.icon-lock:before {
  content: "\e809";
}

.icon-phone:before {
  content: "\e80a";
}

.icon-gift:before {
  content: "\e80b";
}

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

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

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

.icon-cross:before {
  content: "\e904";
}

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

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

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

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

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

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

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

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

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

.icon-arrow-down-02:before {
  content: "\e90e";
}

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

.icon-plus:before {
  content: "\e910";
}

.icon-heart-border:before {
  content: "\e911";
}

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

.icon-heart-break:before {
  content: "\e913";
}

.icon-timer:before {
  content: "\e914";
}

.icon-calendar:before {
  content: "\e915";
}

.icon-cart:before {
  content: "\e916";
}

.icon-telecharger:before {
  content: "\e9c7";
}

.icon-supprimer:before {
  content: "\e9ac";
}



/*-----------------------------------------------------------------------------------------------------
    [breadcrumb]

-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------
    [pagination]

-------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .pagination {
    text-align: center;
  }
}

.pagination li {
  float: left;
  width: 30px;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  .pagination li {
    float: none;
    display: inline-block;
  }
}

.pagination li a {
  color: #6F6F6F;
  font-size: 14px;
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  padding-top: 6px;
}

.pagination li a:hover {
  color: #000000;
}

.pagination li.current {
  color: #000000;
  text-align: center;
  padding-top: 6px;
}

.pagination li.next a,
.pagination li.previous a {
  padding-top: 6px;
}

.pagination li.next a [class*="icon-"],
.pagination li.previous a [class*="icon-"] {
  font-size: 16px;
}

.pagination-alt {
  position: relative;
  padding-left: 33px;
  padding-right: 33px;
}

.pagination-alt button {
  height: 34px;
  width: 34px;
  border: 1px solid #DBDBDB;
  cursor: pointer;
  background-color: #FFF;
  position: absolute;
  top: 0;
}

.pagination-alt button [class*="icon-"] {
  position: relative;
  top: 2px;
}

.pagination-alt .previous {
  left: 0;
  border-radius: 8px 0 0 8px;
}

.pagination-alt .next {
  right: 0;
  border-radius: 0 8px 8px 0;
}

.pagination-alt .custom-select {
  width: 100%;
  border: 1px solid #DBDBDB;
  border-radius: 0;
  height: 34px;
  background-color: #FFF;
}

.pagination-alt .custom-select select {
  padding-left: 10px;
  height: 100%;
  background-color: #FFF;
}

/*-----------------------------------------------------------------------------------------------------
    [progress-bar]

-------------------------------------------------------------------------------------------------------*/
.progress-bar.line {
  width: 100%;
  height: 14px;
  background: #DBDBDB;
  border: 1px solid #FFF;
  display: block;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.progress-bar.line .bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 0;
  background: #FFCC00;
  border-radius: 8px 0 0 8px;
  z-index: 9;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.progress-bar.line .bar.pending {
  z-index: 8;
  background: #FF8000;
}

.progress-bar.line .lvl {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 100%;
  z-index: 10;
}

.progress-bar.line .lvl span {
  position: absolute;
  top: 2px;
  display: block;
  background: #FFF;
  width: 1px;
  height: 8px;
  z-index: 10;
}

.progress-bar.circle {
  position: relative;
}

.progress-bar.circle:after,
.progress-bar.circle:before {
  content: "";
  display: block;
  width: 170px;
  height: 170px;
  border: 1px solid #EAEAEA;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 300px;
}

.progress-bar.circle:before {
  width: 160px;
  height: 160px;
  top: 5px;
  left: 5px;
}

.progress-bar.vertical-line {
  width: 8px;
  height: 100%;
  background: #e8e8e8;
  display: block;
  border-radius: 8px;
  position: relative;
}

.progress-bar.vertical-line .bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 8px;
  background: #FFCC00;
  border-radius: 8px 8px 0 0;
  z-index: 9;
}

.progress-bar.vertical-line .bar.pending {
  z-index: 8;
  background: #FF8000;
}

.progress-bar.vertical-line .lvl {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 100%;
  display: table;
  z-index: 10;
}

.progress-bar-legend {
  position: relative;
  height: 20px;
  display: block;
}

.progress-bar-legend span {
  position: absolute;
  top: 0;
  width: 50px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 10px;
  font-style: italic;
}

/*-----------------------------------------------------------------------------------------------------
    [badge]

-------------------------------------------------------------------------------------------------------*/
.badge {
  width: 75px;
  height: 75px;
  /*border: 2px solid $grey-light;
	background: $grey-light;*/
  border-radius: 100px;
  display: block;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.badge [class*="b-"] {
  background: url("../img/sprite-lvl.png") no-repeat 0 0;
  background-size: auto 150px;
  width: 75px;
  height: 75px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -37.5px 0 0 -37.5px;
}

.badge.medium {
  -webkit-transform: scale(0.625);
      -ms-transform: scale(0.625);
          transform: scale(0.625);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}

@media only screen and (max-width: 960px) {
  .badge.medium {
    -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
            transform: scale(0.4);
  }
}

.badge.small {
  -webkit-transform: scale(0.55);
      -ms-transform: scale(0.55);
          transform: scale(0.55);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}

@media only screen and (max-width: 960px) {
  .badge.small {
    -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
            transform: scale(0.4);
  }
}

/* === BADGE ===*/
.badge .b-START {
  background-position: 0px 0px;
}

.badge .b-START.locked {
  background-position: 0px -75px;
}

.badge .b-ONE {
  background-position: -75px 0px;
}

.badge .b-ONE.locked {
  background-position: -75px -75px;
}

.badge .b-PREMIUM {
  background-position: -150px 0px;
}

.badge .b-PREMIUM.locked {
  background-position: -150px -75px;
}

.badge .b-ARGENT {
  background-position: -225px 0px;
}

.badge .b-ARGENT.locked {
  background-position: -225px -75px;
}

.badge .b-BRONZE {
  background-position: -300px 0px;
}

.badge .b-BRONZE.locked {
  background-position: -300px -75px;
}

.badge .b-SILVER {
  background-position: -375px 0px;
}

.badge .b-SILVER.locked {
  background-position: -375px -75px;
}

.badge .b-VERMEIL {
  background-position: -450px 0px;
}

.badge .b-VERMEIL.locked {
  background-position: -450px -75px;
}

.badge .b-GOLD {
  background-position: -525px 0px;
}

.badge .b-GOLD.locked {
  background-position: -525px -75px;
}

.badge .b-PLATINIUM {
  background-position: -600px 0px;
}

.badge .b-PLATINIUM.locked {
  background-position: -600px -75px;
}

.badge .b-EMERAUDE {
  background-position: -675px 0px;
}

.badge .b-EMERAUDE.locked {
  background-position: -675px -75px;
}

.badge .b-PRESTIGE {
  background-position: -750px 0px;
}

.badge .b-PRESTIGE.locked {
  background-position: -750px -75px;
}

.badge .b-DIAMANT {
  background-position: -825px 0px;
}

.badge .b-DIAMANT.locked {
  background-position: -825px -75px;
}

.badge .b-EXCELLENCE {
  background-position: -900px 0px;
}

.badge .b-EXCELLENCE.locked {
  background-position: -900px -75px;
}

.badge .b-LUXE {
  background-position: -975px 0px;
}

.badge .b-LUXE.locked {
  background-position: -975px -75px;
}

.badge .b-PRIVILEGE {
  background-position: -1050px 0px;
}

.badge .b-PRIVILEGE.locked {
  background-position: -1050px -75px;
}

.badge .b-CRISTAL {
  background-position: -1125px 0px;
}

.badge .b-CRISTAL.locked {
  background-position: -1125px -75px;
}

/*-----------------------------------------------------------------------------------------------------
    [benefit]

-------------------------------------------------------------------------------------------------------*/
.benefit__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.benefit__container .benefit {
  width: 24%;
}

@media only screen and (max-width: 1200px) {
  .benefit__container .benefit {
    width: 49%;
  }
}

@media only screen and (max-width: 560px) {
  .benefit__container .benefit {
    width: 100%;
  }
}

.benefit {
  background: #8fad15;
  text-align: center;
}

@media only screen and (max-width: 560px) {
  .benefit {
    margin: 10px;
    background: #8fad15;
  }
}

.benefit__title {
  padding: 30px 0px 45px 0px;
  color: #8fad15;
  font-size: 24px;
  text-align: center;
  width: 100%;
  display: block;
  background: #FFF;
  border: none;
  position: relative;
  font-family: Weber, sans-serif;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
}

@media only screen and (max-width: 560px) {
  .benefit__title {
    padding: 10px;
    text-align: left;
    font-size: 20px;
    line-height: 120%;
    cursor: pointer;
    min-height: 0;
  }
  .benefit__title.expanded {
    color: #FFF !important;
  }
}

.benefit__title:after {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 25px;
  border-color: transparent transparent #8fad15 transparent;
}

@media only screen and (max-width: 560px) {
  .benefit__title:after {
    display: none;
  }
}

.benefit__title [class*="icon-"] {
  display: none;
}

@media only screen and (max-width: 560px) {
  .benefit__title [class*="icon-"] {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 50px;
    margin: 0;
    color: #FFF !important;
  }
}

@media only screen and (max-width: 560px) {
  .benefit__expand {
    display: none;
  }
}

.benefit__content {
  color: #FFF;
  font-size: 14px;
  padding: 20px;
}

@media only screen and (max-width: 560px) {
  .benefit__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 0;
  }
  .benefit__content p {
    padding: 10px;
    text-align: left;
  }
}

.benefit__img {
  margin: 20px -20px;
}

@media only screen and (max-width: 560px) {
  .benefit__img {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    margin: 0;
  }
}

.benefit__img img {
  width: 100%;
  max-width: none;
}

.benefit__list {
  text-align: left;
}

@media only screen and (max-width: 560px) {
  .benefit__list {
    background: #FFFFFF;
    padding: 15px 0;
  }
}

.benefit__list li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 560px) {
  .benefit__list li {
    color: #8fad15;
    font-size: 16px;
    margin-bottom: 15px;
  }
}

.benefit__list li:before {
  display: block;
  font-family: 'icomoon' !important;
  position: absolute;
  left: 0;
  top: 0px;
}

@media only screen and (max-width: 560px) {
  .benefit__list li:before {
    color: #8fad15;
  }
}

/*
* theme
*/
.benefit--green {
  background: #8fad15;
}

.benefit--green .benefit__title {
  color: #8fad15;
}

@media only screen and (max-width: 560px) {
  .benefit--green .benefit__title {
    color: #FFFFFF;
    background: #8fad15;
  }
}

.benefit--green .benefit__title:after {
  border-color: transparent transparent #8fad15 transparent;
}

@media only screen and (max-width: 560px) {
  .benefit--green .benefit__list li {
    color: #8fad15;
  }
}

@media only screen and (max-width: 560px) {
  .benefit--green .benefit__list li:before {
    color: #8fad15;
  }
}

.benefit--pink {
  background: #d0006f;
}

.benefit--pink .benefit__title {
  color: #d0006f;
}

@media only screen and (max-width: 560px) {
  .benefit--pink .benefit__title {
    color: #FFFFFF;
    background: #d0006f;
  }
}

.benefit--pink .benefit__title:after {
  border-color: transparent transparent #d0006f transparent;
}

@media only screen and (max-width: 560px) {
  .benefit--pink .benefit__list li {
    color: #d0006f;
  }
}

@media only screen and (max-width: 560px) {
  .benefit--pink .benefit__list li:before {
    color: #d0006f;
  }
}

.benefit--orange {
  background: #ff8200;
}

.benefit--orange .benefit__title {
  color: #ff8200;
}

@media only screen and (max-width: 560px) {
  .benefit--orange .benefit__title {
    color: #FFFFFF;
    background: #ff8200;
  }
}

.benefit--orange .benefit__title:after {
  border-color: transparent transparent #ff8200 transparent;
}

@media only screen and (max-width: 560px) {
  .benefit--orange .benefit__list li {
    color: #ff8200;
  }
}

@media only screen and (max-width: 560px) {
  .benefit--orange .benefit__list li:before {
    color: #ff8200;
  }
}

.benefit--blue {
  background: #00a5df;
}

.benefit--blue .benefit__title {
  color: #00a5df;
}

@media only screen and (max-width: 560px) {
  .benefit--blue .benefit__title {
    color: #FFFFFF;
    background: #00a5df;
  }
}

.benefit--blue .benefit__title:after {
  border-color: transparent transparent #00a5df transparent;
}

@media only screen and (max-width: 560px) {
  .benefit--blue .benefit__list li {
    color: #00a5df;
  }
}

@media only screen and (max-width: 560px) {
  .benefit--blue .benefit__list li:before {
    color: #00a5df;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [product]

-------------------------------------------------------------------------------------------------------*/
.product {
  position: relative;
  height: 340px;
  padding: 40px 30px 0 30px;
  text-align: center;
  display: block;
  background: #FFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-shadow: inset 0 0 0 1px #FFF;
}

@media only screen and (max-width: 767px) {
  .product {
    padding: 40px 10px 10px 10px;
    height: 280px;
  }
}

.product:before {
  content: "";
  display: block;
  width: 100%;
  height: 0px;
  background: #B00834;
  position: absolute;
  left: 0;
  bottom: -1px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 99;
}

.product .primary-btn {
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.product:hover:before {
  height: 4px;
}

.product:hover h3 {
  color: #000000;
}

.product:hover .primary-btn {
  background: #89B700;
}

.product .btn-favorite {
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 9;
}

.product .img {
  text-align: center;
  margin-bottom: 15px;
  height: 144px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .product .img {
    height: 95px;
  }
}

.product .img img {
  max-width: 100%;
  display: inline-block;
  width: 110px;
}

@media only screen and (max-width: 767px) {
  .product .img img {
    max-width: 60px;
  }
}

.product .img .status {
  margin: 7px auto 0 auto;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -15px;
}

@media only screen and (max-width: 767px) {
  .product .img .status {
    bottom: 0;
    margin-top: 0;
  }
}

.product .img .progress-bar {
  z-index: 9;
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -85px;
  width: 170px;
  -webkit-transform: translate3d(0, 0, 0);
}

.product .img .progress-bar canvas {
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .product .img .progress-bar {
    top: -60px;
    -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
            transform: scale(0.65);
  }
}

.product h3 {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color: #6F6F6F;
  margin-bottom: 10px;
  min-height: 40px;
}

@media only screen and (max-width: 767px) {
  .product h3 {
    font-size: 13px;
    max-height: 40px;
    overflow: hidden;
  }
}

.product p {
  font-size: 25px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
  .product p {
    font-size: 20px;
  }
}

.product p span {
  font-size: 13px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .product p span {
    font-size: 11px;
  }
}

.product p + p {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  margin-top: 18px;
}

@media only screen and (max-width: 767px) {
  .product p + p {
    font-size: 11px;
    line-height: 100%;
    margin-top: 20px;
  }
}

.product p.out-of-stock {
  color: #CC0000;
}

@media only screen and (max-width: 767px) {
  .product .primary-btn {
    font-size: 12px;
    height: 30px;
    padding: 6px 20px 0 20px;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [carousel]

-------------------------------------------------------------------------------------------------------*/
.owl-carousel {
  position: relative;
  /*overflow: hidden;*/
}

.owl-carousel .owl-nav {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

@media only screen and (max-width: 960px) {
  .owl-carousel .owl-nav {
    pointer-events: none;
  }
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  height: 50px;
  width: 30px;
  border-radius: 0 50px 50px 0;
  background: #999;
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: auto;
}

.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
  opacity: 0;
  visibility: hidden;
}

.owl-carousel .owl-nav .owl-prev [class*="icon-"],
.owl-carousel .owl-nav .owl-next [class*="icon-"] {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  color: #FFF;
  font-size: 24px;
}

.owl-carousel .owl-nav .owl-prev {
  left: 0;
  -webkit-transform: translateX(-5px);
      -ms-transform: translateX(-5px);
          transform: translateX(-5px);
}

.owl-carousel .owl-nav .owl-prev [class*="icon-"] {
  left: 3px;
}

.owl-carousel .owl-nav .owl-prev:hover {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
}

.owl-carousel .owl-nav .owl-next {
  right: 0;
  border-radius: 50px 0 0 50px;
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

.owl-carousel .owl-nav .owl-next [class*="icon-"] {
  right: 3px;
}

.owl-carousel .owl-nav .owl-next:hover {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
}

.owl-carousel .owl-dots {
  display: none;
  text-align: center;
  position: absolute;
  bottom: -38px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .owl-carousel .owl-dots {
    display: block;
  }
}

.owl-carousel .owl-dots .owl-dot {
  margin: 0 4px;
  display: inline-block;
}

.owl-carousel .owl-dots .owl-dot span {
  background: #DBDBDB;
  width: 15px;
  height: 15px;
  display: block;
  border-radius: 10px;
}

.owl-carousel .owl-dots .owl-dot.active span {
  background: #B00834;
}

.owl-carousel.hidden-nav .owl-nav .owl-prev {
  -webkit-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
          transform: translateX(-40px);
}

.owl-carousel.hidden-nav .owl-nav .owl-next {
  -webkit-transform: translateX(40px);
      -ms-transform: translateX(40px);
          transform: translateX(40px);
}

.owl-carousel.hidden-nav:hover .owl-prev {
  -webkit-transform: translateX(-5px);
      -ms-transform: translateX(-5px);
          transform: translateX(-5px);
}

.owl-carousel.hidden-nav:hover .owl-prev:hover {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
}

.owl-carousel.hidden-nav:hover .owl-next {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

.owl-carousel.hidden-nav:hover .owl-next:hover {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
}

.owl-carousel .product:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #DBDBDB;
  position: absolute;
  top: 0;
  right: -1px;
}

.thumb-carousel {
  margin-left: 12%;
}

.thumb-carousel li {
  float: left;
  border-bottom: 2px solid #FFF;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 5px;
}

.thumb-carousel li img {
  max-width: 50px;
}

.thumb-carousel li.active,
.thumb-carousel li:hover {
  cursor: pointer;
  border-color: #000000;
}

.owl-carousel.promo-carousel {
  margin: 40px auto 40px auto;
  max-width: 880px;
}

@media only screen and (max-width: 767px) {
  .owl-carousel.promo-carousel {
    margin-top: 0;
  }
}

.owl-carousel.promo-carousel .owl-prev,
.owl-carousel.promo-carousel .owl-next {
  background: rgba(0, 0, 0, 0.75);
}

@media only screen and (max-width: 767px) {
  .owl-carousel.promo-carousel .owl-prev,
  .owl-carousel.promo-carousel .owl-next {
    display: none;
  }
}

.owl-carousel.promo-carousel .owl-dots {
  display: block;
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 100ms;
          transition: 100ms;
}

.owl-carousel.promo-carousel:hover .owl-dots {
  opacity: 1;
  visibility: visible;
}

.owl-carousel.user-carousel {
  width: 360px;
  max-width: 100%; }
  .owl-carousel.user-carousel .user__gift {
    width: 100%;
    padding: 10px 0 0 0; }
  @media only screen and (max-width: 767px) {
    .owl-carousel.user-carousel {
      display: none; } }
  .owl-carousel.user-carousel .owl-prev,
  .owl-carousel.user-carousel .owl-next {
    position: absolute;
    top: 40%;
    background: transparent; }
    @media only screen and (max-width: 767px) {
      .owl-carousel.user-carousel .owl-prev,
      .owl-carousel.user-carousel .owl-next {
        display: none; } }
  .owl-carousel.user-carousel .owl-dots {
    display: none;
    bottom: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 100ms;
    -o-transition: 100ms;
    transition: 100ms; }
  .owl-carousel.user-carousel:hover .owl-dots {
    opacity: 1;
    visibility: visible; }
  @media only screen and (max-width: 1025px) {
    .owl-carousel.user-carousel {
      visibility: hidden;
      display: none !important;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

.owl-carousel.header-carousel {
  width: 100%; }
  .owl-carousel.header-carousel .user__gift {
    width: 100%;
    padding: 0 10px 0 10px; }
  @media only screen and (max-width: 767px) {
    .owl-carousel.header-carousel {
      display: none; } }
  .owl-carousel.header-carousel .owl-prev,
  .owl-carousel.header-carousel .owl-next {
    position: absolute;
    top: 40%;
    background: transparent; }
    .owl-carousel.header-carousel .owl-prev [class*="icon-"],
    .owl-carousel.header-carousel .owl-next [class*="icon-"] {
      display: block;
      position: absolute;
      top: 50%;
      margin-top: -12px;
      color: yellow;
      font-size: 24px; }
    @media only screen and (max-width: 767px) {
      .owl-carousel.header-carousel .owl-prev,
      .owl-carousel.header-carousel .owl-next {
        display: none; } }
  .owl-carousel.header-carousel .owl-dots {
    display: none;
    bottom: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 100ms;
    -o-transition: 100ms;
    transition: 100ms; }
  .owl-carousel.header-carousel:hover .owl-dots {
    opacity: 1;
    visibility: visible; }
  @media only screen and (max-width: 960px) {
    .owl-carousel.header-carousel {
      visibility: hidden;
      display: none;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

/*-----------------------------------------------------------------------------------------------------
    [cookies]
-------------------------------------------------------------------------------------------------------*/
.cookies {
  z-index: 99;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.cookies {
  /*position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		border-top: 1px solid $grey;*/
}

.cookies__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 40px;
  background: rgba(255, 255, 255, 0.9);
}

@media only screen and (max-width: 960px) {
  .cookies__content {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .cookies__content {
    display: block;
  }
}

.cookies__text {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding-right: 60px;
  text-align: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.cookies__text p {
  margin-bottom: 10px;
}

.cookies__text a {
  text-decoration: underline;
}

.cookies__text a:hover {
  color: #6F6F6F;
}

.cookies__button {
  background-color: #BEBEBE;
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  padding: 25px 45px;
  display: inline-block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.cookies__button.yellow {
  background: #FFE500;
  color: #000;
}

@media only screen and (max-width: 960px) {
  .cookies__button {
    font-size: 14px;
    padding: 15px 25px;
    margin-left: auto;
    margin-right: auto;
  }
}

.cookies__button:hover {
  opacity: 0.8;
}

/*-----------------------------------------------------------------------------------------------------
    [fancy-scrollbar]
-------------------------------------------------------------------------------------------------------*/
@media (min-width: 767px) {
  .fancy-scrollbar {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 300px;
    margin-right: 4px;
  }
}

@media (max-width: 767px) {
  .fancy-scrollbar {
    margin-right: 0;
  }
}

.fancy-scrollbar .fancy-scrollbar--container {
  margin-top: -5px;
}

@media (min-width: 767px) {
  .fancy-scrollbar::-webkit-scrollbar {
    width: 8px;
    position: relative;
    left: 4px;
  }
  .fancy-scrollbar::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
    -webkit-transition: 200ms;
            transition: 200ms;
  }
  .fancy-scrollbar::-webkit-scrollbar-track-piece:no-button {
    background: none;
  }
  .fancy-scrollbar::-webkit-scrollbar-thumb {
    background: #DBDBDB;
    border-radius: 4px;
  }
  .fancy-scrollbar::-webkit-scrollbar-corner {
    background: #000;
    width: 8px;
    height: 8px;
  }
}

.fancy-scrollbar:after,
.fancy-scrollbar:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  pointer-events: none;
  position: -webkit-sticky;
  position: sticky;
  -webkit-transition: 100ms;
          transition: 100ms;
  z-index: 9;
}

.fancy-scrollbar:before {
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.fancy-scrollbar:after {
  bottom: 0;
}

.fancy-scrollbar.fancy-scrollbar--inactive::-webkit-scrollbar-track {
  background: #fff;
}

.fancy-scrollbar.fancy-scrollbar--inactive:after,
.fancy-scrollbar.fancy-scrollbar--inactive:before {
  opacity: 0;
  visibility: hidden;
}

.fancy-scrollbar.fancy-scrollbar--scroll:before,
.fancy-scrollbar.fancy-scrollbar--scroll:after {
  opacity: 1;
  visibility: visible;
}

.fancy-scrollbar.fancy-scrollbar--end:after {
  opacity: 0;
  visibility: hidden;
}

/*-----------------------------------------------------------------------------------------------------
    [block-selection]

-------------------------------------------------------------------------------------------------------*/
.block-selection {
  border: 1px solid #DBDBDB;
  background: attr(data-color);
}

.block-selection .selection-img {
  position: relative;
  display: block;
  overflow: hidden;
}

.block-selection .selection-img .plus {
  position: absolute;
  bottom: -30px;
  right: -30px;
  background: #B00834;
  border: 2px solid #FFF;
  width: 60px;
  height: 60px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.block-selection .selection-img .plus [class*="icon-"] {
  color: #FFF;
  font-size: 20px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: block;
  position: absolute;
  top: 17px;
  left: 0;
}

.block-selection:hover .selection-title .arrow-btn {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

.block-selection .selection-title {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  height: 45px;
  padding: 12px 20px 0 20px;
  display: block;
  border-top: 1px solid #DBDBDB;
  background: #FFF;
}

@media only screen and (max-width: 767px) {
  .block-selection .selection-title {
    font-size: 14px;
  }
}

.block-selection .selection-title .arrow-btn {
  float: right;
  margin-top: 1px;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px solid #DBDBDB;
  border-radius: 20px;
  margin-left: 6px;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}

.block-selection .selection-title .arrow-btn [class*="icon-"] {
  font-size: 14px;
  color: #B00834;
  position: relative;
  left: 1px;
  top: 0px;
}

@media only screen and (max-width: 767px) {
  .block-selection .selection-title .arrow-btn [class*="icon-"] {
    top: 2px;
  }
}

.block-selection.main-selection {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .block-selection.main-selection {
    margin: 0 15px 15px 15px;
  }
}

.block-selection.main-selection .selection-title {
  font-size: 28px;
  font-weight: 300;
  height: 70px;
  padding: 26px 20px 0 20px;
}

@media only screen and (max-width: 767px) {
  .block-selection.main-selection .selection-title {
    font-size: 14px;
    height: 45px;
    padding: 12px 20px 0 20px;
  }
}

@media screen and (min-width: 767px) {
  .block-selection.main-selection .selection-title .arrow-btn {
    margin-top: 0px;
    font-size: 15px;
    font-weight: 500;
    width: auto;
    height: auto;
    border: none;
  }
  .block-selection.main-selection .selection-title .arrow-btn span {
    -webkit-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
  }
  .block-selection.main-selection .selection-title .arrow-btn span [class*="icon-"] {
    top: 1px;
    left: 1px;
  }
}

.block-selection.main-selection:hover .selection-title .arrow-btn {
  position: relative;
  left: 0px;
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
}

.block-selection.main-selection:hover .selection-title .arrow-btn span {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

/*-----------------------------------------------------------------------------------------------------
    [block-thumb]
-------------------------------------------------------------------------------------------------------*/
.block-thumb {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.block-thumb__plus {
  position: absolute;
  bottom: -30px;
  right: -30px;
  background: #B00834;
  border: 2px solid #FFF;
  width: 60px;
  height: 60px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.block-thumb__plus [class*="icon-"] {
  color: #FFF;
  font-size: 20px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: block;
  position: absolute;
  top: 17px;
  left: 0;
}

/*-----------------------------------------------------------------------------------------------------
    [block-thumb]
-------------------------------------------------------------------------------------------------------*/
.block-video {
  background: #FFF;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-transition: 200ms;
          transition: 200ms;
}

.block-video:hover {
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.26);
}

@media only screen and (max-width: 767px) {
  .block-video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}

.block-video__infos {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 1200px) {
  .block-video__infos {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media only screen and (max-width: 767px) {
  .block-video__infos {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 100%;
  }
}

.block-video__title {
  font-size: 34px;
  padding: 30px;
  line-height: 120%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media only screen and (max-width: 767px) {
  .block-video__title {
    padding-bottom: 0px;
  }
}

.block-video__img {
  width: 50%;
  padding-right: 10px;
}

@media only screen and (max-width: 1200px) {
  .block-video__img {
    width: auto;
    text-align: center;
  }
  .block-video__img img {
    width: auto;
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .block-video__img {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    padding-right: 0;
  }
  .block-video__img img {
    max-width: 100%;
  }
}

.block-video__btn {
  font-size: 18px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 20px 20px 30px;
}

.block-video__btn img {
  margin-left: 10px;
  width: 18px;
  height: 18px;
}

/*
* list
*/
.list-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
  margin-top: 40px;
}

@media only screen and (max-width: 1200px) {
  .list-video {
    margin-right: 10px;
    margin-left: 10px;
  }
}

.list-video li {
  width: 49%;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1200px) {
  .list-video li {
    width: 100%;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [block-level]

-------------------------------------------------------------------------------------------------------*/
.block-level a {
  border: 1px solid #DBDBDB;
  background: #FFF;
  padding: 0 30px;
  position: relative;
  height: 110px;
  display: block;
}

.block-level a:after {
  content: "";
  display: block;
  position: absolute;
  left: -100px;
  top: 50%;
  margin-top: -26px;
  width: 52px;
  height: 52px;
  background: #F8F8F8;
  z-index: 10;
}

.block-level a:hover .arrow-btn span {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

@media only screen and (max-width: 767px) {
  .block-level a {
    padding: 0;
    height: 70px;
    display: table;
    table-layout: fixed;
    width: 100%;
    border: none;
    border-bottom: 1px solid #DBDBDB;
  }
}

.block-level a .status {
  position: absolute;
  left: -100px;
  top: 50%;
  margin-top: -20px;
  z-index: 12;
}

@media only screen and (max-width: 767px) {
  .block-level a .status {
    display: none;
  }
}

.block-level a .status:after {
  /*content: "";
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				width: 52px;
				height: 52px;
				margin: -26px 0 0 -26px;
				background: #F8F8F8;*/
}

.block-level a .status.scaleUp {
  -webkit-animation: scaleUp 0.5s cubic-bezier(0, 0.47, 0.225, 1.195);
          animation: scaleUp 0.5s cubic-bezier(0, 0.47, 0.225, 1.195);
}

.block-level a .badge-content {
  float: left;
  width: 22%;
  padding: 45px 0 0 60px;
  position: relative;
}

@media only screen and (max-width: 1200px) {
  .block-level a .badge-content {
    width: 20%;
  }
}

@media only screen and (max-width: 960px) {
  .block-level a .badge-content {
    padding-left: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .block-level a .badge-content {
    width: 45%;
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0 0 0 40px;
  }
}

.block-level a .badge-content .badge {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 0;
  border-width: 4px;
}

@media only screen and (max-width: 960px) {
  .block-level a .badge-content .badge {
    margin-top: 4px;
  }
}

@media only screen and (max-width: 767px) {
  .block-level a .badge-content .badge {
    left: 0;
    margin-top: -17px;
  }
}

.block-level a .badge-content .pending {
  display: none;
}

@media only screen and (max-width: 767px) {
  .block-level a .badge-content .pending {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 20px;
    top: 35px;
    background: #FF8000;
    border: 1px solid #FFF;
    border-radius: 20px;
    text-align: center;
  }
  .block-level a .badge-content .pending [class*="icon-"] {
    color: #FFF;
    position: relative;
    font-size: 11px;
    top: -1px;
  }
}

.block-level a .badge-content p {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #CDCDCD;
}

@media only screen and (max-width: 767px) {
  .block-level a .badge-content p {
    font-size: 13px;
  }
}

.block-level a .point {
  float: left;
  width: 18%;
}

@media only screen and (max-width: 1200px) {
  .block-level a .point {
    width: 15%;
  }
}

@media only screen and (max-width: 767px) {
  .block-level a .point {
    width: 30%;
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}

.block-level a .point p {
  margin-top: 36px;
  color: #CDCDCD;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}

@media only screen and (max-width: 767px) {
  .block-level a .point p {
    margin-top: 0;
    display: inline-block;
  }
}

.block-level a .gift {
  float: left;
  width: 30%;
  margin-top: 20px;
}

@media only screen and (max-width: 1200px) {
  .block-level a .gift {
    width: 25%;
    text-align: center;
  }
}

@media only screen and (max-width: 960px) {
  .block-level a .gift {
    width: 35%;
  }
}

@media only screen and (max-width: 767px) {
  .block-level a .gift {
    display: none;
  }
}

.block-level a .gift img {
  display: inline-block;
  max-width: 70px;
  margin-right: 10px;
}

@media only screen and (max-width: 1200px) {
  .block-level a .gift img {
    margin-top: 12.5px;
    max-width: 45px;
  }
}

@media only screen and (max-width: 960px) {
  .block-level a .gift img {
    max-width: 40px;
  }
}

.block-level a .arrow-btn {
  float: right;
  width: 30%;
  margin-top: 45px;
  text-align: right;
}

@media only screen and (max-width: 1200px) {
  .block-level a .arrow-btn {
    width: 40%;
  }
}

@media only screen and (max-width: 960px) {
  .block-level a .arrow-btn {
    line-height: 120%;
    margin-top: 36px;
    width: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .block-level a .arrow-btn {
    display: none;
  }
}

.block-level a .mobile-btn {
  display: none;
}

@media only screen and (max-width: 767px) {
  .block-level a .mobile-btn {
    float: none;
    width: 25%;
    margin-top: 0;
    display: table-cell !important;
    vertical-align: middle;
    color: #6F6F6F;
    line-height: 120%;
    text-align: center;
  }
}

.block-level.unlocked .status {
  background: #F8F8F8;
}

.block-level.unlocked .badge-content p {
  color: #000000;
}

.block-level.unlocked .point p {
  color: #000000;
}

/*-----------------------------------------------------------------------------------------------------
    [point-text]

-------------------------------------------------------------------------------------------------------*/
.point-text {
  color: #CDCDCD;
  font-size: 25px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  line-height: 150%;
}

.point-text span {
  font-size: 13px;
}

.point-text.large {
  color: #000000;
  font-size: 44px;
}

@media only screen and (max-width: 767px) {
  .point-text.large {
    font-size: 21px;
  }
}

.point-text.large span {
  font-size: 28px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .point-text.large span {
    font-size: 14px;
  }
}

.point-text.medium {
  color: #000000;
  font-size: 33px;
}

.point-text.medium span {
  font-size: 18px;
  font-weight: 400;
}

.point-text.small {
  color: #000000;
  font-size: 25px;
}

@media only screen and (max-width: 767px) {
  .point-text.small {
    font-size: 20px;
  }
}

.point-text.small span {
  font-size: 13px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .point-text.small span {
    font-size: 11px;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [status-icon]

-------------------------------------------------------------------------------------------------------*/
.status {
  position: relative;
  z-index: 10;
  display: block;
  width: 30px;
  height: 30px;
  border: 2px solid #99CC00;
  text-align: center;
  border-radius: 40px;
  background: #FFF;
}

.status [class*="icon-"] {
  color: #99CC00;
  font-size: 20px;
  position: relative;
  top: 3px;
}

.status.locked {
  border: 2px solid #E5E5E5;
  background: #E5E5E5;
}

.status.locked [class*="icon-lock"] {
  color: #FFF;
}

.status.pending {
  border: 2px solid #FF8000;
  background: #FFF;
}

.status.pending [class*="icon-timer"] {
  color: #FF8000;
  font-size: 18px;
  position: relative;
  top: 4px;
}

.block-level .status.pending {
  border: 2px solid #e5e5e5;
  background: #FF8000;
}

.block-level .status.pending [class*="icon-timer"] {
  color: #FFF;
  font-size: 22px;
  position: relative;
  top: 7px;
}

/*-----------------------------------------------------------------------------------------------------
    [filter-content]

-------------------------------------------------------------------------------------------------------*/
.filter-content {
  /*visibility: hidden;
	opacity: 0;*/
  display: none;
  /*position: absolute;
	z-index: 99;
	left: -1px;
	right: -1px;
	top: 59px;
	background: #FFF;
	border: 1px solid $grey;
	border-top: none;*/
  padding: 0px 20px 20px 16px;
}

@media only screen and (max-width: 767px) {
  .filter-content {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: none;
    visibility: visible;
    opacity: 1;
    padding: 0 20px 20px 20px;
    display: none;
    border-bottom: 1px solid #DBDBDB;
  }
}

.filter-content.active {
  /*visibility: visible;
		opacity: 1;*/
}

.filter-content .divider {
  margin-top: 30px;
  background: #e8e8e8;
}

@media only screen and (max-width: 767px) {
  .filter-content .divider {
    display: none;
  }
}

.filter-content .close-content,
.filter-content .uncheck-btn {
  background: none;
  border: none;
  padding: 0;
  margin-top: 20px;
}

.filter-content .close-content {
  float: right;
  color: #6F6F6F;
}

.filter-content .close-content:hover {
  color: #000;
}

.filter-content .close-content [class*="icon-"] {
  position: relative;
  top: 1px;
  margin-left: 4px;
}

@media only screen and (max-width: 767px) {
  .filter-content .close-content {
    display: none;
  }
}

.filter-content .uncheck-btn {
  margin: 20px auto 0 auto;
  display: block;
}

.filter-content .uncheck-btn [class*="icon-"] {
  position: relative;
  top: 1px;
}

.filter-content .uncheck-btn + .close-content {
  margin-top: -40px;
}

.filter-content .search-brand {
  position: relative;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .filter-content .search-brand {
    margin: 0 0 20px 0;
    display: block;
  }
}

.filter-content .search-brand input[type="text"] {
  background: #F8F8F8;
  border: 1px solid #FFF;
  height: 36px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .filter-content .search-brand input[type="text"] {
    width: 100%;
    height: 40px;
  }
}

.filter-content .search-brand button {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  background: none;
}

.filter-content .search-brand button [class*="icon-"] {
  color: #999;
  font-size: 20px;
  top: 2px;
  position: relative;
}

.filter-content .search-brand button:hover [class*="icon-"] {
  color: #000;
}

.filter-content .see-all {
  background: none;
  border: none;
  color: #6F6F6F;
  text-decoration: underline;
}

.filter-content .see-all.active {
  display: none;
}

/*-----------------------------------------------------------------------------------------------------
    [account-sidebar]

-------------------------------------------------------------------------------------------------------*/
.account-sidebar {
  background: #FFF;
  border: 1px solid #DBDBDB;
}

.account-sidebar .avatar {
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 160px;
  overflow: hidden;
  border: 4px solid #CCC;
  margin: 30px auto 30px auto;
  position: relative;
}

.account-sidebar .avatar img {
  border-radius: 160px;
}

.account-sidebar .avatar span {
  height: 40px;
  width: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: block;
  position: absolute;
  bottom: 0;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.account-sidebar .avatar span [class*="icon-"] {
  color: #FFF;
  font-size: 36px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.account-sidebar .avatar span u {
  opacity: 0;
  visibility: hidden;
  display: block;
  text-decoration: none;
  color: #FFF;
  font-size: 13px;
  max-width: 120px;
  margin: 0 auto;
  line-height: 120%;
  -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.account-sidebar .avatar:hover span {
  height: 100%;
  padding-top: 30px;
}

.account-sidebar .avatar:hover span [class*="icon-"] {
  font-size: 60px;
}

.account-sidebar .avatar:hover span u {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.account-sidebar.faq-sidebar {
  background: none;
  border: none;
}

.account-sidebar.faq-sidebar .faq-menu {
  background: #FFF;
  border: 1px solid #DBDBDB;
  margin-bottom: 20px;
}

.account-sidebar.faq-sidebar .faq-menu li button {
  font-size: 14px;
  display: block;
  height: 60px;
  padding: 0 30px;
  border: none;
  background: none;
  width: 100%;
  border-top: 1px solid #DBDBDB;
  position: relative;
  text-align: left;
  cursor: pointer;
}

.account-sidebar.faq-sidebar .faq-menu li button [class*="icon"] {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -8px;
}

.account-sidebar.faq-sidebar .faq-menu li button.active {
  font-weight: bold;
  color: #B00834;
}

.account-sidebar.faq-sidebar .faq-menu li button.active [class*="icon"] {
  color: #B00834;
}

.account-sidebar.faq-sidebar .faq-menu li button:hover {
  background: #F2F2F2;
}

.account-sidebar.faq-sidebar .faq-menu li:first-child button {
  border: none;
}

.account-sidebar .sidebar-block {
  background: #FFF;
  border: 1px solid #DBDBDB;
  padding: 25px 35px;
}

.account-sidebar .sidebar-block .sidebar-block-title {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 400;
}

.account-sidebar .sidebar-block.sidebar-contact p {
  margin-bottom: 10px;
  color: #999;
  font-size: 13px;
}

.account-sidebar .sidebar-block.sidebar-contact p [class*="icon-"] {
  color: #999;
}

.account-sidebar .sidebar-block.sidebar-contact p [class*="icon-"]:before {
  font-size: 30px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.account-sidebar .sidebar-block.sidebar-contact p a {
  color: #999;
}

/*-----------------------------------------------------------------------------------------------------
    [step-content]

-------------------------------------------------------------------------------------------------------*/
.step-content {
  margin: 35px 0 25px 0;
}

.step-content li {
  width: 33%;
  float: left;
  height: 240px;
  border-right: 1px solid #DBDBDB;
  padding: 10px 30px 0 30px;
}

@media only screen and (max-width: 1200px) {
  .step-content li {
    height: 260px;
  }
}

@media only screen and (max-width: 960px) {
  .step-content li {
    height: 320px;
  }
}

.step-content li:last-child {
  border-right: none;
}

@media only screen and (max-width: 1200px) {
  .step-content li:last-child {
    padding-right: 0;
  }
}

.step-content li h3 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0px;
}

.step-content li .point-text {
  text-align: center;
  margin-top: 40px;
  font-size: 46px;
}

.step-content li .point-text span {
  font-size: 20px;
}

.step-content li .sample-progress {
  margin-top: 45px;
}

.step-content li .sample-progress .progress-bar {
  float: left;
  margin-top: 25px;
}

@media only screen and (max-width: 1200px) {
  .step-content li .sample-progress .progress-bar {
    width: 170px;
  }
}

@media only screen and (max-width: 960px) {
  .step-content li .sample-progress .progress-bar {
    width: 110px;
  }
}

.step-content li .sample-progress .badge {
  float: right;
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  position: relative;
  right: -10px;
}

.step-content li .sample-product {
  position: relative;
  top: -50px;
  text-align: center;
  margin-bottom: 20px;
  padding: 60px 0 0 0;
  -webkit-transform: scale(0.65);
      -ms-transform: scale(0.65);
          transform: scale(0.65);
  float: left;
}

@media only screen and (max-width: 1200px) {
  .step-content li .sample-product {
    -webkit-transform: scale(0.55);
        -ms-transform: scale(0.55);
            transform: scale(0.55);
  }
}

@media only screen and (max-width: 960px) {
  .step-content li .sample-product {
    float: none;
  }
}

.step-content li .sample-product img {
  max-width: 100%;
  display: inline-block;
  width: auto;
}

.step-content li .sample-product .status {
  margin: 10px auto 0 auto;
}

.step-content li .sample-product .progress-bar {
  z-index: 9;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -100px;
}

.step-content li .primary-btn {
  float: right;
  margin-top: 60px;
}

@media only screen and (max-width: 1200px) {
  .step-content li .primary-btn {
    font-size: 12px;
  }
}

@media only screen and (max-width: 960px) {
  .step-content li .primary-btn {
    float: none;
    position: relative;
    top: -110px;
    margin-top: 0;
    width: 150px;
    margin: 0 auto;
    display: block;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [superbox]

-------------------------------------------------------------------------------------------------------*/
.superbox {
  background: #FFF;
  border: 1px solid #DBDBDB;
  position: fixed;
  z-index: 1010;
  left: 50%;
  top: 50%;
  display: none;
  /*visibility: hidden;
  opacity: 0;
  pointer-events: none;
  @include transition(all 0.4s);*/
}

.superbox .superbox-close {
  position: absolute;
  z-index: 999;
  right: 15px;
  top: 15px;
  border: none;
  background: none;
  cursor: pointer;
  width: 50px;
  height: 50px;
  padding: 0;
  text-align: center;
}

.superbox .superbox-close [class*="icon-"] {
  color: #000000;
  font-size: 24px;
}

.superbox.superbox-opened {
  /*visibility: visible;
    opacity: 1;
    top: 50%;
    pointer-events: auto;*/
  display: block;
}

.superbox-overlay {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

/*-----------------------------------------------------------------------------------------------------
    [top-bar]

-------------------------------------------------------------------------------------------------------*/
.top-bar {
  /*border-bottom: 6px solid $primary;*/
  height: 60px;
  background: #FFF;
}

@media only screen and (max-width: 767px) {
  .top-bar {
    height: 38px;
    text-align: center;
  }
}

.top-bar .logo {
  float: left;
  margin: 5px 0 0 20px;
}

.top-bar .logo img {
  max-height: 50px;
  width: auto;
}

@media only screen and (max-width: 767px) {
  .top-bar .logo {
    float: none;
    display: inline-block;
    margin: 4px 0 0 0;
  }
  .top-bar .logo img {
    max-height: 30px;
    width: auto;
  }
}

.top-bar .helper {
  float: right;
  padding-top: 0px;
}

@media only screen and (max-width: 767px) {
  .top-bar .helper {
    float: none;
    position: absolute;
    right: 5px;
    top: 0;
  }
}

.top-bar .helper .home,
.top-bar .helper .phone,
.top-bar .helper .email,
.top-bar .helper .help,
.top-bar .helper .notification,
.top-bar .helper .my-cart,
.top-bar .helper .cart {
  padding: 21px 0 0 40px;
  height: 60px;
  font-size: 13px;
  float: left;
  color: #6F6F6F;
  text-decoration: none;
  margin-right: 60px;
  position: relative;
}

@media only screen and (max-width: 1200px) {
  .top-bar .helper .home,
  .top-bar .helper .phone,
  .top-bar .helper .email,
  .top-bar .helper .help,
  .top-bar .helper .notification,
  .top-bar .helper .my-cart,
  .top-bar .helper .cart {
    margin: 0;
    padding: 0;
    width: 60px;
  }
  .top-bar .helper .home:after,
  .top-bar .helper .phone:after,
  .top-bar .helper .email:after,
  .top-bar .helper .help:after,
  .top-bar .helper .notification:after,
  .top-bar .helper .my-cart:after,
  .top-bar .helper .cart:after {
    content: "";
    display: block;
    background: #F2F2F2;
    height: 30px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .home,
  .top-bar .helper .phone,
  .top-bar .helper .email,
  .top-bar .helper .help,
  .top-bar .helper .notification,
  .top-bar .helper .my-cart,
  .top-bar .helper .cart {
    display: none;
  }
}

.top-bar .helper .home > [class*="icon-"],
.top-bar .helper .phone > [class*="icon-"],
.top-bar .helper .email > [class*="icon-"],
.top-bar .helper .help > [class*="icon-"],
.top-bar .helper .notification > [class*="icon-"],
.top-bar .helper .my-cart > [class*="icon-"],
.top-bar .helper .cart > [class*="icon-"] {
  font-size: 30px;
  color: #DBDBDB;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  -webkit-transition: color;
  transition: color;
}

@media only screen and (max-width: 1200px) {
  .top-bar .helper .home > [class*="icon-"],
  .top-bar .helper .phone > [class*="icon-"],
  .top-bar .helper .email > [class*="icon-"],
  .top-bar .helper .help > [class*="icon-"],
  .top-bar .helper .notification > [class*="icon-"],
  .top-bar .helper .my-cart > [class*="icon-"],
  .top-bar .helper .cart > [class*="icon-"] {
    left: 50%;
    margin-left: -16px;
  }
}

@media only screen and (max-width: 1200px) {
  .top-bar .helper .home span,
  .top-bar .helper .phone span,
  .top-bar .helper .email span,
  .top-bar .helper .help span,
  .top-bar .helper .notification span,
  .top-bar .helper .my-cart span,
  .top-bar .helper .cart span {
    display: none;
  }
}

.top-bar .helper .home:hover,
.top-bar .helper .phone:hover,
.top-bar .helper .email:hover,
.top-bar .helper .help:hover,
.top-bar .helper .notification:hover,
.top-bar .helper .my-cart:hover,
.top-bar .helper .cart:hover {
  color: #000000;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}

.top-bar .helper .home:hover > [class*="icon-"],
.top-bar .helper .phone:hover > [class*="icon-"],
.top-bar .helper .email:hover > [class*="icon-"],
.top-bar .helper .help:hover > [class*="icon-"],
.top-bar .helper .notification:hover > [class*="icon-"],
.top-bar .helper .my-cart:hover > [class*="icon-"],
.top-bar .helper .cart:hover > [class*="icon-"] {
  color: #000000;
}

.top-bar .helper .home > [class*="icon-"] {
  margin-top: -15px;
  font-size: 28px;
}

@media only screen and (max-width: 1200px) {
  .top-bar .helper .phone {
    margin: 0 0 0 10px;
    width: auto;
    padding: 21px 20px 0 40px;
  }
}

@media only screen and (max-width: 1200px) {
  .top-bar .helper .phone > [class*="icon-"] {
    left: 0;
    margin-left: 0;
  }
}

.top-bar .helper .help {
  margin-right: 20px;
}

@media only screen and (max-width: 1200px) {
  .top-bar .helper .help {
    margin-right: 0;
  }
}

.top-bar .helper .help [class*="icon-"] {
  margin-top: -17px;
}

.top-bar .helper .notification {
  margin-right: 0;
  padding: 0;
  position: relative;
}

@media only screen and (max-width: 1200px) {
  .top-bar .helper .notification {
    width: auto;
  }
  .top-bar .helper .notification:after {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .notification {
    height: 38px;
    display: block;
  }
}

.top-bar .helper .notification .open-notification {
  width: 90px;
  height: 60px;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .notification .open-notification {
    width: 45px;
    height: 38px;
  }
}

.top-bar .helper .notification .open-notification [class*="icon-"] {
  font-size: 30px;
  color: #6F6F6F;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .notification .open-notification [class*="icon-"] {
    font-size: 30px;
  }
}

.top-bar .helper .notification .open-notification span {
  font-size: 12px;
  /*font-weight: bold;*/
  width: 24px;
  height: 24px;
  background: #B00834;
  color: #FFF;
  /*padding-top: 3px;*/
  line-height: 180%;
  text-align: center;
  display: block;
  border-radius: 20px;
  position: absolute;
  top: 6px;
  right: 22px;
  border: 2px solid #FFF;
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .notification .open-notification span {
    width: 22px;
    height: 22px;
    font-size: 11px;
    top: 0px;
    right: 0px;
  }
}

.top-bar .helper .notification.active .open-notification {
  box-shadow: inset 0px 0px 0px 3px #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .notification.active .open-notification {
    box-shadow: none;
  }
}

.top-bar .helper .notification.active .open-notification:before,
.top-bar .helper .notification.active .open-notification:after {
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  bottom: 0;
  z-index: 990;
}

.top-bar .helper .notification.active .open-notification:after {
  background: #FFF;
  left: 3px;
  right: 3px;
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .notification.active .open-notification:after {
    display: none;
  }
}

.top-bar .helper .notification.active .open-notification:before {
  background: #000;
  left: 13px;
  right: 13px;
  z-index: 991;
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .notification.active .open-notification:before {
    bottom: -2px;
    left: 0;
    right: 0;
  }
}

.top-bar .helper .cart {
  padding: 0 20px;
  margin-right: 20px;
}

@media only screen and (max-width: 1200px) {
  .top-bar .helper .cart {
    padding: 0 15px;
  }
  .top-bar .helper .cart:after {
    content: "";
    display: block;
    background: #F2F2F2;
    height: 30px;
    width: 1px;
    position: absolute;
    right: auto;
    left: 0;
    top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .cart {
    height: 38px;
    width: 45px;
    display: block;
    margin: 0 0 0 10px;
    padding: 0;
  }
  .top-bar .helper .cart:after {
    display: none;
  }
}

.top-bar .helper .cart a {
  display: block;
  height: 60px;
  padding-top: 16px;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  font-size: 13px;
  text-transform: uppercase;
  color: #6F6F6F;
}

@media only screen and (max-width: 1200px) {
  .top-bar .helper .cart a {
    padding: 16px 0 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .cart a {
    width: 45px;
    height: 38px;
    padding-top: 8px;
  }
}

.top-bar .helper .cart a u {
  text-decoration: none;
}

@media only screen and (max-width: 1200px) {
  .top-bar .helper .cart a u {
    display: none;
  }
}

.top-bar .helper .cart a [class*="icon-"] {
  font-size: 34px;
  color: #6F6F6F;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .cart a [class*="icon-"] {
    font-size: 30px;
  }
}

.top-bar .helper .cart a span {
  font-size: 12px;
  /*font-weight: bold;*/
  width: 24px;
  height: 24px;
  background: #B00834;
  color: #FFF;
  /*padding-top: 3px;*/
  line-height: 180%;
  text-align: center;
  display: block;
  border-radius: 20px;
  position: absolute;
  top: 6px;
  right: -10px;
  border: 2px solid #FFF;
}

@media only screen and (max-width: 767px) {
  .top-bar .helper .cart a span {
    width: 22px;
    height: 22px;
    font-size: 11px;
    top: 0px;
    right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .header-connexion .top-bar {
    height: 47px;
  }
  .header-connexion .top-bar .logo {
    margin-top: 8px;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [top-bar-alt]
-------------------------------------------------------------------------------------------------------*/
.top-bar--alt {
  font-family: Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 767px) {
  .top-bar--alt .logo {
    display: block;
    margin-left: 40px;
    margin-top: 0;
    float: left;
    top: auto;
    right: auto;
  }
  .top-bar--alt .logo img {
    max-height: 38px;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .top-bar--alt .helper {
    position: relative;
    float: right;
  }
}

.top-bar--alt .helper .home,
.top-bar--alt .helper .phone,
.top-bar--alt .helper .email,
.top-bar--alt .helper .help,
.top-bar--alt .helper .notification,
.top-bar--alt .helper .cart {
  margin-right: 20px;
}

@media only screen and (max-width: 1200px) {
  .top-bar--alt .helper .home,
  .top-bar--alt .helper .phone,
  .top-bar--alt .helper .email,
  .top-bar--alt .helper .help,
  .top-bar--alt .helper .notification,
  .top-bar--alt .helper .cart {
    margin-right: 0;
  }
}

.top-bar--alt .helper .cart {
  padding: 21px 40px 0 0;
  height: 60px;
  font-size: 13px;
  float: left;
  color: #6F6F6F;
  text-decoration: none;
  margin-right: 20px;
  position: relative;
  text-transform: uppercase;
}

@media only screen and (max-width: 1200px) {
  .top-bar--alt .helper .cart {
    margin: 0;
    padding: 0;
    width: 60px;
  }
  .top-bar--alt .helper .cart:after {
    content: "";
    display: block;
    background: #F2F2F2;
    height: 30px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .top-bar--alt .helper .cart {
    display: block;
    height: 38px;
    width: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 2px;
  }
  .top-bar--alt .helper .cart:after {
    display: none;
  }
}

.top-bar--alt .helper .cart > [class*="icon-"] {
  font-size: 30px;
  color: #6f6f6f;
  position: absolute;
  right: 0;
  left: auto;
  top: 50%;
  margin-top: -15px;
  -webkit-transition: color;
  transition: color;
}

@media only screen and (max-width: 767px) {
  .top-bar--alt .helper .cart > [class*="icon-"] {
    margin: 0 !important;
    position: relative;
    right: auto;
    top: auto;
    left: auto !important;
  }
}

.top-bar--alt .helper .cart > [class*="icon-"] span {
  font-size: 12px;
  width: 24px;
  height: 24px;
  background: #B00834;
  color: #FFF;
  line-height: 180%;
  text-align: center;
  display: block;
  border-radius: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  border: 2px solid #FFF;
  font-family: Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 1200px) {
  .top-bar--alt .helper .cart > [class*="icon-"] span {
    right: 6px;
  }
}

@media only screen and (max-width: 767px) {
  .top-bar--alt .helper .cart > [class*="icon-"] span {
    width: 22px;
    height: 22px;
    font-size: 11px;
    top: -4px;
    right: -7px;
  }
}

@media only screen and (max-width: 1200px) {
  .top-bar--alt .helper .cart > [class*="icon-"] {
    left: 50%;
    margin-left: -16px;
  }
}

@media only screen and (max-width: 1200px) {
  .top-bar--alt .helper .cart span {
    display: none;
  }
}

.top-bar--alt .helper .cart:hover {
  color: #000000;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}

.top-bar--alt .helper .cart:hover > [class*="icon-"] {
  color: #000000;
}

.top-bar--alt .helper .notification .open-notification {
  width: 70px;
}

@media only screen and (max-width: 767px) {
  .top-bar--alt .helper .notification .open-notification {
    width: 50px;
    height: 38px;
    padding: 0;
    margin-top: 2px;
  }
}

.top-bar--alt .helper .notification .open-notification span {
  right: 12px;
}

@media only screen and (max-width: 767px) {
  .top-bar--alt .helper .notification .open-notification span {
    right: 4px;
  }
}

@media only screen and (max-width: 767px) {
  .top-bar--alt .helper .notification.active .open-notification:before {
    bottom: 0;
  }
}

.top-bar--alt .helper .lang {
  display: block;
  float: left;
  width: 50px;
  height: 60px;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.16);
  border: none;
  border-radius: 0;
  background: #FFF;
}

@media only screen and (max-width: 767px) {
  .top-bar--alt .helper .lang {
    display: none;
  }
}

.top-bar--alt .helper .lang:after {
  color: #000;
}

.top-bar--alt .helper .lang select {
  height: 60px;
  border: none;
  padding-left: 8px;
  padding-right: 8px;
  background: #FFF;
}

.top-bar--alt .helper .list-lang {
  display: none;
}

@media only screen and (max-width: 767px) {
  .top-bar--alt .helper .list-lang {
    display: block;
    float: right;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 10px;
  }
  .top-bar--alt .helper .list-lang li {
    color: #6f6f6f;
    position: relative;
    margin: 0;
  }
  .top-bar--alt .helper .list-lang li:after {
    content: "";
    display: block;
    height: 10px;
    width: 1px;
    background: #6f6f6f;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0px;
  }
  .top-bar--alt .helper .list-lang li:last-child:after {
    display: none;
  }
  .top-bar--alt .helper .list-lang li a {
    color: #6f6f6f;
    text-transform: uppercase;
    display: block;
    padding: 5px;
  }
  .top-bar--alt .helper .list-lang li a:hover {
    color: #000;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [header]

-------------------------------------------------------------------------------------------------------*/
.header {
  height: 220px;
  background: #AF0834;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  color: #FFF;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}

@media only screen and (max-width: 767px) {
  .header {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    height: 103px;
    border-bottom: none;
  }
}

.header .top-bar + .container {
  position: relative;
  padding: 0 240px;
}

@media only screen and (max-width: 1200px) {
  .header .top-bar + .container {
    padding: 0 220px;
  }
}

@media only screen and (max-width: 960px) {
  .header .top-bar + .container {
    padding: 0 200px;
  }
}

@media only screen and (max-width: 767px) {
  .header .top-bar + .container {
    padding: 0 20%;
  }
}

.sticky-header .header {
  -webkit-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
          transform: translateY(-60px);
}

@media only screen and (max-width: 767px) {
  .sticky-header .header {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.header.header-connexion {
  height: 66px;
  border-bottom: 6px solid #D7D7D7;
  position: relative;
  z-index: 99;
}

@media only screen and (max-width: 767px) {
  .header.header-connexion {
    height: 50px;
    border-width: 3px;
  }
}

.header .arrow-btn {
  font-size: 13px;
  color: #FFF;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  bottom: 10px;
}

.header .arrow-btn [class*="icon-"] {
  color: #FFF;
  position: relative;
  top: 2px;
}

.header .avatar-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .header .avatar-mobile {
    display: block;
    width: 20%;
    height: 65px;
    position: absolute;
    left: 0;
    top: 0;
  }
}

.header .avatar-mobile span {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -26px 0 0 -26px;
  width: 50px;
  height: 50px;
  border: 2px solid #FFF;
  background: #EBEBEB;
  border-radius: 50px;
  display: block;
  text-align: center;
  overflow: hidden;
  -webkit-perspective: 1px;
          perspective: 1px;
}

.header .avatar-mobile span [class*="icon-"] {
  color: #4B4A4D;
  font-size: 60px;
  position: absolute;
  top: -2px;
  left: 50%;
  margin: 0 0 0 -29px;
}

.header .avatar-mobile span img {
  max-width: 48px;
  height: auto;
  z-index: 20;
  position: relative;
}

.header .user-account,
.header .user-points,
.header .gift-catalog {
  height: 160px;
  display: block;
  /*@include transition(background 0.4s);*/
}

@media only screen and (max-width: 767px) {
  .header .user-account,
  .header .user-points,
  .header .gift-catalog {
    height: 65px;
  }
}

.header .user-account:before,
.header .user-points:before,
.header .gift-catalog:before {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.4);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
}

@media only screen and (max-width: 767px) {
  .header .user-account:before,
  .header .user-points:before,
  .header .gift-catalog:before {
    top: 10px;
    bottom: 10px;
    height: auto;
  }
}

.header .user-account .arrow-btn span,
.header .user-points .arrow-btn span,
.header .gift-catalog .arrow-btn span {
  border-color: #FFF;
}

:hover .header .user-account .arrow-btn span,
:hover .header .user-points .arrow-btn span,
:hover .header .gift-catalog .arrow-btn span {
  border-color: #DBDBDB;
}

@media screen and (min-width: 767px) {
  .header .user-account.active,
  .header .user-account:hover,
  .header .user-points.active,
  .header .user-points:hover,
  .header .gift-catalog.active,
  .header .gift-catalog:hover {
    background: #FFF;
  }
  .header .user-account.active p,
  .header .user-account:hover p,
  .header .user-points.active p,
  .header .user-points:hover p,
  .header .gift-catalog.active p,
  .header .gift-catalog:hover p {
    color: #000000;
  }
  .header .user-account.active .infos .avatar,
  .header .user-account:hover .infos .avatar,
  .header .user-points.active .infos .avatar,
  .header .user-points:hover .infos .avatar,
  .header .gift-catalog.active .infos .avatar,
  .header .gift-catalog:hover .infos .avatar {
    border-color: #EBEBEB;
  }
  .header .user-account.active .points-content .points p,
  .header .user-account:hover .points-content .points p,
  .header .user-points.active .points-content .points p,
  .header .user-points:hover .points-content .points p,
  .header .gift-catalog.active .points-content .points p,
  .header .gift-catalog:hover .points-content .points p {
    color: #000000;
  }
  .header .user-account.active .arrow-btn,
  .header .user-account:hover .arrow-btn,
  .header .user-points.active .arrow-btn,
  .header .user-points:hover .arrow-btn,
  .header .gift-catalog.active .arrow-btn,
  .header .gift-catalog:hover .arrow-btn {
    color: #000000;
  }
  .header .user-account.active .arrow-btn [class*="icon-"],
  .header .user-account:hover .arrow-btn [class*="icon-"],
  .header .user-points.active .arrow-btn [class*="icon-"],
  .header .user-points:hover .arrow-btn [class*="icon-"],
  .header .gift-catalog.active .arrow-btn [class*="icon-"],
  .header .gift-catalog:hover .arrow-btn [class*="icon-"] {
    color: #B00834;
  }
}

.header .user-account,
.header .gift-catalog {
  width: 240px;
  position: absolute;
  top: 0;
}

@media only screen and (max-width: 1200px) {
  .header .user-account,
  .header .gift-catalog {
    width: 220px;
  }
}

@media only screen and (max-width: 960px) {
  .header .user-account,
  .header .gift-catalog {
    width: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .header .user-account,
  .header .gift-catalog {
    width: 20%;
  }
}

.header .user-account {
  text-align: center;
  left: 0;
  height: 160px;
}

@media only screen and (max-width: 767px) {
  .header .user-account .user-account-content {
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .header .user-account {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-270px);
        -ms-transform: translateX(-270px);
            transform: translateX(-270px);
    float: none;
    width: 270px;
    z-index: 990;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #F8F8F8 !important;
    border: none;
    border-right: 2px solid #DBDBDB;
    z-index: 990;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
  }
  .header .user-account.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .header .user-account .user-account-content {
    position: relative;
    overflow-y: scroll;
  }
}

.header .user-account:before {
  left: 0;
}

@media only screen and (max-width: 767px) {
  .header .user-account .arrow-btn {
    display: none;
  }
}

.header .user-account .infos {
  padding: 15px 10px 0 10px;
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .header .user-account .infos {
    padding: 20px;
    min-height: 0;
    text-align: center;
    background: #FFF;
  }
}

.header .user-account .infos .avatar {
  width: 52px;
  height: 52px;
  border: 2px solid #FFF;
  background: #EBEBEB;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  z-index: 9;
}

.header .user-account .infos .avatar:hover .header .user-account .infos .avatar {
  border: 2px solid #EBEBEB;
}

@media only screen and (max-width: 767px) {
  .header .user-account .infos .avatar {
    position: relative;
    left: auto;
    top: auto;
    width: 75px;
    height: 75px;
    border-color: #6F6F6F;
    display: inline-block;
    margin-bottom: 10px;
  }
}

.header .user-account .infos .avatar [class*="icon-"] {
  color: #4B4A4D;
  font-size: 60px;
  position: absolute;
  top: -2px;
  left: 50%;
  margin: 0 0 0 -29px;
  border-radius: 50px;
}

@media only screen and (max-width: 767px) {
  .header .user-account .infos .avatar [class*="icon-"] {
    font-size: 90px;
    top: -3px;
    margin: 0 0 0 -45px;
  }
}

.header .user-account .infos .avatar img {
  /*max-width: 48px;*/
  height: auto;
  z-index: 20;
  position: relative;
  vertical-align: middle;
  border-radius: 50px;
}

@media only screen and (max-width: 767px) {
  .header .user-account .infos .avatar img {
    max-width: 75px;
  }
}

.header .user-account .infos p {
  margin-bottom: 5px;
}

@media only screen and (max-width: 960px) {
  .header .user-account .infos p {
    line-height: 120%;
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .header .user-account .infos p {
    color: #000000;
  }
}

.header .user-account .infos p + p {
  margin-bottom: 10px;
}

.header .user-account.active {
  box-shadow: inset 0px 0px 0px 3px #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .header .user-account.active {
    box-shadow: none;
  }
}

.header .user-account:hover {
  cursor: pointer;
  box-shadow: none;
}

.header .user-account:hover.active {
  box-shadow: inset 0px 0px 0px 3px #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .header .user-account:hover.active {
    box-shadow: none;
  }
}

.header .user-account .user-menu {
  text-align: left;
}

.header .user-points {
  color: #FFF;
  position: relative;
  padding: 20px 30px 0 30px;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .header .user-points {
    padding: 20px 10px 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .header .user-points {
    padding: 14px 0 0 0;
  }
}

.header .user-points .level {
  text-align: center;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .header .user-points .level {
    display: none;
  }
}

.header .user-points .level p {
  margin-bottom: 10px;
}

.header .user-points .level p strong {
  font-size: 16px;
}

.header .user-points .level p strong span {
  font-size: 14px;
}

.header .user-points .points-content {
  text-align: left;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .header .user-points .points-content {
    text-align: center;
  }
}

.header .user-points .points-content .points {
  float: left;
  width: 35%;
  position: relative;
  padding: 0 0 0 65px;
}

@media only screen and (max-width: 960px) {
  .header .user-points .points-content .points {
    padding: 0 10px 0 45px;
    width: 40%;
  }
}

@media only screen and (max-width: 767px) {
  .header .user-points .points-content .points {
    float: none;
    width: auto;
    display: inline-block;
    text-align: left;
  }
}

.header .user-points .points-content .points .badge-content {
  position: absolute;
  top: 0;
  left: 0;
}

.header .user-points .points-content .points .badge-content .pending {
  display: block;
  width: 20px;
  height: 20px;
  background: #FF8000;
  border: 1px solid #FFF;
  border-radius: 10px;
  text-align: center;
  position: absolute;
  left: 32px;
  top: 32px;
}

@media only screen and (max-width: 960px) {
  .header .user-points .points-content .points .badge-content .pending {
    left: 18px;
    top: 18px;
  }
}

.header .user-points .points-content .points .badge-content .pending [class*="icon-"] {
  position: relative;
  top: 1px;
  font-size: 14px;
}

.header .user-points .points-content .points p {
  color: #FFF;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 12px;
}

@media only screen and (max-width: 960px) {
  .header .user-points .points-content .points p {
    font-size: 12px;
    margin-bottom: 0;
  }
}

.header .user-points .points-content .points p u {
  text-decoration: none;
}

.header .user-points .points-content .points p + p {
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 0;
}

@media only screen and (max-width: 960px) {
  .header .user-points .points-content .points p + p {
    font-size: 24px;
  }
}

.header .user-points .points-content .points p + p span {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  margin-left: 0px;
}

@media only screen and (max-width: 960px) {
  .header .user-points .points-content .points p + p span {
    font-size: 12px;
  }
}

.header .user-points .points-content .next-level {
  float: right;
  width: 50%;
  text-align: left;
}

@media screen and (max-width: 1100px) {
  .header .user-points .points-content .next-level {
    width: 55%;
  }
}

@media only screen and (max-width: 960px) {
  .header .user-points .points-content .next-level {
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .header .user-points .points-content .next-level {
    display: none;
  }
}

.header .user-points .points-content .next-level p {
  margin-bottom: 5px;
}

@media only screen and (max-width: 960px) {
  .header .user-points .points-content .next-level p {
    margin-bottom: 0;
    line-height: 120%;
  }
}

.header .user-points .points-content .next-level p.available-point,
.header .user-points .points-content .next-level p.pending-point {
  position: relative;
  padding-left: 18px;
}

.header .user-points .points-content .next-level p.available-point:before,
.header .user-points .points-content .next-level p.pending-point:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  background: #FFCC00;
  border: 1px solid #FFF;
}

.header .user-points .points-content .next-level p.pending-point:before {
  background: #FF8000;
}

@media only screen and (max-width: 767px) {
  .header .user-points .arrow-btn {
    display: none;
  }
}

.header .gift-catalog {
  right: 0;
  color: #FFF;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  text-align: center;
  padding: 40px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .header .gift-catalog {
    padding-top: 0;
  }
}

.header .gift-catalog p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 30px;
}

@media only screen and (max-width: 960px) {
  .header .gift-catalog p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .header .gift-catalog p {
    display: none;
  }
}

.header .gift-catalog .primary-btn {
  background: #000;
  -webkit-transition: none;
          transition: none;
}

@media screen and (min-width: 767px) {
  .header .gift-catalog .primary-btn:hover {
    background: #2D2D2D;
  }
}

@media only screen and (max-width: 960px) {
  .header .gift-catalog .primary-btn {
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .header .gift-catalog .primary-btn {
    width: 100%;
    height: 65px;
    background: none;
    padding: 0;
    text-indent: -9999px;
  }
  .header .gift-catalog .primary-btn [class*="icon"] {
    text-indent: 0;
    font-size: 45px;
    margin: -24px 0 0 -22px;
    left: 50%;
  }
  .header .gift-catalog .primary-btn [class*="icon"]:after {
    content: "\e803";
    display: block;
    position: absolute;
    right: -8px;
    top: 50%;
    font-size: 14px;
    margin-top: -7px;
  }
}

@media screen and (min-width: 767px) {
  .header .gift-catalog:hover .primary-btn [class*="icon"] {
    color: #FFF;
  }
}

@media only screen and (min-width: 767px) and (max-width: 767px) {
  .header .gift-catalog:hover .primary-btn [class*="icon"] {
    color: #000;
  }
}

@media screen and (min-width: 768px) {
  .page-catalogue .header {
    position: relative;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [header-alt]
-------------------------------------------------------------------------------------------------------*/
.header--alt {
  font-family: 'Weber', sans-serif;
}

@media only screen and (max-width: 767px) {
  .header--alt {
    height: 106px;
  }
}

@media only screen and (max-width: 767px) {
  .header--alt .top-bar--alt + .container {
    padding: 0;
  }
}

.header--alt .avatar-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .header--alt .user-account:before {
    display: none;
  }
}

.header--alt .user-account .infos {
  padding-top: 20px;
}

.header--alt .user-account .infos__hello {
  font-family: 'Weber';
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
}

.header--alt .user-account .infos__numbers {
  border: 1px solid #FFF;
  border-left: none;
  border-right: none;
  padding: 5px 0;
  margin-top: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

.header--alt .user-account .user-account-content .arrow-btn {
  padding: 4px 0;
  background: #FFF;
  display: inline-block;
  bottom: 0;
  border-radius: 6px 6px 0 0;
  max-width: 150px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .header--alt .user-account .user-account-content .arrow-btn {
    display: none;
  }
}

.header--alt .user {
  height: 160px;
  position: relative;
  padding: 20px 30px 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 960px) {
  .header--alt .user {
    padding: 20px 15px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .header--alt .user {
    height: auto;
    padding: 5px 10px 0 10px;
    width: 100%;
    padding-right: 80px;
  }
}

.header--alt .user:before {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.4);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
}

@media only screen and (max-width: 767px) {
  .header--alt .user:before {
    display: none;
  }
}

.header--alt .user__infos {
  width: 50%;
  position: relative;
  padding-right: 30px;
}

@media only screen and (max-width: 1200px) {
  .header--alt .user__infos {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 960px) {
  .header--alt .user__infos {
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .header--alt .user__infos {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-right: 0;
  }
}

.header--alt .user__infos:after {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.4);
  width: 1px;
  position: absolute;
  top: 0px;
  bottom: 20px;
  right: -1px;
}

@media only screen and (max-width: 767px) {
  .header--alt .user__infos:after {
    display: none;
  }
}

.header--alt .user__infos-member {
  color: #FFF;
  text-transform: uppercase;
  font-size: 16px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1200px) {
  .header--alt .user__infos-member {
    font-size: 12px;
    line-height: 120%;
  }
}

@media only screen and (max-width: 767px) {
  .header--alt .user__infos-member {
    display: none;
    font-size: 11px;
  }
}

.header--alt .user__infos-member .icon {
  width: 50px;
  height: 50px;
  border: 1px solid #FFF;
  background: #000;
  border-radius: 50px;
  display: block;
  margin-right: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 5px;
}

@media only screen and (max-width: 1200px) {
  .header--alt .user__infos-member .icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
}

.header--alt .user__infos-member strong {
  color: #000;
}

.header--alt .user__infos-points {
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
}

.header--alt .user__infos-points strong {
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .header--alt .user__infos-points strong {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1200px) {
  .header--alt .user__infos-points {
    font-size: 12px;
    line-height: 120%;
  }
}

@media only screen and (max-width: 767px) {
  .header--alt .user__infos-points {
    text-transform: uppercase;
  }
  .header--alt .user__infos-points u {
    text-decoration: none;
    text-transform: none;
  }
}

.header--alt .user__infos-points strong {
  color: #000;
}

.header--alt .user__point {
  width: 50%;
  position: relative;
  padding-left: 30px;
  text-align: center;
}

@media only screen and (max-width: 1200px) {
  .header--alt .user__point {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 960px) {
  .header--alt .user__point {
    padding-left: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 40%;
  }
}

@media only screen and (max-width: 767px) {
  .header--alt .user__point {
    height: auto;
    width: auto;
    position: relative;
  }
}

.header--alt .user__point p {
  text-align: left;
  margin-bottom: 10px;
  font-size: 15px;
  text-transform: uppercase;
}

@media only screen and (max-width: 960px) {
  .header--alt .user__point p {
    display: none;
  }
}

.header--alt .user__point .level {
  margin-left: 10px;
}

@media only screen and (max-width: 960px) {
  .header--alt .user__point .level {
    display: none;
  }
}

.header--alt .user__point .progress-bar-legend {
  margin-bottom: 10px;
}

@media only screen and (max-width: 960px) {
  .header--alt .user__point .progress-bar-legend {
    display: none;
  }
}

.header--alt .user__point .primary-btn {
  margin-left: auto;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 0;
}

.header--alt .user__point .primary-btn span {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 4px;
}

@media only screen and (max-width: 960px) {
  .header--alt .user__point .primary-btn {
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    margin-left: 0;
    width: 100%;
    margin-bottom: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .header--alt .user__point .primary-btn {
    margin-top: -7px;
    height: 68px;
    width: 80px;
    border-radius: 0;
    border-radius: 0;
    height: 68px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 1px;
    text-indent: 0;
    margin-bottom: 0;
    padding: 0;
  }
  .header--alt .user__point .primary-btn [class*="icon-"] {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    line-height: 70%;
    margin-top: 0px;
    margin-bottom: 2px;
    font-size: 45px;
  }
  .header--alt .user__point .primary-btn [class*="icon-"]:after {
    display: none;
  }
  .header--alt .user__point .primary-btn span {
    display: none;
  }
}

.header--alt .user__point .primary-btn [class*="icon-"] {
  display: none;
}

@media only screen and (max-width: 767px) {
  .header--alt .user__point .primary-btn [class*="icon-"] {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .header--alt .gift-catalog {
    width: 80px;
    border: none;
  }
}

@media only screen and (max-width: 767px) {
  .header--alt .gift-catalog:before {
    display: none;
  }
}

.header--alt .gift-catalog:hover {
  background: none;
}

.header--alt .gift-catalog:hover .primary-btn [class*="icon-"] {
  color: #B00834;
}

.header--alt .gift-catalog .primary-btn {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .header--alt .gift-catalog .primary-btn {
    border-radius: 0;
    height: 68px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-indent: 0;
  }
  .header--alt .gift-catalog .primary-btn [class*="icon-"] {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    line-height: 70%;
    margin-top: 10px;
  }
  .header--alt .gift-catalog .primary-btn [class*="icon-"]:after {
    display: none;
  }
  .header--alt .gift-catalog .primary-btn span {
    display: none;
  }
}

.header--alt .gift-catalog .search-gift {
  position: relative;
  margin: 0 10px;
}

@media only screen and (max-width: 767px) {
  .header--alt .gift-catalog .search-gift {
    margin: 0;
    position: fixed;
    width: 100%;
    left: 0;
    top: 106px;
    padding: 10px;
    background: #f8f8f8;
  }
}

.header--alt .gift-catalog .search-gift input {
  width: 100%;
  height: 40px;
  border: 1px solid #e3e3e3;
  padding: 5px 10px;
  padding-right: 45px;
}

@media only screen and (max-width: 767px) {
  .header--alt .gift-catalog .search-gift input {
    font-size: 16px;
  }
}

.header--alt .gift-catalog .search-gift input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-style: italic;
  opacity: 1;
  color: #a0a0a0;
  font-size: 14px;
}

.header--alt .gift-catalog .search-gift input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  opacity: 1;
  color: #a0a0a0;
  font-size: 14px;
}

.header--alt .gift-catalog .search-gift input:-ms-input-placeholder {
  /* IE 10+ */
  font-style: italic;
  opacity: 1;
  color: #a0a0a0;
  font-size: 14px;
}

.header--alt .gift-catalog .search-gift input:-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  opacity: 1;
  color: #a0a0a0;
  font-size: 14px;
}

.header--alt .gift-catalog .search-gift button {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 0px;
  width: 40px;
  background: #FFF;
  border: none;
  border-left: none;
}

@media only screen and (max-width: 767px) {
  .header--alt .gift-catalog .search-gift button {
    top: 11px;
    right: 11px;
    bottom: 11px;
    height: auto;
    border: none;
  }
}

.header--alt .gift-catalog .search-gift button [class*="icon-"] {
  font-size: 20px;
  color: #6f6f6f;
}

/*-----------------------------------------------------------------------------------------------------
    [footer]

-------------------------------------------------------------------------------------------------------*/
.footer {
  background: #1B1B1B;
  height: 60px;
  padding-top: 20px;
}

.footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .footer {
    padding-top: 15px;
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .footer > .container {
    padding: 0;
  }
}

.footer .helper {
  display: none;
}

@media only screen and (max-width: 767px) {
  .footer .helper {
    display: block;
    margin-left: 20px;
    margin-right: 20px;
  }
  .footer .helper .phone,
  .footer .helper .email,
  .footer .helper .help {
    display: block;
    padding: 5px 0;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .footer .helper .phone > [class*="icon-"],
  .footer .helper .email > [class*="icon-"],
  .footer .helper .help > [class*="icon-"] {
    font-size: 30px;
    color: #DBDBDB;
    vertical-align: middle;
  }
  .footer .helper .phone:hover,
  .footer .helper .email:hover,
  .footer .helper .help:hover {
    color: #6F6F6F;
  }
  .footer .helper .phone > [class*="icon-"] {
    position: relative;
    top: -2px;
  }
  .footer .helper .email > [class*="icon-"] {
    position: relative;
    top: -2px;
  }
  .footer .helper .help {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .footer .helper .help [class*="icon-"] {
    position: relative;
    top: -3px;
  }
}

.footer .footer-menu {
  float: left;
}

@media only screen and (max-width: 767px) {
  .footer .footer-menu {
    float: none;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

.footer .footer-menu li {
  display: inline-block;
  margin: 0 20px;
}

@media only screen and (max-width: 767px) {
  .footer .footer-menu li {
    margin: 0 0 10px 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer .footer-menu li {
    display: block;
  }
}

.footer .footer-menu li a {
  color: #FFF;
  text-decoration: underline;
  font-size: 13px;
  position: relative;
}

.footer .footer-menu li a:before {
  content: "|";
  display: block;
  color: #FFF;
  position: absolute;
  top: -2px;
  left: -22px;
}

@media only screen and (max-width: 767px) {
  .footer .footer-menu li a:before {
    display: none;
  }
}

.footer .footer-menu li a:hover {
  color: #6F6F6F;
}

.footer .footer-menu li:first-child {
  margin-left: 0;
}

.footer .footer-menu li:first-child a:before {
  display: none;
}

.footer .legal {
  float: right;
  color: #FFF;
  font-size: 13px;
}

@media only screen and (max-width: 767px) {
  .footer .legal {
    float: none;
    margin: 20px 0;
    padding: 10px 0;
    text-align: center;
    color: #CCC;
    background: #000;
  }
}

.footer .legal a {
  color: #CCC;
  text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------------------
    [nav]
-------------------------------------------------------------------------------------------------------*/
.user-menu {
  position: absolute;
  top: 153px;
  left: 0;
  right: 0;
  z-index: 99;
  background: #FFF;
  border: 3px solid #DBDBDB;
  border-top: none;
  width: 100%;
  /*display: none;*/
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .user-menu {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    border: none;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.user-account.active .user-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.sticky-header .user-menu {
  top: 153px;
}

@media only screen and (max-width: 767px) {
  .sticky-header .user-menu {
    top: auto;
  }
}

.user-menu ul {
  margin: 0;
  padding-top: 6px;
}

@media only screen and (max-width: 767px) {
  .user-menu ul {
    padding-top: 0;
  }
}

.user-menu ul li {
  list-style: none;
  padding: 0;
}

.user-menu ul li a {
  display: block;
  padding: 20px 60px 20px 35px;
  border-top: 1px solid #CDCDCD;
  text-decoration: none;
  position: relative;
}

.user-menu ul li a:hover {
  background: #F2F2F2;
}

.user-menu ul li a [class*="icon-"] {
  color: #6F6F6F;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -7px;
}

.user-menu ul li a [class*="icon-switch-off"] {
  font-size: 22px;
  margin-top: -11px;
}

.user-menu ul li a [class="icon-home"] {
  font-size: 22px;
  margin-top: -11px;
  right: 28px;
}

.user-menu ul li:last-child a {
  color: #6F6F6F;
  font-size: 13px;
}

@media only screen and (max-width: 767px) {
  .user-menu ul li:last-child a {
    border-bottom: 1px solid #CDCDCD;
  }
}

.notification-menu {
  width: 315px;
  position: absolute;
  top: 57px;
  right: 0;
  z-index: 99;
  background: #FFF;
  border: 3px solid #DBDBDB;
  margin: 0;
  padding-bottom: 5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}

@media only screen and (max-width: 767px) {
  .notification-menu {
    top: 38px;
    right: 0;
    left: auto;
    width: 100%;
    position: fixed;
    border: none;
    border-top: 1px solid #DBDBDB;
    border-bottom: 2px solid #DBDBDB;
    text-align: left;
    overflow-y: scroll;
  }
}

.notification.active .notification-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.notification-menu ul li {
  list-style: none;
  padding: 0 20px;
  /*&:last-child {
				a {
					border-bottom: none;
				}
			}*/
}

@media only screen and (max-width: 767px) {
  .notification-menu ul li {
    padding: 0 20px;
  }
}

.notification-menu ul li a {
  display: block;
  padding: 16px 60px 16px 10px;
  border-bottom: 1px solid #CDCDCD;
  text-decoration: none;
  position: relative;
}

.notification-menu ul li a:hover {
  background: #F2F2F2;
}

@media only screen and (max-width: 767px) {
  .notification-menu ul li a {
    padding: 15px 0;
  }
}

.notification-menu ul li a [class*="icon-"] {
  color: #6F6F6F;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}

@media only screen and (max-width: 767px) {
  .notification-menu ul li a [class*="icon-"] {
    display: none;
  }
}

.notification-menu .close-notification {
  background: none;
  border: none;
  float: right;
  height: 30px;
  margin: 5px 10px 5px 0px;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .notification-menu .close-notification {
    font-size: 13px;
    color: #6F6F6F;
  }
}

.notification-menu .close-notification [class*="icon-"] {
  position: relative;
  top: 1px;
  margin-left: 4px;
  color: #B00834;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .account-menu {
    display: none;
  }
}

.account-menu li a {
  display: block;
  height: 60px;
  padding: 20px 30px 0 30px;
  border-top: 1px solid #DBDBDB;
  position: relative;
}

.account-menu li a [class*="icon"] {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -8px;
}

.account-menu li.current {
  background: #F2F2F2;
}

.account-menu li.current a {
  font-weight: bold;
}

.account-menu li.current a [class*="icon"] {
  font-weight: bold;
}

.account-menu li:hover {
  background: #F2F2F2;
}

.account-menu li:last-child a {
  font-size: 13px;
  color: #6F6F6F;
}

.account-menu li:last-child a [class*="icon"] {
  color: #6F6F6F;
  font-size: 22px;
  margin-top: -11px;
}

.account-menu li:last-child:hover [class*="icon"] {
  font-weight: normal;
}

.menu-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 940;
}

/*-----------------------------------------------------------------------------------------------------
    [off-canvas]

    + off canvas
    + body & wrapper
    + overlay
-------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
  .off-canvas {
    position: fixed;
    height: 100%;
    width: 280px;
    z-index: 999;
    -webkit-transform: translateX(-280px);
        -ms-transform: translateX(-280px);
            transform: translateX(-280px);
  }
}

@media only screen and (max-width: 1200px) {
  body.no-scroll {
    height: 100%;
    overflow: hidden;
    position: fixed;
  }
}

body.move-left .wrapper {
  -webkit-transform: translateX(280px);
      -ms-transform: translateX(280px);
          transform: translateX(280px);
}

body.move-right .wrapper {
  -webkit-transform: translateX(-280px);
      -ms-transform: translateX(-280px);
          transform: translateX(-280px);
}

body .wrapper {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}

.move-left body .wrapper {
  -webkit-transform: translateX(280px);
      -ms-transform: translateX(280px);
          transform: translateX(280px);
}

.move-right body .wrapper {
  -webkit-transform: translateX(-280px);
      -ms-transform: translateX(-280px);
          transform: translateX(-280px);
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 990;
}

/*-----------------------------------------------------------------------------------------------------
    [selection-list]

-------------------------------------------------------------------------------------------------------*/
.selection-list {
  margin: 0;
}

.selection-list li {
  list-style: none;
  margin: 0 2% 2% 0;
  width: 49%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .selection-list li {
    float: none;
    width: auto;
    margin: 0 15px 15px 15px;
  }
}

.selection-list li:nth-child(even) {
  margin-right: 0;
  float: right;
}

@media only screen and (max-width: 767px) {
  .selection-list li:nth-child(even) {
    float: none;
    width: auto;
    margin: 0 15px 15px 15px;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [product-list]

-------------------------------------------------------------------------------------------------------*/
.product-list {
  margin: -1px 0 0 0;
  /*border-bottom: 1px solid $grey;
	border-left: 1px solid $grey;*/
}

.product-list li {
  list-style: none;
  width: 25%;
  float: left;
}

@media only screen and (max-width: 1200px) {
  .product-list li {
    width: 33.3333%;
  }
}

@media only screen and (max-width: 960px) {
  .product-list li {
    width: 50%;
  }
}

.product-list li .product {
  border-bottom: 1px solid #DBDBDB;
  border-left: 1px solid #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .product-list li .product {
    border-left: none;
  }
}

@media screen and (min-width: 1200px) {
  .product-list li:nth-child(1),
  .product-list li:nth-child(2),
  .product-list li:nth-child(3),
  .product-list li:nth-child(4) {
    border-top: 1px solid #DBDBDB;
    visibility: visible !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
  .product-list li:nth-child(5),
  .product-list li:nth-child(6),
  .product-list li:nth-child(7),
  .product-list li:nth-child(8) {
    visibility: visible !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
  .product-list li:nth-child(4n) {
    border-right: 1px solid #DBDBDB;
  }
}

@media screen and (min-width: 960px) and (max-width: 1200px) {
  .product-list li:nth-child(1),
  .product-list li:nth-child(2),
  .product-list li:nth-child(3) {
    border-top: 1px solid #DBDBDB;
    visibility: visible !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
  .product-list li:nth-child(4),
  .product-list li:nth-child(5),
  .product-list li:nth-child(6) {
    visibility: visible !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
  .product-list li:nth-child(3n) {
    border-right: 1px solid #DBDBDB;
  }
}

@media only screen and (max-width: 960px) {
  .product-list li:nth-child(1),
  .product-list li:nth-child(2) {
    border-top: 1px solid #DBDBDB;
    visibility: visible !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
  .product-list li:nth-child(3),
  .product-list li:nth-child(4) {
    visibility: visible !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
  .product-list li:nth-child(even) {
    border-right: 1px solid #DBDBDB;
  }
}

@media only screen and (max-width: 767px) {
  .product-list li {
    border-right: 1px solid #DBDBDB;
  }
  .product-list li:nth-child(1),
  .product-list li:nth-child(2) {
    border-top: 1px solid #DBDBDB;
    visibility: visible !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
  .product-list li:nth-child(3),
  .product-list li:nth-child(4) {
    visibility: visible !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
}

.product-list + .sorting-option {
  margin-bottom: 60px;
}

.product-list + .sorting-option .result {
  border-top: none;
}

@media only screen and (max-width: 767px) {
  .product-list + .sorting-option .result {
    padding: 20px;
    text-align: center;
  }
}

.product-list + .sorting-option .result {
  margin-top: 0;
}

.account-content .product-list li {
  list-style: none;
  width: 33.33333333333333%;
  float: left;
  margin: 0 0 -1px -1px;
  border-right: 1px solid #DBDBDB;
  border-top: 1px solid #DBDBDB;
}

@media only screen and (max-width: 960px) {
  .account-content .product-list li {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .account-content .product-list li {
    margin: -1px 0 0 0;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [level-list]

-------------------------------------------------------------------------------------------------------*/
.level-list {
  padding-left: 150px;
  margin-bottom: 120px;
}

@media only screen and (max-width: 767px) {
  .level-list {
    padding: 0 10px;
    background: #FFF;
    border-top: 1px solid #DBDBDB;
  }
}

.level-list li {
  margin-top: -1px;
}

@media only screen and (max-width: 767px) {
  .level-list li {
    margin-top: 0px;
  }
}

.level-list li:first-child {
  margin-top: 0;
}

/*-----------------------------------------------------------------------------------------------------
    [list-header]

-------------------------------------------------------------------------------------------------------*/
.list-header {
  height: 80px;
  background: #FFF;
  border: 1px solid #DBDBDB;
  padding: 22px 30px 0 30px;
  position: relative;
  text-align: center;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .list-header {
    height: auto;
    padding: 0;
    margin-top: 0;
    border-top: none;
  }
}

.list-header .number {
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  top: 30px;
  left: 20px;
}

@media only screen and (max-width: 767px) {
  .list-header .number {
    position: relative;
    font-size: 19px;
    top: auto;
    left: auto;
    height: 50px;
    padding: 16px 10px 0 10px;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 0;
  }
}

.list-header .sorting-select {
  display: inline-block;
  height: 34px;
  background-color: #FFF;
  width: auto;
}

@media only screen and (max-width: 1200px) {
  .list-header .sorting-select {
    position: absolute;
    top: 22px;
    right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .list-header .sorting-select {
    margin-bottom: 0;
    position: relative;
    top: 0;
    right: 0;
  }
}

.list-header .sorting-select select {
  padding-left: 10px;
  height: 100%;
  background-color: #FFF;
}

@media only screen and (max-width: 767px) {
  .list-header .sorting-select.custom-select {
    float: left;
    width: 70%;
    border: none;
    border-right: 1px solid #DBDBDB;
    border-radius: 0;
    background: #FFF;
    height: 40px;
  }
  .list-header .sorting-select.custom-select select {
    background: #FFF;
    height: 40px;
  }
}

.list-header .pagination-alt {
  position: absolute;
  top: 22px;
  right: 20px;
}

@media only screen and (max-width: 1200px) {
  .list-header .pagination-alt {
    display: none;
  }
}

.list-header .open-filter {
  display: none;
}

@media only screen and (max-width: 767px) {
  .list-header .open-filter {
    display: block;
    float: right;
    width: 30%;
    height: 40px;
    background: none;
    border: none;
    position: relative;
    text-align: left;
    padding: 0 10px;
  }
  .list-header .open-filter [class*="icon-"] {
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
  }
}

.list-footer {
  text-align: center;
  height: 100px;
  background: #FFF;
  border: 1px solid #DBDBDB;
  border-top: none;
  padding: 35px 20px 35px 20px;
  position: relative;
  text-align: center;
}

.list-footer .pagination-alt {
  display: inline-block;
}

/*-----------------------------------------------------------------------------------------------------
    [sorting-option]

-------------------------------------------------------------------------------------------------------*/
.sorting-options--search {
  display: block;
  position: relative;
  background: #FFF;
  border: 1px solid #DBDBDB;
  padding: 16px;
}

@media only screen and (max-width: 767px) {
  .sorting-options--search {
    background: #F8F8F8;
    border: none;
  }
}

.sorting-options--search input {
  background: #F8F8F8;
  border: 1px solid #F8F8F8;
  height: 40px;
  width: 100%;
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
  .sorting-options--search input {
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
  }
}

.sorting-options--search button {
  height: 36px;
  width: 36px;
  background: none;
  border: none;
  text-align: center;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -18px;
}

.sorting-options--search button [class*="icon-"] {
  color: #6F6F6F;
  display: inline-block;
  font-size: 30px;
}

.sorting-options--search button:hover [class*="icon-"] {
  color: #000;
}

.sorting-options--search + .sorting-options--filter {
  margin-top: 16px;
}

.sorting-options--filter {
  background: #FFF;
  border: 1px solid #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter {
    margin: 0;
    border: none;
  }
}

.sorting-options--filter .filter {
  margin: 0px 0 0px 0;
}

@media only screen and (max-width: 960px) {
  .sorting-options--filter .filter {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .filter {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    background: #FFF;
    margin: 0;
    padding: 0;
  }
  .sorting-options--filter .filter.active {
    visibility: visible;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    background: #FFF;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .filter .filter-box {
    overflow-y: scroll;
    height: 100%;
  }
}

.sorting-options--filter .filter .filter-box > p {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0;
  padding: 20px 16px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .filter .filter-box > p {
    font-size: 19px;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid #DBDBDB;
  }
}

.sorting-options--filter .filter .filter-box > ul {
  position: relative;
  border-top: 1px solid #DBDBDB;
}

.sorting-options--filter .filter .filter-box > ul.focus {
  background: #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .filter .filter-box > ul {
    height: auto;
    border: none;
    margin-bottom: 59px;
  }
}

.sorting-options--filter .filter .filter-box > ul > li {
  list-style: none;
  border-bottom: 1px solid #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .filter .filter-box > ul > li {
    float: none;
    border-bottom: none;
  }
}

.sorting-options--filter .filter .filter-box > ul > li .sort-btn {
  background: #FFF;
  border: none;
  text-align: left;
  height: 58px;
  width: 100%;
  color: #6F6F6F;
  padding: 0 16px;
  position: relative;
}

.sorting-options--filter .filter .filter-box > ul > li .sort-btn:hover {
  color: #000;
}

@media only screen and (max-width: 960px) {
  .sorting-options--filter .filter .filter-box > ul > li .sort-btn {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .filter .filter-box > ul > li .sort-btn {
    border: none;
    border-bottom: 1px solid #DBDBDB;
    height: 60px;
    padding: 0px 20px;
    color: #000000;
    font-size: 16px;
  }
}

.sorting-options--filter .filter .filter-box > ul > li .sort-btn.active {
  color: #B00834;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .filter .filter-box > ul > li .sort-btn.active {
    color: #B00834;
    background: #FFF;
    border-bottom: none;
  }
}

.sorting-options--filter .filter .filter-box > ul > li .sort-btn.active [class*="icon-"] {
  color: #B00834;
}

.sorting-options--filter .filter .filter-box > ul > li .sort-btn [class*="icon-"] {
  color: #000000;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  right: 16px;
  font-size: 15px;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .filter .filter-box > ul > li .sort-btn [class*="icon-"] {
    right: 20px;
    margin-top: -7px;
  }
}

.sorting-options--filter .filter .filter-box > ul > li > .custom-checkbox {
  height: 58px;
  padding: 22px 20px 0 16px;
  margin-bottom: 0;
}

@media screen and (max-width: 1092px) {
  .sorting-options--filter .filter .filter-box > ul > li > .custom-checkbox {
    padding-top: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .filter .filter-box > ul > li > .custom-checkbox {
    border: none;
    width: 100%;
    height: 50px;
    padding: 18px 20px 0 20px;
    border-bottom: 1px solid #DBDBDB;
  }
}

.sorting-options--filter .filter .filter-box > ul > li > .custom-checkbox input[type="checkbox"] + label {
  padding-left: 26px;
  padding-top: 7px;
}

.sorting-options--filter .filter .filter-box > ul > li > .custom-checkbox input[type="checkbox"] + label:before {
  width: 16px;
  height: 16px;
}

.sorting-options--filter .filter .filter-box > ul > li > .custom-checkbox input[type="checkbox"] + label:after {
  top: 0px;
  left: 2px;
  font-size: 14px;
}

@media screen and (max-width: 1092px) and (min-width: 767px) {
  .sorting-options--filter .filter .filter-box > ul > li > .custom-checkbox input[type="checkbox"] + label:before {
    top: 5px;
  }
  .sorting-options--filter .filter .filter-box > ul > li > .custom-checkbox input[type="checkbox"] + label:after {
    top: 5px;
  }
}

.sorting-options--filter .filter .filter-box .filter-footer {
  display: none;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .filter .filter-box .filter-footer {
    display: block;
    padding: 14px 10px 0 10px;
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 60px;
    border-top: 1px solid #DBDBDB;
    background: #FFF;
    z-index: 999;
  }
  .sorting-options--filter .filter .filter-box .filter-footer .close-filter {
    background: none;
    border: none;
    color: #6F6F6F;
    text-decoration: underline;
    font-size: 13px;
    float: left;
    height: 32px;
    padding: 0px 15px;
  }
  .sorting-options--filter .filter .filter-box .filter-footer .primary-btn {
    height: 32px;
    font-size: 14px;
    padding: 0px 15px;
    float: right;
    text-transform: none;
  }
}

.sorting-options--filter .selected-filter {
  padding: 0 20px 10px 16px;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .selected-filter {
    display: none;
  }
}

.sorting-options--filter .selected-filter ul li {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.sorting-options--filter .selected-filter ul li .remove-filter {
  border: none;
  color: #FFF;
  background: #000000;
  border-radius: 4px;
  padding: 0 12px;
  height: 28px;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}

.sorting-options--filter .selected-filter ul li .remove-filter:hover {
  opacity: 0.8;
}

.sorting-options--filter .selected-filter ul li .remove-filter [class*="icon-"] {
  margin-left: 15px;
  color: #FFF;
  position: relative;
  top: 1px;
}

.sorting-options--filter .selected-filter ul li .remove-filter.all {
  background: #6F6F6F;
}

.sorting-options--filter .selected-filter .primary-btn {
  display: none;
}

.sorting-options--filter .result {
  height: 120px;
  background: #FFF;
  border: 1px solid #DBDBDB;
  padding: 40px 30px 0 30px;
  position: relative;
  text-align: center;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .result {
    height: auto;
    padding: 0;
    margin-top: 0;
  }
}

.sorting-options--filter .result .search {
  display: none;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .result .search {
    display: block;
    position: relative;
    background: #efefef;
    padding: 10px;
  }
  .sorting-options--filter .result .search input {
    background: #FFF;
    border-color: #E2E2E2;
    height: 40px;
    width: 100%;
  }
  .sorting-options--filter .result .search button {
    height: 36px;
    width: 36px;
    background: none;
    border: none;
    text-align: center;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 12px;
  }
  .sorting-options--filter .result .search button [class*="icon-"] {
    color: #6F6F6F;
    display: inline-block;
    font-size: 30px;
  }
  .sorting-options--filter .result .search button:hover [class*="icon-"] {
    color: #000;
  }
}

.sorting-options--filter .result .number {
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 300;
  position: absolute;
  top: 50px;
  left: 30px;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .result .number {
    position: relative;
    font-size: 19px;
    top: auto;
    left: auto;
    height: 50px;
    padding: 16px 10px 0 10px;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 0;
  }
}

.sorting-options--filter .result .sorting-select {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .result .sorting-select {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .result .sorting-select.custom-select {
    float: left;
    width: 70%;
    border: none;
    border-right: 1px solid #DBDBDB;
    border-radius: 0;
    background: #FFF;
    height: 40px;
  }
  .sorting-options--filter .result .sorting-select.custom-select select {
    background: #FFF;
    height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .result .sorting-select + .pagination {
    display: none;
  }
}

.sorting-options--filter .result .pagination {
  position: absolute;
  top: 45px;
  right: 30px;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .result .pagination {
    position: relative;
    top: auto;
    right: auto;
  }
}

.sorting-options--filter .result .open-filter {
  display: none;
}

@media only screen and (max-width: 767px) {
  .sorting-options--filter .result .open-filter {
    display: block;
    float: right;
    width: 30%;
    height: 40px;
    background: none;
    border: none;
    position: relative;
    text-align: left;
    padding: 0 10px;
  }
  .sorting-options--filter .result .open-filter [class*="icon-"] {
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [filter-list]

-------------------------------------------------------------------------------------------------------*/
.filter-list.filter-parent li {
  margin: 0 15px;
}

.filter-list.filter-parent li .filter-child-btn {
  font-size: 14px;
  color: #6F6F6F;
  background: none;
  border: none;
  width: 100%;
  position: relative;
  padding: 0;
  text-align: left;
  min-height: 38px;
  margin-top: -1px;
}

@media only screen and (max-width: 767px) {
  .filter-list.filter-parent li .filter-child-btn {
    min-height: 50px;
    font-size: 16px;
  }
}

.filter-list.filter-parent li .filter-child-btn [class*="icon-"] {
  color: #6F6F6F;
  font-size: 15px;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -7px;
}

@media only screen and (max-width: 767px) {
  .filter-list.filter-parent li .filter-child-btn [class*="icon-"] {
    display: block;
  }
}

.filter-list.filter-parent li .filter-child-btn.active {
  color: #B00834;
  border-top: 1px solid #DBDBDB;
}

.filter-list.filter-parent li .child {
  display: none;
  border-bottom: 1px solid #DBDBDB;
  padding: 0px 0 20px 0;
}

.filter-list.filter-parent li .child .subchild-btn {
  margin-top: -1px;
  color: #6F6F6F;
  background: none;
  border: none;
  width: 100%;
  position: relative;
  padding: 0;
  text-align: left;
  min-height: 34px;
}

@media only screen and (max-width: 767px) {
  .filter-list.filter-parent li .child .subchild-btn {
    min-height: 40px;
    font-size: 14px;
  }
}

.filter-list.filter-parent li .child .subchild-btn [class*="icon-"] {
  color: #6F6F6F;
  font-size: 15px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.filter-list.filter-parent li .child .subchild-btn.active {
  color: #B00834;
  border-top: 1px solid #DBDBDB;
}

.filter-list.filter-parent li .child .subchild-btn.active [class*="icon-"] {
  color: #B00834;
}

.filter-list.filter-parent li .child .subchild-btn.active + .select-all {
  display: block;
}

.filter-list.filter-parent li .child .select-all {
  display: none;
  font-size: 10px;
  text-decoration: underline;
  background: none;
  border: none;
  padding: 0;
  margin-bottom: 10px;
}

.filter-list.filter-parent li .child ul:last-child li:last-child {
  border-bottom: none;
}

.filter-list.filter-parent li .child ul li .custom-checkbox input[type="checkbox"] + label::before {
  width: 16px;
  height: 16px;
}

.filter-list.filter-parent li .child ul li .custom-checkbox input[type="checkbox"] + label::after {
  top: 0px;
  left: 2px;
  font-size: 14px;
}

.filter-list.filter-parent li .child ul li label {
  font-size: 12px;
  padding-left: 26px;
}

.filter-list.filter-parent li .child ul li:first-child ~ li {
  display: none;
}

.filter-list.filter-parent li .child ul li:last-child {
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 20px;
}

.filter-list.partial-list li:nth-child(9) {
  display: none;
}

.filter-list.partial-list li:nth-child(9) ~ li {
  display: none;
}

/*-----------------------------------------------------------------------------------------------------
    [sticky-filter]

-------------------------------------------------------------------------------------------------------*/
.sorting-option {
  /*.sticky-filter & {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
		background: #FFF;
		padding: 20px 0;
		.filter,
		.selected-filter {
			padding: 0 10px;
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
		}
		.filter {
			margin-top: 0;
		}
		.selected-filter {}
	}*/
}

.sticky-filter .sorting-option .selected-filter {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #FFF;
  padding: 20px 0 10px 0;
  margin: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.sticky-filter .sorting-option .selected-filter .selected-filter-content {
  padding: 0 280px 0 20px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sticky-filter .sorting-option .selected-filter .selected-filter-content .primary-btn {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -25px;
  display: block;
}

/*-----------------------------------------------------------------------------------------------------
    [login-area]

-------------------------------------------------------------------------------------------------------*/
.login-area {
  position: relative;
  overflow: hidden;
}

.login-area > .container {
  position: absolute;
  height: 420px;
  width: 1180px;
  top: 0;
  left: 50%;
  margin-left: -590px;
}

@media only screen and (max-width: 1200px) {
  .login-area > .container {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .login-area > .container {
    position: relative;
    top: auto;
    left: auto;
    padding: 0;
    height: auto;
  }
}

.login-area .form-login {
  position: absolute;
  top: 70px;
  right: 0;
  margin: 0;
  width: 380px;
  min-height: 220px;
  padding: 26px 45px;
}

@media only screen and (max-width: 1200px) {
  .login-area .form-login {
    right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .login-area .form-login {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    border: none;
    padding: 25px;
  }
}

@media only screen and (max-width: 1200px) {
  .login-area.small .form-login {
    top: 0px;
    height: 100%;
  }
}

.login-area .desktop-only,
.login-area .mobile-only {
  position: relative;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  max-width: none;
}

@media only screen and (max-width: 1200px) {
  .login-area .desktop-only,
  .login-area .mobile-only {
    width: 160%;
    margin-left: -80%;
  }
}

@media only screen and (max-width: 767px) {
  .login-area .desktop-only,
  .login-area .mobile-only {
    width: 100%;
    margin-left: 0;
    left: auto;
  }
}

.login-area .brand-list {
  background: #FFF;
  position: absolute;
  top: 70px;
  right: 0;
  margin: 0;
  width: 380px;
  min-height: 220px;
}

@media only screen and (max-width: 1200px) {
  .login-area .brand-list {
    right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .login-area .brand-list {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    border: none;
    padding-bottom: 50px;
  }
}

.login-area .brand-list .title {
  font-size: 20px;
  padding: 40px 30px;
}

@media only screen and (max-width: 767px) {
  .login-area .brand-list .title {
    text-align: center;
    padding: 40px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .login-area .brand-list ul {
    border-bottom: 1px solid #EEE;
  }
}

.login-area .brand-list ul li a {
  padding: 5px 30px;
  border-top: 1px solid #EEE;
  display: block;
  position: relative;
}

.login-area .brand-list ul li a img {
  float: left;
  max-width: 100%;
  width: auto;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .login-area .brand-list ul li a img {
    max-width: 50px;
  }
}

.login-area .brand-list ul li a p {
  padding: 26px 0 0 0;
  float: left;
  font-size: 15px;
}

@media only screen and (max-width: 767px) {
  .login-area .brand-list ul li a p {
    padding: 18px 0 0 0;
  }
}

.login-area .brand-list ul li a span {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -10px;
  display: inline-block;
  width: 21px;
  height: 21px;
  text-align: center;
  border: 1px solid #DBDBDB;
  border-radius: 20px;
}

.login-area .brand-list ul li a span [class*="icon-"] {
  color: #B00834;
  position: relative;
  left: 1px;
  top: 1px;
}

/*-----------------------------------------------------------------------------------------------------
    [menu]
-------------------------------------------------------------------------------------------------------*/
.c-menu {
  position: absolute;
  background-color: #FFF; }

.c-menu__content {
  font-size: 16px;
  padding: 30px 40px 20px 40px; }

.c-menu__close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #919191;
  border-radius: 30px; }
  .c-menu__close:hover {
    border-color: #000; }

.c-menu__title {
  font-size: 22px;
  font-weight: 700; }

.c-menu__subtitle {
  font-size: 20px;
  font-weight: 400; }

/*
* Menu badge
*/
.c-menu--badge {
  top: 100%;
  border: 1px solid #0B5AA1;
  display: none; }
  .c-menu--badge.is-active {
    display: block; }
    @media only screen and (max-width: 1024px) {
      .c-menu--badge.is-active {
        display: none; } }
  .c-menu--badge .c-menu__content p {
    color: #000; }
  .c-menu--badge .c-menu__badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .c-menu--badge .c-menu__badge img {
      margin-right: 20px; }
    .c-menu--badge .c-menu__badge p {
      font-size: 20px; }
    .c-menu--badge .c-menu__badge span {
      display: block;
      font-weight: 600; }
/*-----------------------------------------------------------------------------------------------------
    [order-list]

-------------------------------------------------------------------------------------------------------*/
.order-list li {
  padding: 20px 0 20px 20px;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .order-list li {
    position: relative;
    padding-left: 110px;
  }
}

.order-list li:last-child {
  border-bottom: none;
}

.order-list li .img {
  display: table-cell;
  vertical-align: middle;
  width: 12%;
}

@media only screen and (max-width: 1200px) {
  .order-list li .img {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  .order-list li .img {
    display: block;
    width: auto;
    position: absolute;
    left: 10px;
    top: 20px;
    max-width: 110px;
  }
}

.order-list li .infos {
  display: table-cell;
  vertical-align: middle;
  width: 60%;
}

@media only screen and (max-width: 960px) {
  .order-list li .infos {
    width: 42%;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .order-list li .infos {
    display: block;
    width: auto;
    margin-bottom: 8px;
  }
}

.order-list li .infos h3 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 6px;
}

@media only screen and (max-width: 767px) {
  .order-list li .infos h3 {
    margin-bottom: 0px;
  }
}

.order-list li .infos p {
  margin-bottom: 6px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .order-list li .infos p {
    margin-bottom: 0px;
  }
}

.order-list li .infos span {
  display: block;
  color: #6F6F6F;
  line-height: 120%;
}

.order-list li .order-status {
  display: table-cell;
  vertical-align: middle;
  width: 28%;
  border-left: 1px solid #DBDBDB;
  padding: 0;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .order-list li .order-status {
    width: 38%;
  }
}

@media only screen and (max-width: 767px) {
  .order-list li .order-status {
    display: block;
    width: auto;
    border: none;
    text-align: left;
  }
}

.order-list li .order-status.shipped {
  padding-top: 15px;
}

.order-list li .order-status span {
  display: inline-block;
  text-align: left;
  position: relative;
  padding-left: 50px;
  /*margin-left: 50px; */
  max-width: 150px;
  font-weight: 700;
  line-height: 130%;
}

.order-list li .order-status span {
  /*margin-left: 5px;*/
}

@media only screen and (max-width: 767px) {
  .order-list li .order-status span {
    display: block;
    margin: 0 0 5px 0;
    padding-left: 30px;
  }
}

.order-list li .order-status span [class*="icon-"] {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -24px;
  color: #6F6F6F;
  font-size: 48px;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .order-list li .order-status span [class*="icon-"] {
    left: -5px;
    font-size: 30px;
    margin-top: -15px;
  }
}

.order-list li .order-status span [class*="icon-check"] {
  margin-top: -15px;
  font-size: 30px;
  left: 6px;
}

@media only screen and (max-width: 767px) {
  .order-list li .order-status span [class*="icon-check"] {
    margin-top: -10px;
    font-size: 20px;
    left: -5px;
  }
}

.order-list li .order-status strong {
  display: block;
  color: #6F6F6F;
  font-weight: normal;
  margin-top: 20px;
  text-align: center;
}

.order-list li .order-status strong {
  /*text-align: left;
					margin-left: 10px;*/
}

@media only screen and (max-width: 767px) {
  .order-list li .order-status strong {
    margin: 0px;
    text-align: left;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [operation-list]

-------------------------------------------------------------------------------------------------------*/
.operation-list {
  margin-bottom: 20px;
  background: #FFF;
  border: 1px solid #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .operation-list {
    border-left: none;
    border-right: none;
  }
}

.operation-list li {
  padding: 20px;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #DBDBDB;
}

@media only screen and (max-width: 960px) {
  .operation-list li {
    display: block;
    position: relative;
    width: auto;
  }
}

.operation-list li:first-child {
  border-top: none;
}

.operation-list li:last-child {
  border-bottom: none;
}

.operation-list li .img {
  display: table-cell;
  vertical-align: middle;
  width: 13%;
  padding: 0 20px 0 0;
  margin-left: 20px;
}

@media only screen and (max-width: 1200px) {
  .operation-list li .img {
    width: 105px;
  }
}

@media only screen and (max-width: 960px) {
  .operation-list li .img {
    width: 100px;
    position: absolute;
    left: 0;
    top: 20px;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .operation-list li .img {
    margin-left: 20px;
    width: 50px;
  }
}

.operation-list li .infos {
  display: table-cell;
  vertical-align: middle;
  width: 48%;
}

@media only screen and (max-width: 960px) {
  .operation-list li .infos {
    display: block;
    width: auto;
    padding: 0 0 0 100px;
    padding-bottom: 5px;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .operation-list li .infos {
    padding-left: 70px;
  }
}

.operation-list li .infos h3 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 6px;
}

.operation-list li .infos p {
  color: #6F6F6F;
}

@media only screen and (max-width: 767px) {
  .operation-list li .infos p {
    font-size: 13px;
  }
}

.operation-list li .infos p.challenge {
  position: relative;
  padding: 5px 0 5px 30px;
  margin-bottom: 10px;
}

.operation-list li .infos p.challenge:before {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  background: url("../img/icon-challenge.png") no-repeat 0 0;
  background-size: 25px auto;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
}

.operation-list li .infos a {
  margin-right: 30px;
  color: #6F6F6F;
  font-size: 13px;
}

@media only screen and (max-width: 960px) {
  .operation-list li .infos a {
    text-decoration: underline;
    margin-top: 5px;
  }
}

.operation-list li .infos a [class*="icon-"] {
  color: #6F6F6F;
  font-size: 24px;
  position: relative;
  top: 4px;
}

@media only screen and (max-width: 960px) {
  .operation-list li .infos a [class*="icon-"] {
    display: none;
  }
}

.operation-list li .operation-status {
  display: table-cell;
  vertical-align: top;
  width: 20%;
  border-left: 1px solid #DBDBDB;
  padding: 0;
  text-align: center;
  color: #000000;
  font-size: 13px;
  padding-top: 6px;
}

@media only screen and (max-width: 960px) {
  .operation-list li .operation-status {
    padding: 0 0 0 100px;
    width: auto;
    display: block;
    border: none;
    font-size: 13px;
    text-align: left;
    color: #000000;
  }
}

@media only screen and (max-width: 767px) {
  .operation-list li .operation-status {
    padding-left: 70px;
  }
}

.operation-list li .operation-status [class*="icon-"] {
  color: #6F6F6F;
  font-size: 42px;
  display: block;
  height: 40px;
}

@media only screen and (max-width: 960px) {
  .operation-list li .operation-status [class*="icon-"] {
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
  }
}

.operation-list li .operation-status [class*="icon-check"] {
  font-size: 34px;
}

@media only screen and (max-width: 960px) {
  .operation-list li .operation-status [class*="icon-check"] {
    font-size: 26px;
  }
}

.operation-list li .operation-point {
  display: table-cell;
  vertical-align: top;
  width: 20%;
  border-left: 1px solid #DBDBDB;
  text-align: center;
  padding: 12px 10px 0 10px;
}

.operation-list li .operation-point.button {
  vertical-align: middle;
}

@media only screen and (max-width: 960px) {
  .operation-list li .operation-point {
    display: block;
    width: auto;
    border: none;
    padding-left: 100px;
    margin: 0 20px 0 0;
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .operation-list li .operation-point {
    padding: 0 0 0 70px;
    margin: 0;
  }
}

.operation-list li .operation-point a {
  background: #B00834;
  color: #FFF;
  display: inline-block;
  border-radius: 30px;
  padding: 6px 20px 0 20px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}

@media only screen and (max-width: 1200px) {
  .operation-list li .operation-point a {
    padding: 6px 10px;
  }
}

@media only screen and (max-width: 960px) {
  .operation-list li .operation-point a {
    margin-top: 3px;
    height: 24px;
    font-size: 10px;
    padding: 3px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .operation-list li .operation-point a {
    margin-right: 10px;
  }
}

.operation-list li .operation-point a:hover {
  opacity: 0.8;
}

.operation-list li .operation-point p {
  line-height: 140%;
}

@media only screen and (max-width: 960px) {
  .operation-list li .operation-point p {
    padding-top: 6px;
    text-align: left;
  }
}

.operation-list li .operation-point p span {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 120%;
}

@media only screen and (max-width: 960px) {
  .operation-list li .operation-point p span {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .operation-list li .operation-point p span {
    display: inline;
  }
}

.operation-list li.list-title {
  display: block;
  padding: 35px 20px 0px 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .operation-list li.list-title {
    padding-top: 25px;
  }
}

.operation-list li.list-title > .img {
  width: 100px;
  display: block;
  position: absolute;
  top: 35px;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .operation-list li.list-title > .img {
    left: 20px;
    top: 25px;
    width: 70px;
    margin-left: 0;
  }
}

.operation-list li.list-title > .infos {
  padding: 0 0 20px 100px;
}

@media only screen and (max-width: 767px) {
  .operation-list li.list-title > .infos {
    padding-left: 90px;
  }
}

.operation-list li.list-title > .infos h3 {
  font-size: 24px;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  .operation-list li.list-title > .infos h3 {
    font-size: 14px;
    font-weight: 500;
  }
}

.operation-list li.list-title > .infos .point {
  float: right;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #000000;
  padding-top: 8px;
}

@media only screen and (max-width: 960px) {
  .operation-list li.list-title > .infos .point {
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .operation-list li.list-title > .infos .point {
    font-size: 13px;
  }
}

.operation-list li.list-title > .infos .point span {
  font-size: 25px;
  font-weight: 500;
  display: inline-block;
  padding: 0 40px;
}

@media only screen and (max-width: 960px) {
  .operation-list li.list-title > .infos .point span {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .operation-list li.list-title > .infos .point span {
    font-size: 22px;
  }
}

.operation-list li.list-title ul {
  border-top: 1px solid #DBDBDB;
  padding-left: 40px;
}

@media only screen and (max-width: 767px) {
  .operation-list li.list-title ul {
    padding-left: 20px;
  }
}

.operation-list li.list-title ul li {
  padding: 20px 0;
}

@media only screen and (max-width: 960px) {
  .operation-list li.list-title ul li {
    margin-left: 0;
  }
}

.operation-list li.list-title ul li .img {
  margin: 0;
}

.operation-list li.list-title ul li .infos {
  width: 43%;
}

@media only screen and (max-width: 960px) {
  .operation-list li.list-title ul li .infos {
    width: auto;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [bundle-list]

-------------------------------------------------------------------------------------------------------*/
.bundle-list {
  margin: 45px 0 0 0;
}

@media only screen and (max-width: 960px) {
  .bundle-list {
    display: none;
  }
}

.bundle-list li {
  float: left;
  width: 33.3333%;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}

.bundle-list li .img {
  display: inline-block;
  text-align: center;
  position: relative;
  margin-bottom: 15px;
}

@media only screen and (max-width: 960px) {
  .bundle-list li .img {
    margin-bottom: 0;
  }
}

.bundle-list li .img img {
  display: inline-block;
}

@media only screen and (max-width: 960px) {
  .bundle-list li .img img {
    max-width: 90px;
  }
}

.bundle-list li .img .number {
  padding-top: 8px;
  display: block;
  width: 38px;
  height: 38px;
  background: #99CC00;
  border-radius: 40px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

@media only screen and (max-width: 960px) {
  .bundle-list li .img .number {
    width: 25px;
    height: 25px;
    font-size: 12px;
    padding-top: 3px;
  }
}

.bundle-list li p {
  max-width: 210px;
  margin: 0 auto;
}

@media only screen and (max-width: 960px) {
  .bundle-list li p {
    display: none;
  }
}

.bundle-list li .plus {
  position: absolute;
  z-index: 9;
  top: 38%;
  right: -8px;
  margin: 0px 0 0 0;
}

.bundle-list li .plus [class*="icon-"]:before {
  font-size: 32px;
}

@media only screen and (max-width: 960px) {
  .bundle-list li .plus [class*="icon-"]:before {
    font-size: 16px;
  }
}

.bundle-list li:last-child .plus,
.bundle-list li:nth-child(3n+0) .plus {
  display: none;
}

.bundle-list-content {
  display: none;
  background: #FFF;
  border-bottom: 1px solid #DBDBDB;
  margin-top: 0;
  padding: 10px 10px 30px 10px;
}

@media only screen and (max-width: 960px) {
  .bundle-list-content {
    display: block;
  }
}

.bundle-list-content .bundle-list {
  display: block;
}

.bundle-list-content .status {
  width: 40px;
  margin: 0 auto;
}

/*-----------------------------------------------------------------------------------------------------
    [faq-list]

-------------------------------------------------------------------------------------------------------*/
.faq-list {
  background: #FFF;
  border: 1px solid #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .faq-list {
    border-bottom: none;
  }
}

.faq-list .expand-mobile-list {
  min-height: 50px;
  padding: 0 40px 0 15px;
  font-size: 16px;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  position: relative;
  border-bottom: 1px solid #DBDBDB;
}

.faq-list .expand-mobile-list [class*="icon-"] {
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -5px;
}

@media only screen and (max-width: 767px) {
  .faq-list .expand-mobile-list [class*="icon-"] {
    right: 15px;
  }
}

.faq-list .expand-mobile-list:hover:not(:focus) {
  color: #B00834;
}

.faq-list .expand-mobile-list:hover:not(:focus) [class*="icon-"] {
  color: #B00834;
}

.faq-list .expand-mobile-list.expanded {
  color: #B00834;
}

.faq-list .expand-mobile-list.expanded [class*="icon-"] {
  color: #B00834;
}

.faq-list .expand-mobile-list.expanded + .expand-content {
  display: block;
}

.faq-list ul {
  display: none;
}

@media only screen and (max-width: 767px) {
  .faq-list ul {
    background: #F9F9F9;
  }
}

.faq-list ul.active {
  display: block;
}

.faq-list ul li {
  border-bottom: 1px solid #DBDBDB;
}

.faq-list ul li .expand-btn-faq {
  min-height: 80px;
  padding: 0 80px 0 30px;
  font-size: 16px;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .faq-list ul li .expand-btn-faq {
    min-height: 45px;
    padding: 10px 40px 10px 25px;
    font-size: 13px;
    font-weight: 500;
  }
}

.faq-list ul li .expand-btn-faq [class*="icon-"] {
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -5px;
}

@media only screen and (max-width: 767px) {
  .faq-list ul li .expand-btn-faq [class*="icon-"] {
    right: 15px;
  }
}

.faq-list ul li .expand-btn-faq:hover:not(:focus) {
  color: #B00834;
}

.faq-list ul li .expand-btn-faq:hover:not(:focus) [class*="icon-"] {
  color: #B00834;
}

.faq-list ul li .expand-btn-faq.expanded {
  color: #B00834;
}

.faq-list ul li .expand-btn-faq.expanded [class*="icon-"] {
  color: #B00834;
}

.faq-list ul li .expand-btn-faq.expanded + .expand-content {
  display: block;
}

.faq-list ul li .expand-content {
  display: none;
  padding: 0 80px 30px 30px;
}

@media only screen and (max-width: 767px) {
  .faq-list ul li .expand-content {
    padding: 0 40px 30px 25px;
  }
}

.faq-list ul li .expand-content p {
  margin-bottom: 15px;
}

.faq-list ul li:last-child {
  border: none;
}

@media only screen and (max-width: 767px) {
  .faq-list ul li:last-child {
    border-bottom: 1px solid #DBDBDB;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [event]

-------------------------------------------------------------------------------------------------------*/
.event {
  height: 200px;
  padding: 20px 0 0 0;
}

@media only screen and (max-width: 1200px) {
  .event {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .event {
    padding-top: 10px;
  }
}

.event.full-bg {
  padding-top: 0;
  text-align: center;
}

.event.full-bg img {
  display: inline-block;
  position: relative;
  z-index: -1;
}

.event .block-event {
  width: 900px;
  margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
  .event .block-event {
    width: auto;
    padding: 0 20px;
    margin-bottom: 20px;
  }
  .event .block-event img {
    max-width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .event .block-event {
    padding: 0 10px;
    margin-bottom: 10px;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [page]

-------------------------------------------------------------------------------------------------------*/
.layout-sidebar {
  float: left;
  width: 284px;
  margin-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .layout-sidebar {
    float: none;
    width: auto;
    margin-bottom: 0;
  }
}

.layout-sidebar + .layout-content {
  margin-left: 304px;
}

@media only screen and (max-width: 767px) {
  .layout-sidebar + .layout-content {
    margin: 0;
  }
}

.layout-sidebar + .layout-content .block-border {
  background: #FFF;
  border: 1px solid #DBDBDB;
  padding: 50px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .layout-sidebar + .layout-content .block-border {
    border: none;
    border-bottom: 1px solid #DBDBDB;
    padding: 0;
    margin-bottom: 0;
  }
}

.page-title {
  text-align: center;
  padding: 40px 20px 20px 20px;
}

.page-title__logo {
  display: inline-block;
  max-width: 200px;
  margin-bottom: 10px;
}

.page-title__title {
  font-size: 38px;
  line-height: 120%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.page-title__title.uppercase {
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .page-title__title {
    font-size: 25px;
  }
}

.page-title__title.black {
  color: #000;
}

.page-title__subtitle {
  font-size: 30px;
  font-weight: 300;
  line-height: 120%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  color: #000;
}

@media only screen and (max-width: 767px) {
  .page-title__subtitle {
    font-size: 20px;
  }
}

/*
* Video
*/
.video {
  position: relative;
  z-index: 2;
  padding-bottom: 52.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 60px;
}

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

/*
* Vente Prive
*/
.list-vp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
  margin-top: 20px;
}

.list-vp li {
  width: 49%;
  margin-bottom: 20px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .list-vp li {
    width: 100%;
    padding: 0 10px;
  }
}

/*
* inspiration content
*/
.inspiration__container {
  margin-top: 50px;
  padding: 0px 100px 50px 100px;
}

@media only screen and (max-width: 960px) {
  .inspiration__container {
    padding: 0px 50px 50px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .inspiration__container {
    padding: 0px 0px 20px 0px;
  }
}

.inspiration__container .title {
  text-align: center;
}

/*
* Push
*/
.push {
  margin-top: 20px;
}

.push__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media only screen and (max-width: 960px) {
  .push__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .push__list {
    margin: 0;
  }
}

.push__list .push__list-item {
  width: 24%;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .push__list .push__list-item {
    padding: 0 10px;
    width: 48%;
    margin-bottom: 4%;
  }
}

.main.main-page {
  margin: 40px 0;
}

.main.main-page .block-border {
  margin-bottom: 0;
  border-bottom: none;
}

.main.main-page .block-border .block-title {
  border-bottom: none;
}

.main.main-page .page-content {
  background: #FFF;
  border: 1px solid #DBDBDB;
  padding: 35px 30px;
}

@media only screen and (max-width: 767px) {
  .main.main-page .page-content {
    padding: 20px 15px;
  }
}

.main.main-page .page-content .divider {
  margin: 40px 0 30px 0;
}

.main.main-page .page-content h2 {
  margin-bottom: 20px;
  font-size: 24px;
  text-transform: uppercase;
}

.main.main-page .page-content h3 {
  padding: 0 20px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  margin: 40px 0 15px 0;
  font-weight: 400;
}

.main.main-page .page-content p {
  line-height: 130%;
  margin-bottom: 20px;
  padding: 0 20px;
}

@media only screen and (max-width: 767px) {
  .main.main-page .page-content p {
    padding: 0;
  }
}

.main.main-page .page-content p.no-margin {
  margin-bottom: 0;
}

.main.main-page .page-content ul {
  padding: 0 20px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .main.main-page .page-content ul {
    padding: 0;
  }
}

.main.main-page .page-content ul li {
  margin-left: 35px;
  list-style: disc;
}

@media only screen and (max-width: 767px) {
  .main.main-page .page-content ul li {
    margin-left: 20px;
  }
}

.main.main-page .page-content ul ul {
  padding: 0;
}

.main.main-page .page-content ul ul li {
  list-style: circle;
  margin-left: 35px;
}

@media only screen and (max-width: 767px) {
  .main.main-page .page-content ul ul li {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 960px) {
  .main .container {
    padding: 0;
  }
}

.main .title {
  font-size: 28px;
  padding: 15px 30px 10px 30px;
  text-transform: uppercase;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .main .title {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .main .title.mobile-title {
    display: block;
    background: #FFF;
    padding: 15px 15px 12px 15px;
    font-size: 19px;
    /*border-bottom: 1px solid $grey;*/
  }
  .main .title.mobile-title:after {
    content: "";
    display: block;
    height: 1px;
    background: #DBDBDB;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .main .title.home-title {
    display: block;
    padding: 15px 15px 12px 15px;
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .page-login {
    background: #1B1B1B;
  }
}

.page-login .main {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .page-login .main {
    display: none;
  }
}

.block-border {
  border: 1px solid #DBDBDB;
  background: #FFF;
  margin-bottom: 35px;
}

.block-border .block-title {
  border-bottom: 1px solid #DBDBDB;
}

.block-border .block-title .title {
  float: left;
}

.block-border .block-title a {
  float: right;
  padding: 22px 30px 0 0;
}

.full-width {
  background: #FFF;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
}

.home--weber .full-width {
  border: none;
  padding-bottom: 40px;
}

.communication {
  padding: 40px 0;
  text-align: center;
}

.communication .block-border {
  display: block;
  color: #6F6F6F;
  width: 560px;
  margin: 0 20px 0 30px;
  float: left;
}

.communication .block-border img {
  display: block;
}

@media only screen and (max-width: 1200px) {
  .communication .block-border {
    width: 46%;
    margin: 0 2%;
  }
}

@media only screen and (max-width: 960px) {
  .communication .block-border {
    margin: 5% 2%;
  }
}

@media only screen and (max-width: 767px) {
  .communication .block-border {
    float: none;
    width: auto;
    margin: 40px 20px 20px 20px;
  }
}

.communication .block-border + .block-border {
  margin: 0;
}

@media only screen and (max-width: 1200px) {
  .communication .block-border + .block-border {
    margin: 0 2%;
  }
}

@media only screen and (max-width: 960px) {
  .communication .block-border + .block-border {
    margin: 5% 2%;
  }
}

@media only screen and (max-width: 767px) {
  .communication .block-border + .block-border {
    margin: 0 20px 40px 20px;
  }
}

.box-login {
  width: 700px;
  height: 570px;
  margin: -285px 0 0 -350px;
}

@media only screen and (max-width: 767px) {
  .box-login {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    width: auto;
    height: auto;
  }
  .box-login + .superbox-overlay {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .box-login .superbox-close {
    display: none;
  }
}

.box-login h2 {
  font-size: 28px;
  text-align: center;
  height: 80px;
  border-bottom: 1px solid #DBDBDB;
  padding-top: 22px;
}

@media only screen and (max-width: 767px) {
  .box-login h2 {
    border: none;
    height: auto;
    font-size: 20px;
  }
}

.box-login .form-content {
  padding: 40px 50px;
}

@media only screen and (max-width: 767px) {
  .box-login .form-content {
    padding: 10px 25px 30px 25px;
  }
}

.box-login .form-content h3 {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .box-login .form-content h3 {
    font-size: 14px;
  }
}

.box-login .form-content p {
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .box-login .form-content p {
    margin: 0;
    margin-bottom: 15px;
  }
}

.box-login .form-content .submit-field {
  margin-top: 20px;
}

.box-login .form-content .required {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

@media only screen and (max-width: 767px) {
  .box-login .form-content .required {
    position: relative;
    bottom: auto;
    left: auto;
  }
}

.box-contact {
  width: 700px;
  height: 570px;
  margin: -285px 0 0 -350px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}

.box-contact.superbox-opened {
  visibility: visible;
  opacity: 1;
}

.box-contact + .superbox-overlay {
  display: none;
}

@media only screen and (max-width: 767px) {
  .box-contact {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    width: auto;
    height: auto;
  }
  .box-contact + .superbox-overlay {
    display: none;
  }
  .box-contact .superbox-content {
    overflow-y: scroll;
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .box-contact .superbox-close {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}

.box-contact h2 {
  font-size: 28px;
  text-align: center;
  height: 80px;
  border-bottom: 1px solid #DBDBDB;
  padding-top: 22px;
}

@media only screen and (max-width: 767px) {
  .box-contact h2 {
    height: auto;
    font-size: 20px;
    text-align: left;
    height: 70px;
    padding: 22px 15px 0 15px;
    margin-bottom: 10px;
  }
}

.box-contact .form-content {
  padding: 40px 50px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .box-contact .form-content {
    padding: 10px 25px 30px 25px;
  }
}

.box-contact .form-content h3 {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .box-contact .form-content h3 {
    font-size: 14px;
  }
}

.box-contact .form-content h3 a {
  text-decoration: underline;
}

.box-contact .form-content p {
  max-width: 300px;
  margin: 0 auto 15px auto;
}

@media only screen and (max-width: 767px) {
  .box-contact .form-content p {
    max-width: 268px;
  }
}

.box-contact .form-content p label {
  float: none;
  width: auto;
  height: auto;
  padding-top: 0;
  text-align: left;
  margin: 0 0 5px 0;
}

.box-contact .form-content p textarea {
  width: 100%;
}

.box-contact .form-content .custom-select {
  width: 100%;
}

.box-contact .form-content .submit-field {
  margin-top: 20px;
  padding-left: 0;
  text-align: center;
}

.box-contact .form-content .submit-field input {
  width: 210px;
}

@media only screen and (max-width: 767px) {
  .box-contact .form-content .submit-field input {
    width: 100%;
    max-width: 268px;
  }
}

.box-contact .form-content .required {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

@media only screen and (max-width: 767px) {
  .box-contact .form-content .required {
    position: relative;
    bottom: auto;
    left: auto;
  }
}

.box-bundle {
  width: 700px;
  height: 570px;
  margin: -285px 0 0 -350px;
}

@media only screen and (max-width: 767px) {
  .box-bundle {
    /*position: relative;
  	left: auto;
  	top: auto;
  	margin: 0;*/
    position: absolute;
    left: 10px;
    right: 10px;
    top: 40px;
    width: auto;
    height: auto;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .box-bundle .superbox-close {
    width: 40px;
    height: 40px;
    top: 0px;
    right: 0px;
  }
  .box-bundle .superbox-close [class*="icon-"] {
    font-size: 14px;
  }
}

.box-bundle h2 {
  font-size: 28px;
  text-align: center;
  height: 80px;
  border-bottom: 1px solid #DBDBDB;
  padding-top: 22px;
}

@media only screen and (max-width: 767px) {
  .box-bundle h2 {
    height: auto;
    font-size: 14px;
    padding: 10px 0 0 0;
    height: 40px;
  }
}

.box-bundle .form-content {
  padding: 40px 90px;
}

@media only screen and (max-width: 767px) {
  .box-bundle .form-content {
    padding: 10px 10px 20px 10px;
  }
}

.box-bundle .form-content h3 {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .box-bundle .form-content h3 {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.box-bundle .form-content p {
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .box-bundle .form-content p {
    margin: 0;
    margin-bottom: 15px;
  }
}

.box-bundle .form-content .product-field {
  border-bottom: 1px solid #DBDBDB;
  padding: 20px 0 5px 0;
}

@media only screen and (max-width: 767px) {
  .box-bundle .form-content .product-field {
    padding-top: 10px;
    margin-bottom: 10px;
  }
}

.box-bundle .form-content .product-field label {
  text-align: left;
  color: #000;
  width: 55%;
  padding-top: 0;
}

@media only screen and (max-width: 767px) {
  .box-bundle .form-content .product-field label {
    float: none;
    width: auto;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-left: 70px;
  }
}

.box-bundle .form-content .product-field label img {
  display: inline-block;
  float: left;
  max-width: 60px;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .box-bundle .form-content .product-field label img {
    max-width: 60px;
    margin-right: 10px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.box-bundle .form-content .product-field .option {
  float: right;
  width: 40%;
}

@media only screen and (max-width: 767px) {
  .box-bundle .form-content .product-field .option {
    float: none;
    width: auto;
    margin-top: 10px;
    display: block;
  }
}

.box-bundle .form-content .product-field .option .custom-select {
  width: 100%;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .box-bundle .form-content .product-field .option .custom-select {
    max-width: none;
  }
  .box-bundle .form-content .product-field .option .custom-select select {
    background: #FFF;
  }
}

.box-bundle .form-content .submit-field {
  margin-top: 20px;
  padding-left: 0;
}

.box-bundle .form-content .submit-field input[type="submit"] {
  background: #99CC00;
  height: 44px;
  float: right;
  max-width: 220px;
}

@media only screen and (max-width: 767px) {
  .box-bundle .form-content .submit-field input[type="submit"] {
    max-width: none;
  }
}

.box-bundle .form-content .required {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

@media only screen and (max-width: 767px) {
  .box-bundle .form-content .required {
    position: relative;
    bottom: auto;
    left: auto;
  }
}

@media only screen and (max-width: 767px) {
  .expand-btn {
    cursor: pointer;
    position: relative;
  }
}

.expand-btn [class*="icon-"] {
  display: none;
}

@media only screen and (max-width: 767px) {
  .expand-btn [class*="icon-"] {
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    font-size: 20px;
    margin-top: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .expand-btn + .expand-content {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .expand-btn.expanded {
    color: #B00834;
  }
  .expand-btn.expanded [class*="icon-"] {
    color: #B00834;
  }
}

@media only screen and (max-width: 767px) {
  .expand-btn.expanded + .expand-content {
    display: block;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [homepage]

-------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .gift-carousel {
    border-bottom: 1px solid #DBDBDB;
  }
}

@media only screen and (max-width: 767px) {
  .gift-carousel + .arrow-btn {
    border-top: 1px solid #DBDBDB;
    padding: 15px 10px;
    text-align: center;
    margin-top: 50px;
  }
}

.inspiration__container {
  background: #ffeb00;
}

/*-----------------------------------------------------------------------------------------------------
    [login]
-------------------------------------------------------------------------------------------------------*/
.new-login {
  background: #FFF;
  padding-top: 0;
}

.login__bg {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 500px;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 960px) {
  .login__bg {
    background: #FFF !important;
  }
}

.login__bg.login__bg--blur {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

.login__promo {
  position: absolute;
  z-index: 3;
  max-width: 560px;
}

@media only screen and (max-width: 1200px) {
  .login__promo {
    max-width: 400px;
  }
}

@media only screen and (max-width: 1070px) {
  .login__promo {
    max-width: 300px;
  }
}

@media only screen and (max-width: 960px) {
  .login__promo {
    display: none;
  }
}

.login__promo.login__promo--blur img {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

.login__video {
  position: relative;
  z-index: 2;
  padding-bottom: 52.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
  .login__video {
    padding-bottom: 58.25%;
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .login__video {
    padding-bottom: 56.25%;
  }
}

.login__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.login__video--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}

.login__video--fixed iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.login__promo--centered {
/*  -webkit-transform: translate(-webkit-calc(-50% - 250px), -50%);
      -ms-transform: translate(calc(-50% - 250px), -50%);
          transform: translate(calc(-50% - 250px), -50%);*/
  -webkit-transform: translateX(-50%) translateX(-250px) translateY(-50%) translateY(-50px);
  -ms-transform: translateX(-50%) translateX(-250px) translateY(-50%) translateY(-50px);
  transform: translateX(-50%) translateX(-250px) translateY(-50%) translateY(-50px);
}

.login {
  background: #FFF;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  height: 100%;
  width: 500px;
  overflow-y: auto;
  font-family: "Poppins", sans-serif;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 960px) {
  .login {
    position: relative;
    height: auto;
    right: auto;
    top: auto;
    width: auto;
  }
}

/*
* header
*/
.login__header {
  padding: 20px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 960px) {
  .login__header {
    padding: 10px;
  }
}

.login__header .header__button {
  text-align: center;
  display: inline-block;
  margin: 0 5px;
}

@media only screen and (max-width: 960px) {
  .login__header .header__button {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .login__header .header__button {
    margin: 0 10px;
  }
}

@media only screen and (max-width: 450px) {
  .login__header .header__button {
    margin: 0 5px;
  }
}

.login__header .header__button img {
  display: block;
  margin: 0 auto;
  max-width: 46px;
}

@media only screen and (max-width: 767px) {
  .login__header .header__button img {
    max-width: 30px;
  }
}

.login__header .header__button span {
  display: block;
  color: #6F6F6F;
  font-size: 12px;
}

@media only screen and (max-width: 960px) {
  .login__header .header__button span {
    display: none;
  }
}

.login__header .header__button:hover img {
  opacity: 0.8;
}

.login__header .header__button:hover span {
  color: #000000;
}

.login__header-left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media only screen and (max-width: 960px) {
  .login__header-left {
    display: none;
  }
}

.login__header-right {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding: 0 70px 0 20px;
}

@media only screen and (max-width: 960px) {
  .login__header-right {
    padding: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.login__header-right .login__logo {
  display: none;
}

@media only screen and (max-width: 960px) {
  .login__header-right .login__logo {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: block;
    margin: 0;
  }
  .login__header-right .login__logo img {
    max-width: 160px;
    margin: 0;
  }
}

@media only screen and (max-width: 450px) {
  .login__header-right .login__logo img {
    max-width: 100px;
  }
}

.header__lang {
  position: absolute;
  top: -20px;
  right: 0px;
  width: 50px;
  height: 40px;
  border-radius: 0;
  background: #E4E4E4;
}

@media only screen and (max-width: 960px) {
  .header__lang {
    position: relative;
    top: auto;
    right: auto;
  }
}

@media only screen and (max-width: 767px) {
  .header__lang {
    height: 30px;
  }
}

.header__lang:after {
  color: #6F6F6F;
  right: 5px;
}

.header__lang select {
  height: 40px;
  background: #E4E4E4;
  color: #6F6F6F;
  border-radius: 0;
  padding-left: 5px;
  padding-right: 15px;
  border-color: #E4E4E4;
}

@media only screen and (max-width: 767px) {
  .header__lang select {
    height: 30px;
  }
}

.header__lang select:focus {
  border-color: #E4E4E4;
}

/*
* Content
*/
.login__content {
  text-align: center;
  margin: 10px 0 0 0;
  padding: 0 35px;
}

@media only screen and (max-width: 767px) {
  .login__content {
    margin-top: 0;
    padding: 0 20px;
  }
}

.login__content .login__btn-content {
  display: none;
  position: relative;
}

@media only screen and (max-width: 960px) {
  .login__content .login__btn-content {
    display: block;
    padding-right: 50px;
    padding-left: 50px;
  }
}

.login__content .login__btn-content .btn-icon {
  position: absolute;
  left: -15px;
}

@media only screen and (max-width: 960px) {
  .login__content .login__btn-content .btn-icon {
    width: 75px;
    padding: 0;
  }
}

.login__content .login__video {
  display: none;
}

@media only screen and (max-width: 960px) {
  .login__content .login__video {
    display: block;
    margin: 0 -40px 20px -40px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
  }
  .login__content .login__video iframe {
    width: 100%;
    z-index: 2;
  }
  .login__content .login__video .login__video-img {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 10px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .login__content .login__video {
    margin: 0 -20px 20px -20px;
  }
}

.login__logo {
  display: inline-block;
  margin-bottom: 20px;
}

@media only screen and (max-width: 960px) {
  .login__logo {
    display: none;
  }
}

.login__cover-mobile {
  display: none;
}

@media only screen and (max-width: 960px) {
  .login__cover-mobile {
    display: block;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: none;
    margin-bottom: 20px;
  }
}

.login__subtitle {
  font-size: 16px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 960px) {
  .login__subtitle {
    font-size: 12px;
  }
}

.login__subtitle a {
  text-decoration: underline;
}

.login__title {
  text-transform: uppercase;
  font-size: 25px;
  line-height: 120%;
  margin-bottom: 20px;
}

@media only screen and (max-width: 960px) {
  .login__title {
    font-size: 16px;
  }
}

.login__infos {
  font-size: 11px;
  color: #6F6F6F;
  margin-bottom: 20px;
  text-align: left;
  line-height: 120%;
}

.login__infos.has-fixed-btn {
  position: relative;
}

.login__infos.has-fixed-btn button {
  position: absolute;
  -webkit-transform: translateX(-webkit-calc(-100% - 40px));
      -ms-transform: translateX(calc(-100% - 40px));
          transform: translateX(calc(-100% - 40px));
  left: 0;
  top: 0;
}

@media only screen and (max-width: 960px) {
  .login__infos.has-fixed-btn button {
    display: none !important;
  }
}

.form__login .divider {
  background: #000;
  max-width: 200px;
  margin: 20px auto;
}

.form__login button.secondary-btn {
  padding: 0 20px;
}

.form__login .secondary-btn {
  min-height: 50px;
  font-size: 26px;
  text-transform: uppercase;
  max-width: 320px;
  width: 100%;
  cursor: pointer;
}

@media only screen and (max-width: 960px) {
  .form__login .secondary-btn {
    min-height: 30px;
    font-size: 18px;
    max-width: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .form__login .secondary-btn {
    max-width: 220px;
    padding-left: 0;
    padding-right: 0;
  }
}

.form__login .secondary-btn.outline {
  max-width: 350px;
}

@media only screen and (max-width: 767px) {
  .form__login .secondary-btn.outline {
    max-width: 220px;
    padding-left: 0;
    padding-right: 0;
  }
}

/*
* Footer
*/
.login__footer {
  text-align: center;
  padding: 20px 20px 20px 20px;
}

.footer__app p {
  font-size: 13px;
  text-transform: uppercase;
}

.footer__app ul {
  text-align: center;
}

.footer__app li {
  display: inline-block;
  margin: 10px;
}

.footer__app li img {
  max-width: 95px;
}

.footer__app a {
  display: block;
}

.footer__cgv {
  display: block;
  text-decoration: underline;
  font-size: 16px;
  margin-bottom: 10px;
}

.footer__cgv:hover {
  color: #6F6F6F;
}

.footer__link li {
  display: inline-block;
  margin: 5px;
}

.footer__link a {
  font-size: 11px;
  text-decoration: underline;
  color: #6F6F6F;
}

.footer__link a:hover {
  color: #000000;
}

.footer__legal {
  font-size: 11px;
  color: #6F6F6F;
}

.footer__legal a {
  font-size: 11px;
  text-decoration: underline;
  color: #6F6F6F;
}

.footer__legal a:hover {
  color: #000000;
}

/*
* Weber theme
*/
.login--weber .form__login .secondary-btn {
  max-width: 360px;
}

/*
* Register
*/
.login--register {
  width: 1000px;
}

@media only screen and (max-width: 1600px) {
  .login--register {
    width: 600px;
  }
}

@media only screen and (max-width: 960px) {
  .login--register {
    width: auto;
  }
}

.login--register .login__header .header__button {
  margin: 0 20px;
}

@media only screen and (max-width: 1600px) {
  .login--register .login__header .header__button {
    margin: 0 5px;
  }
}

.login--register .login__header-right {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.login--register .login__content .login__logo {
  max-width: 215px;
}

.login--register .login__infos {
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
}

.login--register .login__infos.has-fixed-btn button {
  left: -20px;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.login--register .login__infos.has-fixed-btn .btn-icon .btn-icon__icon {
  width: 30px;
  height: 30px;
}

.login--register .login__infos.has-fixed-btn .btn-icon .btn-icon__icon i {
  font-size: 22px;
}

.login--register .login__infos.has-fixed-btn .btn-icon .btn-icon__label {
  font-size: 11px;
  text-transform: none;
}

@media only screen and (max-width: 1600px) {
  .login--register .login__infos.has-fixed-btn button {
    left: -10px;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [page-product]

-------------------------------------------------------------------------------------------------------*/
.product-content {
  padding-bottom: 60px;
}

@media only screen and (max-width: 960px) {
  .product-content {
    background: #FFF;
  }
}

.product-content .slide-progress {
  display: none;
}

@media only screen and (max-width: 960px) {
  .product-content .slide-progress {
    display: none;
    background: #FFF;
    border-bottom: 1px solid #DBDBDB;
  }
  .product-content .slide-progress .product-progress {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    padding: 60px 0 0 0;
  }
  .product-content .slide-progress .product-progress img {
    max-width: 130px;
    display: inline-block;
    width: auto;
  }
  .product-content .slide-progress .product-progress .status {
    margin: 10px auto 0 auto;
  }
  .product-content .slide-progress .product-progress .progress-bar {
    z-index: 9;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -100px;
  }
}

.block-product {
  border: 1px solid #DBDBDB;
  background: #FFF;
  padding: 40px 50px;
  margin-right: 390px;
  position: relative;
  min-height: 520px;
}

@media only screen and (max-width: 960px) {
  .block-product {
    margin-right: 0;
    border: none;
    min-height: 0;
    padding: 0;
    background: #F8F8F8;
  }
}

.block-product .product-carousel {
  width: 51%;
  float: left;
}

@media only screen and (max-width: 960px) {
  .block-product .product-carousel {
    display: block;
    float: none;
    width: auto;
    position: relative;
    padding: 50px 0 70px 0;
    background: #FFF;
    border-bottom: 1px solid #DBDBDB;
  }
}

.block-product .product-carousel .product-progress {
  display: none;
  pointer-events: none;
}

@media only screen and (max-width: 960px) {
  .block-product .product-carousel .product-progress {
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 200px;
    text-align: center;
    padding: 190px 0 0 0;
  }
  .block-product .product-carousel .product-progress .status {
    margin: 0 auto;
  }
  .block-product .product-carousel .product-progress .progress-bar {
    z-index: 9;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -100px;
  }
}

.block-product .product-carousel .owl-carousel {
  margin-bottom: 20px;
}

@media only screen and (max-width: 960px) {
  .block-product .product-carousel .owl-carousel {
    margin-bottom: 0;
  }
}

.block-product .product-carousel .owl-carousel .item {
  padding: 40px;
}

@media only screen and (max-width: 960px) {
  .block-product .product-carousel .owl-carousel .item {
    text-align: center;
    padding: 0;
  }
  .block-product .product-carousel .owl-carousel .item img {
    max-width: 130px;
    display: inline-block;
  }
}

@media only screen and (max-width: 960px) {
  .block-product .product-carousel .owl-carousel.hidden-nav .owl-nav .owl-prev {
    -webkit-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
            transform: translateX(-5px);
  }
}

@media only screen and (max-width: 960px) {
  .block-product .product-carousel .owl-carousel.hidden-nav .owl-nav .owl-next {
    -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px);
  }
}

.block-product .product-carousel .owl-carousel .owl-dots {
  display: none;
}

@media only screen and (max-width: 960px) {
  .block-product .product-carousel .thumb-carousel {
    display: none;
  }
}

.block-product p {
  line-height: 150%;
}

.block-product.main-infos {
  padding: 20px 60px 40px 20px;
}

@media only screen and (max-width: 960px) {
  .block-product.main-infos {
    padding: 0;
  }
}

.block-product .infos {
  width: 44%;
  float: right;
  padding-top: 20px;
}

@media only screen and (max-width: 960px) {
  .block-product .infos {
    width: auto;
    float: none;
    padding: 20px;
  }
}

.block-product .infos h1 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px;
}

.block-product .infos .badge-content {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding: 20px 0 20px 60px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .block-product .infos .badge-content {
    padding: 10px 0 5px 40px;
    margin-bottom: 0;
    font-size: 14px;
  }
}

.block-product .infos .badge-content .badge {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -22px;
}

@media only screen and (max-width: 767px) {
  .block-product .infos .badge-content .badge {
    margin-top: -18px;
  }
}

@media only screen and (max-width: 960px) {
  .block-product .infos .small-description {
    display: none;
  }
}

.block-product .infos .small-description p {
  margin-bottom: 15px;
}

.block-product .infos .small-description a {
  text-decoration: underline;
}

.block-product .infos .product-progress {
  border: 1px solid #DBDBDB;
  background: #FFF;
  padding: 50px 50px 0 50px;
  width: 391px;
  position: absolute;
  top: -1px;
  right: -391px;
  text-align: center;
  min-height: 520px;
}

@media only screen and (max-width: 960px) {
  .block-product .infos .product-progress {
    position: relative;
    top: auto;
    right: auto;
    padding: 0;
    border: none;
    width: auto;
    min-height: 0;
    text-align: left;
    margin-bottom: 10px;
    background: #F8F8F8;
  }
}

.block-product .infos .product-progress.sticky-fixed {
  position: fixed;
  right: -391px;
}

.block-product .infos .product-progress .points {
  position: relative;
  margin-bottom: 35px;
}

@media only screen and (max-width: 960px) {
  .block-product .infos .product-progress .points {
    margin-bottom: 0px;
  }
}

.block-product .infos .product-progress .points p {
  padding-top: 80px;
  text-align: center;
  font-size: 33px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

@media only screen and (max-width: 960px) {
  .block-product .infos .product-progress .points p {
    padding-top: 0;
    text-align: left;
    line-height: 110%;
  }
}

.block-product .infos .product-progress .points p span {
  font-size: 18px;
  font-weight: 400;
}

.block-product .infos .product-progress .points .status {
  margin: 40px auto 0 auto;
}

@media only screen and (max-width: 960px) {
  .block-product .infos .product-progress .points .status {
    display: none;
  }
}

.block-product .infos .product-progress .points .progress-bar {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  height: 200px;
}

@media only screen and (max-width: 960px) {
  .block-product .infos .product-progress .points .progress-bar {
    display: none;
  }
}

.block-product .infos .product-progress .custom-select {
  max-width: 220px;
  margin: 0 auto 15px auto;
}

@media only screen and (max-width: 960px) {
  .block-product .infos .product-progress .custom-select {
    max-width: none;
    width: 100%;
  }
  .block-product .infos .product-progress .custom-select select {
    background: #FFF;
  }
}

.block-product .infos .product-progress .custom-select + .custom-select {
  margin-bottom: 10px;
}

.block-product .infos .product-progress .points + p {
  font-size: 15px;
  margin-bottom: 10px;
  color: #A40000;
  font-weight: bold;
}

.block-product .infos .product-progress .points + p.pending-text {
  color: #DF7100;
  font-weight: normal;
}

.block-product .infos .product-progress .points + p.pending-text u {
  font-weight: bold;
}

.block-product .infos .product-progress .points + p.pending-text a {
  color: #DF7100;
  font-weight: bold;
}

.block-product .infos .product-progress .points + p + p {
  font-size: 14px;
  color: #000000;
  margin-bottom: 10px;
  font-weight: normal;
}

.block-product .infos .product-progress .points + p + p strong {
  font-size: 16px;
}

.block-product .infos .product-progress p a {
  text-decoration: underline;
}

.block-product .infos .product-progress .primary-btn {
  height: 44px;
  font-size: 18px;
  padding: 13px 40px 0 40px;
  margin: 15px 0 5px 0;
}

@media only screen and (max-width: 960px) {
  .block-product .infos .product-progress .primary-btn {
    max-width: 240px;
  }
}

@media only screen and (max-width: 450px) {
  .block-product .infos .product-progress .primary-btn {
    width: 100%;
    max-width: none;
  }
}

.block-product .infos .product-progress .arrow-btn {
  margin-top: 25px;
}

.block-product .infos .product-progress .block-btn {
  border-top: 1px solid #DBDBDB;
  margin: 20px auto 20px auto;
  padding: 10px 0;
  max-width: 200px;
  text-align: center;
}

@media only screen and (max-width: 960px) {
  .block-product .infos .product-progress .block-btn {
    max-width: none;
    text-align: left;
  }
}

.block-product .infos .product-progress .block-btn button {
  display: inline-block;
}

.block-product.block-infos {
  border-top: none;
}

.block-product.block-infos:last-child {
  border-bottom: 1px solid #DBDBDB;
}

@media only screen and (max-width: 960px) {
  .block-product.block-infos {
    border: none;
    border-top: 1px solid #DBDBDB;
    border-bottom: none;
    background: #FFF;
    padding: 0;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 960px) {
  .block-product.block-infos .expand-content {
    padding: 0 20px 30px 20px;
    margin-top: 20px;
  }
}

.block-product.block-infos h2 {
  font-size: 16px;
  padding-bottom: 30px;
  margin-bottom: 25px;
  font-family: Arial, Helvetica, sans-serif;
  /*font-weight: bold;*/
  border-bottom: 1px solid #DBDBDB;
}

@media only screen and (max-width: 767px) {
  .block-product.block-infos h2 {
    border: none;
  }
}

.block-product.block-infos h2.expanded {
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .block-product.block-infos h2.expanded {
    color: #B00834;
  }
}

@media only screen and (max-width: 960px) {
  .block-product.block-infos h2 {
    padding: 15px 0;
    margin: 0 20px;
  }
  .block-product.block-infos h2.expanded {
    border-bottom: 1px solid #DBDBDB;
  }
}

.block-product.block-infos h3 {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 25px;
}

.block-product.block-infos p {
  margin-bottom: 20px;
}

.block-product.block-infos ul {
  margin-bottom: 20px;
}

.block-product.block-infos ul li {
  margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------------------------
    [page-bundle]

-------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .product-content.product-bundle {
    padding-bottom: 0;
  }
}

.product-content.product-bundle .bundle-title {
  font-size: 28px;
  padding: 35px 30px 30px 30px;
  text-transform: uppercase;
  position: relative;
  border-left: 1px solid #DBDBDB;
  border-right: 1px solid #DBDBDB;
  background: #FFF;
  margin-right: 390px;
}

.product-content.product-bundle .bundle-title p {
  font-family: "Poppins", sans-serif;
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .bundle-title {
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    margin-right: 0;
    font-size: 19px;
    padding: 20px;
  }
}

.product-content.product-bundle .block-product {
  padding: 40px 50px;
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product {
    background: #FFF;
    padding: 10px 10px 20px 10px;
    border-bottom: 1px solid #DBDBDB;
  }
}

.product-content.product-bundle .block-product:not(.main-infos) {
  padding: 40px 20px 40px 20px;
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product:not(.main-infos) {
    padding-bottom: 20px;
    border-bottom: none;
  }
}

.product-content.product-bundle .block-product:not(.main-infos) .infos {
  width: auto;
  float: none;
  padding: 0 0 0 30px;
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product:not(.main-infos) .infos {
    padding-left: 0;
  }
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product:not(.main-infos) .infos h1 {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product:not(.main-infos) .infos .badge-content {
    padding: 10px 0 5px 40px;
  }
  .product-content.product-bundle .block-product:not(.main-infos) .infos .badge-content .badge {
    margin-top: -15px;
  }
}

.product-content.product-bundle .block-product:not(.main-infos) .infos .badge-content + p {
  color: #6F6F6F;
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product:not(.main-infos) .infos .badge-content + p {
    display: none;
  }
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product:not(.main-infos) .infos .product-progress {
    background: #FFF;
  }
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product .infos {
    padding: 20px 10px 10px 10px;
  }
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product .infos .small-description {
    display: block;
  }
  .product-content.product-bundle .block-product .infos .small-description .text {
    display: none;
  }
}

.product-content.product-bundle .block-product .product-carousel {
  margin-bottom: 20px;
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product .product-carousel {
    padding: 20px 0 20px 0;
    border-bottom: none;
    margin-bottom: 10px;
  }
  .product-content.product-bundle .block-product .product-carousel .owl-nav {
    display: none;
  }
  .product-content.product-bundle .block-product .product-carousel .owl-dots {
    display: block;
  }
  .product-content.product-bundle .block-product .product-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
  }
}

.product-content.product-bundle .block-product + .block-product {
  border-top: none;
}

.product-content.product-bundle .block-product .expand-btn-bundle {
  background: none;
  border: none;
  cursor: pointer;
  padding-right: 20px;
  color: #6F6F6F;
  position: relative;
  float: right;
}

.product-content.product-bundle .block-product .expand-btn-bundle [class*="icon-"] {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  color: #000;
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product .expand-btn-bundle [class*="icon-"] {
    font-size: 16px;
  }
}

.product-content.product-bundle .block-product .expand-content-bundle {
  display: none;
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product .expand-content-bundle {
    clear: both;
    padding: 10px 10px 0 10px;
  }
}

.product-content.product-bundle .block-product .expand-content-bundle h2 {
  font-size: 16px;
  padding-bottom: 30px;
  margin-bottom: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #DBDBDB;
}

@media only screen and (max-width: 960px) {
  .product-content.product-bundle .block-product .expand-content-bundle h2 {
    border-bottom: none;
    border-top: 1px solid #DBDBDB;
    padding: 15px 0 0px 0;
    margin-bottom: 15px;
  }
}

.product-content.product-bundle .block-product .expand-content-bundle h2 ~ h2 {
  margin-top: 60px;
}

.product-content.product-bundle .block-product .expand-content-bundle p {
  margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------------------------
    [page-point]

-------------------------------------------------------------------------------------------------------*/
.page-header {
  background: #FFF;
  border: 1px solid #DBDBDB;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .page-header {
    border: none;
    margin-bottom: 0;
    border-bottom: 1px solid #DBDBDB;
    padding: 0 10px;
  }
}

.page-header .header-block {
  float: left;
  width: 33.333%;
  min-height: 200px;
  padding: 30px 30px 0 30px;
  text-align: left;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .page-header .header-block {
    float: none;
    width: 100%;
    border: none;
    border-bottom: 1px solid #DBDBDB;
    padding: 12px 0 12px 40%;
    /*margin: 0 10px;*/
    min-height: 70px;
    position: relative;
  }
}

.page-header .header-block:before {
  content: "";
  display: block;
  background: #DBDBDB;
  width: 1px;
  position: absolute;
  top: 25px;
  bottom: 25px;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .page-header .header-block:before {
    display: none;
  }
}

.page-header .header-block:last-child:before {
  display: none;
}

@media only screen and (max-width: 767px) {
  .page-header .header-block:last-child {
    border: none;
  }
}

.page-header .header-block .block-title {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .page-header .header-block .block-title {
    position: absolute;
    top: 15px;
    left: 0;
    font-weight: 500;
    font-size: 13px;
    width: 32%;
    padding-top: 0px;
    text-align: left;
    margin-bottom: 0;
  }
}

.page-header .lvl .badge-content {
  display: inline-block;
  min-height: 80px;
  padding: 15px 0 0 90px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .page-header .lvl .badge-content {
    padding: 2px 0 0 50px;
    min-height: 0;
    margin-top: 8px;
    width: 65%;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
  }
}

.page-header .lvl .badge-content .pending {
  display: block;
  width: 26px;
  height: 26px;
  background: #FF8000;
  border: 1px solid #FFF;
  border-radius: 20px;
  text-align: center;
  position: absolute;
  left: 50px;
  top: 50px;
}

@media only screen and (max-width: 767px) {
  .page-header .lvl .badge-content .pending {
    width: 18px;
    height: 18px;
    left: 25px;
    top: 25px;
  }
}

.page-header .lvl .badge-content .pending [class*="icon-"] {
  text-align: center;
  color: #FFF;
  position: relative;
  top: 4px;
  left: 1px;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .page-header .lvl .badge-content .pending [class*="icon-"] {
    font-size: 11px;
    top: -1px;
    left: 0;
  }
}

.page-header .lvl .badge-content .badge {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -40px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .page-header .lvl .badge-content .badge {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
}

.page-header .lvl .badge-content p {
  font-family: "Poppins", sans-serif;
  text-align: left;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .page-header .lvl .badge-content p {
    font-size: 14px;
    margin-bottom: 0;
  }
}

.page-header .lvl .badge-content p + p {
  font-size: 14px;
  text-transform: none;
}

@media only screen and (max-width: 767px) {
  .page-header .lvl .badge-content p + p {
    font-size: 12px;
  }
}

.page-header .point .point-text {
  line-height: 100%;
  font-family: "Poppins", sans-serif;
}

@media only screen and (max-width: 767px) {
  .page-header .point .point-text {
    width: 55%;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
  }
}

.page-header .point .point-text ~ p {
  font-family: "Poppins", sans-serif;
}

@media only screen and (max-width: 767px) {
  .page-header .point .point-text ~ p {
    font-size: 12px;
  }
}

.page-header .point .point-text ~ p span {
  font-size: 18px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .page-header .point .point-text ~ p span {
    font-size: 16px;
  }
}

.page-header .point .point-text ~ p a {
  text-decoration: underline;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .page-header .point .point-text ~ p a {
    display: block;
  }
}

.page-header .point-offer {
  padding-top: 20px;
  text-align: center;
  display: block;
}

.page-header .point-offer img {
  width: 170px;
  margin: 0 auto 15px auto;
}

@media only screen and (max-width: 767px) {
  .page-header .point-offer img {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .page-header .point-offer .arrow-btn {
    font-size: 14px;
    width: 55%;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
  }
}

.level-progress {
  margin-top: 80px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .level-progress {
    margin-top: 10px;
  }
}

.level-progress .progress-bar {
  position: absolute;
  top: 0px;
  left: 68px;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .level-progress .progress-bar {
    display: none;
  }
}

.level-progress .legend {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  padding-left: 150px;
}

@media only screen and (max-width: 767px) {
  .level-progress .legend {
    display: none;
  }
}

.level-progress .legend p {
  color: #999999;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  float: left;
  padding: 15px 20px;
}

.level-progress .legend p:nth-child(1) {
  width: 22%;
}

@media only screen and (max-width: 1200px) {
  .level-progress .legend p:nth-child(1) {
    width: 20%;
  }
}

.level-progress .legend p:nth-child(2) {
  width: 18%;
}

@media only screen and (max-width: 1200px) {
  .level-progress .legend p:nth-child(2) {
    width: 15%;
  }
}

.level-progress .legend p:nth-child(3) {
  width: 30%;
}

@media only screen and (max-width: 960px) {
  .level-progress .legend p:nth-child(3) {
    width: 40%;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [page-operation]

-------------------------------------------------------------------------------------------------------*/
.page-operation .account-content .account-list {
  margin-bottom: 20px;
}

.page-operation .account-content .account-list .account-title {
  border-bottom: none;
}

/*-----------------------------------------------------------------------------------------------------
    [page-faq]

-------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .page-faq .title.mobile-title {
    border: none;
  }
  .page-faq .title.mobile-title:after {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .page-faq .faq-sidebar {
    display: none;
  }
}

/*-----------------------------------------------------------------------------------------------------
    [checkout]

-------------------------------------------------------------------------------------------------------*/
.page-checkout {
  padding-bottom: 150px;
}

@media only screen and (max-width: 767px) {
  .page-checkout img {
    max-width: 100%;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .page-checkout .mobile-title.title {
    border: none;
  }
  .page-checkout .mobile-title.title:after {
    display: none;
  }
}

.page-checkout .block-border {
  padding: 30px;
  max-width: 760px;
  margin: 0 auto 20px auto;
}

.page-checkout .block-border .checkout-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  padding-bottom: 25px;
  border-bottom: 1px solid #DBDBDB;
}

.page-checkout .checkout-address .checkout-title {
  border-bottom: none;
  padding-bottom: 0;
}

.page-checkout .checkout-address p {
  margin-bottom: 10px;
}

.page-checkout .checkout-address a {
  text-decoration: underline;
  color: #6D6D6D;
}

.page-checkout .checkout-list .checkout-title {
  margin-bottom: 0;
}

.page-checkout .checkout-list ul {
  margin-bottom: 25px;
}

.page-checkout .checkout-list ul li a {
  display: table;
  width: 100%;
  border-bottom: 1px solid #DBDBDB;
  padding: 15px 0;
  text-align: left;
}

.page-checkout .checkout-list ul li a .img {
  width: 110px;
  display: table-cell;
}

.page-checkout .checkout-list ul li a p {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: left;
}

.page-checkout .checkout-list .total p {
  text-align: right;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .page-checkout .checkout-list .total p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 450px) {
  .page-checkout .checkout-list .total p {
    text-align: left;
    font-size: 12px;
  }
}

.page-checkout .checkout-list .total p + p {
  margin-top: 15px;
}

.page-checkout .checkout-list .total p .label {
  width: 240px;
  text-align: left;
  display: inline-block;
}

@media only screen and (max-width: 450px) {
  .page-checkout .checkout-list .total p .label {
    width: 60%;
    text-align: left;
    /*display: block;
						width: auto;
						text-align: right;*/
  }
}

.page-checkout .checkout-list .total p .number {
  width: 110px;
  text-align: right;
  display: inline-block;
  padding-right: 10px;
}

@media only screen and (max-width: 450px) {
  .page-checkout .checkout-list .total p .number {
    width: 35%;
    padding-right: 0;
    /*width: auto;

						display: block;
						text-align: right;*/
  }
}

.page-checkout .checkout-list .total p .number u {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.page-checkout .cart-list ul {
  margin-bottom: 25px;
}

.page-checkout .cart-list ul li {
  display: table;
  width: 100%;
  border-bottom: 1px solid #DBDBDB;
  padding: 15px 0;
  text-align: left;
}

@media only screen and (max-width: 960px) {
  .page-checkout .cart-list ul li {
    position: relative;
    padding: 20px 0 20px 100px;
    display: block;
  }
}

.page-checkout .cart-list ul li .img {
  width: 110px;
  display: table-cell;
}

@media only screen and (max-width: 960px) {
  .page-checkout .cart-list ul li .img {
    display: block;
    position: absolute;
    left: 0;
    top: 25px;
  }
}

.page-checkout .cart-list ul li .infos {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: left;
  width: 50%;
  padding-right: 10px;
}

.page-checkout .cart-list ul li .infos a {
  color: #CCC;
  text-decoration: underline;
}

@media only screen and (max-width: 960px) {
  .page-checkout .cart-list ul li .infos {
    display: block;
    margin-bottom: 10px;
  }
}

.page-checkout .cart-list ul li .quantity {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

@media only screen and (max-width: 960px) {
  .page-checkout .cart-list ul li .quantity {
    display: block;
    margin-bottom: 10px;
  }
}

.page-checkout .cart-list ul li .quantity .button {
  height: 30px;
  width: 30px;
  background: #f8f8f8;
  border: 1px solid #dbdbdb;
  text-align: center;
  font-size: 18px;
  color: #7f7f7f;
  float: left;
}

.page-checkout .cart-list ul li .quantity .button.less {
  border-right: none;
}

.page-checkout .cart-list ul li .quantity .button.more {
  border-left: none;
}

.page-checkout .cart-list ul li .quantity .qty {
  height: 30px;
  width: 50px;
  float: left;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  text-align: center;
  border: 1px solid #dbdbdb;
  font-weight: normal;
}

.page-checkout .cart-list ul li .points {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

@media only screen and (max-width: 960px) {
  .page-checkout .cart-list ul li .points {
    display: block;
    margin-bottom: 10px;
  }
}

.page-checkout .cart-list ul li .points p {
  font-size: 14px;
}

.page-checkout .cart-list ul li .points p span {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

.page-checkout .cart-list .total p {
  text-align: right;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .page-checkout .cart-list .total p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 450px) {
  .page-checkout .cart-list .total p {
    text-align: left;
    font-size: 12px;
  }
}

.page-checkout .cart-list .total p + p {
  margin-top: 15px;
}

.page-checkout .cart-list .total p .label {
  width: 240px;
  text-align: left;
  display: inline-block;
}

@media only screen and (max-width: 450px) {
  .page-checkout .cart-list .total p .label {
    width: 60%;
    text-align: left;
    /*display: block;
						width: auto;
						text-align: right;*/
  }
}

.page-checkout .cart-list .total p .number {
  width: 110px;
  text-align: right;
  display: inline-block;
  padding-right: 10px;
}

@media only screen and (max-width: 450px) {
  .page-checkout .cart-list .total p .number {
    width: 35%;
    padding-right: 0;
  }
}

.page-checkout .cart-list .total p .number u {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.page-checkout .cart-list .total p.points {
  margin-top: 30px;
  color: #B00834;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 960px) {
  .page-checkout .cart-list .total p.points {
    font-size: 12px;
    text-align: right;
  }
}

.page-checkout .cart-list .total p.points + p {
  margin-top: 30px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 960px) {
  .page-checkout .cart-list .total p.points + p {
    font-size: 12px;
    text-align: right;
  }
}

.page-checkout .checkout-payment .checkout-title {
  position: relative;
}

.page-checkout .checkout-payment .checkout-title span {
  position: absolute;
  right: 80px;
  top: -6px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

@media only screen and (max-width: 500px) {
  .page-checkout .checkout-payment .checkout-title span {
    position: relative;
    right: auto;
    top: auto;
    display: block;
  }
}

.page-checkout .checkout-payment .checkout-title span [class*="icon-"]:before {
  font-size: 25px;
  position: relative;
  top: 5px;
}

.page-checkout .checkout-payment .checkout-title img {
  position: absolute;
  top: -4px;
  right: 0;
}

.page-checkout .checkout-payment .payment-form p {
  vertical-align: top;
}

.page-checkout .checkout-payment .payment-form p label,
.page-checkout .checkout-payment .payment-form p .label {
  color: #000;
  float: left;
  width: 180px;
  margin-right: 20px;
  text-align: left;
  padding-top: 8px;
  height: 38px;
}

@media only screen and (max-width: 767px) {
  .page-checkout .checkout-payment .payment-form p label,
  .page-checkout .checkout-payment .payment-form p .label {
    float: none;
    width: auto;
    margin: 0 0 10px 0;
    text-align: left;
    padding-top: 0;
    height: auto;
    display: block;
  }
}

.page-checkout .checkout-payment .payment-form p:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

@media only screen and (max-width: 767px) {
  .page-checkout .checkout-payment .payment-form .card-type span:not(.label) {
    display: block;
  }
}

.page-checkout .checkout-payment .payment-form .card-type input {
  vertical-align: middle;
  position: relative;
  top: -3px;
}

.page-checkout .checkout-payment .payment-form .card-type label {
  display: inline-block;
  float: none;
  width: auto;
  margin-right: 30px;
  text-align: left;
  padding-top: 0;
  height: auto;
  vertical-align: middle;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .page-checkout .checkout-payment .payment-form .card-number input {
    width: 100%;
  }
}

.page-checkout .checkout-payment .payment-form .card-expiration select {
  width: 110px;
  margin-right: 10px;
}

.page-checkout .checkout-payment .payment-form .card-crypto input {
  width: 90px;
  vertical-align: top;
}

.page-checkout .checkout-payment .payment-form .card-crypto img {
  display: inline-block;
  position: relative;
  top: 4px;
  left: 10px;
}

.page-checkout .checkout-validation {
  margin: 20px auto;
  max-width: 760px;
}

@media only screen and (max-width: 767px) {
  .page-checkout .checkout-validation {
    padding: 0 20px;
  }
}

.page-checkout .checkout-validation p {
  float: right;
  color: #6C6C6C;
}

.page-checkout .checkout-validation p a {
  color: #6C6C6C;
  text-decoration: underline;
}

.page-checkout .checkout-validation button {
  float: right;
}

@media only screen and (max-width: 450px) {
  .page-checkout .checkout-validation button {
    float: none;
    margin: 0 auto;
    width: 260px;
    display: block;
  }
}

.page-checkout .checkout-confirmation {
  text-align: center;
}

.page-checkout .checkout-confirmation.block-border {
  max-width: none;
  padding: 45px;
}

.page-checkout .checkout-confirmation p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 140%;
}

.page-checkout .checkout-confirmation p span {
  font-size: 32px;
  font-weight: 500;
}

.page-checkout .checkout-confirmation p a {
  text-decoration: underline;
}

.page-checkout .checkout-confirmation p + p {
  margin-bottom: 30px;
}

.page-checkout .checkout-confirmation .primary-btn {
  background-color: #000;
  width: 200px;
}

.page-checkout .checkout-confirmation .primary-btn [class*="icon-"] {
  left: 20px;
}

/*-----------------------------------------------------------------------------------------------------
    [account]

-------------------------------------------------------------------------------------------------------*/
.account-sidebar {
  float: left;
  width: 284px;
  margin-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .account-sidebar {
    float: none;
    width: auto;
    margin-bottom: 0;
  }
  .page-commande .account-sidebar,
  .page-operation .account-sidebar,
  .page-favoris .account-sidebar {
    display: none;
  }
}

.account-sidebar + .account-content {
  margin-left: 304px;
}

@media only screen and (max-width: 767px) {
  .account-sidebar + .account-content {
    margin: 0;
  }
}

.account-sidebar + .account-content .block-border {
  background: #FFF;
  border: 1px solid #DBDBDB;
  padding: 50px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .account-sidebar + .account-content .block-border {
    border: none;
    border-bottom: 1px solid #DBDBDB;
    padding: 0;
    margin-bottom: 0;
  }
}

.account-content {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .account-content {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .account-content .expand-content {
    padding: 20px;
  }
}

.account-content .expand-content .text-field {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .account-content .expand-content .text-field {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .account-content .expand-content .text-field.last {
    margin-bottom: 30px;
  }
}

.account-content .account-list {
  background: #FFF;
  border: 1px solid #DBDBDB;
}

.account-content .account-list .account-title {
  overflow: hidden;
  border-bottom: 1px solid #DBDBDB;
  padding: 35px 30px 30px 30px;
}

@media only screen and (max-width: 767px) {
  .account-content .account-list .account-title {
    padding: 15px;
  }
}

.account-content .account-list .account-title h2 {
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .account-content .account-list .account-title h2 {
    margin-bottom: 0;
  }
}

.account-content .account-list .account-title .custom-checkbox {
  float: left;
  margin: 22px 0 0 0;
}

@media only screen and (max-width: 960px) {
  .account-content .account-list .account-title .custom-checkbox {
    float: none;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .account-content .account-list .account-title .custom-checkbox {
    border-right: 1px solid #DBDBDB;
    min-height: 30px;
    float: left;
    width: 60%;
    padding-right: 10px;
  }
}

.account-content .account-list .account-title .custom-checkbox input[type="checkbox"] + label {
  padding-left: 26px;
  padding-top: 0px;
  margin: 0;
}

@media only screen and (max-width: 960px) {
  .account-content .account-list .account-title .custom-checkbox input[type="checkbox"] + label {
    padding-top: 7px;
  }
}

@media screen and (max-width: 445px) {
  .account-content .account-list .account-title .custom-checkbox input[type="checkbox"] + label {
    padding-top: 0;
  }
}

.account-content .account-list .account-title .custom-checkbox input[type="checkbox"] + label:before {
  width: 16px;
  height: 16px;
}

@media only screen and (max-width: 767px) {
  .account-content .account-list .account-title .custom-checkbox input[type="checkbox"] + label:before {
    top: 6px;
  }
}

.account-content .account-list .account-title .custom-checkbox input[type="checkbox"] + label:after {
  top: -1px;
  left: 2px;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .account-content .account-list .account-title .custom-checkbox input[type="checkbox"] + label:after {
    top: 6px;
  }
}

.account-content .account-list .account-title .custom-select {
  float: right;
  margin: 10px 0 0 0;
}

@media only screen and (max-width: 960px) {
  .account-content .account-list .account-title .custom-select {
    float: none;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .account-content .account-list .account-title .custom-select {
    margin: 22px 0 0 0;
    width: 40%;
    float: left;
    border: none;
    border-radius: 0;
    position: relative;
    font-size: 13px;
  }
  .account-content .account-list .account-title .custom-select.selected {
    color: #B00834;
  }
  .account-content .account-list .account-title .custom-select.selected:before {
    content: attr(data-label);
    position: absolute;
    top: 0px;
    left: 15px;
    text-align: right;
    pointer-events: none;
  }
  .account-content .account-list .account-title .custom-select.selected select {
    color: #B00834;
    padding-top: 16px;
  }
  .account-content .account-list .account-title .custom-select.selected select option {
    color: #000000;
  }
  .account-content .account-list .account-title .custom-select select {
    background: #FFF;
    border: none;
  }
}

.container-switch {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 430px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer; }
  .container-switch .label-text {
    text-align: left; }

.switch {
  position: relative;
  width: 38px;
  height: 24px;
  overflow: hidden;
  float: left;
  clear: both;
  margin-right: 10px; }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }

.switch_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E4E4E4;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .switch_slider:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 1px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .switch_slider:before {
    content: "✔";
    position: absolute;
    left: -11px;
    bottom: 2px;
    font-size: 15px;
    color: #FFF;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }

input:checked + .switch_slider {
  background-color: #000; }

input:checked + .switch_slider:after, input:checked + .switch_slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px); }

/* Rounded sliders */
.switch_slider.round {
  border-radius: 34px; }
  .switch_slider.round:after {
    border-radius: 50%; }
/*# sourceMappingURL=app.css.map */

.header--berner {
  font-family: 'poppinsregular'; }
  @media only screen and (max-width: 767px) {
    .header--berner {
      height: 106px; } }
  @media only screen and (max-width: 767px) {
    .header--berner .top-bar--alt + .container {
      padding: 0; } }
  .header--berner .avatar-mobile {
    display: none; }
  .header--berner .user-account {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff; }
    .header--berner .user-account:before {
      display: none; }
    .header--berner .user-account .infos {
      padding-top: 20px; }
    .header--berner .user-account .infos__hello {
      font-family: 'poppinsmedium' !important;
      font-size: 18px;
      font-weight: 800;
      text-transform: none; }
      @media only screen and (max-width: 960px) {
        .header--berner .user-account .infos__hello {
          font-size: 18px !important; } }
    .header--berner .user-account .user-account-content .arrow-btn {
      padding: 4px 0;
      background: #fff;
      display: inline-block;
      bottom: 0;
      max-width: 100%;
      left: 50%;
      font-family: 'poppinsmedium' !important;
      text-transform: uppercase;
      font-weight: 800;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media only screen and (max-width: 767px) {
        .header--berner .user-account .user-account-content .arrow-btn {
          display: none; } }
  .header--berner .user {
    height: 160px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #fff; }
    @media only screen and (max-width: 1025px) {
      .header--berner .user {
        border: none; } }
    @media only screen and (max-width: 767px) {
      .header--berner .user {
        height: auto;
        padding: 5px 10px 0 10px;
        width: 100%;
        padding-right: 80px; } }
  .header--berner .user__infos {
    width: 50%;
    position: relative;
    font-family: 'poppinsmedium';
    border-right: 1px solid #fff;
    padding: 15px 0 0 10px; }
    @media only screen and (max-width: 1025px) {
      .header--berner .user__infos {
        width: 65%; } }
    @media only screen and (max-width: 767px) {
      .header--berner .user__infos {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0; } }
  .header--berner .user__infos-member {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px; }
    @media only screen and (max-width: 1200px) {
      .header--berner .user__infos-member {
        font-size: 18px;
        line-height: 120%; } }
    @media only screen and (max-width: 767px) {
      .header--berner .user__infos-member {
        display: none;
        font-size: 11px; } }
    .header--berner .user__infos-member .icon {
      width: 50px;
      height: 50px;
      border: 1px solid #fff;
      background: #000;
      border-radius: 50px;
      display: block;
      margin-right: 20px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      padding: 5px; }
      @media only screen and (max-width: 1200px) {
        .header--berner .user__infos-member .icon {
          width: 47px;
          height: 47px;
          margin-right: 10px; } }
    .header--berner .user__infos-member strong {
      color: #000;
      font-weight: 900; }
  .header--berner .user__infos-link {
    position: relative;
    top: -17px;
    left: 70px;
    color: #fff;
    text-transform: none;
    text-decoration: underline;
    text-align: left;
    font-size: 12px;
    line-height: 120%; }
    @media only screen and (max-width: 1200px) {
      .header--berner .user__infos-link {
        top: -17px;
        left: 57px; } }
    @media only screen and (max-width: 767px) {
      .header--berner .user__infos-link {
        display: none; } }
  .header--berner .user__infos-points {
    color: #fff;
    text-align: center;
    font-size: 14px; }
    @media only screen and (max-width: 1200px) {
      .header--berner .user__infos-points {
        line-height: 120%; } }
    @media only screen and (max-width: 960px) {
      .header--berner .user__infos-points {
        font-size: 11px; } }
    @media only screen and (max-width: 767px) {
      .header--berner .user__infos-points {
        font-size: 10px;
        text-transform: uppercase;
        text-align: left;
        padding: 5px 0 0 0; }
        .header--berner .user__infos-points u {
          text-decoration: none;
          text-transform: none; } }
    @media only screen and (max-width: 360px) {
      .header--berner .user__infos-points {
        width: 150px; } }
    .header--berner .user__infos-points strong {
      color: #000;
      font-size: 16px; }
      @media only screen and (max-width: 767px) {
        .header--berner .user__infos-points strong {
          font-size: 12px; } }
  .header--berner .user__point {
    width: 50%;
    position: relative;
    padding-left: 30px;
    text-align: center; }
    @media only screen and (max-width: 1200px) {
      .header--berner .user__point {
        padding-left: 15px; } }
    @media only screen and (max-width: 960px) {
      .header--berner .user__point {
        padding-left: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 40%; } }
    @media only screen and (max-width: 767px) {
      .header--berner .user__point {
        height: auto;
        width: auto;
        position: relative; } }
    .header--berner .user__point p {
      text-align: center;
      margin-bottom: 5px;
      font-size: 15px;
      text-transform: uppercase; }
      @media only screen and (max-width: 960px) {
        .header--berner .user__point p {
          display: none; } }
    .header--berner .user__point .level {
      margin-left: 10px; }
      @media only screen and (max-width: 960px) {
        .header--berner .user__point .level {
          display: none; } }
    .header--berner .user__point .progress-bar-legend {
      margin-bottom: 4px; }
      @media only screen and (max-width: 960px) {
        .header--berner .user__point .progress-bar-legend {
          display: none; } }
    .header--berner .user__point .primary-btn {
      margin-left: auto;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-top: 0; }
      .header--berner .user__point .primary-btn span {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 4px; }
      @media only screen and (max-width: 960px) {
        .header--berner .user__point .primary-btn {
          font-size: 12px;
          line-height: 100%;
          text-align: center;
          margin-left: 0;
          width: 100%;
          margin-bottom: 17px; } }
      @media only screen and (max-width: 767px) {
        .header--berner .user__point .primary-btn {
          margin-top: -7px;
          height: 68px;
          width: 80px;
          border-radius: 0;
          border-radius: 0;
          height: 68px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-size: 12px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-right: 1px;
          text-indent: 0;
          margin-bottom: 0;
          padding: 0; }
          .header--berner .user__point .primary-btn [class*="icon-"] {
            position: relative;
            top: auto;
            left: auto;
            margin: 0;
            line-height: 70%;
            margin-top: 0px;
            margin-bottom: 2px;
            font-size: 45px; }
            .header--berner .user__point .primary-btn [class*="icon-"]:after {
              display: none; }
          .header--berner .user__point .primary-btn span {
            display: none; } }
      .header--berner .user__point .primary-btn [class*="icon-"] {
        display: none; }
        @media only screen and (max-width: 767px) {
          .header--berner .user__point .primary-btn [class*="icon-"] {
            display: block; } }
  .header--berner .gift-catalog {
    padding: 15px 0 0 0;
    border-right: 1px solid white; }
    @media only screen and (max-width: 832px) {
      .header--berner .gift-catalog {
        padding: 10px 0 0 0; } }
    @media only screen and (max-width: 767px) {
      .header--berner .gift-catalog {
        visibility: visible;
        display: block !important;
        display: block;
        width: 80px;
        padding: 0;
        border: none; } }
    .header--berner .gift-catalog:before {
      display: none; }
    .header--berner .gift-catalog:hover {
      background: none; }
      .header--berner .gift-catalog:hover .primary-btn [class*="icon-"] {
        color: #B00834; }
    .header--berner .gift-catalog .primary-btn {
      width: 168px;
      max-width: 100%;
      margin: 0 0 10px 0;
      padding: 10px 0 0 0;
      word-wrap: break-word;
      font-size: 15px; }
      @media only screen and (max-width: 767px) {
        .header--berner .gift-catalog .primary-btn {
          border-radius: 0;
          height: 68px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-size: 12px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          text-indent: 0;
          border-left: 1px solid #FFF; }
          .header--berner .gift-catalog .primary-btn [class*="icon-"] {
            position: relative;
            top: auto;
            left: auto;
            margin: 0;
            line-height: 70%;
            margin-top: 10px; }
            .header--berner .gift-catalog .primary-btn [class*="icon-"]:after {
              display: none; }
          .header--berner .gift-catalog .primary-btn img {
            width: 40%; }
          .header--berner .gift-catalog .primary-btn span {
            display: none; }
          .header--berner .gift-catalog .primary-btn:nth-child(1) img {
            width: 33px; }
          .header--berner .gift-catalog .primary-btn:nth-child(2) {
            position: relative;
            bottom: 78px;
            right: 80px;
            border-left: 1px solid #FFF; }
            .header--berner .gift-catalog .primary-btn:nth-child(2) img {
              width: 36px;
              padding: 2px 0 2px 0; } }
    .header--berner .gift-catalog .search-gift {
      position: relative;
      margin: 0 10px; }
      @media only screen and (max-width: 767px) {
        .header--berner .gift-catalog .search-gift {
          margin: 0;
          position: fixed;
          width: 100%;
          left: 0;
          top: 106px;
          padding: 10px;
          background: #f8f8f8; } }
      .header--berner .gift-catalog .search-gift input {
        width: 100%;
        height: 40px;
        border: 1px solid #e3e3e3;
        padding: 5px 10px;
        padding-right: 45px; }
        @media only screen and (max-width: 767px) {
          .header--berner .gift-catalog .search-gift input {
            font-size: 16px; } }
      .header--berner .gift-catalog .search-gift input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-style: italic;
        opacity: 1;
        color: #a0a0a0;
        font-size: 14px; }
      .header--berner .gift-catalog .search-gift input::-moz-placeholder {
        /* Firefox 19+ */
        font-style: italic;
        opacity: 1;
        color: #a0a0a0;
        font-size: 14px; }
      .header--berner .gift-catalog .search-gift input:-ms-input-placeholder {
        /* IE 10+ */
        font-style: italic;
        opacity: 1;
        color: #a0a0a0;
        font-size: 14px; }
      .header--berner .gift-catalog .search-gift input:-moz-placeholder {
        /* Firefox 18- */
        font-style: italic;
        opacity: 1;
        color: #a0a0a0;
        font-size: 14px; }
      .header--berner .gift-catalog .search-gift button {
        position: absolute;
        top: 1px;
        bottom: 1px;
        right: 0px;
        width: 40px;
        background: #fff;
        border: none;
        border-left: none; }
        @media only screen and (max-width: 767px) {
          .header--berner .gift-catalog .search-gift button {
            top: 11px;
            right: 11px;
            bottom: 11px;
            height: auto;
            border: none; } }
        .header--berner .gift-catalog .search-gift button [class*="icon-"] {
          font-size: 20px;
          color: #6f6f6f; }
  .header--berner .user__gift {
    width: 100%;
    position: relative;
    padding-right: 30px; }
    @media only screen and (max-width: 1025px) {
      .header--berner .user__gift {
        visibility: collapse;
        display: none !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    @media only screen and (max-width: 1200px) {
      .header--berner .user__gift {
        padding-right: 15px; } }
    @media only screen and (max-width: 960px) {
      .header--berner .user__gift {
        width: 60%; } }
    @media only screen and (max-width: 767px) {
      .header--berner .user__gift {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-right: 0; } }
    .header--berner .user__gift .primary-btn {
      position: absolute;
      padding: 3px 5px 20px 5px;
      border-radius: 0;
      height: 25px;
      max-width: 100%;
      font-family: 'poppinsRegular';
      font-size: 12px; }
      .header--berner .user__gift .primary-btn.check {
        bottom: 25px;
        left: 180px; }
      .header--berner .user__gift .primary-btn.catalog {
        bottom: 150px;
        left: 140px; }
    .header--berner .user__gift .user__gift-img {
      position: relative;
      bottom: 30px;
      right: 10px;
      height: 164px;
      text-align: center;
      display: block;
      width: 170px;
      background: #fff;
      padding: 26px 0;
      border-radius: 50%;
      -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
      transform: scale(0.6);
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      @media only screen and (max-width: 767px) {
        .header--berner .user__gift .user__gift-img {
          padding: 40px 10px 10px 10px;
          height: 280px; } }
      .header--berner .user__gift .user__gift-img .img {
        text-align: center;
        margin-bottom: 15px;
        height: 144px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .header--berner .user__gift .user__gift-img .img {
            height: 95px; } }
        .header--berner .user__gift .user__gift-img .img img {
          max-width: 100%;
          display: inline-block;
          width: 110px; }
          @media only screen and (max-width: 767px) {
            .header--berner .user__gift .user__gift-img .img img {
              max-width: 60px; } }
        .header--berner .user__gift .user__gift-img .img .status {
          margin: 7px auto 0 auto;
          position: absolute;
          bottom: -10px;
          left: 50%;
          margin-left: -15px; }
          @media only screen and (max-width: 767px) {
            .header--berner .user__gift .user__gift-img .img .status {
              bottom: 0;
              margin-top: 0; } }
        .header--berner .user__gift .user__gift-img .img .progress-bar {
          z-index: 9;
          position: absolute;
          top: -30px;
          left: 50%;
          margin-left: -85px;
          width: 170px;
          -webkit-transform: translate3d(0, 0, 0); }
          .header--berner .user__gift .user__gift-img .img .progress-bar canvas {
            z-index: 9; }
          @media only screen and (max-width: 767px) {
            .header--berner .user__gift .user__gift-img .img .progress-bar {
              top: -60px;
              -webkit-transform: scale(0.65);
              -ms-transform: scale(0.65);
              transform: scale(0.65); } }
    .header--berner .user__gift .user__gift-info {
      position: absolute;
      top: 10px;
      right: 50px;
      color: #fff;
      text-align: center;
      font-family: 'poppinsRegular';
      font-size: 15px; }
      .header--berner .user__gift .user__gift-info p {
        margin-bottom: 20px; }
      .header--berner .user__gift .user__gift-info a {
        font-family: 'poppinsMedium';
        font-weight: bold;
        position: absolute;
        right: 0px;
        font-size: 16px;
        color: #FFF;
        word-wrap: break-word;
        width: 100%; }
    .header--berner .user__gift .user__gift-point {
      display: block;
      position: absolute;
      bottom: 25px;
      left: 23px;
      max-width: 100%;
      height: 20px;
      background: #fff;
      color: #E0001B;
      text-align: center;
      min-width: 30%;
      padding-left: auto;
      word-wrap: break-word; }
    .header--berner .user__gift .user__gift-onlyPoint {
      display: block;
      position: absolute;
      bottom: 25px;
      left: 138px;
      width: 200px;
      max-width: 100%;
      text-align: center;
      text-transform: uppercase;
      font-size: 18px; }
    .header--berner .user__gift .progress-bar.circle::after, .header--berner .user__gift .progress-bar.circle::before {
      border: none; }
    .header--berner .user__gift .status.locked {
      background-color: #E0001B;
      border: none; }
  .header--berner .user-favoris {
    right: -1px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    text-align: center;
    width: 240px; }
    .header--berner .user-favoris a {
      color: #FFF;
      height: 100%;
      display: block;
      margin: auto;
      word-wrap: break-word;
      font-size: 15px;
      font-family: "Poppins", sans-serif; }
    .header--berner .user-favoris img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 60px;
      padding: 38px 0 10px 0; }
    @media only screen and (max-width: 767px) {
      .header--berner .user-favoris {
        display: none;
        visibility: hidden; } }
    @media only screen and (min-width: 1026px) {
      .header--berner .user-favoris {
        display: none; } }
  .header--berner .user__choose {
    width: 360px;
    position: relative;
    padding-right: 30px; }
    @media only screen and (max-width: 1025px) {
      .header--berner .user__choose {
        visibility: collapse;
        display: none !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    @media only screen and (max-width: 1200px) {
      .header--berner .user__choose {
        padding-right: 15px; } }
    @media only screen and (max-width: 960px) {
      .header--berner .user__choose {
        width: 60%; } }
    @media only screen and (max-width: 767px) {
      .header--berner .user__choose {
        display: none; } }
    .header--berner .user__choose .primary-btn {
      position: absolute;
      padding: 5px 10px 25px 10px;
      border-radius: 0;
      height: 25px;
      max-width: 100%;
      font-family: 'poppinsRegular';
      font-size: 12px; }
      .header--berner .user__choose .primary-btn.catalog {
        bottom: 10px;
        right: 35px; }
    .header--berner .user__choose .user__choose-img {
      position: absolute;
      bottom: 10px;
      left: -15px;
      height: 164px;
      text-align: center;
      display: block;
      width: 170px;
      background: #fff;
      padding: 10px 0;
      border-radius: 50%;
      -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
      transform: scale(0.6);
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      @media only screen and (max-width: 767px) {
        .header--berner .user__choose .user__choose-img {
          padding: 40px 10px 10px 10px;
          height: 280px; } }
      .header--berner .user__choose .user__choose-img .img {
        text-align: center;
        margin-bottom: 15px;
        height: 144px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .header--berner .user__choose .user__choose-img .img {
            height: 95px; } }
        .header--berner .user__choose .user__choose-img .img img {
          max-width: 100%;
          display: inline-block;
          width: 110px; }
          @media only screen and (max-width: 767px) {
            .header--berner .user__choose .user__choose-img .img img {
              max-width: 60px; } }
    .header--berner .user__choose .user__choose-info {
      position: absolute;
      bottom: 110px;
      right: 40px;
      color: #fff;
      text-align: center;
      font-family: 'poppinsRegular';
      font-size: 15px; }
      .header--berner .user__choose .user__choose-info p {
        margin-bottom: 20px;
        word-wrap: break-word; }
      .header--berner .user__choose .user__choose-info a {
        font-family: 'poppinsMedium';
        font-weight: bold;
        position: absolute;
        left: 0px;
        font-size: 16px;
        color: #FFF;
        word-wrap: break-word;
        width: 100%; }
    .header--berner .user__choose .user__choose-point {
      display: block;
      position: absolute;
      bottom: 45px;
      left: 24px;
      width: 100px;
      max-width: 100%;
      height: 20px;
      background: #fff;
      color: #E0001B;
      text-align: center;
      padding: 1px 0 0 0; }
  @media only screen and (min-width: 760px) {
    .header--berner .header--berner .user-account.active, .header--berner .header--berner .user-account:hover {
      color: #fff; } }
    .header--berner .user__points {
    text-align: center;
    padding: 10px 10px 0 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 1024px) {
      .header--berner .user__points {
        display: none; } }
    .header--berner .user__points .user__points-info {
      margin-bottom: 20px; }
    .header--berner .user__points .text-primary {
      font-size: 16px;
      margin-bottom: 20px; }
      .header--berner .user__points .text-primary strong {
        font-size: 22px; }
    .header--berner .user__points p {
      font-size: 16px; }
    .header--berner .user__points .user__points-btn {
      background: #E0001B;
      border: none;
      border-radius: 6px 6px 0 0;
      width: auto;
      position: absolute;
      bottom: 0;
      left: 50%;
      padding: 4px 10px;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      font-family: 'poppinsMedium'; }
      .header--berner .user__points .user__points-btn:hover {
        background-color: #FFF;
        color: #E0001B; }
        .header--berner .user__points .user__points-btn:hover [class*="icon-"] {
          color: #E0001B; }
  .header--berner .user-badge {
    display: none; }
    @media only screen and (max-width: 1024px) {
      .header--berner .user-badge {
        display: block;
        right: -1px;
        border-right: 1px solid rgba(255, 255, 255, 0.4);
        text-align: center;
        width: 200px; } }
    @media only screen and (max-width: 767px) {
      .header--berner .user-badge {
        display: none; } }
    .header--berner .user-badge a {
      color: #FFF;
      height: 100%;
      display: block;
      margin: auto;
      word-wrap: break-word;
      font-size: 15px;
      font-family: "Poppins", sans-serif; }
    .header--berner .user-badge img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 60px;
      padding: 38px 0 10px 0; }
      @media only screen and (max-width: 767px) {
        .header--berner .user-badge img {
          width: 30px; } }
  @media only screen and (min-width: 760px) {
    .header--berner .header--berner .user-account.active, .header--berner .header--berner .user-account:hover {
      color: #fff; } }

      /*-----------------------------------------------------------------------------------------------------
    [page-badges]
-------------------------------------------------------------------------------------------------------*/
.l-badges {
  font-family: 'poppinsmedium';
  padding: 10px; }
  .l-badges .c-title {
    padding: 10px;
    font-size: 16px;
    color: #FFF;
    background-color: #0B5AA1;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .l-badges .c-title.u-text-center {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    @media only screen and (max-width: 767px) {
      .l-badges .c-title {
        display: block; }
        .l-badges .c-title span {
          display: block; } }
  .l-badges .c-title--sm {
    padding: 5px 10px;
    font-size: 13px;
    margin-bottom: 10px; }
  .l-badges .c-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .l-badges .c-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .l-badges .c-list__item {
    width: calc(25% - 20px);
    min-width: 160px;
    margin: 0 10px 20px 10px; }
  .l-badges .c-msg {
    font-style: italic;
    color: #E0001B;
    margin-bottom: 20px; }

.c-badge {
  text-align: center;
  max-width: 160px; }

.c-badge__img {
  width: 150px;
  display: inline-block;
  margin-bottom: 10px; }

.c-badge__success {
  font-size: 12px; }

/*
* Popin badge
*/
.box-badge {
  width: 570px;
  height: 470px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: 'poppinsmedium'; }
  @media only screen and (max-width: 610px) {
    .box-badge {
      position: fixed;
      left: 20px !important;
      right: 20px !important;
      top: 20px !important;;
      bottom: 20px;
      margin: 0;
      transform: inherit !important;
      width: auto;
      height: 360px;
      -webkit-transform: translate(0);
      -ms-transform: translate(0);
      transform: translate(0); } }
  .box-badge .superbox-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px; }
    @media only screen and (max-width: 610px) {
      .box-badge .superbox-content {
        display: block;
        overflow-y: auto; } }
    .box-badge .superbox-content p {
      font-size: 18px;
      margin-bottom: 20px; }
    .box-badge .superbox-content img {
      max-width: 100%;
      width: auto;
      display: inline-block;
      margin-bottom: 20px; }
    .box-badge .superbox-content .c-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 0px; }
    .box-badge .superbox-content .c-list__item {
      width: calc(25% - 20px);
      min-width: 100px;
      margin: 0 10px 10px 10px; }
    .box-badge .superbox-content .primary-btn {
      background: #E0001B;
      color: #FFFFFF;
      margin-bottom: 20px;
      text-transform: none;
      font-weight: 700; }
      .box-badge .superbox-content .primary-btn:hover {
        background: #FFF;
        color: #E0001B;
        border: 1px solid #D3D3D3;
        font-weight: 700; }
 /*-----------------------------------------------------------------------------------------------------
    [faq-list]

-------------------------------------------------------------------------------------------------------*/
.faq-list {
  background: #FFF;
  border: 1px solid #DBDBDB; }
  @media only screen and (max-width: 767px) {
    .faq-list {
      border-bottom: none; } }
  .faq-list .expand-mobile-list {
    min-height: 50px;
    padding: 0 40px 0 15px;
    font-size: 16px;
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #DBDBDB; }
    .faq-list .expand-mobile-list [class*="icon-"] {
      display: block;
      position: absolute;
      right: 30px;
      top: 50%;
      margin-top: -5px; }
      @media only screen and (max-width: 767px) {
        .faq-list .expand-mobile-list [class*="icon-"] {
          right: 15px; } }
    .faq-list .expand-mobile-list:hover:not(:focus) {
      color: #B00834; }
      .faq-list .expand-mobile-list:hover:not(:focus) [class*="icon-"] {
        color: #B00834; }
    .faq-list .expand-mobile-list.expanded {
      color: #B00834; }
      .faq-list .expand-mobile-list.expanded [class*="icon-"] {
        color: #B00834; }
      .faq-list .expand-mobile-list.expanded + .expand-content {
        display: block; }
  .faq-list ul {
    display: none; }
    @media only screen and (max-width: 767px) {
      .faq-list ul {
        background: #F9F9F9; } }
    .faq-list ul.active {
      display: block; }
    .faq-list ul li {
      border-bottom: 1px solid #DBDBDB; }
      .faq-list ul li .expand-btn-faq {
        min-height: 80px;
        padding: 0 80px 0 30px;
        font-size: 16px;
        background: none;
        border: none;
        cursor: pointer;
        width: 100%;
        text-align: left;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .faq-list ul li .expand-btn-faq {
            min-height: 45px;
            padding: 10px 40px 10px 25px;
            font-size: 13px;
            font-weight: 500; } }
        .faq-list ul li .expand-btn-faq [class*="icon-"] {
          display: block;
          position: absolute;
          right: 30px;
          top: 50%;
          margin-top: -5px; }
          @media only screen and (max-width: 767px) {
            .faq-list ul li .expand-btn-faq [class*="icon-"] {
              right: 15px; } }
        .faq-list ul li .expand-btn-faq:hover:not(:focus) {
          color: #B00834; }
          .faq-list ul li .expand-btn-faq:hover:not(:focus) [class*="icon-"] {
            color: #B00834; }
        .faq-list ul li .expand-btn-faq.expanded {
          color: #B00834; }
          .faq-list ul li .expand-btn-faq.expanded [class*="icon-"] {
            color: #B00834; }
          .faq-list ul li .expand-btn-faq.expanded + .expand-content {
            display: block; }
      .faq-list ul li .expand-content {
        display: none;
        padding: 0 80px 30px 30px; }
        @media only screen and (max-width: 767px) {
          .faq-list ul li .expand-content {
            padding: 0  40px 30px 25px; } }
        .faq-list ul li .expand-content p {
          margin-bottom: 15px; }
      .faq-list ul li:last-child {
        border: none; }
        @media only screen and (max-width: 767px) {
          .faq-list ul li:last-child {
            border-bottom: 1px solid #DBDBDB; } }

.c-form-helper .c-form-helper__title {
  font-family: 'poppinsregular';
  margin: 20px 0 20px 2.8%; }
  .c-form-helper .c-form-helper__title h3 {
    font-size: 20px; }
  .c-form-helper .c-form-helper__title p {
    font-size: 16px; }

.c-form-helper .c-form-helper__subtitle {
  position: relative;
  margin: 10px 2.8% 10px 2.8%; }
  .c-form-helper .c-form-helper__subtitle p {
    position: relative;
    display: inline-block;
    z-index: 9;
    padding: 0 5px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0; }
  .c-form-helper .c-form-helper__subtitle .c-form-helper__line {
    position: absolute;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 1px;
    z-index: 0; }

.c-form-helper .c-form-helper__container-btn .c-form-helper__list-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .c-form-helper .c-form-helper__container-btn .c-form-helper__list-btn .c-form-helper__input-btn {
    width: 29.6%;
    margin: 0 0px 10px 2.8%; }
    @media only screen and (max-width: 767px) {
      .c-form-helper .c-form-helper__container-btn .c-form-helper__list-btn .c-form-helper__input-btn {
        width: 45.65%; } }
  .c-form-helper .c-form-helper__container-btn .c-form-helper__list-btn label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: 'poppinsmedium';
    text-transform: uppercase;
    border: 1px solid #111;
    border-radius: 3px;
    width: 100%;
    min-height: 52px;
    height: 100%;
    margin: 0;
    cursor: pointer; }
    .c-form-helper .c-form-helper__container-btn .c-form-helper__list-btn label:hover {
      border: 1px solid #E0E0E0; }
  .c-form-helper .c-form-helper__container-btn .c-form-helper__list-btn input[type=radio] {
    position: absolute;
    left: -999px; }

.c-form-helper .c-form-helper__list-btn--large .c-form-helper__list-btn,
.c-form-helper .c-form-helper__list-btn--presentation .c-form-helper__list-btn,
.c-form-helper .c-form-helper__list-btn--connexion .c-form-helper__list-btn,
.c-form-helper .c-form-helper__list-btn--compte .c-form-helper__list-btn,
.c-form-helper .c-form-helper__list-btn--produit .c-form-helper__list-btn,
.c-form-helper .c-form-helper__list-btn--commande .c-form-helper__list-btn,
.c-form-helper .c-form-helper__list-btn--autre .c-form-helper__list-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .c-form-helper .c-form-helper__list-btn--large .c-form-helper__list-btn .c-form-helper__input-btn,
  .c-form-helper .c-form-helper__list-btn--presentation .c-form-helper__list-btn .c-form-helper__input-btn,
  .c-form-helper .c-form-helper__list-btn--connexion .c-form-helper__list-btn .c-form-helper__input-btn,
  .c-form-helper .c-form-helper__list-btn--compte .c-form-helper__list-btn .c-form-helper__input-btn,
  .c-form-helper .c-form-helper__list-btn--produit .c-form-helper__list-btn .c-form-helper__input-btn,
  .c-form-helper .c-form-helper__list-btn--commande .c-form-helper__list-btn .c-form-helper__input-btn,
  .c-form-helper .c-form-helper__list-btn--autre .c-form-helper__list-btn .c-form-helper__input-btn {
    width: 94.3%;
    margin: 0 auto 10px auto; }
  .c-form-helper .c-form-helper__list-btn--large .c-form-helper__list-btn label,
  .c-form-helper .c-form-helper__list-btn--presentation .c-form-helper__list-btn label,
  .c-form-helper .c-form-helper__list-btn--connexion .c-form-helper__list-btn label,
  .c-form-helper .c-form-helper__list-btn--compte .c-form-helper__list-btn label,
  .c-form-helper .c-form-helper__list-btn--produit .c-form-helper__list-btn label,
  .c-form-helper .c-form-helper__list-btn--commande .c-form-helper__list-btn label,
  .c-form-helper .c-form-helper__list-btn--autre .c-form-helper__list-btn label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    font-family: 'poppinsmedium';
    border: 1px solid #111;
    border-radius: 3px;
    width: 100%;
    min-height: 52px;
    height: 100%;
    padding: 5px;
    margin: 0;
    cursor: pointer; }
    .c-form-helper .c-form-helper__list-btn--large .c-form-helper__list-btn label:hover,
    .c-form-helper .c-form-helper__list-btn--presentation .c-form-helper__list-btn label:hover,
    .c-form-helper .c-form-helper__list-btn--connexion .c-form-helper__list-btn label:hover,
    .c-form-helper .c-form-helper__list-btn--compte .c-form-helper__list-btn label:hover,
    .c-form-helper .c-form-helper__list-btn--produit .c-form-helper__list-btn label:hover,
    .c-form-helper .c-form-helper__list-btn--commande .c-form-helper__list-btn label:hover,
    .c-form-helper .c-form-helper__list-btn--autre .c-form-helper__list-btn label:hover {
      border: 1px solid #E0E0E0; }
  .c-form-helper .c-form-helper__list-btn--large .c-form-helper__list-btn input[type=radio],
  .c-form-helper .c-form-helper__list-btn--presentation .c-form-helper__list-btn input[type=radio],
  .c-form-helper .c-form-helper__list-btn--connexion .c-form-helper__list-btn input[type=radio],
  .c-form-helper .c-form-helper__list-btn--compte .c-form-helper__list-btn input[type=radio],
  .c-form-helper .c-form-helper__list-btn--produit .c-form-helper__list-btn input[type=radio],
  .c-form-helper .c-form-helper__list-btn--commande .c-form-helper__list-btn input[type=radio],
  .c-form-helper .c-form-helper__list-btn--autre .c-form-helper__list-btn input[type=radio] {
    position: absolute;
    left: -999px; }

.c-form-helper .c-form-helper__input {
  display: none;
  margin: 10px 2.8% 2.8% 2.8%; }
  .c-form-helper .c-form-helper__input .form__field--label-inline {
    width: 100%;
    margin-bottom: 15px; }
    .c-form-helper .c-form-helper__input .form__field--label-inline:nth-child(1) {
      width: 50.28%; }
      @media only screen and (max-width: 767px) {
        .c-form-helper .c-form-helper__input .form__field--label-inline:nth-child(1) {
          width: 86.23%; } }
    .c-form-helper .c-form-helper__input .form__field--label-inline .form__input {
      border-radius: 3px; }
    .c-form-helper .c-form-helper__input .form__field--label-inline textarea {
      height: 160px;
      padding-top: 10px;
      resize: vertical; }
  .c-form-helper .c-form-helper__input p {
    font-size: 16px;
    font-family: 'poppinsregular';
    margin-top: 15px; }

.c-form-helper .c-form-helper__footer {
  width: 100%; }
  .c-form-helper .c-form-helper__footer .c-form-helper__document {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    .c-form-helper .c-form-helper__footer .c-form-helper__document .c-form-helper__document-btn {
      width: 45.88%;
      padding: 0; }
      .c-form-helper .c-form-helper__footer .c-form-helper__document .c-form-helper__document-btn p {
        text-align: center;
        font-size: 12px;
        margin: 5px 0 0 0; }
      @media only screen and (max-width: 767px) {
        .c-form-helper .c-form-helper__footer .c-form-helper__document .c-form-helper__document-btn {
          width: 84.29%;
          margin: 0 auto; } }
    .c-form-helper .c-form-helper__footer .c-form-helper__document .c-form-helper__document-notif {
      width: 51.65%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 30px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-family: 'poppinsregular';
      margin-left: 15px;
      margin-bottom: 15px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .c-form-helper .c-form-helper__footer .c-form-helper__document .c-form-helper__document-notif p {
        font-size: 12px;
        display: inherit; }
        .c-form-helper .c-form-helper__footer .c-form-helper__document .c-form-helper__document-notif p img {
          margin: 0 5px 0 5px;
          width: 19px;
          min-width: 15px; }
      .c-form-helper .c-form-helper__footer .c-form-helper__document .c-form-helper__document-notif button {
        border: none;
        text-decoration: underline;
        font-style: italic;
        font-size: 12px;
        cursor: pointer; }
        .c-form-helper .c-form-helper__footer .c-form-helper__document .c-form-helper__document-notif button:hover {
          text-decoration: none; }
      @media only screen and (max-width: 767px) {
        .c-form-helper .c-form-helper__footer .c-form-helper__document .c-form-helper__document-notif {
          margin-left: 0;
          width: 100%; } }
    @media only screen and (max-width: 767px) {
      .c-form-helper .c-form-helper__footer .c-form-helper__document {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%; } }
  .c-form-helper .c-form-helper__footer .c-form-helper__checkbox-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .c-form-helper .c-form-helper__footer .c-form-helper__checkbox-field .c-form-helper__checkbox {
      width: 50%;
      font-size: 16px;
      margin: 15px 0 20px 0;
      font-family: 'poppinsregular'; }
      @media only screen and (max-width: 767px) {
        .c-form-helper .c-form-helper__footer .c-form-helper__checkbox-field .c-form-helper__checkbox {
          width: 100%; } }
    .c-form-helper .c-form-helper__footer .c-form-helper__checkbox-field .form__field--label-inline {
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .c-form-helper .c-form-helper__footer .c-form-helper__checkbox-field .form__field--label-inline {
          width: 100%; } }
    @media only screen and (max-width: 767px) {
      .c-form-helper .c-form-helper__footer .c-form-helper__checkbox-field {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .c-form-helper .c-form-helper__footer .c-form-helper__error-message {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px; }
    @media only screen and (max-width: 767px) {
      .c-form-helper .c-form-helper__footer .c-form-helper__error-message {
        text-align: center; } }
  .c-form-helper .c-form-helper__footer .secondary-btn {
    display: block;
    min-height: 35px;
    font-size: 15px;
    text-transform: none;
    width: 100%;
    cursor: pointer; }
    .c-form-helper .c-form-helper__footer .secondary-btn:nth-last-child(1) {
      width: 35%; }
      @media only screen and (max-width: 767px) {
        .c-form-helper .c-form-helper__footer .secondary-btn:nth-last-child(1) {
          width: 55.79%;
          margin: auto; } }

 .c-form-helper__list-btn label {
    color: #000;
    background: #FFF;
}

.c-input-btn__input:checked + .c-input-btn__label {
    border-color: #333;
    background: #111;
    color: #FFF;
}

/*-----------------------------------------------------------------------------------------------------
    [header-orexad]
-------------------------------------------------------------------------------------------------------*/
.header--orexad {
  font-family: "Weber", sans-serif; }
  @media only screen and (max-width: 767px) {
    .header--orexad {
      height: 106px; } }
  .header--orexad .top-bar + .container {
    padding: 0 0 0 200px;
}
  .header--orexad .top-bar--alt + .container {
    padding: 0 0 0 200px;
 }
    @media only screen and (max-width: 767px) {
      .header--orexad .top-bar--alt + .container {
        padding: 0; } }
  .header--orexad .container {
    padding: 0 10px;
    max-width: 1200px; }
  .header--orexad .user-account {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
     }
    .header--orexad .user-account:before {
      display: none !important; }
    .header--orexad .user-account .infos {
      padding-top: 50px; }
      .header--orexad .user-account .infos .infos__picto {
        margin: 0 auto;
        width: 55px; }
      .header--orexad .user-account .infos .infos__title {
        margin: 10px 0;
        font-family: 'poppinsLight';
        font-size: 12px; }
  .header--orexad .user {
    height: 160px;
    position: relative;
    padding: 10px 20px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 767px) {
      .header--orexad .user {
        height: auto;
        padding: 0 10px;
        width: 100%;
        padding-right: 80px; } }
  .header--orexad .user__infos {
    width: 40%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 17px; }
    @media only screen and (max-width: 767px) {
      .header--orexad .user__infos {
        width: auto;
        padding: 0; } }
  .header--orexad .user__infos-points .desktop-only {
    font-family: 'poppinsRegular';
    text-align: center;
    }
    .header--orexad .user__infos-points .desktop-only p {
      margin: 0 0 10px 0;
      font-size: 13px;
      font-family: 'poppinslight'; }
    .header--orexad .user__infos-points .desktop-only .user__infos-points_user-name {
      font-weight: bold;
      margin: 0;
      font-family: 'poppinsregular'; }
    .header--orexad .user__infos-points .desktop-only .user__infos-points_number {
      font-size: 30px;
      font-weight: bold;
      }
    .header--orexad .user__infos-points .desktop-only .user__infos-points_number-text {
      font-size: 15px;
      font-weight: bold; }
    .header--orexad .user__infos-points .desktop-only .user__infos-points_user-date {
      font-size: 14px;
      font-family: 'poppinsmedium'; }
  .header--orexad .user__infos-points .mobile-only p {
    line-height: 16px; }
  .header--orexad .user__point {
    width: 60%;
    position: relative;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .header--orexad .user__point {
        display: none;
        height: auto;
        width: auto;
        position: relative; } }
    .header--orexad .user__point .user__operation {
      margin-bottom: 20px; }
      .header--orexad .user__point .user__operation .user__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-family: 'poppinsregular';
        font-weight: bold; }
    .header--orexad .user__point .level {
      margin-left: auto;
      margin-right: auto;
      width: 100%; }
      .header--orexad .user__point .level .progress-bar.line {
        height: 20px;
        border-radius: 10px; }
    .header--orexad .user__point .progress-bar-legend {
      margin-bottom: 4px; }
    .header--orexad .user__point .primary-btn {
      margin-left: auto;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-top: 0; }
      .header--orexad .user__point .primary-btn span {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 4px; }
      @media only screen and (max-width: 767px) {
        .header--orexad .user__point .primary-btn {
          height: 68px;
          width: 80px;
          border-radius: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-size: 12px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-right: 1px;
          text-indent: 0;
          margin-bottom: 0;
          padding: 0; }
          .header--orexad .user__point .primary-btn [class*="icon-"] {
            position: relative;
            top: auto;
            left: auto;
            margin: 0;
            line-height: 70%;
            margin-top: 0px;
            margin-bottom: 2px;
            font-size: 45px; }
            .header--orexad .user__point .primary-btn [class*="icon-"]:after {
              display: none; }
          .header--orexad .user__point .primary-btn span {
            display: none; } }
      .header--orexad .user__point .primary-btn [class*="icon-"] {
        display: none; }
        @media only screen and (max-width: 767px) {
          .header--orexad .user__point .primary-btn [class*="icon-"] {
            display: block; } }
    .header--orexad .user__point .gift-catalog {
      display: none;
      border-right: 0;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 40px;
      top: 95px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0; }
      .header--orexad .user__point .gift-catalog .desktop-only {
        width: 35%; }
      @media only screen and (max-width: 767px) {
        .header--orexad .user__point .gift-catalog {
          display: block;
          visibility: visible;
          display: block !important;
          right: 0;
          width: 80px;
          padding: 0;
          border: none; } }
      .header--orexad .user__point .gift-catalog:before {
        display: none; }
      .header--orexad .user__point .gift-catalog:hover {
        background: none; }
        .header--orexad .user__point .gift-catalog:hover .primary-btn [class*="icon-"] {
          color: #B00834; }
      .header--orexad .user__point .gift-catalog .primary-btn {
        width: 100%;
        max-width: 100%;
        margin: 0 0 10px 0;
        padding: 10px 0 0 0;
        border-radius: 0;
        word-wrap: break-word;
        font-size: 15px;
        height: 40px; }
      .header--orexad .user__point .gift-catalog .search-gift {
        position: relative;
        margin: 0;
        width: 60%; }
        @media only screen and (max-width: 767px) {
          .header--orexad .user__point .gift-catalog .search-gift {
            margin: 0;
            position: fixed;
            width: 100%;
            left: 0;
            top: 106px;
            padding: 10px;
            background: #f8f8f8; } }
        .header--orexad .user__point .gift-catalog .search-gift button {
          height: 39px;
          left: 0px; }
        .header--orexad .user__point .gift-catalog .search-gift input {
          width: 100%;
          height: 40px;
          border: 1px solid #e3e3e3;
          padding: 5px 10px;
          padding-left: 45px; }
          @media only screen and (max-width: 767px) {
            .header--orexad .user__point .gift-catalog .search-gift input {
              font-size: 16px; } }
        .header--orexad .user__point .gift-catalog .search-gift input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          font-style: italic;
          opacity: 1;
          color: #a0a0a0;
          font-size: 14px; }
        .header--orexad .user__point .gift-catalog .search-gift input::-moz-placeholder {
          /* Firefox 19+ */
          font-style: italic;
          opacity: 1;
          color: #a0a0a0;
          font-size: 14px; }
        .header--orexad .user__point .gift-catalog .search-gift input:-ms-input-placeholder {
          /* IE 10+ */
          font-style: italic;
          opacity: 1;
          color: #a0a0a0;
          font-size: 14px; }
        .header--orexad .user__point .gift-catalog .search-gift input:-moz-placeholder {
          /* Firefox 18- */
          font-style: italic;
          opacity: 1;
          color: #a0a0a0;
          font-size: 14px; }
        .header--orexad .user__point .gift-catalog .search-gift button {
          position: absolute;
          top: 1px;
          bottom: 1px;
          right: 0px;
          width: 40px;
          background: #fff;
          border: none;
          border-left: none; }
          @media only screen and (max-width: 767px) {
            .header--orexad .user__point .gift-catalog .search-gift button {
              top: 11px;
              right: 11px;
              bottom: 11px;
              height: auto;
              border: none; } }
          .header--orexad .user__point .gift-catalog .search-gift button [class*="icon-"] {
            font-size: 20px;
            color: #6f6f6f; }
  .header--orexad .gift-catalog {
    display: none; }
    @media only screen and (max-width: 767px) {
      .header--orexad .gift-catalog {
        display: block;
        visibility: visible;
        display: block !important;
        right: 0;
        width: 80px;
        padding: 0;
        border: none; } }
    .header--orexad .gift-catalog:before {
      display: none; }
    .header--orexad .gift-catalog:hover {
      background: none; }
      .header--orexad .gift-catalog:hover .primary-btn [class*="icon-"] {
        color: #B00834; }
    .header--orexad .gift-catalog .primary-btn {
      width: 100%;
      max-width: 100%;
      margin: 0 0 10px 0;
      padding: 10px 0 0 0;
      border-radius: 0;
      word-wrap: break-word;
      font-size: 15px;
      height: 40px;
      padding: 1px !important; }
      @media only screen and (max-width: 767px) {
        .header--orexad .gift-catalog .primary-btn {
          border-radius: 0;
          height: 68px;
          padding: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-size: 12px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          text-indent: 0;
          bottom: 2px; }
          .header--orexad .gift-catalog .primary-btn [class*="icon-"] {
            position: relative;
            top: auto;
            left: auto;
            margin: 0;
            line-height: 70%;
            margin-top: 10px; }
            .header--orexad .gift-catalog .primary-btn [class*="icon-"]:after {
              display: none; }
          .header--orexad .gift-catalog .primary-btn img {
            width: 40%; }
          .header--orexad .gift-catalog .primary-btn span {
            display: none; } }
    .header--orexad .gift-catalog .search-gift {
      position: relative;
      margin: 0;
      width: 60%; }
      @media only screen and (max-width: 767px) {
        .header--orexad .gift-catalog .search-gift {
          margin: 0;
          position: fixed;
          width: 100%;
          left: 0;
          top: 106px;
          padding: 10px;
          background: #f8f8f8; } }
      .header--orexad .gift-catalog .search-gift button {
        height: 39px;
        left: 0px; }
      .header--orexad .gift-catalog .search-gift input {
        width: 100%;
        height: 40px;
        border: 1px solid #e3e3e3;
        padding: 5px 10px;
        padding-left: 45px; }
        @media only screen and (max-width: 767px) {
          .header--orexad .gift-catalog .search-gift input {
            font-size: 16px; } }
      .header--orexad .gift-catalog .search-gift input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-style: italic;
        opacity: 1;
        color: #a0a0a0;
        font-size: 14px; }
      .header--orexad .gift-catalog .search-gift input::-moz-placeholder {
        /* Firefox 19+ */
        font-style: italic;
        opacity: 1;
        color: #a0a0a0;
        font-size: 14px; }
      .header--orexad .gift-catalog .search-gift input:-ms-input-placeholder {
        /* IE 10+ */
        font-style: italic;
        opacity: 1;
        color: #a0a0a0;
        font-size: 14px; }
      .header--orexad .gift-catalog .search-gift input:-moz-placeholder {
        /* Firefox 18- */
        font-style: italic;
        opacity: 1;
        color: #a0a0a0;
        font-size: 14px; }
      .header--orexad .gift-catalog .search-gift button {
        position: absolute;
        top: 1px;
        bottom: 1px;
        right: 0px;
        width: 40px;
        background: #fff;
        border: none;
        border-left: none; }
        @media only screen and (max-width: 767px) {
          .header--orexad .gift-catalog .search-gift button {
            top: 11px;
            right: 11px;
            bottom: 11px;
            height: auto;
            border: none; } }
        .header--orexad .gift-catalog .search-gift button [class*="icon-"] {
          font-size: 20px;
          color: #6f6f6f; }
  .container-baniere {
  padding: 0 10px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .container-baniere .orexad-hp-baniere {
    padding: 40px 101px;
    width: 100%; }
    @media only screen and (max-width: 960px) {
      .container-baniere .orexad-hp-baniere {
        padding: 40px 0; } }
    @media only screen and (max-width: 767px) {
      .container-baniere .orexad-hp-baniere {
        display: none; } }
    .container-baniere .orexad-hp-baniere--mobile {
      display: none; }
      @media only screen and (max-width: 767px) {
        .container-baniere .orexad-hp-baniere--mobile {
          display: block;
          margin-bottom: 40px; } }

.logo__container {
  display: inline-block;
  padding: 0px 100px;
  margin-bottom: 40px;
  width: 100%; }
  @media only screen and (max-width: 960px) {
    .logo__container {
      padding: 0 1.2%; } }
  .logo__container .logo__container-img {
    float: left;
    margin-left: 2%;
    width: 14.59%; }
    .logo__container .logo__container-img img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .logo__container .logo__container-img {
        width: 30%; } }

.activity__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px 101px;
  margin-bottom: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 960px) {
    .activity__container {
      padding: 0px 1.2%; } }
  .activity__container .activity__box {
    width: 23.64%;
    margin: 0 0 1.6% 0; }
    @media only screen and (max-width: 960px) {
      .activity__container .activity__box {
        width: 32%; } }
    @media only screen and (max-width: 767px) {
      .activity__container .activity__box {
        display: none; } }
    .activity__container .activity__box--icons {
      width: 41px;
      height: 41px;
      margin-bottom: 10px; }
      .activity__container .activity__box--icons img {
        width: 41px;
        height: 41px; }
    .activity__container .activity__box--title {
      font-family: 'poppinsmedium';
      font-size: 18px;
      text-transform: uppercase;
      text-align: center; }
    .activity__container .activity__box .activity__box--top {
      position: relative;
      min-height: 105px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-top: 10px; }
      .activity__container .activity__box .activity__box--top .activity__box-menu {
        z-index: 500;
        display: none;
        position: absolute;
        min-height: 158px;
        bottom: -150%;
        left: 0;
        width: 100%;
        padding: 16px 16px 5px 16px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-family: 'poppinsregular'; }
        .activity__container .activity__box .activity__box--top .activity__box-menu li {
          margin-bottom: 10px; }
        .activity__container .activity__box .activity__box--top .activity__box-menu .activity__box-chevron {
          width: 10px;
          height: 10px;
          margin-right: 5px; }
        .activity__container .activity__box .activity__box--top .activity__box-menu a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: baseline;
          -ms-flex-align: baseline;
          align-items: baseline;
          font-size: 14px;
          font-weight: bold;
          font-family: 'poppinsmedium'; }
    .activity__container .activity__box:hover .activity__box-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .activity__container .activity__box .activity__box--bottom {
      display: block;
      position: relative; }
      .activity__container .activity__box .activity__box--bottom .activity__box--photo {
        width: 100%; }
        .activity__container .activity__box .activity__box--bottom .activity__box--photo img {
          width: 100%; }
  .activity__container .activity__box--mobile {
    display: none;
    width: 100%;
    margin-bottom: 1.2%; }
    @media only screen and (max-width: 767px) {
      .activity__container .activity__box--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .activity__container .activity__box--mobile .activity__box--left {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .activity__container .activity__box--mobile .activity__box--left--icons {
        margin-bottom: 20px; }
      .activity__container .activity__box--mobile .activity__box--left--title {
        margin-bottom: 41px; }
    .activity__container .activity__box--mobile .activity__box--right {
      width: 50%;
      padding: 19px 15px 0 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .activity__container .activity__box--mobile .activity__box--right .activity__box-menu--mobile li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .activity__container .activity__box--mobile .activity__box--right .activity__box-menu--mobile .activity__box-chevron {
        width: 10px;
        height: 10px;
        margin-right: 5px; }
      .activity__container .activity__box--mobile .activity__box--right .activity__box-menu--mobile a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        font-size: 17px;
        font-family: 'poppinslight'; }

.recompense__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px 101px; }
  @media only screen and (max-width: 960px) {
    .recompense__container {
      padding: 0px 1.2%; } }
  .recompense__container .title-recompense {
    font-size: 18px;
    font-weight: 400; }
    @media only screen and (max-width: 767px) {
      .recompense__container .title-recompense {
        font-size: 12px; } }
  .recompense__container .selection-list {
    width: 100%; }
  .recompense__container .main-selection, .recompense__container .selection-list li {
    margin: 0 0 15px 0; }
  .recompense__container .block-recompense {
    width: 100%; }
    .recompense__container .block-recompense .selection-title {
      font-size: 15px;
      font-weight: 300;
      padding: 0;
      padding-left: 5px;
      height: 26px; }
    .recompense__container .block-recompense .selection-img img {
      width: 100% !important; }
       .home--orexad .full-width {
    border-top: 0; }

    /*-----------------------------------------------------------------------------------------------------
    [superbox]

-------------------------------------------------------------------------------------------------------*/
.superbox {
  background: #FFF;
  border: 1px solid #DBDBDB;
  position: fixed;
  z-index: 1010;
  left: 50%;
  top: 50%;
  display: none;
  /*visibility: hidden;
  opacity: 0;
  pointer-events: none;
  @include transition(all 0.4s);*/ }
  .superbox .superbox-close {
    position: absolute;
    z-index: 999;
    right: 15px;
    top: 15px;
    border: none;
    background: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center; }
    .superbox .superbox-close [class*="icon-"] {
      color: #000000;
      font-size: 24px; }
  .superbox.superbox-opened {
    /*visibility: visible;
    opacity: 1;
    top: 50%;
    pointer-events: auto;*/
    display: block; }

.superbox-overlay {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); }

.c-snack-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border: 2px solid;
  border-radius: 15px;
  width: 370px;
  z-index: 1042;
  font-family: 'poppinsregular'; }
  @media only screen and (max-width: 450px) {
    .c-snack-bar {
      right: 5px;
      bottom: 10px;
      width: 97%; } }
  .c-snack-bar .c-snack-bar__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20%;
    padding: 5px 0 5px 0; }
    .c-snack-bar .c-snack-bar__img img {
      width: 100%; }
  .c-snack-bar .c-snack-bar__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin: 5px 0;
    width: 60%;
    padding: 5px 0; }
    .c-snack-bar .c-snack-bar__text p:nth-child(1) {
      font-size: 22px;
      font-family: 'poppinsmedium';
      margin-bottom: 5px;
      padding-bottom: 5px;
      margin: auto 0; }
    .c-snack-bar .c-snack-bar__text p:nth-child(2) {
      font-size: 16px;
      margin: auto 0; }
  .c-snack-bar .c-snack-bar__btn {
    width: 20%;
    border: 0;
    border-left: 2px solid;
    font-family: 'poppinsmedium';
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0 12px 12px 0px;
    font-size: 30px;
    font-weight: bold; }

.home--cged .account-content {
  margin-bottom: 40px;
  max-width: 928px;
  margin: 45px auto 50px auto;
  background: #fff;
  font-family: "poppins";
  border: 1px solid #dbdbdb;
  padding: 15px 0;
}
@media only screen and (max-width: 960px) {
  .home--cged .account-content {
    width: 100%;
  }
}
.home--cged .account-content .contenu-title {
  text-align: center;
  padding: 5px;
  margin: 0px 23.5px;
}
@media only screen and (max-width: 960px) {
  .home--cged .account-content .contenu-title {
    margin: 0;
  }
}
.home--cged .account-content .contenu-title h2 {
  text-transform: uppercase;
  font-size: 16px;
}
.home--cged .account-content .contenu-college-text {
  width: 100%;
  font-size: 12px;
  margin-top: 10px;
}
.home--cged .account-content .contenu-college-unlock {
  font-size: 12px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-weight: 800;
}
.home--cged .account-content .contenu-college-unlock .contenu-college-unlock--progress,
.home--cged .account-content .contenu-college-unlock .contenu-college-unlock--access,
.home--cged .account-content .contenu-college-unlock .contenu-college-unlock--business,
.home--cged .account-content .contenu-college-unlock .contenu-college-unlock--success {
  text-transform: uppercase;
  font-weight: 800;
}
.home--cged .account-content .college-progress-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px;
  margin: 0 23.5px;
}
@media only screen and (max-width: 960px) {
  .home--cged .account-content .college-progress-wrapper {
    margin: 0 10px;
  }
}
.home--cged .account-content .college-progress-wrapper .college-progress-leftover {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.home--cged .account-content .college-progress-wrapper .college-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px auto;
}
@media only screen and (max-width: 450px) {
  .home--cged .account-content .college-progress-wrapper .college-progress {
    display: none;
  }
}
.home--cged .account-content .college-progress-wrapper .college-progress .college-progress-item {
  position: relative;
  border-radius: 10px 10px 0 0;
  padding: 35px 5px 15px;
  max-width: 111px;
  margin-right: 20px;
}
.home--cged .account-content .college-progress-wrapper .college-progress .college-progress-item:last-child {
  margin-right: 0;
}
.home--cged .account-content .college-progress-wrapper .college-progress .college-progress-item .college-progress-item-status {
  width: 41px;
  height: 41px;
  border-radius: 100%;
  border: 2px solid #fff;
  position: absolute;
  left: 50%;
  top: -20px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  font-weight: 700;
}
.home--cged .account-content .college-progress-wrapper .college-progress .college-progress-item .college-progress-item-description {
  text-align: center;
}
.home--cged .account-content .college-progress-wrapper .college-progress .college-progress-item .college-progress-item-description h3 {
  font-weight: 700;
}
.home--cged .account-content .college-progress-wrapper .college-progress .college-progress-item .college-progress-item-description h3,
.home--cged .account-content .college-progress-wrapper .college-progress .college-progress-item .college-progress-item-description p {
  font-size: 14px;
}
.home--cged .account-content .college-progress-wrapper .college-progress .college-progress-item--active {
  padding: 45px 5px 40px;
  max-width: 133px;
}
.home--cged .account-content .college-progress-wrapper .college-progress .college-progress-item--active .college-progress-item-status {
  width: 49px;
  height: 49px;
  top: -20px;
  background-image: url("../img/cged/check-college-progress.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.home--cged .account-content .college-progress-wrapper .college-progress .college-progress-item--active .college-progress-item-status p {
  display: none;
}
.home--cged .account-content .college-progress-wrapper .college-progress .college-progress-item--active .college-progress-item-description h3 {
  font-size: 17px;
}
.home--cged .account-content .carousel-progress-college--active .college-progress-item-status {
  background-image: url("../img/cged/check-college-progress.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.home--cged .account-content .carousel-progress-college--active .college-progress-item-status p {
  display: none;
}
.home--cged .account-content .college-progress-wrapper .owl-carousel {
  display: none;
}
@media only screen and (max-width: 450px) {
  .home--cged .account-content .college-progress-wrapper .owl-carousel {
    display: block;
  }
}
.home--cged .account-content .college-progress-wrapper .owl-carousel .owl-stage-outer {
  padding-top: 20px;
}
.home--cged .account-content .college-progress-wrapper .owl-carousel .college-progress-item {
  margin: 0 auto;
  max-width: 197px;
}
.home--cged .account-content .college-progress-wrapper .owl-carousel .college-progress-item:last-child {
  margin-right: auto;
}
.home--cged .account-content .college-progress-wrapper .owl-carousel .owl-dots {
  text-align: center;
  position: absolute;
  bottom: -25px;
  width: 100%;
}
.home--cged .account-content .college-progress-wrapper .owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.home--cged .account-content .contenu-college-info {
  font-size: 12px;
  margin-bottom: 40px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 10px;
  width: 100%;
}
.home--cged .account-content .contenu-college-info .contenu-college-info-btn-group {
  margin-top: 10px;
}
.home--cged .account-content .contenu-college-info .contenu-college-info-btn-group a {
  display: inline-block;
  border-radius: 40px;
  padding: 5px 15px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .home--cged .account-content .contenu-college-info .contenu-college-info-btn-group a {
    display: block;
    padding: 15px 10px;
    width: 100%;
  }
  .home--cged .account-content .contenu-college-info .contenu-college-info-btn-group a:first-child {
    margin-bottom: 6px;
  }
}
.home--cged .account-content .contenu-college-info .contenu-college-info-btn-group a:first-child {
  margin-right: 20px;
}
.home--cged .account-content .contenu-college-info .contenu-college-info-btn-group a:hover {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.home--cged .account-content .contenu-bonus-title-mobile {
  display: none;
  width: 100%;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  margin: 15px 0;
}
@media only screen and (max-width: 960px) {
  .home--cged .account-content .contenu-bonus-title-mobile {
    display: block;
  }
}
.home--cged .account-content .contenu-bonus {
  margin: 17px 23.5px 30px 23.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 960px) {
  .home--cged .account-content .contenu-bonus {
    margin: 17px 10px 30px 10px;
  }
}
.home--cged .account-content .contenu-bonus .contenu-bonus-image {
  min-width: 41%;
}
.home--cged .account-content .contenu-bonus .contenu-bonus-image img {
  width: 100%;
}
@media only screen and (max-width: 960px) {
  .home--cged .account-content .contenu-bonus .contenu-bonus-image {
    display: none;
  }
}
.home--cged .account-content .contenu-bonus .contenu-bonus-list-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.home--cged .account-content .contenu-bonus .contenu-bonus-list {
  margin-left: 8px;
}
@media only screen and (max-width: 960px) {
  .home--cged .account-content .contenu-bonus .contenu-bonus-list {
    margin-left: 0;
  }
}
.home--cged .account-content .contenu-bonus .contenu-bonus-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 11px;
  font-weight: 800;
  font-style: italic;
  margin-bottom: 10px;
}
.home--cged .account-content .contenu-bonus .contenu-bonus-list-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-style: normal;
  width : 80%;
}
.home--cged .account-content .contenu-bonus .contenu-bonus-list-check {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 25px;
  min-height: 25px;
  border-radius: 100%;
  margin-right: 10px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.home--cged .account-content .contenu-bonus .contenu-bonus-list-check-active {
  background-image: url("../img/cged/check-college-progress.svg");
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  background-size: 15px;
  display: block;
  min-width: 25px;
  min-height: 25px;
  border-radius: 100%;
  margin-right: 10px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.home--cged .account-content .contenu-bonus .contenu-bonus-total {
  width: 100%;
  padding: 7px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 900;
  font-style: italic;
}
.home--cged .account-content .advantage-progress-wrapper {
  margin: 0 23.5px;
}
@media only screen and (max-width: 960px) {
  .home--cged .account-content .advantage-progress-wrapper {
    margin: 0 10px;
  }
}
.home--cged .account-content .advantage-progress-wrapper .advantage-title {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  margin-top: 17px;
}
.home--cged .account-content .advantage-progress-wrapper .advantage-title:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 100%;
  height: 1px;
  margin-left: 15px;
  content: " ";
}
@media only screen and (max-width: 960px) {
  .home--cged .account-content .advantage-progress-wrapper .advantage-title:after {
    display: none;
  }
}
.home--cged .account-content .advantage-progress-wrapper .service-list {
  width: 100%;
}
.home--cged .account-content .advantage-progress-wrapper .service-list .service-list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.home--cged .account-content .advantage-progress-wrapper .service-list .service-list-row .service-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px;
  font-weight: 500;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  font-size: 12px;
  text-align: center;
}
@media only screen and (max-width: 960px) {
  .home--cged .account-content .advantage-progress-wrapper .service-list .service-list-row .service-list-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.home--cged .account-content .advantage-progress-wrapper .service-list .service-list-row .service-list-item .advantage-item-picto {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 100%;
  overflow: hidden;
  width: 33px;
  height: 33px;
  margin-right: 10px;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
}
.home--cged .account-content .advantage-progress-wrapper .service-list .service-list-row .service-list-item .advantage-item-picto img {
  width: 100%;
}
@media only screen and (max-width: 960px) {
  .home--cged .account-content .advantage-progress-wrapper .service-list .service-list-row .service-list-item .advantage-item-picto {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.home--cged .account-content .advantage-progress-wrapper .service-list .service-list-row .service-list-item--disabled {
  font-weight: 300;
}
.home--cged .account-content .advantage-progress-wrapper .advantage-club-list {
  margin-top: 8px;
}
.home--cged .account-content .advantage-progress-wrapper .advantage-club-list .service-list-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 18px;
}
.home--cged .account-content .advantage-progress-wrapper .advantage-club-list .service-list-row .advantage-club-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29.33%;
          flex: 0 0 29.33%;
  margin-right: 4%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
.home--cged .account-content .advantage-progress-wrapper .advantage-club-list .service-list-row .advantage-club-item:last-child {
  margin-right: 0;
}
.home--cged .account-content .advantage-progress-wrapper .advantage-club-list .service-list-row .advantage-club-item .advantage-club-image {
  max-width: 125px;
  border-radius: 8px;
  margin-bottom: 5px;
}
.home--cged .account-content .advantage-progress-wrapper .advantage-club-list .service-list-row .advantage-club-item .advantage-club-image img {
  width: 100%;
}
.home--cged .account-content .advantage-progress-wrapper .advantage-club-item--disabled .advantage-club-image {
  mix-blend-mode: luminosity;
  opacity: 0.5;
}