/*
 * Custom FLOW360 by Carole Favero (a Warehouse Child Thème)
 */


/********* ELEMENTOR *********/
.elementor-editor-active #elementor .elementor-row, .elementor-editor-active .elementor-column {
  min-height: 0px;
}

@font-face {
  font-family: 'Sansation_Bold';
  src: url('fonts/Sansation_Bold.eot');
  src: local('☺'), url('fonts/Sansation_Bold.woff') format('woff'), url('fonts/Sansation_Bold.ttf') format('truetype'), url('fonts/Sansation_Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sansation';
  src: url('fonts/Sansation.eot');
  src: local('☺'), url('fonts/Sansation.woff') format('woff'), url('fonts/Sansation.ttf') format('truetype'), url('fonts/Sansation.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 1.25rem;
  }
}
#wrapper {
  padding-bottom: 0;
}
#desktop_logo a img.logo{
  max-width: 150px;
}
#mobile-header a img.logo{
  max-width: 120px;
}
#desktop-header.stuck-header #desktop_logo a img.logo{
  max-width: 100px;
}

/* ***** BOUTONS */
.btn {
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 700;
}
#back-to-top {
  border-radius: 30px;
  font-size:14px;
}
/* ***** BUBBLES */
@media screen and (max-width: 992px) {
  .elementor-element.elementor-element-gwu4gna.parallax{
    background-attachment: inherit;
  }
}
@keyframes gradient {
  0% { background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%; } 
}

@-webkit-keyframes moveUpAndLeft {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-10px, -20px);
            transform: translate(-10px, -20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes moveUpAndLeft {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-10px, -20px);
            transform: translate(-10px, -20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes moveDownAndLeft {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(-10px, 10px);
            transform: translate(-10px, 10px);
  }
  50% {
    -webkit-transform: translate(-10px, 10px) rotate(1deg);
            transform: translate(-10px, 10px) rotate(1deg);
  }
  75% {
    -webkit-transform: translate(-10px, 10px) rotate(-1deg);
            transform: translate(-10px, 10px) rotate(-1deg);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes moveDownAndLeft {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(-10px, 10px);
            transform: translate(-10px, 10px);
  }
  50% {
    -webkit-transform: translate(-10px, 10px) rotate(1deg);
            transform: translate(-10px, 10px) rotate(1deg);
  }
  75% {
    -webkit-transform: translate(-10px, 10px) rotate(-1deg);
            transform: translate(-10px, 10px) rotate(-1deg);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.circle1 {
  background: #f9e7eb;
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 210px;
  width: 210px;
  border-radius: 50%;
  -webkit-animation: 15s linear 2s infinite moveUpAndLeft;
  animation: 20s linear 2s infinite moveUpAndLeft;
  margin: auto;
}
.circle2 {
  background: #fbeca7;
  background-size: 400% 400%;
  height: 180px;
  width: 180px;
  border-radius: 50%;
  -webkit-animation: 15s linear 3s infinite moveDownAndLeft;
  animation: 20s linear 3s infinite moveDownAndLeft;
  opacity: 0.8;
  margin: auto;
}
.circle3 {
  background: #f1f6ed;
  background-size: 400% 400%;
  height: 250px;
  width: 250px;
  border-radius: 50%;
  -webkit-animation: 15s linear 3s infinite moveUpAndLeft;
  animation: 20s linear 3s infinite moveUpAndLeft;
  opacity: 0.8;
  margin: auto;
}
.circle4 {
  background: #bcd4ce;
  background-size: 400% 400%;
  height: 190px;
  width: 190px;
  border-radius: 50%;
  -webkit-animation: 15s linear 3s infinite moveDownAndLeft;
  animation: 20s linear 3s infinite moveDownAndLeft;
  opacity: 0.8;
  margin: auto;
}

/* ***** MENU DESKTOP */
#iqitmegamenu-horizontal ul > li:nth-child(2) a.nav-link{
  background: #000;
  border-radius: 30px 30px 30px 30px;
  padding: 0px 15px;
  line-height: 35px!important;
  color: #FFF;
  margin-right: 20px;
}
#iqitmegamenu-horizontal ul > li:nth-child(3) a.nav-link{
  background: #f1ce4a;
  border-radius: 30px 30px 30px 30px;
  padding: 0px 15px;
  line-height: 35px;
  color: #FFF;
}
#iqitmegamenu-horizontal ul > li:nth-child(2) a.nav-link:hover{
  background: #285d49;
}
#iqitmegamenu-horizontal ul > li:nth-child(3) a.nav-link:hover{
  background: #eccdd4;
}
#header .col-header-right{
  display:none;
}
#iqitmegamenu-horizontal .cbp-hrmenu .cbp-hrsub-inner {
  padding: 0px 20px 10px 20px;
  text-align: center;
}
#iqitmegamenu-horizontal .cbp-hrmenu .cbp-links.cbp-valinks-vertical li {
  padding-bottom: 5px;
}
.cbp-hrmenu .cbp-menu-column {
  margin-top: 0px;
}
.cbp-horizontal .cbp-tab-title {
  font-weight: 600;
}
#iqitmegamenu-horizontal li#cbp-hrmenu-tab-1 .cbp-hrsub.col-3.cbp-show{
  max-width:300px;
}
/* ***** MENU MOBILE */
.col-mobile-btn-account, .col-mobile-btn-cart, .col-mobile-btn-search{
  display:none;
}
#iqitmegamenu-mobile{
  text-align: center;
}
#iqitmegamenu-mobile ul.mobile-menu__scroller{
  background-color: #FFF;
}
#_mobile_iqitmegamenu-mobile{
  padding-top:15px;
}
#iqitmegamenu-mobile ul li a {
  padding: 10px;
  display: inline-block;
  color: #000;
}
#iqitmegamenu-mobile ul li a:hover {
  font-weight: bold;
}
.mobile-menu__content > ul:nth-child(1) > li:nth-child(2) a {
  font-weight: 600;
  margin-top: 20px;
  text-transform: uppercase;
}
.mobile-menu__content > ul:nth-child(1) > li:nth-child(6) a {
  background-color: #000;
  color: #FFF !important;
  border-radius: 30px 30px 30px 30px;
  padding: 0px 20px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px auto;
  max-width: 200px;
}
.mobile-menu__content > ul:nth-child(1) > li:nth-child(6) a:hover {
  background-color: #285d49;
}
.mobile-menu__content > ul:nth-child(1) > li:nth-child(7) a {
  background-color: #f6ce17;
  color: #FFF !important;
  border-radius: 30px 30px 30px 30px;
  padding: 0px 20px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px auto 40px auto;
  max-width: 160px;
}
#iqitmegamenu-mobile > ul:nth-child(1) > li:nth-child(6) a span:hover {
  background-color: #eccdd4;
}

/* ***** PAGES CMS  */
.mid-colonne{
  width:12.5%!important;
}
@media screen and (max-width: 768px) {
  .mid-colonne{
    width:0%!important;
  }
}
.elementor-image-box-img img{
    max-width:140px;
    width: 100%;
  }
 .rte-content h5 {
  margin-top: 3rem;
}
#content.page-cms{
  max-width: 992px;
  margin: auto;
}
/* ***** PAGES CMS DIRIGEANT/ COLLABORATEUR/ PRESTATAIRE */
.cms-id-1 .page-header, .cms-id-2 .page-header, .cms-id-3 .page-header{
  display:none;
}
#content.page-cms.page-cms-1, #content.page-cms.page-cms-2, #content.page-cms.page-cms-3, #content.page-cms.page-cms-4{
  max-width: 1320px;
  margin: auto;
}
.avantage-salaries .elementor-image-box-img img {
  max-width: 100px;
  width: 100%;
}
.categorie-image .elementor-widget-container .elementor-image img {
  max-width: 120px !important;
  width: 100%;
}
.categorie-image .elementor-column.elementor-sm-50 {
  width: 50%;
  margin: auto;
}
#cms label.form-control-label{
  margin-bottom: .5rem;
}
/* ***** FOOTER */
#footer .btn-subscribe{
  background: #FFF;
}
.copyright-txt{
  margin: 0px!important;
  font-size: 0.8rem;
}
#footer img {
  max-width: 150px;
  width: 100%;
  padding: 20px 0;
}

.circle1 .elementor-widget-container, .circle2 .elementor-widget-container, .circle3 .elementor-widget-container, .circle4 .elementor-widget-container{
    display: flex;
    justify-content: center;
    align-items: center;
}