.pages-landing{
  float: left;
  width: 100%;
  position: relative;
  margin-top: 11px;
}
.pages-landing .col-left{
  float: left;
  width: 520px;
  position: sticky;
  top: 0;
}
.pages-landing .col-left.no-sticky{position: relative}
 .pages-landing .col-left .bg-text{
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  position: relative;
  float: left;
  width: 100%;
  padding-top: 20px;
}
 .pages-landing .col-left .bg-text:before{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 30%);
  z-index: 0;
}
.contact-index-index .pages-landing .col-left .bg-text:before {background: rgb(48 48 48 / 63%)}
 .pages-landing .col-left .bg-text ul{
  float: left;
  width: 100%;
  padding-left: 20px;
  position: sticky;
}
.bloc-text{
  top: 95px;
  z-index: 9;
  float: left;
  width: 100%;
  position: sticky;
}

@media screen and (max-width: 768px)
{
  .bloc-text
  {
    display:none;
  }
}

.pages-landing .col-left .bg-text p{
  padding-left: 20px;
  color: white;
  z-index: 9;
  position: relative;
  margin-bottom: 30px;
  letter-spacing: 0.48px;
  font-weight: 400;
}
.pages-landing .col-left .bg-text p.bold{font-weight: 600}
.pages-landing .col-left .bg-text p.extra-bold{
  margin-bottom: 13px;
  font-weight: 900;
}
.pages-landing .col-left .bg-text p.mt{margin-top: 13px}
 .pages-landing .col-left .bg-text ul li{z-index: 99}
 .pages-landing .col-left .bg-text ul li a{
  color: white!important;
  text-transform: uppercase;
}
 .pages-landing .col-left .bg-text ul li a:hover{text-decoration: none}
 .cms-faq .pages-landing .text {width: calc(100% - 80px)}
 .cms-faq [type=checkbox]:not(:checked)+label { width: inherit}

/*RIGHT*/
 .pages-landing .col-right{
  float: right;
  width: calc(100% - 520px);
  position: relative;
  padding-top: 15px;
}
 .pages-landing .col-right .text{padding-left: 80px}
.pages-landing .sticky-text{
  position: sticky;
  top: 80px;
}
 .pages-landing .col-right .text.mini{
  width: 720px;
}
.pages-landing h1{
  margin-top: 15px;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 23px;
}
.page-title-wrapper .page-title {
  margin-top: 15px;
  font-size: 16px;
  letter-spacing: 0.64px;
}
.pages-landing .col-right p,
.pages-landing .col-right ul{
  margin-bottom: 25px;
  letter-spacing: 0.48px;
  float: left;
  width: 100%;
}
.pages-landing .col-right ul{padding-left: 10px}
 .pages-landing .col-right h2:first-of-type{margin-top: 0px}
 .pages-landing .col-right h2{
  font-size: 15px;
  margin: 25px 0px;
  font-weight: 600;
  float: left;
  width: 100%;
}
 .pages-landing .col-right .tab-label h2{margin-bottom: 35px}
 .pages-landing .col-right a{
  font-weight: bold;
  text-decoration: underline;
}
.pages-landing .col-right h2:before{
  content: "/";
  display: inline;
  margin-right: 5px;
}
.pages-landing .col-right ul li{
  margin-bottom: 0px;
  letter-spacing: 0.48px;
}
.breadcrumbs strong {font-weight: 600}
/*Accordeon*/
.tabs{overflow: hidden}
.tab {
  width: 100%;
  overflow: hidden;
}
.tab-label:hover{cursor: pointer}
.tab-label{display: flex}
.tab-content {
  max-height: 0;
  background: white;
  transition: all 0.35s;
  float: left;
  width: 100%;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  /* background: #2c3e50; */
  cursor: pointer;
}
.tabs input {
  /* position: absolute; */
  opacity: 0;
  z-index: -1;
}
.tabs input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 0px;
  margin-bottom: 15px;
}
.no-margin{margin: 0px!important}
.no-slash::before{content: none!important}
/*NL*/
.cms-newsletter .block.newsletter,
.cms-newsletter .block.newsletter .field.newsletter{
  width: 100%;
  max-width: 100%;
}
.cms-newsletter .block.newsletter .form.subscribe{display: block}
.cms-newsletter  .block.newsletter .field .control:before {
  position: absolute;
  top: 8px;
  left: 16px;
}
.cms-newsletter .block-right p{
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.56px;
  color: #000000;
  margin-bottom: 40px;
}
.cms-newsletter  .block.newsletter input[type="email"]{
  padding-left: 55px;
  margin-bottom: 26px;
}
.block.newsletter .field .control{
  position: relative;
  float: left;
}
/*Forms*/
.pages-landing .text{width: 635px}
.pages-landing form{width: 100%}
.pages-landing form input[type="text"],
.pages-landing form input[type="tel"],
.pages-landing form input[type="email"],
.pages-landing form textarea{
  border: none;
  background: #F5F5F5;
  height: 47px;
  padding: 16px 23px;
}
.pages-landing form textarea{min-height: 167px}
.pages-landing form input:active,
.pages-landing form input:focus{
  outline: none;
  box-shadow: none
}
.pages-landing  .fieldset > .field:not(.choice) > .control{width: 100%}
.pages-landing form input::placeholder,
.pages-landing form textarea::placeholder {
  font-family: "Sora", sans-serif;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  font-weight: 600;
}
.pages-landing  .action.primary{
  width: 226px;
  text-transform: uppercase;
  height: 37px;
}
.pages-landing form .actions-toolbar{
  width: 100%;
  float: left;
  text-align: left;
  margin-left: 0px!important;
}
.pages-landing  label[for="amgdpr_agree"]{
  font-size: 12px;
  font-weight: 700;
}
.pages-landing  form .fieldset > .field{margin-bottom: 25px}
.pages-landing form .fieldset{margin-bottom: 15px}
.contact-index-index .column:not(.sidebar-additional) .form.contact{
  width: 630px;
  min-width: 630px;
  max-width: 100%;
}
@media screen and (min-width: 640px){
  .contact-index-index .mobile-l-p-t-12 {padding-top: 90px}
}
@media screen and (min-width: 768px){
  .breadcrumbs{top: 130px}
}
@media screen and (max-width: 1400px){
  .pages-landing .col-right .text.mini {width: 630px}
}
@media screen and (max-width: 1300px){
  .pages-landing .col-left{width: 40%}
  .pages-landing .text,.pages-landing .col-right .text.mini {width: calc( 100% - 80px)}
  .pages-landing .col-right{width: 60%}
  .contact-index-index .column:not(.sidebar-additional) .form.contact{
    width: 100%;
    min-width: 100%;
  }
}
.product-sheet .alma{
  justify-content: center;
  margin-top: 15px;
  padding: 14px;
  background: #f2f2f2;
}
.product-sheet .alma svg{
  width: 40px;
  margin-left: 6px;
  height: 20px;
  top: 2px;
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 767px){
  .product-sheet .alma{
    display: block;
    text-align: center;
  }
  .product-sheet .alma p,
  .product-sheet .alma img{
    display: inline;
  }
  .product-sheet .alma svg{margin-left: 2px}
  .product-sheet .alma p span{display: inline-block}
  .pages-landing .col-right .text.mini,
  .pages-landing .col-right{width: 100%}
  .pages-landing .col-left {
    width: 100%;
    position: relative;
  }
  .pages-landing .col-left .bg-text{
    min-height: 250px;
    margin-bottom: 20px;
  }
  .pages-landing .col-right .text{
    width: 100%;
    padding: 0px;
  }
  .pages-landing .action.primary{float: left;}
  .pages-landing .col-left .bg-text:nth-of-type(2),
  .pages-landing .col-left .bg-text:nth-of-type(3){
    display: none;
  }
  .pages-landing .col-right{margin-bottom: 80px}
}

/*SLICK*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url('../fonts/ajax-loader.gif') center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url('../fonts/slick.eot');src:url('../fonts/slick.eot?#iefix') format('embedded-opentype'),url('../fonts/slick.woff') format('woff'),url('../fonts/slick.ttf') format('truetype'),url('../fonts/slick.svg#slick') format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{display:block;width:100%;padding:0;list-style:none;text-align:center;width:auto;margin:auto;position:relative;bottom:0;display:table!important;height:auto}.slick-disabled{opacity:0}.slick-dots:before{content:"";background:#303030;left:0;height:2px;width:100%;bottom:5px;z-index:99;display:block;position:absolute;border:0}.slick-dots li{position:relative;display:inline-block;width:auto;padding:0;cursor:pointer;margin:0;line-height:0}.slick-dots li button{cursor:pointer;color:transparent;border:0;outline:0;border-radius:0!important;width:42px;background:0 0;padding:0;height:4px}.slick-dots li.slick-active button{background:#303030;height:4px}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{content:none}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
.scrollup{
  position: fixed;
right: 65px;
bottom: 300px;
}
@media screen and (max-width: 767px){
  .scrollup{
    right: 20px;
    bottom: 115px;
  }
}
.slick-dots:before{bottom: 6px}
.slick-left .slick-dots,
.slick-right .slick-dots{
  top: -105px;
}
.slick-left  .slick-dots:before,
.slick-right .slick-dots:before,
.slick-left .slick-dots li.slick-active button,
.slick-right .slick-dots  li.slick-active button{
  background: #FFFFFF;
}
.slick-next,
.slick-prev{z-index: 1}
.slick-next:before {
  content: url('../images/arrow-slider-right.svg');
  opacity: 1;
}
.slick-prev:before {
  content: url('../images/arrow-slider-left.svg');
  opacity: 1;
}
.slick-next {right: 30px}
.slick-prev {left: 30px}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
  border: none;
}
.slick-left{
  float: left;
  width: 50%;
}
.slick-right{
  float: left;
  width: 50%;
}
.slick-left a img,
.slick-right a img{
  height: 790px;
  object-fit: cover;
  object-position: center;
}
.slick-left .slick-slide,
.slick-right .slick-slide {
    position: relative;
}
p.marque{
  position: absolute;
  top: 48px;
  left: 48px;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 25px;
  letter-spacing: 1.1px;
}
.clear{
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.bg-gray{background: #f6f6f6;}
.bg-gray-lite{background: #ECECEC}
.bg-beige{background: #A4690433}
.vedette{
  margin-top: 47px;
  /* padding-top: 65px; */
}
.vedette .mid-container{
  width: 1513px;
  max-width: 100%;
  margin: auto;
}
.flex-block{
   display: flex;
   padding: 59px 0px;
}
.vedette .flex-block{padding: 59px 0px}
.block-25,
.block-50{
  padding: 0px 9px;
  position: relative;
  height: 100%;
}
.block-30{
  flex: 50%;
  padding-left: 30px
}
.block-70{
  flex: 70%;
  padding: 0px 9px;
}
.block-70 img{width: 100%}
.story .flex-box{padding: 40px 0px 54px 0px}
.story h3{
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  line-height: 20px;
  letter-spacing: 0.8px;
}
.story p{
  margin-bottom: 20px;
  line-height: 20px;
  letter-spacing: 0.7px;
}
.block-25{flex: 25%}
.block-50{flex: 50%}
a.black-cta{
  background: #303030;
  color: white!important;
  text-transform: uppercase;
  font-weight: bold;
  padding: 9px 46px;
  transition: 0.5s;
}
a.black-cta:hover{
  color:  #303030!important;
  background: white;
  text-decoration: none;
}
.vedette .black-cta{
  position: absolute;
  bottom: 43px;
  margin: auto;
  display: table;
  text-align: center;
  left: 0;
  right: 0;
}
.slick-right .black-cta,
.slick-left .black-cta{
  position: absolute;
  top: 85%;
  margin: auto;
  display: table;
  text-align: center;
  left: 0;
  right: 0;
}
.vedette img{
  width: 100%;
  height: 474px;
  object-fit: cover;
}
.block-25 .marque{
  left: 0;
  right: 0;
  top: 40px;
  text-align: center;
}
section.release {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 40px;
}
section.release .slick-prev {
  left: -25px;
  top: 55%;
}
section.release .slick-next {
  right: -25px;
  top: 55%;
}
/* .product-release-card img{
  margin: auto;
  margin-bottom: 170px;
  margin-top: 100px;
  width: 820px;
  max-width: 100%;
} */
.product-release-card img {
    margin: auto;
    margin-bottom: 170px;
    margin-top: 100px;
    max-width: 100%;
    object-fit: cover;
    width: 910px;
    height: 600px;
    object-position: 0px -280px;
}

.product-release-card{position: relative}
.product-release-card .data-content{
  position: absolute;
  bottom: 10px;
  left: 0px;
}
.data-content .date{
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 13px;
}
.data-content .marque-release{
  line-height: 25px;
  font-weight: bold;
  font-size: 20px;
}
.data-content .sku{
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 22px;
}
.data-content  .price{
  font-weight: 800;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 30px;
}
.view-all-cta{
  z-index: 99;
  position: absolute;
  bottom: 110px;
  right: 50px;
  color: #303030!important;
  text-decoration: underline;
  font-size: 14px;
  font-weight: normal;
}
.story{
  float: left;
  width: 100%;
  padding-top: 60px;
}
.most-selled h2{
  margin-top: 47px;
  margin-bottom: 47px;
}
h2.big{
  position: absolute;
  bottom: 300px;
  font-weight: bold;
  font-size: 35px;
  z-index: 99
}
.error-empty, .error-not-mail{display: none}
.newsletter-hp{
  padding: 46px 0px 50px 0px;
  position: relative;
}
.newsletter-hp h2{
  color: white;
  letter-spacing: 1.1px;
  margin-bottom: 40px;
}
.story .flex-block{padding-top: 50px}
.input-group{
  width: 485px;
  margin: auto;
  display: flex;
}
.input-group input{
  background: none;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0px;
  color: white;
}
.input-group input:focus,
.input-group input:active{
  box-shadow: none;
}
.newsletter-hp .error{
  color: #ff5722;
  text-align: center;
  position: absolute;
  bottom: 15px;
  right: 0;
  left: 0;
}
.input-group input,
.input-group input:-moz-placeholder,
.input-group input:-ms-input-placeholder,
.input-group input::-moz-placeholder,
.input-group input::-webkit-input-placeholder{
  color: #AEAEAE;
}
.input-group  button{
  background: none;
  color: white;
  border: none;
  border-bottom: 1px solid white;
  left: inherit;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.input-group button svg{margin-left: 12px}
ul .title{font-weight: bold}

@media screen and (max-width: 1250px){
  .vedette img {height: 374px}
  .slick-left a img, .slick-right a img {height: 690px}
}
@media screen and (max-width: 991px){
  .story .flex-block {display: block}
  .story .block-30 {
    margin-top: 35px;
    padding-left: 10px;
    width: 100%;
  }
  .block-70 {width: 100%}
  .product-release-card img {margin-bottom: 230px}
  section.release .slick-next {right: 0px}
  .vedette .block-50{flex: 25%}
  .vedette .black-cta{bottom: 20px}
}
.display-mobile{display: none}
@media screen and (max-width: 767px){

  .product-release-card img {
          max-width: 100%;
      object-fit: cover;
      width: 100%;
      height: 300px;
      object-position: 0px -80px;
  }

  .hide-mobile{display: none!important}
  .display-mobile{display: block}
  .slick-right,
  .slick-left {
    width: 100%;
  }
  .slick-left a img,
  .slick-right a img {height: 342px}
  .slick .slick-slide img {
    display: block;
    object-fit: contain;
  }
  .new-products .slick-next,
  .most-selled .slick-next {right: 0px}
  /* .slick-prev {left: -15px} */
  .vedette .flex-block{
    display: block;
    float: left;
    width: 100%;
    margin: 0px!important;
  }
  .vedette .block-50 {
    width: 100%;
    padding: 0px;
    margin-bottom: 11px;
  }
  .vedette .block-50 img{height: 289px}
  .vedette .block-25 img{height: 239px}
  .vedette{
    float: left;
    width: 100%;
  }
  .vedette .block-25 {
    float: left;
    padding: 0px 4px;
    width: 50%;
    box-sizing: border-box;
  }
  a.black-cta {
    padding: 6px 37px;
    font-size: 12px;
    width: 70px;
  }
  .vedette .block-25:nth-child(2){padding-left: 13px}
  .vedette .block-25:nth-child(3){padding-right: 13px}
  .vedette .block-25:nth-child(2) a.black-cta {right: -10px}
  .vedette .block-25:nth-child(3) a.black-cta {left: -10px}
  .input-group {width: calc(100% - 30px);}
  .slick-right .black-cta,
  .slick-left .black-cta{
    top: 85%
  }
  .slick-left .slick-dots, .slick-right .slick-dots {top: -40px}
  .new-products .slick-prev, .new-products .slick-next,
  .most-selled .slick-prev, .most-selled .slick-next {
    top: 35%;
  }
  .slick-dots li.slick-active button{height: 3px}
  .slick-dots:before {
    height: 1px;
    bottom: 7px;
  }
  p.marque{
    top: 27px;
    left: 22px;
    font-size: 18px;
    letter-spacing: 0.9px;
  }
  .new-products{margin-bottom: 0px}
  .vedette {
    margin-top: 0px;
    padding-top: 26px;
  }
  .vedette .flex-block {padding: 35px 0px 16px 0px}
  .most-selled h2 {
    margin-top: 36px;
    margin-bottom: 33px;
  }
  .product-release-card img{margin-top: 30px}
  .product-release-card img {margin-bottom: 280px}
  h2.big {left: 40px}
  .product-release-card .data-content {left: 30px}
  section.release {padding-bottom: 65px}
  section.release .slick-dots{bottom: -50px}
  section.release  a.black-cta {
    padding: 9px 39px;
    font-size: 14px;
  }
  .view-all-cta {
    z-index: 99;
    bottom: 128px;
  }
  h2.big{bottom: 330px}
  .story {padding-top: 26px}
  .story .flex-block {
    margin: 0px!important;
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .story .block-70{padding: 0px}
  .story .block-30 {
    margin-top: 30px;
    padding-left: 0px
  }
  .story h3, .story p{
    padding-right: 22px;
    padding-left: 22px;
  }
  .block-70 img {
    height: 271px;
    object-fit: cover;
  }
}