.mx-h-292 {
  max-height: 292px;
}

.kl-cacaofairtrade {
  font-size: 15px;
}

.kl-green-primary {
  color: #43856A;
}

.kl-red-primary {
  color: #DD513E;
}

.kl-orange-secondary {
  color: #F08D52;
}

.kl-section-yop-desc {
  padding: 130px 0 5px;
}
.kl-section-yop-desc strong {
  color: #43856A;
}

.kl-section-product {
  position: relative;
  padding: 4rem 0;
}
.kl-section-product strong {
  color: #DD513E;
}
.kl-section-product .kl-decor-right {
  position: absolute;
  bottom: 35px;
  right: 0;
  z-index: -1;
}
.kl-section-product .kl-btn-wrapper {
  padding: 2rem 0;
}
@media (max-width: 768px) {
  .kl-section-product .kl-btn-wrapper {
    padding: 1rem 0;
  }
}

.tab-pane strong {
  color: #CF000C;
}

.page-template-nos-marques .kl-section-hero {
  background: #FDECB2;
  padding: 5rem 0 0;
  position: relative;
}
.page-template-nos-marques .kl-section-marques {
  position: relative;
  padding: 0;
}
.page-template-nos-marques .kl-section-marques .kl-decor-left-ctx {
  top: 50px;
  bottom: initial;
}
.page-template-nos-marques .kl-section-marques .logos-wrapper {
  padding: 2rem;
  align-items: flex-start;
}
.page-template-nos-marques .kl-section-marques .logos-wrapper .marque-content {
  padding: 1rem;
  background: #DBF0E5;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-template-nos-marques .kl-section-marques .logos-wrapper .presentation .text-marque {
  margin-top: 20px;
  margin-bottom: 20px;
}
.page-template-nos-marques .kl-section-marques .logos-wrapper .presentation h2 {
  font-size: 32px;
}
.page-template-nos-marques .kl-section-marques .logos-wrapper .presentation p {
  font-size: 16px;
  padding: 1rem 0;
}
.page-template-nos-marques .kl-section-marques .logos-wrapper li {
  margin: 3rem 0;
}
.page-template-nos-marques .kl-section-marques .logos-wrapper li:hover a .logo-marque {
  transform: scale(1.1);
}
.page-template-nos-marques .kl-section-marques .logos-wrapper a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-nos-marques .kl-section-marques .logos-wrapper .logo-marque {
  max-width: 124px;
  height: auto;
  transition: all 0.5s;
}
.page-template-nos-marques .kl-section-marques .logos-wrapper .kl-btn-decor {
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 24px;
  line-height: inherit;
  font-size: 14px;
  margin-bottom: 2rem;
}
.page-template-nos-marques .kl-section-marques .logos-wrapper .kl-btn-decor:before {
  left: -10px;
}

.search .img-bg-search {
  left: 0;
  background: url(../images/mask/search-banniere.svg) no-repeat top center;
  background-size: cover;
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 140%;
  margin-top: -36rem;
}
.search .submit {
  background: url(../images/icon-globals/icon-loupe.svg) center no-repeat;
  background-size: contain;
  color: transparent;
  height: 59%;
  width: 40%;
  padding-top: 6rem;
}
@media (max-width: 425px) {
  .search .submit {
    width: 100%;
  }
}
.search html, .search body {
  background-color: #F1F1F1;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.search .wrapper {
  background-color: #FFF;
  border-radius: 2px;
  box-shadow: 0px 2px 1px 0px #DDD;
  box-sizing: border-box;
  height: 300px;
  left: 50%;
  margin: -150px 0 0 -150px;
  position: absolute;
  top: 50%;
  width: 300px;
}
.search .input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid orange;
  color: #CF000C;
  box-sizing: border-box;
  font-size: 18px;
  height: 50px;
  left: 10%;
  margin: -25px 0 0 -100px;
  padding: 10px 0px;
  position: relative;
  top: 50%;
  width: 100%;
}
@media (max-width: 425px) {
  .search .input {
    left: 35%;
  }
}
@media (max-width: 320px) {
  .search .input {
    left: 45%;
  }
}
.search .input:focus {
  outline: none;
}
.search input::-webkit-input-placeholder {
  color: #CF000C;
}
.search input:focus::-webkit-input-placeholder {
  color: #CF000C;
}
.search .input:focus + .underline {
  transform: scale(1);
}
.search input::-moz-placeholder {
  color: #CF000C;
  font-size: 28px;
  padding-left: 5rem;
}
.search input::placeholder {
  color: #CF000C;
  font-size: 28px;
  padding-left: 5rem;
}
.search input::-moz-placeholder:focus {
  color: #CF000C;
}
.search input::placeholder:focus {
  color: #CF000C;
}
@media (max-width: 425px) {
  .search input::-moz-placeholder {
    padding-left: 0;
    left: 35%;
  }
  .search input::placeholder {
    padding-left: 0;
    left: 35%;
  }
}
@media (max-width: 320px) {
  .search input::-moz-placeholder {
    padding-left: 0;
    left: 45%;
  }
  .search input::placeholder {
    padding-left: 0;
    left: 45%;
  }
}
.search input:focus::-moz-placeholder {
  color: #CF000C;
}
.search input:focus::placeholder {
  color: #CF000C;
}
.search .underline {
  background-color: #CF000C;
  display: inline-block;
  height: 4px;
  left: 0%;
  margin-top: 8.6rem;
  margin-left: -16px;
  /* position: absolute; */
  top: 17rem;
  transform: scale(0, 1);
  transition: all 0.5s linear;
  width: 100%;
}
@media (max-width: 998px) {
  .search .underline {
    display: none;
  }
}
.search span {
  color: #DD513E;
  width: 100%;
  height: 2px;
}
.search input {
  border: none;
  margin: 5rem auto 5rem auto;
}

.slt {
  background: url(../images/mask/result-bubble.svg) no-repeat center;
  background-size: contain;
  padding: 10rem 4rem 10rem 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.article-list_2items a {
  text-decoration: none;
  color: black;
}
.article-list_2items a:hover .article-item_thumbnail-wrapper, .article-list_2items a:hover .search-item {
  transform: scale(1.1);
}
.article-list_2items a .news-list_item-summary {
  display: flex;
  flex-direction: column;
  -ms-flex-line-pack: stretch;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 2rem;
}
.article-list_2items a .news-list_item-summary .img-bg {
  background: url(../images/mask/result-bubble.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  height: 77%;
  width: 27.9%;
  z-index: -1;
  margin-top: -8rem;
  margin-left: 7rem;
}
@media (min-width: 1440px) and (max-width: 2560px) {
  .article-list_2items a .news-list_item-summary .img-bg {
    height: 38%;
    width: 18.9%;
    margin-top: -13rem;
  }
}
@media (min-width: 768px) and (max-width: 1440px) {
  .article-list_2items a .news-list_item-summary .img-bg {
    height: 61%;
    width: 34%;
    margin-top: -17rem;
  }
}
@media (min-width: 425px) and (max-width: 768px) {
  .article-list_2items a .news-list_item-summary .img-bg {
    height: 43%;
    margin-top: -10.6rem;
    width: 40%;
    margin-left: 4rem;
  }
}
@media (min-width: 375px) and (max-width: 425px) {
  .article-list_2items a .news-list_item-summary .img-bg {
    margin-left: 0rem;
    width: 92%;
    height: 55%;
    margin-top: -15rem;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .article-list_2items a .news-list_item-summary .img-bg {
    height: 47%;
    width: 89%;
    margin-top: -13rem;
    margin-left: 0;
  }
}
@media (max-width: 320px) {
  .article-list_2items a .news-list_item-summary .img-bg {
    height: 39%;
    width: 89%;
    margin-top: -9rem;
    margin-left: 0;
  }
}

.page-title {
  margin-bottom: 0rem;
}
@media (max-width: 375px) {
  .page-title {
    margin-bottom: -3rem;
  }
}

.articles-list {
  margin-bottom: 5rem;
}

.search-item {
  padding-top: 1rem;
  transition: all 0.2s ease-in-out;
}
.search-item h2 {
  font-size: 26px;
}
@media (max-width: 500px) {
  .search-item h2 {
    font-size: 22px;
  }
}
.search-item p {
  font-size: 14px;
}
@media (max-width: 500px) {
  .search-item p {
    font-size: 10px;
  }
}
@media (max-width: 500px) {
  .search-item .article-list_item-p {
    font-size: 10px;
  }
}

.submit {
  transition: all 0.2s ease-in-out;
}
.submit:hover {
  transform: scale(1.1);
}

.no-result {
  font-family: "Satisfy", cursive;
  color: #CF000C;
}
.no-result h4 {
  font-size: 85px;
  margin-top: -12rem;
  margin-bottom: 9rem;
  text-align: center;
}
@media (max-width: 768px) {
  .no-result h4 {
    font-size: 45px;
  }
}
@media (max-width: 375px) {
  .no-result h4 {
    margin-top: -7rem;
  }
}

.text-marque p {
  width: 70%;
  display: block;
  margin: auto;
}
@media (max-width: 350px) {
  .text-marque p {
    width: 100%;
  }
}

.presentation {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1rem;
}

.logos-wrapper .image-content {
  margin-top: 0rem;
  margin-bottom: 2rem;
}

.page-template-nos-marques .kl-btn-decor:before {
  display: none;
}
.page-template-nos-marques .kl-anim-svg-01 svg {
  width: 176%;
}
.page-template-nos-marques .kl-section-hero {
  background: url(../images/mask/marque-header.png) no-repeat top;
  background-size: cover;
  z-index: -1;
  background-position-y: bottom;
}
.page-template-nos-marques .breadcrumb-item::before {
  display: none;
}

.yellow {
  background: #fdecb2;
}

.vert {
  background: #ecf7f0;
}

.single-marque .kl-section-fiche-product {
  margin: 0 auto;
  max-width: 1440px;
  min-height: auto;
  padding: 10px 0 75px;
}
.single-marque .kl-section-instagram::before {
  background: url(../images/single-product/instagram-img-before.png) #ecf7ef repeat-x center;
}

.article-item_thumbnail-wrapper {
  width: 35%;
  display: block;
  margin: auto;
  transition: all 0.2s ease-in-out;
}
.article-item_thumbnail-wrapper:hover {
  transform: scale(1.1);
}

.kl-product-img {
  background-position-y: center;
}
@media (min-width: 992px) {
  .kl-product-img {
    padding-top: 0;
  }
}
.kl-product-img img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.kl-product-varietes {
  max-width: 700px;
}

.kl-product-valeurs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.kl-product-valeurs-table {
  margin-left: 15px;
  margin-right: -5px;
}

.column {
  float: left;
  width: 100%;
}

/* Clearfix (clear floats) */
.kl-product-valeurs-table::after {
  content: "";
  clear: both;
  display: table;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 16px;
}

.kl-product-hero {
  padding-bottom: 8px;
}
@media (max-width: 500px) {
  .kl-product-hero {
    min-width: auto;
  }
}

.kl-section-instagram::before {
  background: url(../images/single-product/flower-before-instagram.png) no-repeat center !important;
  height: 346px !important;
  top: -12px;
  left: 0;
  right: 0;
}

.kl-img-hero {
  max-height: 550px;
  -webkit-mask-size: 100% 100% !important;
          mask-size: 100% 100% !important;
}

.kl-product-valeurs-table {
  border: 2px solid #CF000C !important;
}
.kl-product-valeurs-table h5 {
  margin-bottom: 0;
  padding: 0.5rem 1rem;
}

.kl-product-valeurs-table .table th {
  background-color: #CF000C;
  border-radius: 0;
  color: #ffffff;
  font-size: 17px;
  font-weight: 400;
  padding: 6px 0;
  text-align: center;
}

.kl-product-valeurs-table .table td:nth-child(odd) {
  padding-left: 34px;
}

.kl-product-valeurs-table .table tbody tr:first-child td {
  padding-top: 12px;
}

.aqr {
  font-size: 12px !important;
}

.kl-nav-product-link span {
  padding-top: 5px;
}

.kl-nav-product .kl-nav-product-link.active span {
  color: #CF0014 !important;
}

.field_sublabel_below {
  text-align: left !important;
}

.ginput_container {
  text-align: left;
}
.ginput_container input, .ginput_container textarea, .ginput_container select {
  border: 1px solid #DD513E;
  border-radius: 10px;
}

.gform_button {
  display: inline-block;
  border-radius: 60px;
  border: 1px solid #DD513E;
  position: relative;
  transition: all ease 0.5s;
  padding: 16px 45px 17px 56px;
  color: #ffffff !important;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  background-color: #DD513E;
  transition: all 0.2s ease-in-out;
}
.gform_button:hover {
  transform: scale(1.1);
}

.ginput_container_fileupload input {
  border-radius: none;
  border: none;
}

.ginput_container_date input {
  width: 100% !important;
}

#input_1_27 button {
  display: inline-block !important;
  border-radius: 60px;
  border: 1px solid #DD513E !important;
  position: relative;
  transition: all ease 0.5s;
  padding: 16px 45px 17px 56px;
  color: #ffffff !important;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  background-color: #DD513E !important;
  transition: all 0.2s ease-in-out;
}
#input_1_27 button:hover {
  transform: scale(1.1);
}

#gform_confirmation_message_1 {
  font-family: "Satisfy", cursive;
  font-size: 30px;
  margin-top: 5rem;
  color: forestgreen;
}

input:focus {
  outline: none !important;
  border-color: #F4AD17;
  box-shadow: 0 0 10px #F4AD17;
}

textarea:focus {
  outline: none !important;
  border-color: #F4AD17;
  box-shadow: 0 0 10px #F4AD17;
}

select:focus {
  outline: none !important;
  border-color: #F4AD17;
  box-shadow: 0 0 10px #F4AD17;
}

.kl-card-instagram-img {
  border-radius: 20px 20px 13px 13px;
  display: block;
  padding: 0 2px;
  margin-bottom: -30px;
  overflow: hidden;
  max-width: 240px;
}

.kl-card-instagram-footer {
  padding: 16px 32px 16px 32px !important;
  max-width: 240px;
}

.kl-row-card-instagram .col-xl-auto:nth-child(1) .kl-card-instagram-img {
  border-radius: 20px 20px 13px 13px;
}

.kl-product-zoom {
  font-weight: normal;
}
@media (min-width: 992px) {
  .kl-product-zoom {
    margin-left: 2rem;
  }
}
.kl-product-zoom p {
  line-height: 30px;
  font-size: 20px;
  color: #221F20;
}
.kl-product-zoom p em {
  font-size: 14px;
}

.kl-header .kl-nav-brand {
  text-align: center;
}
.kl-header .kl-nav-brand img {
  width: 20%;
}
@media screen and (max-width: 991.98px) {
  .kl-header .kl-nav-brand img {
    width: 50%;
  }
}

.page-template-decouvrez .kl-img-hero {
  opacity: 0.8;
}
.page-template-decouvrez h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Satisfy";
  font-style: normal;
  font-weight: 400;
  font-size: 80px;
  color: #CF000C;
  width: 100%;
  text-align: center;
}
@media (max-width: 992px) {
  .page-template-decouvrez h1 {
    font-size: 40px;
  }
}
.page-template-decouvrez .content-decouvrez {
  padding: 6rem 0;
}
.page-template-decouvrez iframe {
  width: 100%;
  height: 774px;
  position: relative;
  overflow: hidden;
}

.kl-row-related-product {
  justify-content: space-evenly;
}

.kl-product-formats-item h4 {
  font-family: "Satisfy", cursive;
}

.kl-product-formats-item {
  margin-right: 0;
}

.kl-slider-yop-default .kl-slider-yop-item .kl-thumbnail {
  justify-content: center;
}

@media (max-width: 768px) {
  .page-template-nous-rejoindre .kl-desc img {
    margin-bottom: 1rem;
  }
}

.kl-section-article {
  padding-top: 90px;
}
.kl-section-article li {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.22em;
}
@media screen and (max-width: 575.98px) {
  .kl-section-article li {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .kl-img-prt-ter .kl-figure img {
    max-width: 530px;
    max-height: 650px;
  }
}

.kl-section-join p {
  font-size: 20px;
  line-height: 24px;
}

.kl-section-yop-about-desc .kl-default-ctx-stf h2 {
  font-size: 80px;
  line-height: 1.2125em;
}

.kl-bg-section-want-join .kl-decor-right .kl-flower-decor {
  top: -400px;
  width: 395px;
  height: 342px;
}

.bold {
  font-weight: bold;
}

@media (max-width: 992px) {
  .mt-1-mobile {
    margin-top: 1rem;
  }
}
.kl-slider-content .kl-control-slider .kl-btn-control-slider {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  z-index: 20;
}

.kl-slider-content .kl-control-slider .kl-arrow-left {
  left: 10%;
}

.kl-slider-content .kl-control-slider .kl-arrow-right {
  right: -10%;
}

.kl-section-join {
  margin-top: 200px;
}

.kl-section-default-desc {
  padding: 120px 0 130px;
}

.kl-section-hs-yop {
  padding: 47px 0 60px;
}

.kl-section-info-collaborator {
  padding: 40px 0;
}

.kl-section-ours-jobs {
  padding: 40px 0;
}

.kl-section-news-info {
  padding: 30px 0 100px;
}

.kl-decor-news-banner {
  position: relative;
  width: 90%;
  margin: auto;
}
.kl-decor-news-banner img {
  border-radius: 40px;
}
.kl-decor-news-banner .kl-link-news-banner {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767.98px) {
  .kl-decor-news-banner .kl-link-news-banner {
    position: relative;
    bottom: 0;
    top: 20px;
  }
}
.kl-decor-news-banner .kl-link-news-banner a {
  text-decoration: none;
  padding: 8px 25px;
  background-color: #DD513E;
  border-radius: 15px;
  color: #fff;
}
.kl-decor-news-banner .kl-link-news-banner a:hover {
  background-color: #ce3924;
}
@media (max-width: 991.98px) {
  .kl-decor-news-banner {
    width: 100%;
  }
}

/* .kl-related-product {
    background: url(../images/single-product/ROND2.svg);
} */
.kl-section-instagram {
  background: url(../images/single-product/after-instagram2.png) #FDECB2 no-repeat right bottom;
}

.kl-section-strength-team {
  padding: 2rem 0;
}

.kl-section-hs-yop {
  position: relative;
}
.kl-section-hs-yop .kl-decor-flower {
  position: absolute;
  top: 564px;
  z-index: -1;
  left: 5%;
}
.kl-section-hs-yop .kl-section-2 {
  position: relative;
}
.kl-section-hs-yop .kl-section-2 .kl-decor-flower {
  position: absolute;
  top: 720px;
  z-index: -1;
  right: 5%;
  left: inherit;
}

.kl-section-product {
  position: relative;
}
.kl-section-product .kl-decor-flower {
  position: absolute;
  top: -10px;
  z-index: -1;
  left: 5%;
}

.kl-section-marques {
  position: relative;
}
.kl-section-marques .kl-decor-flower {
  position: absolute;
  bottom: 300px;
  z-index: -1;
  left: 5%;
}

.kl-section-join {
  position: relative;
}
.kl-section-join .kl-decor-right-ctx {
  position: absolute;
  right: 0;
  top: -30%;
  z-index: -1;
  transform: translateY(-50%);
}

.videobloc {
  padding: 20px 190px 100px;
  background-image: url(../images/video.svg);
  background-size: cover;
  background-position: center;
  margin-bottom: 200px;
}
.videobloc iframe {
  position: relative;
  top: 60px !important;
  max-width: 90%;
  margin: 0 auto;
}

.titrage-video {
  font-family: "Satisfy", cursive;
  font-size: 42px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 0em;
  text-align: center;
  margin: 60px 0 0 0;
}
.titrage-video span {
  background: url(../images/fleur.svg) right 10px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 16px 43px;
}

@media (max-width: 768px) {
  .titrage-video {
    font-family: "Satisfy", cursive;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    margin: 10px 0 0 0;
  }
  .videobloc {
    padding: 20px;
    background: none !important;
  }
  .videobloc iframe {
    top: 0;
    max-width: 100%;
    margin: 0 auto;
  }
}
.kl-row-related-product div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.btn-before {
  padding: 16px 45px 17px 45px !important;
}
.btn-before:before {
  position: absolute;
  content: "";
  z-index: 2;
  left: 8px;
  top: -10px;
  width: 69px;
  height: 74px;
  background: url(../images/svg-globals/decor-btn.svg) no-repeat;
}

.descNuma {
  width: 85%;
  display: block;
  margin: auto;
  margin-bottom: 40px !important;
}

.page-template-nous-rejoindre .videobloc iframe {
  height: 420px;
}
.page-template-nous-rejoindre .kl-slider-content .kl-control-slider .kl-arrow-right {
  right: -5% !important;
}

.ali {
  font-size: 12px;
  color: #43856A;
  margin-top: 10px;
}

.fz-11 {
  font-size: 12px;
  color: grey;
}

.postid-265 .kl-title.kl-color-black .img-fluid {
  width: 50%;
  max-width: 350px;
}

@font-face {
  font-family: "Galada";
  src: url(../fonts/Galada-Regular.ttf);
}
@font-face {
  font-family: "Roboto-Regular";
  src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: "Roboto-Light";
  src: url(../fonts/Galada-Regular.ttf);
}
.objectifs {
  margin-top: 80px;
  margin-bottom: 25px;
}
.objectifs .bloc-abeilles h2 {
  font-family: "Galada";
}
.objectifs .bandeau-abeilles {
  display: flex;
  align-items: center;
  width: 100%;
}
.objectifs .bandeau-abeilles .sous-bloc {
  width: 25%;
  align-items: center;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  padding: 5px;
  text-align: center;
}
.objectifs .bandeau-abeilles .sous-bloc img {
  width: 90%;
  height: auto;
}
.objectifs .bandeau-abeilles .sous-bloc p {
  font-family: "Roboto-Regular";
  color: #124735;
  font-size: 18px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .objectifs .bandeau-abeilles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .objectifs .bandeau-abeilles .sous-bloc {
    width: 100%;
  }
}

.proteger-abeilles {
  background: url(../images/images-article-protection-abeilles/engagements_soutenir.00b47aa4.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  height: 500px;
  position: relative;
  margin-bottom: 80px;
}
@media screen and (max-width: 992px) {
  .proteger-abeilles {
    height: 600px;
  }
}
@media screen and (max-width: 575.9px) {
  .proteger-abeilles {
    background-position: center;
  }
}
.proteger-abeilles .calltoaction {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}
.proteger-abeilles .calltoaction img {
  width: 105px;
  height: auto;
}
.proteger-abeilles .calltoaction .title-border {
  margin-bottom: 30px;
  margin-top: 20px;
  position: relative;
  font-size: 42px;
  font-family: "Galada";
  color: #124735;
}
@media screen and (max-width: 992px) {
  .proteger-abeilles .calltoaction .title-border {
    font-size: 30px;
  }
}
.proteger-abeilles .calltoaction .title-border:after {
  background: #124735;
  bottom: -10px;
  content: "";
  height: 3px;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
  width: 50px;
}
.proteger-abeilles .calltoaction p {
  margin-bottom: 40px;
  font-size: 24px;
  font-family: "Roboto-Regular";
  color: #124735;
  line-height: 1.5;
}
@media screen and (max-width: 992px) {
  .proteger-abeilles .calltoaction p {
    font-size: 22px;
  }
}
.proteger-abeilles .calltoaction a {
  background-color: #EB0423;
  padding: 10px 30px;
  border-radius: 20px;
  color: #fff;
  font-size: 20px;
  border: solid 2px #124735;
  font-family: "Galada";
}

.kl-hero-single-after {
  background-size: cover !important;
  background-position: top center !important;
  bottom: -10px;
}

.kl-deguster-after {
  background-size: cover !important;
  background-position: bottom center !important;
}

.kl-deguster-animation::after {
  background: url(../images/tornado-single-produit/tourne.svg) no-repeat center/contain;
}

#animation {
  width: 300px; /* Max width of the animation */
  height: 300px; /* Height adjusted to maintain aspect ratio */
  background-image: url("spritesheet.png"); /* Path to your sprite sheet */
  background-repeat: no-repeat;
  background-size: 12900px 300px; /* Scale down the sprite sheet */
  animation: play 3.583s steps(43) infinite;
}

@keyframes play {
  100% {
    background-position: -12900px 0;
  }
}
.kl-deguster-animation {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1600px) {
  .kl-hero-single-after {
    height: 530px;
  }
}
@media (min-width: 1700px) {
  .kl-hero-single-after {
    height: 540px;
  }
}
@media (min-width: 2000px) {
  .kl-hero-single-after {
    height: 630px;
  }
}
@media (min-width: 2400px) {
  .kl-hero-single-after {
    height: 700px;
  }
}
.kl-fiche-produit-valeurs-number {
  width: 40%;
  text-align: right;
}

.kl-fiche-produit-valeurs {
  font-size: 14px;
}
.kl-fiche-produit-valeurs strong {
  font-size: 18px;
}

.kl-deguster-animation::after {
  display: none;
}

.svgretourne {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.titre-h1 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  height: 100%;
}

.applat {
  background-image: url(../images/tornado-single-produit/applat/bleu.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  padding: 20px;
  font-size: 50px;
}

@media (max-width: 780px) {
  .applat {
    font-size: 35px;
  }
  .kl-hero-single-title-decor {
    max-width: 50px;
    position: absolute;
    top: 35px;
    right: -10px;
  }
}
.postid-1940 .applat {
  background-image: url(../images/tornado-single-produit/applat/jaune.svg);
}

.postid-1936 .applat {
  background-image: url(../images/tornado-single-produit/applat/vert.svg);
}

.postid-1942 .applat {
  background-image: url(../images/tornado-single-produit/applat/bleu.svg);
}

.postid-1934 .applat {
  background-image: url(../images/tornado-single-produit/applat/rouge.svg);
}

.postid-3783 .applat {
  background-image: url(../images/tornado-single-produit/applat/citron.svg);
}

.postid-3804 .applat {
  background-image: url(../images/tornado-single-produit/applat/jaune-vanille.svg);
  color: #613943 !important;
}

.kl-deco-img-tab-6 {
  right: 20px;
  bottom: 0;
}

.kl-deco-img-tab-5 {
  left: 34px;
  top: -33px;
}

.kl-sans-arome-bottom p {
  font-size: 12px;
}

h3.legendtornado {
  font-family: "Lexend", sans-serif !important;
  font-size: 12px;
  padding: 0 50px;
  margin-top: 50px;
}

.kl-max-w-500 {
  max-width: 500px;
}

.sprite-container {
  width: 100%; /* Container takes full width of its parent */
  overflow: hidden; /* Ensures no overflow of sprite image */
}

.sprite {
  width: 500px; /* Width of one sprite */
  height: 500px; /* Height of the sprite sheet */
  background-repeat: no-repeat;
  animation: play2 5.9s steps(118) infinite;
}

@keyframes play2 {
  100% {
    background-position: -70800px;
  }
}
.clearboth {
  clear: both;
}

.kl-blog-wrapper {
  background-size: cover !important;
}

.responsive-video {
  width: 100%; /* Make video width responsive */
  height: auto; /* Maintain aspect ratio */
  border-radius: 15px; /* Adjust as needed for desired roundness */
}

.ff46 {
  font-size: 35px;
  position: relative;
  top: 6px;
}

.postid-1934 .kl-hero-single-title-decor, .postid-1936 .kl-hero-single-title-decor, .postid-3783 .kl-hero-single-title-decor {
  max-width: none;
  top: -10px;
  right: 10px;
  transform: translateX(100%);
}

@media screen and (min-width: 768px) {
  .postid-3804 .kl-hero-single-title-decor {
    right: 55px;
  }
}

.mentionmanger {
  background-color: #de231f;
  text-align: center;
  padding: 10px 0;
}
.mentionmanger h5 {
  color: #fff;
  font-size: 14px;
  margin: 0;
  font-family: "Chewy Pro", sans-serif;
}

.kl-fiche-produit-valeurs-wrapper {
  margin-bottom: 25px;
}

.page-template-default .kl-section-article {
  padding-bottom: 250px;
}

.kl-card-range-product-mark h3 {
  color: #000;
}

.separate {
  height: 200px;
}

.kl-max-w-700 {
  max-width: 700px;
}

.text-right {
  text-align: right;
}

.kl-nutritional-values table td {
  padding: 0 20px 18px 0px;
}

.kl-single-gamme-titre::after {
  display: none;
}

.kl-single-gamme-titre {
  padding-bottom: 0;
}

.deco-produit {
  margin-bottom: 30px;
}

.kl-nutritional-values::before {
  display: none;
}

.cadre {
  position: absolute;
  width: 100%;
  height: 100%;
}

.active .kl-grid-gamme-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.kl-description-hero p {
  font-size: 1.5rem;
  line-height: 1.8rem;
}
.kl-description-hero h5 {
  font-size: 0.9rem;
  font-weight: 400;
  color: #808080;
}

.page-id-30 #id-setion-promotions {
  background: #f7a600;
  padding-bottom: 100px;
}

.logo-home {
  padding: 10px;
}
.logo-home img {
  max-width: 100px;
}

.js-slide-hero .swiper-slide {
  padding-bottom: 100px;
}

.kl-section-hero-home::before, .kl-section-hero-brand::before {
  height: 740px;
}

.kl-img-slide-brand {
  text-align: center;
}
.kl-img-slide-brand img {
  max-width: 300px;
  margin: 0 auto;
}

.page-template-decouvrez .content-decouvrez {
  padding: 6rem 0 16rem 0;
}

.page-template-contact .kl-section-about-desc {
  padding-bottom: 280px;
}

.kl-btn-to-bottom {
  top: 20%;
  left: -12px;
}
@media screen and (max-width: 1200px) {
  .kl-btn-to-bottom {
    left: 45px;
  }
}

.kl-deco-02 {
  position: relative;
  transform: translate(-40px, -15px);
}

#gform_wrapper_3 {
  display: block !important;
}

.kl-form-opinion .kl-form-block-5 .gfield_description {
  padding-top: 0 !important;
  font-family: "Lexend", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400;
  color: #221F20;
  order: 1;
}

.kl-link-rse {
  color: #fff;
  background-color: #F7A600;
  font-family: "Chewy Pro";
  font-weight: 400;
  font-size: 24px;
  border-radius: 100px;
  padding: 12px 27px;
  width: -moz-max-content;
  width: max-content;
  display: block;
  transition: all 0.2s ease-in-out;
}
.kl-link-rse:hover {
  color: #fff !important;
  transform: scale(1.05);
}
@media screen and (max-width: 575px) {
  .kl-link-rse {
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  .kl-ingredients {
    margin-top: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .kl-ingredients {
    margin-top: 70px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  .kl-ingredients .kl-i-center-data {
    top: -25px;
  }
}

@media screen and (min-width: 992px) {
  .kl-ingredients .kl-i-center-data-end {
    margin-right: 120px;
  }
}

@media screen and (min-width: 992px) {
  .kl-ingredients .kl-i-right {
    padding: 40px 62px 40px 60px;
    margin-top: -5px;
  }
}
@media screen and (min-width: 1200px) {
  .kl-ingredients .kl-i-right {
    padding: 40px 35px 40px 60px;
    margin-top: 32px;
  }
}

#gform_confirmation_message_5 {
  text-align: center;
  padding: 20px 0;
  color: #f7a600;
  font-size: 1.5rem;
  font-family: "Chewy Pro";
}

.colorw {
  color: #fff;
  font-size: 85px;
}

@media screen and (max-width: 768px) {
  .colorw {
    font-size: 45px;
  }
  .page-template-avis .kl-desc-game-competition, .page-template-avis .kl-ff-seventh {
    margin-bottom: 0 !important;
  }
}
.mh400 {
  min-height: 550px;
  padding-top: 50px;
}

.kl-ingredient-sans {
  width: -moz-max-content;
  width: max-content;
}

.kl-flush-bottom-bulle-return {
  transform: translate(-50%, 35%) scaleX(-1);
  left: 60px !important;
}

.kl-bulle-product-filou.kl-atous-m-GF__bulle0.d-block.d-md-none {
  transform: translate(-50%, 20%);
  left: 50% !important;
  top: 50% !important;
  z-index: 0 !important;
}

@media (min-width: 768px) {
  .kl-product-thumb-bulle-petit-filou-wrapper.kl-item-two .kl-bulle-product-filou {
    left: -50%;
    top: -18px;
  }
  .kl-product-thumb-bulle-petit-filou-wrapper.kl-item-one .kl-bulle-product-filou {
    width: 300px;
    max-width: none;
  }
}
.kl-product-thumb-bulle-petit-filou-wrapper.kl-item-four .kl-flush-bottom-bulle {
  left: 55px;
  bottom: -22px;
}

.kl-product-thumb-bulle-petit-filou-wrapper.kl-item-two .kl-flush-bottom-bulle {
  left: 10px;
  transform: translate(100%, 35%);
  left: 50% !important;
}
.kl-product-thumb-bulle-petit-filou-wrapper.kl-item-two .kl-flush-bottom-bulle.kl-flush-bottom-bulle-return {
  transform: translate(-50%, 35%) scaleX(-1);
  left: 60px !important;
}

.kl-product-thumb-bulle-petit-filou-wrapper.kl-item-one .kl-flush-bottom-bulle {
  right: 15px;
  bottom: -13px;
  transform: none;
}

.kl-max-w-515 {
  max-width: 515px;
}

.kl-marque-more-description {
  margin: 40px 0 45px;
  font-family: "Lexend";
  font-size: 18px;
}

.list-img-zoom {
  -moz-column-gap: 15px;
       column-gap: 15px;
}

.kl-gamme-ingredients {
  flex-direction: column;
  row-gap: 10px;
}
.kl-gamme-ingredients li {
  width: 100%;
}
.kl-gamme-ingredients li div {
  font-size: 15px;
}

.opacity {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.opacity img {
  width: 95%;
}

.kl-mention-aqr {
  font-family: "Lexend";
  font-size: 12px;
  padding-left: 25px;
}

.kl-section-pourquoi-choisir {
  position: relative;
  margin-top: 150px;
  z-index: -2;
  padding: 60px 0 130px;
}
.kl-section-pourquoi-choisir ::before {
  background: url(../images/marque/detail-brique/before-pourquoi-choisir.svg) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  height: 178px;
  top: -177px;
  left: 0;
  right: 0;
  z-index: 2;
}
@media screen and (max-width: 575.98px) {
  .kl-section-pourquoi-choisir .container {
    padding: 0 20px;
  }
}
@media screen and (min-width: 992px) {
  .kl-section-pourquoi-choisir .container {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .kl-section-pourquoi-choisir > div > div > div:nth-child(1) {
    padding-bottom: 30px;
  }
}
.kl-section-pourquoi-choisir h2 {
  font-family: "Chewy Pro";
  font-size: 54px;
  font-style: normal;
}
.kl-section-pourquoi-choisir .kl-p-right {
  background: #EC1F26;
  -webkit-mask-image: url(../images/marque/detail-brique/bg-mask-pourquoi-choisir.png);
  mask-image: url(../images/marque/detail-brique/bg-mask-pourquoi-choisir.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  padding: 46px;
  transform: rotate(-1.8deg);
}
.kl-section-pourquoi-choisir .kl-p-right h3 {
  font-family: "Chewy Pro";
  margin-bottom: 18px;
}
.kl-section-pourquoi-choisir .kl-p-right p {
  text-align: justify;
}
.kl-section-pourquoi-choisir .kl-pc-left p {
  text-align: justify;
}
.kl-section-pourquoi-choisir .kl-deco-top-left-pq-choisir {
  position: absolute;
  top: 0px;
  left: 28px;
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .kl-section-pourquoi-choisir .kl-deco-top-left-pq-choisir {
    left: -15px;
    top: 3px;
  }
}
@media screen and (max-width: 767.98px) {
  .kl-section-pourquoi-choisir .kl-deco-top-left-pq-choisir {
    left: -10px;
  }
}
.kl-section-pourquoi-choisir .kl-deco-bottom-right-pq-choisir {
  position: absolute;
  bottom: -4px;
  right: 28px;
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .kl-section-pourquoi-choisir .kl-deco-bottom-right-pq-choisir {
    right: -14px;
  }
}
@media screen and (max-width: 767.98px) {
  .kl-section-pourquoi-choisir .kl-deco-bottom-right-pq-choisir {
    right: -9px;
  }
}
.kl-section-pourquoi-choisir .kl-deco-top-right-pq-choisir {
  z-index: 2;
  position: absolute;
  right: -3px;
  top: -95px;
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .kl-section-pourquoi-choisir .kl-deco-top-right-pq-choisir {
    right: -38px;
    top: -90px;
  }
}
@media screen and (max-width: 767.98px) {
  .kl-section-pourquoi-choisir .kl-deco-top-right-pq-choisir {
    right: -15px;
    top: -45px;
  }
}

.kl-section-yop-mark-logo {
  padding: 0px 0px 80px;
}

.kl-section-presentation {
  pointer-events: visible !important;
}

@media (max-width: 991.98px) {
  .kl-bulle-product-m-GF1, .kl-bulle-product-m-GF0 {
    right: 50%;
    top: -190px;
    transform: translateX(50%);
  }
  .kl-bulle-product-m-GF0 {
    top: -160px;
  }
  .responsive-product-m-GF {
    margin-top: 160px;
  }
}
@media screen and (max-width: 767.98px) {
  .kl-section-hero-home::before, .kl-section-hero-brand::before {
    height: 500px !important;
  }
  .kl-btn-to-bottom {
    top: 45% !important;
    left: 58px;
  }
  .kl-section-hero-brand {
    padding-bottom: 30px !important;
  }
}
@media (max-width: 575.98px) {
  .responsive-card-m-GF {
    flex-wrap: nowrap !important;
  }
  .kl-bulle-product-m-GF1, .kl-bulle-product-m-GF0 {
    width: 230px;
    right: 50%;
    top: -150px;
    transform: translateX(50%);
  }
  .kl-bulle-product-m-GF0 {
    top: -110px;
  }
  .kl-hero-single-mark-grand-filous {
    padding: 82px 0 0px;
  }
  .kl-card-responsive-gabou,
  .kl-card-responsive-malou,
  .kl-card-responsive-nalou {
    transform: translate(0%, 150%) scale(1.2) !important;
    width: 100% !important;
    background: #3FAF67;
    z-index: -1 !important;
  }
  .kl-card-responsive-gabou::before,
  .kl-card-responsive-malou::before,
  .kl-card-responsive-nalou::before {
    content: "";
    position: absolute;
    background: url(../images/marque-grands-filous/before-text-gabou-m-GF.svg) no-repeat center;
    background-size: contain;
    width: 100%;
    height: 82px;
    top: -81px;
    left: 0;
    right: 0;
  }
  .kl-card-responsive-gabou::after,
  .kl-card-responsive-malou::after,
  .kl-card-responsive-nalou::after {
    content: "";
    position: absolute;
    background: url(../images/marque-grands-filous/after-text-gabou-m-GF.svg) no-repeat center;
    background-size: contain;
    width: 100%;
    height: 57px;
    bottom: -56px;
    left: 0;
    right: 0;
  }
  .kl-card-responsive-gabou button,
  .kl-card-responsive-malou button,
  .kl-card-responsive-nalou button {
    border: none;
    background: transparent;
    cursor: pointer;
  }
  .kl-card-responsive-gabou {
    transform: translate(0%, 160%) scale(1.2) !important;
  }
  .kl-card-responsive-nalou {
    background: #E73751;
  }
  .kl-card-responsive-nalou::before {
    background: url(../images/marque-grands-filous/before-text-nalou-m-GF.svg) no-repeat center;
  }
  .kl-card-responsive-nalou::after {
    background: url(../images/marque-grands-filous/after-text-nalou-m-GF.svg) no-repeat center;
  }
  .kl-card-responsive-malou {
    background: #00686E;
  }
  .kl-card-responsive-malou::before {
    background: url(../images/marque-grands-filous/before-text-malou-m-GF.svg) no-repeat center;
  }
  .kl-card-responsive-malou::after {
    background: url(../images/marque-grands-filous/after-text-malou-m-GF.svg) no-repeat center;
  }
}
@media screen and (max-width: 400px) {
  .kl-bulle-product-m-GF0 {
    right: 0;
    left: -50%;
    transform: translateX(100%);
  }
}
.text-left {
  text-align: left !important;
}

#field_8_26 {
  margin-top: 20px;
}
#field_8_26::before {
  content: none !important;
  display: none;
}

#field_8_27::before {
  content: none !important;
  display: none;
}

.postid-196 .kl-mention-aqr {
  display: none;
}

.postid-255 .kl-hero-single-mark .kl-description-hero strong {
  color: #2d80c0 !important;
}

.text-choco p {
  color: #3F211F;
  font-size: 16px;
  font-weight: 400;
}
.text-choco p:nth-of-type(1) {
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1400px) {
  .text-choco p:nth-of-type(1) {
    padding-left: 0;
    padding-right: 0;
  }
}
.text-choco p:nth-of-type(2) {
  text-align: center;
}

@media screen and (min-width: 992px) {
  .mdf-img {
    width: 75%;
  }
}

.kl-img-hero-items-1, .kl-img-hero-items-6 {
  width: 111px;
}
@media screen and (max-width: 1200px) {
  .kl-img-hero-items-1, .kl-img-hero-items-6 {
    width: 11.75%;
  }
}
@media screen and (max-width: 768px) {
  .kl-img-hero-items-1, .kl-img-hero-items-6 {
    width: 12%;
  }
}
.kl-img-hero-items-2, .kl-img-hero-items-5 {
  width: 118px;
}
@media screen and (max-width: 1200px) {
  .kl-img-hero-items-2, .kl-img-hero-items-5 {
    width: 13%;
  }
}
@media screen and (max-width: 768px) {
  .kl-img-hero-items-2, .kl-img-hero-items-5 {
    width: 13.35%;
  }
}
.kl-img-hero-items-3, .kl-img-hero-items-4 {
  width: 134px;
}
@media screen and (max-width: 768px) {
  .kl-img-hero-items-3, .kl-img-hero-items-4 {
    width: 14.5%;
  }
}

.kl-nav-tabs-brands {
  justify-content: space-around;
}

@media screen and (max-width: 992px) {
  .kl-section-hero-brand::before {
    height: 570px;
  }
}

@media screen and (max-width: 991px) {
  .kl-section-hero-brand::after {
    height: 376px;
  }
}
@media screen and (max-width: 767px) {
  .kl-section-hero-brand::after {
    height: 250px;
  }
}
@media screen and (max-width: 575.98px) {
  .kl-section-hero-brand::after {
    height: 240px;
  }
}

.kl-path-letter {
  fill: #E3000B !important;
}

@media screen and (max-width: 767px) {
  .kl-path-letter {
    fill: #fff !important;
  }
}
#gform_drag_drop_area_11_27, #gform_drag_drop_area_12_27 {
  border-radius: 5px;
  border: 2px dashed #f7a600;
  background-color: white;
  position: relative;
}

#gfield_upload_rules_11_27, #gfield_upload_rules_12_27 {
  padding: 5px;
}

#gform_browse_button_11_27, #gform_browse_button_12_27 {
  border-radius: 5px;
  border: 2px dashed #f7a600;
  padding: 9px 26px 10px 39px;
  margin-right: 18px;
  background-color: white;
  position: relative;
}
#gform_browse_button_11_27::before, #gform_browse_button_12_27::before {
  content: "";
  position: absolute;
  background: url(../images/icon-globals/icon-download.svg) no-repeat;
  background-size: contain;
  width: 14px;
  height: 16px;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.kl-title-hero-mark-yop span {
  font-size: 46px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .kl-title-hero-mark-yop span {
    font-size: 26px;
  }
}
@media (max-width: 575.98px) {
  .kl-title-hero-mark-yop span {
    font-size: 26px;
  }
}

.kl-title-hero-mark-yop span:nth-of-type(2) {
  font-size: 56px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .kl-title-hero-mark-yop span:nth-of-type(2) {
    font-size: 36px;
  }
}
@media (max-width: 575.98px) {
  .kl-title-hero-mark-yop span:nth-of-type(2) {
    font-size: 36px;
  }
}

.kl-card-marque-pl-img .kl-img-marque-pl-product-trace {
  transform: translate(-50%, -50%);
}

.kl-display-product-map-perle-lait .kl-product-thumb.two {
  margin-top: 42px;
  z-index: 2;
  margin-left: -23%;
}

.kl-hero-single-mark-gamme-nature .kl-img-gamme-nature-perle {
  bottom: -70px;
}

@media screen and (max-width: 767px) {
  .adj-flex {
    flex-direction: column;
    gap: 0px !important;
    align-items: stretch !important;
  }
}

.kl-blog-wrapper ul li {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #221f20;
  font-family: "Lexend", sans-serif;
  margin-bottom: 0;
}

.kl-blog-wrapper p a {
  color: #e3000b;
}

.kl-single-product-information-img-yop-wrapper .kl-single-product-info .kl-img-product img {
  width: auto;
  max-height: 614px;
}

.kl-img-banner-transform img {
  display: block;
  width: 100%;
  height: auto;
}
.kl-img-banner-transform svg {
  position: absolute;
  left: -2px;
  top: -4px;
  width: calc(100% + 5px);
  height: auto;
  pointer-events: none;
}

.kl-mask-container-promotions {
  padding: 40px 30px 50px;
  background-color: #fff;
  height: 1000px;
}
.kl-mask-container-promotions iframe {
  width: 100%;
  height: 100%;
  transform: translateY(25px);
}

.kl-title-custom-svg-top h1 {
  padding-top: 32px;
  line-height: 1em !important;
}
.kl-title-custom-svg-top .kl-deco-svg {
  z-index: 1;
  right: -49px;
  top: 9px;
  width: 169px;
  height: 64px;
}

p#breadcrumbs {
  position: absolute;
  z-index: 9;
  top: 110px;
  left: 20px;
  color: rgb(247, 166, 0) !important;
  font-family: "Chewy Pro" !important;
  max-width: auto;
}
@media screen and (max-width: 992px) {
  p#breadcrumbs {
    top: 125px;
    left: 15px;
  }
}
p#breadcrumbs span {
  font-size: 14px;
  color: rgb(247, 166, 0);
}
p#breadcrumbs span a {
  font-size: 14px;
  color: rgba(227, 0, 11, 0.6);
}

.a11y-btn-content svg {
  cursor: pointer;
}
.a11y-btn-content svg:hover {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
.a11y-btn-content svg:focus {
  filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.7));
}

.kl-blog-wrapper p {
  margin-bottom: 15px;
}

.update-filous-marque {
  padding: 43px 0 150px;
}
@media screen and (max-width: 576px) {
  .update-filous-marque {
    padding: 43px 0 100px;
  }
}

.kl-section-filous-marque-petit-filou {
  background-color: #8A92DA;
  padding: 60px 0 90px;
  position: relative;
  z-index: 1;
}

.kl-hero-after-single-mark {
  height: 123px;
  background-size: auto;
  bottom: -2px;
}

.cadre-specific-petiti-filou-product, .cadre-specific-skyr-product {
  position: absolute;
  left: -3px;
  top: -9px;
  width: calc(100% + 8px);
  height: calc(100% + 18px);
  pointer-events: none;
}

.kl-nuage-decor-filous-marque {
  width: 458px;
  position: absolute;
  left: -90px;
}
@media screen and (max-width: 992px) {
  .kl-nuage-decor-filous-marque {
    width: 180px;
    left: -60px;
    top: -10px;
  }
}
@media screen and (max-width: 576px) {
  .kl-nuage-decor-filous-marque {
    width: 125px;
  }
}
.kl-nuage-decor-filous-marque img {
  width: 100%;
}

.sun-filous-marque {
  max-width: 253px;
  width: 100%;
  right: -90px;
  top: 50px;
  transform: unset !important;
  z-index: -1;
}
@media screen and (max-width: 992px) {
  .sun-filous-marque {
    max-width: 174px;
    top: 120px;
  }
}
@media screen and (max-width: 576px) {
  .sun-filous-marque {
    max-width: 75px;
    top: 0px;
  }
}
.sun-filous-marque img {
  width: 100%;
}

.kl-card-petit-filou {
  position: relative;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 440px;
}
@media screen and (max-width: 576px) {
  .kl-card-petit-filou:hover {
    padding-top: 22rem;
    padding-bottom: 22rem;
    flex-direction: column-reverse;
  }
}
.kl-card-petit-filou .kl-img-card {
  width: 255px;
}
.kl-card-petit-filou:hover {
  transform: scale(1.1);
  position: relative;
  z-index: 2;
}
.kl-card-petit-filou:hover .kl-card-petit-filou-content {
  display: block;
}
.kl-card-petit-filou-content {
  display: none;
  position: absolute;
  z-index: 2;
  width: 327px;
  top: 50%;
}
@media (min-width: 1200px) {
  .kl-card-petit-filou-content.kl-nth-1n {
    left: -100%;
    top: -100%;
    transform: translateY(100%);
  }
  .kl-card-petit-filou-content.kl-nth-2n {
    right: -100%;
  }
  .kl-card-petit-filou-content.kl-nth-3n {
    right: -100%;
    top: -100%;
    transform: translateY(100%);
  }
}
@media (max-width: 1199.98px) {
  .kl-card-petit-filou-content.kl-nth-1n {
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%);
  }
  .kl-card-petit-filou-content.kl-nth-2n {
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
  }
  .kl-card-petit-filou-content.kl-nth-3n {
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%);
  }
}
@media (max-width: 575.98px) {
  .kl-card-petit-filou-content.kl-nth-1n {
    position: relative !important;
    transform: translate(-50%, 0%) !important;
  }
  .kl-card-petit-filou-content.kl-nth-2n {
    position: relative !important;
    transform: translate(-50%, 0%) !important;
  }
  .kl-card-petit-filou-content.kl-nth-3n {
    position: relative !important;
    transform: translate(-50%, 0%) !important;
  }
}
.kl-card-petit-filou-content .presentation-perso {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 576px) {
  #bubble-fifou, #bubble-tilou {
    transform: scale(-1, -1) !important;
  }
}

.top-filous-product {
  height: 163px;
  bottom: unset;
  z-index: 0;
  top: -118px;
  background-color: white;
  background-image: url(../images/single-marque/after-hero4.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-carroussel {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 45px;
  height: 45px;
}
.btn-carroussel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.kl-carrousel-filous-wrapper-track, .kl-carrousel-skyr-wrapper-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
  will-change: transform;
}

.kl-videoblock-slider-skyr iframe {
  width: 655px;
  height: 372px;
  border-radius: 10px;
}
@media screen and (max-width: 992px) {
  .kl-videoblock-slider-skyr iframe {
    width: 510px !important;
    height: 290px !important;
  }
}
@media screen and (max-width: 576px) {
  .kl-videoblock-slider-skyr iframe {
    width: 308px !important;
    height: 174px !important;
  }
}

.kl-carrousel-skyr-wrapper-buttons {
  width: 700px;
  height: 378px;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 20px;
}
@media screen and (max-width: 992px) {
  .kl-carrousel-skyr-wrapper-buttons {
    width: 560px !important;
    height: 290px !important;
  }
}
@media screen and (max-width: 576px) {
  .kl-carrousel-skyr-wrapper-buttons {
    width: 350px !important;
    height: 200px !important;
  }
}
.kl-carrousel-skyr-wrapper-buttons .btn-carroussel {
  position: unset !important;
  transform: translateY(0%) !important;
}
@media screen and (max-width: 576px) {
  .kl-carrousel-skyr-wrapper-buttons .btn-carroussel {
    width: 35px;
    height: 38px;
  }
}

#precedent {
  left: 105px;
  display: block !important;
}
@media screen and (max-width: 1200px) {
  #precedent {
    left: 0px;
  }
}
@media screen and (max-width: 992px) {
  #precedent {
    left: 65px;
  }
}
@media screen and (max-width: 767px) {
  #precedent {
    left: -25px;
  }
}

#suivant {
  right: 105px;
  display: block !important;
}
@media screen and (max-width: 1200px) {
  #suivant {
    right: 0px;
  }
}
@media screen and (max-width: 992px) {
  #suivant {
    right: 65px;
  }
}
@media screen and (max-width: 767px) {
  #suivant {
    right: -25px;
  }
}

.slick-track {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kl-carrousel-filous-item, .kl-carrousel-skyr-item {
  width: 879px !important;
  height: 500px;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.75);
}
@media screen and (max-width: 992px) {
  .kl-carrousel-filous-item, .kl-carrousel-skyr-item {
    width: 510px !important;
    height: 290px !important;
  }
}
@media screen and (max-width: 576px) {
  .kl-carrousel-filous-item, .kl-carrousel-skyr-item {
    width: 350px !important;
    height: 200px !important;
  }
}

.kl-carrousel-skyr-item {
  width: unset !important;
  height: auto !important;
}

.slick-center.kl-carrousel-filous-item, .slick-center.kl-carrousel-skyr-item {
  transform: scale(1);
  z-index: 2;
}

.kl-bg-shape-product-4 {
  background-image: url(../images/marque-petit-filou/bg-shape-product-4.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 160px;
  position: absolute;
  top: -1px;
}
@media (min-width: 992px) {
  .kl-bg-shape-product-4 {
    background-size: 100% 100%;
  }
}

.kl-carrousel-filous-item, .kl-carrousel-skyr-item {
  flex-shrink: 0;
}

.underline-filous-brands::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: calc(50% - 40px);
  transform: translateX(50%);
  display: block;
  height: 25px;
  width: 276px;
  background-image: url(../images/marque-petit-filou/underline-filou-brand.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
  .special-filous-product {
    width: 37% !important;
  }
}

.kl-decor-petit-filous-product-wrapper {
  position: relative;
}
@media screen and (max-width: 992px) {
  .kl-decor-petit-filous-product-wrapper::after {
    content: unset !important;
  }
}
.kl-decor-petit-filous-product-wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  transform: translate(20px, 100%);
  bottom: 0;
  width: 98px;
  height: 76px;
  background-image: url(../images/single-gamme/arrow-white-filous-product.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.kl-hero-single-mark.kl-hero-single-decoration:after {
  content: unset !important;
}

.kl-decor-section-right-single-mark-gamme-product {
  transform: translateY(0%) !important;
}
@media screen and (max-width: 576px) {
  .kl-decor-section-right-single-mark-gamme-product {
    top: 380px;
  }
}

.kl-section-atous-petit-filous .kl-deco-section {
  right: 0 !important;
  transform: translate(0%, 0%) !important;
}
@media screen and (max-width: 576px) {
  .kl-section-atous-petit-filous .kl-deco-section {
    top: 11%;
    max-width: 100px;
  }
}

.kl-section-map-gamme-petit-filous .kl-disposition-img-petit-filous-map {
  z-index: -1;
  transform: translate(50px, 0px);
}
.kl-section-map-gamme-petit-filous .kl-disposition-img-petit-filous-map .item {
  width: 135px;
  height: 303px;
  max-width: unset;
}
.kl-section-map-gamme-petit-filous .kl-disposition-img-petit-filous-map .item-0 {
  width: 135px;
  height: 303px;
  transform: translateY(40px) !important;
}
@media screen and (max-width: 992px) {
  .kl-section-map-gamme-petit-filous .kl-disposition-img-petit-filous-map .item-0 {
    transform: translateY(50px) !important;
  }
}
@media screen and (max-width: 576px) {
  .kl-section-map-gamme-petit-filous .kl-disposition-img-petit-filous-map .item-0 {
    width: 87px;
    height: 197px;
    transform: translateY(-10px) !important;
  }
}
.kl-section-map-gamme-petit-filous .kl-disposition-img-petit-filous-map .item-1 {
  width: 151px;
  height: 285px;
  transform: translate(20px, 5px) !important;
}
@media screen and (max-width: 992px) {
  .kl-section-map-gamme-petit-filous .kl-disposition-img-petit-filous-map .item-1 {
    transform: translate(20px, 17px) !important;
  }
}
@media screen and (max-width: 576px) {
  .kl-section-map-gamme-petit-filous .kl-disposition-img-petit-filous-map .item-1 {
    width: 98px;
    height: 185px;
    transform: translate(15px, -3px) !important;
  }
}
.kl-section-map-gamme-petit-filous .kl-disposition-img-petit-filous-map .item-2 {
  transform: translate(0px, 0px);
  width: 184px;
  height: 289px;
}
@media screen and (max-width: 576px) {
  .kl-section-map-gamme-petit-filous .kl-disposition-img-petit-filous-map .item-2 {
    width: 119px;
    height: 185px;
  }
}

.kl-decor-section-insta-petit-filous {
  width: 489px;
  max-width: unset;
  right: 30px;
  top: calc(50% - 120px);
}
@media screen and (max-width: 1366px) {
  .kl-decor-section-insta-petit-filous {
    width: 347px;
    right: 0;
    transform: translate(0%, -50%);
    top: calc(50% - 80px);
  }
}
@media screen and (max-width: 1200px) {
  .kl-decor-section-insta-petit-filous {
    width: 277px;
  }
}
@media screen and (max-width: 992px) {
  .kl-decor-section-insta-petit-filous {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .kl-decor-section-insta-petit-filous {
    width: 173px;
    top: 160px;
  }
}
@media screen and (max-width: 576px) {
  .kl-decor-section-insta-petit-filous {
    top: 170px;
    right: -10px;
  }
}

.kl-videobloc-petit-filou {
  height: auto !important;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.kl-videobloc-petit-filou iframe {
  height: 100%;
  width: 100%;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(1.056);
  -webkit-transform: scale(1.056);
  -moz-transform: scale(1.056);
}

h1.kl-text-64 div h6 {
  padding: 1rem;
}
h1.kl-text-64 div h6 em {
  font-family: "Lexend", sans-serif;
  font-size: 0.8rem;
}

.kl-hero-skyr-bottom .kl-text-64 {
  padding: 15px 20px;
}

@media (min-width: 768px) {
  .kl-hero-skyr-bottom .kl-text-64 {
    padding: 15px 0px;
  }
  .kl-hero-skyr-bottom-decor {
    right: -30px;
  }
}
.kl-section-format-mark-yop {
  padding: 30px 0 150px;
}
@media screen and (max-width: 768px) {
  .kl-section-format-mark-yop {
    padding: 30px 0 100px;
  }
}

@media (min-width: 992px) {
  .kl-list-code-game-mark-yop .kl-list-item {
    min-width: 340px;
  }
}
.kl-card-m-GF__content3 {
  width: 335px !important;
  top: 0 !important;
  transform: translate(55%, 0%) !important;
  left: 0;
}
@media screen and (max-width: 1199.98px) {
  .kl-card-m-GF__content3 {
    transform: translate(70%, 0%) !important;
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 575.98px) {
  .kl-card-m-GF__content3 {
    transform: translate(-2%, 65%) !important;
    width: 96% !important;
    text-align: center;
  }
}
@media screen and (max-width: 1199.98px) {
  .kl-card-m-GF__content3 .kl-card-m-GF__bubble {
    transform: rotate(-89deg) !important;
  }
}

.kl-detail-brique {
  background: url(../images/marque-brique/texture-jaune.jpg) no-repeat center/cover !important;
}

.kl-detail-brique-demo {
  padding: 130px 0 100px;
  text-align: center;
}

.kl-list-produit-hero-mq-brique__product--link {
  display: inline-block;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 0.8s ease forwards;
  position: relative;
  top: 0;
}
.kl-list-produit-hero-mq-brique__product--link:hover {
  top: -10px;
}
.kl-list-produit-hero-mq-brique__product--link:hover img {
  transform: scale(1.01);
  transition: all 0.3s ease;
}

.kl-list-produit-hero-mq-brique__product--link:nth-child(1) {
  animation-delay: 0.2s;
}

.kl-list-produit-hero-mq-brique__product--link:nth-child(2) {
  animation-delay: 0.4s;
}

.kl-list-produit-hero-mq-brique__product--link:nth-child(3) {
  animation-delay: 0.6s;
}

.kl-list-produit-hero-mq-brique__product--link:nth-child(4) {
  animation-delay: 0.8s;
}

/* etc., adapte le nombre selon tes produits */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.text-lexend p {
  font-family: "Lexend", sans-serif !important;
  font-style: normal;
  font-size: 15px;
}
.text-lexend em {
  font-family: "Chewy Pro", sans-serif;
  font-style: normal;
  font-size: 25px;
}

.kl-text-32 p {
  font-size: 32px;
  line-height: 1.5em;
}
@media (max-width: 767.98px) {
  .kl-text-32 p {
    font-size: 26px;
  }
}

.map-petit-filou {
  top: 0;
  left: 0;
}
@media screen and (min-width: 992px) {
  .map-petit-filou {
    top: 60px;
    left: 50px;
  }
}

.kl-section-map-gamme-petit-filous {
  padding: 30px 0 0 !important;
}

.kl-deco-brick-3 {
  top: -40px;
  right: -110px;
  transform: translate(0, -56%);
}
.kl-deco-brick-3 .sprite {
  transform: scale(0.6);
}
@media screen and (max-width: 768px) {
  .kl-deco-brick-3 {
    top: 11px;
    right: 110px;
  }
  .kl-deco-brick-3 .sprite {
    transform: scale(0.4);
  }
}

.back-tornado a {
  transition: all 0.3s ease;
  display: block;
}
.back-tornado a:hover {
  transform: scale(1.04) !important;
}

.kl-single-mark-new-feature .kl-recyclage-new-feature, .kl-deguster {
  background-size: cover !important;
}

#produit-tornado .kl-hero-single-img-produit {
  padding-top: 35px;
}

.img-logo-brique {
  width: 110px;
  height: auto;
}/*# sourceMappingURL=custom.css.map */