/*Toutes resolutions confondues*/
/*layout*/
* {
  box-sizing: border-box;
}
html {
  font-size: 100%;
  overflow-x: hidden;
}
body {
  font-family: 'proxima-nova', Arial, sans-serif;
  color: #3C3C3C;
  font-smoothing: subpixel-antialiased;
  -moz-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
}
.hidden {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.no-float {
  float: none;
}
.center {
  text-align: center;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}
.noPaddingSides {
  padding-left: 0;
  padding-right: 0;
}
.noPaddingLeft {
  padding-left: 0;
}
.noPaddingRight {
  padding-right: 0;
}
.nomarginbottom {
  margin-bottom: 0;
}
.clear {
  clear: both;
}
ul li {
  list-style: none;
}
ul {
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}
img,
img:hover {
  border: none;
}
img,
a,
input[type=radio] {
  outline: 0!important;
}
* {
  outline-color: #c3c3c3;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
  display: inline;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  font-weight: normal;
}
/*Fonts*/
/*Adobe Garamond Pro*/
/*@font-face {
  font-family: 'AGaramondPro-Regular';
  src: url('fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/AGaramondPro-Regular.otf')  format('opentype'),
  url('fonts/AGaramondPro-Regular.woff') format('woff'), url('fonts/AGaramondPro-Regular.ttf')  format('truetype'), url('fonts/AGaramondPro-Regular.svg#AGaramondPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

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

@font-face {
  font-family: 'AGaramondPro-BoldItalic';
  src: url('fonts/AGaramondPro-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/AGaramondPro-BoldItalic.otf')  format('opentype'),
  url('fonts/AGaramondPro-BoldItalic.woff') format('woff'), url('fonts/AGaramondPro-BoldItalic.ttf')  format('truetype'), url('fonts/AGaramondPro-BoldItalic.svg#AGaramondPro-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
/*Proxima Nova*/
.proxima-thin {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 100;
}
.proxima-light {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 300;
}
.proxima-reg {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.proxima-bold {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 700;
}
.adobe-garamond-reg {
  font-family: "adobe-garamond-pro", sans-serif;
}
.adobe-garamond-reg {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.adobe-garamond-it {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.adobe-garamond-bold {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: normal;
  font-weight: 700;
}
/*TITRES ET TAILLES DE TEXTE*/
/*Taille de font de base 12px = 12px */
.small-text {
  font-size: 14px;
}
.current-text,
.current-text18,
.current-text20 {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #3c3c3c;
  letter-spacing: 1px;
}
.current-text30 {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1px;
}
.title-huge-pnbold {
  font-family: 'proxima-nova';
  font-weight: 700;
  letter-spacing: 5px;
  text-transform: uppercase;
}
/*ex : STORE LOCATOR*/
.title-medium-pnbold {
  font-family: 'proxima-nova';
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
}
/*ex : NEWS*/
.title-small-pnbold {
  font-family: 'proxima-nova';
  font-weight: 700;
  text-transform: uppercase;
}
.title-xs-pnbold {
  font-family: 'proxima-nova';
  font-weight: 700;
  text-transform: uppercase;
}
.title-collection-pnbold {
  font-family: 'proxima-nova';
  font-weight: 700;
  letter-spacing: 2px;
}
/*ex : TORII*/
.title-collection-small-pnbold {
  font-family: 'proxima-nova';
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/*ex : TORII*/
.subtitle-collection-agreg {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
}
/*ex : Didier Gomez*/
.title-huge-pnthin {
  font-family: 'proxima-nova';
  font-weight: 100;
}
/*ex: PLOUM*/
.subtitle-huge-agreg {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: italic;
  font-weight: 400;
}
/*ex: R&E Bouroullec*/
.title-big-pnlight {
  font-family: 'proxima-nova';
  font-weight: 300;
  letter-spacing: 3px;
}
/*ex : Ligne Roset at Salon Del Mobile*/
.title-medium-pnlight {
  font-family: 'proxima-nova';
  font-weight: 300;
  letter-spacing: 2px;
}
/*ex : ERWAN & RONAN BOUROULLEC*/
.title-small-pnlight {
  font-family: 'proxima-nova';
  font-weight: 300;
  letter-spacing: 2px;
}
/*ex: Erwan & Ronan Bouroullec*/
.title-menu-agreg {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
}
/*ex : Collection - Designers - About us*/
.subtitle-menu-pnlight {
  font-family: 'proxima-nova';
  font-weight: 300;
}
.subtitle-menu-pnbold {
  font-family: 'proxima-nova';
  font-weight: 700;
}
.subtitle-menu-pnlight:hover,
.subtitle-menu-pnlight:active {
  font-family: 'proxima-nova';
  font-weight: 700;
}
.title-read-pnreg {
  font-family: 'proxima-nova';
  font-weight: 400;
  text-transform: uppercase;
}
/*ex : READ MORE >*/
.title-rea-pnlight {
  font-family: 'proxima-nova';
  font-weight: 300;
  text-transform: uppercase;
}
/*Reassurance*/
.quote-text-agit {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: italic;
  font-weight: 400;
}
/*citation designers*/
/*Liens footer*/
.title-links-pnbold {
  font-family: 'proxima-nova';
  font-weight: 700;
  letter-spacing: 2px;
}
.title-links-agreg {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.title-small-pnreg {
  font-family: 'proxima-nova';
  font-weight: 400;
}
/*Effets css communs*/
/*:hover{
  transition: all 0.5s;
  -webkit-transition:  all 0.5s;
  -moz-transition: all 0.5s;
}*/
.bgCmsTitleWhite {
  display: table;
  width: 50%;
  height: 50%;
  margin: 25% auto;
  background: rgba(255, 255, 255, 0.8);
}
.opacity70 {
  opacity: 0.7;
  -moz-opacity: 0.70;
  -khtml-opacity: 0.70;
}
.opacity30 {
  opacity: 0.3;
  -moz-opacity: 0.30;
  -khtml-opacity: 0.30;
}
.overlay {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: #000000;
  opacity: 0.3;
  -moz-opacity: 0.30;
  -khtml-opacity: 0.30;
}
.bg-title-white {
  background: rgba(255, 255, 255, 0.8);
}
.gradient-blank {
  background: rgba(245, 245, 245, 0);
  background: -moz-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 76%, rgba(245, 245, 245, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 245, 245, 0)), color-stop(76%, rgba(245, 245, 245, 0)), color-stop(100%, rgba(245, 245, 245, 0)));
  background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 76%, rgba(245, 245, 245, 0) 100%);
  background: -o-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 76%, rgba(245, 245, 245, 0) 100%);
  background: -ms-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 76%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 76%, rgba(245, 245, 245, 0) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
.gradient-blank2 {
  background: rgba(245, 245, 245, 0.25);
  background: -moz-linear-gradient(left, rgba(245, 245, 245, 0.25) 0%, rgba(245, 245, 245, 0.05) 76%, rgba(245, 245, 245, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 245, 245, 0.25)), color-stop(76%, rgba(245, 245, 245, 0.05)), color-stop(100%, rgba(245, 245, 245, 0)));
  background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0.25) 0%, rgba(245, 245, 245, 0.05) 76%, rgba(245, 245, 245, 0) 100%);
  background: -o-linear-gradient(left, rgba(245, 245, 245, 0.25) 0%, rgba(245, 245, 245, 0.05) 76%, rgba(245, 245, 245, 0) 100%);
  background: -ms-linear-gradient(left, rgba(245, 245, 245, 0.25) 0%, rgba(245, 245, 245, 0.05) 76%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to right, rgba(245, 245, 245, 0.25) 0%, rgba(245, 245, 245, 0.05) 76%, rgba(245, 245, 245, 0) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
.gradient-semiblank {
  background: rgba(245, 245, 245, 0.5);
  background: -moz-linear-gradient(left, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0.1) 76%, rgba(245, 245, 245, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 245, 245, 0.5)), color-stop(76%, rgba(245, 245, 245, 0.1)), color-stop(100%, rgba(245, 245, 245, 0)));
  background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0.1) 76%, rgba(245, 245, 245, 0) 100%);
  background: -o-linear-gradient(left, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0.1) 76%, rgba(245, 245, 245, 0) 100%);
  background: -ms-linear-gradient(left, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0.1) 76%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to right, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0.1) 76%, rgba(245, 245, 245, 0) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
.gradient-semiblank2 {
  background: rgba(245, 245, 245, 0.75);
  background: -moz-linear-gradient(left, rgba(245, 245, 245, 0.75) 0%, rgba(245, 245, 245, 0.18) 76%, rgba(245, 245, 245, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 245, 245, 0.75)), color-stop(76%, rgba(245, 245, 245, 0.18)), color-stop(100%, rgba(245, 245, 245, 0)));
  background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0.75) 0%, rgba(245, 245, 245, 0.18) 76%, rgba(245, 245, 245, 0) 100%);
  background: -o-linear-gradient(left, rgba(245, 245, 245, 0.75) 0%, rgba(245, 245, 245, 0.18) 76%, rgba(245, 245, 245, 0) 100%);
  background: -ms-linear-gradient(left, rgba(245, 245, 245, 0.75) 0%, rgba(245, 245, 245, 0.18) 76%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to right, rgba(245, 245, 245, 0.75) 0%, rgba(245, 245, 245, 0.18) 76%, rgba(245, 245, 245, 0) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
.gradient-light {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
.gradient-light-right {
  background: #f5f5f5;
  background: -moz-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #f5f5f5), color-stop(76%, rgba(245, 245, 245, 0.24)), color-stop(100%, rgba(245, 245, 245, 0)));
  background: -webkit-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -o-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -ms-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to right, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=1 );*/
}
.gradient-light-bottom {
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );*/
}
::-webkit-input-placeholder {
  color: #3b3b3b;
  font-family: 'proxima-nova';
  font-weight: 400;
  font-size: 15px;
}
:-moz-placeholder {
  color: #3b3b3b;
  font-family: 'proxima-nova';
  font-weight: 400;
  font-size: 15px;
}
::-moz-placeholder {
  color: #3b3b3b;
  font-family: 'proxima-nova';
  font-weight: 400;
  font-size: 15px;
}
:-ms-input-placeholder {
  color: #3b3b3b;
  font-family: 'proxima-nova';
  font-weight: 400;
  font-size: 15px;
}
/*shadow on hover menu*/
.box-shadow-left-out {
  -webkit-box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
  box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
}
/*shadow on right*/
.box-shadow-right-out {
  -webkit-box-shadow: -16px -8px 28px 24px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: -16px -8px 28px 24px rgba(0, 0, 0, 0.09);
  box-shadow: -16px -8px 28px 24px rgba(0, 0, 0, 0.09);
}
/*popup shadow*/
.popupShadow {
  -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
}
/*same height columns*/
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
/*couleurs*/
.white,
.white:visited {
  color: #FFFFFF;
}
a.white:hover,
a.white:focus {
  color: #FFFFFF;
}
.dark-grey,
.dark-grey:visited {
  color: #3C3C3C;
}
.medium-grey,
.medium-grey:visited {
  color: #888888;
}
.light-grey,
.light-grey:visited {
  color: #C3C3C3;
}
.ultralight-grey,
.ultralight-grey:visited {
  color: #F2F2F2;
}
.orange {
  color: #FF7979;
}
.green {
  color: #5BD18B;
}
/*Liens*/
a {
  text-decoration: underline;
  color: #3C3C3C;
}
a:hover,
a:focus {
  /*text-decoration: none;*/
  color: inherit;
}
.current-text > a {
  text-decoration: underline;
}
.current-text > a:hover {
  font-weight: bold;
  color: inherit;
}
/*Boutons*/
button,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0;
}
.btn,
.btn-small {
  height: 40px;
  padding: 10px 20px;
  border-radius: 20px;
  cursor: pointer;
  letter-spacing: 0.024px;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
  outline: 0;
  text-decoration: none!important;
}
.btn-small {
  height: 30px;
  padding: 10px 20px;
}
.green-plain {
  background: #5BD18B;
  color: #FFFFFF!important;
  border: 1px solid #5BD18B;
}
.green-plain:hover {
  background: none!important;
  color: #5BD18B!important;
  text-decoration: none;
}
.white-plain {
  background: #FFFFFF;
  color: #FF7979;
  border: 1px solid #FFFFFF;
}
.white-plain:hover {
  color: #FF7979;
}
.white-plain-grey {
  background: #FFFFFF;
  color: #888888;
  border: 1px solid #FFFFFF;
}
.white-plain-grey:hover {
  color: #FFFFFF;
  background: none;
}
.orange-stroke {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  background: none;
}
.orange-stroke:hover {
  color: #FFFFFF;
}
.grey-stroke {
  color: #3C3C3C;
  border: 1px solid #3C3C3C;
  background: transparent;
}
.grey-stroke:hover {
  background: #3C3C3C;
  color: #FFFFFF;
}
.grey-stroke.pressed {
  background: #3c3c3c6b;
  color: #FFF;
}
.grey-plain {
  background: #c3c3c3;
  color: #FFFFFF;
  border: 1px solid #c3c3c3;
}
.grey-plain:hover,
.grey-plain.active {
  background: none;
  color: #c3c3c3;
  text-decoration: none;
}
.btn:hover,
.green-plain:hover,
.white-plain:hover,
.white-plain-grey:hover,
.orange-stroke:hover,
.grey-stroke:hover,
.grey-plain:hover,
.grey-stroke.pressed {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  text-decoration: none;
}
/*Formulaires*/
/*input[type="radio"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}*/
/* ROUNDED ONE */
/*.rounded{
  float: left;
  position: relative;
  margin: 10px 0;
  min-width: 100px;
  display: block;
  span.text-label{
    position: absolute;
    top: -6px;
    left: 0;
  }
}

.rounded > input[type="radio"]{
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  margin: 0;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #3c3c3c;
  position: relative;
}*/
.radio {
  padding-right: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
  cursor: pointer;
  font-size: 17px;
  color: #3c3c3c;
  font-weight: normal;
  display: inline-block;
}
.radio input {
  display: none;
}
.radio .spanRadio {
  display: inline-block;
  float: left;
  width: 17px;
  height: 17px;
  margin-right: 15px;
  background-color: white;
  border-radius: 20px;
  border: 1px solid #888888;
  position: relative;
  margin-top: 3px;
}
.radio input:checked + .spanRadio > span {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 9px;
  height: 9px;
  background-color: #000000;
  display: inline-block;
  border-radius: 20px;
}
#faqs .contact-form .rounded {
  float: none;
}
#faqs .contact-form .rounded > input[type="radio"] {
  left: -47.5%;
  top: -6px;
}
.rounded label.checked {
  cursor: pointer;
  position: absolute;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  left: 3px;
  top: 3px;
  background: #transparent;
  text-indent: 20px;
  display: block;
}
.rounded label.checked:after {
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);*/
  opacity: 0;
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: #3c3c3c;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  top: 0px;
  left: 0px;
}
.rounded label.checked:hover::after {
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);*/
  opacity: 0.3;
}
.rounded input[type=radio]:checked + label.checked:after {
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);*/
  opacity: 1;
}
input[type=text],
input[type=password] {
  height: 40px;
  border: 1px solid #c3c3c3;
  background: transparent;
  width: 100%;
  padding-left: 10px;
  font-size: 15px;
}
textarea {
  min-height: 40px;
  border: 1px solid #c3c3c3;
  background: transparent;
  width: 100%;
  padding: 10px;
  font-size: 15px;
}
input[type=submit].submit-arrow {
  display: block;
  width: 36px;
  height: 38px;
  background: #FFFFFF url('images/common/submit-arrow.png') no-repeat center center;
  border: none;
  text-indent: -99999px;
}
/*input[type=text]:invalid, input[type=password]:invalid,*/
input.invalid,
select.invalid,
textarea.invalid {
  border: 1px solid #ff7979;
  background: transparent url('images/common/input-invalid.png') no-repeat 98% center;
}
/*input[type=text]:valid, input[type=password]:valid,*/
input.valid,
select.valid,
textarea.valid {
  border: 1px solid #5bd18b;
  background: transparent url('images/common/input-valid.png') no-repeat 98% center;
}
select {
  height: 40px;
  border: 1px solid #888888;
  width: 100%;
  cursor: pointer;
  background: transparent url(images/common/arrow-select.png) no-repeat 95% center;
  background-size: 14px 8px;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  font-size: 15px;
  font-family: 'proxima-nova';
  padding-left: 10px;
}
label {
  font-family: 'proxima-nova';
  font-weight: 400;
  font-size: 18px;
}
input[type=checkbox] {
  float: left;
  margin-right: 10px;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  width: 12px;
  height: 12px;
  border: 1px solid #3c3c3c;
  border-radius: 1px;
  background: transparent;
}
input[type=checkbox]:hover {
  cursor: pointer;
}
input[type=checkbox]:checked {
  background: url('images/common/checked.svg') no-repeat center center;
  background-size: 90% 90%;
}
/*style des inputs quantity*/
.qte > p input[type=button] {
  float: left;
  width: 30px;
  height: 30px;
  background: #c3c3c3;
  border: none;
  color: #FFFFFF;
  border-radius: 0;
}
.qte > p input[type=text] {
  float: left;
  width: 40px;
  height: 30px;
  background: #FFFFFF;
  text-align: center;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  border-radius: 0;
  padding: 0;
}
/*point help*/
.help {
  border: 1px solid #FF7979;
  border-radius: 15px;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  background: transparent;
  line-height: 19px;
  font-size: 13px;
  margin-right: 20px;
}
.help:hover {
  color: #FF7979;
  text-decoration: none;
  background: transparent;
}
/*separations*/
.sepVertical {
  display: block;
  width: 1px;
  background: #c3c3c3;
}
.arrowMoreBlack::after {
  content: '';
  display: inline-block;
  background: url('images/icons/arrowRight.svg') no-repeat;
  width: 10px;
  height: 12px;
  margin-left: 10px;
  background-size: 8px 13px;
}
.arrowMoreWhite::after {
  content: '';
  display: inline-block;
  background: url('images/icons/arrowRightWhite.svg') no-repeat;
  width: 10px;
  height: 12px;
  margin-left: 10px;
  background-size: 8px 13px;
}
/*Images*/
/*Info-bulles*/
/*Positionnements*/
.box-type {
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
.valign {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.valign-item {
  display: inline-block !important;
  vertical-align: middle;
}
.valignb {
  height: 100%;
  display: inline-block;
  vertical-align: bottom;
}
.valignb-item {
  display: inline-block !important;
  vertical-align: bottom;
}
/*icons*/
.icon {
  background-size: auto 100%;
}
/*==================================== MOBILE ===================================*/
@media (max-width: 767px) {
  body {
    width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
  }
  /*boutons*/
  .btn,
  .btn-small {
    height: 50px!important;
    line-height: 50px;
    padding: 0 16px!important;
    width: 100%;
    border-radius: 0;
  }
  .btn {
    font-size: 14px;
  }
  .green-plain:hover {
    background: #5BD18B;
    color: #FFFFFF;
  }
  .white-plain:hover {
    color: #FF7979;
  }
  .grey-stroke {
    color: #FFFFFF;
    border: 1px solid #3C3C3C;
    background: #3C3C3C;
  }
  /*Titres et textes*/
  .current-text18 {
    font-size: 14px;
    line-height: 144%;
  }
  .current-text20 {
    font-size: 14px;
    line-height: 144%;
  }
  .current-text {
    font-size: 18px;
    line-height: 144%;
  }
  .current-text30 {
    font-size: 20px;
    line-height: 144%;
  }
  .title-huge-pnbold {
    font-size: 30px;
    letter-spacing: 2px;
  }
  .title-medium-pnbold {
    font-size: 20px;
  }
  .title-small-pnbold {
    font-size: 20px;
  }
  .title-xs-pnbold {
    font-size: 18px;
  }
  .title-collection-pnbold {
    font-size: 14px;
  }
  .title-collection-small-pnbold {
    font-size: 11px;
  }
  .subtitle-collection-agreg {
    font-size: 12px;
  }
  .title-huge-pnthin {
    font-size: 40px;
  }
  .subtitle-huge-agreg {
    font-size: 20px;
  }
  .title-big-pnlight {
    font-size: 24px;
  }
  .title-medium-pnlight {
    font-size: 20px;
  }
  .title-small-pnlight {
    font-size: 20px;
  }
  .title-menu-agreg {
    font-size: 23px;
  }
  .subtitle-menu-pnlight,
  .subtitle-menu-pnbold {
    font-size: 14px;
  }
  .title-read-pnreg {
    font-size: 14px;
  }
  .title-rea-pnlight {
    font-size: 14px;
  }
  .title-links-pnbold {
    font-size: 24px;
  }
  .title-links-agreg {
    font-size: 20px;
  }
  .title-small-pnreg {
    font-size: 18px;
  }
  .quote-text-agit {
    font-size: 18px;
  }
  /*forms*/
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=number] {
    font-size: 15px;
  }
  textarea {
    font-size: 15px;
  }
  /*misc*/
  .paddingXsWidth {
    padding: 0 5%;
  }
}
/*==================================== TABLETTE & DESKTOP 1024 ===================================*/
@media (min-width: 768px) and (max-width: 1279px) {
  /*hide on tablet*/
  .hidden-tablet {
    display: none;
  }
  /*boutons*/
  .btn {
    font-size: 13px;
    height: 31px;
    padding: 6px 10px;
  }
  /*Titres et textes*/
  .current-text18 {
    font-size: 14px;
    line-height: 144%;
  }
  .current-text20 {
    font-size: 14px;
    line-height: 144%;
  }
  .current-text {
    font-size: 14px;
    line-height: 144%;
  }
  .current-text30 {
    font-size: 18px;
    line-height: 144%;
  }
  .title-huge-pnbold {
    font-size: 25px;
    letter-spacing: 2px;
  }
  .title-medium-pnbold {
    font-size: 14px;
  }
  .title-small-pnbold {
    font-size: 20px;
  }
  .title-xs-pnbold {
    font-size: 18px;
  }
  .title-collection-pnbold {
    font-size: 14px;
  }
  .title-collection-small-pnbold {
    font-size: 12px;
  }
  .subtitle-collection-agreg {
    font-size: 14px;
  }
  .title-huge-pnthin {
    font-size: 60px;
  }
  .subtitle-huge-agreg {
    font-size: 24px;
  }
  .title-big-pnlight {
    font-size: 32px;
  }
  .title-medium-pnlight {
    font-size: 24px;
  }
  .title-small-pnlight {
    font-size: 18px;
  }
  .title-menu-agreg {
    font-size: 20px;
  }
  .subtitle-menu-pnlight,
  .subtitle-menu-pnbold {
    font-size: 14px;
  }
  .title-read-pnreg {
    font-size: 12px;
  }
  .title-rea-pnlight {
    font-size: 14px;
  }
  .title-links-pnbold {
    font-size: 18px;
  }
  .title-links-agreg {
    font-size: 18px;
  }
  .title-small-pnreg {
    font-size: 18px;
  }
  .quote-text-agit {
    font-size: 20px;
  }
  /*forms*/
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=number] {
    font-size: 12px;
  }
  textarea {
    font-size: 12px;
  }
  .arrowMoreWhite::after,
  .arrowMoreBlack::after {
    height: 10px;
    background-size: 8px 10px;
  }
}
/*==================================== DESKTOP 1280 ===================================*/
@media (min-width: 1280px) and (max-width: 1919px) {
  /*boutons*/
  .btn {
    font-size: 15px;
    height: 35px;
    padding: 7px 15px;
  }
  /*Titres et textes*/
  .current-text18 {
    font-size: 14px;
    line-height: 144%;
  }
  .current-text20 {
    font-size: 16px;
    line-height: 144%;
  }
  .current-text {
    font-size: 17px;
    line-height: 144%;
  }
  .current-text30 {
    font-size: 18px;
    line-height: 144%;
  }
  .title-huge-pnbold {
    font-size: 40px;
  }
  .title-medium-pnbold {
    font-size: 20px;
  }
  .title-small-pnbold {
    font-size: 20px;
  }
  .title-xs-pnbold {
    font-size: 18px;
  }
  .title-collection-pnbold {
    font-size: 16px;
  }
  .title-collection-small-pnbold {
    font-size: 12px;
  }
  .subtitle-collection-agreg {
    font-size: 14px;
  }
  .title-huge-pnthin {
    font-size: 60px;
  }
  .subtitle-huge-agreg {
    font-size: 25px;
  }
  .title-big-pnlight {
    font-size: 40px;
  }
  .title-medium-pnlight {
    font-size: 27px;
  }
  .title-small-pnlight {
    font-size: 20px;
  }
  .title-menu-agreg {
    font-size: 21px;
  }
  .subtitle-menu-pnlight,
  .subtitle-menu-pnbold {
    font-size: 14px;
  }
  .title-read-pnreg {
    font-size: 13px;
  }
  .title-rea-pnlight {
    font-size: 14px;
  }
  .title-links-pnbold {
    font-size: 18px;
  }
  .title-links-agreg {
    font-size: 18px;
  }
  .title-small-pnreg {
    font-size: 18px;
  }
  .quote-text-agit {
    font-size: 24px;
  }
  /*forms*/
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=number] {
    font-size: 12px;
  }
  textarea {
    font-size: 12px;
  }
  .arrowMoreWhite::after,
  .arrowMoreBlack::after {
    height: 10px;
    background-size: 8px 10px;
  }
}
/*==================================== DESKTOP 1920 ===================================*/
@media (min-width: 1920px) {
  /*boutons*/
  .btn {
    font-size: 15px;
  }
  /*Titres et textes*/
  .current-text18 {
    font-size: 18px;
    line-height: 144%;
  }
  .current-text20 {
    font-size: 20px;
    line-height: 144%;
  }
  .current-text {
    font-size: 24px;
    line-height: 144%;
  }
  .current-text30 {
    font-size: 30px;
    line-height: 144%;
  }
  .title-huge-pnbold {
    font-size: 60px;
  }
  .title-medium-pnbold {
    font-size: 30px;
  }
  .title-small-pnbold {
    font-size: 20px;
  }
  .title-xs-pnbold {
    font-size: 18px;
  }
  .title-collection-pnbold {
    font-size: 24px;
  }
  .title-collection-small-pnbold {
    font-size: 15px;
  }
  .subtitle-collection-agreg {
    font-size: 18px;
  }
  .title-huge-pnthin {
    font-size: 80px;
  }
  .subtitle-huge-agreg {
    font-size: 40px;
  }
  .title-big-pnlight {
    font-size: 60px;
  }
  .title-medium-pnlight {
    font-size: 40px;
  }
  .title-small-pnlight {
    font-size: 30px;
  }
  .title-menu-agreg {
    font-size: 23px;
  }
  .subtitle-menu-pnlight,
  .subtitle-menu-pnbold {
    font-size: 14px;
  }
  .title-read-pnreg {
    font-size: 15px;
  }
  .title-rea-pnlight {
    font-size: 24px;
  }
  .title-links-pnbold {
    font-size: 22px;
  }
  .title-links-agreg {
    font-size: 20px;
  }
  .title-small-pnreg {
    font-size: 18px;
  }
  .quote-text-agit {
    font-size: 32px;
  }
  /*forms*/
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=number] {
    font-size: 15px;
  }
  textarea {
    font-size: 15px;
  }
}
/*====================================  GLOBAL =======================================*/
.containerGlobal {
  position: relative;
  z-index: 0;
}
.cookie {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #888888;
  color: #FFFFFF;
  height: auto;
  line-height: 22px;
  padding-top: 10px;
  z-index: 999999;
}
.cookie p {
  text-transform: uppercase;
  max-width: 90%;
  padding: 5px;
  font-size: 12px;
  letter-spacing: 0.05em;
}
.cookie .closeCookie {
  display: inline-block;
  background: url("images/icons/pictoCloseWhite.svg") no-repeat center center;
  background-size: 100% auto;
  width: 25px;
  height: 25px;
  margin-top: 6px;
}
.cookie .closeCookie:hover {
  cursor: pointer;
}
/* HEADER */
header .row {
  margin-bottom: 0;
}
.header {
  height: 130px;
  /*min-height:130px;
  max-height: 130px;
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  transition: max-height 0.3s;*/
  /*position: relative;*/
  width: 100%;
  /*z-index: 4500;*/
  /*div.container-icons-header.smaller{
    margin: 40px 0 0 0;
    width: 120px;
    div.search{
      margin-bottom: 0;
      width: 25px;
      height: 25px;
      float: left;
      margin-top:0;
      > a.icon-search{
        background: url("images/icons/searchHeader.svg")no-repeat center center;
        height: 25px;
        line-height: 25px;
        padding: 0 12px 0 12px;
        margin-top: 0;
        &:hover{
          background : #3c3c3c url("images/icons/searchHeaderWhite.svg")no-repeat center center;
        }
      }
      > a span{display: none;}
    }
  }*/
}
.header .logo-menu {
  text-align: center;
}
.header .logo img {
  margin: 15px auto 5px;
  width: 240px;
  max-width: 310px;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -o-transition: all .6s;
  -ms-transition: all .6s;
  transition: all .6s;
}
.header .logo img.logoSmall {
  width: 135px;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -o-transition: all .6s;
  -ms-transition: all .6s;
  transition: all .6s;
}
.header div.container-icons-header {
  margin: 20px 20px 0 0;
  /*div.cart:hover div.cart-deploy{
      opacity:1;
      visibility: visible;
    }*/
}
.header div.container-icons-header div.search {
  margin-bottom: 20px;
  width: 100%;
  height: 32px;
  margin-top: 5px;
}
.header div.container-icons-header div.search a.icon-search {
  display: block;
  background: url("images/icons/searchHeader.svg") no-repeat -8px center;
  max-width: 145px;
  height: 32px;
  line-height: 32px;
  padding: 0 15px 0 36px;
}
.header div.container-icons-header div.search a.icon-search:hover {
  color: #FFFFFF;
  background: #3c3c3c url("images/icons/searchHeaderWhite.svg") no-repeat -8px center;
}
.header div.container-icons-header div.account {
  min-width: 25px;
  height: 50px;
}
.header div.container-icons-header div.account > a.icon-account {
  display: block;
  background: url("images/icons/headerAccount.svg") no-repeat left top;
  height: 24px;
  text-indent: 35px;
  font-family: 'proxima-nova';
  font-weight: 400;
  font-size: 14px;
  padding-right: 8px;
  background-size: auto 100%;
}
.header div.container-icons-header div.account > a.icon-account.connected {
  background: url("images/icons/headerAccountOn.svg") no-repeat left top;
}
.header div.container-icons-header div.account div.account-deploy {
  display: none;
  -webkit-box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
  box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
  background: #FFFFFF;
  position: absolute;
  right: 0;
  top: 110px;
  z-index: 99999;
  width: 288px;
  padding: 20px 0;
}
.header div.container-icons-header div.account div.account-deploy span.title-small-pnreg {
  padding: 10px 0 10px 0;
  display: block;
}
.header div.container-icons-header div.account div.account-deploy > ul {
  margin-bottom: 40px;
  padding: 0;
}
.header div.container-icons-header div.account div.account-deploy > ul > li {
  margin: 8px 0;
}
.header div.container-icons-header div.account:hover > a.icon-account {
  background: url("images/icons/headerAccountOn.svg") no-repeat left top;
}
.header div.container-icons-header div.account:hover div.account-deploy {
  display: block;
}
.header div.container-icons-header div.cart {
  margin-right: 0;
  height: 50px;
}
.header div.container-icons-header div.cart > a.icon-cart {
  display: block;
  background: url("images/icons/headerCart.svg") no-repeat center center;
  width: 25px;
  height: 24px;
  text-indent: -9999px;
  background-size: auto 100%;
}
.header div.container-icons-header div.cart span.cart-items {
  background: #FF7979;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  color: #FFFFFF;
  display: block;
  margin-left: 2px;
  line-height: 20px;
  margin-top: 4px;
}
.header div.container-icons-header div.cart div.cart-deploy {
  display: none;
  /*opacity:0;
        visibility: hidden;*/
  -webkit-box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
  box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
  background: #FFFFFF;
  position: absolute;
  right: 0;
  top: 110px;
  z-index: 99999;
  width: 288px;
  padding: 20px 0;
  /*---------------Scrollbar Style-------------*/
  /*.simplebar {
          overflow-y: scroll;
        }
        .simplebar.horizontal {
          overflow-x: scroll;
          overflow-y: hidden;
        }*/
}
.header div.container-icons-header div.cart div.cart-deploy ::-webkit-scrollbar {
  width: 6px;
}
.header div.container-icons-header div.cart div.cart-deploy ::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
.header div.container-icons-header div.cart div.cart-deploy ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #888888;
}
.header div.container-icons-header div.cart div.cart-deploy > ul {
  margin: 20px 0;
  padding: 0;
  max-height: 550px;
  overflow-y: auto;
  /*background: url("images/customisation/bgStep4Order.png") center bottom no-repeat;*/
}
.header div.container-icons-header div.cart div.cart-deploy > ul li {
  margin: 20px 0;
}
.header div.container-icons-header div.cart div.cart-deploy > ul li img {
  max-height: 100px;
  display: inline-block;
}
.header div.container-icons-header div.cart div.cart-deploy > ul li .product > a:hover {
  text-decoration: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
.header div.container-icons-header div.cart div.cart-deploy > ul li .product > a:hover span.title-collection-pnbold.medium-grey,
.header div.container-icons-header div.cart div.cart-deploy > ul li .product > a:hover span.subtitle-collection-agreg.medium-grey {
  color: #3C3C3C;
}
.header div.container-icons-header div.cart div.cart-deploy > a {
  display: inline-block;
  margin: 10px 0;
}
.header nav.menu > ul > li {
  margin: 0 auto;
  padding: 9px 0;
  display: inline-block;
  vertical-align: bottom;
}
.header nav.menu > ul > li > a,
.header nav.menu > ul > li > a:focus,
.header nav.menu > ul > li > a:visited {
  color: #c3c3c3;
  padding: 10px 22px 30px 22px;
  letter-spacing: 2px;
  text-decoration: none;
}
.header nav.menu > ul > li > a:hover {
  text-decoration: none;
  color: #3c3c3c;
}
.header nav.menu > ul > li ul.list-secondary {
  position: relative;
  box-sizing: border-box;
  background: #f8f8f8;
  height: auto;
}
.header .col-xs-6 {
  position: static;
}
.secondary {
  position: relative;
}
div.wrap-list-secondary {
  display: none;
  position: absolute;
  z-index: 9999;
  text-align: center;
  width: 100%;
  left: 0;
  top: 129px;
  -webkit-transition: top 0.3s linear;
  -moz-transition: top 0.3s linear;
  -o-transition: top 0.3s linear;
  transition: top 0.3s linear;
}
div.wrap-list-secondary ul.list-secondary {
  background: #f8f8f8;
  width: 100%;
  height: auto;
  min-height: 42px;
  padding: 0 10px;
}
div.wrap-list-secondary ul.list-secondary li.titleSubmenu {
  margin: 0 -3px;
  padding: 5px 0 5px 0;
  display: inline-block;
  vertical-align: middle;
  border-bottom: 2px solid transparent;
}
div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a,
div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a:visited {
  padding: 0px 11px 15px 11px;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #888888;
  letter-spacing: 2px;
  font-size: 16px;
  text-decoration: none;
}
div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a h1,
div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a:visited h1 {
  font-size: 16px;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 300;
}
div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a:hover {
  text-decoration: none;
  color: #3C3C3C;
}
div.wrap-list-secondary ul.list-secondary li.titleSubmenu:hover > a,
div.wrap-list-secondary ul.list-secondary li.titleSubmenu.hover > a,
div.wrap-list-secondary ul.list-secondary li.titleSubmenu:focus > a {
  color: #3C3C3C;
}
div.wrap-list-secondary ul.list-secondary li.titleSubmenu:hover a span,
div.wrap-list-secondary ul.list-secondary li.titleSubmenu.hover a span,
div.wrap-list-secondary ul.list-secondary li.titleSubmenu:focus a span,
div.wrap-list-secondary ul.list-secondary li.titleSubmenu:hover h1,
div.wrap-list-secondary ul.list-secondary li.titleSubmenu.hover h1,
div.wrap-list-secondary ul.list-secondary li.titleSubmenu:focus h1,
div.wrap-list-secondary ul.list-secondary li.titleSubmenu a.current span,
div.wrap-list-secondary ul.list-secondary li.titleSubmenu a.current h1 {
  border-bottom: 2px solid #3b3b3b;
  padding-bottom: 8px;
}
div.wrap-list-secondary ul.list-secondary li.left {
  position: absolute;
  left: 0;
  float: none;
  height: 42px;
  line-height: 42px;
  margin: 0 0 0 10px;
  padding: 0;
}
div.wrap-list-secondary ul.list-secondary li.left > a.back {
  display: block;
  color: #c3c3c3 !important;
  text-transform: none;
  font-size: 14px;
}
div.wrap-list-secondary ul.list-secondary li.left > a.back:hover,
div.wrap-list-secondary ul.list-secondary li.left > a.back:focus {
  color: #3c3c3c !important;
}
div.wrap-list-secondary ul.list-secondary li.right {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  margin: 5px 10px 0 0;
}
div.wrap-list-secondary ul.list-secondary li.right > a.btn-small {
  display: inline-block;
  padding: 5px 20px;
  font-size: 13px;
}
nav.menu > ul > li:hover,
nav.menu > ul > li.hover,
nav.menu > ul > li:focus {
  /*&.smaller{
    margin-top: 0;
  }*/
}
nav.menu > ul > li:hover div.wrap-list-secondary,
nav.menu > ul > li.hover div.wrap-list-secondary,
nav.menu > ul > li:focus div.wrap-list-secondary {
  display: block;
}
div.wrap-list-secondary.active {
  display: block;
  z-index: 9998;
}
nav.nav-secondary.open {
  display: block;
}
nav.nav-secondary.open:hover,
nav.nav-secondary.open:focus {
  display: block;
}
div.wrap-list-secondary.innerPage {
  display: block;
  z-index: 9995;
  padding: 0;
  height: 42px;
  bottom: -42px;
  opacity: 1;
}
div.wrap-list-secondary.innerPage .list-secondary {
  position: relative;
}
div.wrap-list-secondary.innerPage .list-secondary li.titleSubmenu {
  padding: 10px 10px 0 10px;
}
div.wrap-list-secondary.innerPage .list-secondary li.titleSubmenu a {
  padding: 0px 0 12px 0;
}
div.wrap-list-secondary.innerPage .list-secondary li.titleSubmenu a.active {
  color: #3c3c3c;
  border-bottom: 2px solid #3c3c3c;
}
div.wrap-list-secondary.innerPage .list-secondary li.titleSubmenu.left {
  padding: 0;
}
/*BURGER MENU */
.mm-effect-slide-menu #burger_menu {
  display: block!important;
}
.menu-burger {
  position: absolute;
  top: 0;
  left: 0;
}
.menu-burger .iconMenu {
  color: #c3c3c3;
  display: block;
  background: url('images/icons/burgerMenu.svg') no-repeat center center;
  width: 24px;
  height: 20px;
  background-size: 24px 20px;
  margin-top: 53px;
  margin-left: 30px;
}
.menu-burger .iconMenu:hover {
  color: #3c3c3c;
  text-decoration: none;
  background: url('images/icons/burgerMenuOn.svg') no-repeat center center;
  background-size: 24px 20px;
}
html.mm-opening .mm-menu.mm-front {
  z-index: 5000;
}
.mm-slideout {
  padding-right: 0!important;
  /*transform: translate3d(0, 0, 0)!important;*/
}
#burger_menu.mm-menu {
  z-index: 9999999;
  color: #3c3c3c;
  -webkit-box-shadow: -16px -8px 28px 24px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: -16px -8px 28px 24px rgba(0, 0, 0, 0.09);
  box-shadow: -16px -8px 28px 24px rgba(0, 0, 0, 0.09);
  text-decoration: none;
}
#burger_menu.mm-menu * {
  text-align: center;
  z-index: 0;
  text-decoration: none;
}
#burger_menu.mm-menu li {
  height: auto;
  background-size: 100% auto;
  background-position: center 256px;
}
#burger_menu.mm-menu li span {
  display: block;
  width: 100%;
  height: 70px;
  line-height: 55px;
}
#burger_menu.mm-menu li span.white.bgOverlay {
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.2);
  height: 100px;
  line-height: 100px;
  font-size: 30px;
}
#burger_menu.mm-menu li a {
  height: 100%;
  display: block;
  line-height: 70px;
}
#burger_menu.mm-menu li a.green {
  color: #5bd18b;
}
#burger_menu.mm-menu li.niv-img {
  color: #FFFFFF;
}
#burger_menu.mm-menu li.bgGrey {
  background: #f2f2f2;
}
#burger_menu.mm-menu li.bgGrey > a {
  font-size: 16px;
}
#burger_menu.mm-menu li.imgMenu {
  height: 100px;
  overflow: hidden;
  background: #000000;
}
#burger_menu.mm-menu li.imgMenu > img {
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: -91px;
}
#burger_menu.mm-menu .mm-search {
  /*width: 50%;*/
  width: 100%;
  height: 65px;
  /*border-right:1px solid #c3c3c3;*/
}
#burger_menu.mm-menu .mm-search input[type=text] {
  width: 100%;
  height: 90%;
  border-radius: 0;
  background: #FFFFFF;
  text-transform: uppercase;
  background: url('images/icons/searchHeader.svg') no-repeat left center;
  color: #3c3c3c;
}
#burger_menu.mm-menu a.accountLink {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  height: 65px;
  width: 50%;
  left: 50%;
  line-height: 65px;
}
#burger_menu.mm-menu .mm-navbar-top-1 {
  height: 65px;
  border-bottom: 1px solid #c3c3c3;
}
#burger_menu.mm-menu .mm-navbar-top-2 {
  top: 65px;
}
#burger_menu.mm-menu .mm-navbar-top-2 a.mm-title {
  color: #888888;
  font-size: 24px;
  height: 65px;
  line-height: 50px;
  top: 65px;
  background: #FFFFFF;
  z-index: 1;
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
}
#burger_menu.mm-menu .mm-navbar-top-2 .mm-prev {
  margin-top: 12px;
}
#burger_menu.mm-menu .mm-panel#mm-1 {
  top: 65px;
}
#burger_menu.mm-menu .mm-panel#mm-1.mm-subopened {
  top: 130px;
}
#burger_menu.mm-menu .mm-listview > li > a,
#burger_menu.mm-menu .mm-listview > li > span {
  padding: 0;
}
#burger_menu.mm-menu .mm-listview.search li {
  background-size: auto 80%;
  background-position: 95% center;
  background-repeat: no-repeat;
  text-align: left;
}
#burger_menu.mm-menu .mm-listview.search li a {
  white-space: normal;
}
#burger_menu.mm-menu .mm-listview.search li a span.white.bgOverlay {
  background: rgba(255, 255, 255, 0);
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #888888;
  font-size: 14px;
  word-wrap: break-word;
  max-width: 55%;
  padding-left: 10px;
  line-height: normal;
  padding-top: 11px;
}
.burgerIcon:hover,
.burgerIcon:focus,
.burgerIcon:active,
.burgerIcon:visited {
  text-decoration: none;
  color: #3c3c3c;
}
.secondary-deploy {
  visibility: hidden;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  padding-left: 0;
  padding-right: 0;
  background: #FFFFFF;
  z-index: 999999;
  position: absolute;
  top: 42px;
  left: 16.66%;
}
.secondary-deploy div.col {
  padding: 40px 0;
}
.secondary-deploy div.col a,
.secondary-deploy div.col a:visited {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  padding: 10px 0 10px 20%;
  display: block;
  text-align: left;
  color: #888888;
  text-decoration: none;
}
.secondary-deploy div.col a h2,
.secondary-deploy div.col a:visited h2 {
  font-size: 15px;
}
.secondary-deploy div.col a:hover,
.secondary-deploy div.col a.current {
  text-decoration: underline;
  color: #3c3c3c;
}
.secondary-deploy div.col a.bold {
  font-family: 'proxima-nova';
  font-weight: 700;
}
.secondary-deploy div.col a.bold:hover {
  text-decoration: underline;
}
.secondary-deploy div.drop-image {
  padding-right: 0;
  padding-left: 0;
  position: relative;
}
.secondary-deploy div.drop-image > a {
  display: block;
  width: 100%;
  height: 100%;
}
.secondary-deploy div.drop-image div.drop-title {
  position: absolute;
  bottom: 40px;
  width: 100%;
  z-index: 999999;
}
.secondary-deploy div.drop-image div.drop-title .title-medium-pnlight {
  text-decoration: none;
  font-size: 30px;
  margin-bottom: 0;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9);
}
.secondary-deploy div.drop-image div.drop-title a.title-read-pnreg {
  font-size: 17px;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9);
}
.secondary-deploy div.drop-image div.drop-title a.title-read-pnreg:hover {
  color: #FFFFFF;
}
.secondary-designers {
  height: 232px;
}
nav.nav-secondary > ul > li:hover .secondary-deploy,
nav.nav-secondary > ul > li.hover .secondary-deploy,
nav.nav-secondary > ul > li:focus .secondary-deploy,
.wrap-list-secondary > ul li:hover .secondary-deploy,
.wrap-list-secondary > ul li.hover .secondary-deploy,
.wrap-list-secondary > ul li:focus .secondary-deploy {
  visibility: visible;
  -webkit-box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
  box-shadow: -16px 24px 28px -8px rgba(0, 0, 0, 0.09);
}
/* SLICK */
.slick-dots li button {
  width: 12px;
  height: 12px;
}
/*HEADER FIXED ON SCROLL*/
/*header.n_sticky {position: relative; width: 100%; ;z-index: 4500;}
header.n_fixed {
  position: fixed;
  top: 0px;
  z-index: 4500;
  background: rgba(255, 255, 255, 0.9);
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
}*/
header.affix {
  z-index: 4500;
  width: 100%;
  top: 0;
  /*-webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);*/
}
header.affix .header {
  /*height:105px;*/
  /*max-height:105px;
    min-height: 105px;*/
  /*overflow: hidden;*/
  /*-webkit-transition: max-height 0.3s;
    -moz-transition: max-height 0.3s;
    -o-transition: max-height 0.3s;
    transition: max-height 0.3s;*/
  z-index: 4500;
  background: rgba(255, 255, 255, 0.9);
  /*transition: background 0.5s;
    -webkit-transition: background 0.5s;*/
}
header.affix .header .menu-burger .iconMenu {
  margin-top: 40px;
}
header.affix .header .logo img {
  width: 135px;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -o-transition: all .6s;
  -ms-transition: all .6s;
  transition: all .6s;
}
header.affix .header div.wrap-list-secondary {
  top: 105px;
  -webkit-transition: top 0.3s linear;
  -moz-transition: top 0.3s linear;
  -o-transition: top 0.3s linear;
  transition: top 0.3s linear;
}
header.affix .header div.container-icons-header {
  margin: 40px 0 0 0;
  width: 105px;
}
header.affix .header div.container-icons-header div.search {
  margin-bottom: 0;
  width: 25px;
  height: 25px;
  float: left;
  margin-top: 0;
}
header.affix .header div.container-icons-header div.search > a.icon-search {
  background: url("images/icons/searchHeader.svg") no-repeat center center;
  height: 25px;
  line-height: 25px;
  padding: 0 12px 0 12px;
  margin-top: 0;
}
header.affix .header div.container-icons-header div.search > a.icon-search:hover {
  background: #3c3c3c url("images/icons/searchHeaderWhite.svg") no-repeat center center;
}
header.affix .header div.container-icons-header div.search > a span {
  display: none;
}
header.affix .header div.container-icons-header div.account {
  margin-left: 15px;
}
header.affix .header div.container-icons-header div.cart div.cart-deploy,
header.affix .header div.container-icons-header div.account div.account-deploy {
  top: 90px;
}
header.affix .header nav.menu > ul > li:hover,
header.affix .header nav.menu > ul > li.hover,
header.affix .header nav.menu > ul > li:focus {
  margin-top: 0;
}
header.affix div.wrap-list-secondary.innerPage .list-secondary {
  margin-top: -25px;
  -webkit-transition: margin 0.2s linear;
  -moz-transition: margin 0.2s linear;
  -o-transition: margin 0.2s linear;
  transition: margin 0.2s linear;
}
/*RECURRING ELEMENTS */
.products.recently {
  margin: 50px 0 30px 0;
}
.products.recently > p.title-medium-pnbold {
  padding-left: 20px;
}
.products.recently .product {
  margin: 20px 0;
}
.products.recently .product > a {
  display: block;
  /*height: 100%;*/
}
.products.recently .product a img.img-responsive {
  max-width: 80%;
  margin: 30px 10%;
}
.products.recently .product > a:hover {
  text-decoration: none;
}
.products.recently .product > a:hover h2.title-collection-pnbold.medium-grey,
.products.recently .product > a:hover h3.subtitle-collection-agreg.medium-grey {
  color: #3C3C3C;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s ease-in-out;
}
/* FOOTER */
.footer {
  position: relative;
}
.footer .row {
  margin-bottom: 0;
}
.footer .container-fluid.bgReassur {
  background-color: #f5f5f5;
}
.footer .reasurance {
  /*display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    align-items : left;*/
  /*.col-xs-3:nth-child(2) .bloc-rea a{
      margin-left: 15%;
    }
    .col-xs-3:nth-child(3) .bloc-rea a{
      margin-left: 22%;
    }*/
}
.footer .reasurance > div {
  margin: 10px 0;
}
.footer .reasurance .bloc-rea {
  /*display: inline-flex;*/
  margin: 10px 0;
}
.footer .reasurance .bloc-rea a {
  text-decoration: none;
}
.footer .reasurance .bloc-rea > a.popupSmall {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.footer .reasurance .bloc-rea .icon-rea {
  width: 60px;
  height: 60px;
  /*margin-left: -7%;*/
  background-size: 100% auto;
}
.footer .reasurance .bloc-rea .icon-rea.plane {
  background: url("images/icons/shipping.svg") no-repeat center center;
}
.footer .reasurance .bloc-rea .icon-rea.arrow {
  background: url("images/icons/exchange.svg") no-repeat center center;
}
.footer .reasurance .bloc-rea .icon-rea.padlock {
  background: url("images/icons/secure.svg") no-repeat center center;
}
.footer .reasurance .bloc-rea .icon-rea.check {
  background: url("images/icons/verified.svg") no-repeat center center;
}
.footer .reasurance .bloc-rea p.valign-item {
  padding-top: 15px;
}
.footer .reasurance .bloc-rea span.title-rea-pnlight:hover {
  text-decoration: none;
}
.footer .reasurance .bloc-rea:hover {
  cursor: pointer;
}
.footer .reasurance .bloc-rea:hover .icon-rea {
  width: 60px;
  height: 60px;
  /*margin-left: -7%;*/
  background-size: 100% auto;
}
.footer .reasurance .bloc-rea:hover .icon-rea.plane {
  background: url("images/footer/plane.gif") no-repeat center center;
}
.footer .reasurance .bloc-rea:hover .icon-rea.arrow {
  background: url("images/footer/arrows.gif") no-repeat center center;
}
.footer .reasurance .bloc-rea:hover .icon-rea.padlock {
  background: url("images/footer/padlock.gif") no-repeat center center;
}
.footer .reasurance .bloc-rea:hover .icon-rea.check {
  background: url("images/footer/check.gif") no-repeat center center;
}
.footer .reasurance .bloc-rea:hover a {
  text-decoration: none;
}
.footer .reasurance .bloc-rea.last .icon-rea {
  margin-left: 18%;
}
.footer .reasurance .bloc-rea.last p.valign-item {
  text-align: right;
  width: 58%;
}
.footer .links {
  position: relative;
  height: 315px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}
.footer .links .col-sm-2.bloc-link {
  width: 19%;
}
.footer .links .col-sm-2.bloc-link div.title-links-pnbold {
  width: 100%;
  padding: 50px 0 20px 0;
}
.footer .links .col-sm-2.bloc-link ul {
  padding-left: 0;
}
.footer .links .col-sm-2.bloc-link ul li {
  width: 100%;
  margin: 0;
}
.footer .links .col-sm-2.bloc-link ul li > a {
  width: 100%;
  display: block;
  margin: 0;
  text-decoration: none;
}
.footer .links .col-sm-2.bloc-link ul li > a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}
.footer .links .col-sm-2.bloc-link ul li span.icon-fb-footer {
  display: block;
  background: url('images/icons/footerFacebook.svg') no-repeat left center;
  width: 25px;
  height: 19px;
  background-size: auto 100%;
}
.footer .links .col-sm-2.bloc-link ul li span.icon-twt-footer {
  display: block;
  background: url('images/icons/footerTwitter.svg') no-repeat left center;
  width: 25px;
  height: 19px;
  background-size: auto 100%;
}
.footer .links .col-sm-2.bloc-link ul li span.icon-pint-footer {
  display: block;
  background: url('images/icons/footerPinterest.svg') no-repeat left center;
  width: 25px;
  height: 19px;
  background-size: auto 100%;
}
.footer .links .col-sm-2.bloc-link ul li span.icon-inst-footer {
  display: block;
  background: url('images/icons/footerInstagram.svg') no-repeat left center;
  width: 25px;
  height: 19px;
  background-size: auto 100%;
}
.footer .links .bloc-news-contact {
  background: #fd7070;
  padding-right: 32px;
  margin-left: -10px;
  margin-right: -20px;
  z-index: 2;
}
.footer .links .bloc-news-contact div.news-contact {
  margin-top: 50px;
}
.footer .links .bloc-news-contact div.news-contact .btn {
  margin: 12px auto;
  display: inline-block;
  width: 70%;
  height: 60px;
  border-radius: 30px;
  font-weight: 300;
  font-size: 18px;
  float: right;
}
.footer .links .bloc-news-contact div.news-contact div.footer-location {
  margin-top: 30px;
  width: 77%;
  float: right;
}
.footer .links .bloc-news-contact div.news-contact div.footer-location > span.icon-world {
  display: inline-block;
  background: url("images/icons/footerCountry.svg") no-repeat left center;
  width: 27px;
  height: 27px;
  margin-right: 5%;
  background-size: auto 100%;
}
.footer .links .bloc-news-contact div.news-contact div.footer-location > a {
  color: #FFFFFF;
  display: inline-block;
  text-decoration: none;
}
.footer .links .bloc-news-contact div.news-contact div.footer-location > a:hover,
.footer .links .bloc-news-contact div.news-contact div.footer-location > a:focus {
  text-decoration: underline;
}
.footer .links .bloc-news-contact div.news-contact div.footer-location > span.icon-arrow {
  display: inline-block;
  background: url("images/icons/arrowRightWhite.svg") no-repeat left center;
  width: 8px;
  height: 12px;
  margin-left: 5%;
  background-size: auto 100%;
}
.footer div.bgRightFooter {
  position: absolute;
  display: block;
  height: 315px;
  background: #fd7070;
  bottom: 50px;
  right: 0px;
  z-index: 0;
}
.footer .terms {
  background-color: #3b3b3b;
  text-align: center;
  z-index: 2;
  height: 50px;
}
.footer .terms p {
  padding: 15px 0;
  font-size: 13px;
  color: #868184;
  margin: 0;
}
.footer .terms a {
  color: #868184;
}
.slick-slide {
  outline: 0;
}
/* XS */
@media (max-width: 767px) {
  header {
    z-index: 99999;
    position: fixed;
    top: 0;
    width: 100%;
  }
  .containerGlobal {
    padding-top: 60px;
  }
  /* HEADER */
  .menu-burger .iconMenu {
    margin-top: 20px;
    margin-left: 20px;
  }
  .header {
    height: 60px;
    min-height: 60px;
    position: fixed;
    top: 0;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding-top: 0;
  }
  .header .logo img {
    margin: 20px auto;
    width: 76%;
  }
  .header div.container-icons-header {
    width: 100%;
    margin: 15px 0px 0px;
  }
  .header div.container-icons-header div.cart {
    margin-left: 0;
  }
  .products.recently {
    margin: 10px 0 30px 0;
  }
  .products.recently > p.title-medium-pnbold {
    padding-left: 15px;
  }
  /* FOOTER */
  .footer .reasurance > div {
    border: 0;
  }
  .footer .reasurance .bloc-rea {
    border: 0;
  }
  .footer .reasurance .bloc-rea .icon-rea {
    width: 100%;
  }
  .footer .reasurance .bloc-rea .valign-item {
    display: none !important;
  }
  .footer .reasurance .bloc-rea:hover .icon-rea {
    width: 100%;
  }
  .footer .reasurance .bloc-rea:hover .icon-rea.plane {
    background: url("images/icons/shipping.svg") no-repeat center center;
  }
  .footer .reasurance .bloc-rea:hover .icon-rea.arrow {
    background: url("images/icons/exchange.svg") no-repeat center center;
  }
  .footer .reasurance .bloc-rea:hover .icon-rea.padlock {
    background: url("images/icons/secure.svg") no-repeat center center;
  }
  .footer .reasurance .bloc-rea:hover .icon-rea.check {
    background: url("images/icons/verified.svg") no-repeat center center;
  }
  .footer .reasurance .bloc-rea.last .icon-rea.check {
    margin-left: 0;
  }
  .footer .links {
    background-position: -245px bottom !important;
    height: 745px;
    position: relative;
  }
  .footer .links .col-sm-2.bloc-link {
    text-align: center;
    width: 100%;
  }
  .footer .links .col-sm-2.bloc-link div.title-links-pnbold {
    padding: 20px;
  }
  .footer .links .col-sm-2.bloc-link ul li {
    width: 60%;
    margin: 0 auto;
  }
  .footer .links .col-sm-2.bloc-link div.footer-content {
    display: none;
  }
  .footer .links .bloc-link:first-child {
    margin-top: 200px;
  }
  .footer .links .bloc-link:first-child div.footer-content {
    display: block;
  }
  .footer .links .bloc-link:first-child div.title-links-pnbold {
    padding-top: 30px;
  }
  .footer .links .bloc-news-contact {
    position: absolute;
    top: 0;
    height: 180px;
    width: 100%;
    border-bottom: 1px solid #FFFFFF;
    background: #fc5353;
    padding: 0;
    margin: 0;
  }
  .footer .links .bloc-news-contact div.news-contact {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .footer .links .bloc-news-contact div.news-contact .btn {
    width: 100%;
    border: none;
    margin: 0;
    height: 60px!important;
    border-radius: 0;
  }
  .footer .links .bloc-news-contact div.news-contact .btn.orange-stroke {
    background: #fd7070;
  }
  .footer .links .bloc-news-contact div.news-contact div.footer-location {
    margin-top: 15px;
    width: 100%;
  }
  .footer .terms p {
    padding: 5px 0;
    line-height: 40px;
  }
  .footer div.bgRightFooter {
    display: none;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .header .logo img {
    width: 45%;
  }
  .reasurance .bloc-rea .icon-rea {
    width: 60%!important;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  .header nav.menu > ul > li > a {
    padding: 10px 8px 21px 8px!important;
    font-size: 18px;
    letter-spacing: 1px!important;
  }
  .header .logo img {
    margin: 22px auto 5px;
  }
  header:not(.affix) .header div.container-icons-header {
    width: 95px;
  }
  header:not(.affix) div.account {
    margin-left: 30px;
  }
  div.wrap-list-secondary ul.list-secondary {
    width: 713px;
    margin: 0 auto;
  }
  div.wrap-list-secondary ul.list-secondary li.left {
    /*top: 5px;*/
    margin: 0 10px;
  }
  div.wrap-list-secondary ul.list-secondary li.right {
    top: 5px;
    margin: 0 10px!important;
  }
  div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a,
  div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a:visited,
  div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a h1,
  div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a:visited h1 {
    font-size: 12px;
    letter-spacing: 1px!important;
    padding: 0 8px 15px 8px;
  }
  .secondary-deploy {
    left: 0;
  }
  .secondary-deploy div.col a,
  .secondary-deploy div.col a:visited {
    padding: 5px 0 5px 30px;
    font-size: 14px;
  }
  .secondary-deploy div.drop-image div.drop-title .title-medium-pnlight {
    font-size: 23px!important;
  }
  .footer .reasurance .bloc-rea .icon-rea {
    width: 26%;
    height: 60px;
    margin-left: -7%;
  }
  .footer .reasurance .bloc-rea .icon-rea.plane {
    background-size: 60px auto;
  }
  .footer .reasurance .bloc-rea .icon-rea.arrow {
    background-size: 60px auto;
  }
  .footer .reasurance .bloc-rea .icon-rea.padlock {
    background-size: 60px auto;
  }
  .footer .reasurance .bloc-rea .icon-rea.check {
    background-size: 60px auto;
  }
  .footer .reasurance .bloc-rea p.valign-item {
    width: 70%;
    padding-top: 15px;
  }
  .footer .reasurance .bloc-rea:hover .icon-rea {
    width: 21%;
    height: 60px;
    margin-left: -7%;
  }
  .footer .reasurance .bloc-rea:hover .icon-rea.plane {
    background: url("images/icons/shipping.svg") no-repeat center center;
    background-size: 60px auto;
  }
  .footer .reasurance .bloc-rea:hover .icon-rea.arrow {
    background: url("images/icons/exchange.svg") no-repeat center center;
    background-size: 60px auto;
  }
  .footer .reasurance .bloc-rea:hover .icon-rea.padlock {
    background: url("images/icons/secure.svg") no-repeat center center;
    background-size: 60px auto;
  }
  .footer .reasurance .bloc-rea:hover .icon-rea.check {
    background: url("images/icons/verified.svg") no-repeat center center;
    background-size: 60px auto;
  }
  .footer .reasurance .bloc-rea.last .icon-rea {
    margin-left: 12%;
  }
  .footer .reasurance .bloc-rea.last p.valign-item {
    text-align: right;
    width: 57%;
  }
  .footer .links .bloc-link div.title-links-pnbold {
    height: 120px;
    font-size: 15px;
  }
  .footer .links .bloc-news-contact {
    height: 315px;
    /*width: 225px;*/
    padding-right: 0;
    margin-left: 0px;
  }
  .footer .links .bloc-news-contact div.news-contact {
    white-space: normal;
  }
  .footer .links .bloc-news-contact div.news-contact .btn {
    height: auto;
    width: 85%;
    white-space: normal;
    font-size: 15px;
  }
  .footer .links .bloc-news-contact div.news-contact div.footer-location {
    width: 94%;
  }
  div.bgRightFooter {
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .containerGlobal {
    min-height: 500px;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  div.container-icons-header {
    width: 65%;
  }
  .header nav.menu > ul > li > a,
  .header nav.menu > ul > li > a:focus,
  .header nav.menu > ul > li > a:visited {
    padding: 10px 15px 30px 15px;
    font-size: 18px;
  }
  /*div.container-icons-header.smaller{
    div.account{
      margin-left: 15px;
    }
  }*/
  div.wrap-list-secondary ul.list-secondary {
    width: 968px;
    margin: 0 auto;
  }
  div.wrap-list-secondary.principal ul.list-secondary li.left {
    top: -42px;
  }
  div.wrap-list-secondary.principal ul.list-secondary li.right a.btn-small {
    font-size: 12px;
    padding: 5px 10px;
  }
  .footer .links .bloc-news-contact {
    height: 315px;
    padding-right: 0;
    /*width: 280px;*/
    margin-left: 0px;
  }
  .footer .links .bloc-news-contact div.news-contact {
    white-space: normal;
  }
  .footer .links .bloc-news-contact div.news-contact .btn {
    height: auto;
    width: 85%;
    white-space: normal;
    font-size: 15px;
  }
  .footer .links .bloc-news-contact div.news-contact div.footer-location {
    width: 85%;
  }
  .secondary-deploy {
    height: 232px;
  }
  .secondary-deploy div.col {
    padding: 20px 0;
  }
  .secondary-deploy div.col > a {
    padding: 2px 0 3px 20%;
    font-size: 14px;
  }
  .secondary-deploy div.col > a h2 {
    padding: 2px 0 3px 0;
    font-size: 14px;
  }
  .secondary-deploy div.drop-image div.drop-title .title-medium-pnlight {
    font-size: 23px!important;
  }
  div.bgRightFooter {
    width: 200px;
  }
  div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a h1,
  div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a:visited h1 {
    font-size: 12px;
  }
  div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a,
  div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a:visited {
    font-size: 12px;
    padding: 0px 6px 15px 6px;
  }
  .footer .reasurance {
    /*.col-xs-3:nth-child(2) .bloc-rea a{
        margin-left: 15%;
      }
      .col-xs-3:nth-child(3) .bloc-rea a{
        margin-left: 22%;
      }*/
  }
  .footer .reasurance .bloc-rea .icon-rea {
    width: 21%;
    height: 60px;
    /*margin-left: -7%;*/
    background-size: 170% auto!important;
  }
  .footer .reasurance .bloc-rea p.valign-item {
    width: 70%;
    padding-top: 15px;
  }
  .footer .reasurance .bloc-rea:hover .icon-rea {
    width: 21%;
    height: 60px;
    /*margin-left: -7%;*/
    background-size: 170% auto!important;
  }
  .footer .reasurance .bloc-rea.last .icon-rea {
    margin-left: 10%;
  }
  .footer .reasurance .bloc-rea.last p.valign-item {
    text-align: right;
    width: 67%;
  }
}
/* LG */
@media (min-width: 1280px) and (max-width: 1919px) {
  div.container-icons-header {
    width: 65%;
    /*div.account{
      margin-left: 80px;

    }*/
  }
  /*div.container-icons-header.smaller{
    div.account{
      margin-left: 15px;
    }
  }*/
  .footer .links .bloc-news-contact {
    height: 315px;
    margin-right: -30px;
    margin-left: 0;
    /*width: 330px;*/
    padding-right: 19px;
  }
  .footer .links .bloc-news-contact div.news-contact .btn {
    height: 50px;
    width: 85%;
    font-size: 15px;
  }
  .secondary-deploy div.col {
    padding: 25px 0;
  }
  .secondary-deploy div.col > a {
    padding: 2px 0 5px 20%;
    font-size: 14px;
  }
  .secondary-deploy div.col > a h2 {
    padding: 2px 0 5px 0;
    font-size: 14px;
  }
  .secondary-deploy div.drop-image div.drop-title .title-medium-pnlight {
    font-size: 25px!important;
  }
  div.bgRightFooter {
    width: 330px;
  }
  div.wrap-list-secondary ul.list-secondary {
    width: 1224px;
    margin: 0 auto;
  }
  div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a,
  div.wrap-list-secondary ul.list-secondary li.titleSubmenu > a h1 {
    font-size: 13px!important;
    padding: 0px 9px 15px 9px;
  }
}
/* XL */
@media (min-width: 1920px) {
  div.wrap-list-secondary ul.list-secondary {
    width: 1848px;
    margin: 0 auto;
  }
  .secondary-deploy div.col {
    padding: 25px 0;
  }
  .secondary-deploy div.col > a {
    padding: 2px 0 5px 20%;
    font-size: 15px;
  }
  .secondary-deploy div.col > a h2 {
    padding: 2px 0 5px 0;
    font-size: 15px;
  }
  .footer .links .bloc-news-contact {
    /*width: 490px;*/
    height: 315px;
  }
  div.bgRightFooter {
    width: 400px;
  }
}
/*====================================  POPUPS  =======================================*/
/*-------------------------- COMMON -------------------------------*/
a.popup:hover {
  text-decoration: none;
}
.bgWhite {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99998;
}
.wrapPopup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.closePopup {
  position: absolute;
  right: 85px;
  top: 53px;
  cursor: pointer;
  width: 22px;
  max-width: 22px;
  height: 21px;
}
.closePopup.cancel {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  width: 150px;
  max-width: auto;
  height: 40px;
}
.wrapPopup.wrapSearch {
  height: 100%;
  overflow-y: scroll;
}
.wrapPopup.wrapSearch .popupSearch {
  height: auto;
}
/*-------------------------- POPUP BURGER MENU -------------------------------*/
#popupMainMenu .popupMainMenu {
  margin-left: auto;
  margin-right: auto;
  float: none;
  text-align: center;
  margin-top: 55px;
}
#popupMainMenu .popupMainMenu a {
  text-decoration: none;
}
#popupMainMenu .popupMainMenu a:hover,
#popupMainMenu .popupMainMenu a:focus {
  text-decoration: underline;
}
#popupMainMenu .popupMainMenu ul.title-menu-agreg {
  margin-bottom: 40px;
  letter-spacing: 2px;
}
#popupMainMenu .popupMainMenu ul.title-menu-agreg li {
  display: inline-block;
  color: #3c3c3c;
  margin: 21px;
}
#popupMainMenu .popupMainMenu ul.menuLinks li {
  display: block;
  width: 100%;
  height: 50px;
}
/*-------------------------- POPUP LOCATION -------------------------------*/
#popupLocation .popupLocation {
  margin-left: auto;
  margin-right: auto;
  float: none;
  margin-top: 80px;
}
#popupLocation .popupLocation .tabsWrap {
  position: relative;
  margin-top: 40px;
}
#popupLocation .popupLocation .tabsWrap .tabsBtn {
  width: 40%;
  text-align: right;
  padding-right: 40px;
  padding-top: 15px;
}
#popupLocation .popupLocation .tabsWrap .tabsBtn .btn-tab {
  display: block;
  font-family: 'proxima-nova';
  font-weight: 700;
  font-size: 20px;
  color: #c3c3c3;
  height: 60px;
  text-decoration: none;
}
#popupLocation .popupLocation .tabsWrap .tabsBtn .decoArrow {
  width: 0;
  height: 0;
  display: none;
  border: 8px solid transparent;
  border-right: 8px solid #FFFFFF;
  float: right;
  margin-right: -40px;
  margin-top: 6px;
}
#popupLocation .popupLocation .tabsWrap .tabsBtn .btn-tab:hover,
#popupLocation .popupLocation .tabsWrap .tabsBtn .btn-tab:focus {
  text-decoration: none;
  color: #3c3c3c;
}
#popupLocation .popupLocation .tabsWrap .tabsBtn .btn-tab.active {
  color: #3c3c3c;
  text-decoration: none;
}
#popupLocation .popupLocation .tabsWrap .tabsBtn .btn-tab.active .decoArrow {
  display: block;
}
#popupLocation .popupLocation .tabsWrap .tabs {
  visibility: hidden;
  opacity: 0.3;
  transition: opacity 0.5s linear;
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  background: #FFFFFF;
  padding: 20px 0 20px 20px;
}
#popupLocation .popupLocation .tabsWrap .tabs a.current-text18 {
  font-size: 15px;
  color: #3c3c3c;
  display: block;
  width: 100%;
  height: 30px;
  text-align: left;
  line-height: 17px;
}
#popupLocation .popupLocation .tabsWrap .tabs a.current-text18 span.country {
  width: 82%;
  display: block;
  float: left;
}
#popupLocation .popupLocation .tabsWrap .tabs a.current-text18 span.language {
  font-family: 'proxima-nova';
  font-size: 90%;
  font-weight: 400;
  float: right;
  padding-right: 20px;
  display: block;
  height: 30px;
  width: 18%;
}
#popupLocation .popupLocation .tabsWrap .tabs a.current-text18:hover span.country,
#popupLocation .popupLocation .tabsWrap .tabs a.current-text18:hover span.language {
  text-decoration: underline;
}
#popupLocation .popupLocation .tabsWrap .tabs.active {
  visibility: visible;
  opacity: 1;
}
#popupLocation .popupLocation .tabsWrap .tabs.active .col {
  float: left;
  max-height: 612px;
  width: 50%;
  margin-top: 5px;
}
/*-------------------------- POPUP SEARCH -------------------------------*/
#popupSearch .popupSearch {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
#popupSearch .popupSearch input[type=text].inputSearch {
  margin-top: 400px;
  border-bottom: 1px solid #3c3c3c;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  height: 90px;
  color: #c3c3c3;
  font-family: 'proxima-nova';
  font-weight: 300;
  font-size: 60px;
  font-style: italic;
  background: transparent url('images/icons/searchHeader.svg') no-repeat 105% center;
  background-size: 150px 150px;
  outline: 0;
  padding-right: 50px;
}
#popupSearch .popupSearch input[type=text].inputSearch.on {
  margin-top: 70px;
  transition: 0.5s;
  font-style: normal;
  color: #3c3c3c;
}
#popupSearch .popupSearch ::-webkit-input-placeholder {
  color: #c3c3c3;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-style: italic;
  font-size: 60px;
}
#popupSearch .popupSearch :-moz-placeholder {
  color: #c3c3c3;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-style: italic;
  font-size: 60px;
}
#popupSearch .popupSearch ::-moz-placeholder {
  color: #c3c3c3;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-style: italic;
  font-size: 60px;
}
#popupSearch .popupSearch :-ms-input-placeholder {
  color: #c3c3c3;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-style: italic;
  font-size: 60px;
}
#popupSearch .searchResults {
  visibility: hidden;
}
#popupSearch .searchResults .resultsFilters {
  width: 100%;
  text-align: center;
  margin-bottom: 100px;
}
#popupSearch .searchResults .resultsFilters .filter {
  display: inline-block;
}
#popupSearch .searchResults .resultsFilters .filter a {
  display: block;
  margin: 10px 20px 20px 20px;
  text-decoration: none;
}
#popupSearch .searchResults .resultsFilters .filter a span.numResult {
  font-weight: 400;
}
#popupSearch .searchResults .resultsFilters .filter a:hover {
  text-decoration: underline;
  cursor: pointer;
}
#popupSearch .searchResults.on {
  visibility: visible;
  transition: visibility 0s linear 0.5s;
  -webkit-transition: visibility 0s linear;
}
ul.popupList li.product {
  display: block;
  width: 100%;
  background: #FFFFFF;
  height: 200px;
  margin-bottom: 25px;
}
ul.popupList li.product > a {
  width: 100%;
  height: 200px;
  display: block;
}
ul.popupList li.product > a > p.productCaption {
  width: 50%;
  float: none;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
ul.popupList li.product > a > p.productCaption > span {
  display: block;
  width: 100%;
}
ul.popupList li.product > a > p.productCaption button.btn.grey-stroke {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  padding: 10px 30px;
}
ul.popupList li.product > a > .visual {
  float: none;
  width: 40%;
  margin-left: 5%;
  display: inline-block;
  vertical-align: middle;
  height: 200px;
  line-height: 200px;
  text-align: center;
}
ul.popupList li.product > a > .visual > img {
  max-height: 100%;
  display: inline;
}
ul.popupList li.product > a:hover {
  text-decoration: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
ul.popupList li.product > a:hover span.title-collection-pnbold.medium-grey,
ul.popupList li.product > a:hover span.subtitle-collection-agreg.medium-grey {
  color: #3C3C3C;
}
/*-------------------------- POPUP SHARE -------------------------------*/
.wrapPopup.wrapShareProduct div.popupShareProduct,
.wrapPopup .wrapShareInspiration div.popupShareProduct,
.wrapPopup.wrapSearch div.popupShareProduct,
.wrapPopup.wrapShareProduct div.popupShareInspiration,
.wrapPopup .wrapShareInspiration div.popupShareInspiration,
.wrapPopup.wrapSearch div.popupShareInspiration {
  margin-left: auto;
  margin-right: auto;
  float: none;
  position: relative;
  top: 60px;
}
.wrapPopup.wrapShareProduct div.popupShareProduct .titleShare,
.wrapPopup .wrapShareInspiration div.popupShareProduct .titleShare,
.wrapPopup.wrapSearch div.popupShareProduct .titleShare,
.wrapPopup.wrapShareProduct div.popupShareInspiration .titleShare,
.wrapPopup .wrapShareInspiration div.popupShareInspiration .titleShare,
.wrapPopup.wrapSearch div.popupShareInspiration .titleShare {
  margin: 20px auto;
}
.wrapPopup.wrapShareProduct div.popupShareProduct img,
.wrapPopup .wrapShareInspiration div.popupShareProduct img,
.wrapPopup.wrapSearch div.popupShareProduct img,
.wrapPopup.wrapShareProduct div.popupShareInspiration img,
.wrapPopup .wrapShareInspiration div.popupShareInspiration img,
.wrapPopup.wrapSearch div.popupShareInspiration img {
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
  max-height: 360px;
  display: inline-block;
}
.wrapPopup.wrapShareProduct div.popupShareProduct a.link,
.wrapPopup .wrapShareInspiration div.popupShareProduct a.link,
.wrapPopup.wrapSearch div.popupShareProduct a.link,
.wrapPopup.wrapShareProduct div.popupShareInspiration a.link,
.wrapPopup .wrapShareInspiration div.popupShareInspiration a.link,
.wrapPopup.wrapSearch div.popupShareInspiration a.link {
  display: block;
  width: 100%;
  margin: 90px 0 20px 0;
  font-size: 30px;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share,
.wrapPopup.wrapSearch div.popupShareProduct div.share,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share,
.wrapPopup.wrapSearch div.popupShareInspiration div.share {
  margin-top: 30px;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share > ul,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share > ul,
.wrapPopup.wrapSearch div.popupShareProduct div.share > ul,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share > ul,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share > ul,
.wrapPopup.wrapSearch div.popupShareInspiration div.share > ul {
  text-align: center;
  width: 100%;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share > ul > li,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share > ul > li,
.wrapPopup.wrapSearch div.popupShareProduct div.share > ul > li,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share > ul > li,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share > ul > li,
.wrapPopup.wrapSearch div.popupShareInspiration div.share > ul > li {
  margin: 0 10px 40px 10px;
  vertical-align: top;
  display: inline-block;
  float: none;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share > ul li.facebook,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share > ul li.facebook,
.wrapPopup.wrapSearch div.popupShareProduct div.share > ul li.facebook,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share > ul li.facebook,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share > ul li.facebook,
.wrapPopup.wrapSearch div.popupShareInspiration div.share > ul li.facebook {
  width: 54px;
  display: inline-block;
  float: none;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share > ul li.facebook a,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share > ul li.facebook a,
.wrapPopup.wrapSearch div.popupShareProduct div.share > ul li.facebook a,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share > ul li.facebook a,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share > ul li.facebook a,
.wrapPopup.wrapSearch div.popupShareInspiration div.share > ul li.facebook a {
  background: url('images/icons/shareFacebook.svg') no-repeat center center;
  background-size: 28px auto;
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid #888888;
  border-radius: 30px;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share > ul li.facebook a:hover,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share > ul li.facebook a:hover,
.wrapPopup.wrapSearch div.popupShareProduct div.share > ul li.facebook a:hover,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share > ul li.facebook a:hover,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share > ul li.facebook a:hover,
.wrapPopup.wrapSearch div.popupShareInspiration div.share > ul li.facebook a:hover {
  background: #3b5998 url('images/icons/shareFacebookWhite.svg') no-repeat center center;
  background-size: 28px auto;
  border: 1px solid #3b5998;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share > ul li.pinterest,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share > ul li.pinterest,
.wrapPopup.wrapSearch div.popupShareProduct div.share > ul li.pinterest,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share > ul li.pinterest,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share > ul li.pinterest,
.wrapPopup.wrapSearch div.popupShareInspiration div.share > ul li.pinterest {
  width: 54px;
  height: 54px;
  overflow: hidden;
  display: inline-block;
  float: none;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share > ul li.pinterest a,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share > ul li.pinterest a,
.wrapPopup.wrapSearch div.popupShareProduct div.share > ul li.pinterest a,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share > ul li.pinterest a,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share > ul li.pinterest a,
.wrapPopup.wrapSearch div.popupShareInspiration div.share > ul li.pinterest a {
  background: url('images/icons/sharePinterest.svg') !important;
  background-size: 28px 34px!important;
  background-repeat: no-repeat !important;
  background-position: center center!important;
  display: block;
  width: 54px !important;
  height: 54px !important;
  border: 1px solid #888888;
  border-radius: 30px;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share > ul li.pinterest a:hover,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share > ul li.pinterest a:hover,
.wrapPopup.wrapSearch div.popupShareProduct div.share > ul li.pinterest a:hover,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share > ul li.pinterest a:hover,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share > ul li.pinterest a:hover,
.wrapPopup.wrapSearch div.popupShareInspiration div.share > ul li.pinterest a:hover {
  background: #cb2027 url('images/icons/sharePinterestWhite.svg') !important;
  background-size: 28px 34px!important;
  background-repeat: no-repeat !important;
  background-position: center center!important;
  border: 1px solid #cb2027;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share > ul li.link,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share > ul li.link,
.wrapPopup.wrapSearch div.popupShareProduct div.share > ul li.link,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share > ul li.link,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share > ul li.link,
.wrapPopup.wrapSearch div.popupShareInspiration div.share > ul li.link {
  width: 54px;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share > ul li.link a,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share > ul li.link a,
.wrapPopup.wrapSearch div.popupShareProduct div.share > ul li.link a,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share > ul li.link a,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share > ul li.link a,
.wrapPopup.wrapSearch div.popupShareInspiration div.share > ul li.link a {
  background: url('images/icons/shareLink.svg') no-repeat center center;
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid #888888;
  border-radius: 30px;
}
.wrapPopup.wrapShareProduct div.popupShareProduct div.share > ul li.link a:hover,
.wrapPopup .wrapShareInspiration div.popupShareProduct div.share > ul li.link a:hover,
.wrapPopup.wrapSearch div.popupShareProduct div.share > ul li.link a:hover,
.wrapPopup.wrapShareProduct div.popupShareInspiration div.share > ul li.link a:hover,
.wrapPopup .wrapShareInspiration div.popupShareInspiration div.share > ul li.link a:hover,
.wrapPopup.wrapSearch div.popupShareInspiration div.share > ul li.link a:hover {
  background: #888888 url('images/icons/shareLinkWhite.svg') no-repeat center center;
  border: 1px solid #888888;
}
div.popupShareInspiration a.link {
  margin: 50px 0 20px 0!important;
}
/*-------------------------- POPUP SHOP -------------------------------*/
.wrapPopup.wrapShop {
  position: absolute;
  height: auto;
  top: -115px;
}
#popupShop .popupShop {
  margin-left: auto;
  margin-right: auto;
  float: none;
  position: relative;
  top: 20px;
  height: auto;
}
#popupShop .popupShop .titleShare {
  margin: 20px auto;
}
#popupShop .popupShop ul.popupList {
  margin-top: 30px;
}
#popupShop .closePopup {
  top: 0;
}
/*-------------------------- POPUP NEWSLETTER -------------------------------*/
#popupAddEmailing .popupAddEmailing {
  margin-left: auto;
  margin-right: auto;
  float: none;
  position: relative;
  top: 140px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
}
#popupAddEmailing .popupAddEmailing .addEmailing {
  padding: 30px;
  margin-bottom: 0;
}
#popupAddEmailing .popupAddEmailing .closePopup {
  right: 20px;
  top: 20px;
}
#popupAddEmailing .popupAddEmailing .current-text20 {
  padding: 30px 10px;
}
#popupAddEmailing .popupAddEmailing p.form {
  text-align: left;
}
#popupAddEmailing .popupAddEmailing label {
  font-size: 18px;
  text-align: left;
}
#popupAddEmailing .popupAddEmailing input[type=submit] {
  display: inline-block;
  margin: 40px 0 20px 0;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
}
/*-------------------------- POPUP REINSURANCE DETAILS -------------------------------*/
#popupReinsurance ::-webkit-scrollbar {
  width: 10px;
}
#popupReinsurance ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
}
#popupReinsurance ::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
#popupReinsurance .popupReinsurance,
#popupFabrics .popupReinsurance {
  margin-left: auto;
  margin-right: auto;
  float: none;
  position: relative;
  top: 60px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
}
#popupReinsurance .popupReinsurance .reinsurance,
#popupFabrics .popupReinsurance .reinsurance {
  padding: 60px 20px 20px 20px;
  margin: 0;
}
#popupReinsurance .popupReinsurance .closePopup,
#popupFabrics .popupReinsurance .closePopup {
  right: 20px;
  top: 20px;
}
#popupReinsurance .popupReinsurance .blocReinsurance div.titleReinsurance,
#popupFabrics .popupReinsurance .blocReinsurance div.titleReinsurance {
  font-family: 'proxima-nova';
  font-size: 18px;
  letter-spacing: 2px;
  padding: 15px 30px 15px 0;
  width: 100%;
  background: url("images/icons/arrowRight.svg") no-repeat right center;
}
#popupReinsurance .popupReinsurance .blocReinsurance div.titleReinsurance:hover,
#popupFabrics .popupReinsurance .blocReinsurance div.titleReinsurance:hover {
  cursor: pointer;
}
#popupReinsurance .popupReinsurance .blocReinsurance div.titleReinsurance.open,
#popupFabrics .popupReinsurance .blocReinsurance div.titleReinsurance.open {
  background: url("images/icons/arrowDown.svg") no-repeat right center;
}
#popupReinsurance .popupReinsurance .blocReinsurance div.reiDetail,
#popupFabrics .popupReinsurance .blocReinsurance div.reiDetail {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
  visibility: hidden;
  max-height: 0;
}
#popupReinsurance .popupReinsurance .blocReinsurance div.titleReinsurance.open + div.reiDetail,
#popupFabrics .popupReinsurance .blocReinsurance div.titleReinsurance.open + div.reiDetail {
  visibility: visible;
  max-height: 19em;
  overflow-y: auto;
  height: auto;
  display: block;
}
/*-------------------------- POPUP HELP // FRANCE ONLY -------------------------------*/
#popupHelp .popupHelp {
  bottom: 0;
  right: 0;
  float: none;
  position: fixed;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
}
#popupHelp .popupHelp .row.popHelp {
  position: relative;
  margin: 0;
  padding: 40px 0 30px;
}
#popupHelp .popupHelp .row.popHelp .title-small-pnbold {
  font-size: 24px;
}
#popupHelp .popupHelp .row.popHelp > p.current-text20 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}
#popupHelp .popupHelp .row.popHelp .closePopup {
  right: 20px;
  top: 40px;
}
#popupHelp .popupHelp .blocHelp {
  width: 32%;
  float: left;
  margin-left: 10%;
  text-align: left;
  display: block;
  margin-top: 20px;
}
/*-------------------------- SHIPPING FEE -------------------------------*/
#popupShipping .popupShipping,
#popupTax .popupShipping,
#popupShipping .popupTax,
#popupTax .popupTax {
  margin-left: auto;
  margin-right: auto;
  float: none;
  position: relative;
  top: 100px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  padding: 20px;
}
#popupShipping .popupShipping .row,
#popupTax .popupShipping .row,
#popupShipping .popupTax .row,
#popupTax .popupTax .row {
  margin: 0px;
  padding: 0px;
}
#popupShipping .popupShipping .row .popupTitle,
#popupTax .popupShipping .row .popupTitle,
#popupShipping .popupTax .row .popupTitle,
#popupTax .popupTax .row .popupTitle {
  margin: 30px 0;
}
#popupShipping .popupShipping .calcInput,
#popupTax .popupShipping .calcInput,
#popupShipping .popupTax .calcInput,
#popupTax .popupTax .calcInput {
  position: relative;
  width: 190px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
#popupShipping .popupShipping .calcInput input[type=text],
#popupTax .popupShipping .calcInput input[type=text],
#popupShipping .popupTax .calcInput input[type=text],
#popupTax .popupTax .calcInput input[type=text] {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #3c3c3c;
  outline: 0;
}
#popupShipping .popupShipping .calcInput input[type=submit],
#popupTax .popupShipping .calcInput input[type=submit],
#popupShipping .popupTax .calcInput input[type=submit],
#popupTax .popupTax .calcInput input[type=submit] {
  background: transparent url('images/icons/forward.svg') no-repeat right center;
  height: 40px;
  width: 23px;
  border: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  outline: 0;
  color: transparent;
}
#popupShipping .popupShipping .tax-line .taxAmount,
#popupTax .popupShipping .tax-line .taxAmount,
#popupShipping .popupTax .tax-line .taxAmount,
#popupTax .popupTax .tax-line .taxAmount {
  font-size: 30px;
}
#popupShipping .popupShipping .titlesShipping,
#popupTax .popupShipping .titlesShipping,
#popupShipping .popupTax .titlesShipping,
#popupTax .popupTax .titlesShipping {
  border-bottom: 1px solid #c3c3c3;
  margin-bottom: 20px;
}
#popupShipping .popupShipping .product-line,
#popupTax .popupShipping .product-line,
#popupShipping .popupTax .product-line,
#popupTax .popupTax .product-line {
  padding: 10px 0;
  border-bottom: 1px solid #c3c3c3;
}
#popupShipping .popupShipping .product-line .rounded,
#popupTax .popupShipping .product-line .rounded,
#popupShipping .popupTax .product-line .rounded,
#popupTax .popupTax .product-line .rounded {
  width: 100%;
  min-width: 200px;
}
#popupShipping .popupShipping .product-line .rounded span.text-label,
#popupTax .popupShipping .product-line .rounded span.text-label,
#popupShipping .popupTax .product-line .rounded span.text-label,
#popupTax .popupTax .product-line .rounded span.text-label {
  width: 200px;
}
#popupShipping .popupShipping .total-line .col-sm-9,
#popupTax .popupShipping .total-line .col-sm-9,
#popupShipping .popupTax .total-line .col-sm-9,
#popupTax .popupTax .total-line .col-sm-9 {
  text-align: right;
}
#popupShipping .popupShipping .process,
#popupTax .popupShipping .process,
#popupShipping .popupTax .process,
#popupTax .popupTax .process {
  float: none;
  margin: 20px auto;
}
#popupShipping .popupShipping .process input[type=submit],
#popupTax .popupShipping .process input[type=submit],
#popupShipping .popupTax .process input[type=submit],
#popupTax .popupTax .process input[type=submit] {
  width: 100%;
}
#popupShipping .popupShipping .process a.title-read-pnreg,
#popupTax .popupShipping .process a.title-read-pnreg,
#popupShipping .popupTax .process a.title-read-pnreg,
#popupTax .popupTax .process a.title-read-pnreg {
  display: block;
  margin: 10px auto;
}
#popupShipping .popupShipping .closePopup,
#popupTax .popupShipping .closePopup,
#popupShipping .popupTax .closePopup,
#popupTax .popupTax .closePopup {
  right: 20px;
  top: 20px;
}
/*-------------------------- POPUP CATALOG REQUEST -------------------------------*/
#popupCatalogRequest.wrapPopup.wrapNewsletter,
#productQuestion,
.popupForm {
  height: 100%;
  overflow-y: scroll;
}
#popupCatalogRequest.wrapPopup.wrapNewsletter .popupSearch,
#productQuestion .popupSearch,
.popupForm .popupSearch {
  height: auto;
}
#popupCatalogRequest .popupAddEmailing,
#productQuestion .popupAddEmailing,
.popupForm .popupAddEmailing {
  margin-left: auto;
  margin-right: auto;
  float: none;
  position: relative;
  top: 80px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
}
#popupCatalogRequest .popupAddEmailing ::-webkit-input-placeholder,
#productQuestion .popupAddEmailing ::-webkit-input-placeholder,
.popupForm .popupAddEmailing ::-webkit-input-placeholder {
  color: #FFFFFF;
}
#popupCatalogRequest .popupAddEmailing :-moz-placeholder,
#productQuestion .popupAddEmailing :-moz-placeholder,
.popupForm .popupAddEmailing :-moz-placeholder {
  color: #FFFFFF;
}
#popupCatalogRequest .popupAddEmailing ::-moz-placeholder,
#productQuestion .popupAddEmailing ::-moz-placeholder,
.popupForm .popupAddEmailing ::-moz-placeholder {
  color: #FFFFFF;
}
#popupCatalogRequest .popupAddEmailing :-ms-input-placeholder,
#productQuestion .popupAddEmailing :-ms-input-placeholder,
.popupForm .popupAddEmailing :-ms-input-placeholder {
  color: #FFFFFF;
}
#popupCatalogRequest .popupAddEmailing .addEmailing,
#productQuestion .popupAddEmailing .addEmailing,
.popupForm .popupAddEmailing .addEmailing {
  padding: 30px;
  margin-bottom: 0;
}
#popupCatalogRequest .popupAddEmailing .closePopup,
#productQuestion .popupAddEmailing .closePopup,
.popupForm .popupAddEmailing .closePopup {
  right: 20px;
  top: 20px;
}
#popupCatalogRequest .popupAddEmailing .current-text20,
#productQuestion .popupAddEmailing .current-text20,
.popupForm .popupAddEmailing .current-text20 {
  padding: 30px 10px;
}
#popupCatalogRequest .popupAddEmailing p.form,
#productQuestion .popupAddEmailing p.form,
.popupForm .popupAddEmailing p.form {
  text-align: left;
}
#popupCatalogRequest .popupAddEmailing label,
#productQuestion .popupAddEmailing label,
.popupForm .popupAddEmailing label {
  font-size: 18px;
  text-align: left;
}
#popupCatalogRequest .popupAddEmailing input[type=submit],
#productQuestion .popupAddEmailing input[type=submit],
.popupForm .popupAddEmailing input[type=submit] {
  display: inline-block;
  margin: 20px 0 10px 0;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
}
#popupCatalogRequest .popupAddEmailing .rounded,
#productQuestion .popupAddEmailing .rounded,
.popupForm .popupAddEmailing .rounded {
  width: 235px;
}
#popupCatalogRequest .popupAddEmailing .rounded label span.title-small-pnreg,
#productQuestion .popupAddEmailing .rounded label span.title-small-pnreg,
.popupForm .popupAddEmailing .rounded label span.title-small-pnreg {
  display: block;
  width: 235px;
  margin-top: -5px;
}
#popupCatalogRequest .popupAddEmailing .radio,
#productQuestion .popupAddEmailing .radio,
.popupForm .popupAddEmailing .radio {
  padding-right: 5px;
}
.popupQuickship .textContent,
.popupBespokeReturn .textContent {
  padding: 50px;
}
.popupQuickship .btn,
.popupBespokeReturn .btn {
  display: inline-block;
}
.popupBespokeReturn {
  margin-left: auto;
  margin-right: auto;
  float: none;
  position: relative;
  top: 80px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
}
.popupRestrictBrowser .restrictBrowserContent {
  width: 600px;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -125px;
  background: #FFFFFF;
  padding: 30px;
}
.popupRestrictBrowser .restrictBrowserContent .closePopup {
  z-index: 1;
  top: 20px;
  right: 20px;
}
.popupRestrictBrowser .textContent {
  padding: 30px 0 15px;
}
.popupStarProduct .btn {
  display: inline-block;
  margin: 15px 0;
}
/* XS */
@media (max-width: 767px) {
  .closePopup {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
  }
  .wrapPopup {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .wrapPopup.wrapLocation {
    position: absolute;
    height: auto;
  }
  .wrapPopup.wrapLocation .popupLocation {
    height: auto;
  }
  #popupAddEmailing .popupAddEmailing {
    width: 100%;
    height: 100%;
    top: 0;
    box-shadow: none;
  }
  .wrapPopup.wrapNewsletter {
    position: fixed;
    height: 100%;
    background: #FFFFFF;
  }
  #popupLocation .popupLocation .tabsBtn {
    padding-right: 20px!important;
    padding-left: 20px;
    font-size: 90%;
  }
  #popupLocation .popupLocation .tabs.active .col {
    float: none!important;
    max-height: 800px!important;
    width: 100%!important;
  }
  #popupSearch .popupSearch {
    margin-top: 50px;
    padding: 10px 5%;
  }
  #popupSearch .popupSearch input[type=text].inputSearch {
    font-size: 20px;
    height: 40px;
    padding-right: 40px;
  }
  #popupSearch .popupSearch ::-webkit-input-placeholder {
    font-size: 20px;
  }
  #popupSearch .popupSearch :-moz-placeholder {
    font-size: 20px;
  }
  #popupSearch .popupSearch ::-moz-placeholder {
    font-size: 20px;
  }
  #popupSearch .popupSearch :-ms-input-placeholder {
    font-size: 20px;
  }
  ul.popupList > li.product {
    height: 120px;
  }
  ul.popupList > li.product a {
    height: 120px;
  }
  ul.popupList > li.product a > .visual {
    height: 120px;
    line-height: 120px;
  }
  /*popup share*/
  .wrapPopup.wrapShareProduct div.popupShareProduct a.link,
  .wrapPopup.wrapShareInspiration div.popupShareProduct a.link,
  .wrapPopup.wrapShareProduct div.popupShareInspiration a.link,
  .wrapPopup.wrapShareInspiration div.popupShareInspiration a.link {
    font-size: 20px;
  }
  /*popup reinsurance*/
  .wrapPopup.wrapReinsurance {
    position: fixed;
    top: -70px;
    height: auto;
    max-height: 490px;
    overflow-y: scroll;
    padding-bottom: 10px;
  }
  .wrapPopup.wrapReinsurance .popupSearch {
    height: auto;
  }
  #popupShipping .popupTitle,
  #popupTax .popupTitle {
    font-size: 18px;
  }
  #popupShipping input[type=text],
  #popupTax input[type=text] {
    font-size: 14px;
    font-style: italic;
  }
  #popupShipping .btn.grey-plain,
  #popupTax .btn.grey-plain {
    background: #5bd18b;
  }
  #popupShipping .popupShipping,
  #popupTax .popupShipping,
  #popupShipping .popupTax,
  #popupTax .popupTax {
    padding: 20px 0;
    top: 40px;
  }
  #popupShipping .popupShipping .row,
  #popupTax .popupShipping .row,
  #popupShipping .popupTax .row,
  #popupTax .popupTax .row {
    margin-right: -5px;
    margin-left: -6px;
  }
  #popupShipping .popupShipping ul.product-list,
  #popupTax .popupShipping ul.product-list,
  #popupShipping .popupTax ul.product-list,
  #popupTax .popupTax ul.product-list {
    background: url("images/cart/bgShadowCart.jpg") no-repeat center bottom;
    height: auto;
  }
  #popupShipping .popupShipping ul.product-list .product-line,
  #popupTax .popupShipping ul.product-list .product-line,
  #popupShipping .popupTax ul.product-list .product-line,
  #popupTax .popupTax ul.product-list .product-line {
    border-bottom: none;
  }
  #popupShipping .popupShipping ul.product-list .product-line .title-collection-pnbold,
  #popupTax .popupShipping ul.product-list .product-line .title-collection-pnbold,
  #popupShipping .popupTax ul.product-list .product-line .title-collection-pnbold,
  #popupTax .popupTax ul.product-list .product-line .title-collection-pnbold {
    float: left;
  }
  #popupShipping .popupShipping ul.product-list .product-line .rounded,
  #popupTax .popupShipping ul.product-list .product-line .rounded,
  #popupShipping .popupTax ul.product-list .product-line .rounded,
  #popupTax .popupTax ul.product-list .product-line .rounded {
    width: 100%;
    min-width: 200px;
    float: left;
  }
  #popupShipping .popupShipping ul.product-list .product-line .rounded input[type=radio],
  #popupTax .popupShipping ul.product-list .product-line .rounded input[type=radio],
  #popupShipping .popupTax ul.product-list .product-line .rounded input[type=radio],
  #popupTax .popupTax ul.product-list .product-line .rounded input[type=radio] {
    float: left;
  }
  #popupShipping .popupShipping ul.product-list .product-line .rounded span.text-label,
  #popupTax .popupShipping ul.product-list .product-line .rounded span.text-label,
  #popupShipping .popupTax ul.product-list .product-line .rounded span.text-label,
  #popupTax .popupTax ul.product-list .product-line .rounded span.text-label {
    width: 200px;
    text-align: left;
  }
  #popupShipping .popupShipping .process,
  #popupTax .popupShipping .process,
  #popupShipping .popupTax .process,
  #popupTax .popupTax .process {
    margin: 0;
  }
  #popupShipping .popupShipping .process input[type=submit],
  #popupTax .popupShipping .process input[type=submit],
  #popupShipping .popupTax .process input[type=submit],
  #popupTax .popupTax .process input[type=submit] {
    width: 100%;
  }
  #popupShipping .popupShipping .process a.title-read-pnreg,
  #popupTax .popupShipping .process a.title-read-pnreg,
  #popupShipping .popupTax .process a.title-read-pnreg,
  #popupTax .popupTax .process a.title-read-pnreg {
    display: block;
    margin: 10px auto;
  }
  #popupHelp .popupHelp .blocHelp {
    width: 80%;
  }
  #popupCatalogRequest .popupAddEmailing,
  #productQuestion,
  .popupForm {
    position: absolute;
    top: 0;
  }
  #popupCatalogRequest .popupAddEmailing ::-webkit-input-placeholder,
  #productQuestion ::-webkit-input-placeholder,
  .popupForm ::-webkit-input-placeholder {
    color: #3b3b3b;
  }
  #popupCatalogRequest .popupAddEmailing :-moz-placeholder,
  #productQuestion :-moz-placeholder,
  .popupForm :-moz-placeholder {
    color: #3b3b3b;
  }
  #popupCatalogRequest .popupAddEmailing ::-moz-placeholder,
  #productQuestion ::-moz-placeholder,
  .popupForm ::-moz-placeholder {
    color: #3b3b3b;
  }
  #popupCatalogRequest .popupAddEmailing :-ms-input-placeholder,
  #productQuestion :-ms-input-placeholder,
  .popupForm :-ms-input-placeholder {
    color: #3b3b3b;
  }
  #popupCatalogRequest .popupAddEmailing .formCatalog .radio,
  #productQuestion .formCatalog .radio,
  .popupForm .formCatalog .radio {
    margin: 3px 0 3px 0;
  }
  #popupCatalogRequest .popupAddEmailing input[type=submit],
  #productQuestion input[type=submit],
  .popupForm input[type=submit] {
    margin-top: 10px;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  #popupSearch .popupSearch input[type=text].inputSearch {
    font-size: 45px;
  }
  #popupSearch .popupSearch ::-webkit-input-placeholder {
    font-size: 45px;
  }
  #popupSearch .popupSearch :-moz-placeholder {
    font-size: 45px;
  }
  #popupSearch .popupSearch ::-moz-placeholder {
    font-size: 45px;
  }
  #popupSearch .popupSearch :-ms-input-placeholder {
    font-size: 45px;
  }
  /*popup share*/
  .wrapPopup.wrapShareProduct div.popupShareProduct a.link,
  .wrapPopup.wrapShareInspiration div.popupShareProduct a.link,
  .wrapPopup.wrapShareProduct div.popupShareInspiration a.link,
  .wrapPopup.wrapShareInspiration div.popupShareInspiration a.link {
    font-size: 20px;
  }
  #popupHelp .popupHelp {
    -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  }
  #popupHelp .popupHelp .row.popHelp .title-small-pnbold {
    font-size: 18px;
  }
  #popupHelp .popupHelp .blocHelp {
    width: 40%;
    margin-left: 8%;
  }
  #popupAddEmailing .popupAddEmailing input[type=submit] {
    width: 130px;
  }
  #popupReinsurance .popupReinsurance .blocReinsurance div.titleReinsurance {
    font-size: 16px;
  }
  #popupReinsurance .popupReinsurance .blocReinsurance div.reiDetail {
    font-size: 18px;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  #popupSearch .popupSearch input[type=text].inputSearch {
    font-size: 45px;
  }
  #popupSearch .popupSearch ::-webkit-input-placeholder {
    font-size: 45px;
  }
  #popupSearch .popupSearch :-moz-placeholder {
    font-size: 45px;
  }
  #popupSearch .popupSearch ::-moz-placeholder {
    font-size: 45px;
  }
  #popupSearch .popupSearch :-ms-input-placeholder {
    font-size: 45px;
  }
  /*popup share*/
  .wrapPopup.wrapShareProduct div.popupShareProduct a.link,
  .wrapPopup.wrapShareInspiration div.popupShareProduct a.link,
  .wrapPopup.wrapShareProduct div.popupShareInspiration a.link,
  .wrapPopup.wrapShareInspiration div.popupShareInspiration a.link {
    font-size: 24px;
  }
  #popupHelp .popupHelp {
    -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  }
  #popupHelp .popupHelp .row.popHelp .title-small-pnbold {
    font-size: 20px;
  }
  #popupHelp .popupHelp .blocHelp {
    width: 40%;
    margin-left: 8%;
  }
  #popupAddEmailing .popupAddEmailing input[type=submit] {
    width: 130px;
  }
  #popupReinsurance .popupReinsurance .blocReinsurance div.titleReinsurance {
    font-size: 16px;
  }
  #popupReinsurance .popupReinsurance .blocReinsurance div.reiDetail {
    font-size: 18px;
  }
}
/* LG */
@media (min-width: 1280px) and (max-width: 1919px) {
  #popupSearch .popupSearch input[type=text].inputSearch {
    font-size: 55px;
  }
  #popupSearch .popupSearch ::-webkit-input-placeholder {
    font-size: 55px;
  }
  #popupSearch .popupSearch :-moz-placeholder {
    font-size: 55px;
  }
  #popupSearch .popupSearch ::-moz-placeholder {
    font-size: 55px;
  }
  #popupSearch .popupSearch :-ms-input-placeholder {
    font-size: 55px;
  }
  /*popup share*/
  .wrapPopup.wrapShareProduct div.popupShareProduct a.link,
  .wrapPopup.wrapShareInspiration div.popupShareProduct a.link,
  .wrapPopup.wrapShareProduct div.popupShareInspiration a.link,
  .wrapPopup.wrapShareInspiration div.popupShareInspiration a.link {
    font-size: 24px;
  }
  #popupHelp .popupHelp {
    -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  }
  #popupHelp .popupHelp .row.popHelp .title-small-pnbold {
    font-size: 20px;
  }
  #popupHelp .popupHelp .blocHelp {
    width: 40%;
    margin-left: 8%;
  }
  #popupAddEmailing .popupAddEmailing input[type=submit] {
    width: 130px;
  }
  #popupReinsurance .popupReinsurance .blocReinsurance div.reiDetail {
    font-size: 18px;
  }
}
@media (min-width: 1410px) and (max-width: 1565px) {
  #popupHelp .popupHelp .blocHelp .current-text20 {
    height: 68px;
  }
}
/* XL */
@media (min-width: 1920px) {
  #popupAddEmailing .popupAddEmailing input[type=submit] {
    width: 130px;
  }
}
#popupDemandeCatalog.wrapPopup.wrapNewsletter,
#popupHome.wrapPopup.wrapNewsletter {
  height: 100%;
  overflow-y: scroll;
}
#popupDemandeCatalog .popupAddEmailing,
#popupHome .popupAddEmailing {
  margin-left: auto;
  margin-right: auto;
  float: none;
  position: relative;
  top: 80px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.2);
  padding: 50px;
}
#popupDemandeCatalog .image img,
#popupHome .image img {
  height: auto;
  width: 100%;
}
#popupDemandeCatalog .text,
#popupHome .text {
  margin-top: 50px;
}
#popupDemandeCatalog .closePopup,
#popupHome .closePopup {
  top: 20px;
  right: 20px;
}
/**
/* CSS HOME
**/
/* GENERIQUE */
#home .hero {
  background-color: #FFFFFF;
}
#home .hero .hero-home > img {
  width: 100%;
}
#home .hero .carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
#home .hero .carousel-fade .carousel-inner .item,
#home .hero .carousel-fade .carousel-inner .active.left,
#home .hero .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
#home .hero .carousel-fade .carousel-inner .active,
#home .hero .carousel-fade .carousel-inner .next.left,
#home .hero .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  transition: 2s;
}
#home .hero .carousel-fade .carousel-inner .next,
#home .hero .carousel-fade .carousel-inner .prev,
#home .hero .carousel-fade .carousel-inner .active.left,
#home .hero .carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
#home .hero .carousel-fade .carousel-control {
  z-index: 2;
}
#home .box,
#home .box2,
#home .box3,
#home .box-4,
#home .boxdesigner {
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
#home .box:hover > a:last-child,
#home .box2:hover > a:last-child {
  text-decoration: underline;
}
#home .boxdesigner {
  text-align: left;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
#home .boxdesigner > h2 {
  width: 100%;
  padding-left: 28px;
  margin-top: 20px;
}
#home .boxdesigner > a.title-read-pnreg {
  padding-left: 28px;
}
#home .boxdesigner .designers-slider-home.slick-slider {
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#home .boxdesigner .designers-slider-home.slick-slider.noFilter {
  mix-blend-mode: normal;
  -moz-mix-blend-mode: normal;
}
#home .boxdesigner .slick-prev {
  top: -20px;
  right: 200px;
  left: auto;
}
#home .boxdesigner .slick-next {
  top: -20px;
  right: 100px;
  left: auto;
}
#home .box,
#home .box2,
#home .box3,
#home .box-4 {
  background-color: #FFFFFF;
}
#home .box > a > div.box-text,
#home .box > div.box-text,
#home .box2 > a > div.box-text,
#home .box2 > div.box-text,
#home .box3 > a > div.box-text,
#home .box3 > div.box-text {
  position: absolute;
  z-index: 4;
  width: 100%;
  padding: 0 5%;
  display: inline-block;
  left: 0;
}
#home .box > a > div.box-text .title-huge-pnbold,
#home .box > div.box-text .title-huge-pnbold,
#home .box2 > a > div.box-text .title-huge-pnbold,
#home .box2 > div.box-text .title-huge-pnbold,
#home .box3 > a > div.box-text .title-huge-pnbold,
#home .box3 > div.box-text .title-huge-pnbold {
  display: block;
  line-height: 120%;
  margin: 0;
}
#home .box > a > div.box-text .current-text,
#home .box > div.box-text .current-text,
#home .box2 > a > div.box-text .current-text,
#home .box2 > div.box-text .current-text,
#home .box3 > a > div.box-text .current-text,
#home .box3 > div.box-text .current-text {
  /*width: 70%;*/
  padding: 0 5%;
}
#home .box > a > a.title-read-pnreg,
#home .box > a.title-read-pnreg,
#home .box2 > a > a.title-read-pnreg,
#home .box2 > a.title-read-pnreg,
#home .box3 > a > a.title-read-pnreg,
#home .box3 > a.title-read-pnreg {
  position: absolute;
  display: block;
  width: 100%;
  z-index: 3;
}
#home .box > a > a.title-read-pnreg:hover,
#home .box > a.title-read-pnreg:hover,
#home .box2 > a > a.title-read-pnreg:hover,
#home .box2 > a.title-read-pnreg:hover,
#home .box3 > a > a.title-read-pnreg:hover,
#home .box3 > a.title-read-pnreg:hover {
  color: #FFFFFF;
}
#home .box > a .input-group.location,
#home .box .input-group.location,
#home .box2 > a .input-group.location,
#home .box2 .input-group.location,
#home .box3 > a .input-group.location,
#home .box3 .input-group.location {
  position: relative;
  z-index: 3;
  margin-top: 7%;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
#home .box > a .input-group.location input[type=text],
#home .box .input-group.location input[type=text],
#home .box2 > a .input-group.location input[type=text],
#home .box2 .input-group.location input[type=text],
#home .box3 > a .input-group.location input[type=text],
#home .box3 .input-group.location input[type=text] {
  border-radius: 3px;
  padding-left: 15px;
  width: 100%;
  background: #FFFFFF;
  height: 50px;
  line-height: 50px;
  color: #3c3c3c;
  font-family: 'proxima-nova';
  font-size: 16px;
}
#home .box > a .input-group.location input[type=submit].submit-arrow,
#home .box .input-group.location input[type=submit].submit-arrow,
#home .box2 > a .input-group.location input[type=submit].submit-arrow,
#home .box2 .input-group.location input[type=submit].submit-arrow,
#home .box3 > a .input-group.location input[type=submit].submit-arrow,
#home .box3 .input-group.location input[type=submit].submit-arrow {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 4;
}
#home .box > a > div.box-text .title-huge-pnbold {
  margin-bottom: 10px;
}
#home .boxdesigner h2.title-medium-pnbold {
  display: inline-block;
}
#home .boxdesigner a.designer-link {
  position: relative;
  display: block;
  height: 95%;
  width: 100%;
  padding-top: 10px;
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#home .boxdesigner a.designer-link > img {
  width: 56%;
  height: auto;
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#home .boxdesigner a.designer-link .caption {
  width: 38%;
  left: 58%;
  top: 23%;
  text-align: left;
  position: absolute;
  z-index: 999999;
}
#home .boxdesigner a.designer-link .caption span.current-text {
  padding-top: 5%;
  display: block;
}
#home .ligneroset .box .box-text > img {
  width: 73%;
  margin: 0 auto 30px;
}
#home .ligneroset .box .box-text .current-text {
  line-height: 120%;
}
#home .box4 {
  overflow: hidden;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
#home .box4 h4 {
  display: inline-block;
}
#home .box4 .quickship-bg {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 50%;
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#home .box4 .quickship-infos {
  max-width: 280px;
  position: relative;
  z-index: 3;
}
#home .box4 .quickship-infos span.valign {
  width: 1%;
}
#home .box4 .quickship-infos div.valign-item {
  width: 97%;
}
#home .box4 .quickship-infos .current-text {
  line-height: 105%;
  margin: 20px auto 30px;
}
#home .box4 .quickship-bg.side-left {
  background-position: left center;
}
#home .box4 .quickship-bg.side-left .quickship-infos {
  margin-left: 66.66666667%;
}
#home .box4 .quickship-bg.side-right {
  background-position: right center;
}
#home .box4 .quickship-bg.side-right .quickship-infos {
  margin-left: 16.66666667%;
}
#home .boxinspiration {
  padding: 0px 2% 1% 2%;
  position: relative;
  margin-top: 30px;
  /*img{
        mix-blend-mode: multiply;
        -moz-mix-blend-mode: multiply;
      }*/
}
#home .boxinspiration > h2 {
  text-align: left;
  display: block;
  margin-bottom: 5px;
  margin-left: 13px;
  padding-top: 5px;
}
#home .boxinspiration a.title-read-pnreg {
  position: relative;
  z-index: 3;
  text-align: left;
  top: 0;
  display: block;
  margin-bottom: 10px;
  margin-left: 13px;
}
#home .boxinspiration a.title-read-pnreg:hover {
  color: #3c3c3c;
}
#home .boxinspiration .col-sm-3 {
  padding: 8px 17px;
  margin-bottom: 25px;
}
#home .boxinspiration .imgInspiration {
  height: 120px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
}
#home .boxinspiration .imgInspiration img {
  position: absolute;
  margin: 0 auto;
  top: -100%;
  bottom: 0;
  left: -100%;
  right: 0;
  padding: 0px;
  width: 313px;
  height: auto;
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#home .boxinspiration > div.social {
  position: absolute;
  top: 0;
  right: 4%;
}
#home .boxinspiration > div.social .pinterest {
  background: url("images/icons/inspiPinterest.svg") no-repeat center center;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  display: block;
  margin-right: 20px;
}
#home .boxinspiration > div.social .instagram {
  background: url("images/icons/inspiInstagram.svg") no-repeat center center;
  background-size: 34px 35px;
  width: 34px;
  height: 35px;
  display: block;
}
#home .boxcatalog {
  position: relative;
  margin-top: 30px;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  text-align: center;
}
#home .boxcatalog .bgCatalog {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-size: 100% auto, 100% 100%;
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#home .boxcatalog > h2 {
  position: relative;
  display: block;
  z-index: 1;
  padding-left: 4%;
  text-align: left;
  width: 80%;
  padding-top: 5px;
}
#home .boxcatalog .btnContainer {
  position: absolute;
  width: 100%;
  bottom: 50px;
  display: inline-block;
  z-index: 3;
  text-align: center;
  left: 0;
}
#home .boxcatalog .btnContainer > a {
  position: relative;
  display: inline-block;
  z-index: 2;
  width: 35%;
  text-align: center;
}
/* XS */
@media (min-width: 475px) and (max-width: 767px) {
  #home .big-slider-home li.slick-slide img {
    left: -24% !important;
  }
}
@media (max-width: 767px) {
  /* HOME */
  #home .row {
    margin-bottom: 0;
  }
  #home .collection {
    margin-bottom: -22px;
  }
  #home .box,
  #home .box2,
  #home .box3,
  #home .box-4 {
    margin-bottom: 20px;
  }
  #home .box,
  #home .box2 {
    height: 180px;
  }
  #home .box > a,
  #home .box2 > a {
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 100%;
  }
  #home .box > a > div.box-text,
  #home .box2 > a > div.box-text {
    display: table-cell !important;
    vertical-align: middle;
    position: relative;
    width: 100%;
  }
  #home .box > a > div.box-text .title-huge-pnbold,
  #home .box2 > a > div.box-text .title-huge-pnbold {
    display: inline-block;
  }
  #home .box > div.box-text,
  #home .box > a > div.box-text {
    top: 10%;
  }
  #home .ligneroset .box.bloc1 > a > div.box-text {
    top: 42%;
  }
  #home .box.bloc2 > a > div.box-text {
    top: 25%;
  }
  #home .box3 {
    height: 603px;
  }
  #home .box4 {
    height: 320px;
  }
  #home .box4 .quickship-bg.side-left,
  #home .box4 .quickship-bg.side-right {
    background-position: center bottom;
    background-size: 100%;
  }
  #home .box4 .quickship-bg.side-left span.valign,
  #home .box4 .quickship-bg.side-right span.valign {
    display: none;
  }
  #home .box4 .quickship-bg.side-left .quickship-infos,
  #home .box4 .quickship-bg.side-right .quickship-infos {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 20px;
  }
  #home .boxdesigner {
    margin-bottom: 20px;
  }
  #home .boxdesigner .designers-slider-home .slick-slide {
    height: 260px;
    padding-top: 20px;
  }
  #home .boxdesigner a.designer-link > img {
    width: auto;
    max-height: 150px;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 75px;
  }
  #home .boxdesigner a.designer-link .caption {
    width: 100%;
    left: 0;
    top: 160px;
    text-align: center;
    position: absolute;
    z-index: 999999;
    display: block;
  }
  #home .boxdesigner a.designer-link .caption div.left {
    float: none;
  }
  #home .boxdesigner > .title-medium-pnbold {
    padding-left: 10px;
  }
  #home .boxdesigner .slick-prev {
    top: -10px;
    right: 65px;
  }
  #home .boxdesigner .slick-next {
    top: -10px;
    right: 15px;
  }
  #home .boxdesigner .slick-prev::before,
  #home .boxdesigner .slick-next::before {
    background-size: 75%;
  }
  #home .box .input-group.location {
    width: 100%;
    margin-top: -10px;
    /*margin-left: -10%;*/
    /* firefox 19+ */
    /* ie */
  }
  #home .box .input-group.location ::-webkit-input-placeholder {
    font-size: 14px;
  }
  #home .box .input-group.location ::-moz-placeholder {
    font-size: 14px;
  }
  #home .box .input-group.location :-ms-input-placeholder {
    font-size: 14px;
  }
  #home .box .input-group.location input:-moz-placeholder {
    font-size: 14px;
  }
  #home .box .input-group.location input[type=text] {
    height: 40px;
    line-height: 40px;
  }
  #home .box .input-group.location input[type=submit].submit-arrow {
    top: 0;
  }
  #home .boxinspiration {
    display: none;
  }
  #home .big-slider-home {
    margin-bottom: 20px;
  }
  #home .big-slider-home li.slick-slide {
    height: 400px;
  }
  #home .big-slider-home li.slick-slide img {
    height: 400px;
    max-width: 956px;
    width: 956px;
    position: absolute;
    left: -50%;
  }
  #home .big-slider-home .slick-dots {
    display: none;
  }
}
@media (max-width: 424px) {
  #home .big-slider-home li.slick-slide img {
    left: -60%;
  }
}
@media (max-width: 375px) {
  #home .big-slider-home li.slick-slide img {
    left: -80%;
  }
}
@media (max-width: 320px) {
  #home .big-slider-home li.slick-slide img {
    left: -100%;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  /* HOME */
  #home .box {
    height: 240px;
    background-size: 140%;
  }
  #home .box > div.box-text {
    top: 10%;
    padding: 0 10%;
  }
  #home .box .title-huge-pnbold {
    padding-bottom: 20px;
  }
  #home .box > a.title-read-pnreg {
    bottom: 8%;
  }
  #home .box .input-group.location {
    font-size: 80%;
    width: 95%;
  }
  #home .box .input-group.location input[type=text] {
    font-size: 13px;
    /* firefox 19+ */
    /* ie */
  }
  #home .box .input-group.location input[type=text] ::-webkit-input-placeholder {
    font-size: 13px;
  }
  #home .box .input-group.location input[type=text] ::-moz-placeholder {
    font-size: 13px;
  }
  #home .box .input-group.location input[type=text] :-ms-input-placeholder {
    font-size: 13px;
  }
  #home .box .input-group.location input[type=text] input:-moz-placeholder {
    font-size: 13px;
  }
  #home .box > a > div.box-text {
    top: 10%;
    padding: 0 10%;
  }
  #home .box:hover a.title-read-pnreg {
    text-decoration: underline!important;
  }
  #home .box2 {
    height: 180px;
    background-size: 140%;
  }
  #home .box2 .title-huge-pnbold {
    margin: 0;
  }
  #home .box2 > a.title-read-pnreg {
    bottom: 10%;
  }
  #home .box2 > a > div.box-text {
    top: 15%;
  }
  #home .box2 > a > div.box-text .title-huge-pnbold {
    font-size: 22px;
  }
  #home .box3 {
    height: 275px;
  }
  #home .box4 {
    height: 200px;
  }
  #home .box4 .quickship-bg.side-right .quickship-infos {
    margin-left: 0;
    max-width: 50%;
    padding: 0 30px;
  }
  #home .box4 .quickship-bg.side-left .quickship-infos {
    margin-left: 49%;
    max-width: 50%;
    padding: 0 30px;
  }
  #home .boxdesigner .slick-prev {
    right: 100px;
  }
  #home .boxdesigner .slick-next {
    right: 25px;
  }
  #home .boxinspiration .thumbs-inspiration .col-sm-3 {
    padding: 2px 13px;
  }
  #home .boxinspiration > div.social .pinterest {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
  }
  #home .boxinspiration > div.social .instagram {
    background-size: 29px 30px;
    width: 29px;
    height: 30px;
  }
  #home .boxinspiration .imgInspiration {
    height: 78px;
  }
  #home .boxcatalog .btnContainer {
    bottom: 25px;
  }
  #home .boxcatalog .btnContainer > a {
    width: 45%;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  /* HOME */
  #home .box {
    height: 269px;
  }
  #home .box > div.box-text {
    top: 25%;
  }
  #home .box > a.title-read-pnreg {
    bottom: 18%;
  }
  #home .box .input-group.location input[type=text] {
    font-size: 13px;
    /* firefox 19+ */
    /* ie */
  }
  #home .box .input-group.location input[type=text] ::-webkit-input-placeholder {
    font-size: 13px;
  }
  #home .box .input-group.location input[type=text] ::-moz-placeholder {
    font-size: 13px;
  }
  #home .box .input-group.location input[type=text] :-ms-input-placeholder {
    font-size: 13px;
  }
  #home .box .input-group.location input[type=text] input:-moz-placeholder {
    font-size: 13px;
  }
  #home .box > a > div.box-text {
    top: 25%;
  }
  #home .box2 {
    height: 176px;
  }
  #home .box2 > a.title-read-pnreg {
    bottom: 14%;
  }
  #home .box2 > a > div.box-text {
    top: 17%;
    padding: 0 10%;
  }
  #home .box3 {
    height: 365px;
  }
  #home .box4 {
    height: 273px;
  }
  #home .boxdesigner .slick-prev {
    top: -25px;
    right: 130px;
  }
  #home .boxdesigner .slick-next {
    top: -25px;
    right: 50px;
  }
  #home .boxcatalog > a {
    margin-top: 73%;
  }
  #home .boxinspiration .col-sm-3 {
    padding: 5px 14px;
  }
  #home .boxinspiration .imgInspiration img {
    top: -66%;
  }
  #home .boxinspiration > div.social .instagram {
    background-size: 29px 30px;
    width: 29px;
    height: 30px;
  }
  #home .boxinspiration > div.social .pinterest {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
  }
}
/* LG */
@media (min-width: 1280px) and (max-width: 1919px) {
  /* HOME */
  #home .box {
    height: 340px;
  }
  #home .box > div.box-text {
    top: 25%;
  }
  #home .box > a.title-read-pnreg {
    bottom: 18%;
  }
  #home .box .input-group.location {
    margin-top: 7%;
    width: 80%;
  }
  #home .box > a > div.box-text {
    top: 20%;
  }
  #home .box2 {
    height: 223px;
  }
  #home .box2 > a.title-read-pnreg {
    bottom: 16%;
  }
  #home .box2 > a > div.box-text {
    top: 17%;
  }
  #home .box2 > a > div.box-text .title-huge-pnbold {
    letter-spacing: 4px;
    font-size: 37px;
  }
  #home .box3 {
    height: 445px;
  }
  #home .box4 {
    height: 345px;
  }
  #home .boxinspiration .imgInspiration {
    height: 150px;
  }
  #home .boxinspiration .imgInspiration img {
    width: 496px;
    height: 442px;
  }
}
/* XL */
@media (min-width: 1920px) {
  /* HOME */
  #home .box {
    height: 512px;
  }
  #home .box > div.box-text {
    top: 25%;
  }
  #home .box > a.title-read-pnreg {
    bottom: 18%;
  }
  #home .box > a > div.box-text {
    top: 26%;
  }
  #home .box2 {
    height: 336px;
  }
  #home .box2 > a.title-read-pnreg {
    bottom: 23%;
  }
  #home .box2 > a > div.box-text {
    top: 17%;
  }
  #home .box2 > a > div.box-text .title-huge-pnbold {
    font-size: 55px;
  }
  #home .box3 {
    height: 620px;
    margin-top: 20px;
  }
  #home .box4 {
    height: 400px;
    margin-bottom: 40px;
  }
  #home .box4 .quickship-infos {
    max-width: 700px;
  }
  #home .box4 .quickship-bg.side-left .quickship-infos {
    margin-left: 55%;
  }
  #home .box4 .quickship-bg.side-right .quickship-infos {
    margin-left: 5%;
  }
  #home .boxdesigner {
    height: 477px;
  }
  #home .boxinspiration > div.social {
    right: 3.5%;
  }
  #home .boxinspiration .imgInspiration {
    height: 230px;
  }
  #home .boxinspiration .imgInspiration img {
    width: 600px;
    top: -66%;
  }
}
/*====================================  HERO =======================================*/
/* GENERIQUE */
#hero {
  /*-------------------------- ANIMATION VISUEL PRODUIT HAUT DE PAGE -------------------------------*/
  /*-------------------------- PARTIE TEXTE + DESIGNER -------------------------------*/
  /*-------------------------- MOSAIC -------------------------------*/
  /*-------------------------- VIDEO -------------------------------*/
  /*-------------------------- BLOC TECH CONFIG -------------------------------*/
  /*------- visuel large + infos shop --------*/
}
#hero .row#overview {
  margin-bottom: 0;
}
#hero .animation {
  position: relative;
  overflow: hidden;
  animation-delay: 2s;
  animation-name: heroAnimBg;
  animation-iteration-count: 1;
  animation-play-state: running;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  -moz-animation-delay: 2s;
  -moz-animation-name: heroAnimBg;
  -moz-animation-iteration-count: 1;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forwards;
  -moz-animation-duration: 1s;
  -webkit-animation-delay: 2s;
  -webkit-animation-name: heroAnimBg;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
}
@keyframes heroAnimBg {
  0% {
    background: rgba(245, 245, 245, 0);
    background: -moz-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 76%, rgba(245, 245, 245, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 245, 245, 0)), color-stop(76%, rgba(245, 245, 245, 0)), color-stop(100%, rgba(245, 245, 245, 0)));
    background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 76%, rgba(245, 245, 245, 0) 100%);
    background: -o-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 76%, rgba(245, 245, 245, 0) 100%);
    background: -ms-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 76%, rgba(245, 245, 245, 0) 100%);
    background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 76%, rgba(245, 245, 245, 0) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  }
  25% {
    background: rgba(245, 245, 245, 0.25);
    background: -moz-linear-gradient(left, rgba(245, 245, 245, 0.25) 0%, rgba(245, 245, 245, 0.05) 76%, rgba(245, 245, 245, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 245, 245, 0.25)), color-stop(76%, rgba(245, 245, 245, 0.05)), color-stop(100%, rgba(245, 245, 245, 0)));
    background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0.25) 0%, rgba(245, 245, 245, 0.05) 76%, rgba(245, 245, 245, 0) 100%);
    background: -o-linear-gradient(left, rgba(245, 245, 245, 0.25) 0%, rgba(245, 245, 245, 0.05) 76%, rgba(245, 245, 245, 0) 100%);
    background: -ms-linear-gradient(left, rgba(245, 245, 245, 0.25) 0%, rgba(245, 245, 245, 0.05) 76%, rgba(245, 245, 245, 0) 100%);
    background: linear-gradient(to right, rgba(245, 245, 245, 0.25) 0%, rgba(245, 245, 245, 0.05) 76%, rgba(245, 245, 245, 0) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  }
  50% {
    background: rgba(245, 245, 245, 0.5);
    background: -moz-linear-gradient(left, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0.1) 76%, rgba(245, 245, 245, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 245, 245, 0.5)), color-stop(76%, rgba(245, 245, 245, 0.1)), color-stop(100%, rgba(245, 245, 245, 0)));
    background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0.1) 76%, rgba(245, 245, 245, 0) 100%);
    background: -o-linear-gradient(left, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0.1) 76%, rgba(245, 245, 245, 0) 100%);
    background: -ms-linear-gradient(left, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0.1) 76%, rgba(245, 245, 245, 0) 100%);
    background: linear-gradient(to right, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0.1) 76%, rgba(245, 245, 245, 0) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  }
  75% {
    background: rgba(245, 245, 245, 0.75);
    background: -moz-linear-gradient(left, rgba(245, 245, 245, 0.75) 0%, rgba(245, 245, 245, 0.18) 76%, rgba(245, 245, 245, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 245, 245, 0.75)), color-stop(76%, rgba(245, 245, 245, 0.18)), color-stop(100%, rgba(245, 245, 245, 0)));
    background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0.75) 0%, rgba(245, 245, 245, 0.18) 76%, rgba(245, 245, 245, 0) 100%);
    background: -o-linear-gradient(left, rgba(245, 245, 245, 0.75) 0%, rgba(245, 245, 245, 0.18) 76%, rgba(245, 245, 245, 0) 100%);
    background: -ms-linear-gradient(left, rgba(245, 245, 245, 0.75) 0%, rgba(245, 245, 245, 0.18) 76%, rgba(245, 245, 245, 0) 100%);
    background: linear-gradient(to right, rgba(245, 245, 245, 0.75) 0%, rgba(245, 245, 245, 0.18) 76%, rgba(245, 245, 245, 0) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  }
  100% {
    background: #f5f5f5;
    background: -moz-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #f5f5f5), color-stop(76%, rgba(245, 245, 245, 0.24)), color-stop(100%, rgba(245, 245, 245, 0)));
    background: -webkit-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
    background: -o-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
    background: -ms-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
    background: linear-gradient(to right, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=1 );*/
  }
}
#hero .animation div.img-anim-hero-container {
  position: absolute;
  width: 100%;
  top: 35%;
  text-align: center;
}
#hero .animation .img-anim-hero {
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
  width: 80%;
  height: auto;
  opacity: 0;
}
#hero .animation div.title-hero {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 160px;
  opacity: 0;
}
#hero .animation div.title-hero > h1.title-huge-pnthin {
  width: 100%;
  display: block;
  margin: 0;
}
#hero .animation div.title-hero .subtitle-huge-agreg a,
#hero .animation div.title-hero .subtitle-huge-agreg a:hover,
#hero .animation div.title-hero .subtitle-huge-agreg a:focus,
#hero .animation div.title-hero .subtitle-huge-agreg a:visited {
  color: #C3C3C3;
  text-decoration: none;
}
#hero .animation div.title-hero .btn {
  max-width: 260px;
  height: auto;
  white-space: initial;
  border-radius: 40px;
  margin-bottom: 15px;
}
#hero .hero-history {
  /*display: table;
    table-layout: fixed;*/
  opacity: 0;
  width: 100%;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
#hero .hero-history .litle-history {
  padding: 60px 5%;
  /*display: table-cell;*/
  display: inline-block;
}
#hero .hero-history .litle-history h2 {
  padding-bottom: 20%;
  display: block;
}
#hero .hero-history .litle-history div.scroll-pane {
  max-height: 20em;
  overflow-y: scroll;
}
#hero .hero-history .litle-history .current-text30 {
  line-height: normal;
}
#hero .hero-history .the-designers {
  display: table-cell;
  padding-top: 60px;
  background: #f5f5f5;
  overflow: hidden;
}
#hero .hero-history .the-designers h2 {
  display: block;
  margin: 20px 0;
}
#hero .hero-history .the-designers a,
#hero .hero-history .the-designers a:hover,
#hero .hero-history .the-designers a:focus,
#hero .hero-history .the-designers a:visited {
  text-decoration: none;
}
#hero .hero-history .the-designers img {
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
  width: auto;
}
#hero .gallery .box1 > a:hover,
#hero .gallery .box2 > a:hover,
#hero .gallery .box3 > a:hover {
  cursor: zoom-in;
}
#hero .gallery .box1 {
  width: 50%;
  height: auto;
}
#hero .gallery .boxGallery {
  padding: 0;
}
#hero .image > h2.title-medium-pnlight {
  display: block;
  width: 100%;
  margin-top: 150px;
}
#hero .video h2 {
  display: block;
  margin-bottom: 20px;
}
#hero .video .text-column {
  height: 330px;
}
#hero .video div.valign {
  width: 1%;
}
#hero .video div.valign-item {
  width: 97%;
}
#hero .config {
  overflow: hidden;
  margin-bottom: 20px;
  height: 830px;
}
#hero .config .side-list,
#hero .config .modeling,
#hero .config .side-infos {
  background-color: #888888;
  height: 100%;
}
#hero .config .sliderProductHero {
  height: 830px;
  padding: 0 9px;
  /*------- sidebar gauche liste des autres modeles --------*/
}
#hero .config .sliderProductHero .btn.grey-plain {
  color: #888888!important;
  background: #FFFFFF;
}
#hero .config .sliderProductHero .btn.grey-plain:hover,
#hero .config .sliderProductHero .btn.grey-plain.active {
  color: #FFFFFF!important;
  border-color: #FFFFFF;
  background: transparent;
}
#hero .config .sliderProductHero .btn.show-more {
  margin: 15px 0;
}
#hero .config .sliderProductHero div.slick-slide {
  height: 830px;
  background: #888888;
  /*------- zone tech specs et downloads --------*/
}
#hero .config .sliderProductHero div.slick-slide .row {
  height: 100%;
}
#hero .config .sliderProductHero div.slick-slide .modeling {
  text-align: center;
  background: url('images/hero/bg-config.jpg') repeat;
  height: 100%;
  /*------- visuel central --------*/
  /*------- infos en dessous de l'image centrale --------*/
}
#hero .config .sliderProductHero div.slick-slide .modeling .head {
  display: block;
  max-width: 90%;
  margin: 0 auto;
}
#hero .config .sliderProductHero div.slick-slide .modeling .head .productTitle {
  margin-top: 100px;
  margin-bottom: 40px;
}
#hero .config .sliderProductHero div.slick-slide .modeling .visual {
  width: 60%;
  display: block;
  margin: 0 20%;
  height: 300px;
  line-height: 300px;
}
#hero .config .sliderProductHero div.slick-slide .modeling .visual object.svgObject {
  height: 300px;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
  mix-blend-mode: multiply;
  --moz-mix-blend-mode: normal!important;
}
#hero .config .sliderProductHero div.slick-slide .modeling .details {
  width: 100%;
  text-align: center;
}
#hero .config .sliderProductHero div.slick-slide .modeling .details div.details-p {
  display: inline-block;
  vertical-align: top;
  max-width: 180px;
  margin: 20px 50px 50px 50px;
}
#hero .config .sliderProductHero div.slick-slide .modeling .details div.details-p > ul > li {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
}
#hero .config .sliderProductHero div.slick-slide .side-infos {
  height: 100%;
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.downloads {
  text-align: center;
  margin-top: 20px;
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.downloads a.bloc {
  width: 45%;
  height: 100%;
  display: block;
  margin-bottom: 20px;
  text-decoration: none;
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.downloads a.bloc span.icon-downloadDwg {
  display: block;
  background: url('images/icons/downloadDwg.svg') no-repeat left center;
  width: 50px;
  height: 65px;
  background-size: auto 100%;
  margin: 18px auto;
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.downloads a.bloc span.icon-addInterior {
  display: block;
  background: url('images/icons/3dInterior.svg') no-repeat left center;
  width: 60px;
  height: 60px;
  background-size: auto 100%;
  margin: 21px auto;
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.downloads a.bloc > p {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  text-align: center;
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.downloads a.bloc:hover {
  text-decoration: none;
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec {
  overflow-y: scroll;
  max-height: 61%;
  font-size: 15px;
  padding: 0 10px;
  line-height: 25px;
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec.scroll-pane {
  /*max-height: 54%;*/
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec.scroll-pane .jspVerticalBar {
  right: 5px;
  background-color: #888888;
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec.scroll-pane .jspVerticalBar .jspTrack {
  background-color: #888888;
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec.scroll-pane .jspPane {
  padding: 10px;
}
#hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec.scroll-pane * {
  font-size: 15px;
}
#hero .config .sliderProductHero div.slick-slide .side-infos > p.title-medium-pnlight {
  border-top: 1px solid #a0a0a0;
  padding: 30px 0;
}
#hero .config .sliderProductHero ul.slick-dots {
  display: block;
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 9px;
  width: 17%;
  background: #888888;
  max-height: 100%;
  padding: 0 10px 0 0;
  overflow-y: auto;
}
#hero .config .sliderProductHero ul.slick-dots .jspTrack {
  background: #919191;
}
#hero .config .sliderProductHero ul.slick-dots li {
  position: relative;
  width: 50%;
  height: 160px;
  float: left;
  margin: 0;
  text-align: center;
}
#hero .config .sliderProductHero ul.slick-dots li > a {
  line-height: 115px;
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  /*img{
              height: auto;
              margin-top: 5px;
              margin-left:10%;
            }*/
}
#hero .config .sliderProductHero ul.slick-dots li > a .thumbImg {
  width: 80%;
  height: 70%;
  margin-top: 5px;
  margin-left: 10%;
  display: block;
  text-align: center;
}
#hero .config .sliderProductHero ul.slick-dots li > a .thumbImg img {
  max-height: 100%;
  display: inline-block;
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#hero .config .sliderProductHero ul.slick-dots li > a span.name {
  display: block;
  color: #FFF;
  text-transform: uppercase;
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 90%;
  margin: 0 5%;
  overflow: hidden;
  line-height: normal;
  font-size: 14px;
  font-weight: 300;
}
#hero .config .sliderProductHero ul.slick-dots li:hover {
  background: #f8f8f8;
}
#hero .config .sliderProductHero ul.slick-dots li:hover > a {
  text-decoration: none;
}
#hero .config .sliderProductHero ul.slick-dots li:hover > a img {
  mix-blend-mode: none;
}
#hero .config .sliderProductHero ul.slick-dots li:hover > a span.name {
  text-decoration: none;
  color: #888888;
}
#hero .big-image .big-image-bloc {
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  height: 834px;
  background: #f5f5f5;
  background: -moz-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #f5f5f5), color-stop(76%, rgba(245, 245, 245, 0.24)), color-stop(100%, rgba(245, 245, 245, 0)));
  background: -webkit-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -o-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -ms-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to right, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=1 );*/
}
#hero .big-image .big-image-bloc .image {
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
}
#hero .big-image .big-image-bloc .image img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: -50%;
  right: 0;
  padding: 0px;
  height: auto;
  max-width: 100%;
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#hero .big-image .big-image-bloc .image.no-zoom img {
  left: 0;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
#hero .big-image .big-image-bloc .big-image-info {
  width: 51%;
  height: 100%;
  position: relative;
  z-index: 3;
  display: inline-block;
  vertical-align: middle;
}
#hero .big-image .big-image-bloc .big-image-info > div.valign {
  width: 1%;
}
#hero .big-image .big-image-bloc .big-image-info > div.valign-item {
  width: 50%;
  margin-left: 16.66%;
}
#hero .big-image .big-image-bloc .big-image-info > div.valign-item span.price {
  color: #c3c3c3;
  display: block;
  padding-bottom: 30px;
}
#hero .big-image .big-image-bloc .big-image-info .btn {
  max-width: 260px;
  height: auto;
  white-space: initial;
  border-radius: 40px;
  margin-bottom: 15px;
}
.wrapBlocFindStore {
  margin-top: 75px;
}
/*------- beautiful from every angle --------*/
.beautifulVisuals .bfea-1,
.beautifulVisuals .bfea-3 {
  height: 600px;
  position: relative;
  overflow: hidden;
}
.beautifulVisuals .bfea-1 img,
.beautifulVisuals .bfea-3 img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0px;
  height: auto;
  max-width: 200%;
}
.beautifulVisuals .bfea-1 {
  border-left: 14px solid #FFFFFF;
}
.beautifulVisuals .bfea-1 img {
  left: -80%;
}
.beautifulVisuals .bfea-3 {
  border-right: 14px solid #FFFFFF;
}
.beautifulVisuals .bfea-3 img {
  left: -20%;
}
/*------- lightbox --------*/
.featherlight .featherlight-content {
  max-height: auto!important;
}
/* XS */
@media (max-width: 767px) {
  #hero .hero-history .litle-history,
  #hero .hero-history .the-designers {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  }
  #hero .hero-history {
    opacity: 1;
  }
  #hero .hero-history .litle-history {
    padding: 40px 5%;
  }
  #hero .hero-history .the-designers {
    padding-top: 30px;
  }
  #hero .animation {
    height: 440px;
    padding-top: 30px;
    overflow: hidden;
  }
  #hero .animation div.title-hero {
    position: initial;
    top: 100px;
    opacity: 1;
  }
  #hero .animation div.title-hero span.subtitle-huge-agreg {
    display: block;
  }
  #hero .animation div.title-hero a.btn {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #hero .animation .img-anim-hero {
    opacity: 1;
  }
  #hero .gallery .box1 {
    width: 100%;
  }
  #hero .gallery .box1.quarter {
    width: 50%;
  }
  #hero .gallery .box2 {
    width: 100%;
  }
  #hero .image h2.title-medium-pnlight {
    padding: 0 25%;
    top: -20px;
  }
  #hero .image .beautifulVisuals {
    margin-top: 20px;
  }
  #hero .big-image .big-image-bloc {
    height: 420px;
    padding-bottom: 50px;
  }
  #hero .big-image .big-image-bloc .image {
    width: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    top: 100px;
    height: 80%;
    mix-blend-mode: multiply;
    -moz-mix-blend-mode: multiply;
  }
  #hero .big-image .big-image-bloc .image img {
    left: 0;
  }
  #hero .big-image .big-image-bloc .big-image-info {
    width: 100%;
    height: auto;
  }
  #hero .big-image .big-image-bloc .big-image-info > div.valign {
    display: none;
  }
  #hero .big-image .big-image-bloc .big-image-info > div.valign-item {
    width: 100%;
    margin-left: 0;
  }
  #hero .big-image .big-image-bloc .big-image-info > div.valign-item > span.title-medium-pnbold {
    width: 100%;
    display: block;
    margin-top: 20px;
  }
  #hero .big-image .big-image-bloc .big-image-info > div.valign-item > span.price {
    display: block;
    padding: 10px 0;
  }
  #hero .big-image .big-image-bloc .big-image-info > div.valign-item > a.btn.green-plain {
    position: absolute;
    top: 370px;
    display: block;
    height: 60px;
    width: 100%;
    padding: 18px 0;
  }
  #hero .big-image .big-image-bloc.star {
    height: 485px;
  }
  #hero .big-image .big-image-bloc.star .btn {
    max-width: 100%;
    border-radius: 0;
  }
  #hero .big-image .big-image-bloc.star .btn#star-product-cta {
    top: 421px;
    white-space: normal;
    height: auto!important;
    line-height: normal;
    padding: 15px 9px!important;
  }
  #hero .config {
    height: auto;
  }
  #hero .config .sliderProductHero {
    margin-left: 0;
    height: auto;
  }
  #hero .config .sliderProductHero .slick-list {
    height: auto!important;
  }
  #hero .config .sliderProductHero div.slick-slide {
    height: 0;
  }
  #hero .config .sliderProductHero div.slick-slide .row {
    height: auto;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling {
    padding-bottom: 20px;
    max-height: 100%;
    height: auto;
    min-height: 200px;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .head .productTitle {
    padding-top: 40px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .head .productTitle .title-big-pnlight {
    font-size: 40px;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .visual {
    width: 85%;
    height: 160px;
    line-height: 160px;
    display: inline-block;
    margin: 20px 0;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .visual > img,
  #hero .config .sliderProductHero div.slick-slide .modeling .visual object {
    max-width: 80%;
    max-height: 100%;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .visual > .svg-visual {
    border: none;
    max-height: 350px;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .details div.details-p {
    margin: 25px;
    width: 80%;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .details .btn.grey-plain {
    border-radius: 20px;
    height: 40px!important;
    line-height: 40px;
    width: auto;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos {
    margin-top: -10px;
    padding-bottom: 20px;
    height: auto;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos div.downloads {
    width: 300px;
    margin: 10px auto;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos p.tech-spec-title {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 30px 0px 0 0;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos p.tech-spec-title span.arrow-down {
    display: inline-block;
    background: url('images/hero/arrow-down.png') no-repeat center center;
    width: 30px;
    height: 9px;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec {
    display: none;
    max-height: none;
    height: auto;
    overflow-y: visible;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec .jspPane > div {
    padding: 0 5%;
  }
  #hero .config .sliderProductHero div.slick-slide.slick-current {
    height: auto;
  }
  #hero .config .sliderProductHero ul.slick-dots {
    display: none!important;
  }
  #hero .config .sliderProductHero .slick-prev {
    top: 200px;
    right: 55px;
    width: 11px;
    height: 20px;
    z-index: 999;
  }
  #hero .config .sliderProductHero .slick-next {
    top: 200px;
    right: 15px;
    width: 11px;
    height: 20px;
    z-index: 999;
  }
  #hero .config .sliderProductHero .slick-prev::before {
    background: url("images/inspiration/sliderPrev.png") no-repeat center center;
    width: 11px;
    height: 20px;
    background-size: 100% 100%;
  }
  #hero .config .sliderProductHero .slick-next::before {
    background: url("images/inspiration/sliderNext.png") no-repeat center center;
    width: 11px;
    height: 20px;
    background-size: 100% 100%;
  }
  #hero .beautifulVisuals .bfea-1,
  #hero .beautifulVisuals .bfea-3 {
    height: auto;
  }
  #hero .beautifulVisuals .bfea-1 img,
  #hero .beautifulVisuals .bfea-3 img {
    position: relative;
    max-width: 100%;
    left: 0;
  }
  #hero .beautifulVisuals .bfea-1 {
    border: 0;
  }
  #hero .beautifulVisuals .bfea-3 {
    border: 0;
  }
  #hero .video .text-column {
    height: 95px;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  #hero {
    margin-top: 40px;
  }
  #hero .animation {
    height: 450px;
    position: relative;
  }
  #hero .animation div.img-anim-hero-container {
    width: 50%;
    overflow: hidden;
    height: 100%;
    position: relative;
    z-index: 3;
    display: inline-block;
    vertical-align: middle;
    float: left;
    top: 0;
    mix-blend-mode: multiply;
    -moz-mix-blend-mode: multiply;
  }
  #hero .animation .img-anim-hero {
    opacity: 1;
    position: absolute;
    left: -80%;
    right: 0;
    width: initial;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
  }
  #hero .animation div.title-hero {
    opacity: 1;
    top: 100px;
    width: 50%;
    left: 50%;
  }
  #hero .animation div.title-hero > h1.title-huge-pnthin {
    font-size: 40px;
    display: block;
  }
  #hero .animation div.title-hero .subtitle-huge-agreg {
    display: block;
  }
  #hero .animation div.title-hero .price {
    display: block;
    margin: 30px 0 10px;
  }
  #hero .hero-history {
    opacity: 1;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  }
  #hero .hero-history .litle-history {
    padding: 30px 2%;
  }
  #hero .hero-history .litle-history h2 {
    padding-bottom: 2%;
  }
  #hero .hero-history .the-designers {
    padding-top: 30px;
    background: #f5f5f5;
  }
  #hero .hero-history .the-designers > img {
    width: 100%;
  }
  #hero .hero-history .box2 {
    height: 834px;
  }
  #hero .video {
    margin: 100px 0;
  }
  #hero .video .text-column {
    height: 191px;
  }
  #hero .config {
    height: 675px;
    position: relative;
  }
  #hero .config .sliderProductHero {
    padding: 0 5px;
  }
  #hero .config .sliderProductHero div.slick-slide {
    height: 725px;
  }
  #hero .config .sliderProductHero div.slick-slide .side-list {
    height: auto;
  }
  #hero .config .sliderProductHero div.slick-slide .side-list > ul {
    height: 180px;
  }
  #hero .config .sliderProductHero div.slick-slide .side-list > ul > li {
    width: 20%;
    height: 50%;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling {
    height: 525px;
    padding-bottom: 20px;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .head .productTitle {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .visual {
    width: 100%;
    height: 160px;
    line-height: 160px;
    margin: 20px 0;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .visual > img,
  #hero .config .sliderProductHero div.slick-slide .modeling .visual object {
    max-width: 80%;
    max-height: 100%;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .details div.details-p {
    margin: 10px;
    width: 25%;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .details div.details-p > ul > li {
    font-weight: 300;
    font-size: 14px;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos {
    height: 575px;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec {
    height: 200px;
    font-size: 15px;
    overflow-y: scroll;
  }
  #hero .config .sliderProductHero ul.slick-dots {
    display: none!important;
  }
  #hero .config .sliderProductHero .slick-prev,
  #hero .config .sliderProductHero .slick-next {
    display: none!important;
  }
  #hero .config .sliderProductNav {
    position: absolute;
    z-index: 999;
    /*background: #888888;*/
    bottom: 0;
    width: 713px;
    margin: 0 5px;
    height: 150px;
  }
  #hero .config .sliderProductNav li.slick-current,
  #hero .config .sliderProductNav li.slick-slide:hover {
    background: #f8f8f8;
  }
  #hero .config .sliderProductNav button.slick-arrow {
    background: #f8f8f8;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    padding-left: 10px;
    z-index: 999;
  }
  #hero .config .sliderProductNav.visible-sm li.slick-slide {
    height: 150px;
  }
  #hero .config .sliderProductNav.visible-sm li.slick-slide a {
    height: 100%;
    display: block;
    line-height: 100px;
    text-align: center;
  }
  #hero .config .sliderProductNav.visible-sm li.slick-slide a img,
  #hero .config .sliderProductNav.visible-sm li.slick-slide a object {
    max-width: 80%;
    max-height: 75%;
    display: inline-block;
    margin-top: 5px;
  }
  #hero .big-image .big-image-bloc {
    height: 323px;
  }
  #hero .big-image .big-image-bloc .image {
    height: 263px;
    margin: 30px 0;
  }
  #hero .big-image .big-image-bloc .image img {
    padding: 30px;
  }
  #hero .beautifulVisuals .bfea-1,
  #hero .beautifulVisuals .bfea-3 {
    height: auto;
  }
  #hero .beautifulVisuals .bfea-1 img,
  #hero .beautifulVisuals .bfea-3 img {
    position: relative;
    max-width: 100%;
    left: 0;
  }
  #hero .beautifulVisuals .bfea-1 {
    border: 0;
  }
  #hero .beautifulVisuals .bfea-3 {
    border: 0;
  }
  #surface1 * {
    stroke: #FFFFFF !important;
    stroke-width: 2 !important;
    fill-opacity: 0 !important;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  #hero .animation {
    height: 500px;
  }
  #hero .animation div.img-anim-hero-container {
    top: 42%;
  }
  #hero .animation div.title-hero {
    top: 130px;
  }
  #hero .animation div.title-hero > h1.title-huge-pnthin {
    margin: 0px;
  }
  #hero .animation div.title-hero .btn {
    display: none;
  }
  #hero .hero-history .box2 {
    height: 834px;
  }
  #hero .hero-history .the-designers img {
    height: 370px;
  }
  #hero .image > h2.title-medium-pnlight {
    margin-top: 100px;
  }
  #hero .video {
    margin: 120px 0;
  }
  #hero .video .text-column {
    height: 261px;
  }
  #hero .config {
    height: 645px;
  }
  #hero .config .sliderProductHero {
    height: 645px;
  }
  #hero .config .sliderProductHero div.slick-slide {
    height: 645px;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling {
    height: 100%;
    padding-bottom: 20px;
    width: 55%;
    margin-left: 22%;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .head .productTitle {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .visual {
    height: 250px;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .details div.details-p {
    margin: 30px 20px;
    max-width: 30%;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .details div.details-p > ul > li {
    font-weight: 300;
    font-size: 14px;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos {
    width: 22%;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec.scroll-pane {
    height: 320px;
    overflow-y: scroll;
    font-size: 15px;
  }
  #hero .config .sliderProductHero ul.slick-dots {
    border-right: 1px solid #A0A0A0;
    width: 204px;
  }
  #hero .config .sliderProductHero ul.slick-dots li {
    height: 110px;
    float: left;
  }
  #hero .config .sliderProductHero ul.slick-dots li > a {
    line-height: 80px;
  }
  #hero .config .sliderProductHero ul.slick-dots li > a .thumbImg {
    height: 55%;
  }
  #hero .config .sliderProductHero .slick-prev,
  #hero .config .sliderProductHero .slick-next {
    display: none!important;
  }
  #hero .big-image .big-image-bloc {
    height: 430px;
  }
  #hero .big-image .big-image-bloc .image {
    height: 350px;
    margin: 40px 0;
  }
  #hero .big-image .big-image-bloc .image img {
    padding: 40px;
  }
  #hero .beautifulVisuals .bfea-1,
  #hero .beautifulVisuals .bfea-3 {
    height: 315px;
  }
  #hero .beautifulVisuals .bfea-1 {
    border-left: 9px solid #FFFFFF;
  }
  #hero .beautifulVisuals .bfea-3 {
    border-right: 9px solid #FFFFFF;
  }
  #hero .config .sliderProductHero {
    padding: 0 7px;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos div.downloads a.bloc span.icon-downloadDwg {
    width: 39px;
    height: 51px;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos div.downloads a.bloc span.icon-addInterior {
    height: 45px;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos > p.title-medium-pnlight {
    font-size: 20px;
  }
  #hero .config .sliderProductHero ul.slick-dots li > a span.name {
    font-size: 12px;
  }
}
/* LG */
@media (min-width: 1280px) and (max-width: 1919px) {
  #hero .animation {
    height: 620px;
  }
  #hero .animation div.img-anim-hero-container {
    top: 40%;
  }
  #hero .animation div.title-hero {
    top: 110px;
  }
  #hero .animation div.title-hero > h1.title-huge-pnthin {
    margin: 0px;
  }
  #hero .hero-history .box2 {
    height: 834px;
  }
  #hero .hero-history .the-designers img {
    height: 470px;
  }
  #hero .video {
    margin: 150px 0;
  }
  #hero .video .text-column {
    height: 330px;
  }
  #hero .config {
    height: 745px;
  }
  #hero .config .sliderProductHero div.slick-slide {
    height: 745px;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .visual {
    height: 300px;
    line-height: 300px;
  }
  #hero .config .sliderProductHero div.slick-slide .modeling .visual object.svg-content {
    height: 250px;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos {
    margin-left: -16px;
    margin-right: 16px;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec.scroll-pane {
    height: 23em;
    overflow-y: scroll;
  }
  #hero .config .sliderProductHero ul.slick-dots {
    border-right: 1px solid #A0A0A0;
    height: 745px;
    overflow-y: scroll;
  }
  #hero .config .sliderProductHero ul.slick-dots li {
    height: 120px;
    float: left;
  }
  #hero .config .sliderProductHero ul.slick-dots li > a {
    line-height: 100px;
  }
  #hero .config .sliderProductHero ul.slick-dots li > a .thumbImg {
    height: 55%;
  }
  #hero .config .sliderProductHero ul.slick-dots li > a span.name {
    font-size: 12px;
    padding: 0 5px;
  }
  #hero .config .sliderProductHero .slick-prev,
  #hero .config .sliderProductHero .slick-next {
    display: none !important;
  }
  #hero .big-image .big-image-bloc {
    height: 545px;
  }
  #hero .big-image .big-image-bloc .image {
    height: 465px;
    margin: 40px 0;
  }
  #hero .big-image .big-image-bloc .image img {
    padding: 40px;
  }
  #hero .beautifulVisuals .bfea-1,
  #hero .beautifulVisuals .bfea-3 {
    height: 400px;
  }
}
/* XL */
@media (min-width: 1920px) {
  #hero .animation {
    height: 900px;
  }
  #hero .hero-history .box2 {
    height: 834px;
  }
  #hero .hero-history .the-designers img {
    height: 700px;
    width: auto;
    max-width: 150%;
  }
  #hero .video {
    margin: 180px 0;
  }
  #hero .video .text-column {
    height: 500px;
  }
  #hero .config {
    height: 834px;
  }
  #hero .config .side-infos {
    margin-left: -40px;
    margin-right: 16px;
  }
  #hero .config ul.slick-dots {
    border-right: 1px solid #A0A0A0;
  }
  #hero .config ul.slick-dots > li {
    height: 165px;
    float: left;
  }
  #hero .config ul.slick-dots > li > a {
    line-height: 165px;
  }
  #hero .config .slick-prev,
  #hero .config .slick-next {
    display: none!important;
  }
  #hero .config .sliderProductHero div.slick-slide .side-infos div.tech-spec.scroll-pane {
    height: 28em;
    overflow-y: scroll;
  }
  #hero .big-image .big-image-bloc {
    height: 834px;
  }
  #hero .big-image .big-image-bloc .image {
    height: 754px;
    margin-top: 40px;
  }
  #hero .big-image .big-image-bloc .image img {
    padding: 40px;
  }
  #hero .config .sliderProductHero {
    padding: 0 14px;
  }
  #hero .config .sliderProductHero ul.slick-dots {
    left: 14px;
  }
}
.heroloaderwrapper {
  position: absolute;
  left: 25%;
  width: 50%;
  height: 10px;
  display: none;
  font-family: 'proxima-nova';
}
.progressbar {
  position: relative;
  top: 0;
  width: 100%;
  height: 3px;
}
.progressbar .progressbarInner {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #C3C3C3;
  transition: all 0.1s linear;
}
/*==================================== LISTING PRODUCTS =======================================*/
#products {
  margin-top: 102px;
}
#products .hero {
  margin-top: -60px;
  position: relative;
  background: #f5f5f5;
  background: -moz-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #f5f5f5), color-stop(76%, rgba(245, 245, 245, 0.24)), color-stop(100%, rgba(245, 245, 245, 0)));
  background: -webkit-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -o-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -ms-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to right, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=1 );*/
}
#products .hero div.title-hero-listing {
  width: 50%;
  position: absolute;
  height: 100%;
}
#products .hero div.title-hero-listing .valign-item {
  max-width: 60%;
}
#products .hero div.title-hero-listing .valign-item h1 {
  display: block;
  padding-bottom: 20px;
}
#products .hero div.title-hero-listing .valign-item p.current-text18 {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
#products .hero > div.img-hero {
  width: 50%;
}
#products .hero > div.img-hero.pushright {
  margin-left: 50%;
}
#products .hero > div.img-hero.pushright img {
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#products .product {
  text-align: center;
  margin: 35px 0;
}
#products .product a {
  text-decoration: none;
}
#products .product a img.img-responsive {
  max-width: 80%;
  margin: 30px 10%;
}
#products .product .image {
  margin: 0 auto;
  overflow: hidden;
}
#products .product .image-wide {
  margin: 0 auto;
  overflow: hidden;
}
#products .product a:hover,
#products .product a:focus {
  text-decoration: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
#products .product a:hover h2.title-collection-pnbold.medium-grey,
#products .product a:focus h2.title-collection-pnbold.medium-grey,
#products .product a:hover h3.subtitle-collection-agreg.medium-grey,
#products .product a:focus h3.subtitle-collection-agreg.medium-grey {
  color: #3C3C3C;
}
#products .product.focus-right,
#products .product.focus-left {
  position: relative;
  background: #f7f7f7;
  width: 100%;
}
#products .product.focus-right a,
#products .product.focus-left a {
  width: 100%;
  height: 100%;
  display: table;
}
#products .product.focus-right .imgFocus,
#products .product.focus-left .imgFocus {
  display: table-cell;
  vertical-align: middle;
  width: 66%;
}
#products .product.focus-right .imgFocus .img-responsive,
#products .product.focus-left .imgFocus .img-responsive {
  max-width: 100%;
  margin: 0;
  height: 100%;
  width: auto;
}
#products .product.focus-right .imgFocus .img-crop,
#products .product.focus-left .imgFocus .img-crop {
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#products .product.focus-right p.focus-text,
#products .product.focus-left p.focus-text {
  display: table-cell;
  vertical-align: middle;
  width: 34%;
}
#products .product.focus-right p.focus-text span.title-collection-pnbold,
#products .product.focus-left p.focus-text span.title-collection-pnbold {
  text-transform: uppercase;
}
#products .load-more {
  margin: 30px 0;
}
/* XS */
@media (max-width: 767px) {
  #products {
    margin-top: 60px;
  }
  #products .row {
    margin-bottom: 0;
  }
  #products .product {
    height: 150px;
  }
  #products .product.focus-right,
  #products .product.focus-left {
    height: 220px;
  }
  #products .product.focus-right .imgFocus .img-responsive,
  #products .product.focus-left .imgFocus .img-responsive {
    max-height: 220px;
    height: auto;
    width: auto;
    float: right;
  }
  #products .hero div.title-hero-listing .valign-item h1 {
    padding-bottom: 0;
  }
}
@media (min-width: 450px) and (max-width: 767px) {
  #products .product {
    height: 270px;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  #products {
    margin-top: 78px;
  }
  #products .hero {
    margin-top: 0;
  }
  #products .product {
    height: 200px;
  }
  #products .product.focus-right,
  #products .product.focus-left {
    height: 200px;
  }
  #products .product.focus-right .imgFocus,
  #products .product.focus-left .imgFocus {
    height: 200px;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  #products .product {
    height: 240px;
  }
  #products .product.focus-right,
  #products .product.focus-left {
    height: 240px;
  }
  #products .product.focus-right .imgFocus,
  #products .product.focus-left .imgFocus {
    height: 240px;
  }
}
/* LG */
@media (min-width: 1280px) and (max-width: 1919px) {
  #products .product {
    height: 282px;
  }
  #products .product.focus-right,
  #products .product.focus-left {
    height: 282px;
  }
  #products .product.focus-right .imgFocus,
  #products .product.focus-left .imgFocus {
    height: 282px;
  }
}
/* XL */
@media (min-width: 1920px) {
  #products .product {
    height: 428px;
  }
  #products .product.focus-right,
  #products .product.focus-left {
    height: 428px;
  }
  #products .product.focus-right .imgFocus,
  #products .product.focus-left .imgFocus {
    height: 428px;
  }
}
/*====================================  DESIGNERS =======================================*/
#designers {
  margin-top: 42px;
}
#designers .bloc-designer {
  height: auto;
  background: #f5f5f5;
  background: -moz-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #f5f5f5), color-stop(76%, rgba(245, 245, 245, 0.24)), color-stop(100%, rgba(245, 245, 245, 0)));
  background: -webkit-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -o-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -ms-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to right, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=1 );*/
}
#designers .bloc-designer .faces {
  text-align: center;
  position: relative;
  display: table;
  table-layout: fixed;
  vertical-align: bottom;
  padding: 0 10px 0 0;
}
#designers .bloc-designer .faces a {
  height: auto;
  display: table-cell;
  vertical-align: bottom;
}
#designers .bloc-designer .faces img {
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
#designers .bloc-designer .presentation {
  margin-top: 30px;
  margin-bottom: 30px;
}
#designers .bloc-designer .presentation a {
  text-decoration: none;
}
#designers .bloc-designer .presentation a:hover,
#designers .bloc-designer .presentation a:focus {
  text-decoration: underline;
}
#designers .bloc-designer .presentation .title-small-pnlight {
  display: block;
  margin-bottom: 20px;
}
#designers .bloc-designer .presentation .quote-text-agit {
  max-width: 100%;
  letter-spacing: 2px;
  line-height: 28px;
}
#designers .bloc-designer .presentation .current-text {
  font-size: 20px;
  line-height: normal;
}
#designers .bloc-designer .presentation .current-text a.read-more {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  text-decoration: underline;
  font-weight: 300;
  display: block;
}
#designers .bloc-designer .presentation .current-text a.read-more:hover {
  text-decoration: underline!important;
}
#designers .bloc-designer .productsDesignerContainer {
  text-align: center;
}
#designers .bloc-designer .productsDesignerContainer .collection {
  margin: 80px 0 20px 0;
  display: inline-block;
  float: none;
  width: 23%;
}
#designers .bloc-designer .productsDesignerContainer .collection a {
  text-decoration: none;
}
#designers .bloc-designer .productsDesignerContainer .collection a:hover {
  text-decoration: none;
}
#designers .bloc-designer .productsDesignerContainer .collection a:hover p {
  color: #3c3c3c;
}
#designers .bloc-designer .productsDesignerContainer .collection p.title-collection-small-pnbold {
  color: #888888;
  margin-top: 20px;
}
#designers .bloc-designer .productsDesignerContainer .collection img {
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#designers .bloc-designer .explore {
  margin-top: 20px;
  margin-bottom: 20px;
}
#designers_page .bloc-designer {
  margin-top: 42px;
  height: auto;
  display: table;
  table-layout: fixed;
  background: #f5f5f5;
  background: -moz-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #f5f5f5), color-stop(76%, rgba(245, 245, 245, 0.24)), color-stop(100%, rgba(245, 245, 245, 0)));
  background: -webkit-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -o-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: -ms-linear-gradient(left, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to right, #f5f5f5 0%, rgba(245, 245, 245, 0.24) 76%, rgba(245, 245, 245, 0) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=1 );*/
}
#designers_page .bloc-designer .col-md-6.faces {
  display: table-cell;
  max-width: 50%;
  vertical-align: bottom;
  float: none;
}
#designers_page .bloc-designer .col-md-6.faces img {
  max-height: 100%;
  height: auto;
  width: 100%;
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#designers_page .bloc-designer .col-md-4.prez {
  display: table-cell;
  vertical-align: top;
  float: none;
}
#designers_page .presentation .title-medium-pnlight {
  padding-top: 17%;
  padding-bottom: 50px;
  display: block;
}
#designers_page .presentation div.scroll-pane {
  max-height: 20em;
  overflow-y: scroll;
}
#designers_page .presentation .current-text {
  padding: 0 10px 30px 0;
  line-height: normal;
}
#designers_page .presentation.chrome .jspContainer,
#designers_page .presentation.safari .jspContainer {
  -webkit-mask: linear-gradient(to bottom, #000000 0%, #000000 69%, rgba(0, 0, 0, 0) 100%);
}
#designers_page .products {
  margin-top: 60px;
  margin-bottom: 60px;
}
#designers_page .products .product {
  margin: 35px 0;
}
#designers_page .products .product a:hover,
#designers_page .products .product a:focus {
  text-decoration: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
#designers_page .products .product a:hover h2.title-collection-pnbold.medium-grey,
#designers_page .products .product a:focus h2.title-collection-pnbold.medium-grey,
#designers_page .products .product a:hover h3.subtitle-collection-agreg.medium-grey,
#designers_page .products .product a:focus h3.subtitle-collection-agreg.medium-grey {
  color: #3C3C3C;
}
#designers_page .products .product a img.img-responsive {
  max-width: 80%;
  margin: 30px 10%;
}
#designers_page .video {
  margin: 90px 0;
}
#designers_page .video .text-column {
  height: 330px;
}
#designers_page .video div.valign {
  width: 1%;
}
#designers_page .video div.valign-item {
  width: 97%;
}
#designers_page .video div.valign-item span.title-medium-pnbold {
  display: block;
  margin-bottom: 20px;
}
#designers_page .video div.valign-item .current-text30 {
  margin-bottom: 20px;
}
#designers_page .load-more {
  margin-top: 30px;
}
/* XS */
@media (max-width: 767px) {
  #designers .menutop .menudesigner {
    width: 100%;
  }
  #designers .bloc-designer .faces {
    height: 360px;
  }
  #designers .bloc-designer .faces img {
    height: auto;
    width: auto;
  }
  #designers .bloc-designer .presentation p.quote-text-agit {
    width: 100%;
    max-width: 100%;
    font-size: 20px;
  }
  #designers .bloc-designer .collection {
    margin: 10px 0px 20px;
  }
  #designers .bloc-designer .explore {
    padding: 0;
  }
  #designers_page .bloc-designer {
    display: block;
  }
  #designers_page .bloc-designer .col-md-6.faces {
    height: 360px;
    display: block;
    max-width: 100%;
  }
  #designers_page .bloc-designer .col-md-6.faces img {
    height: auto;
    width: auto;
  }
  #designers_page .presentation {
    display: block;
  }
  #designers_page .presentation p.title-medium-pnlight {
    padding: 20px 0;
  }
  #designers_page .presentation .current-text {
    padding: 3% 0;
  }
  #designers_page .presentation a.title-read-pnreg {
    padding-bottom: 50px;
  }
  #designers_page .video {
    margin: 0 0 20px 0;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  #designers {
    margin-top: 80px;
  }
  #designers .bloc-designer .faces {
    height: 100%;
  }
  #designers .bloc-designer .faces img {
    margin-top: 75px;
  }
  #designers .bloc-designer .collection {
    margin: 30px 0;
  }
  #designers .bloc-designer .explore {
    margin-bottom: 20px;
    margin-top: 0;
  }
  #designers .bloc-designer .presentation {
    margin-bottom: 10px;
  }
  #designers .bloc-designer .presentation .current-text {
    line-height: 110%;
    font-size: 20px;
  }
  #designers .bloc-designer .presentation .current-text a.read-more {
    font-size: 16px;
  }
  #designers_page .presentation .current-text {
    padding: 3% 10%;
  }
  #designers_page .presentation a.title-read-pnreg {
    padding-bottom: 50px;
  }
  #designers_page .video .text-column {
    height: 191px;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  #designers .bloc-designer .faces {
    /*height: 380px;*/
    height: 270px;
    overflow: hidden;
    max-width: 322px;
  }
  #designers .bloc-designer .faces img {
    max-height: 100%;
    width: auto;
    max-width: 100%;
  }
  #designers .bloc-designer .presentation .current-text {
    line-height: 110%;
    font-size: 20px;
  }
  #designers .bloc-designer .presentation .current-text a.read-more {
    font-size: 16px;
  }
  #designers .bloc-designer .productsDesignerContainer .collection {
    width: 30%;
  }
  #designers_page .bloc-designer .faces {
    position: relative;
    height: 500px;
  }
  #designers_page .bloc-designer .faces img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-height: 100%;
    height: auto;
  }
  #designers_page .presentation .title-medium-pnlight {
    padding-bottom: 30px;
  }
  #designers_page .video .text-column {
    height: 261px;
  }
}
/* LG */
@media (min-width: 1280px) and (max-width: 1919px) {
  #designers .bloc-designer .faces {
    min-height: 375px;
    max-width: 408px;
    overflow: hidden;
  }
  #designers .bloc-designer .presentation .current-text {
    font-size: 20px;
  }
  #designers .bloc-designer .presentation .current-text a.read-more {
    font-size: 16px;
  }
  #designers .quote-text-agit {
    margin-top: 30px;
  }
  #designers_page .presentation .title-medium-pnlight {
    padding-bottom: 30px;
  }
  #designers_page .video .text-column {
    height: 330px;
  }
}
/* XL */
@media (min-width: 1920px) {
  #designers .bloc-designer .faces {
    height: 460px;
    max-width: 615px;
  }
  #designers .bloc-designer .faces img {
    height: 100%;
  }
  #designers .quote-text-agit {
    margin-top: 35px;
  }
  #designers_page .bloc-designer {
    height: 730px;
  }
  #designers_page .presentation div.scroll-pane {
    max-height: 30em;
  }
  #designers_page .presentation .title-medium-pnlight {
    padding-left: 7%;
    padding-right: 7%;
  }
  #designers_page .video .text-column {
    height: 500px;
  }
}
/*====================================  LIGNE ROSET / CMS =======================================*/
.ligneroset-content {
  margin-bottom: 20px;
}
.ligneroset-content h1,
.ligneroset-content h2 {
  display: block;
}
.ligneroset-content h2.title-medium-pnbold {
  padding: 10px 0 30px 0;
}
.ligneroset-content .box2 {
  width: 50%;
  float: left;
}
.ligneroset-content .box2.text .text-column {
  height: 100%;
  padding: 5% 15%;
}
.ligneroset-content .box2.text .text-column .valign {
  width: 1px;
}
.ligneroset-content .box2.text .text-column .valign-item {
  width: 97%;
}
.ligneroset-content .product-award .box2 {
  width: 50%;
}
.ligneroset-content .product-award .box2 .text-column {
  margin-top: 0;
}
.ligneroset-content .product-award .box2:first-child {
  margin-right: 0;
}
.ligneroset-content .lr-history {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
.ligneroset-content .lr-history .text {
  width: 50%;
  text-align: center;
  margin: 0 auto;
}
.ligneroset-content .lr-history .text h2.title-medium-pnbold {
  display: block;
  padding: 80px 0 20px 0;
}
.ligneroset-content .lr-history .text h2.title-medium-pnlight {
  display: block;
  margin-bottom: 50px;
}
.ligneroset-content .lr-history .text .title-medium-pnlight {
  margin-bottom: 80px;
}
.ligneroset-content .lr-history .text .current-text30 {
  margin-bottom: 30px;
}
.ligneroset-content .stores,
.ligneroset-content .box,
.ligneroset-content .awards-logo-list,
.ligneroset-content .product-award {
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
.ligneroset-content .stores {
  height: 418px;
}
.ligneroset-content .stores > .box-text {
  position: relative;
  z-index: 4;
  top: 27%;
}
.ligneroset-content .stores > .input-group.location {
  position: relative;
  z-index: 3;
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}
.ligneroset-content .stores > .input-group.location input[type=text] {
  border-radius: 3px;
  padding-left: 15px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #FFFFFF;
}
.ligneroset-content .stores > .input-group.location input[type=submit].submit-arrow {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 4;
}
.ligneroset-content .awards .box,
.ligneroset-content .history .box {
  height: 730px;
  text-align: center;
}
.ligneroset-content h1.title-big-pnlight.bg-title-white {
  padding: 155px 0;
  width: 50%;
  margin: 175px auto 0;
  display: block;
}
.ligneroset-content .product-award {
  margin-bottom: 0;
}
.ligneroset-content .product-award h2 {
  display: block;
  margin: 0;
}
.ligneroset-content .product-award h2.current-text30 {
  padding: 10px 0 20px 0;
  font-size: 24px;
}
.ligneroset-content .awards-logo .awards-logo-list {
  height: auto;
  text-align: center;
}
.ligneroset-content .awards-logo .awards-logo-list > ul {
  background: #C3C3C3;
}
.ligneroset-content .awards-logo .awards-logo-list > ul > li {
  display: inline-block;
  width: 13%;
  padding: 20px 20px;
  text-align: center;
  vertical-align: top;
}
.ligneroset-content .awards-logo .awards-logo-list > ul > li .imgAward {
  height: 120px;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
}
.ligneroset-content .awards-logo .awards-logo-list > ul > li .imgAward:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.ligneroset-content .awards-logo .awards-logo-list > ul > li .imgAward img {
  mix-blend-mode: luminosity;
  -moz-mix-blend-mode: luminosity;
  max-width: 70%;
  width: auto;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.ligneroset-content .svgObject {
  width: 60px;
  height: 60px;
  margin: 10px auto;
}
.ligneroset-content .ecoItems .svgObject {
  width: 40px;
  height: 40px;
  margin: 10px;
}
.ligneroset-content .history-products {
  margin: 20px 0 80px 0;
}
.ligneroset-content .history-products .history-slider {
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
  padding-bottom: 30px;
}
.ligneroset-content .history-products a.history-link {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
.ligneroset-content .history-products a.history-link div.col-md-2 {
  display: none;
}
.ligneroset-content .history-products a.history-link > img {
  width: 60%;
  height: auto;
}
.ligneroset-content .history-products a.history-link .caption {
  width: 37%;
  left: 62%;
  margin-top: 0;
  text-align: left;
  position: absolute;
  z-index: 999999;
}
.ligneroset-content .history-products a.history-link .caption span.date {
  font-family: 'proxima-nova';
  font-weight: 400;
  font-size: 15px;
  display: block;
  width: 100%;
}
.ligneroset-content .history-products a.history-link .caption .title-small-pnlight {
  padding: 5px 0;
  display: block;
}
.ligneroset-content .history-products a.history-link .caption span.current-text {
  display: block;
  line-height: 1em;
}
.ligneroset-content .history-products a.history-link:hover {
  cursor: default;
}
.ligneroset-content .boxproduct {
  text-align: left;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
.ligneroset-content .boxproduct > .title-medium-pnbold {
  text-align: center;
  width: 100%;
  display: inline-block;
  padding: 20px 0 100px;
}
.ligneroset-content .boxproduct .slick-prev {
  top: -120px;
  right: 200px;
  left: auto;
}
.ligneroset-content .boxproduct .slick-next {
  top: -120px;
  right: 100px;
  left: auto;
}
.ligneroset-content .tiers-center .text-column {
  height: 100%;
  padding: 50% 10%;
}
#awards .box2 {
  background: #f8f8f8;
}
/* XS */
@media (max-width: 767px) {
  .ligneroset-content .lr-history .text {
    width: 90%;
    text-align: center;
    margin: 10px auto;
  }
  .ligneroset-content .lr-history .text > p.title-medium-pnlight {
    margin-bottom: 30px;
  }
  .ligneroset-content .awards .box,
  .ligneroset-content .history .box {
    height: 141px;
  }
  .ligneroset-content h1.title-big-pnlight.bg-title-white {
    padding: 30px 0;
    margin-top: 20px;
    width: 80%;
    display: block;
  }
  .ligneroset-content h2.title-medium-pnbold {
    padding: 10px 0 15px 0;
  }
  .ligneroset-content .product-award .box2.text {
    height: 200px;
  }
  .ligneroset-content .awards-logo .awards-logo-list > ul > li {
    width: 40%;
    height: 215px;
    vertical-align: top;
  }
  .ligneroset-content .box2 {
    width: 100%!important;
  }
  .ligneroset-content .stores {
    height: 180px;
  }
  .ligneroset-content .stores > .input-group.location {
    margin-top: 80px;
    width: 80%;
  }
  .ligneroset-content .history-text .current-text {
    padding: 10px 5%;
  }
  .ligneroset-content .history-products {
    margin-bottom: 0;
  }
  .ligneroset-content .history-products li {
    height: 210px;
  }
  .ligneroset-content .history-products a.history-link > img {
    width: 80%;
    margin-left: 10%;
    position: absolute;
    margin-top: 55px;
  }
  .ligneroset-content .history-products a.history-link .caption {
    position: relative;
    width: 80%;
    left: 10%;
    top: 0;
  }
  .ligneroset-content .history-products a.history-link .caption .title-small-pnlight {
    font-size: 14px;
  }
  .ligneroset-content .boxproduct > .title-medium-pnbold {
    padding: 20px;
  }
  .ligneroset-content .boxproduct .slick-prev {
    top: 55%;
    left: 10px;
  }
  .ligneroset-content .boxproduct .slick-next {
    top: 55%;
    right: 5px;
  }
  .ligneroset-content .boxproduct .slick-prev::before,
  .ligneroset-content .boxproduct .slick-next::before {
    background-size: 75%;
  }
  .ligneroset-content .text-column.over-image-text {
    padding-top: 5px !important;
    margin: 0 10%!important;
    width: 80%;
  }
  .ligneroset-content .text-column.over-image-text div.current-text {
    display: none;
  }
  .ligneroset-content .svgObject {
    width: 40px;
    height: 40px;
    margin: 0;
  }
  .ligneroset-content .tiers-center .text-column {
    padding: 10% 10%;
  }
  .ligneroset-content .imgVideo {
    max-width: 80%;
    margin-left: 10%;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  .ligneroset-content {
    margin-top: 80px;
  }
  .ligneroset-content .awards .box,
  .ligneroset-content .history .box {
    height: 279px;
  }
  .ligneroset-content .stores {
    height: 320px;
  }
  .ligneroset-content .stores > .input-group.location {
    width: 60%;
  }
  .ligneroset-content h1.title-big-pnlight.bg-title-white {
    padding: 75px 0;
    margin-top: 50px;
    display: block;
  }
  .ligneroset-content h2.title-medium-pnbold {
    padding: 10px 0 20px 0;
  }
  .ligneroset-content .product-award .box2 {
    height: 142px;
  }
  .ligneroset-content .product-award .box2 .text-column {
    padding: 0 15%;
    width: 90%;
  }
  .ligneroset-content .awards-logo .awards-logo-list > ul > li {
    width: 20%;
  }
  .ligneroset-content .boxproduct .slick-prev {
    right: 80px;
    left: auto;
  }
  .ligneroset-content .boxproduct .slick-next {
    right: 10px;
  }
  .ligneroset-content .text-column.over-image-text {
    padding-top: 2%!important;
    margin: 0 20%!important;
  }
  .ligneroset-content .svgObject {
    width: 40px;
    height: 40px;
    margin: 10px auto 0;
  }
  .ligneroset-content .box2 .text-column {
    margin-top: 5%!important;
  }
  .ligneroset-content .box2.text .text-column {
    padding: 2% 7%;
  }
  .ligneroset-content .tiers-center .text-column {
    padding: 30% 10%;
  }
  .ligneroset-content .imgVideo {
    max-width: 80%;
    margin-top: 15px;
    margin-left: 5%;
  }
  #ligneroset .box2.text {
    height: 318px;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  .ligneroset-content .awards .box,
  .ligneroset-content .history .box {
    height: 379px;
  }
  .ligneroset-content h1.title-big-pnlight.bg-title-white {
    padding: 100px 0;
    margin-top: 75px;
  }
  .ligneroset-content .product-award .box2 {
    height: 191px;
  }
  .ligneroset-content .stores {
    height: 320px;
  }
  .ligneroset-content .stores > .input-group.location {
    margin-top: 160px;
  }
  .ligneroset-content .svgObject {
    width: 45px;
    height: 45px;
    margin: 10px auto;
  }
  .ligneroset-content .history-products a.history-link > img {
    width: 52%;
  }
  .ligneroset-content .history-products a.history-link .caption {
    width: 54%;
    left: 53%;
  }
  .ligneroset-content .box2 .text-column {
    margin-top: 30px;
  }
  .ligneroset-content .box2.text .text-column {
    padding: 5% 10%;
  }
  .ligneroset-content .text-column.over-image-text {
    margin: 0 15%!important;
    padding-top: 70px!important;
    width: 70%;
  }
  .ligneroset-content .imgVideo {
    max-width: 80%;
    margin-top: 85px;
  }
  #ligneroset .box2.text {
    height: 433px;
  }
}
/* LG */
@media (min-width: 1280px) and (max-width: 1919px) {
  .ligneroset-content .awards .box,
  .ligneroset-content .history .box {
    height: 478px;
  }
  .ligneroset-content h1.title-big-pnlight.bg-title-white {
    padding: 120px 0;
    margin-top: 100px;
  }
  .ligneroset-content .product-award .box2 {
    height: 242px;
  }
  .ligneroset-content .stores {
    height: 320px;
  }
  .ligneroset-content .stores > .input-group.location {
    margin-top: 160px;
  }
  .ligneroset-content .svgObject {
    width: 50px;
    height: 50px;
    margin: 10px auto;
  }
  .ligneroset-content .imgVideo {
    max-width: 80%;
    margin-top: 120px;
  }
  #ligneroset .box2.text {
    height: 547px;
  }
}
/* XL */
@media (min-width: 1920px) {
  .ligneroset-content .product-award .box2 {
    height: 366px;
  }
  .ligneroset-content .imgVideo {
    max-width: 90%;
    margin-top: 220px;
  }
  #ligneroset .box2.text {
    height: 833px;
  }
}
.ligneroset-content .text-column.over-image-text {
  position: absolute;
  top: 0;
  padding-top: 10%;
  margin: 0 30%;
}
.ligneroset-content .text-column.over-image-text h1 {
  font-weight: bold;
  padding-bottom: 5%;
}
.ligneroset-content .text-column.over-image-text .read-more-link-container {
  padding-top: 2%;
}
.ligneroset-content .text-column.over-image-text p,
.ligneroset-content .text-column.over-image-text div.current-text {
  width: 70%;
  margin: 10px auto;
}
.ligneroset-content .box2 {
  background: #eaeaea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #F7F7F7 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #F7F7F7 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #F7F7F7 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  width: 49%;
}
.ligneroset-content .box2 .text-column {
  margin-top: 15%;
}
.ligneroset-content .box2:first-child {
  margin-right: 24px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .ligneroset-content .box2:first-child {
    margin-right: 19px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ligneroset-content .box2:first-child {
    margin-right: 13px;
  }
}
.ligneroset-content .box2 h1 {
  font-weight: bold;
  padding-bottom: 5%;
}
.ligneroset-content .box2 .read-more-link-container {
  padding-top: 2%;
}
.trade-form .rounded {
  float: none;
}
.trade-form .rounded .title-small-pnreg {
  width: 350px;
  display: block;
  position: relative;
  top: -5px;
}
.trade-form .rounded input[type="text"] {
  margin-top: 5px;
}
/**
/* CSS HOME
**/
/* GENERIQUE */
#inspiration .inspiration {
  margin-top: 42px;
  margin-bottom: 10px;
}
#inspiration .bigSliderInspi .slick-prev {
  top: 50%;
  left: 45px;
  width: 22px;
  height: 39px;
  z-index: 999;
}
#inspiration .bigSliderInspi .slick-next {
  top: 50%;
  right: 45px;
  width: 22px;
  height: 39px;
  z-index: 999;
}
#inspiration .bigSliderInspi .slick-prev::before {
  background: url("images/inspiration/sliderPrev.png") no-repeat center center;
  width: 22px;
  height: 39px;
  opacity: 1;
}
#inspiration .bigSliderInspi .slick-next::before {
  background: url("images/inspiration/sliderNext.png") no-repeat center center;
  width: 22px;
  height: 39px;
  opacity: 1;
}
#inspiration .bigSliderInspi div.share {
  position: absolute;
  z-index: 999999;
  text-align: center;
  width: 100%;
  height: 54px;
  bottom: 25px;
}
#inspiration .bigSliderInspi div.share > ul {
  text-align: center;
  width: 100%;
}
#inspiration .bigSliderInspi div.share > ul > li {
  margin: 0 10px 40px 10px;
  vertical-align: top;
  display: inline-block;
  float: none;
}
#inspiration .bigSliderInspi div.share > ul li.facebook {
  width: 54px;
  display: inline-block;
  float: none;
}
#inspiration .bigSliderInspi div.share > ul li.facebook a {
  background: url('images/icons/shareFacebookWhite.svg') no-repeat center center;
  background-size: 28px auto;
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid #FFFFFF;
  border-radius: 30px;
}
#inspiration .bigSliderInspi div.share > ul li.facebook a:hover {
  background: #3b5998 url('images/icons/shareFacebookWhite.svg') no-repeat center center;
  background-size: 28px auto;
  border: 1px solid #3b5998;
}
#inspiration .bigSliderInspi div.share > ul li.pinterest {
  width: 54px;
  height: 54px;
  overflow: hidden;
  display: inline-block;
  float: none;
}
#inspiration .bigSliderInspi div.share > ul li.pinterest a {
  background: url('images/icons/sharePinterestWhite.svg') !important;
  background-size: 28px 34px!important;
  background-repeat: no-repeat !important;
  background-position: center center!important;
  display: block;
  width: 54px !important;
  height: 54px !important;
  border: 1px solid #FFFFFF;
  border-radius: 30px;
}
#inspiration .bigSliderInspi div.share > ul li.pinterest a:hover {
  background: #cb2027 url('images/icons/sharePinterestWhite.svg') !important;
  background-size: 28px 34px!important;
  background-repeat: no-repeat !important;
  background-position: center center!important;
  border: 1px solid #cb2027;
}
#inspiration .bigSliderInspi div.share > ul li.link {
  width: 54px;
}
#inspiration .bigSliderInspi div.share > ul li.link a {
  background: url('images/icons/linkWhite.svg') no-repeat center center;
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid #FFFFFF;
  border-radius: 30px;
}
#inspiration .bigSliderInspi div.share > ul li.link a:hover {
  background: #888888 url('images/icons/linkWhite.svg') no-repeat center center;
  border: 1px solid #888888;
}
#inspiration .bigSliderInspi div.share > ul li.shop > a.btn.green-plain {
  height: 54px;
  border-radius: 30px;
  line-height: 34px;
}
#inspiration .bigSliderInspi div.share > ul li.shop > a.btn.green-plain span.icon-cart {
  display: block;
  background: url("images/icons/shopCart.svg") no-repeat center center;
  background-size: 30px auto;
  width: 32px;
  height: 31px;
  margin-right: 10px;
  float: left;
}
#inspiration .bigSliderInspi div.share > ul li.shop > a.btn.green-plain:hover {
  background: #3c3c3c;
  border: 1px solid #3c3c3c;
  color: #FFFFFF;
}
#inspiration .bgInspi {
  padding-top: 30px;
  background: #c3c3c3;
  background: -moz-linear-gradient(top, #c3c3c3 0%, rgba(195, 195, 195, 0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #c3c3c3), color-stop(100%, rgba(195, 195, 195, 0)));
  background: -webkit-linear-gradient(top, #c3c3c3 0%, rgba(195, 195, 195, 0) 100%);
  background: -o-linear-gradient(top, #c3c3c3 0%, rgba(195, 195, 195, 0) 100%);
  background: -ms-linear-gradient(top, #c3c3c3 0%, rgba(195, 195, 195, 0) 100%);
  background: linear-gradient(to bottom, #c3c3c3 0%, rgba(195, 195, 195, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#c3c3c3', GradientType=0);
}
#inspiration .bgInspi .pinterestShare,
#inspiration .bgInspi .instagramShare {
  margin-left: -9px;
}
#inspiration .bgInspi .pinterestShare .share img.first,
#inspiration .bgInspi .instagramShare .share img.first {
  display: block;
}
#inspiration .bgInspi .pinterestShare .share img.second,
#inspiration .bgInspi .instagramShare .share img.second {
  display: none;
}
#inspiration .bgInspi .pinterestShare .share:hover img.first,
#inspiration .bgInspi .instagramShare .share:hover img.first {
  display: none;
}
#inspiration .bgInspi .pinterestShare .share:hover img.second,
#inspiration .bgInspi .instagramShare .share:hover img.second {
  display: block;
}
#inspiration .masonry-grid {
  max-width: 100%;
}
#inspiration .masonry-grid .grid-sizer {
  width: 25%;
}
#inspiration .masonry-grid .grid-item {
  float: left;
  width: 25%;
  padding: 10px;
  height: auto;
}
#inspiration .masonry-grid .grid-item .image {
  position: relative;
}
#inspiration .masonry-grid:after {
  content: '';
  display: block;
  clear: both;
}
/* XS */
@media (max-width: 767px) {
  #inspiration .inspiration {
    margin-top: 0;
  }
  #inspiration .bigSliderInspi .slick-next {
    right: 10px;
    margin-top: -21px;
  }
  #inspiration .bigSliderInspi .slick-prev {
    left: 15px;
    margin-top: -21px;
  }
  #inspiration .bigSliderInspi div.share {
    bottom: -5px;
  }
  #inspiration .bigSliderInspi div.share > ul li.pinterest,
  #inspiration .bigSliderInspi div.share > ul li.facebook,
  #inspiration .bigSliderInspi div.share > ul li.link {
    width: 30px;
    height: 30px;
  }
  #inspiration .bigSliderInspi div.share > ul li.pinterest {
    margin-top: 5px;
  }
  #inspiration .bigSliderInspi div.share > ul li.pinterest a {
    background-size: 16px 20px !important;
    width: 30px !important;
    height: 30px !important;
  }
  #inspiration .bigSliderInspi div.share > ul li.pinterest a:hover {
    background-size: 16px 20px !important;
  }
  #inspiration .bigSliderInspi div.share > ul li.facebook {
    margin-top: 5px;
  }
  #inspiration .bigSliderInspi div.share > ul li.facebook a {
    background-size: 16px auto;
    width: 30px;
    height: 30px;
  }
  #inspiration .bigSliderInspi div.share > ul li.facebook a:hover {
    background-size: 16px auto;
  }
  #inspiration .bigSliderInspi div.share > ul li.link {
    margin-top: 5px;
  }
  #inspiration .bigSliderInspi div.share > ul li.link a {
    width: 30px;
    height: 30px;
    background-size: 20px auto;
  }
  #inspiration .bigSliderInspi div.share > ul li.link a:hover {
    background-size: 20px auto;
  }
  #inspiration .bigSliderInspi div.share > ul li.shop > a.btn.green-plain {
    height: 40px!important;
    line-height: 35px;
  }
  #inspiration .bigSliderInspi div.share > ul li.shop > a.btn.green-plain span.icon-cart {
    background-size: 21px auto;
    width: 28px;
    height: 37px;
    background: transparent url("images/icons/shopCart.svg") no-repeat scroll center center;
  }
  #inspiration .masonry-grid .grid-sizer {
    width: 50%;
  }
  #inspiration .masonry-grid .grid-item {
    width: 50%;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  #inspiration .inspiration {
    margin-top: 80px;
  }
  #inspiration .masonry-grid .grid-sizer {
    width: 50%;
  }
  #inspiration .masonry-grid .grid-item {
    width: 50%;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  /* HOME */
}
/* LG */
@media (min-width: 1280px) and (max-width: 1919px) {
  /* HOME */
}
@media (min-width: 768px) and (max-width: 1919px) {
  #inspiration .bigSliderInspi div.share > ul li.pinterest,
  #inspiration .bigSliderInspi div.share > ul li.facebook,
  #inspiration .bigSliderInspi div.share > ul li.link {
    width: 40px;
    height: 40px;
  }
  #inspiration .bigSliderInspi div.share > ul li.pinterest a {
    background-size: 21px 25px !important;
    width: 40px !important;
    height: 40px !important;
  }
  #inspiration .bigSliderInspi div.share > ul li.pinterest a:hover {
    background-size: 21px 25px !important;
  }
  #inspiration .bigSliderInspi div.share > ul li.facebook a {
    background-size: 21px auto;
    width: 40px;
    height: 40px;
  }
  #inspiration .bigSliderInspi div.share > ul li.facebook a:hover {
    background-size: 21px auto;
  }
  #inspiration .bigSliderInspi div.share > ul li.link a {
    width: 40px;
    height: 40px;
    background-size: 25px auto;
  }
  #inspiration .bigSliderInspi div.share > ul li.link a:hover {
    background-size: 25px auto;
  }
  #inspiration .bigSliderInspi div.share > ul li.shop > a.btn.green-plain {
    height: 40px;
    line-height: 21px;
  }
  #inspiration .bigSliderInspi div.share > ul li.shop > a.btn.green-plain span.icon-cart {
    background-size: 25px auto;
    width: 25px;
    height: 24px;
    background: transparent url("images/icons/shopCart.svg") no-repeat scroll center center;
  }
}
/* XL */
@media (min-width: 1920px) {
  /* HOME */
}
/*====================================  NEWS =======================================*/
#news .box {
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  margin: 20px 0;
}
#news .news h1.title-big-pnlight {
  display: block;
}
#news .news .box {
  height: 730px;
  text-align: center;
}
#news .bg-title-white {
  padding: 30px 5%;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}
#news .articles-list {
  margin-top: -20px;
}
#news .articles-list .col-md-6 {
  float: none;
  margin: 0 auto;
}
#news .articles-list .col-md-6 .box-text {
  background: #f8f8f8;
  margin: 0;
  padding: 5% 10%;
}
#news .articles-list .col-md-6 .box-text a.title-article {
  text-decoration: none;
}
#news .articles-list .col-md-6 .box-text > a > h2 {
  padding: 0 10%;
  display: block;
}
#news .articles-list .col-md-6 .box-text > a.title-article:hover {
  text-decoration: none;
}
#news .articles-list .col-md-6 .box-text .current-text {
  margin: 20px 0 30px;
}
#news-article .box {
  position: relative;
  vertical-align: middle;
  /*text-align: center;*/
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
#news-article .article .box .article-content {
  background: #FFFFFF;
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 550px;
  display: block;
  /*> p.current-text{
          text-align: left;
        }*/
}
#news-article .article .box .article-content > h1.title-big-pnlight {
  padding: 30px 15%;
  display: block;
}
#news-article .article .box .article-content .current-text.bold {
  font-weight: 600;
}
#news-article .article .box .article-content > h2.title-small-pnlight {
  padding: 40px;
  display: block;
}
#news-article .article .box .article-content div.more div.share > ul > li {
  margin: 0 10px 40px 10px;
  vertical-align: top;
}
#news-article .article .box .article-content div.more div.share > ul li.facebook {
  width: 54px;
  display: inline-block;
  float: none;
}
#news-article .article .box .article-content div.more div.share > ul li.facebook a {
  background: url('images/icons/shareFacebook.svg') no-repeat center center;
  background-size: 28px auto;
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid #888888;
  border-radius: 30px;
}
#news-article .article .box .article-content div.more div.share > ul li.facebook a:hover {
  background: #3b5998 url('images/icons/shareFacebookWhite.svg') no-repeat center center;
  background-size: 28px auto;
  border: 1px solid #3b5998;
}
#news-article .article .box .article-content div.more div.share > ul li.pinterest {
  width: 54px;
  height: 54px;
  overflow: hidden;
  display: inline-block;
  float: none;
}
#news-article .article .box .article-content div.more div.share > ul li.pinterest span {
  background: url('images/icons/sharePinterest.svg') !important;
  background-size: 28px 34px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  display: block;
  width: 54px !important;
  height: 54px !important;
  border: 1px solid #888888;
  border-radius: 30px;
}
#news-article .article .box .article-content div.more div.share > ul li.pinterest span:hover {
  background: #cb2027 url('images/icons/sharePinterestWhite.svg') !important;
  background-size: 28px 34px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border: 1px solid #cb2027;
}
#news-article .article .box .article-content div.more div.share > ul li.pinterest a {
  background: url('images/icons/sharePinterest.svg') !important;
  background-size: 28px 34px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  display: block;
  width: 54px !important;
  height: 54px !important;
  border: 1px solid #888888;
  border-radius: 30px;
}
#news-article .article .box .article-content div.more div.share > ul li.pinterest a:hover {
  background: #cb2027 url('images/icons/sharePinterestWhite.svg') !important;
  background-size: 28px 34px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border: 1px solid #cb2027;
}
#news-article .article img {
  display: block;
  max-width: 100%;
  height: auto;
}
/* XS */
@media (max-width: 767px) {
  #news .bg-title-white {
    margin-top: 20px;
    width: 80%;
  }
  #news .news .box {
    height: 210px;
    background-size: 175%;
  }
  #news-article .box {
    background-size: 300% auto;
  }
  #news-article .article .box .col-md-10-article-content {
    padding: 0;
  }
  #news-article .article .box .article-content {
    margin-top: 400px;
    padding: 0;
  }
  #news-article .article .box .article-content > h1.title-big-pnlight {
    padding: 10px 0%;
  }
  #news-article .article .box .article-content div.more div.share > ul li {
    margin: 0px 40px 40px;
  }
  #news-article .article .box .article-content div.more div.share > ul li.facebook {
    width: 40px;
  }
  #news-article .article .box .article-content div.more div.share > ul li.facebook a {
    background-size: 20px auto;
    display: block;
    width: 40px;
    height: 40px;
  }
  #news-article .article .box .article-content div.more div.share > ul li.facebook a:hover {
    background-size: 20px auto;
  }
  #news-article .article .box .article-content div.more div.share > ul li.pinterest {
    width: 40px;
    height: 40px;
  }
  #news-article .article .box .article-content div.more div.share > ul li.pinterest a {
    background-size: 20px 24px !important;
    width: 40px !important;
    height: 40px !important;
  }
  #news-article .article .box .article-content div.more div.share > ul li.pinterest a:hover {
    background-size: 20px 24px !important;
  }
  #news-article .article .box .article-content div.more .btn.grey-stroke {
    background: #f2f2f2;
    color: #3c3c3c;
    border: none;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  #news .bg-title-white {
    margin-top: 22px;
    width: 80%;
  }
  #news .news .box {
    height: 279px;
  }
  #news-article .article .box .article-content {
    margin-top: 280px;
    padding: 40px 10%;
  }
  #news-article .article .box .article-content .current-text {
    padding: 30px 0;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  #news .bg-title-white {
    margin-top: 50px;
  }
  #news .news .box {
    height: 379px;
  }
  #news-article .article .box .article-content {
    margin-top: 250px;
    padding: 40px 15%;
  }
  #news-article .article .box .article-content .current-text {
    padding: 30px 0;
  }
}
/* LG */
@media (min-width: 1280px) and (max-width: 1919px) {
  #news .bg-title-white {
    margin-top: 100px;
  }
  #news .news .box {
    height: 478px;
  }
  #news-article .article .box .article-content {
    margin-top: 328px;
    padding: 40px 15%;
  }
  #news-article .article .box .article-content .title-big-pnlight {
    padding: 10px 25%;
  }
  #news-article .article .box .article-content .current-text {
    padding: 30px 0;
  }
}
/* XL */
@media (min-width: 1920px) {
  #news .bg-title-white {
    padding: 50px 5%;
    margin-top: 165px;
  }
  #news .news .box {
    height: 730px;
  }
  #news-article .article .box .article-content {
    margin-top: 550px;
    padding: 40px 17%;
  }
  #news-article .article .box .article-content .current-text {
    padding: 30px 0;
  }
}
/*====================================  CONTACT / FAQS / PRESS / SERVICES / PRIVATE SALES =======================================*/
/*-------------------------- CONTACT -------------------------------*/
#contact .container {
  margin-top: 35px;
  margin-bottom: 35px;
}
#contact .contact-form p.form {
  width: 100%;
}
#contact .contact-form p.form label {
  width: 100%;
  display: block;
}
#contact .contact-form p.form div.rounded {
  min-width: 100px;
}
#contact .contact-form p.form textarea {
  height: 120px;
}
#contact .contact-form .btn.grey-plain {
  width: 130px;
  margin: 20px auto;
  display: block;
}
#contact .contact-form div.radioBtns {
  margin-bottom: 10px;
}
/*-------------------------- FORMS DIVERS -------------------------------*/
#detection_de_projet label,
#demande_de_rdv_deco label {
  max-width: 90%!important;
}
#detection_de_projet input[type=checkbox],
#demande_de_rdv_deco input[type=checkbox] {
  margin-top: 9px;
}
#detection_de_projet input[type=number],
#demande_de_rdv_deco input[type=number] {
  width: 100%;
  height: 40px;
}
#detection_de_projet p,
#demande_de_rdv_deco p {
  margin-bottom: 10px!important;
}
/*-------------------------- SIDEBAR -------------------------------*/
div.sidebar-contact {
  margin-top: 10px;
}
div.sidebar-contact div.grey-box {
  background: #c3c3c3;
  padding: 20px;
  text-align: center;
  margin-bottom: 30px;
}
div.sidebar-contact div.grey-box > p.current-text20 {
  text-align: left;
  line-height: normal;
  padding-bottom: 10px;
}
div.sidebar-contact div.grey-box > .title-xs-pnbold {
  padding: 10px 0;
}
div.sidebar-contact div.grey-box > .btn.white-plain-grey {
  min-width: 165px;
}
div.sidebar-contact div.grey-box div.locator {
  position: relative;
}
div.sidebar-contact div.grey-box div.locator > input[type=text] {
  border-radius: 3px;
  padding-left: 10px;
  width: 100%;
  background: #FFFFFF;
}
div.sidebar-contact div.grey-box div.locator > input[type=submit].submit-arrow {
  position: absolute;
  right: 0px;
  top: 1px;
  z-index: 4;
}
/*-------------------------- TEMPLATE CMS LARGE -------------------------------*/
#large-template .conditions-content {
  float: none;
  margin: 30px auto;
}
#large-template .conditions-content h1.title-medium-pnlight {
  text-align: center;
  padding: 50px 0;
  display: block;
}
#large-template .conditions-content h2 {
  text-align: center;
  padding: 10px 0 30px;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'proxima-nova';
  font-size: 18px;
}
#large-template .conditions-content p {
  text-align: justify;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 144%;
  font-family: "adobe-garamond-pro", sans-serif;
  letter-spacing: 2px;
}
#large-template .conditions-content a {
  text-decoration: underline;
}
/*-------------------------- TEMPLATE FAQ -------------------------------*/
#faqs .container {
  margin-top: 35px;
  margin-bottom: 35px;
}
#faqs .container .faq-content > h1.title-medium-pnlight {
  width: 100%;
  text-align: center;
  display: block;
  margin: 32px auto 20px;
}
#faqs .container .faq-content > h2.faq-subject {
  font-size: 24px;
  color: #888888;
  border: 1px solid #888888;
  width: 100%;
  padding: 8px;
  text-align: center;
  display: block;
  margin-bottom: 30px;
}
#faqs .container .faq-content > h3.question-cat {
  font-family: 'proxima-nova';
  font-weight: 700;
  color: #888888;
  font-size: 20px;
  display: block;
}
#faqs .container .faq-content .bloc-question .title-question {
  font-family: 'proxima-nova';
  font-size: 16px;
  padding: 15px 20px 15px 0;
  width: 100%;
  background: url("images/icons/arrowRight.svg") no-repeat right center;
}
#faqs .container .faq-content .bloc-question .title-question:hover {
  cursor: pointer;
}
#faqs .container .faq-content .bloc-question .title-question.open {
  background: url("images/icons/arrowDown.svg") no-repeat right center;
}
#faqs .container .faq-content .bloc-question div.answer-content {
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #888888;
  line-height: normal;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
}
#faqs .container .faq-content .bloc-question div.title-question.open + div.answer-content {
  visibility: visible;
  max-height: 500px;
  height: auto;
  display: block;
  opacity: 1;
  padding-bottom: 20px;
}
/*-------------------------- PRESS -------------------------------*/
#press {
  margin-top: 40px;
  /*-------------------------- slider kits -------------------------------*/
  /*-------------------------- infos de contact press -------------------------------*/
}
#press h2,
#press h3 {
  display: block;
}
#press .box.press {
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
#press .box.press .text-column {
  height: 100%;
  text-align: center;
}
#press .box.press .text-column div.valign {
  width: 1%;
}
#press .box.press .text-column div.valign-item {
  width: 97%;
}
#press .box.press .text-column div.valign-item > p.current-text {
  padding: 60px 0;
}
#press .col-md-6.image {
  padding-right: 0;
  overflow: hidden;
}
#press .col-md-6.image img {
  display: block;
  max-width: 150%;
  height: auto;
  max-height: 100%;
  width: auto;
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#press .box.campaigns {
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  text-align: left;
}
#press .box.campaigns .campaigns-list {
  /*.sliderCampaignsNav{
        .slick-slide{
          outline-color: transparent ;
          padding-left: 65px;
        }
        .slick-slide a{
          .date{
            font-family: 'proxima-nova';
            font-weight: 400;
            font-size: 30px;
            width: 50%;
            padding: 80px 0;
            color: #888888;
            outline: 0;
          }
        }
        .slick-slide a:hover .date, .slick-current a .date{
          color: #3c3c3c;
          cursor: pointer;
        }
      }*/
  /*-------------------------- slider campains -------------------------------*/
}
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner .jspScrollable,
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner .jspContainer {
  width: 100%!important;
}
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner .jspHorizontalBar {
  height: 6px;
}
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner li.slick-slide {
  padding: 0 10px;
  position: relative;
}
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner li.slick-slide:hover,
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner li.slick-slide:active,
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner li.slick-slide:focus {
  /*.caption{
            color: #3c3c3c;
          }*/
}
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner li.slick-slide:hover > a,
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner li.slick-slide:active > a,
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner li.slick-slide:focus > a {
  text-decoration: none;
}
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner li.slick-slide:hover > a:hover,
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner li.slick-slide:active > a:hover,
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner li.slick-slide:focus > a:hover {
  cursor: default;
}
#press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner > ul.slick-dots {
  background: #e6e6e6;
  border-radius: 3px;
}
#press .box.kit {
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  text-align: left;
}
#press .box.kit .press-kit h1 {
  display: block;
  padding-left: 20px;
}
#press .box.kit .press-kit > h2.title-medium-pnbold {
  padding-left: 10px;
}
#press .box.kit .press-kit > p.current-text {
  padding: 30px 10px 20px 20px;
}
#press .box.kit .press-kit ul.press-kit-slider-small {
  width: 95%;
  margin: 0 auto;
}
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide {
  padding: 0 10px;
  position: relative;
}
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide a {
  text-decoration: none;
}
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide a:hover,
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide a:focus {
  text-decoration: underline;
}
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide .caption {
  min-height: 44px;
  color: #888888;
}
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide span.download-icon {
  display: none;
  background: url('images/icons/customDownload.svg') no-repeat center center;
  background-size: 100% auto;
  width: 51px;
  height: 52px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  z-index: 99999;
}
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide > a img {
  width: 100%;
}
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide:hover > a,
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide:active > a,
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide:focus > a {
  text-decoration: underline;
}
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide:hover > a span.download-icon,
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide:active > a span.download-icon,
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide:focus > a span.download-icon {
  display: block;
}
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide:hover > a img,
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide:active > a img,
#press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide:focus > a img {
  opacity: 0.3;
  -moz-opacity: 0.30;
  -khtml-opacity: 0.30;
}
#press ul.pressCampaignsSlider-inner .slick-prev,
#press ul.press-kit-slider-small .slick-prev {
  display: block;
  width: 50px;
  height: 100%;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  z-index: 999;
  left: 0;
  top: 10px;
}
#press ul.pressCampaignsSlider-inner .slick-prev::before,
#press ul.press-kit-slider-small .slick-prev::before {
  background: url('images/index/arrow-prev.png') no-repeat center center;
  display: block;
  width: 100%;
}
#press ul.pressCampaignsSlider-inner .slick-next,
#press ul.press-kit-slider-small .slick-next {
  display: block;
  width: 50px;
  height: 100%;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  z-index: 999;
  right: 0;
  top: 10px;
}
#press ul.pressCampaignsSlider-inner .slick-next::before,
#press ul.press-kit-slider-small .slick-next::before {
  background: url('images/index/arrow-next.png') no-repeat center center;
  display: block;
  width: 100%;
}
#press .box.office {
  padding-left: 20px;
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  text-align: left;
}
#press .box.office .text-column {
  height: 100%;
}
#press .box.office .contact-column {
  background: #c3c3c3;
  text-align: center;
  padding: 30px;
  margin-left: 10px;
  margin-right: -10px;
  height: 100%;
  display: block;
}
#press .box.office .text-column:before,
#press .box.office .contact-column:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#press .box.office .text-column .valignText,
#press .box.office .contact-column .valignText {
  width: 90%;
  display: inline-block;
  vertical-align: middle;
}
#press .box.office .text-column .valignText .current-text20,
#press .box.office .contact-column .valignText .current-text20 {
  padding: 15px 0;
}
#press .box.office a.btn.green-plain {
  width: 200px;
}
#press .box.office .iconDownload {
  background: url("images/icons/pressDownload.svg") no-repeat center center;
  display: inline-block;
  width: 100%;
  height: 120px;
  background-size: 80px 80px;
}
/*-------------------------- CONSEILS -------------------------------*/
/*#advices{
  .container{
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .advice-content{
    > h1.title-medium-pnlight{
      font-weight: 400;
      width: 100%;
      text-align: center;
      display: block;
      margin: 0 auto 20px;
    }
    .tabsBtn{
      border-top: 1px solid #c3c3c3;
      border-bottom: 1px solid #c3c3c3;
      width: 100%;
      text-align: center;
      .btn-tab{
        display: inline-block;
        padding: 10px 12px;
        font-family: @proxima;
        font-weight: 700;
        font-size: 14px;
        color:#c7c7c7;
      }
      .btn-tab:hover, .btn-tab:focus{
        text-decoration: none;
        color: #888888;
      }
      .btn-tab.active {
        color: #888888;
        text-decoration: none;
      }
    }
    .tabs {
      visibility: hidden;
      opacity: 0.3;
      padding-top: 20px;
      padding-bottom: 20px;
      transition:opacity 0.5s linear;
      > h2.title-xs-pnbold{
        color: #888888;
        text-align: center;
        width: 100%;
        padding: 10px 0;
        display: block;
      }
      p.title-conseil{
        font-family: @proxima;
        font-weight: 400;
        font-size: 18px;
      }
    }
    .tabs.active {
      visibility: visible;
      opacity: 1;
      > ul{
        > li{
          > p, h3 {
            color: #888888;
            display: block;
          }
          h3.bold{
            font-size: 20px;
          }
        }
      }
    }
  }
}*/
/*-------------------------- SERVICES -------------------------------*/
#services_cms .container-fluid {
  margin-top: 20px;
  margin-bottom: 80px;
}
#services_cms h1.title-xs-pnbold {
  display: block;
  width: 100%;
  margin: 60px 0 30px 0;
  font-size: 20px;
}
#services_cms .services-content {
  margin-bottom: 40px;
  margin-top: 40px;
}
/*-------------------------- PAGES CMS CONTRACT  TRADE -------------------------------*/
#contracts .box,
#trade_program .box {
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
#contracts .box > h1.title-big-pnlight.bg-title-white,
#trade_program .box > h1.title-big-pnlight.bg-title-white {
  padding: 155px 0;
  width: 50%;
  margin: 0 auto;
  margin-top: 9%;
  display: block;
}
#contracts .contracts-content,
#trade_program .contracts-content,
#contracts .trade-content,
#trade_program .trade-content {
  text-align: center;
}
#contracts .contracts-content > p.current-text,
#trade_program .contracts-content > p.current-text,
#contracts .trade-content > p.current-text,
#trade_program .trade-content > p.current-text {
  margin: 20px 0;
}
#contracts .contracts-content > a.btn.grey-plain,
#trade_program .contracts-content > a.btn.grey-plain,
#contracts .trade-content > a.btn.grey-plain,
#trade_program .trade-content > a.btn.grey-plain {
  display: inline-block;
  margin: 30px 0;
}
#contracts .greyFilet,
#trade_program .greyFilet {
  display: block;
  background: #c3c3c3;
  width: 100%;
  height: 1px;
  padding: 0;
  margin: 20px 0 20px 0;
}
#contracts .btn.grey-plain,
#trade_program .btn.grey-plain {
  padding: 7px 60px;
}
#contracts .trade-form .title-small-pnreg,
#trade_program .trade-form .title-small-pnreg {
  padding-left: 10px;
}
#contracts .radio,
#trade_program .radio {
  margin-top: 10px;
  margin-bottom: 10px;
}
#trade_program .box > h1.title-big-pnlight.bg-title-white {
  padding: 130px 0;
  margin-top: 9%;
  display: block;
}
#trade_program .trade-content > a.btn {
  margin: 30px 20px;
}
.trade-form {
  margin-top: 10px;
}
/*-------------------------- PRIVATE SALES -------------------------------*/
#private_sales .sales h1 {
  display: block;
  margin-bottom: 20px;
}
#private_sales .sales .box {
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
#private_sales .sales .box .bg-title-white {
  padding: 5% 5%;
  width: 50%;
  margin: 10% auto;
}
#private_sales .col-lg-6.sales-list {
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
#private_sales .col-lg-6.sales-list div.col-sm-6 {
  margin: 0;
  padding: 0;
}
#private_sales .col-lg-6.sales-list div.col-sm-6 > select {
  width: 96%;
}
#private_sales .col-lg-6.sales-list div.bloc-sales {
  text-align: center;
  background: #F8F8F8;
  padding: 0px 0 60px 0;
  margin-top: -20px;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .box {
  overflow: hidden;
  margin: 50px 0 20px 0;
  position: relative;
  z-index: 1;
  outline: 1px solid #FFFFFF;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .box img {
  position: relative;
  z-index: 1;
  max-width: 70%;
  margin: 5% 15%;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .box div.box-background {
  width: 100%;
  height: 100%;
  background-size: 120% auto;
  background-position: center center;
  -webkit-filter: blur(45px);
  -moz-filter: blur(45px);
  -o-filter: blur(45px);
  -ms-filter: blur(45px);
  filter: blur(45px);
  position: absolute;
  z-index: 0;
  top: 0;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .top-infos > .title-big-pnlight {
  padding-top: 20px;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .top-infos .current-text {
  padding: 10px 5%;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos {
  background: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  float: none;
  padding: 30px 30px 20px 30px;
  font-family: 'proxima-nova';
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos .store-title {
  font-size: 16px;
  font-weight: 300;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos .store-hours {
  padding: 5px 0 15px 0;
  text-transform: lowercase;
  line-height: 1.2em;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos p.current-text20 {
  font-size: 18px;
  margin-top: 5px;
  line-height: normal;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos .store-type {
  font-weight: 700;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos .store-contact > p {
  width: 100%;
  background: url('images/sales/store-contact.jpg') repeat-x;
  background-position: 0 7px;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos .store-contact > p > a,
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos .store-contact > p > span {
  background: #FFFFFF;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos .store-contact > p > a.contact,
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos .store-contact > p > span.contact {
  padding-right: 10px;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos .store-contact > p > a.contact-value,
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos .store-contact > p > span.contact-value {
  padding-left: 10px;
}
#private_sales .col-lg-6.sales-list div.bloc-sales .sales-infos .store-infos .store-contact > p > a:hover {
  text-decoration: none;
  cursor: pointer;
}
#private_sales .col-lg-6.sales-list div.bloc-sales:first-child {
  margin-top: 0;
}
.row .history-text {
  margin: 40px 0;
}
.formCatalog .radio {
  margin: 10px 0 20px 0;
}
/* XS */
@media (max-width: 767px) {
  #faqs .faq-content {
    padding: 0 5%;
  }
  div.sidebar-contact div.grey-box > .btn.white-plain-grey {
    width: 80%;
    margin: 10px 10%;
    height: 50px;
    border-radius: 25px!important;
  }
  #press .box.press {
    height: auto;
  }
  #press .box.press .image {
    padding: 0;
  }
  #press .box.press .image img {
    max-width: 100%;
  }
  #press .box.press .text-column {
    padding: 0 5%;
  }
  #press .box.press .text-column div.valign-item {
    margin-bottom: 20px;
  }
  #press .box.press .text-column div.valign-item > p.current-text {
    padding: 20px 0;
  }
  #press .box.campaigns .campaigns-list ul.pressCampaignsSlider li.slick-slide .caption .date {
    font-size: 30px;
    padding: 80px 0;
  }
  #press .box.campaigns .campaigns-list ul.pressCampaignsSlider .slick-prev {
    left: 10px;
    top: 101px;
  }
  #press .box.campaigns .campaigns-list ul.pressCampaignsSlider .slick-next {
    right: 10px;
    top: 101px;
  }
  #press .box.kit .press-kit ul.press-kit-slider-small .slick-prev,
  #press .box.kit .press-kit ul.press-kit-slider-small .slick-next {
    z-index: 999;
  }
  #press .box.kit .press-kit ul.press-kit-slider-small button.slick-prev {
    left: 5px;
    top: 130px;
    background: #FFFFFF;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    padding-left: 10px;
  }
  #press .box.kit .press-kit ul.press-kit-slider-small button.slick-next {
    right: 5px;
    top: 130px;
    background: #FFFFFF;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    padding-left: 10px;
  }
  #press .box.office {
    height: auto;
  }
  #press .box.office .text-column {
    padding: 0 5%;
  }
  #press .box.office .contact-column {
    padding: 20px 0;
    margin: 0;
  }
  /*#advices{
    .container{
      margin-top: 0px;
    }
    .advice-content{
      .tabsBtn{
        .btn-tab{
          display: block;
          width: 100%;
        }
      }
    }
  }*/
  #contracts .contracts .box,
  #trade_program .contracts .box,
  #private_sales .contracts .box,
  #contracts .trade .box,
  #trade_program .trade .box,
  #private_sales .trade .box,
  #contracts .sales .box,
  #trade_program .sales .box,
  #private_sales .sales .box {
    height: 141px;
  }
  #contracts .contracts .box > h1.title-big-pnlight.bg-title-white,
  #trade_program .contracts .box > h1.title-big-pnlight.bg-title-white,
  #private_sales .contracts .box > h1.title-big-pnlight.bg-title-white,
  #contracts .trade .box > h1.title-big-pnlight.bg-title-white,
  #trade_program .trade .box > h1.title-big-pnlight.bg-title-white,
  #private_sales .trade .box > h1.title-big-pnlight.bg-title-white,
  #contracts .sales .box > h1.title-big-pnlight.bg-title-white,
  #trade_program .sales .box > h1.title-big-pnlight.bg-title-white,
  #private_sales .sales .box > h1.title-big-pnlight.bg-title-white,
  #contracts .contracts .box .bg-title-white,
  #trade_program .contracts .box .bg-title-white,
  #private_sales .contracts .box .bg-title-white,
  #contracts .trade .box .bg-title-white,
  #trade_program .trade .box .bg-title-white,
  #private_sales .trade .box .bg-title-white,
  #contracts .sales .box .bg-title-white,
  #trade_program .sales .box .bg-title-white,
  #private_sales .sales .box .bg-title-white {
    width: 80%;
    padding: 8% 0;
    margin-top: 4%;
  }
  #contracts .contracts-content > p.current-text,
  #trade_program .contracts-content > p.current-text,
  #private_sales .contracts-content > p.current-text,
  #contracts .trade-content > p.current-text,
  #trade_program .trade-content > p.current-text,
  #private_sales .trade-content > p.current-text {
    padding: 0 5%;
  }
  #contracts .contracts-content > a.btn,
  #trade_program .contracts-content > a.btn,
  #private_sales .contracts-content > a.btn,
  #contracts .trade-content > a.btn,
  #trade_program .trade-content > a.btn,
  #private_sales .trade-content > a.btn {
    margin: auto;
  }
  #private_sales .col-lg-6.sales-list {
    margin-top: 0px;
  }
  #private_sales .col-lg-6.sales-list div.col-sm-6 > select {
    float: none;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 10px;
    width: 90%;
  }
  #private_sales .col-lg-6.sales-list .store-title {
    line-height: normal;
  }
  #private_sales .col-lg-6.sales-list div.bloc-sales .box {
    margin: 34px 0px 20px;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  #press .box.press {
    height: 279px;
  }
  #press .box.press .text-column div.valign-item > p.current-text {
    padding: 20px 0;
  }
  #press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner .jspContainer {
    height: 380px!important;
  }
  #press .box.kit .press-kit ul.press-kit-slider-small {
    /*.slick-prev {
            left: 5px;
            top: 130px;
            background: #FFFFFF;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            padding-left: 10px;
          }
          .slick-next {
            right: 5px;
            top: 130px;
            background: #FFFFFF;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            padding-left: 10px;
          }*/
  }
  #press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide {
    /*.caption{
              min-height: 55px;
              max-width: 70%;
              margin-left: auto;
              margin-right: auto;
            }*/
  }
  #press .box.kit .press-kit ul.press-kit-slider-small .slick-prev,
  #press .box.kit .press-kit ul.press-kit-slider-small .slick-next {
    z-index: 999;
  }
  #press .box.office {
    height: auto;
  }
  #press .box.office .contact-column {
    margin-left: 0;
    margin-right: 0;
  }
  #contracts .contracts .box,
  #trade_program .contracts .box,
  #private_sales .contracts .box,
  #contracts .trade .box,
  #trade_program .trade .box,
  #private_sales .trade .box,
  #contracts .sales .box,
  #trade_program .sales .box,
  #private_sales .sales .box {
    height: 279px;
  }
  #contracts .box > h1.title-big-pnlight.bg-title-white {
    padding: 60px 0;
  }
  #trade_program .box > h1.title-big-pnlight.bg-title-white {
    padding: 20px 0;
  }
  #private_sales .sales .box .bg-title-white {
    padding: 5% 5%;
    width: 80%;
    margin-top: 3%;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  #press .box.press {
    height: 379px;
  }
  #press .box.campaigns .campaigns-list ul.pressCampaignsSlider-inner .jspContainer {
    height: 270px!important;
  }
  #press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide .caption {
    min-height: 55px;
  }
  #press .box.office {
    height: 395px;
  }
  #contracts .contracts .box,
  #trade_program .contracts .box,
  #private_sales .contracts .box,
  #contracts .trade .box,
  #trade_program .trade .box,
  #private_sales .trade .box,
  #contracts .sales .box,
  #trade_program .sales .box,
  #private_sales .sales .box {
    height: 379px;
  }
  /*#contracts .box > h1.title-big-pnlight.bg-title-white{
    padding: 100px 0;
  }
  #trade_program .box > h1.title-big-pnlight.bg-title-white{
    padding: 60px 0;
  }*/
}
/* LG */
@media (min-width: 1280px) and (max-width: 1919px) {
  #press .box.press {
    height: 480px;
  }
  #press .box.campaigns .campaigns-list ul.pressCampaignsSlider .jspContainer {
    height: 340px!important;
  }
  #press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide .caption {
    min-height: 55px;
  }
  #press .box.office {
    height: 270px;
  }
  #contracts .contracts .box,
  #trade_program .contracts .box,
  #private_sales .contracts .box,
  #contracts .trade .box,
  #trade_program .trade .box,
  #private_sales .trade .box,
  #contracts .sales .box,
  #trade_program .sales .box,
  #private_sales .sales .box {
    height: 479px;
  }
  #contracts .box > h1.title-big-pnlight.bg-title-white {
    padding: 120px 0;
  }
  #trade_program .box > h1.title-big-pnlight.bg-title-white {
    padding: 80px 0;
  }
}
/* XL */
@media (min-width: 1920px) {
  /* HOME */
  #press .box.press {
    height: 723px;
  }
  #press .box.campaigns .campaigns-list ul.pressCampaignsSlider {
    /*li.slick-slide{
            .caption{
              .date{
                font-size: 30px;
                padding: 80px 0;
              }
            }
          }*/
  }
  #press .box.campaigns .campaigns-list ul.pressCampaignsSlider .jspContainer {
    height: 500px!important;
  }
  #press .box.kit .press-kit ul.press-kit-slider-small li.slick-slide .caption {
    min-height: 80px;
  }
  #press .box.office {
    height: 395px;
  }
  #contracts .contracts .box,
  #trade_program .contracts .box,
  #private_sales .contracts .box,
  #contracts .trade .box,
  #trade_program .trade .box,
  #private_sales .trade .box,
  #contracts .sales .box,
  #trade_program .sales .box,
  #private_sales .sales .box {
    height: 723px;
  }
  #services_cms .current-text {
    font-size: 24px;
  }
}
/**
/* CSS HOME
**/
/* GENERIQUE */
#cart .container {
  margin-top: 35px;
  margin-bottom: 35px;
}
#cart .container .cart {
  display: table;
}
#cart .container .cart .table-head .col,
#cart .container .cart .product-line .col {
  border-bottom: 1px solid #c3c3c3;
}
#cart .container .cart .product-line .col {
  height: 270px;
  line-height: 270px;
}
#cart .container .cart .product-line .col p,
#cart .container .cart .product-line .col span,
#cart .container .cart .product-line .col a,
#cart .container .cart .product-line .col br {
  line-height: normal;
}
#cart .container .cart .product-line .col > p {
  display: inline-block;
  vertical-align: middle;
  float: none;
  line-height: normal;
}
#cart .container .cart .product-line .col a.delete {
  display: inline-block;
  /* vertical-align: middle; */
  /* float: none; */
  background: url('images/common/pictoClose.png') no-repeat center center;
  /* width: 100%; */
  width: 30px;
  height: 100%;
  /* text-align: center; */
}
#cart .container .cart .product-line .col .eco {
  font-size: 14px;
}
#cart .container .cart .product-line .col.first {
  /*line-height: normal!important;*/
  text-align: center;
}
#cart .container .cart .product-line .col.first img {
  max-height: 160px;
  width: auto;
  display: inline-block;
}
#cart .container .cart .total-line {
  margin-top: 20px;
}
#cart .container .cart .total-line > div.col-md-8 p {
  text-align: right;
}
#cart .container .cart .total-line > div.col-md-1 a.orange {
  text-decoration: underline;
}
#cart .container .cart .process-line > .col-md-7 > a.btn {
  margin-right: 30px;
}
#cart .container .cart .process-line a.btn.green-plain {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
#cart .container .cart .process-line .saveCartMsg {
  padding: 10px 5px;
}
#cart .container .cart .process-line.buttonsLine {
  margin-top: 20px;
}
/* XS */
@media (max-width: 767px) {
  .cart {
    display: table;
  }
  .cart .table-head .col,
  .cart .product-line .col {
    border: none!important;
  }
  .cart .product-line {
    margin: 0 5%;
    border-bottom: 1px solid #c3c3c3;
    /*.col.delete{
        width: 22px!important;
        height: 21px;
        display: block;
        float: none;
        position: absolute;
        top:0;
        right:10px;
      }*/
  }
  .cart .product-line .col {
    height: auto!important;
    line-height: normal!important;
  }
  .cart .product-line .col > p {
    display: inline-block;
    vertical-align: middle;
    float: none;
    line-height: normal;
  }
  .cart .product-line .col a.delete {
    position: absolute;
    top: -130px;
    right: 0;
    display: block;
    background: url('images/common/pictoClose.png') no-repeat center center;
    width: 22px!important;
    height: 21px;
  }
  .cart .product-line .col.first {
    text-align: left!important;
    line-height: 180px;
  }
  .cart .product-line .col.first > img {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
  }
  .cart .product-line .col.first > p {
    display: inline-block;
    vertical-align: middle;
  }
  .cart .product-line .col.first .title-collection-pnbold span {
    padding: 0 20px;
  }
  .cart .product-line .qte > p input[type=button] {
    float: left;
    width: 30px;
    height: 30px;
    background: '#C3C3C3';
    border: none;
    color: #FFFFFF;
  }
  .cart .product-line .qte > p input[type=text] {
    float: left;
    width: 40px;
    height: 30px;
    background: #FFFFFF;
    text-align: center;
    border-top: 1px solid '#C3C3C3';
    border-bottom: 1px solid '#C3C3C3';
  }
  .cart .product-line .price {
    text-align: right;
  }
  .cart .product-line .price > span {
    float: right;
  }
  .cart .total-line {
    margin: 20px 5% 0 5%;
  }
  .cart .total-line > div.col-md-8 p {
    text-align: right;
    font-size: 15px;
    line-height: 1.6em;
  }
  .cart .total-line > div.col-md-1 {
    text-align: right;
  }
  .cart .total-line #promo_code {
    width: 100%!important;
    margin-bottom: 20px!important;
  }
  .cart .total-line #check-promo-validity {
    margin-bottom: 10px;
  }
}
/* SM */
@media (min-width: 768px) {
  #cart .container .cart a.btn.green-plain {
    white-space: nowrap;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #cart .container .cart {
    display: table;
  }
  #cart .container .cart .table-head .col,
  #cart .container .cart .product-line .col {
    border: none !important;
  }
  #cart .container .cart .product-line {
    border-bottom: 1px solid #c3c3c3;
    /*.col.delete {
            width: 22px !important;
            height: 21px;
            display: block;
            float: none;
            position: absolute;
            top: 0;
            right: 10px;
          }*/
  }
  #cart .container .cart .product-line .col {
    height: auto !important;
    line-height: normal !important;
  }
  #cart .container .cart .product-line .col > p {
    display: inline-block;
    vertical-align: middle;
    float: none;
    line-height: normal;
  }
  #cart .container .cart .product-line .col a.delete {
    position: absolute;
    top: -130px;
    right: 0;
    display: block;
    background: url('images/common/pictoClose.png') no-repeat center center;
    width: 22px !important;
    height: 21px;
  }
  #cart .container .cart .product-line .col.first {
    text-align: left!important;
    line-height: 180px;
  }
  #cart .container .cart .product-line .col.first > img {
    max-width: 40%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
  }
  #cart .container .cart .product-line .col.first > p {
    display: inline-block;
    vertical-align: middle;
  }
  #cart .container .cart .product-line .price {
    text-align: right;
  }
  #cart .container .cart .product-line .price > span {
    float: right;
  }
  #cart .container .cart .total-line {
    margin-top: 20px;
  }
  #cart .container .cart .total-line > div.col-md-8 p {
    text-align: right;
  }
  #cart .container .cart .total-line > div.col-md-1 {
    text-align: right;
  }
  #cart .container .cart .total-line .title-collection-pnbold.green {
    font-size: 1.667em;
    line-height: 2em;
  }
}
/* MD */
/* LG */
@media (min-width: 1024px) and (max-width: 1919px) {
  #checkout .products .product-line .col {
    height: 220px!important;
    line-height: 220px!important;
  }
  .cart .table-head .col.desc {
    width: 23%!important;
  }
  .cart .table-head .col.qte {
    width: 10%!important;
  }
  .cart .product-line .col.desc {
    width: 23%!important;
  }
  .cart .product-line .col.qte {
    width: 10%!important;
  }
}
/* XL */
/**
/* CSS CHECKOUT
**/
/* GENERIQUE */
/* GENERIQUE */
#login .container {
  margin-bottom: 30px;
}
.login {
  margin: 0 -14px 20px;
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );*/
  padding-bottom: 40px;
}
.login h3 {
  display: block;
  margin-bottom: 20px;
}
.login .title-big-pnlight {
  margin: 30px auto;
  display: block;
}
.login .sepVertical {
  height: 374px;
  margin-left: auto;
  margin-right: auto;
}
.login .login-form {
  width: 100%;
}
.login .login-form p.form {
  width: 100%;
}
.login .login-form p.form label {
  width: 100%;
  display: block;
}
.login .register-content,
.login .login-content {
  height: 374px;
  position: relative;
}
.login .register-content a.btn.green-plain,
.login .login-content a.btn.green-plain,
.login .register-content input.green-plain,
.login .login-content input.green-plain {
  position: absolute;
  left: 0;
  bottom: 0;
}
.login .register-content .loginDesc {
  margin-top: 30px;
}
.login .register-content .loginDesc > ul li {
  list-style-type: disc;
  font-size: 14px;
}
.login input[type=submit] {
  display: inline-block;
  vertical-align: bottom;
}
#checkout {
  /*.nav-tabs{
    border-bottom: 3px solid #e6e6e6;
    li{
      margin-bottom: -7px;
      margin-right: 0;
      margin-left: 0;
      a{
        border: none;
        border-radius: 0;
        background: #f2f2f2;
        height: 52px;
        .rounded{
          min-width: 200px;
          label{
            text-indent: 30px;
            span{
              width: 250px;
              font-size: 18px;
            }
          }
        }
      }
    }
    li.active{
      a{
        border-top: 3px solid #e6e6e6;
        border-left: 3px solid #e6e6e6;
        border-right: 3px solid #e6e6e6;
        background: #FFFFFF;
        height: 55px;
        margin-right: 0;
        padding-top: 7px;
        margin-bottom: 4px;
      }
    }
  }*/
  /*.tab-content{
    .tab-pane{
      background: #FFFFFF;
      border-bottom: 3px solid #e6e6e6;
      border-left: 3px solid #e6e6e6;
      border-right: 3px solid #e6e6e6;
      height: auto;
      padding: 15px 0 5px 10px;
      .row{
        margin: 0;
        .date, .delivMode{
          font-size: 1.167em;
        }
        .date{margin-right: 40px;}
      }
    }
  }*/
}
#checkout select {
  margin-top: 30px;
}
#checkout h2,
#checkout h3 {
  display: block;
}
#checkout .container > .row {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
  background-position: center 140px;
  background-repeat: no-repeat;
}
#checkout h2.checkoutStep {
  padding: 40px 0;
  line-height: 27px;
  display: block;
}
#checkout h2.checkoutStep > span.stepNum {
  background: #3c3c3c;
  color: #FFFFFF;
  width: 27px;
  height: 27px;
  border-radius: 15px;
  display: block;
  margin-right: 20px;
  text-align: center;
  float: left;
  line-height: 27px;
}
#checkout .user-modify {
  float: right;
  margin-top: -5px;
  margin-left: 20px;
  display: inline-block;
}
#checkout .user-name {
  float: right;
  text-transform: none;
  display: inline-block;
  font-size: 14px;
}
#checkout .information .tooltip-inner {
  width: 300px;
}
#checkout .shipping-info .btn-next-step,
#checkout .shipping-options .btn-next-step {
  margin-top: -60px;
}
#checkout .shipping-tabs {
  padding: 0;
}
#checkout .products .products-header .row {
  margin-bottom: 0;
}
#checkout .products .product-line {
  margin: 0px 0px 10px;
}
#checkout .products .product-line .row {
  margin-bottom: 0;
}
#checkout .products .product-line .col {
  height: 270px;
  line-height: 270px;
}
#checkout .products .product-line .col p,
#checkout .products .product-line .col span,
#checkout .products .product-line .col a,
#checkout .products .product-line .col br {
  line-height: normal;
}
#checkout .products .product-line .col > p {
  display: inline-block;
  vertical-align: middle;
  float: none;
  line-height: normal;
}
#checkout .products .product-line .col .eco {
  font-size: 14px;
}
#checkout .products .product-line .col.first {
  /*line-height: normal!important;*/
  text-align: center;
}
#checkout .products .product-line .col.first img {
  max-height: 160px;
  display: inline-block;
}
#checkout .products .product-line img {
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
  max-height: 160px;
  margin: 0 auto;
}
#checkout .products .product-line p.title-collection-pnbold {
  line-height: normal;
  width: 100%;
  text-align: center;
}
#checkout .products .product-line .desc {
  /*padding-top: 40px;*/
  border-top: 1px solid #c3c3c3;
  /*height: 233px;
        line-height: 233px;*/
}
#checkout .products .product-line .desc > p.current-text20 {
  text-align: left;
  /*display: inline-block;
          vertical-align: middle;*/
  padding-right: 10px;
}
#checkout .products .product-line .description {
  padding: 40px 0 0;
  font-family: 'proxima-nova';
  font-weight: 700;
  letter-spacing: 5px;
  text-transform: uppercase;
}
#checkout .products .product-line .infos {
  border-top: 1px solid #c3c3c3;
}
#checkout .products .product-line .tabs {
  border: 1px solid #ccc;
}
#checkout .products .product-line .info-xs {
  display: none;
}
#checkout .sep-store-shipping {
  display: block;
  width: 100%;
  height: 1px;
  background: #c3c3c3;
}
#checkout .payment-content {
  background: #FFFFFF;
  padding: 40px 20px;
}
#checkout .payment-content select.noMarginTop {
  margin-top: 0;
}
#checkout .payment-cgv {
  margin: 40px 0;
}
#checkout .payment-cgv label {
  display: inline-block;
  float: left;
  max-width: 90%;
}
#checkout .payment-cgv a {
  text-decoration: underline;
}
#checkout .totals .titles {
  text-align: right;
}
.checkoutAnchor {
  position: absolute;
  left: 0;
  top: -105px;
}
.wrapCheckoutAnchor {
  position: relative;
}
.deliveyMode {
  padding: 20px 10px;
  margin-bottom: 20px;
}
.deliveyMode .row {
  margin-bottom: 0;
}
.deliveyMode .radio {
  margin-top: 0;
}
.deliveyMode .radio .spanRadio {
  display: none;
}
.deliveyMode .sep-store-shipping {
  margin-top: 30px;
}
.payment-choice {
  padding: 20px 10px;
}
.payment-choice .row {
  margin-bottom: 0;
}
.payment-choice:first-child {
  padding-top: 0;
}
.payment-choice:first-child .radio {
  margin-top: 0;
}
.payment-choice .radioUs .spanRadio {
  display: none;
}
.product-store {
  padding-bottom: 40px;
}
.product-store .storeCharge {
  padding: 20px 0px;
}
.product-store .store-desc {
  margin-top: 30px;
}
.product-store .store-desc > ul li::before {
  content: '-';
  color: #3c3c3c;
  font-size: 14px;
}
.product-store .store-infos {
  margin-bottom: 20px;
  background: #FFFFFF;
  margin-top: 40px;
  padding: 30px 30px 20px 30px;
  font-family: 'proxima-nova';
  font-weight: 400;
  font-size: 1.333em;
  line-height: 0.9em;
}
.product-store .store-infos .store-title {
  font-size: 1.500em;
  line-height: normal;
}
.product-store .store-infos .store-type {
  font-weight: 700;
}
.product-store .store-infos .store-hours {
  padding: 20px 0;
  text-transform: lowercase;
  line-height: 1.2em;
}
.product-store .store-infos .store-contact > p {
  width: 100%;
  background: url('images/sales/store-contact.jpg') repeat-x;
  background-position: 0 7px;
}
.product-store .store-infos .store-contact > p > a,
.product-store .store-infos .store-contact > p > span {
  background: #FFFFFF;
}
.product-store .store-infos .store-contact > p > a.contact,
.product-store .store-infos .store-contact > p > span.contact {
  padding-right: 10px;
}
.product-store .store-infos .store-contact > p > a.contact-value,
.product-store .store-infos .store-contact > p > span.contact-value {
  padding-left: 10px;
}
.product-store .store-infos .store-contact > p > a:hover {
  text-decoration: none;
  cursor: pointer;
}
.billing {
  position: relative;
}
.billing .validation {
  margin-bottom: 40px;
}
#payment_passif .container {
  margin-top: 35px;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5', GradientType=0 );*/
}
#payment_passif .invoice {
  background: #FFFFFF;
  border: 1px solid #c3c3c3;
  padding: 35px 0;
}
#payment_passif .invoice .orderNumb {
  font-family: 'proxima-nova';
  font-weight: 400;
  font-size: 2.000em;
  padding: 10px;
  text-transform: uppercase;
}
#payment_passif .addresses .shippginAddress,
#payment_passif .addresses .billingAddress {
  background: #FFFFFF;
  padding: 20px;
}
#payment_passif .recapProducts > .row {
  margin: 0;
  padding: 20px;
  background: #FFFFFF;
}
#payment_passif .recapProducts .head {
  border-bottom: 1px solid #c3c3c3;
}
#payment_passif .recapProducts .total-line .totalTitles {
  text-align: right;
}
#payment_passif .storeCharge {
  margin-left: 10px;
}
#payment_passif .product-store {
  margin-left: 10px;
}
#payment_passif .product-store .store-type {
  font-weight: 400;
}
#payment_passif .product-store .store-infos {
  margin-top: 0;
}
/* XS */
@media (max-width: 767px) {
  #checkout {
    /*TABs*/
  }
  #checkout .user-modify {
    margin-right: 5%;
    margin-left: 0;
    width: 30%;
  }
  #checkout .user-name {
    display: inline-block;
    max-width: 55%;
    float: left;
    margin-left: 5%;
    margin-top: 10px;
  }
  #checkout .user-modify a.btn,
  #checkout .user-name a.btn {
    color: inherit;
    border: none;
    background: none;
    font-size: 16px;
  }
  #checkout .login .user-modify {
    margin-right: 7%;
  }
  #checkout .login .user-name {
    margin-left: 7%;
  }
  #checkout .row {
    margin-bottom: 10px;
  }
  #checkout h2.checkoutStep {
    padding: 20px 0px;
    margin: 0;
  }
  #checkout .shipping-info .btn-next-step {
    margin-top: 6px;
  }
  #checkout .deliveyMode .leftMob {
    text-align: left;
  }
  #checkout span.stepNum {
    margin-left: 15px;
  }
  #checkout #step-4 span.stepNum {
    margin-left: 7px;
  }
  #checkout .titles-total-column p,
  #checkout .total-column p {
    height: 50px;
  }
  #checkout .col-sm-12.delivery-choice {
    padding-left: 0;
    padding-right: 0;
  }
  #checkout .nav-tabs {
    border-bottom: 0;
    position: relative;
    height: 140px;
    display: block;
  }
  #checkout .nav-tabs li {
    position: absolute;
    height: 40px;
    width: 100%;
    top: 100px;
    margin: 0;
    background: #e0e0e0;
  }
  #checkout .nav-tabs li a {
    border: 0;
    background: #e0e0e0;
    height: 40px;
    line-height: 20px;
  }
  #checkout .nav-tabs li a .rounded {
    margin: 2px 0px;
  }
  #checkout .nav-tabs li.active {
    top: 0px;
    background: #c3c3c3;
  }
  #checkout .nav-tabs li.active a {
    border: 0;
    background: #c3c3c3;
    height: 40px;
  }
  #checkout .tab-content {
    position: absolute;
    height: 60px;
    top: 40px;
    background: #c3c3c3;
    width: 100%;
  }
  #checkout .tab-content .tab-pane {
    background: #c3c3c3;
    border: 0;
    height: auto;
    padding: 15px 0 5px 10px;
    width: 100%;
  }
  #checkout .tab-content .tab-pane .row {
    margin: 0;
    line-height: 8px;
  }
  #checkout .tab-content .tab-pane .row .date,
  #checkout .tab-content .tab-pane .row .delivMode {
    margin-left: 30px;
    margin-right: 30px;
  }
  #checkout .tab-content .tab-pane .row .title-small-pnreg {
    float: right;
    margin-right: 20px;
  }
  #checkout .tab-content .tab-pane .row .date {
    margin-right: 40px;
  }
  #checkout .products {
    margin-bottom: 0;
  }
  #checkout .products .product-line .desc {
    height: auto;
  }
  #checkout .products .product-line .desc p.title-collection-pnbold {
    line-height: normal;
    width: 100%;
    text-align: left;
    float: left;
    font-size: 18px;
    color: #3c3c3c;
    margin-top: 10px;
  }
  #checkout .products .product-line .row {
    margin-bottom: 0;
  }
  #checkout .products .product-line img {
    float: left;
    width: 40%;
  }
  #checkout .products .product-line h3 {
    float: left;
    width: 70%;
    text-align: left;
  }
  #checkout .products .product-line .info-xs {
    display: block;
    float: left;
    width: 60%;
    margin-left: 40%;
    line-height: normal;
  }
  #checkout .products .product-line .info-xs .quantity {
    text-align: left;
    float: left;
  }
  #checkout .products .product-line .info-xs .price {
    float: right;
    padding-right: 10px;
  }
  #checkout .shipping-options .btn {
    position: absolute;
    left: 0;
  }
  #checkout .product-store {
    padding-bottom: 30px;
  }
  #checkout .product-store .store-desc {
    margin-top: 20px;
    padding: 0 15%;
  }
  #checkout .product-store .store-infos {
    margin-bottom: 40px;
    margin-top: 30px;
    padding: 30px 20px 20px 20px;
  }
  #checkout .product-store .store-infos .store-title,
  #checkout .product-store .store-infos .current-text20 {
    font-size: 1.167em;
    line-height: normal;
  }
  #checkout .product-store .store-infos .store-type {
    font-weight: 700;
  }
  #checkout .product-store .store-infos .store-hours {
    padding: 0px 0px 20px;
  }
  #checkout .payment-step {
    padding-left: 0;
    padding-right: 0;
  }
  #checkout .payment-content {
    padding: 20px 5px;
    background: none;
  }
  #checkout .payment-cgv {
    margin-bottom: 55px;
  }
  #checkout .payment-cgv span.visible-xs {
    float: left;
  }
  #checkout .payment-cgv-error {
    color: #FF7979;
  }
  #checkout .payment-cgv-error a {
    color: inherit;
  }
  .login {
    padding-bottom: 0;
  }
  .login .title-big-pnlight {
    margin: 20px auto;
  }
  .login .register-content {
    height: auto;
    padding-bottom: 70px;
  }
  .login .login-content {
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 70px;
  }
  .billing .validation {
    margin-bottom: 40px;
    padding-bottom: 65px;
    position: relative;
  }
  .billing .validation .btn {
    position: absolute;
    left: -4%;
    width: 108%;
    bottom: -40px;
  }
  #payment_passif .container {
    background: none;
  }
  #payment_passif .invoice {
    background: #f2f2f2;
    border: 0;
    padding: 20px 0;
  }
  #payment_passif .invoice .orderNumb {
    font-size: 1.500em;
    text-transform: none;
  }
  #payment_passif .invoice .btn.grey-stroke {
    background: #3c3c3c;
    color: #FFFFFF;
  }
  #payment_passif .addresses {
    padding: 0;
  }
  #payment_passif .addresses .shippginAddress,
  #payment_passif .addresses .billingAddress {
    background: #f2f2f2;
    text-align: left;
    padding: 5%;
    margin-bottom: 2px;
  }
  #payment_passif .addresses .shippginAddress .title-small-pnreg,
  #payment_passif .addresses .billingAddress .title-small-pnreg {
    font-size: 14px;
  }
  #payment_passif .addresses .shippginAddress {
    margin-right: 0;
  }
  #payment_passif .recapProducts {
    background: #f2f2f2;
    padding: 0;
  }
  #payment_passif .recapProducts > .row {
    margin: 0;
    padding: 10px 0;
    background: none;
  }
  #payment_passif .recapProducts .product-line {
    border-bottom: 1px solid #c3c3c3;
    width: 90%;
    margin-left: 5%;
    background: none;
  }
  #payment_passif .recapProducts .product-line .current-text20 {
    font-family: 'proxima-nova';
    font-weight: 400;
    font-size: 1em;
    color: #3c3c3c;
  }
  #payment_passif .recapProducts .product-line span.visible-xs {
    display: inline-block !important;
  }
  #payment_passif .recapProducts .total-line {
    padding: 10px 5%;
  }
  #payment_passif .recapProducts .total-line .totalTitles {
    text-align: right;
  }
  #payment_passif .storeCharge {
    margin-left: 0;
    padding: 5%;
  }
  #payment_passif .storeCharge .current-text20 {
    margin-top: 10px;
  }
  #payment_passif .product-store {
    margin-left: 0;
    font-size: 0.778em;
    padding-bottom: 0;
    background: #f2f2f2;
  }
  #payment_passif .product-store .store-title {
    line-height: normal;
  }
  #payment_passif .product-store .store-type {
    font-weight: 400;
  }
  #payment_passif .product-store .store-infos {
    margin-top: 0;
    padding: 5%;
    background: none;
  }
  #payment_passif .product-store .store-infos .store-contact > p > span,
  #payment_passif .product-store .store-infos .store-contact > p > a {
    background: #f2f2f2;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  #checkout {
    /*.tabDelivery{
      margin-top: 30px;
    }*/
  }
  #checkout .container > .row {
    padding-left: 20px;
    padding-right: 20px;
  }
  #checkout .shipping-info .btn-next-step,
  #checkout .shipping-options .btn-next-step {
    margin-top: 0;
    margin-bottom: 20px;
  }
  #checkout .login {
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  #checkout .login .login-content {
    height: auto;
  }
  #checkout .login .register-content {
    height: 230px;
  }
  #checkout h2.checkoutStep {
    padding: 20px 0px;
    margin: 0;
  }
  #checkout .product-store {
    padding-bottom: 30px;
  }
  #checkout .product-store .store-desc {
    margin-top: 60px;
    padding: 0 20px 0 0;
  }
  #checkout .product-store .store-infos {
    margin-bottom: 20px;
    background: #FFFFFF;
    margin-top: 30px;
    padding: 30px 20px 20px 20px;
  }
  #checkout .product-store .store-infos .store-title,
  #checkout .product-store .store-infos .current-text20 {
    font-size: 1.167em;
    line-height: normal;
  }
  #checkout .product-store .store-infos .store-type {
    font-weight: 700;
  }
  #checkout .product-store .store-infos .store-hours {
    padding: 10px 0 20px 0;
  }
  #checkout .totals .title-collection-pnbold.green {
    font-size: 1.667em;
    line-height: 2em;
  }
  #payment_passif .product-store {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  #payment_passif .total-line .title-collection-pnbold.green {
    font-size: 1.667em;
    line-height: 2em;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  #checkout .product-store .store-infos .store-title {
    line-height: normal;
  }
}
/* LG */
/* XL */
@media (min-width: 1920px) {
  #checkout {
    /*.tabDelivery{
      margin: 0;
      padding: 0;
      .tabDeliveryContent{
        margin: 0;
        padding: 0;
      }
    }*/
  }
}
/*
  CSS POPUPS
  Date : 16/09/15
  Last modified :
    - 16/09/15 : Estelle
*/
/* GENERIQUE */
/* GENERIQUE */
.accountHead .title-big-pnlight {
  padding: 50px 0;
}
.accountHead .nav.nav-pills {
  text-align: center;
  margin-bottom: 60px;
}
.accountHead .nav.nav-pills li {
  background: transparent;
  border: 1px solid #3c3c3c;
  height: 40px;
  display: inline-block;
  float: none;
  margin: -2px;
  padding: 0;
  border-radius: 0;
}
.accountHead .nav.nav-pills li > a {
  font-size: 15px;
  text-transform: uppercase;
}
.accountHead .nav.nav-pills li.active,
.accountHead .nav.nav-pills li:focus,
.accountHead .nav.nav-pills li:hover {
  background: #3c3c3c;
}
.accountHead .nav.nav-pills li.active > a,
.accountHead .nav.nav-pills li:focus > a,
.accountHead .nav.nav-pills li:hover > a {
  color: #FFFFFF;
}
.accountHead .nav.nav-pills li:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.accountHead .nav.nav-pills li:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.row.bgAccount {
  margin: 0 -14px 20px;
}
.row.bgAccount .account,
.row.bgAccount .accountCarts,
.row.bgAccount .accountOrders,
.row.bgAccount .accountRegister {
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );*/
}
#accountIndex .accountInfoForm .btn.green-plain {
  display: block;
  margin: 30px 0;
  width: auto;
}
#accountIndex .accountInfoForm .btn.green-plain.end {
  margin: 10px 0;
}
#accountIndex .shippingAddress,
#accountIndex .billingAddress {
  margin: 0;
}
#accountIndex .shippingAddress .addressEmpty,
#accountIndex .billingAddress .addressEmpty {
  width: 100%;
  display: block;
  font-style: italic;
}
#accountIndex .shippingAddress .addressBloc,
#accountIndex .billingAddress .addressBloc {
  margin: 40px 0;
}
#accountIndex .shippingAddress .addressBloc .btn.grey-stroke,
#accountIndex .billingAddress .addressBloc .btn.grey-stroke {
  padding: 10px 40px;
}
#accountIndex .shippingAddress .addressBloc input[type=submit].title-read-pnreg,
#accountIndex .billingAddress .addressBloc input[type=submit].title-read-pnreg {
  border: none;
  background: transparent;
  line-height: 40px;
}
#accountIndex .shippingAddress .addressBloc:first-child,
#accountIndex .billingAddress .addressBloc:first-child {
  border-right: 1px solid #c3c3c3;
}
#accountIndex .shippingAddress .sepVertical,
#accountIndex .billingAddress .sepVertical {
  width: 1px;
  display: block;
  height: 230px;
  background: #c3c3c3;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
#accountIndex .shippingAddress p,
#accountIndex .billingAddress p {
  min-height: 40px;
}
#accountCarts .cartsTitle {
  border-bottom: 1px solid #c3c3c3;
  margin-bottom: 20px;
}
#accountCarts .cartLine .reference .title-small-pnreg,
#accountCarts .cartLine .articles {
  float: none;
  display: inline-block;
  vertical-align: bottom;
}
#accountCarts .cartLine .reference .title-xs-pnbold {
  display: block;
  width: 100%;
}
#accountCarts .cartLine .articles {
  text-transform: none;
}
#accountCarts .cartLine .cartActions {
  position: relative;
}
#accountCarts .cartLine .cartActions .viewCart {
  position: absolute;
  bottom: 10px;
  left: 0;
}
#accountCarts .cartLine .cartActions .removeCart {
  position: absolute;
  bottom: 10px;
  left: 150px;
}
#accountCarts .cartLine .sepHoriz {
  height: 1px;
  background: #c3c3c3;
  width: 100%;
  display: block;
  margin: 20px 0;
}
#accountOrders {
  /*.orders{
    max-height: 1200px;
    overflow-y: scroll;
  }*/
}
#accountOrders .ordersHead {
  background: #c3c3c3;
  height: 70px;
}
#accountOrders .ordersHead > p.title-small-pnreg {
  padding: 10px 0 0 0;
  margin-bottom: 3px;
}
#accountOrders .ordersHead > a {
  width: 100%;
  display: block;
  padding: 10px 10px 0 0;
}
#accountOrders .ordersHead > a:hover,
#accountOrders .ordersHead a:focus,
#accountOrders .ordersHead a:visited {
  color: #FFFFFF;
}
#accountOrders .orderLine {
  height: 235px;
}
#accountOrders .orderLine .orderBloc {
  height: 100%;
  border-bottom: 1px solid #c3c3c3;
  position: relative;
  margin-top: 20px;
}
#accountOrders .orderLine .orderBloc .visual {
  width: 50%;
  float: left;
  text-align: center;
}
#accountOrders .orderLine .orderBloc .visual img {
  max-height: 150px;
  display: inline-block;
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
#accountOrders .orderLine .orderBloc .price {
  /*position: absolute;
        bottom: 20px;
        left: 50%*/
  margin-top: 20px;
}
#accountOrders .orderLine .orderBloc span.deliveryDetail {
  display: block;
}
#accountOrders .orderLine .orderBloc span.deliveryDetail .title-read-pnreg {
  text-transform: none;
}
#accountOrders .orderLine .orderBloc .deliveryStatus,
#accountOrders .orderLine .orderBloc .deliveryContact {
  margin-bottom: 20px;
}
#accountOrders .orderLine .orderBloc .deliveryStatus .title-xs-pnbold,
#accountOrders .orderLine .orderBloc .deliveryContact .title-xs-pnbold {
  text-transform: none;
}
#accountOrders .orderDetail {
  visibility: hidden;
  opacity: 0.5;
}
#accountOrders .orderDetail a.closeDetail {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 20px;
  height: 20px;
}
#accountOrders .orderDetail a.closeDetail > img {
  width: 100%;
  height: 100%;
}
#accountOrders .orderDetail .detailBloc {
  height: 0;
  border-bottom: 1px solid #c3c3c3;
  padding-top: 20px;
  position: relative;
}
#accountOrders .orderDetail .detailBloc.first {
  border-left: 1px solid #c3c3c3;
}
#accountOrders .orderDetail .detailBloc.last {
  border-right: 1px solid #c3c3c3;
}
#accountOrders .orderDetail.open {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: visibility 0s linear 0.5s, opacity 0.5s linear;
  -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}
#accountOrders .orderDetail.open .detailBloc {
  height: 230px;
  transition: height 1s;
  -webkit-transition: height 1s;
}
#register .title-big-pnlight {
  margin: 30px auto;
  display: block;
}
#register .sepVertical {
  height: 290px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
#register .register-form {
  margin-top: 10px;
}
#register .register-form .btn.green-plain {
  margin: 20px 0;
}
#register .registerDesc {
  margin-top: 30px;
}
#register .registerDesc > ul li {
  list-style-type: disc;
}
.lost-password .title-medium-pnlight {
  margin: 20px 0 40px;
  display: inline-block;
}
.lost-password .subtitle-menu-pnbold {
  margin-bottom: 20px;
  display: inline-block;
}
/* XS */
@media (max-width: 767px) {
  .row.bgAccount {
    margin: 0px -6px 20px;
  }
  .accountHead .title-big-pnlight {
    padding: 30px 0;
  }
  .accountHead .nav.nav-pills {
    margin-bottom: 10px;
  }
  .accountHead .nav.nav-pills li {
    height: 40px;
    display: block;
    margin: 5px 0;
    padding: 0;
    width: 100%;
    border-radius: 20px;
  }
  .accountHead .nav.nav-pills li:first-child {
    border-radius: 20px;
  }
  .accountHead .nav.nav-pills li:last-child {
    border-radius: 20px;
  }
  #accountIndex .account {
    padding: 0;
  }
  #accountIndex .accountInfoForm p.title-small-pnreg {
    text-align: center;
    padding: 10px 0;
  }
  #accountIndex .accountInfoForm .btn.green-plain {
    width: 100%;
  }
  #accountIndex .shippingAddress,
  #accountIndex .billingAddress {
    text-align: center;
  }
  #accountCarts .cartLine .cartActions .viewCart,
  #accountCarts .cartLine .cartActions .removeCart {
    position: relative;
    left: 0;
    color: #fc5353;
  }
  #accountCarts .cartLine .cartActions .removeCart {
    margin-left: 10px;
  }
  #accountOrders .ordersHead {
    height: auto;
    padding: 0 20px;
  }
  #accountOrders .ordersHead p,
  #accountOrders .ordersHead span {
    float: left;
    line-height: 20px;
    padding: 10px 5%;
  }
  #accountOrders .ordersHead > a {
    text-align: left;
    padding: 10px 0;
  }
  #accountOrders .orderLine {
    height: auto;
    border-bottom: 1px solid #c3c3c3;
  }
  #accountOrders .orderLine .orderBloc {
    border-bottom: none;
    padding-left: 35%;
  }
  #accountOrders .orderLine .orderBloc .visual {
    width: 35%;
    height: auto;
  }
  #accountOrders .orderLine .orderBloc .title-collection-pnbold {
    position: absolute;
    left: 35%;
    top: 0;
    text-align: left;
  }
  #accountOrders .orderLine .orderBloc p.desc {
    margin-top: 66px;
    width: 65%;
    float: right;
  }
  #accountOrders .orderLine .orderBloc .price {
    position: relative;
    text-align: right;
    display: block;
    width: 60%;
    float: right;
    padding: 0 5% 0 0;
    margin-top: 5px;
  }
  #accountOrders .orderLine .orderBloc .deliveryStatus,
  #accountOrders .orderLine .orderBloc .deliveryContact {
    font-size: 80%;
  }
  #accountOrders .orderLine .orderBloc:first-child {
    padding-left: 0;
  }
  #accountOrders .orderDetail a.closeDetail {
    top: -30px;
  }
  #accountOrders .orderDetail .detailBloc.first {
    border: none;
    height: auto;
  }
  #accountOrders .orderDetail .detailBloc.first p {
    padding: 10px 40px 10px 5%;
  }
  #accountOrders .orderDetail .detailBloc.last {
    border-right: none;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  .row.bgAccount {
    margin: 0px -6px 20px;
  }
  #accountOrders .row.orders {
    padding-left: 20px;
    padding-right: 20px;
  }
  #accountOrders .orderLine {
    height: 170px;
  }
  #accountOrders .orderLine .orderBloc {
    height: 100%;
    border-bottom: 1px solid #c3c3c3;
    position: relative;
    margin-top: 20px;
  }
  #accountOrders .orderLine .orderBloc .visual {
    height: 100%;
    width: 40%;
  }
  #accountOrders .orderLine .orderBloc .title-collection-pnbold {
    position: absolute;
    left: 40%;
    top: 0;
    text-align: left;
  }
  #accountOrders .orderLine .orderBloc p.desc {
    margin-top: 60px;
  }
  #accountOrders .orderLine .orderBloc .price {
    left: 40%;
  }
  #accountOrders .orderLine .orderBloc .deliveryStatus *,
  #accountOrders .orderLine .orderBloc .deliveryContact * {
    font-size: 14px!important;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  #accountIndex .accountHead .nav.nav-pills li > a {
    font-size: 12px;
  }
}
@media (min-width: 1024px) and (max-width: 1919px) {
  .accountHead .title-big-pnlight {
    padding: 30px 0;
  }
  .accountHead .nav.nav-pills {
    margin-bottom: 30px;
  }
  #accountIndex .accountInfoForm .btn.green-plain {
    margin: 15px 0;
  }
  #accountOrders .orderLine .orderBloc .deliveryStatus .title-small-pnreg,
  #accountOrders .orderLine .orderBloc .deliveryContact .title-small-pnreg {
    font-size: 15px;
  }
}
/* LG */
/* XL */
/*
  CSS VIDEOS
  Date : 04/09/15
  Last modified :
    - 04/09/15 : Stef
*/
/* GENERIQUE */
#videos .box {
  position: relative;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
#videos .videos .box {
  height: 730px;
  text-align: center;
}
#videos .bg-title-white {
  padding: 30px 5%;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}
#videos .bg-title-white h1 {
  display: block;
}
#videos .videos-list > div {
  margin-bottom: 20px;
}
#videos .videoThumb {
  margin-bottom: 23px;
  width: 100%;
}
#videos .videoThumb:hover {
  opacity: 0.6;
  -moz-opacity: 0.60;
  -khtml-opacity: 0.60;
}
#videos .videoDesc {
  padding-left: 0;
  text-transform: uppercase;
  color: #3b3b3b;
  font-weight: bold;
  font-size: 18px;
  height: 5em;
  overflow: hidden;
}
#videos .videoTime {
  padding-right: 0;
  color: #aaaaaa;
  font-size: 18px;
}
.bgBlack {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
#wrapPlayer {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5001;
}
#containerPlayer {
  width: 75%;
  float: left;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 60px;
}
#containerPlayer iframe {
  margin-top: 10%;
}
#othersVideos {
  width: 25%;
  height: 100%;
  background: #ffffff;
  float: right;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  overflow: scroll;
}
#othersVideos h2 {
  margin-top: 158px;
  margin-bottom: 38px;
  max-width: 338px;
  text-transform: uppercase;
  display: block;
}
#othersVideos h3 {
  font-size: 24px;
  text-transform: uppercase;
  margin: 20px 0;
  display: block;
}
#othersVideos .videoDesc {
  font-size: 18px;
  font-family: "adobe-garamond-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
}
#othersVideos .wrapShare {
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#othersVideos .wrapShare ul {
  list-style: none;
}
#othersVideos .wrapShare ul li {
  float: left;
  margin-right: 20px;
}
#othersVideos .wrapShare ul li a img {
  width: 19px;
  height: 19px;
}
#othersVideos .oneOtherVideo {
  margin-bottom: 20px;
}
#othersVideos .oneOtherVideo > div {
  padding-left: 0;
}
#othersVideos .oneOtherVideo .oneOVDesc {
  text-transform: uppercase;
  color: #3b3b3b;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}
#othersVideos .oneOtherVideo .videoTime {
  color: #aaaaaa;
  font-size: 16px;
}
#closeVideo {
  position: absolute;
  right: 85px;
  top: 53px;
  cursor: pointer;
}
@media (max-width: 410px) {
  #containerPlayer {
    height: 350;
    margin-top: 10px;
  }
  #containerPlayer iframe {
    height: 250px;
  }
}
/* XS */
@media (max-width: 767px) {
  #videos .bg-title-white {
    margin-top: 50px;
    width: 80%;
  }
  #videos .videos .box {
    height: 210px;
    background-size: 175%;
  }
}
/* MAX 1024 */
@media (max-width: 1024px) {
  #containerPlayer {
    width: 100%;
    height: 60%;
    float: none;
  }
  #containerPlayer iframe {
    max-height: 410px;
    margin-top: 30px;
  }
  #othersVideos {
    width: 100%;
    height: 40%;
    float: none;
  }
  #othersVideos h2 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  #othersVideos h3 {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  #othersVideos .wrapShare p {
    float: left;
    margin-top: 3px;
    margin-right: 18px;
  }
  #othersVideos .oneOtherVideo {
    width: 25%;
    float: left;
  }
  #othersVideos .oneOtherVideo .oneOVDesc {
    font-size: 14px;
    margin-bottom: 0;
  }
  #othersVideos .oneOtherVideo .videoTime {
    font-size: 14px;
    margin-bottom: 0;
  }
  #closeVideo {
    position: absolute;
    right: 30px;
    top: 40px;
    cursor: pointer;
  }
}
/* MAX 630 */
@media (max-width: 630px) {
  #wrapPlayer {
    position: absolute;
    height: auto;
  }
  #containerPlayer {
    height: 45%;
    margin-top: 10px;
  }
  #containerPlayer iframe {
    max-height: 300px;
  }
  #othersVideos {
    height: 55%;
    float: none;
  }
  #othersVideos .oneOtherVideo {
    width: 50%;
  }
  #othersVideos .oneOtherVideo .oneOVDesc {
    font-size: 14px;
    margin-bottom: 0;
  }
  #othersVideos .oneOtherVideo .videoTime {
    font-size: 14px;
    margin-bottom: 0;
  }
}
/* SM */
@media (min-width: 768px) and (max-width: 1023px) {
  /* HOME */
  #videos .bg-title-white {
    margin-top: 50px;
    width: 80%;
  }
  #videos .videos .box {
    height: 279px;
  }
  #othersVideos h2 {
    margin-top: 40px;
  }
}
/* MD */
@media (min-width: 1024px) and (max-width: 1279px) {
  /* HOME */
  #videos .bg-title-white {
    margin-top: 100px;
  }
  #videos .videos .box {
    height: 379px;
  }
  #containerPlayer {
    width: 100%;
    height: 60%;
    margin-top: 20px;
  }
  #containerPlayer iframe {
    margin-top: 0;
    max-height: 410px;
  }
  #othersVideos {
    width: 100%;
    height: 40%;
  }
  #othersVideos h2 {
    margin-top: 40px;
  }
}
/* LG */
@media (min-width: 1280px) and (max-width: 1919px) {
  /* HOME */
  #videos .bg-title-white {
    margin-top: 140px;
  }
  #videos .videos .box {
    height: 478px;
  }
}
/* XL */
@media (min-width: 1920px) {
  /* HOME */
  #videos .bg-title-white {
    padding: 90px 5%;
    margin-top: 175px;
  }
  #videos .videos .box {
    height: 723px;
  }
}
/*
  CSS CUSTOMISATION
*/
/* GENERIQUE */
.show3 {
  display: none;
}
.show4 {
  display: block;
}
.wrapCustom .pswp {
  z-index: 9999;
}
.wrapCustom .pswp .pswp__bg {
  background: #fff;
}
.wrapCustom {
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );*/
}
.wrapCustom h2 {
  margin: 40px 0 0;
  display: block;
}
.wrapCustom .subTitle {
  margin-bottom: 0;
}
.wrapCustom .subText {
  font-size: 12px;
}
.wrapCustom .wrapCylindo img {
  width: 100%;
  mix-blend-mode: multiply;
  -webkit-mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
.wrapCustom .listToolsCustom {
  /*.picto {
      background-image: url("images/customisation/pictoCustom.png");
      &:hover {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
      }
    }*/
}
.wrapCustom .listToolsCustom li {
  position: relative;
}
.wrapCustom .listToolsCustom .popupInfo {
  position: absolute;
  top: -50px;
  text-transform: uppercase;
  font-size: 14px;
  display: none;
}
.wrapCustom .listToolsCustom .customHelp .picto {
  background-image: url("images/icons/customHelpOff.svg");
  width: 35px;
  height: 35px;
  display: block;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.wrapCustom .listToolsCustom .customHelp .picto:hover {
  background-image: url("images/icons/customHelp.svg");
}
.wrapCustom .listToolsCustom .customHelp .popupInfo {
  left: -18px;
  top: -50px;
  width: 80px;
}
.wrapCustom .listToolsCustom .customDownload .picto {
  background-image: url("images/icons/customDownloadOff.svg");
  width: 35px;
  height: 33px;
  display: block;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.wrapCustom .listToolsCustom .customDownload .picto:hover {
  background-image: url("images/icons/customDownload.svg");
}
.wrapCustom .listToolsCustom .customDownload .popupInfo {
  left: -18px;
  width: 80px;
}
.wrapCustom .listToolsCustom .customShare .picto {
  background-image: url("images/icons/customShareOff.svg");
  width: 35px;
  height: 33px;
  display: block;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.wrapCustom .listToolsCustom .customShare .picto:hover {
  background-image: url("images/icons/customShare.svg");
}
.wrapCustom .listToolsCustom .customShare .popupInfo {
  left: -17px;
  width: 80px;
}
.wrapCustom .listToolsCustom .customFullscreen {
  margin-left: 50px;
}
.wrapCustom .listToolsCustom .customFullscreen .picto {
  background-image: url("images/icons/customExpand.svg");
  width: 35px;
  height: 33px;
  display: block;
  margin-bottom: 4px;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.wrapCustom .listToolsCustom .customFullscreen .popupInfo {
  left: -18px;
  width: 80px;
}
.wrapCustom .wrapCustomOptions {
  max-width: 615px;
}
.wrapCustom .wrapCustomOptions .wrapSteps {
  margin-top: 50px;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
  /*.col-xs-2{
        width: 19%;
      }*/
}
.wrapCustom .wrapCustomOptions .wrapSteps .stepNumName {
  display: inline-block;
  float: none;
  width: auto;
}
.wrapCustom .wrapCustomOptions .steps {
  text-align: center;
  display: inline-block;
}
.wrapCustom .wrapCustomOptions .steps:hover,
.wrapCustom .wrapCustomOptions .steps:focus {
  text-decoration: none;
}
.wrapCustom .wrapCustomOptions .steps[data-step="4"].empty .step,
.wrapCustom .wrapCustomOptions .steps[data-step="3"].empty .step {
  border: 1px solid #c3c3c3;
  color: #c3c3c3;
  background-color: #fff;
}
.wrapCustom .wrapCustomOptions .steps[data-step="4"].empty .label,
.wrapCustom .wrapCustomOptions .steps[data-step="3"].empty .label {
  color: #c3c3c3;
}
.wrapCustom .wrapCustomOptions .step {
  display: inline-block;
  font-size: 18px;
  border: 1px solid #3c3c3c;
  border-radius: 27px;
  width: 27px;
  height: 27px;
  margin-bottom: 10px;
  line-height: 27px;
  text-align: center;
}
.wrapCustom .wrapCustomOptions .label {
  display: block;
  color: #3c3c3c;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .wrapCustom .wrapCustomOptions .label {
    font-size: 15px;
  }
}
.wrapCustom .wrapCustomOptions .stepActive .step {
  background-color: #3c3c3c;
  color: #ffffff;
}
.wrapCustom .wrapCustomOptions .stepDone .step {
  background-color: #5bd18b;
  color: #ffffff;
  border: none;
}
.wrapCustom .wrapCustomOptions .stepDone .label {
  color: #5bd18b;
}
.wrapCustom .wrapCustomOptions .backArrow {
  text-transform: uppercase;
  font-size: 15px;
  text-align: left;
  display: block;
  margin-bottom: 25px;
}
.wrapCustom .wrapCustomOptions .backArrow a {
  color: #888888;
}
.wrapCustom .wrapCustomOptions .backArrow a:hover {
  text-decoration: none;
}
.wrapCustom .wrapCustomOptions .backArrow .glyphicon {
  font-size: 13px;
  margin-right: 10px;
}
.wrapCustom .wrapCustomOptions .popupLink {
  text-decoration: none;
  color: #888888;
  text-transform: uppercase;
}
.wrapCustom .wrapCustomOptions .popupLink:hover {
  text-decoration: none;
  color: #888888;
}
.wrapCustom .wrapCustomOptions .nav-tabs {
  border-width: 2px;
}
.wrapCustom .wrapCustomOptions .nav-tabs li {
  margin-bottom: -2px;
  background: #F0F0F0;
}
.wrapCustom .wrapCustomOptions .nav-tabs li:not(.active) a {
  border-color: #eee #eee #ddd;
}
.wrapCustom .wrapCustomOptions .nav-tabs li a {
  border-radius: 0;
  margin: 0;
  border-width: 2px;
}
.wrapCustom .wrapCustomOptions .wrapOptions {
  width: 100%;
  height: 490px;
  overflow-y: scroll;
  outline: none;
  margin-top: 20px;
}
.wrapCustom .wrapCustomOptions .wrapOptions .jspContainer {
  width: 100%!important;
}
.wrapCustom .wrapCustomOptions .wrapOptions a {
  padding-top: 4px;
}
.wrapCustom .wrapCustomOptions .wrapOptions a:focus {
  text-decoration: none;
}
.wrapCustom .wrapCustomOptions .wrapOptions .load-more a {
  padding-top: 8px;
  margin-top: 122px;
  margin-right: 30px;
}
.wrapCustom .wrapCustomOptions #step-content-5 .wrapOptions {
  height: auto;
  overflow: hidden;
}
.wrapCustom .wrapCustomOptions .oneOption {
  text-align: center;
}
.wrapCustom .wrapCustomOptions .oneOption .wrapImgBorder {
  display: inline-block;
  width: 100%;
}
.wrapCustom .wrapCustomOptions .oneOption:hover {
  text-decoration: none;
}
.wrapCustom .wrapCustomOptions .oneOption:hover .wrapImgBorder {
  text-decoration: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  display: inline-block;
  /*margin-bottom: -5px;*/
}
.wrapCustom .wrapCustomOptions .oneOption .label {
  /*margin-bottom: 5px;*/
  font-size: 18px;
  color: #3b3b3b;
  text-transform: none;
  padding: 5px 0;
}
.wrapCustom .wrapCustomOptions .oneOption .label span {
  display: block;
  /*text-transform: lowercase;*/
}
.wrapCustom .btnContinue {
  /*padding: 10px 30px;*/
  margin-top: 30px;
  margin-right: 25px;
}
.wrapCustom .wrapStartingPrice .text-left {
  font-size: 18px;
  line-height: 32px;
}
.wrapCustom .wrapStartingPrice .text-right {
  padding-right: 30px;
  font-size: 24px;
}
.wrapCustom .wrapContactStore {
  font-size: 16px;
  background: #f2f2f2;
  color: #888888;
  padding: 10px;
  display: block;
  margin-top: 40px;
}
.wrapCustom .wrapContactStore:hover {
  text-decoration: none;
}
/* STEP ORDER */
.wrapStepsOrder li.oneStepOrder {
  border-bottom: 1px solid #888888;
  padding-bottom: 10px;
  margin-top: 20px;
  /*.title-small-pnreg{
      text-transform: lowercase;
    }*/
}
.wrapStepsOrder li.oneStepOrder a {
  display: block;
}
.wrapStepsOrder li.oneStepOrder .stepThumb {
  height: 92px;
  position: relative;
}
.wrapStepsOrder li.oneStepOrder .stepThumb img {
  position: absolute;
  right: 10px;
  bottom: 0;
}
.wrapStepsOrder li.oneStepOrder.step3 img {
  width: 64px;
  height: 64px;
  display: inline-block;
  margin: 5px 0;
}
.wrapStepsOrder li.oneStepOrder.step3 .column {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-right: -1%;
}
.wrapStepsOrder li.oneStepOrder.step4 {
  text-align: left;
  /*background: url("images/customisation/bgStep4Order.png") center bottom no-repeat;*/
  border-bottom: none;
}
.wrapStepsOrder li.oneStepOrder .stepsTitle {
  margin-bottom: 40px;
  text-transform: uppercase;
  font-size: 18px;
}
.wrapStepsOrder li.oneStepOrder .stepsTitle span::after {
  content: '.';
}
.wrapStepsOrder li.oneStepOrder .stepDesc p.label {
  font-size: 18px;
  text-align: left;
  padding: 0;
  text-transform: lowercase;
}
.wrapStepsOrder li.oneStepOrder .stepDesc p.label span {
  word-break: break-all;
  white-space: normal;
}
.wrapStepsOrder li.oneStepOrder .stepDesc p.label span.dimensions {
  text-transform: uppercase;
}
.wrapStepsOrder li.oneStepOrder.step4 .stepsTitle {
  margin-bottom: 20px;
}
.wrapQuantityOrder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.wrapQuantityOrder .titleQuantityOrder {
  font-size: 18px;
  color: #3b3b3b;
}
.wrapQuantityOrder #qteprod {
  padding-left: 0;
  color: #3b3b3b;
  font-size: 18px;
}
.wrapQuantityOrder .qte {
  /*padding-right: 30px;*/
}
.wrapQuantityOrder .qte p {
  float: right;
}
.wrapQuantityOrder .qte p input[type=button] {
  font-size: 18px;
}
.wrapTotalOrder {
  padding-top: 18px;
  padding-bottom: 33px;
}
.wrapTotalOrder .titleStepTotal {
  font-size: 18px;
  text-transform: uppercase;
}
.wrapTotalOrder .wrapPriceStepTotal {
  /*padding-right: 30px;*/
}
.wrapTotalOrder .wrapPriceStepTotal .priceStepTotal {
  font-size: 24px;
  display: block;
}
.wrapTotalOrder .wrapPriceStepTotal .priceStepSub,
.wrapTotalOrder .wrapPriceStepTotal .priceStepSub2 {
  font-size: 12px;
  color: #888888;
  display: block;
}
.wrapStepAddCart {
  padding-top: 10px;
}
.wrapStepAddCart p {
  padding-left: 0;
  padding-right: 0;
}
.wrapStepAddCart p.title-small-pnreg {
  font-size: 15px;
}
.wrapStepAddCart .legalLink {
  color: #888888;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 10px;
  display: inline-block;
}
.wrapStepAddCart .legalLink:hover,
.wrapStepAddCart .legalLink:active,
.wrapStepAddCart .legalLink:focus {
  color: #888888;
  text-decoration: none;
  text-transform: uppercase;
}
.wrapStepAddCart .legalLink:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  margin-left: 10px;
  background: url("images/icons/arrowDown.svg") no-repeat center 4px;
  background-size: 13px auto;
}
.wrapStepAddCart .legalLink.collapsed:after {
  background: url("images/icons/arrowRight.svg") no-repeat center 2px;
  background-size: auto 13px;
}
.wrapStepAddCart .quickshipCol .quickshipLink {
  color: #ff7979;
}
.wrapStepAddCart .quickshipCol .quickshipLink:hover,
.wrapStepAddCart .quickshipCol .quickshipLink:active,
.wrapStepAddCart .quickshipCol .quickshipLink:focus {
  color: #ff7979;
  text-decoration: none;
}
.wrapStepAddCart .quickshipCol .title {
  color: #ff7979;
}
.wrapStepAddCart .legalText {
  color: #888888;
  /*display: block;*/
  margin-top: 5px;
}
.wrapStepAddCart .btnContinue {
  margin-top: 0;
  float: right;
}
.wrapStepAddCart .btn.btnAddCart {
  /*margin-right: 30px;*/
  display: block;
}
.quickshipCol .form-group,
.quickshipQuickForm .form-group {
  position: relative;
}
.quickshipCol .form-group input[type=text],
.quickshipQuickForm .form-group input[type=text] {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #3c3c3c;
  outline: 0;
  padding-left: 0;
}
.quickshipCol .form-group input[type=submit],
.quickshipQuickForm .form-group input[type=submit] {
  background: transparent url('images/icons/forward.svg') no-repeat right center;
  height: 40px;
  width: 23px;
  border: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  outline: 0;
  color: transparent;
}
/* ================================================================= RESPONSIVE */
@media (min-width: 1920px) {
  .wrapCustom {
    height: 950px;
  }
  .cylindoModule {
    height: 675px;
  }
}
@media (max-width: 1920px) {
  .wrapCustom .wrapCustomOptions .oneOption .label {
    font-size: 15px;
    min-height: 56px;
  }
}
@media (min-width: 1024px) and (max-width: 1919px) {
  .wrapStepsOrder li.oneStepOrder {
    margin-top: 10px;
  }
  .wrapStepsOrder li.oneStepOrder .stepsTitle {
    margin-bottom: 20px;
  }
  .wrapStepsOrder li.oneStepOrder .stepDesc p.label {
    font-size: 14px;
  }
  .wrapQuantityOrder {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .wrapCustom .wrapCustomOptions .oneOption .label {
    font-size: 13px!important;
  }
  .wrapStepsOrder li.oneStepOrder .stepDesc.title-small-pnreg {
    font-size: 13px;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  .wrapCustom .wrapCustomOptions .wrapOptions {
    height: 480px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .wrapCustom .wrapCustomOptions .wrapOptions {
    height: 430px;
  }
  .wrapCustom .wrapCustomOptions .wrapOptions .load-more a {
    margin-top: 20px;
  }
  .cylindoModule {
    height: 675px;
  }
  .show4 {
    display: none;
  }
  .show3 {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .wrapCustom .wrapCustomOptions .wrapOptions {
    height: auto;
  }
  .wrapCustom .wrapCustomOptions .wrapSteps .col-xs-2 {
    width: 20%;
  }
  .listToolsCustom.list-inline > li {
    margin: 0 30px;
  }
  .wrapCustom .listToolsCustom .customHelp .picto {
    background-image: url("images/icons/customHelp.svg");
  }
  .wrapCustom .listToolsCustom .customHelp .picto:hover {
    background-image: url("images/icons/customHelp.svg");
  }
  .wrapCustom .listToolsCustom .customHelp .popupInfo {
    display: block;
  }
  .wrapCustom .listToolsCustom .customDownload .picto {
    background-image: url("images/icons/customDownload.svg");
  }
  .wrapCustom .listToolsCustom .customDownload .picto:hover {
    background-image: url("images/icons/customDownload.svg");
  }
  .wrapCustom .listToolsCustom .customDownload .popupInfo {
    display: block;
  }
  .wrapCustom .listToolsCustom .customShare .picto {
    background-image: url("images/icons/customShare.svg");
  }
  .wrapCustom .listToolsCustom .customShare .picto:hover {
    background-image: url("images/icons/customShare.svg");
  }
  .wrapCustom .listToolsCustom .customShare .popupInfo {
    display: block;
  }
  .cylindoModule {
    height: 500px;
  }
  .show4 {
    display: block;
  }
  .show3 {
    display: none;
  }
  .wrapStepsOrder li.oneStepOrder.step3 .column {
    padding: 10px 0;
  }
  .wrapStepsOrder li.oneStepOrder.step3 img {
    max-width: 120px;
    float: right;
  }
}
@media (max-width: 767px) {
  .show4 {
    display: none;
  }
  .show3 {
    display: block;
  }
  .listToolsCustom {
    display: none;
  }
  .bgCustom {
    background: #FFFFFF;
  }
  .wrapCustom .wrapCustomOptions .wrapOptions {
    height: auto;
    padding: 0 5px!important;
  }
  .wrapCustom .wrapCustomOptions .wrapOptions .load-more a {
    margin-top: 0;
  }
  .wrapCustom .wrapCustomOptions .backArrow {
    margin-left: 20px;
    margin-bottom: 0;
  }
  .wrapCustom .wrapCustomOptions .wrapSteps .stepNumName {
    width: 100%;
  }
  .wrapCustom .wrapCustomOptions .oneOption .label {
    font-size: 14px;
  }
  .wrapCustom .btnContinue {
    margin-right: 0;
  }
  .wrapCustom .wrapStartingPrice .text-left,
  .wrapCustom .wrapStartingPrice .text-right {
    text-transform: uppercase;
    font-size: 80%;
  }
  .wrapCustom .wrapStartingPrice .text-right {
    font-size: 19px;
    line-height: 32px;
    padding-right: 10px;
  }
  #step-content-1 .wrapOptions a {
    min-height: 140px;
    display: inline-block;
  }
  #step-content-3 {
    margin-top: 20px;
  }
  #step-content-5 .wrapOptions {
    margin-top: 0;
  }
  .steps.stepActive .label {
    font-size: 1.667em;
    font-weight: 700;
  }
  .wrapStepsOrder li.oneStepOrder {
    padding-bottom: 10px;
  }
  .wrapStepsOrder li.oneStepOrder .stepsTitle {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .wrapStepsOrder li.oneStepOrder.step3 .column {
    padding: 10px 0;
  }
  .wrapStepsOrder li.oneStepOrder.step3 img {
    max-width: 70px;
    float: right;
  }
  .wrapStepsOrder li.oneStepOrder.step4 {
    background: none;
    border-bottom: 1px solid #3c3c3c;
  }
  .wrapStepsOrder li.oneStepOrder .stepDesc p.label {
    font-size: 14px;
  }
  .wrapQuantityOrder {
    padding: 15px 5px;
  }
  .wrapQuantityOrder .qte {
    padding-right: 5px;
  }
  .wrapTotalOrder {
    padding-top: 0;
  }
  .wrapTotalOrder .wrapPriceStepTotal {
    padding-right: 5px;
  }
  .wrapTotalOrder .wrapPriceStepTotal .priceStepTotal {
    font-size: 18px;
  }
  .titleStepTotal,
  .priceStepTotal {
    font-weight: 700;
  }
  .cylindoModule {
    height: 150px!important;
  }
  .wrapStepAddCart .btn.btnAddCart {
    margin-right: 0;
  }
  .wrapCustom h2 {
    margin: 0;
  }
  .wrapCylindo.stick {
    top: 60px;
    height: 150px;
    width: 100%;
    background: #ffffff;
    z-index: 10;
  }
  .wrapCylindo.stick h2.title-huge-pnthin,
  .wrapCylindo.stick p.subTitle,
  .wrapCylindo.stick p.subText {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .wrapCylindo {
    position: relative;
    top: 60px;
    width: 100%;
    z-index: 20;
  }
  .wrapCylindo h2.title-huge-pnthin {
    font-size: 1.667em;
    padding-top: 30px;
  }
  .wrapCylindo .subTitle {
    font-size: 1.083em;
  }
  .wrapCustomOptions {
    padding-top: 10px;
  }
  .wrapCustomOptions.wrapFixed {
    padding-top: 10px;
  }
}
@media (max-width: 480px) {
  .wrapCylindo {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 20;
  }
  .wrapCylindo h2.title-huge-pnthin {
    font-size: 1.667em;
    padding-top: 30px;
  }
  .wrapCylindo .subTitle {
    font-size: 1.083em;
  }
  .wrapCustomOptions {
    padding-top: 200px;
  }
  .wrapCustomOptions.wrapFixed {
    padding-top: 150px;
  }
  .wrapCustom .wrapCustomOptions .nav-tabs li:first-child {
    margin-left: 10px;
  }
  .wrapSteps {
    height: 40px;
    margin-bottom: 10px;
    position: relative;
  }
  .wrapSteps > .col-xs-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  .wrapSteps .steps.stepActive {
    display: block;
  }
  .wrapSteps .steps.stepActive .step {
    display: inline-block;
    float: left;
    margin-left: 10px;
  }
  .wrapSteps .steps.stepActive .label {
    display: inline-block;
    float: left;
    /*margin-top: 4px;*/
  }
  .backArrow a {
    color: #ff7979 !important;
  }
  .wrapCustomOptions p.right {
    width: 100%;
  }
  .wrapContactStore {
    font-size: 14px !important;
  }
  .oneStepOrder .stepsTitle span {
    border: 1px solid #3b3b3b;
    border-radius: 25px;
    padding: 0px 6px;
    margin-right: 5px;
  }
  .oneStepOrder .stepsTitle span::after {
    content: '' !important;
  }
  .oneStepOrder.step1 .stepsTitle span {
    padding: 0 8px;
  }
  .qte input[type=button] {
    display: none;
  }
}
#storeLocator {
  margin-top: 42px;
}
.wrapStoreLocator > div.col-md-4 {
  padding-right: 0;
}
.wrapStoreLocator > div.col-md-8 {
  padding-left: 0;
}
.wrapStoreLocator .wrapFormSearch {
  background: url("images/storeLocator/bgSearch.jpg") left top no-repeat;
  padding: 51px 0px;
  text-align: center;
  /*form {
      display: inline-block;
    }*/
  /*input[type="text"] {
      width: 100%;
      height: 51px;
      line-height: 51px;
      border: none;
      border-left: 1px solid #888888;
      border-top: 1px solid #888888;
      border-bottom: 1px solid #888888;
      border-radius: 0;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      background: #ffffff;
      font-size: 18px;
      padding-left: 18px;
      padding-right: 18px;
    }*/
  /*button {
      text-indent: -99999px;
      border: none;
      background: #ffffff;
      border-radius: 0;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border-top: 1px solid #888888;
      border-bottom: 1px solid #888888;
      border-right: 1px solid #888888;
      border-left: 0;
      margin-left: -4px;
      height: 51px;
      line-height: 51px;
      span {
        color: #3b3b3b;
        display: block;
        text-indent: 0;
        font-size: 17px;
        float: left;
        margin-top: 6px;
      }
    }*/
}
.wrapStoreLocator .wrapFormSearch .input-group.location {
  position: relative;
  z-index: 3;
  margin-left: auto;
  margin-right: auto;
  width: 55%;
}
.wrapStoreLocator .wrapFormSearch .input-group.location input[type=text] {
  border-radius: 3px;
  padding-left: 15px;
  width: 100%;
  background: #FFFFFF;
  height: 50px;
  line-height: 50px;
}
.wrapStoreLocator .wrapFormSearch .input-group.location input[type=submit].submit-arrow {
  position: absolute;
  right: 7px;
  top: 4px;
  z-index: 4;
}
.wrapStoreLocator .wrapListStore {
  overflow-y: scroll;
  margin-bottom: 0;
  border-bottom: 20px solid #f6f6f6;
}
.wrapStoreLocator .wrapListStore .panel {
  background: #f6f6f6;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  border: none;
  position: relative;
}
.wrapStoreLocator .wrapListStore .panel + .panel {
  margin-top: 0;
  border-top: 1px solid #000000;
}
.wrapStoreLocator .wrapListStore .panel-heading {
  padding: 0;
  background: none;
}
.wrapStoreLocator .wrapListStore .panel-heading .panel-title a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}
.wrapStoreLocator .wrapListStore .panel-heading .panel-title a span.col-xs-1,
.wrapStoreLocator .wrapListStore .panel-heading .panel-title a span.col-xs-10 {
  padding: 10px;
  margin: 0;
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.wrapStoreLocator .wrapListStore .panel-heading .panel-title a span.col-xs-1 span,
.wrapStoreLocator .wrapListStore .panel-heading .panel-title a span.col-xs-10 span,
.wrapStoreLocator .wrapListStore .panel-heading .panel-title a span.col-xs-1 p,
.wrapStoreLocator .wrapListStore .panel-heading .panel-title a span.col-xs-10 p {
  margin: 0;
}
.wrapStoreLocator .wrapListStore .panel-heading .panel-title a span.col-xs-1 {
  width: 6.5%;
  padding: 0;
}
.wrapStoreLocator .wrapListStore .panel-heading .panel-title a:hover {
  text-decoration: none;
}
.wrapStoreLocator .wrapListStore .panel-body {
  padding: 0;
  border: none;
}
.wrapStoreLocator .wrapListStore .colNum {
  padding: 0 0 0 20px;
}
.wrapStoreLocator .wrapListStore .colNum .listStoreNum {
  border-radius: 25px;
  color: #ffffff;
  font-size: 11px;
}
.wrapStoreLocator .wrapListStore .colNum .listStoreNum.numLR {
  background: #ff7c7c;
  display: inline-block;
  margin: 10px auto;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.wrapStoreLocator .wrapListStore .colNum .listStoreNum.numBO {
  background: #000000;
}
.wrapStoreLocator .wrapListStore .titleListStore {
  font-size: 18px;
  text-transform: uppercase;
}
.wrapStoreLocator .wrapListStore .addressListStore {
  font-family: 'adobe-garamond-pro', sans-serif;
  font-size: 17px;
}
.wrapStoreLocator .wrapListStore .accordion-toggle span.glyphicon-menu-right {
  display: none;
  margin-top: 20px;
}
.wrapStoreLocator .wrapListStore .accordion-toggle span.glyphicon-menu-down {
  display: block;
  margin-top: 20px;
}
.wrapStoreLocator .wrapListStore .accordion-toggle.collapsed span.glyphicon-menu-right {
  display: block;
  margin-top: 20px;
}
.wrapStoreLocator .wrapListStore .accordion-toggle.collapsed span.glyphicon-menu-down {
  display: none;
  margin-top: 20px;
}
.wrapStoreLocator .wrapListStore .wrapStoreDesc {
  padding: 33px 25px;
  font-size: 16px;
}
.wrapStoreLocator .wrapListStore .wrapStoreDesc .nameStore {
  color: #ff7979;
}
.wrapStoreLocator .wrapListStore .wrapStoreDesc .txtStoreOpening {
  font-style: italic;
  text-transform: lowercase;
}
.wrapStoreLocator .wrapListStore .wrapStoreDesc .telStore,
.wrapStoreLocator .wrapListStore .wrapStoreDesc .faxStore,
.wrapStoreLocator .wrapListStore .wrapStoreDesc .emailStore {
  position: relative;
}
.wrapStoreLocator .wrapListStore .wrapStoreDesc .telStore span.contactStoreLabel,
.wrapStoreLocator .wrapListStore .wrapStoreDesc .faxStore span.contactStoreLabel,
.wrapStoreLocator .wrapListStore .wrapStoreDesc .emailStore span.contactStoreLabel {
  float: left;
  background: #f6f6f6;
  position: relative;
  z-index: 1;
  padding-right: 10px;
}
.wrapStoreLocator .wrapListStore .wrapStoreDesc .telStore span.contactStoreNum,
.wrapStoreLocator .wrapListStore .wrapStoreDesc .faxStore span.contactStoreNum,
.wrapStoreLocator .wrapListStore .wrapStoreDesc .emailStore span.contactStoreNum,
.wrapStoreLocator .wrapListStore .wrapStoreDesc .telStore span.contactStoreEmail,
.wrapStoreLocator .wrapListStore .wrapStoreDesc .faxStore span.contactStoreEmail,
.wrapStoreLocator .wrapListStore .wrapStoreDesc .emailStore span.contactStoreEmail {
  float: right;
  background: #f6f6f6;
  position: relative;
  z-index: 1;
  padding-left: 10px;
}
.wrapStoreLocator .wrapListStore .wrapStoreDesc .telStore span.line,
.wrapStoreLocator .wrapListStore .wrapStoreDesc .faxStore span.line,
.wrapStoreLocator .wrapListStore .wrapStoreDesc .emailStore span.line {
  position: absolute;
  left: 0;
  top: 11px;
  border-top: 1px solid #d2d2d2;
  width: 100%;
}
.wrapStoreLocator .wrapMaps {
  position: relative;
}
.wrapStoreLocator .wrapMaps .blocActuShop {
  background: url("images/storeLocator/bgPinkOpacity.png") left top;
  color: #ffffff;
  padding: 25px 15px;
  position: absolute;
  left: 0;
  top: 152px;
  z-index: 500;
  width: 250px;
}
.wrapStoreLocator .wrapMaps .blocActuShop .titleActuShop {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 15px;
}
.wrapStoreLocator .wrapMaps .blocActuShop .txtActuShop {
  width: 200px;
  font-size: 24px;
  display: inline-block;
}
@media (max-width: 360px) {
  .wrapStoreLocator .wrapFormSearch .form-group {
    width: 215px;
  }
  .wrapStoreLocator iframe {
    height: 500px;
  }
}
@media (max-width: 728px) {
  .wrapStoreLocator .wrapListStore {
    position: fixed;
    top: 62px;
    z-index: 9999;
    width: 100%;
    overflow-y: auto;
  }
  .wrapStoreLocator .wrapListStore .panel {
    height: 100%;
  }
  .wrapStoreLocator .wrapListStore .wrapStoreDesc {
    padding: 15px 15px;
    font-size: 16px;
  }
  .wrapStoreLocator .wrapListStore .wrapStoreDesc p {
    padding: 0;
  }
  .wrapStoreLocator .wrapFormSearch {
    position: absolute;
    z-index: 500;
    background: none;
  }
  .wrapStoreLocator .wrapFormSearch .input-group.location {
    position: relative;
    z-index: 3;
    margin-top: 39%;
    margin-left: auto;
    margin-right: auto;
    width: 55%;
  }
  .wrapStoreLocator .wrapFormSearch .input-group.location input[type=text] {
    border-radius: 3px;
    padding-left: 15px;
    width: 100%;
    background: #FFFFFF;
    height: 50px;
    line-height: 50px;
  }
  .wrapStoreLocator .wrapFormSearch .input-group.location input[type=submit].submit-arrow {
    position: absolute;
    right: 7px;
    top: 4px;
    z-index: 4;
  }
  .wrapStoreLocator .blocActuShop {
    display: block;
    padding: 15px 39px;
    top: 446px;
    z-index: 99;
    width: 90%;
  }
}
@media (max-width: 767px) {
  #storeLocator {
    margin-top: 0;
  }
  .wrapStoreLocator .wrapFormSearch {
    background: #FFFFFF;
    padding: 10px;
    width: 80%;
    margin: 10px 10%;
    height: 70px;
  }
  .wrapStoreLocator .wrapFormSearch .input-group.location {
    width: 100%;
    margin-top: 0;
  }
  .wrapStoreLocator .wrapFormSearch .input-group.location input[type=text] {
    width: 70%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .wrapStoreLocator .wrapFormSearch .input-group.location input[type=submit] {
    width: 30%;
    background: #5BD18B;
    right: 0;
    top: 0;
    height: 50px;
  }
  .wrapStoreLocator .wrapFormSearch .input-group.location input[type=submit].submit-arrow {
    right: -10px;
    top: -10px;
    line-height: 50px;
    text-indent: 0;
    color: #FFFFFF;
    height: 70px;
    padding-left: 10px;
    width: 35%;
    border-radius: 0!important;
    font-size: 16px;
    text-transform: uppercase;
  }
  .iconClose {
    background: url('images/common/pictoClose.svg') no-repeat;
    width: 30px;
    height: 25px;
    background-size: 25px auto;
    display: block;
    opacity: 0.8;
    position: absolute;
    right: 20px;
    top: 2px;
    cursor: pointer;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .wrapStoreLocator .blocActuShop {
    right: 0;
    top: 85px;
  }
}
@media (min-width: 1920px) {
  .wrapStoreLocator .wrapFormSearch .input-group.location input[type=text] {
    width: 90%;
  }
  .wrapStoreLocator .wrapFormSearch .input-group.location input[type=submit].submit-arrow {
    right: 17px;
  }
}
/*FORMS*/
.formPage h1 {
  margin-top: 60px;
}
.formDefaultWrapper .divider {
  height: 1px;
  width: 100%;
  background: #c3c3c3;
  display: block;
  margin: 30px auto;
}
.formDefaultWrapper .btn.green-plain {
  margin-top: 15px;
  margin-bottom: 15px;
}
.formDefaultWrapper .btn.green-plain span {
  line-height: normal;
}
.formDefaultWrapper .radioBtns {
  margin-bottom: 15px;
}
.formDefaultWrapper .formCheckbox {
  width: auto;
  margin-right: 30px;
  display: inline-block;
}
.formDefaultWrapper .birthDate label {
  width: 100%;
}
.formDefaultWrapper .birthDate select.day,
.formDefaultWrapper .birthDate select.month {
  width: 28%;
  margin-right: 4%;
  float: left;
}
.formDefaultWrapper .birthDate select.year {
  width: 36%;
  float: left;
}
.formPage .formDefaultWrapper .success-inline,
.formPage .formDefaultWrapper .error_inline {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .formDefaultWrapper .form-group {
    padding: 0 15px;
  }
  .formDefaultWrapper .radioBtns {
    padding: 0 15px;
  }
  .formDefaultWrapper .formCheckbox {
    padding: 0 15px;
  }
}