/**
 *  Tous droits réservés NDKDESIGN
 *
 *  @author Hendrik Masson <postmaster@ndk-design.fr>
 *  @copyright Copyright 2013 - 2019 Hendrik Masson
 *  @license   Tous droits réservés
*/

.sticky_popup .ndk-slide-item {
  margin: 0;
}

.sticky-close {
  position: absolute;
  top: 1em;
  right: 2em;
  background: #333;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 3px solid #fff;
  cursor: pointer;
}
.sticky-close i {
  margin: 0 !important;
}

.sticky_popup .ndk_banner_container {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.is-sticky .sticky-target {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

.hasFixedCols
  #header
  .is-sticky
  .sticky-target
  div:not([data-module~="displayNdkCpMenu"])
  .ndkacf-items-container {
  padding-left: 1em !important;
}
.is-sticky .sticky-target {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9999;
  top: 0;
  box-shadow: 0px 0px 5px 0px #a3a0a0 !important;
  margin-top: 0;
  /* padding-left: 0;
  padding-right: 0; */
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.is-sticky .sticky-target-bottom {
  top: unset;
  bottom: 0;
  -webkit-animation-name: slideInUp !important;
  animation-name: slideInUp !important;
  margin-bottom: 0;
  padding-bottom: 1em;
}

.is-sticky .sticky-hidden {
  display: none !important;
}

.ndkcfLoaded .is-sticky .add-to-cart.falseButton {
  display: block !important;
  width: 100%;
  float: right;
  margin-top: 0;
  position: relative;
  z-index: 2;
}

.is-sticky [class*="sticky-col"] {
  float: left;
  clear: none;
  top: 0 !important;
}
.is-sticky .sticky-col-1 {
  width: 8.33333%;
}
.is-sticky .sticky-col-2 {
  width: 16.66667%;
}
.is-sticky .sticky-col-3 {
  width: 25%;
}
.is-sticky .sticky-col-4 {
  width: 33.33333%;
}
.is-sticky .sticky-col-5 {
  width: 41.66667%;
}
.is-sticky .sticky-col-6 {
  width: 50%;
}
.is-sticky .sticky-col-7 {
  width: 58.33333%;
}
.is-sticky .sticky-col-8 {
  width: 66.66667%;
}
.is-sticky .sticky-col-9 {
  width: 75%;
}
.is-sticky .sticky-col-10 {
  width: 83.33333%;
}
.is-sticky .sticky-col-11 {
  width: 91.66667%;
}
.is-sticky .sticky-col-12 {
  width: 100%;
}

@media (max-width: 480px) {
  .is-sticky h1 {
    text-align: center;
  }

  .is-sticky .sticky-hidden-xs {
    display: none !important;
  }
  .is-sticky .sticky-visible-xs {
    display: block !important;
  }
  .is-sticky .sticky-col-xs-1 {
    width: 8.33333%;
  }
  .is-sticky .sticky-col-xs-2 {
    width: 16.66667%;
  }
  .is-sticky .sticky-col-xs-3 {
    width: 25%;
  }
  .is-sticky .sticky-col-xs-4 {
    width: 33.33333%;
  }
  .is-sticky .sticky-col-xs-5 {
    width: 41.66667%;
  }
  .is-sticky .sticky-col-xs-6 {
    width: 50%;
  }
  .is-sticky .sticky-col-xs-7 {
    width: 58.33333%;
  }
  .is-sticky .sticky-col-xs-8 {
    width: 66.66667%;
  }
  .is-sticky .sticky-col-xs-9 {
    width: 75%;
  }
  .is-sticky .sticky-col-xs-10 {
    width: 83.33333%;
  }
  .is-sticky .sticky-col-xs-11 {
    width: 91.66667%;
  }
  .is-sticky .sticky-col-xs-12 {
    width: 100%;
  }
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* @group Prestashop Specific */

.is-sticky .logo.img-responsive {
  max-height: 65px;
  margin-top: 0rem;
  width: auto !important;
}

.is-sticky #top-product-infos {
  background: var(--white);
  box-shadow: inset 0px 0px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  padding-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: stretch;
  align-items: center;
  justify-content: space-between;
}
.is-sticky .product-cover {
  max-width: 120px;
  display: inline-block;
}

.is-sticky .product-images > .thumb-container {
  max-width: 50px;
}
.is-sticky .js-qv-mask {
  display: inline-block;
}

.is-sticky .ndkzoom {
  display: none;
}

.is-sticky .product-prices {
  padding-top: 0;
  margin-top: 0;
}
.is-sticky .add {
  padding-bottom: 0;
}
.is-sticky .card {
  padding: 0;
  box-shadow: none;
}

.is-sticky .product-navigation {
  right: 30px;
}
.is-sticky .product-navigation li {
  background: #2d9cd3;
}

.is-sticky .product-navigation .nav-link {
  color: #fff !important;
}
.is-sticky #menu-icon-bis {
  display: block;
}

.is-sticky .ndk-floating {
  padding-top: 0;
}
/* @end */