/*************************************************************************************************************
***************************************            RESET           *******************************************
**************************************************************************************************************/
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 }
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; }
a { color: inherit; text-decoration: none; }
a:hover, a:focus, a:active { outline: 0; }
p { margin-bottom: 15px; }

/*************************************************************************************************************/
/****************************************          ==  TEXTE ==          ******************************************/
/**************************************************************************************************************/

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

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

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

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

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

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

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

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

/*@font-face {
    font-family: 'BornReady';
    src: url('../fonts/bornready/BornReadyAlt.ttf') format('truetype'),
         url('../fonts/bornready/BornReadyAlt.woff2') format('woff2'),
         url('../fonts/bornready/BornReadyAlt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BornReady';
    src: url('../fonts/bornready/BornReadySlantedAlt.ttf') format('truetype'),
         url('../fonts/bornready/BornReadySlantedAlt.woff2') format('woff2'),
         url('../fonts/bornready/BornReadySlantedAlt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BornReady';
    src: url('../fonts/bornready/BornReadyUprightAlt.ttf') format('truetype'),
         url('../fonts/bornready/BornReadyUprightAlt.woff2') format('woff2'),
         url('../fonts/bornready/BornReadyUprightAlt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BornReady';
    src: url('../fonts/bornready/BornReadySlantedTtf.ttf') format('truetype'),
         url('../fonts/bornready/BornReadySlantedTtf.woff2') format('woff2'),
         url('../fonts/bornready/BornReadySlantedTtf.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BornReady';
    src: url('../fonts/bornready/BornReadyUprightTtf.ttf') format('truetype'),
         url('../fonts/bornready/BornReadyUprightTtf.woff2') format('woff2'),
         url('../fonts/bornready/BornReadyUprightTtf.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

.upper { text-transform: uppercase }
.lower { text-transform: lowercase; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.barre span { text-decoration: line-through; }
sup { font-size: 80%; top: -3px; line-height: 0; }
a { color: #363842 }

.cms-style {
  font-size: 14px;
  line-height: 20px;
}
  .cms-style > *:first-child {
      margin-top: 0;
      padding-top: 0;
  }
  .cms-style > *:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
  }
    .cms-style h2 {
        color: #1e1e1e;
        font-size: 24px;
        margin: 0;
        padding: 25px 0;
    }
    .cms-style h3 {
        color: #333;
        font-size: 18px;
        margin: 0;
        padding: 20px 0;
    }
    .cms-style p { margin-bottom: 15px }
    .cms-style ul { list-style: disc; padding-left: 15px }


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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: '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-menu:before {
  content: "\e936";
  color: #023d7a;
}
.icon-car-compact:before {
  content: "\e931";
}
.icon-man-cycling:before {
  content: "\e932";
}
.icon-man-walking-to-right:before {
  content: "\e933";
}
.icon-train-on-railroad:before {
  content: "\e934";
}
.icon-coeur:before {
  content: "\e935";
  color: #fff;
}
.icon-barcode:before {
  content: "\e92f";
  color: #f25a74;
}
.icon-cross:before,
.icon-close:before {
  content: "\e93f";
}
.icon-check-couleur:before {
  content: "\e923";
  color: #023d7a;
}
.icon-comparison-valid .path1:before {
  content: "\e924";
  color: rgb(242, 90, 116);
}
.icon-comparison-valid .path2:before {
  content: "\e937";
  margin-left: -1.2177734375em;
  color: rgb(2, 61, 122);
}
.icon-favoris:before {
  content: "\e925";
  color: #f25a74;
}
.icon-star:before {
  content: "\e926";
  color: #dfdfdf;
}
  .icon-star.star_on:before { color: #f25a74; }
.icon-share:before {
  content: "\e927";
}
.icon-like-fb:before {
  content: "\e928";
}
.icon-check-rond:before {
  content: "\e929";
  color: #f25a74;
}
.icon-trash:before {
  content: "\e92a";
  color: #023d7a;
}
.icon-comparison-check:before {
  content: "\e92b";
  color: #023d7a;
}
.icon-comparison:before {
  content: "\e92c";
  color: #f25a74;
}
.icon-fleche-btn:before {
  content: "\e92d";
  color: #0e4680;
}
.icon-favoris-valid:before {
  content: "\e92e";
  color: #023d7a;
}
.icon-arrow-btn:before {
  content: "\e91f";
  color: #fff;
}
.icon-arrow-right:before {
  content: "\e920";
  color: #c1c1c3;
}
.icon-arrow-left:before {
  content: "\e921";
  color: #c1c1c3;
}
.icon-arrow-select:before {
  content: "\e922";
  color: #023d7a;
}
.icon-dragonfly-rotate .path1:before {
  content: "\e91c";
  color: rgb(247, 182, 188);
}
.icon-dragonfly-rotate .path2:before {
  content: "\e91d";
  margin-left: -1.1337890625em;
  color: rgb(247, 182, 188);
}
.icon-dragonfly-rotate .path3:before {
  content: "\e91e";
  margin-left: -1.1337890625em;
  color: rgb(235, 102, 127);
}
.icon-bulles:before {
  content: "\e900";
  color: #fff;
}
.icon-gift:before {
  content: "\e901";
  color: #fff;
}
.icon-padlock:before {
  content: "\e902";
  color: #fff;
}
.icon-truck:before {
  content: "\e903";
  color: #fff;
}
.icon-account .path1:before {
  content: "\e904";
  color: rgb(252, 192, 204);
}
.icon-account .path2:before {
  content: "\e905";
  margin-left: -1.7412109375em;
  color: rgb(25, 63, 117);
}
.icon-account .path3:before {
  content: "\e906";
  margin-left: -1.7412109375em;
  color: rgb(25, 63, 117);
}
.icon-account .path4:before {
  content: "\e907";
  margin-left: -1.7412109375em;
  color: rgb(25, 63, 117);
}
.icon-account .path5:before {
  content: "\e930";
  margin-left: -1.7412109375em;
  color: rgb(252, 192, 204);
}
.icon-fb:before {
  content: "\e908";
  color: #fcc0cc;
}
.icon-insta:before {
  content: "\e909";
  color: #fcc0cc;
}
.icon-dragonfly .path1:before {
  content: "\e90a";
  color: rgb(247, 182, 188);
}
.icon-dragonfly .path2:before {
  content: "\e90b";
  margin-left: -1.1337890625em;
  color: rgb(247, 182, 188);
}
.icon-dragonfly .path3:before {
  content: "\e90c";
  margin-left: -1.1337890625em;
  color: rgb(235, 102, 127);
}
.icon-list .path1:before {
  content: "\e90d";
  color: rgb(247, 191, 203);
}
.icon-list .path2:before {
  content: "\e90e";
  margin-left: -1.0244140625em;
  color: rgb(247, 191, 203);
}
.icon-list .path3:before {
  content: "\e90f";
  margin-left: -1.0244140625em;
  color: rgb(247, 191, 203);
}
.icon-list .path4:before {
  content: "\e910";
  margin-left: -1.0244140625em;
  color: rgb(24, 63, 117);
}
.icon-list .path5:before {
  content: "\e911";
  margin-left: -1.0244140625em;
  color: rgb(247, 191, 203);
}
.icon-search:before {
  content: "\e912";
  color: #fff;
}
.icon-cart .path1:before {
  content: "\e913";
  color: rgb(2, 61, 122);
}
.icon-cart .path2:before {
  content: "\e914";
  margin-left: -0.869140625em;
  color: rgb(2, 61, 122);
}
.icon-cart .path3:before {
  content: "\e915";
  margin-left: -0.869140625em;
  color: rgb(245, 188, 196);
}
.icon-cart .path4:before {
  content: "\e916";
  margin-left: -0.869140625em;
  color: rgb(245, 188, 196);
}
.icon-cart .path5:before {
  content: "\e917";
  margin-left: -0.869140625em;
  color: rgb(232, 95, 123);
}
.icon-store-locator .path1:before {
  content: "\e918";
  color: rgb(219, 53, 82);
}
.icon-store-locator .path2:before {
  content: "\e919";
  margin-left: -0.611328125em;
  color: rgb(255, 255, 255);
}
.icon-snap:before {
  content: "\e91a";
  color: #fcc0cc;
}
.icon-yt:before {
  content: "\e91b";
  color: #fcc0cc;
}

.icon-rotate:before {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  display: block;
}
/**************************************************************************************************************/
/***********************************          ==  ANIMATIONS CSS  ==         **********************************/
/**************************************************************************************************************/
.animated { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s }
.animated-full * { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s }

/**************************************************************************************************************/
/**************************************          ==  TITLES  ==         **************************************/
/**************************************************************************************************************/
h1,
.h1 {
  color: #013d79;
  font-family: 'Satisfy', cursive;
  font-size: 52px;
}
h2,
.h2 {}
h3,
.h3 {
  color: #f15973;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
}

/**************************************************************************************************************/
/**************************************          ==  BOUTONS  ==         **************************************/
/**************************************************************************************************************/
.btn,
.fancybox-inner button,
.fancybox-inner .submit .button,
#order .MR-Widget .MRW-BtGo {
  background: #fbbfcb;
  border: 1px solid #fbbfcb;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  letter-spacing; 1px;
  line-height: normal;
  padding: 11px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;

  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s
}
#order .MR-Widget .MRW-BtGo:hover,
.btn:hover { background: #fff; color: #fbbfcb; }

.fancybox-inner button,
.fancybox-inner .submit .button,
.btn.btn2 { background: #f15973; border-color: #f15973; }
.fancybox-inner button:hover,
.fancybox-inner .submit .button:hover,
.btn.btn2:hover { background: #fff; color: #f15973; }

.btn.btn3 { background: #013d79; border-color: #013d79; }
.btn.btn3:hover { background: #fff; color: #013d79; }

.btn.btn-full-width { width: 100%; }

.btn.btn-higher { font-size: 16px; }

/* Positionnement des icones */
.icon-right, .icon-left {
  position: relative
}
.icon-right { padding-right: 40px; }
.icon-left { padding-left: 40px; }
  .icon-right i, .icon-left i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .icon-right i { left: auto; right: 10px }
  .icon-left i { left: 10px; right: auto }

input[disabled].btn { background: #fff; border-color: #fff; color: #363842; cursor: not-allowed; opacity: 0.5; }


/*************************************************************************************************************/
/***************************************          ==  FORM  ==         *****************************************/
/**************************************************************************************************************/
.form-group {
  margin-bottom: 20px;
}
.form-group label {
  color: #8f8f95;
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
  .form-group label sup {

  }
  .form-group .form-control {
    background: #fff;
    border: 2px solid #f1dddb;
    border-radius: 0;
    color: #013d79;
    font-size: 13px;
    font-style: italic;
    height: 37px;
    padding: 0 10px;
    width: 100%;
  }
  .form-group textarea.form-control { font-family: "Montserrat", 'sans-serif'; font-size: 14px; height: auto; padding: 10px; }
  .form-group.form-ok .form-control { border-color: #d3e6de; color: #44a07a }
  .form-group.form-error .form-control { border-color: #eaced2; color: #b4293c }

.required sup { color: #f25a74 }


/*************************************************************************************************************/
/************************************          ==  PAGE HEADING  ==         *************************************/
/**************************************************************************************************************/
.page-heading {
  background: #f7efed;
  position: relative;
}
.page-heading .header-info {
  padding-bottom: 45px;
  padding-top: 55px;
}
  .page-heading h1 {
    font-size: 52px;
    padding: 0 0 20px;
    text-align: center;
  }
    .page-heading h1 span {
      display: block;
      line-height: 36px;
      font-size: 30px;
      text-align: left;
    }
  .page-heading .short-desc {
    color: #59595f;
    font-size: 18px;
    text-align: center;
  }
    .page-heading .short-desc a {
      color: #023d7a;
      display: block;
      font-size: 14px;
      font-style: italic;
      font-weight: 300;
      margin-top: 10px;
      text-decoration: underline;
    }
  .page-heading:before {
    background: #f7efed;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: -184px;
    z-index: -1;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  header.page-heading.special {
    text-align: left;
  }
    header.page-heading.special h1 {
      color: #013d79;
      font-size: 46px;
      line-height: 75px;
      margin: 0 0 20px 0;
      padding: 0;
      text-align: left;
      text-transform: none;
    }
      header.page-heading.special .short-desc {
        color: #59595f;
        line-height: 22px;
        font-size: 14px;
        text-align: left;
      }
      header.page-heading.special .read-more {
        color: #023d7a;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        position: relative;
        text-decoration: underline;
      }
    header.page-heading.special:before {
      content: '';
    }
@media (max-width: 991px) {
  .page-heading .header-info { padding-bottom: 30px; padding-top: 0px; }
  #cms .page-heading h1,
  header.page-heading.special h1 { font-size: 36px; line-height: 40px; }
    .page-heading h1 span { font-size: 24px; line-height: 28px; }
}
@media (max-width: 767px) {
  .page-heading h1 { font-size: 26px; }
  .page-heading .header-info { padding-bottom: 15px; }
  header.page-heading.special h1 { font-size: 26px; line-height: 26px; margin: 0; padding: 15px 0; }
  header.page-heading.special .read-more,
  .page-heading .short-desc,
  header.page-heading.special .short-desc { font-size: 11px; line-height: 15px; }
}
/*************************************************************************************************************/
/************************************            ==  BREADCRUMBS   ==        **************************************/
/**************************************************************************************************************/
#breadcrumbs {
  text-align: left;
}
  #breadcrumbs .crumb {
    border-top: 1px solid #f1dddb;
    color: #8f8f95;
    font-size: 13px;
    font-weight: 400;
    padding: 15px 0;
  }
    #breadcrumbs .crumb span.navigation-pipe {
      font-weight: 300;
    }
    #breadcrumbs .crumb a {
      color: #8f8f95;
      font-weight: 300;
    }
    #breadcrumbs .crumb a.back-btn {
      color: #013d79;
      font-size: 14px;
      font-weight: 400;
      padding-right: 15px;
    }
      #breadcrumbs .crumb a.back-btn i {
        display: inline-block;
        font-size: 7px;
        position: relative;
        top: -2px;

        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
      }

@media (max-width: 767px) {
  #breadcrumbs .crumb { border: 0; padding: 0 0 10px; }
  #breadcrumbs .crumb a.back-btn { padding-right: 5px; }
}

.page-top {
  margin: 0 0 50px 0;
}
  #category .page-top { margin: 0; }
  #order .page-top { margin: 0 0 30px; }
/*************************************************************************************************************/
/************************************             ==  BLOCK   ==             **************************************/
/**************************************************************************************************************/
.block { margin-bottom: 30px }
.box {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 30px;
  position: relative;
}
    .box .title {
        display: block;
        font-size: 16px;
        margin-bottom: 15px;
        text-transform: uppercase;
    }
    .box .box-footer {
      margin-top: 15px;
      overflow: hidden;
    }
      .box .box-footer > *:last-child {
        float: left;
      }
      .box .box-footer > *:first-child {
        float: right;
      }
.box-pink {
  margin: 0 0 60px;
}
  .box-pink > h2,
  .box-pink > .title {
    border-bottom: 1px solid #e1e1e1;
    color: #59595f;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0 0 15px 0;
  }
  .box-pink .box-content {
    color: #59595f;
    font-size: 13px;
    font-weight: 300;
  }
    .box-pink .title-sub {
      color: #59595f;
      display: block;
      font-weight: 700;
      margin-bottom: 10px;
    }
    .box-pink .box-link {
      text-align: right;
    }
      .box-pink .link-update {
        color: #f25a74;
        font-size: 13px;
        font-weight: 700;
        text-decoration: underline;
      }
.box-heading {
  margin: 0 0 60px;
  padding: 0;
}
  .box-heading h2 {
    color: #023d7a;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
  }
  .box-heading .box-content {
    color: #5a5a60;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
  }
   .box-heading .box-content ul {
     line-height: 20px;
   }
.block-img {
  position: relative;
}
  .block-img .block-img-text {
    background: #fff;
    bottom: 15px;
    color: #8f8f95;
    left: 30px;
    padding: 25px 20px 12px;
    position: absolute;
    right: 30px;
    text-align: center;
  }
    .small-row .block-img .block-img-text { bottom: 10px; left: 15px; right: 15px; }
    .block-img .block-img-text h3 {
      color: #013d79;
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 10px;
    }
      #index #routine-rituel .block-img .block-img-text h3 { font-weight: 600; }
        #index #routine-rituel .block-img .block-img-text h3 a { text-decoration: none; }
    .block-img .block-img-text p {
      line-height: 20px;
      margin-bottom: 10px;
    }
    .block-img .block-img-text ul {
      text-align: left;
      margin-bottom: 10px;
    }
      .block-img .block-img-text a,
      .block-img .block-img-text ul a {
        line-height: 20px;
        color: #8f8f95;
      }
        .block-img .block-img-text a { text-decoration: underline; }
        .block-img .block-img-text ul a { text-decoration: none; }
        .block-img .block-img-text ul a:hover { color: #f25a74; }
          .block-img .block-img-text ul a:hover:after {
            content: "\e92d";
            font-size: 10px;
            padding-left: 10px;

            /* 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;
          }
.block-brand {
  height: 95px;
  border: 1px solid #e1e1e1;
  text-align: center;
  display: block;
  line-height: 90px;
}
.pink-bg { background: #f7efed; }
.text-pink { color: #f15973; }
@media(max-width: 1199px) {
  .block-img .block-img-text p { line-height: 15px; }
}
@media(max-width: 991px) {
  .box-pink,
  .box-heading { margin: 0 0 30px; }
}
@media(max-width: 767px) {
  .box-heading .box-content { font-size: 12px; }
  .box-heading h2 { font-size: 16px; line-height: 18px; }
  .box-pink > h2,
  .box-pink .table-head .title,
  .box-pink > .title { font-size: 14px; }
  .box-pink > h2, .box-pink > .title { margin-bottom: 10px; padding-bottom: 10px;  }
  .box-pink .link-update { font-size: 11px; }
  .box-pink .table-row > div { margin-bottom: 10px; }
  .box-pink .box-link { text-align: left; }
}
@media(max-width: 480px) {
  body:not(#index) .block-img .block-img-text { left: 10px; padding: 15px; right: 10px; }
  .box .box-footer > * { margin: 0 0 10px 0; width: 100% }
}

/*************************************************************************************************************/
/************************************           == PRICE  ==         **************************************/
/**************************************************************************************************************/

.price sup {
  font-size: 60%;
  position: relative;
  top: -8px;
}
.old-price sup {
  font-size: 60%;
  position: relative;
  top: -8px;
}

/*************************************************************************************************************/
/************************************           == BLOCK PRODUIT  ==         **************************************/
/**************************************************************************************************************/
.product-name,
.product-name a {
  text-decoration: none;
}
.product-ctn {
  position: relative;

  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
  #index .product-ctn { margin: 0 1px 1px; }
  .product-ctn .inner {
    border: 1px solid transparent;
    border-bottom: 0;
    overflow: hidden;
  }
    .product-ctn.product-color .inner { background: #fff; border: 1px solid #f8efee; }
    .product-ctn.no-stock .inner { opacity: 0.5; }
  .product-ctn:hover .inner { border: 1px solid #fbbfcb; border-bottom: 0; }
  .product-ctn.product-color:hover .inner { border: 1px solid #fbbfcb;}
  .product-ctn .product-img-ctn {
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
  }
    .product-ctn .product-img-ctn .product-img {
      display: block;
    }
    .product-ctn .product-img-ctn .pin {
      color: #fff;
      left: -1px;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: -1px;
      width: 100px;
      height: 100px;
      pointer-events: none;

      -ms-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
    }
      .product-ctn .product-img-ctn .pin span {
        display: block;
        font-size: 13px;
        padding: 8px 0px;
        width: 100%;
      }
        .product-ctn .product-img-ctn .pin span.new-label { background: #63bea9; }
        .product-ctn .product-img-ctn .pin span.sale-label { background: #af4573; }
        .product-ctn .product-img-ctn .pin span.online-only { background: #f15973; }
    .product-ctn .product-img-ctn img {
      margin: 0 auto;
    }
      .product-ctn.product-list-ctn .product-img-ctn img { width: 100% }
    .product-ctn .product-img-ctn .product-picto {
      bottom: 0;
      position: absolute;
      right: 10px;
    }
      .product-ctn .product-img-ctn .product-reduction {
        background: #fa6c84;
        color: #fff;
        font-weight: 300;
        height: 56px;
        line-height: 56px;
        margin-bottom: 10px;
        text-align: center;
        width: 56px;

        -moz-border-radius: 28px;
        -webkit-border-radius: 28px;
        border-radius: 28px;
      }
        .product-ctn .product-img-ctn .product-reduction sup {
          font-size: 60%;
          position: relative;
          top: -4px;
        }
        .product-ctn .product-img-ctn .product-reduction.less { background-color: #f2b6bd; }
        .product-ctn .product-img-ctn .product-reduction.special { background-color: #023d7a; position: relative; z-index: 1; }
        .product-ctn .product-img-ctn .product-reduction.with-card { line-height: 14px; padding: 9px 0; position: relative; }
          .product-ctn .product-img-ctn .product-reduction.with-card .text { display: block; font-size: 7px; line-height: 9px; text-transform: uppercase; }
          .product-ctn .product-img-ctn .product-reduction.with-card:after {
            background: url('../img/card.png') no-repeat center center;
            bottom: -12px;
            content: '';
            height: 22px;
            left: 12px;
            position: absolute;
            width: 33px;

            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
          }
          .product-ctn.product-solo .product-img-ctn .product-reduction.with-card:after {
            background: url('../img/card.png') no-repeat center center;
            bottom: -18px;
            content: '';
            height: 44px;
            left: 6px;
            position: absolute;
            width: 66px;

            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
          }
            .product-ctn .product-img-ctn .product-reduction.with-card.card-semi:after { background-image: url('../img/car-semi.png'); bottom: -14px; height: 30px; }
            .product-ctn .product-img-ctn .product-reduction.with-card.card-pro:after { display: none; }
        .product-ctn .product-img-ctn .product-reduction.double { margin: 0 0 -10px 0; }
          .product-ctn .product-img-ctn .product-reduction.pro { padding-top: 13px; line-height: 14px; }
          .product-ctn .product-img-ctn .product-reduction.double.pro { padding-top: 9px; line-height: 14px; }
        .product-ctn.product-solo .product-img-ctn .product-reduction {
          font-size: 18px;
          height: 74px;
          line-height: 74px;
          width: 74px;

          -moz-border-radius: 37px;
          -webkit-border-radius: 37px;
          border-radius: 37px;
        }
          .product-ctn.product-solo .product-img-ctn .product-reduction.pro { padding-top: 20px; line-height: 18px; }
          .product-ctn.product-solo .product-img-ctn .product-reduction.double.pro { padding-top: 16px; line-height: 18px; }
          .product-ctn.product-solo .product-img-ctn .product-reduction.with-card { line-height: 18px; }
            .product-ctn .product-img-ctn .product-reduction.pro .text { display: block; font-size: 12px;  }
            .product-ctn .product-img-ctn .product-reduction.pro.special .text { font-size: 9px; line-height: 11px;  }
      .product-ctn .product-img-ctn .product-refurbished {
        background: #fff;
        border: 2px solid #013d79;
        font-weight: 300;
        height: 56px;
        margin-bottom: 10px;
        text-align: center;
        width: 56px;

        -moz-border-radius: 37px;
        -webkit-border-radius: 37px;
        border-radius: 37px;

      }
        .product-ctn.product-solo .product-img-ctn .product-refurbished {
          height: 74px;
          width: 74px;
        }
        .product-ctn .product-img-ctn .product-refurbished .text {
          color: #013d79;
          display: block;
          font-size: 11px;
          font-weight: 600;
          padding-top: 14px;
        }
          .product-ctn .product-img-ctn .product-refurbished.destockage .text { padding-top: 20px; }
          .product-ctn.product-solo .product-img-ctn .product-refurbished .text {
            font-size: 12px;
            padding-top: 20px;
          }
            .product-ctn.product-solo .product-img-ctn .product-refurbished.destockage .text { font-size: 14px; padding-top: 27px; }
        .product-ctn .product-img-ctn .product-refurbished .overlay {
          background-color: #f7efed;
          display: none;
          height: 126px;
          opacity: .9;
          padding: 20px 10px;
          position: absolute;
          right: 0;
          text-align: left;
          top: -136px;
          width: 303px;

          -moz-box-shadow: 0 2px 4px rgba(0,0,0,.45);
          -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.45);
          box-shadow: 0 2px 4px rgba(0,0,0,.45);
        }
          .product-ctn .product-img-ctn .product-refurbished .overlay h3 {
            color: #59595f;
            font-size: 12px;
            margin-bottom: 10px;
          }
          .product-ctn .product-img-ctn .product-refurbished .overlay p {
            color: #59595f;
            font-size: 11px;
            margin-bottom: 5px;
          }
          .product-ctn .product-img-ctn .product-refurbished .overlay:after {
            background: url('../img/arrow-refurbished.png') no-repeat center center;
            bottom: -13px;
            content: '';
            display: block;
            height: 15px;
            position: absolute;
            right: 24px;
            width: 29px;
          }
          .product-ctn .product-img-ctn .product-refurbished:hover .overlay { display: block; }
    .product-ctn .product-img-ctn .wishlist-product-list,
    .product-ctn .product-img-ctn .compare {
      background: #fff;
      border: 1px solid #fbbfcb;
      border-right: 0;
      position: absolute;
      right: -100%;
      top: -1px;
    }
      .product-ctn .product-img-ctn .wishlist-product-list { top: 34px; }
      .product-ctn .product-img-ctn .wishlist-product-list a,
      .product-ctn .product-img-ctn .compare a {
        color: #f15973;
        display: block;
        font-size: 10px;
        height: 34px;
        padding: 10px 20px 10px 40px;
        position: relative;
        text-align: left;
        text-transform: uppercase;
        width: 135px;
      }
        .product-ctn .product-img-ctn .compare a.add_to_compare.checked { padding: 7px 20px 7px 40px; }
        .product-ctn .product-img-ctn .wishlist-product-list a.add_to_compare i,
        .product-ctn .product-img-ctn .wishlist-product-list a i,
        .product-ctn .product-img-ctn .compare a.add_to_compare i {
          font-size: 22px;
          left: 10px;
          position: absolute;
          top: 6px;
        }
          .product-ctn .product-img-ctn .wishlist-product-list a i { font-size: 16px; top: 8px; }
      .product-ctn:hover .product-img-ctn .wishlist-product-list,
      .product-ctn:hover .product-img-ctn .compare { right: -10px; }
      .product-ctn:hover .product-img-ctn .wishlist-product-list:hover,
      .product-ctn:hover .product-img-ctn .compare:hover { right: 0px; }
        .product-ctn .product-img-ctn .compare a .compare-text { display: none; }
          .product-ctn .product-img-ctn .compare a.checked .compare-text { display: block; }
          .product-ctn .product-img-ctn .compare a.checked .no-compare-text { display: none; }
    .product-ctn.product-color .product-img-ctn {
      margin-bottom: 0;
      text-align: center;
    }
      .product-ctn.product-color .product-img-ctn .no-img {
        height: 157px;
        text-align: center;
        padding: 64px 50px;
      }
      .product-ctn.product-color .product-img-ctn:before {
        background: url("../img/layer-product-color.png") no-repeat center center;
        content: '';
        height: 156px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 100;
      }
    .product-ctn.product-color .wishlist-product-color {
      position: absolute;
      right: 30px;
      top: 50px;
      z-index: 1;
    }
  .product-ctn .product-infos {
    height: 100px;
    overflow: hidden;
    padding: 0 9px;
    z-index: 2;
  }
    .product-ctn.product-comparison .product-infos { height: 130px; }
    .product-ctn.product-color .product-infos { height: 50px; padding: 9px 9px 0; text-align: center; }
    .product-ctn .product-infos .product-stock {
      color: #8f8f95;
      display: block;
      font-size: 13px;
      font-style: italic;
      font-weight: 300;
      text-align: right;
    }
    .product-ctn .product-infos .product-manu {
      color: #013d79;
      display: block;
      font-weight: 700;
      padding: 15px 0 10px;
      text-transform: uppercase;
    }
    .product-ctn .product-infos .product-name {
      color: #5a5a60;
      display: block;
      line-height: 18px;
    }
      .product-ctn .product-infos .product-name h3 {
        font-size: 14px;
        text-transform: none;
      }
      .product-ctn .product-infos .product-name a {
        color: #5a5a60;
        display: block;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
      }
    .product-ctn .product-infos .product-description-short {
      color: #5a5a60;
      margin: 0;
    }
  .product-ctn .product-details {
    padding: 0 9px;
  }
    .product-ctn.product-color .product-details { height: 50px; padding: 0 30px; }
      .product-ctn.product-color .product-details.pro { height: 95px; }
      .product-ctn.product-color .product-list-action { width: 100%; }
    .product-ctn .product-price {
      padding: 7px 0;
    }
      .product-ctn .product-price.no-price { padding: 10px 0;}
      .product-ctn.product-routine .product-price,
      .product-ctn.product-color .product-price,
      .product-list-ctn.product-ctn .product-price { position: relative; }
      .product-ctn.product-color .product-price.no-price,
      .product-ctn.product-color .product-price {
        padding: 2px 0;
      }
      .product-ctn .product-price .text {
        color: #f96b83;
        font-size: 10px;
        font-weight: 300;
        padding-right: 0;
        position: unset;
        text-transform: uppercase;
      }
        .product-ctn.product-routine .product-price .text,
        .product-ctn.product-color .product-price .text,
        .product-ctn.product-list-ctn .product-price .text { float: left; padding: 3px 0; }
          .product-ctn.product-color .product-details.pro .product-price .text { width: 100% }
      .product-ctn .product-price .price {
        padding-left: 0;
        text-align: right;
      }
        .product-ctn.product-routine .product-price .price,
        .product-ctn.product-color .product-price .price,
        .product-ctn.product-list-ctn .product-price .price { float: right; }
          .product-ctn.product-color .product-details.pro .product-price .price { float: none; width: 100%; text-align: left; }
        .product-ctn .product-price .price-from { color: #fa6c84; }
        .product-ctn .product-price .current-price {
          color: #fa6c84;
          font-size: 14px;
          font-weight: 400;
        }
          .product-ctn.product-routine .product-price .current-price sup,
          .product-ctn.product-color .product-price .current-price sup,
          .product-ctn.product-list-ctn .product-price .current-price sup { top: -4px; }
          .product-ctn.product-color .product-price .current-price {
            font-size: 14px;
          }
            .product-ctn.product-color .product-price .with-tax.b2b .current-price { display: none; }
            .product-ctn.product-color .product-details.pro .product-price .with-tax.b2b .current-price { display: inline-block; }
        .product-ctn .product-price .old-price {
          color: #8f8f95;
          font-size: 10px;
          font-weight: 300;
          padding-right: 5px;
        }
          .product-ctn.product-color .product-details.pro .product-price .old-price { float: right; }
          .product-ctn.product-routine .product-price .old-price sup,
          .product-ctn.product-color .product-price .old-price sup,
          .product-ctn.product-list-ctn .product-price .old-price sup { top: -4px; }
          .product-ctn.product-solo .product-price .old-price sup { top: -4px; }
          .product-ctn .product-price .old-price .barre span {
            text-decoration: line-through;
          }
    .product-ctn .product-price:not(.special) {
      border-top: 1px solid #e1e1e1;
    }
      .product-ctn .product-price.no-border:not(.special) { border-top: 1px solid #fff; }
    .product-ctn.product-routine .product-price:not(.special),
    .product-ctn.product-color .product-price:not(.special),
    .product-ctn.product-solo .product-price:not(.special) {
      border: 0;
    }
      .product-ctn .product-price.special .text {
        color: #013d79;
      }
      .product-ctn .product-price.special .price {}
        .product-ctn .product-price.special .price-from { color: #023d7a; }
        .product-ctn .product-price.special .current-price {
          font-size: 18px;
          color: #023d7a;
        }
          .product-ctn .product-price.special .current-price.barre span { text-decoration: line-through; }
          .product-ctn.product-routine .product-price.special .current-price sup,
          .product-ctn.product-color .product-price.special .current-price sup,
          .product-ctn.product-list-ctn .product-price.special .current-price sup { top: -5px; }
          .product-ctn.product-color .product-price.special .current-price { font-size: 16px; }
        .product-ctn .product-price.special .old-price {
          color: #909096;
        }
        .product-ctn .tooltips-price {
          background: #013d79;
          color: #fff;
          cursor: pointer;
          display: inline-block;
          font-size: 10px;
          font-weight: 300;
          margin-left: 5px;
          padding: 3px 7px 5px;
          text-align: left;

          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
        }
          .product-ctn .tooltips-price span {
            background-color: #f7efed;
            color: #59595f;
            display: none;
            font-size: 11px;
            left: 0;
            margin-bottom: 15px;
            padding: 15px;
            position: absolute;
            right: 0;
            text-transform: none;
            top: -100px;
            z-index: 1;

            -moz-box-shadow: 0 2px 4px rgba(0,0,0,.45);
            -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.45);
            box-shadow: 0 2px 4px rgba(0,0,0,.45);
          }
            .product-ctn .tooltips-price span b { text-transform: uppercase; }
            .product-ctn.product-solo .tooltips-price span { bottom: unset; left: unset; margin-top: 6px; top: unset; width: 200%; }
            .product-ctn .tooltips-price:hover span {
              display: block;
            }
        .vip-reduction {
          background-color: #013d79;
          border-radius: 10px;
          color: white;
          font-size: 10px;
          margin-left: 5px;
          padding: 2px 5px 3px;
          opacity: 0.5;
        }
          .vip-reduction sup {
            font-size: 60%;
            position: relative;
            top: -4px;
          }
    .product-ctn .unit-price {
      color: #59595f;
      display: block;
      font-size: 11px;
      font-style: italic;
      margin: 15px 0 0;
      text-align: right;
    }
      .product-ctn .unit-price sup {
        top: -3px;
      }
  .product-ctn .bottom-product {
    margin-top: -1px;
    position: relative;
    opacity: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
  }
    .product-ctn .bottom-product.oos { border-top: 1px solid #e1e1e1; }
    .product-ctn.product-color .bottom-product { opacity: 1; margin: -1px; }
    .cart-content.special-content .product-qty-special .btn,
    .product-ctn .bottom-product .btn {
      background: #f15973;
      border: 1px solid #f15973;
      height: 40px;
      padding: 10px 13px;
      position: relative;
      text-align: center;
      width: 100%;
    }
      .product-ctn .bottom-product .btn.fake_add_to_cart_button > span {
          left: 50%;
          position: absolute;
          top: 50%;
          transform: translateX(-50%) translateY(-50%);
          white-space: nowrap;
      }
        .product-ctn .bottom-product .btn.fake_add_to_cart_button i {
          float: right;
          opacity: 0;
        }
          .product-ctn .bottom-product .btn.fake_add_to_cart_button i:before { color: #fff; }
        .product-ctn .bottom-product .btn.fake_add_to_cart_button:hover {
          background: #f15973;
          color: #fff;
        }
          .product-ctn .bottom-product .btn.fake_add_to_cart_button:hover > span {
            left: 0;
            top: 50%;
            transform: translateX(15px) translateY(-50%);
          }
          .product-ctn .bottom-product .btn.fake_add_to_cart_button:hover i { opacity: 1; }
    .cart-content.special-content .product-qty-special .btn-add-cart.close,
    .product-ctn .bottom-product .btn-add-cart.close { display: none; }
    .cart-content.special-content .product-qty-special .btn-add-quantity,
    .product-ctn .bottom-product .btn-add-quantity {
      display: none;
    }
      .cart-content.special-content .product-qty-special .btn-add-quantity.open,
      .product-ctn .bottom-product .btn-add-quantity.open { display: block; }
      .product-ctn.product-color .bottom-product .quantity-button { height: 39px; }
        .cart-content.special-content .product-qty-special .product-qty-minus,
        .cart-content.special-content .product-qty-special .product-qty-plus,
        .product-ctn .bottom-product .quantity-button .product-qty-minus,
        .product-ctn .bottom-product .quantity-button .product-qty-plus {
          background-color: #fa6b84;
          border: 1px solid #fa6b84;
          color: #fff;
          cursor: pointer;
          display: block;
          font-size: 20px;
          height: 39px;
          line-height: 36px;
          text-align: center;
        }
        .cart-content.special-content .product-qty-special .form-group,
        .product-ctn .bottom-product .quantity-button .form-group {
          margin: 0;
        }
          .cart-content.special-content .product-qty-special .product-qty-input,
          .product-ctn .bottom-product .quantity-button .product-qty-input {
            background: #fb8195;
            border: 1px solid #fa6b84;
            color: #fff;
            font-size: 20px;
            font-style: normal;
            height: 39px;
            text-align: center;
            width: 100%;
          }
      .product-ctn .bottom-product .btn-view .btn { text-align: center; }
        .product-ctn.product-color .bottom-product .btn-view {
          color: #8f8f95;
          font-family: "Montserrat";
          font-size: 13px;
          font-style: italic;
          font-weight: 200;
          padding: 13px 15px ;
          text-align: center;
        }
      .product-ctn .bottom-product .btn:hover { background: #fff; border: 1px solid #fbbfcb; }
    .product-ctn.product-comparison .bottom-product { opacity: 1; }
    .product-ctn.product-comparison .product-price .text { display: block; float: none; }
    .product-ctn.product-comparison .product-price .price { display: block; float: none; }
    .product-ctn.product-comparison .product-price .price .current-price { font-size: 14px; }
    .product-ctn.product-comparison .product-price .price .with-tax.b2b { display: none; }
    .product-ctn.product-comparison .product-price.no-price { padding: 11px 0; }
    .product-ctn:hover .bottom-product { opacity: 1; }
.product-ctn.product-comparison {
  margin-bottom: 30px;
}
.refurbished-origin {
  margin-bottom: 15px;
}

#main-info .comments-note { margin-bottom: 15px; }
  .comments-note .star-content { display: inline-block; margin-bottom: 0; }
  .comments-note .go-to-comments,
  .comments-note .nb-comments {
    color: #8f8f95;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    margin-left: 5px;
  }
    .comments-note a.go-to-comments,
    .comments-note a.nb-comments {
      font-style: italic;
      margin-left: 10px;
      text-decoration: underline;
    }
      .comments-note.no-note a.go-to-comments,
      .comments-note.no-note a.nb-comments { margin-left: 0; }

@media (max-width: 1319px) {
  .product-ctn .product-infos .product-description-short,
  .product-ctn .product-infos .product-name a { font-size: 13px; }
  .product-ctn .product-infos  .icon-star:before { font-size: 12px; }
}
@media (max-width: 1199px) {
  .product-ctn .add-to-cart-pane { padding-top: 10px }
}
@media (max-width: 991px) {
  .product-ctn .product-infos .product-stock { text-align: left; }
  .product-ctn .product-img-ctn .product-reduction { font-size: 14px; height: 50px; line-height: 50px; width: 50px; }
  .product-ctn .bottom-product { opacity: 1; }
  .product-ctn.product-list-ctn { margin-bottom: 30px; }
  .product-ctn .product-img-ctn .compare,
  .product-ctn .product-img-ctn .wishlist-product-list { background: none; border: 0; bottom: 15px; left: 0; right: inherit; top: inherit; }
    .product-ctn .product-img-ctn .compare { bottom: 45px; }
    .product-ctn .product-img-ctn .compare a,
    .product-ctn .product-img-ctn .wishlist-product-list a { padding: 0; width: 34px; }
      .product-ctn .product-img-ctn .compare a > span { display: none !important }
      .product-ctn .product-img-ctn .compare a.add_to_compare i,
      .product-ctn .product-img-ctn .wishlist-product-list a i { font-size: 20px; left: 0; }
    .product-ctn:hover .product-img-ctn .wishlist-product-list:hover,
    .product-ctn:hover .product-img-ctn .wishlist-product-list { right: inherit; }
  .product-ctn .product-details,
  .product-ctn .product-infos { padding: 0; }
  .product-ctn .inner,
  .product-ctn:hover .inner { border: 0 }
}
@media (max-width: 991px ) and (min-width: 768px) {
  .product-ctn.product-color .product-price .text { display: block; float: none; margin-bottom: 5px; }
  .product-ctn.product-color .product-price .price { display: block; float: none; text-align: right; }
  .product-ctn .product-price.special .current-price { font-size: 16px; }
  .product-ctn .product-img-ctn .product-refurbished { height: 50px; width: 50px; }
    .product-ctn .product-img-ctn .product-refurbished .text { font-size: 10px; padding-top: 12px;}
    .product-ctn .product-img-ctn .product-refurbished.destockage .text { padding-top: 17px;}
  .product-ctn .product-img-ctn .pin span { font-size: 12px; }
}
@media (max-width: 767px) {
  .product-ctn .product-img-ctn .compare {display: none;}
  .product-ctn.product-solo .product-img-ctn .product-refurbished { height: 40px; width: 40px; }
  .product-ctn .product-img-ctn .product-refurbished { height: 40px; width: 40px; }
    .product-ctn.product-solo .product-img-ctn .product-refurbished .text { font-size: 8px; padding-top: 8px; }
    .product-ctn .product-img-ctn .product-refurbished .text { font-size: 8px; padding-top: 8px; }
    .product-ctn .product-img-ctn .product-refurbished.destockage .text { padding-top: 14px;}
    .product-ctn .product-img-ctn .product-refurbished.destockage.round-price .text { padding-top: 11px;}
    .product-ctn.product-solo .product-img-ctn .product-refurbished.destockage .text { font-size: 8px; padding-top: 14px;}
    .product-ctn .product-img-ctn .product-reduction.pro { padding-top: 5px; }

  .product-ctn .product-img-ctn .product-reduction.with-card,
  .product-ctn.product-solo .product-img-ctn .product-reduction.with-card { line-height: 9px; padding: 3px 0; }
    .product-ctn .product-img-ctn .product-reduction.with-card:after,
    .product-ctn.product-solo .product-img-ctn .product-reduction.with-card:after { left: 5px; }
    .product-ctn .product-img-ctn .product-reduction.with-card.card-semi:after { bottom: -17px; }

  .product-ctn.product-list-ctn { margin-bottom: 10px; }
  .product-ctn.product-routine .product-price .text,
  .product-ctn.product-list-ctn .product-price .text { display: block; float: none; margin-bottom: 5px; }
  .product-ctn.product-routine .product-price .price,
  .product-ctn.product-list-ctn .product-price .price { display: block; float: none; text-align: right; }
  .product-ctn.product-solo .product-price .price { text-align: left; }
  .product-ctn .product-img-ctn { text-align: center }
    .product-ctn .product-img-ctn .product-picto { right: 0; }
    .product-ctn .product-img-ctn .product-reduction { font-size: 10px; height: 40px; line-height: 40px; width: 40px; margin-bottom: 0; }
    .product-ctn .product-img-ctn .wishlist-product-list { bottom: 2px; }

  .product-ctn .product-infos { height: 78px; }
    .product-ctn .product-infos .icon-star:before { font-size: 10px; }
    .product-ctn .product-infos .product-stock { font-size: 10px; }
    .product-ctn .product-infos .product-manu { font-size: 11px; height: 25px; padding: 5px 0 0; }
    .product-ctn .product-infos .product-name { font-size: 11px; height: 16px; overflow: hidden; }
      .product-ctn .product-infos .product-name::after { margin: 10px 0 0 0 }
      .product-ctn .product-infos .product-name a { font-size: 11px; height: auto; }
      .product-ctn .product-infos .product-description-short { font-size: 11px; }
      .product-ctn .product-infos .product-details .product-stock { margin: 15px 0 0 0; position: static; }

  .product-ctn.product-routine .product-price .price, .product-ctn.product-list-ctn .product-price .price { text-align: left; }
  .product-ctn .product-price { padding: 7px 0; }
    .product-ctn .product-price.special .current-price { font-size: 14px; }
    .product-ctn .product-price .old-price { font-size: 10px; float: right; padding: 0}
    .product-ctn .product-price.no-price { padding: 9px 0; }
    #product .main-info #buy_block .product-price.special .text { margin-bottom: 5px; }
    .product-ctn .vip-reduction { float: right; }
    .product-ctn.product-solo .vip-reduction { float: none; }
    .product-ctn.product-routine .product-price .text,
    .product-ctn.product-list-ctn .product-price .text { margin: 0; }
    .product-ctn .product-price.special .current-price { font-size: 13px; }
    .product-ctn .product-price .current-price { font-size: 12px; }

  .cart-content.special-content .product-qty-special .btn,
  .product-ctn .bottom-product .btn { font-size: 12px; padding: 10px 7px; }
    .product-ctn .product-img-ctn .pin { height: 78px; width: 78px; }
    .product-ctn .product-img-ctn .pin span { font-size: 11px; }

  .product-ctn.product-solo .product-img-ctn .product-reduction { font-size: 9px; height: 40px; line-height: 40px; width: 40px; }

  .product-ctn.product-color .product-infos { height: 38px; }
  #products-colors .product-ctn .product-infos .product-name { font-size: 9px; height: 30px; line-height: 13px; text-transform: uppercase; }
  #products-colors .product-ctn.product-color .product-img-ctn { padding: 7px 7px 15px; }
  #products-colors .product-ctn.product-color .product-img-ctn:before { display: none; }
  #products-colors .product-ctn.product-color .product-img-ctn img { border-radius: 70px; }


  #products-colors .product-ctn.product-color a { display: block; position: relative; }
  #products-colors .product-ctn.product-color a:after { background: url("../img/arrow-nuance.png") no-repeat center center; bottom: -12px; content: ''; display: none; height: 22px; left: 50%; margin-left: -15px; position: absolute; width: 30px; z-index: 100; }
  #products-colors .product-ctn.product-color a:before { background: #f8efee; bottom: -12px; content: ''; display: none; height: 10px; left: 50%; margin-left: -15px; position: absolute; width: 30px; z-index: 100; }
  #products-colors .product-ctn.product-color.open a:after { display: block; }
  #products-colors .product-ctn.product-color.open a:before { display: block; }
  #products-colors .product-ctn.product-color .product-details { height: auto; }
  .product-ctn.product-color .product-price.special .current-price,
  .product-ctn.product-color .product-price .current-price { font-size: 14px; }
  .product-ctn.product-color .inner { overflow: initial; }
  .product-ctn.product-color .product-img-ctn .no-img { height: 70px; padding: 0 15px; }

  .product-ctn .bottom-product.oos { border: 0; }

  .product-ctn .tooltips-price { background: #fff; border: 1px solid #f96b83; color: #013d79; margin-left: 0; padding: 0px 3px 2px; }

  .product-ctn.product-list-ctn .product-img-ctn .product-reduction.double.pro { padding-top: 0; }
  .product-ctn.product-list-ctn .product-img-ctn .product-reduction.pro { padding-top: 11px; line-height: 11px;}


  .product-ctn.product-solo .product-img-ctn .product-reduction.pro { padding-top: 9px; line-height: 11px; }
  .product-ctn.product-solo .product-img-ctn .product-reduction.double.pro { padding-top: 4px; line-height: 8px; }
  .product-ctn.product-solo .product-img-ctn .product-reduction.with-card { line-height: 18px; }
    .product-ctn .product-img-ctn .product-reduction.pro .text { display: block; font-size: 10px;  }
    .product-ctn .product-img-ctn .product-reduction.pro.special .text { font-size: 9px; line-height: 11px;  }

  .product-ctn.product-solo .product-price .price-from { display: block; margin-bottom: 2px; }
}
@media (max-width: 580px) {

}

/*************************************************************************************************************/
/*************************************          ==  TAB PRODUCT  ==         *************************************/
/**************************************************************************************************************/
.nav-tabs {
  list-style: none;
  margin: 25px 0;
  text-align: center;
}
  .nav-tabs li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
  }
    .nav-tabs a {
      color: #244178;
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
    }
      .nav-tabs li a:hover,
      .nav-tabs li.active a { color: #f25a74; }
    .nav-tabs li:after {
      color: #023d7a;
      content: "/";
      font-size: 18px;
      font-weight: 300;
      position: absolute;
      right: -3px;
    }
      .nav-tabs li:last-child:after {
        display: none;
      }
.tab-pane {}
  .tab-pane .title-tab {
    border-top: 1px solid #ededed;
    color: #f15973;
    display: block;
  	font-size: 14px;
  	font-weight: 700;
    padding: 15px 0;
    text-transform: uppercase;
  }
    .tab-pane:last-child {
      border-bottom: 1px solid #ededed;
    }
.tab-content > div {
  display: none;
}
  .tab-content > div.active { display: block; }

@media (max-width: 767px) {
  .tab-pane .title-tab { position: relative; }
  .tab-pane .title-tab:after {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: auto 5px;
    content: '\e922';
    font-family: 'icomoon';
    float: right;
    font-size: 9px;
    height: 15px;
    margin-top: 5px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
  }
    .tab-pane:not(.close) .title-tab:after {
      position: relative;
      top: -8px;
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
    }
  .tab-pane.close .title-tab { color: #013d79; }
  .tab-pane .products { margin-bottom: 10px; }
  .tab-pane.close .products { display: none; }
  .tab-pane .product-ctn.product-list-ctn { margin: 0; }
}
/*************************************************************************************************************/
/*************************************          ==  PAGINATION  ==         *************************************/
/**************************************************************************************************************/
#pagination {
  display: none;
}
  .search-ctn #pagination {
    display: block;
  }
  #pagination .pagination_previous {
    color: #93959e;
    font-size: 13px;
  }
    #pagination .pagination_previous > * {
      background: #fff;
      float: left;
      padding: 10px 12px 10px 30px;
      position: relative;
    }
    #pagination .pagination_previous > a { color: #333; }
      #pagination .pagination_previous > * i {
        position: absolute;
        left: 10px;
      }

  #pagination .pagination_next {
    color: #93959e;
    font-size: 13px;
  }
    #pagination .pagination_next > * {
      background: #fff;
      float: right;
      padding: 10px 30px 10px 12px;
      position: relative;
    }
    #pagination .pagination_next > a { color: #333; }
      #pagination .pagination_next > * i {
        position: absolute;
        right: 0px;
      }

  #pagination ul {
    font-size: 13px;
    font-weight: normal;
    text-align: center;
  }
    #pagination ul li {
      display: inline-block;
      margin: 0 5px;
    }
    #pagination ul li a, #pagination ul li:hover a { text-decoration: none; }
    #pagination ul li.active span span, #pagination ul li:hover a span { background: #2b2d36; border-color: #ed7b03; color: #fff }
      #pagination ul li > a span, #pagination ul li > span span {
        background: #fff;
        color: #2b2d36;
        display: block;
        padding: 10px 12px;
        text-align: center;
      }
      #pagination ul li.active span { color: #2b2d36 }

.see-more-products {
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  color: #8f8f95;
  cursor: pointer;
  font-size: 13px;
  margin-top: 30px;
  padding: 15px 0;
  text-align: center;
}

@media (max-width: 767px) {
  .see-more-products { margin-top: 0; }
  #pagination .pagination_next a span,
  #pagination .pagination_next span span,
  #pagination .pagination_previous a span,
  #pagination .pagination_previous span span { display: none; }
  #pagination ul li { margin: 0; }
  #pagination .pagination_next > *,
  #pagination .pagination_previous > * { padding: 10px; }
}
/*************************************************************************************************************/
/**************************************          ==  POPOVER  ==         **************************************/
/**************************************************************************************************************/
.popover {
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  position: relative;
}
  .popover i {
    color: #5f616a;
    margin-left: 5px;
    padding-right: 0;
  }
  .popover .popover-content {
    background: #fff;
    bottom: 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    color: #5f616a;
    left: 50%;
    font-size: 13px;
    font-style: italic;
    padding: 10px;
    position: absolute;
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    max-width: 200px;
    z-index: -1;
  }
  .popover-content:before {
    background: #fff;
    bottom: -8px;
    content: "";
    left: 50%;
    margin: 0 0 0 -8px;
    position: absolute;
    height: 16px;
    width: 16px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -web-transform: rotate(-45deg);
    z-index: -1;
  }
  .popover:hover .popover-content { opacity: 1; z-index: 3; }
    .popover .popover-title {
      background: #fff;
      border: 0;
      font-size: 18px;
      font-weight: 700;
      margin: 0 0 0 0;
      text-transform: uppercase;
    }
    .popover li {
      cursor: pointer;
    }


/*************************************************************************************************************/
/**************************************           == FANCYBOX   ==        *****************************************/
/**************************************************************************************************************/
body .fancybox-overlay {
  background: rgba(197, 197, 197, 0.9);
}
  body .fancybox-skin {
    border-radius: 0;
  }
  body .fancybox-opened .fancybox-skin { box-shadow: none }
  .fancybox-close {
    background: #1e1e1e !important;
    cursor: pointer;
    display: block;
    height: 30px !important;
    position: absolute;
    right: -30px !important;
    top: 0 !important;
    text-align: center;
    text-decoration: none;
    width: 30px !important;
    z-index: 2;
    transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s
  }
  .fancybox-close:hover { text-decoration: none }
    .fancybox-close: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;

      color: #fff;
      content: "\e93f";
      display: block;
      font-size: 22px;
      margin: 3px 0 0 1px;
      text-decoration: none;
    }

    .fancybox-inner h2 {
      margin: 0 0 30px 0;
      text-transform: uppercase;
    }
      .fancybox-inner .title {
        color: #013d79;
        display: block;
        font-family: 'Satisfy', cursive;
        font-size: 45px;
        margin: 0 0 30px 0;
      }
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {  }

@media (max-width: 1300px) {
  .fancybox-overlay .fancybox-close { right: 0 !important }
}

/*************************************************************************************************************/
/************************************          ==  LIGHTGALLERY  ==         ***************************************/
/**************************************************************************************************************/
.lg-backdrop { background-color: #fff }
.lg-toolbar { background-color: #363842;  }
.lg-actions .lg-next, .lg-actions .lg-prev {
  background: #363842;
  margin-top: -30px;
  padding: 20px 10px;
}
.lg-sub-html {  }
.lg-outer .lg-thumb-outer { background-color: #363842 }
.lg-outer .lg-thumb-item { background: #fff; border-radius: 0; }
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #008da9 }
  .lg-outer .lg-thumb-item img { max-width: 100%; }

/*************************************************************************************************************/
/***************************************          ==  ALERT  ==         *******************************************/
/**************************************************************************************************************/
.alert {
  font-size: 14px;
  line-height: 20px;
  padding: 15px;
  margin-top: 30px;
}
.alert-success { background: #52c083; color: #fff; font-style: italic; }
.alert-warning { background: #f7efed; color: #8f8f95; }
.alert-danger { background: #e31440; color: #fff; font-style: italic; }
  .alert ol li {
    padding-left: 15px;
  }

/*************************************************************************************************************/
/*************************************          ==  TABLEDIV   ==        ****************************************/
/**************************************************************************************************************/
.table-div {
  font-size: 14px;
  margin-bottom: 30px;
  overflow: hidden;
}
.box .table-div { margin-bottom: 0 }
  .table-div .table-head, .table-div .table-row, .table-hide-info { clear: both }

  .table-div .table-head {
    background: #fff;
    color: #5a5a60;
    font-size: 18px;
    padding: 0 0 15px 0;
  }
  .table-div .table-row {
    align-items: center;
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #e1e1e1;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    position: relative;
  }


@media (min-width: 991px) {
  .table-div strong { display: none; }
}
@media (max-width: 1199px) {
  .table-div .table-head { font-size: 15px; }
}
@media (max-width: 991px) {
  .table-div .table-row strong { color: #023d7a; display: block; font-size: 14px; font-weight: normal; margin: 0 0 5px 0; }
  .table-div .table-row .table-hide-info { max-height: 200px }
  .table-div .table-row { display: block; }
}
@media (max-width: 767px) {
  .table-div .table-row { font-size: 11px; }
  .table-div .table-row strong { font-size: 12px; }
  .table-div .table-head { font-size: 16px }
}

/**************************************************************************************************************/
/*************************************          ==  PANELS ==          ****************************************/
/**************************************************************************************************************/
.panels {
  position: relative;
  z-index: 2000001;
}
    .panels .panel-overlay {
        background: rgba(0, 0, 0, 0.15);
        bottom: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
    }
    .panels.open .panel-overlay { opacity: 1; pointer-events: auto; }
    .no-csspointerevents .panels .panel-overlay { display: none; }
    .no-csspointerevents .panels.open .panel-overlay { display: block; }
    .panels .panel {
        background: #fff;
        bottom: 0;
        overflow-y: auto;
        padding: 30px;
        position: fixed;
        right: -100%;
        top: 0;
        width: 530px;
        z-index: 201;
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }
    .panels .panel.panel-small { width: 400px; }
    .panels .panel.open,.panels .panel.panel-small.open { right: 0 }
    .panels .panel.open { right: 0 }
        .panel-close {
            background: #023d7a;
            color: #fff;
            cursor: pointer;
            font-size: 18px;
            height: 40px;
            line-height: 40px;
            padding-top: 1px;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            width: 40px;
            z-index: 2;
        }
        .panel-title {
            color: #f25a74;
            font-size: 24px;
            font-weight: 700;
            line-height: 28px;
            margin-bottom: 20px;
            position: relative;
            text-transform: uppercase;
        }
        .panel-scroll {
          height: calc(100% - 50px);
          margin: 0 -30px;
          padding: 0 30px;
        }
        .panel-content {
            border-bottom: 1px solid #e3e3e3;
            font-size: 14px;
            line-height: 19px;
            padding-bottom: 15px
        }
            .panel-content h2 {
                border-bottom: 1px solid #dcdcdc;
                color: #ff077b;
                font-size: 18px;
                margin-bottom: 5px;
                padding: 10px 0;
            }
            .panel-content h3 {
                color: #204584;
                font-size: 16px;
                margin-bottom: 5px;
            }
            .panel-content img {
                display: block;
                max-width: 100%;
            }

@media (max-width: 767px) {
  .panel-close { font-size: 14px; height: 30px; line-height: 27px; width: 30px; }
  .panel-title { font-size: 16px; margin-bottom: 0; }
  .panel-content { font-size: 12px; }
  .panel-scroll { margin: 0; padding: 0; }
}
@media (max-width: 480px) {

}

/**************************************************************************************************************/
/************************************          ==  CUSTOM INPUT ==          ***********************************/
/**************************************************************************************************************/
.select {}
  .select label {
    color: #8f8f95;
    font-size: 13px;
  }
.custom-select {
  position: relative;
}
  .custom-select.disabled > span { cursor: not-allowed; opacity: 0.5; }
  .custom-select.disabled > label .label { cursor: not-allowed; opacity: 0.5; }
  .custom-select > select {
    display: none;
  }
    .custom-select > span {
      background-color: #fff;
      border: 2px solid #f1dddb;
      color: #5a5a60;
      cursor: pointer;
      display: block;
      font-size: 13px;
      font-style: italic;
      font-weight: 300;
      height: 37px;
      line-height: normal;
      overflow: hidden;
      padding: 6px 30px 6px 8px;
      position: relative;
      text-overflow: ellipsis;
      width: 100%;
      white-space: nowrap;
      z-index: 1;
    }
    .custom-select > span.open {}
    .custom-select.disabled > span {  cursor: not-allowed }
    .custom-select > span:after {
      content: "\e922";
      color: #59595f;
      cursor: pointer;
      display: block;
      font-family: 'icomoon';
      font-style: normal;
      position: absolute;
      right: 15px;
      top: 12px;
      width: 10px;
      height: 10px;
      opacity: 1;
      font-size: 10px;

      transition: all 0.2s ease 0s;
      -moz-transition: all 0.2s ease 0s;
      -webkit-transition: all 0.2s ease 0s;
    }
    .custom-select > span.open:after { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); opacity: 1; right: 5px; }

    .custom-select > ul {
      background: #fff;
      border: 1px solid #dbdbdb;
      display: none;
      margin: -1px 0 0 0;
      max-height: 300px;
      overflow-y: auto;
      overflow-x: hidden;
      padding: 10px 0;
      position: absolute;
      z-index: 10;
    }
    .custom-select > ul.small { font-size: 70%; }
    .custom-select > ul.small li {  }
    .custom-select > ul.open { display: block }
      .custom-select > ul li {
        cursor: pointer;
        font-size: 13px;
        padding: 4px 10px;
      }
      .custom-select > ul li:hover,
      .custom-select > ul li.selected { background-color: #ddd }
      .custom-select > ul li input {
        height: 30px;
        width: 100%;
      }
    .custom-select > label {
      display: inline-block;
      font-size: 13px;
      margin-bottom: 5px;
    }


/************************************          ==  CustomCheckbox ==          ***********************************/

.custom-checkbox {
  overflow: hidden;
  position: relative;
}
  .custom-checkbox input {
    cursor: pointer;
    height: 22px;
    left: 0;
    opacity: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 22px;
  }

  /* Block */
  .custom-checkbox:before {
    content: "";
    background-color: #ffffff;
    border: 2px solid #f1dddb;
    cursor: pointer;
    display: block;
    height: 22px;
    margin-right: 10px;
    width: 22px;
  }
  .custom-checkbox label {
    color: #5a5a60;
    cursor: pointer;
    display: block;
    font-weight: 300;
    margin-bottom: 0;
  }
  .custom-checkbox:after {
    color: #f25a74;
    content: "\e92b";
    cursor: pointer;
    display: block;
    font-size: 11px;
    height: 22px;
    padding-top: 4px;
    position: absolute;
    width: 22px;
    opacity: 0;
    text-align: center;
    top: 50%;

    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    /* 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;
  }
    .custom-checkbox.checked label { color: #f25a74; }
    .custom-checkbox.checked:before { border: 2px solid #f25a74; }
    .custom-checkbox.checked:after { transform: scale(1) translateY(-50%); -moz-transform: scale(1)translateY(-50%); -webkit-transform: scale(1) translateY(-50%); opacity: 1; }

  /* Inline */
  .custom-checkbox input {
    left: 0;
    margin-top: -13px;
    top: 50%;
    z-index: 2;
  }
  .custom-checkbox.inline:before {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }
  .custom-checkbox.inline label {
    display: inline-block;
    max-width: 84%;
    vertical-align: middle;
  }
    .custom-checkbox.inline label span {
      font-weight: 300;
    }

/************************************          ==  CustomRadio ==          ***********************************/

.custom-radio {
  clear: both;
  position: relative;
}
  .custom-radio input {
    cursor: pointer;
    height: 23px;
    left: 0;
    opacity: 0;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 23px;
  }
    .custom-radio:before {
      background-color: #fff;
      border: 2px solid #f1dddb;
      border-radius: 50%;
      content: "";
      cursor: pointer;
      display: block;
      height: 23px;
      width: 23px;
    }
    .custom-radio:after {
      background-color: #f25a74;
      border-radius: 50%;
      content: "";
      cursor: pointer;
      display: block;
      height: 11px;
      position: absolute;
      left: 6px;
      top: 50%;
      width: 11px;
      opacity: 0;
      transform: scale(0) translateY(-50%);
      -moz-transform: scale(0) translateY(-50%);
      -webkit-transform: scale(0) translateY(-50%);
      transition: all 0.2s ease 0s;
      -moz-transition: all 0.2s ease 0s;
      -webkit-transition: all 0.2s ease 0s;
    }
    .custom-radio.checked:after { transform: scale(1) translateY(-50%); -moz-transform: scale(1)translateY(-50%); -webkit-transform: scale(1) translateY(-50%); opacity: 1; }
    .custom-radio.inline:before,
    .custom-radio.inline label {
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
    }
    .custom-radio.inline label { margin-bottom: 0; max-width: 75%; padding-left: 10px; }
.radio-box {
  cursor: pointer;
}

/************************************          ==  CustomFile ==          ***********************************/

.custom-file {
  overflow: hidden;
  position: relative;
}
  .custom-file > input {
    cursor: pointer;
    height: 49px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
   .custom-file > label {
    display: block;
  }
  .custom-file .filename {
    background: #fff;
    border: 2px solid #f1dddb;
    float: left;
    font-size: 14px;
    height: 37px;
    line-height: 33px;
    overflow: hidden;
    padding: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 65%;
  }
  .custom-file .action {
    background: #f15973;
    border: 1px solid #f15973;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 13px;
    font-weight: 300;
    line-height: normal;
    padding: 10px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    width: 30%;

    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
  }
    .custom-file .action:hover { background: #fff; color: #f15973; }

@media(max-width: 480px) {
  .custom-checkbox.inline label { max-width: 75% }
}

.address,
address {
  color: #5a5a60;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
  .address .title-sub,
  address .title-sub {
    color: #59595f;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0;
  }
  .address .address_update,
  address .address_update,
  .address .link-update,
  address .link-update {
    display: block;
    margin-top: 10px;
  }
    #my-account .address .link-update { margin-top: 10px; }
    .address .address_update a,
    address .address_update a {
      color: #f15973;
      font-size: 13px;
      font-weight: 700;
      text-decoration: underline;
    }
@media (max-width: 767px) {
  .address,
  address { font-size: 11px; line-height: 15px; }
  .address .address_update,
  address .address_update,
  .address .link-update,
  address .link-update { font-size: 11px; margin-top: 10px; }
  .address .address_update a,
  address .address_update a { font-size: 11px; }
}