#amazzing_filter.compact-layout {
    opacity            : 1;
    pointer-events     : all;
    -webkit-transition : all 0.3s ease-in-out 0.3s;
    -o-transition      : all 0.3s ease-in-out 0.3s;
    transition         : all 0.3s ease-in-out 0.3s;
}

#amazzing_filter.compact-layout.hide-filter {
    pointer-events     : none;
    opacity            : 0;
    -webkit-transition : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

#header.is-grab .header-actions-content {
  display: none;
}
/*#header.is-grab .header-top {*/
/*  height: 204px;*/
/*}*/
#header.is-grab #search_widget input {
  line-height: 40px;
}

.header-top__wrapper.is-not-grab {
  position          : absolute;
  top               : 10px;
  bottom               : 10px;
  -webkit-transform : translate3d(0, 0, 0);
  transform         : translate3d(0, 0, 0);
  /*    -webkit-animation : hide-sticky-header 0.3s ease-in-out forwards;
      animation         : hide-sticky-header 0.3s ease-in-out forwards;*/
}

#header.is-grab ~ #wrapper {
  margin-top: 148px;
}

#header .header-top__wrapper .logo {
    max-height         : calc(65px + (85 - 65) * ((100vw - 320px) / (1920 - 320)));
    max-width: calc(90px + (115 - 90) * ((100vw - 320px) / (1920 - 320)));
    padding            : 0;
    -webkit-transition : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}
#header .header-top__wrapper .regroupeur .logo {
  border-radius: 5px;
}

#header .header-top__wrapper .header-top__logo a {
  display : grid;
  grid-template-columns: auto auto auto;
  transition: all 0.8s;
}
#header .header-top__wrapper .header-top__logo a  div {
  text-align: center;
  align-self: center;
  align-items: center;
}
#header .header-top__wrapper .header-top__logo a  div.regroupeur.no-logo {
  background-color: white;
  width: calc(90px + (115 - 90) * ((100vw - 320px) / (1920 - 320)));
  height: calc(60px + (80 - 60) * ((100vw - 320px) / (1920 - 320)));
  border-radius: 5px;
  display: flex;
  padding: 5px;
  justify-content: center;
  white-space: normal;
  flex-direction: column;
}
#header .header-top__wrapper .header-top__logo a  div.regroupeur.no-logo div.group-title {
  font-weight: bold;
}

#header a .and {
  display: inline-grid;;
  height: 20px;
  width: 20px;
  background-color: #DADCDF;
  border-radius: 50%;
  margin: 0 5px;
  font-weight: 500;
  font-size: 15px;
  color: var(--main-color);
}

#header .header-top__wrapper .header-top__logo a  div.and:hover {
  color: var(--main-color);
}
/*#header .header-top__wrapper .header-top__logo a:hover {*/
/*  filter: drop-shadow(0 0 0.25rem var(--main-color));*/
/*}*/
#header .header-top__wrapper.is-grab .logo {
    max-width  : 100%;
    max-height : 65px;
    padding    : 5px 0;
}

.header-top__wrapper.is-not-grab {
    position          : absolute;
    top               : 10px;
    bottom               : 10px;
    -webkit-transform : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
/*    -webkit-animation : hide-sticky-header 0.3s ease-in-out forwards;
    animation         : hide-sticky-header 0.3s ease-in-out forwards;*/
}

@media (min-width : 1200px) {
    .header-top__wrapper.is-grab {
        padding : var(--section-sticky-margin);
    }

    .header-top__wrapper.is-not-grab {
        top     : 12px;
        padding : 0 20px;
    }

  #header.is-grab .header-top__logo,
  #header.is-grab .header-top__logo img,
  #header.is-grab  .regroupeur.no-logo {
    max-height: 55px;
    font-size: 0.9rem;
  }
}

@-webkit-keyframes show-sticky-header {
    0% {
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0)
    }
    100% {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@keyframes show-sticky-header {
    0% {
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0)
    }
    100% {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@-webkit-keyframes hide-sticky-header {
    0% {
        padding : var(--section-sticky-margin);
    }
    100% {
        padding : 0 20px;
    }
}

@keyframes hide-sticky-header {
    0% {
        padding : var(--section-sticky-margin);
    }
    100% {
        padding : var(--section-normal-margin);
    }
}

header.menu-is-grab + .header__burger-nav {
    -webkit-transform : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
    top               : 0;
}

header.menu-is-grab + .header__burger-nav.show-menu {
    top : 75px;
}


@media (max-width: 1023px) {

  #header.is-grab .header-top {
    position          : fixed;
    z-index           : 2;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom: unset;
    max-width         : 100vw;
    /*padding   : var(--section-sticky-margin);*/
    -webkit-transform : translate3d(0, -100%, 0);
    transform         : translate3d(0, -100%, 0);
    -webkit-animation : show-sticky-header 0.3s ease-in-out forwards;
    animation         : show-sticky-header 0.3s ease-in-out forwards;
  }

}

@media (min-width: 1024px) {

  #header.is-grab {
    position          : fixed;
    z-index           : 501;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom: unset;
    max-width         : 100vw;
    /*padding   : var(--section-sticky-margin);*/
    -webkit-transform : translate3d(0, -100%, 0);
    transform         : translate3d(0, -100%, 0);
    -webkit-animation : show-sticky-header 0.3s ease-in-out forwards;
    animation         : show-sticky-header 0.3s ease-in-out forwards;
  }

}

@media (min-width : 1200px) {
    .header-top__burger-menu {
        width              : 0;
        margin             : 0;
        -webkit-transition : all 0.3s;
        -o-transition      : all 0.3s;
        transition         : all 0.3s;
        overflow           : hidden;
    }

    #menu__burger .burger {
        width              : 100%;
        max-width          : 40px;
        -webkit-transition : all 0.3s;
        -o-transition      : all 0.3s;
        transition         : all 0.3s;
    }

    .is-grab .header-top__burger-menu {
        width              : 45px;
        margin             : 0 40px 0 0;
        -webkit-transition : all 0s;
        -o-transition      : all 0s;
        transition         : all 0s;
    }
}