@charset "UTF-8";
/*!
	EOXIA FRAMEWORK CSS
	Created by Eoxia

	version: 1.2.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# fonticons
# Normalize
# Modules
	## Notification

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Fonticons
--------------------------------------------------------------*/
/*!
 * Font Awesome Pro 5.0.10 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
.wpeo-wrap html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.wpeo-wrap body {
  margin: 0;
}

.wpeo-wrap article,
.wpeo-wrap aside,
.wpeo-wrap details,
.wpeo-wrap figcaption,
.wpeo-wrap figure,
.wpeo-wrap footer,
.wpeo-wrap header,
.wpeo-wrap main,
.wpeo-wrap menu,
.wpeo-wrap nav,
.wpeo-wrap section,
.wpeo-wrap summary {
  display: block;
}

.wpeo-wrap audio,
.wpeo-wrap canvas,
.wpeo-wrap progress,
.wpeo-wrap video {
  display: inline-block;
  vertical-align: baseline;
}

.wpeo-wrap audio:not([controls]) {
  display: none;
  height: 0;
}

.wpeo-wrap [hidden],
.wpeo-wrap template {
  display: none;
}

.wpeo-wrap a {
  background-color: transparent;
}

.wpeo-wrap a:active,
.wpeo-wrap a:hover {
  outline: 0;
}

.wpeo-wrap abbr[title] {
  border-bottom: 1px dotted;
}

.wpeo-wrap b,
.wpeo-wrap strong {
  font-weight: bold;
}

.wpeo-wrap dfn {
  font-style: italic;
}

.wpeo-wrap h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

.wpeo-wrap mark {
  background: #ff0;
  color: #000;
}

.wpeo-wrap small {
  font-size: 80%;
}

.wpeo-wrap sub,
.wpeo-wrap sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.wpeo-wrap sup {
  top: -0.5em;
}

.wpeo-wrap sub {
  bottom: -0.25em;
}

.wpeo-wrap img {
  border: 0;
}

.wpeo-wrap svg:not(:root) {
  overflow: hidden;
}

.wpeo-wrap figure {
  margin: 1em 40px;
}

.wpeo-wrap hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

.wpeo-wrap pre {
  overflow: auto;
}

.wpeo-wrap code,
.wpeo-wrap kbd,
.wpeo-wrap pre,
.wpeo-wrap samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

.wpeo-wrap button,
.wpeo-wrap input,
.wpeo-wrap optgroup,
.wpeo-wrap select,
.wpeo-wrap textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wpeo-wrap button {
  overflow: visible;
}

.wpeo-wrap button,
.wpeo-wrap select {
  text-transform: none;
}

.wpeo-wrap button,
.wpeo-wrap html input[type="button"],
.wpeo-wrap input[type="reset"],
.wpeo-wrap input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

.wpeo-wrap button[disabled],
.wpeo-wrap html input[disabled] {
  cursor: default;
}

.wpeo-wrap button::-moz-focus-inner,
.wpeo-wrap input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.wpeo-wrap input {
  line-height: normal;
}

.wpeo-wrap input[type="checkbox"],
.wpeo-wrap input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.wpeo-wrap input[type="number"]::-webkit-inner-spin-button,
.wpeo-wrap input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

.wpeo-wrap input[type="search"]::-webkit-search-cancel-button,
.wpeo-wrap input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.wpeo-wrap fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

.wpeo-wrap legend {
  border: 0;
  padding: 0;
}

.wpeo-wrap textarea {
  overflow: auto;
}

.wpeo-wrap optgroup {
  font-weight: bold;
}

.wpeo-wrap table {
  border-collapse: collapse;
  border-spacing: 0;
}

.wpeo-wrap td,
.wpeo-wrap th {
  padding: 0;
}

.wpeo-wrap * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Core Modules
--------------------------------------------------------------*/
.eo-custom-page #adminmenuwrap,
.eo-custom-page #wpadminbar,
.eo-custom-page #adminmenumain,
.eo-custom-page #screen-meta-links,
.eo-custom-page #wpfooter {
  display: none !important;
}

body.eo-custom-page.admin-bar {
  position: relative;
  top: -32px;
}

body.eo-custom-page #wpcontent {
  margin-left: 0 !important;
  padding-left: 0;
}

body.eo-custom-page .nav-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

body.eo-custom-page .nav-wrap::before {
  display: block;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 200px;
  height: 100%;
  background: #1c1d1b;
  z-index: -1;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

body.eo-custom-page .nav-wrap #logo {
  padding: 0.5em;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.eo-custom-page .nav-wrap #logo h1 {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

body.eo-custom-page .nav-wrap #logo a {
  margin: auto;
}

body.eo-custom-page .nav-wrap #logo img {
  max-width: 50px;
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

body.eo-custom-page .nav-wrap .nav-menu.nav-bottom {
  margin-top: 2em;
}

body.eo-custom-page .nav-wrap.wrap-reduce {
  width: 40px;
}

body.eo-custom-page .nav-wrap.wrap-reduce::before {
  width: 40px;
}

body.eo-custom-page .nav-wrap.wrap-reduce .nav-menu.nav-bottom .item {
  padding: 0;
}

/** Menu elements */
body.eo-custom-page .nav-menu .item {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

body.eo-custom-page .nav-menu .item:focus {
  outline: none;
}

body.eo-custom-page .nav-menu .item:hover > div {
  background: rgba(255, 255, 255, 0.2);
}

body.eo-custom-page .nav-menu .item.item-active > div {
  background: rgba(255, 255, 255, 0.2);
}

body.eo-custom-page .nav-menu .item > div {
  padding: 0.7em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.eo-custom-page .nav-menu .item .nav-icon {
  margin-right: 0.6em;
  min-width: 20px;
  line-height: 1.3;
}

body.eo-custom-page .nav-menu .item .item-label {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  white-space: nowrap;
}

body.eo-custom-page .nav-wrap.wrap-reduce .nav-menu .item > div {
  text-align: center;
}

body.eo-custom-page .nav-wrap.wrap-reduce .nav-menu .item .item-label {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

body.eo-custom-page .nav-wrap.wrap-reduce .nav-menu .item .nav-icon {
  margin-right: 0;
}

/** Menu du bas */
body.eo-custom-page .nav-menu.nav-bottom .item {
  padding: 0 0.6em;
  display: block;
  margin-bottom: 0.5em;
}

body.eo-custom-page .nav-menu.nav-bottom .item > div {
  border-bottom: 0;
}

body.eo-custom-page .nav-menu.nav-bottom .item:not(.minimize-menu) > div {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-radius: 6px;
}

body.eo-custom-page .nav-menu.nav-bottom .item:not(.minimize-menu):hover > div {
  background: rgba(255, 255, 255, 0.4);
}

body.eo-custom-page .nav-menu.nav-bottom .item.minimize-menu > div {
  color: rgba(255, 255, 255, 0.6);
}

body.eo-custom-page .nav-menu.nav-bottom .item.minimize-menu:hover > div {
  background: none;
  color: white;
}

body.eo-custom-page .nav-menu.nav-bottom .item.minimize-menu .item-label {
  -webkit-transition: none;
  transition: none;
}

body.eo-custom-page .content-wrap {
  margin-left: 200px;
  padding: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

body.eo-custom-page .content-wrap.content-reduce {
  margin-left: 40px;
}

body.eo-custom-page .content-wrap #top-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

body.eo-custom-page .content-wrap #top-header ul, body.eo-custom-page .content-wrap #top-header li {
  margin: 0;
}

body.eo-custom-page .content-wrap #top-header .nav-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 70%;
  margin: auto 0 auto 0;
}

body.eo-custom-page .content-wrap #top-header .nav-left > * {
  margin-top: auto;
  margin-bottom: auto;
}

body.eo-custom-page .content-wrap #top-header .nav-right {
  max-width: 30%;
  margin: auto 0 auto auto;
}

body.eo-custom-page .content-wrap #top-header .nav-bottom {
  width: 100%;
  margin-top: 0.5em;
}

body.eo-custom-page .content-wrap #top-header .nav-left .page-title {
  font-size: 22px;
  margin-right: 0.6em;
}

body.eo-custom-page .content-wrap #top-header .nav-left .nav-header li {
  margin: 0;
}

body.eo-custom-page .content-wrap #top-header .nav-right .navigation-avatar img {
  border-radius: 50%;
}

body.eo-custom-page .content-wrap .eo-wrap {
  margin: 0;
}

body.eo-custom-page .content-wrap .wpeo-wrap {
  margin: 0;
  padding: 1em;
}

body.eo-custom-page .content-wrap .wpeo-box {
  background: #fff;
  padding: 1.4em;
}

/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/
/*--------------------------------------------------------------
	## Grid Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
	Module : Grid
	Version : 1.0.0

	.wpeo-grid -> classe de base du mobule
	.grid-x -> Définit le nombre d'élément par ligne
		.grid-x -> Sur un élément, multiplie sa taille par le nombre X
	.grid-padding-x -> ajoute du padding
--------------------------------------------------------------*/
.wpeo-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: -0.5em;
  margin-right: -0.5em;
  width: 100%;
}

.wpeo-grid > * {
  padding: 0.5em !important;
}

.wpeo-grid.grid-1 > * {
  width: 100%;
}

.wpeo-grid.grid-1 > .grid-1 {
  width: 100%;
}

.wpeo-grid.grid-2 > * {
  width: 50%;
}

.wpeo-grid.grid-2 > .grid-1 {
  width: 50%;
}

.wpeo-grid.grid-2 > .grid-2 {
  width: 100%;
}

.wpeo-grid.grid-3 > * {
  width: 33.33333%;
}

.wpeo-grid.grid-3 > .grid-1 {
  width: 33.33333%;
}

.wpeo-grid.grid-3 > .grid-2 {
  width: 66.66667%;
}

.wpeo-grid.grid-3 > .grid-3 {
  width: 100%;
}

.wpeo-grid.grid-4 > * {
  width: 25%;
}

.wpeo-grid.grid-4 > .grid-1 {
  width: 25%;
}

.wpeo-grid.grid-4 > .grid-2 {
  width: 50%;
}

.wpeo-grid.grid-4 > .grid-3 {
  width: 75%;
}

.wpeo-grid.grid-4 > .grid-4 {
  width: 100%;
}

.wpeo-grid.grid-5 > * {
  width: 20%;
}

.wpeo-grid.grid-5 > .grid-1 {
  width: 20%;
}

.wpeo-grid.grid-5 > .grid-2 {
  width: 40%;
}

.wpeo-grid.grid-5 > .grid-3 {
  width: 60%;
}

.wpeo-grid.grid-5 > .grid-4 {
  width: 80%;
}

.wpeo-grid.grid-5 > .grid-5 {
  width: 100%;
}

.wpeo-grid.grid-6 > * {
  width: 16.66667%;
}

.wpeo-grid.grid-6 > .grid-1 {
  width: 16.66667%;
}

.wpeo-grid.grid-6 > .grid-2 {
  width: 33.33333%;
}

.wpeo-grid.grid-6 > .grid-3 {
  width: 50%;
}

.wpeo-grid.grid-6 > .grid-4 {
  width: 66.66667%;
}

.wpeo-grid.grid-6 > .grid-5 {
  width: 83.33333%;
}

.wpeo-grid.grid-6 > .grid-6 {
  width: 100%;
}

@media (max-width: 770px) {
  .wpeo-grid.grid-1 > * {
    width: 100%;
  }
  .wpeo-grid.grid-2 > *, .wpeo-grid.grid-3 > *, .wpeo-grid.grid-4 > *, .wpeo-grid.grid-5 > *, .wpeo-grid.grid-6 > * {
    width: 50%;
  }
}

@media (max-width: 480px) {
  .wpeo-grid.grid-1 > *, .wpeo-grid.grid-2 > *, .wpeo-grid.grid-3 > *, .wpeo-grid.grid-4 > *, .wpeo-grid.grid-5 > *, .wpeo-grid.grid-6 > * {
    width: 100%;
  }
}

/** Grid Padding */
.wpeo-grid.grid-padding-0 {
  margin-left: 0;
  margin-right: 0;
}

.wpeo-grid.grid-padding-0 > * {
  padding: 0 !important;
}

.wpeo-grid.grid-padding-1 {
  margin-left: -0.2em;
  margin-right: -0.2em;
}

.wpeo-grid.grid-padding-1 > * {
  padding: 0.2em !important;
}

.wpeo-grid.grid-padding-2 {
  margin-left: -0.5em;
  margin-right: -0.5em;
}

.wpeo-grid.grid-padding-2 > * {
  padding: 0.5em !important;
}

.wpeo-grid.grid-padding-3 {
  margin-left: -1em;
  margin-right: -1em;
}

.wpeo-grid.grid-padding-3 > * {
  padding: 1em !important;
}

.wpeo-gridlayout {
  display: grid;
  grid-gap: 1em 1em;
  grid-template-columns: repeat(4, 1fr);
}

/** Définition des tailles */
.wpeo-gridlayout {
  /** Du parent */
  /** Chaque enfant peut modifier sa propre taille */
  /** Chaque enfant peut modifier sa propre taille */
  /** Chaque enfant peut modifier sa propre taille */
  /** Chaque enfant peut modifier sa propre taille */
  /** Chaque enfant peut modifier sa propre taille */
  /** Chaque enfant peut modifier sa propre taille */
}

.wpeo-gridlayout.grid-1 {
  grid-template-columns: repeat(1, 1fr);
}

.wpeo-gridlayout.grid-1 > .gridw-1 {
  grid-column: auto/span 1;
}

.wpeo-gridlayout.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.wpeo-gridlayout.grid-2 > .gridw-1 {
  grid-column: auto/span 1;
}

.wpeo-gridlayout.grid-2 > .gridw-2 {
  grid-column: auto/span 2;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-2 > .gridw-2 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.wpeo-gridlayout.grid-3 > .gridw-1 {
  grid-column: auto/span 1;
}

.wpeo-gridlayout.grid-3 > .gridw-2 {
  grid-column: auto/span 2;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-3 > .gridw-2 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-3 > .gridw-3 {
  grid-column: auto/span 3;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-3 > .gridw-3 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

.wpeo-gridlayout.grid-4 > .gridw-1 {
  grid-column: auto/span 1;
}

.wpeo-gridlayout.grid-4 > .gridw-2 {
  grid-column: auto/span 2;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-4 > .gridw-2 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-4 > .gridw-3 {
  grid-column: auto/span 3;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-4 > .gridw-3 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-4 > .gridw-4 {
  grid-column: auto/span 4;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-4 > .gridw-4 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}

.wpeo-gridlayout.grid-5 > .gridw-1 {
  grid-column: auto/span 1;
}

.wpeo-gridlayout.grid-5 > .gridw-2 {
  grid-column: auto/span 2;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-5 > .gridw-2 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-5 > .gridw-3 {
  grid-column: auto/span 3;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-5 > .gridw-3 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-5 > .gridw-4 {
  grid-column: auto/span 4;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-5 > .gridw-4 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-5 > .gridw-5 {
  grid-column: auto/span 5;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-5 > .gridw-5 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-6 {
  grid-template-columns: repeat(6, 1fr);
}

.wpeo-gridlayout.grid-6 > .gridw-1 {
  grid-column: auto/span 1;
}

.wpeo-gridlayout.grid-6 > .gridw-2 {
  grid-column: auto/span 2;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-6 > .gridw-2 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-6 > .gridw-3 {
  grid-column: auto/span 3;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-6 > .gridw-3 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-6 > .gridw-4 {
  grid-column: auto/span 4;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-6 > .gridw-4 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-6 > .gridw-5 {
  grid-column: auto/span 5;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-6 > .gridw-5 {
    grid-column: auto / span 2;
  }
}

.wpeo-gridlayout.grid-6 > .gridw-6 {
  grid-column: auto/span 6;
}

@media (max-width: 770px) {
  .wpeo-gridlayout.grid-6 > .gridw-6 {
    grid-column: auto / span 2;
  }
}

/** Mages */
.wpeo-gridlayout.grid-margin-0 {
  margin: 0em 0;
}

.wpeo-gridlayout.grid-margin-1 {
  margin: 1em 0;
}

.wpeo-gridlayout.grid-margin-2 {
  margin: 2em 0;
}

.wpeo-gridlayout.grid-margin-3 {
  margin: 3em 0;
}

.wpeo-gridlayout.grid-margin-4 {
  margin: 4em 0;
}

.wpeo-gridlayout.grid-margin-5 {
  margin: 5em 0;
}

.wpeo-gridlayout.grid-margin-6 {
  margin: 6em 0;
}

/** Gouttières */
.wpeo-gridlayout.grid-gap-0 {
  grid-gap: 0em 0em;
}

.wpeo-gridlayout.grid-gap-1 {
  grid-gap: 1em 1em;
}

.wpeo-gridlayout.grid-gap-2 {
  grid-gap: 2em 2em;
}

.wpeo-gridlayout.grid-gap-3 {
  grid-gap: 3em 3em;
}

.wpeo-gridlayout.grid-gap-4 {
  grid-gap: 4em 4em;
}

.wpeo-gridlayout.grid-gap-5 {
  grid-gap: 5em 5em;
}

.wpeo-gridlayout.grid-gap-6 {
  grid-gap: 6em 6em;
}

/** Définition des hauteur des enfants */
.wpeo-gridlayout > .gridh-1 {
  grid-row: auto/span 1;
}

@media (max-width: 770px) {
  .wpeo-gridlayout > .gridh-1 {
    grid-row: auto / span 1 !important;
  }
}

.wpeo-gridlayout > .gridh-2 {
  grid-row: auto/span 2;
}

@media (max-width: 770px) {
  .wpeo-gridlayout > .gridh-2 {
    grid-row: auto / span 1 !important;
  }
}

.wpeo-gridlayout > .gridh-3 {
  grid-row: auto/span 3;
}

@media (max-width: 770px) {
  .wpeo-gridlayout > .gridh-3 {
    grid-row: auto / span 1 !important;
  }
}

.wpeo-gridlayout > .gridh-4 {
  grid-row: auto/span 4;
}

@media (max-width: 770px) {
  .wpeo-gridlayout > .gridh-4 {
    grid-row: auto / span 1 !important;
  }
}

.wpeo-gridlayout > .gridh-5 {
  grid-row: auto/span 5;
}

@media (max-width: 770px) {
  .wpeo-gridlayout > .gridh-5 {
    grid-row: auto / span 1 !important;
  }
}

.wpeo-gridlayout > .gridh-6 {
  grid-row: auto/span 6;
}

@media (max-width: 770px) {
  .wpeo-gridlayout > .gridh-6 {
    grid-row: auto / span 1 !important;
  }
}

/** Media queries */
@media (max-width: 770px) {
  .wpeo-gridlayout {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .wpeo-gridlayout {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .wpeo-gridlayout > * {
    grid-column: auto / span 1 !important;
  }
}

/*--------------------------------------------------------------
	## Animation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
	Module : Animations
	Version : 1.2.0

	.wpeo-animate => classe de base pour le module
		.animate-hover => Permet de lancer l'animation au survol
		.animate-on => ajouter cette classe lors d'un event js pour animer l'element
--------------------------------------------------------------*/
.wpeo-animate {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.wpeo-animate.flipOutX, .wpeo-animate.flipOutY, .wpeo-animate.bounceIn, .wpeo-animate.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.wpeo-animate.animate-hover:hover.bounce, .wpeo-animate.animate-on.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.wpeo-animate.animate-hover:hover.flash, .wpeo-animate.animate-on.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

.wpeo-animate.animate-hover:hover.headShake, .wpeo-animate.animate-on.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

.wpeo-animate.animate-hover:hover.jello, .wpeo-animate.animate-on.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.wpeo-animate.animate-hover:hover.pulse, .wpeo-animate.animate-on.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.wpeo-animate.animate-hover:hover.rubberBand, .wpeo-animate.animate-on.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

.wpeo-animate.animate-hover:hover.shake, .wpeo-animate.animate-on.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

.wpeo-animate.animate-hover:hover.swing, .wpeo-animate.animate-on.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

.wpeo-animate.animate-hover:hover.tada, .wpeo-animate.animate-on.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

.wpeo-animate.animate-hover:hover.wobble, .wpeo-animate.animate-on.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

.wpeo-animate.animate-hover:hover.bounceIn, .wpeo-animate.animate-on.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

.wpeo-animate.animate-hover:hover.bounceInDown, .wpeo-animate.animate-on.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.wpeo-animate.animate-hover:hover.bounceInLeft, .wpeo-animate.animate-on.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

.wpeo-animate.animate-hover:hover.bounceInRight, .wpeo-animate.animate-on.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

.wpeo-animate.animate-hover:hover.bounceInUp, .wpeo-animate.animate-on.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

.wpeo-animate.animate-hover:hover.bounceOut, .wpeo-animate.animate-on.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

.wpeo-animate.animate-hover:hover.bounceOutDown, .wpeo-animate.animate-on.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

.wpeo-animate.animate-hover:hover.bounceOutLeft, .wpeo-animate.animate-on.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

.wpeo-animate.animate-hover:hover.bounceOutRight, .wpeo-animate.animate-on.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

.wpeo-animate.animate-hover:hover.bounceOutUp, .wpeo-animate.animate-on.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

.wpeo-animate.animate-hover:hover.fadeIn, .wpeo-animate.animate-on.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.wpeo-animate.animate-hover:hover.fadeInDown, .wpeo-animate.animate-on.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.wpeo-animate.animate-hover:hover.fadeInDownBig, .wpeo-animate.animate-on.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

.wpeo-animate.animate-hover:hover.fadeInLeft, .wpeo-animate.animate-on.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.wpeo-animate.animate-hover:hover.fadeInLeftBig, .wpeo-animate.animate-on.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

.wpeo-animate.animate-hover:hover.fadeInRight, .wpeo-animate.animate-on.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.wpeo-animate.animate-hover:hover.fadeInRightBig, .wpeo-animate.animate-on.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

.wpeo-animate.animate-hover:hover.fadeInUp, .wpeo-animate.animate-on.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.wpeo-animate.animate-hover:hover.fadeInUpBig, .wpeo-animate.animate-on.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

.wpeo-animate.animate-hover:hover.fadeOut, .wpeo-animate.animate-on.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.wpeo-animate.animate-hover:hover.fadeOutDown, .wpeo-animate.animate-on.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

.wpeo-animate.animate-hover:hover.fadeOutDownBig, .wpeo-animate.animate-on.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

.wpeo-animate.animate-hover:hover.fadeOutLeft, .wpeo-animate.animate-on.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.wpeo-animate.animate-hover:hover.fadeOutLeftBig, .wpeo-animate.animate-on.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

.wpeo-animate.animate-hover:hover.fadeOutRight, .wpeo-animate.animate-on.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

.wpeo-animate.animate-hover:hover.fadeOutRightBig, .wpeo-animate.animate-on.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

.wpeo-animate.animate-hover:hover.fadeOutUp, .wpeo-animate.animate-on.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.wpeo-animate.animate-hover:hover.fadeOutUpBig, .wpeo-animate.animate-on.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

.wpeo-animate.animate-hover:hover.slideInDown, .wpeo-animate.animate-on.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

.wpeo-animate.animate-hover:hover.slideInLeft, .wpeo-animate.animate-on.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

.wpeo-animate.animate-hover:hover.slideInRight, .wpeo-animate.animate-on.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

.wpeo-animate.animate-hover:hover.slideInUp, .wpeo-animate.animate-on.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.wpeo-animate.animate-hover:hover.slideOutDown, .wpeo-animate.animate-on.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

.wpeo-animate.animate-hover:hover.slideOutLeft, .wpeo-animate.animate-on.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

.wpeo-animate.animate-hover:hover.slideOutRight, .wpeo-animate.animate-on.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

.wpeo-animate.animate-hover:hover.slideOutUp, .wpeo-animate.animate-on.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.wpeo-animate.animate-hover:hover.bounceInLight, .wpeo-animate.animate-on.bounceInLight {
  -webkit-animation-name: bounceInLight;
  animation-name: bounceInLight;
}

.wpeo-animate.animate-hover:hover.rotate, .wpeo-animate.animate-on.rotate {
  -webkit-animation-name: rotate;
  animation-name: rotate;
}

.wpeo-animate.animate-hover:hover.downAndUp, .wpeo-animate.animate-on.downAndUp {
  -webkit-animation-name: downAndUp;
  animation-name: downAndUp;
}

/* Import des animations */
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-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 slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 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);
  }
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes bounceInLight {
  0, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceInLight {
  0, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes downAndUp {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes downAndUp {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

/*--------------------------------------------------------------
	Module : Autocomplete
	Version : 1.2.0

	.wpeo-autocomplete => classe de base pour le module
		.autocomplete-loading -> Fais apparaître la barre de Chargement
		.autocomplete-full -> Fais apparaître la croix
--------------------------------------------------------------*/
.wpeo-autocomplete {
  position: relative;
}

.wpeo-autocomplete.autocomplete-active .autocomplete-search-list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/** Couleur */
.wpeo-autocomplete .autocomplete-label {
  background: #ececec;
}

.wpeo-autocomplete .autocomplete-search-list {
  background: #ececec;
}

.wpeo-autocomplete.autocomplete-light .autocomplete-label {
  background: #fff;
}

.wpeo-autocomplete.autocomplete-light .autocomplete-search-list {
  background: #fff;
}

/** Label */
.wpeo-autocomplete .autocomplete-label {
  display: block;
  padding: 1em;
  margin: 0;
  position: relative;
  -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 1px solid transparent;
}

.wpeo-autocomplete .autocomplete-label:hover {
  cursor: text;
  border: 1px solid #898de5;
}

.wpeo-autocomplete .autocomplete-search-input {
  background-color: transparent;
  border: 0;
  width: 100%;
  padding: 0 1.6em;
  font-size: 14px;
  font-weight: 400;
}

.wpeo-autocomplete .autocomplete-search-input:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wpeo-autocomplete .autocomplete-icon-before, .wpeo-autocomplete .autocomplete-icon-after {
  position: absolute;
  top: 50%;
}

.wpeo-autocomplete .autocomplete-icon-before {
  left: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/** Chargement */
.wpeo-autocomplete .autocomplete-label .autocomplete-loading, .wpeo-autocomplete .autocomplete-label .autocomplete-loading-background {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.6s linear;
  transition: width 0.6s linear;
  height: 3px;
}

.wpeo-autocomplete .autocomplete-label .autocomplete-loading {
  width: 10%;
  background: #898de5;
}

.wpeo-autocomplete .autocomplete-label .autocomplete-loading-background {
  width: 100%;
  background: rgba(137, 141, 229, 0.4);
}

/** Croix */
.wpeo-autocomplete .autocomplete-icon-after {
  right: 0;
  padding: 1em;
  color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(-50%) translateX(10px);
  transform: translateY(-50%) translateX(10px);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
}

.wpeo-autocomplete .autocomplete-icon-after:hover {
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.wpeo-autocomplete.autocomplete-full .autocomplete-icon-after {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
}

/** Liste de résultats */
.wpeo-autocomplete .autocomplete-search-list {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  margin: 0;
  padding: 0;
  position: absolute;
  -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 99;
  width: 300px;
  pointer-events: none;
}

.wpeo-autocomplete .autocomplete-search-list .autocomplete-result, .wpeo-autocomplete .autocomplete-search-list .autocomplete-result-text {
  list-style-type: none;
  padding: 0.6em 2.6em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0;
}

.wpeo-autocomplete .autocomplete-search-list .autocomplete-result {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.wpeo-autocomplete .autocomplete-search-list .autocomplete-result:hover {
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.wpeo-autocomplete .autocomplete-search-list .autocomplete-result-image {
  margin-right: 1em;
  width: auto;
}

.wpeo-autocomplete .autocomplete-search-list .autocomplete-result-image.autocomplete-image-rounded {
  border-radius: 50%;
}

.wpeo-autocomplete .autocomplete-search-list .autocomplete-result-container {
  margin: auto 0;
}

.wpeo-autocomplete .autocomplete-search-list .autocomplete-result-title, .wpeo-autocomplete .autocomplete-search-list .autocomplete-result-subtitle {
  display: block;
}

.wpeo-autocomplete .autocomplete-search-list .autocomplete-result-title {
  font-size: 14px;
}

.wpeo-autocomplete .autocomplete-search-list .autocomplete-result-subtitle {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}

/** Taille de la liste */
.wpeo-autocomplete.autocomplete-small .autocomplete-search-list {
  width: 200px;
}

.wpeo-autocomplete.autocomplete-medium .autocomplete-search-list {
  width: 300px;
}

.wpeo-autocomplete.autocomplete-large .autocomplete-search-list {
  width: 400px;
}

/*--------------------------------------------------------------
	Module : Dropdown
	Version : 1.0.0

	.wpeo-dropdown -> classe de base du mobule
		.grid -> Affichage en grille
		.list -> Affichage en liste
--------------------------------------------------------------*/
.wpeo-dropdown {
  position: relative;
  display: inline-block;
}

.wpeo-dropdown .dropdown-toggle {
  display: inline-block;
}

.wpeo-dropdown .dropdown-toggle span ~ *[class*="icon"] {
  margin-left: 10px;
}

.wpeo-dropdown .dropdown-content {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  background: #fff;
  z-index: 99;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
  width: 220px;
  padding: 0.6em;
}

.wpeo-dropdown.dropdown-active .dropdown-content {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.wpeo-dropdown ul, .wpeo-dropdown li {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.wpeo-dropdown .dropdown-item {
  display: block;
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
}

.wpeo-dropdown .dropdown-item .dropdown-result-title, .wpeo-dropdown .dropdown-item .dropdown-result-subtitle {
  display: block;
}

.wpeo-dropdown .dropdown-item .dropdown-result-title {
  font-size: 14px;
}

.wpeo-dropdown .dropdown-item .dropdown-result-subtitle {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}

/** Taille */
.wpeo-dropdown.dropdown-small .dropdown-content {
  width: 60px;
}

.wpeo-dropdown.dropdown-medium .dropdown-content {
  width: 220px;
}

.wpeo-dropdown.dropdown-large .dropdown-content {
  width: 360px;
}

/** Padding */
.wpeo-dropdown.dropdown-padding-0 .dropdown-content {
  padding: 0;
}

.wpeo-dropdown.dropdown-padding-1 .dropdown-content {
  padding: 0.6em;
}

.wpeo-dropdown.dropdown-padding-2 .dropdown-content {
  padding: 1.2em;
}

/** Alignement */
.wpeo-dropdown.dropdown-left .dropdown-content {
  left: 0;
}

.wpeo-dropdown.dropdown-right .dropdown-content {
  right: 0;
}

.wpeo-dropdown.dropdown-horizontal.dropdown-left .dropdown-content {
  left: 100%;
}

.wpeo-dropdown.dropdown-horizontal.dropdown-right .dropdown-content {
  right: 100%;
}

/** Sens */
.wpeo-dropdown.dropdown-horizontal .dropdown-content {
  top: 0;
  width: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

/** Disable */
.wpeo-dropdown .dropdown-item.dropdown-item-disable {
  opacity: 0.6;
  cursor: default !important;
  pointer-events: none;
}

.wpeo-dropdown .dropdown-content .dropdown-item {
  padding: 0.6em;
  background: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.wpeo-dropdown .dropdown-content .dropdown-item:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.wpeo-dropdown.dropdown-list .dropdown-content {
  text-align: left;
}

.wpeo-dropdown.dropdown-list .dropdown-item::after {
  display: block;
  content: '';
  clear: both;
}

.wpeo-dropdown.dropdown-list .dropdown-item img {
  float: left;
  margin-right: 0.4em;
}

.wpeo-dropdown.dropdown-grid .dropdown-item {
  padding: 0;
}

.wpeo-dropdown.dropdown-grid .dropdown-item img {
  width: 100%;
  height: auto;
  display: block;
}

/*--------------------------------------------------------------
	Module : Form
	Version : 1.0.0
	--------------------------------------------------------------*/
/** Reset des champs de base */
.wpeo-form input, .wpeo-form textarea, .wpeo-form select {
  border: 0;
  font-size: 14px;
  background: transparent;
  padding: 0;
  margin: 0;
  width: 100%;
  padding: 1em;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wpeo-form input:focus, .wpeo-form input:active, .wpeo-form textarea:focus, .wpeo-form textarea:active, .wpeo-form select:focus, .wpeo-form select:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wpeo-form input[type="submit"] {
  width: auto;
}

/** compatibilité Date */
.wpeo-form .group-date .mysql-date {
  display: none;
}

/* Compatibility Dropdown */
.wpeo-form .wpeo-dropdown {
  display: block;
  width: 100%;
}

.wpeo-form .wpeo-dropdown .dropdown-toggle {
  width: 100%;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 0;
  font-size: 14px;
  padding: 1em 2em 1em 1em;
  margin: 0;
}

.wpeo-form .wpeo-dropdown .dropdown-toggle:hover {
  cursor: pointer;
}

.wpeo-form .wpeo-dropdown .dropdown-toggle > .svg-inline--fa {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.wpeo-form .form-element.disable .dropdown-toggle > .svg-inline--fa {
  display: none;
}

/* Compatibility Autocomplete */
.wpeo-form .wpeo-autocomplete {
  display: block;
  width: 100%;
}

.wpeo-form .wpeo-autocomplete .autocomplete-label {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0.74em 1em;
}

.wpeo-form.form-light .wpeo-autocomplete .autocomplete-label {
  background: #fff;
}

.wpeo-form.form-light .wpeo-autocomplete .autocomplete-label:hover {
  background: #ececec;
}

/** Général */
.wpeo-form .form-element input[type="radio"].form-field {
  display: inline-block;
  width: auto;
}

/** Design */
.wpeo-form .form-element input[type="radio"].form-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  background: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.2s all linear;
  transition: 0.2s all linear;
  outline: none;
  position: relative;
  top: 2px;
}

.wpeo-form .form-element input[type="radio"].form-field::before {
  display: none !important;
  content: '' !important;
}

.wpeo-form .form-element input[type="radio"].form-field:hover {
  cursor: pointer;
  border: 1px solid #898de5;
  -webkit-box-shadow: 0 0 0 1px #898de5 inset;
  box-shadow: 0 0 0 1px #898de5 inset;
  background: transparent !important;
}

.wpeo-form .form-element input[type="radio"].form-field:checked {
  border: 1px solid #898de5;
  -webkit-box-shadow: 0 0 0 4px #898de5 inset;
  box-shadow: 0 0 0 4px #898de5 inset;
}

.wpeo-form .form-element input[type="radio"].form-field + label {
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  margin-right: 1em;
}

.wpeo-form .form-element input[type="radio"].form-field + label:hover {
  cursor: pointer;
}

.wpeo-form .form-element input[type="radio"].form-field + label:active {
  outline: none;
}

/** Général */
.wpeo-form .form-element input[type="checkbox"].form-field {
  display: inline-block;
  width: auto;
}

/** Design */
.wpeo-form .form-element input[type="checkbox"].form-field {
  width: auto;
  visibility: hidden;
  display: none;
}

.wpeo-form .form-element input[type="checkbox"].form-field + label {
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  margin-right: 1em;
  position: relative;
}

.wpeo-form .form-element input[type="checkbox"].form-field + label:hover {
  cursor: pointer;
}

.wpeo-form .form-element input[type="checkbox"].form-field + label:active {
  outline: none;
}

.wpeo-form .form-element input[type="checkbox"].form-field + label::before {
  display: inline-block;
  content: '';
  width: 14px;
  height: 14px;
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  border: 2px solid #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-right: 0.6em;
}

.wpeo-form .form-element input[type="checkbox"].form-field:not(:checked) + label:hover::before {
  -webkit-box-shadow: 0 0 0 2px #898de5;
  box-shadow: 0 0 0 2px #898de5;
}

.wpeo-form .form-element input[type="checkbox"].form-field:checked + label::before {
  -webkit-box-shadow: 0 0 0 2px #898de5;
  box-shadow: 0 0 0 2px #898de5;
  background: #898de5;
}

/** Formulaire design */
.wpeo-form .form-element {
  width: 100%;
}

.wpeo-form .form-element .form-label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 900;
  margin: 0.6em 0;
  color: rgba(0, 0, 0, 0.8);
}

.wpeo-form .form-element .form-field-container {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.wpeo-form .form-element .form-field-container:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wpeo-form .form-element .form-field {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 0;
}

.wpeo-form .form-element .form-field:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wpeo-form .form-element .form-sublabel {
  font-size: 12px;
  font-style: italic;
  color: rgba(0, 0, 0, 0.6);
}

/** Alignement */
.wpeo-form .form-element .form-field-inline {
  margin-right: 0.4em;
}

.wpeo-form .form-element.form-align-vertical .form-field-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wpeo-form .form-element.form-align-horizontal .form-field-container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/** Couleur */
.wpeo-form .form-element .form-field-container .form-field, .wpeo-form .form-element .form-field-container [class*="form-field-icon"] {
  background: #ececec;
}

.wpeo-form .form-element .form-field-container:hover .form-field, .wpeo-form .form-element .form-field-container:hover [class*="form-field-icon"] {
  background: #dfdfdf;
}

.wpeo-form .form-element [class*="form-field-label"] {
  background: #dfdfdf;
}

.wpeo-form.form-light .form-element .form-field-container .form-field, .wpeo-form.form-light .form-element .form-field-container [class*="form-field-icon"] {
  background: #fff;
}

.wpeo-form.form-light .form-element .form-field-container:hover .form-field, .wpeo-form.form-light .form-element .form-field-container:hover [class*="form-field-icon"] {
  background: #ececec;
}

.wpeo-form.form-light .form-element [class*="form-field-label"] {
  background: #ececec;
}

/** Icone */
.wpeo-form .form-element [class*="form-field-icon"] {
  padding: 0.8em 0 0.8em 0.8em;
  color: rgba(0, 0, 0, 0.4);
  font-size: 16px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.wpeo-form .form-element [class*="form-field-icon"] [class*="fa"] {
  vertical-align: middle;
}

.wpeo-form .form-element .form-field-icon-prev {
  padding: 0.8em 0 0.8em 0.8em;
}

.wpeo-form .form-element .form-field-icon-next {
  padding: 0.8em 0.8em 0.8em 0;
}

/** Previous & next label */
.wpeo-form .form-element [class*="form-field-label"] {
  padding: 1.2em 1em;
  font-size: 12px;
}

.wpeo-form .form-element .form-field-label-prev {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.wpeo-form .form-element .form-field-label-next {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

/** Required */
.wpeo-form .form-element.form-element-required .form-label::after {
  display: inline-block;
  content: '*';
  color: #e05353;
  padding: 0 0.4em;
}

/** Erreur sur un champs */
.wpeo-form .form-element.form-element-error .form-field-container {
  border: 1px solid #e05353;
}

/** Champs disabled */
.wpeo-form .form-element.form-element-disable .form-field-container {
  opacity: 0.6;
  pointer-events: none;
}

/* Simple */
/* Moderne */
/*--------------------------------------------------------------
	Module : Button
	Version : 1.2.0

 * Les boutons se forment grâce à leurs classes CSS
 * .button -> classe de base pour un bouton
 * 		.primary
 * 		.light
 * 		.dark
 * 		.red
 * 		.yellow
 * 		.blue
 * 		.green
 * 		.transparent
 * .bordered -> Change l'affichage du bouton. Fonctionne avec les même couleurs
 * .strong -> texte en gras
 * .uppercase -> texte en majuscule
 * .float-right -> float right
 * .float-left -> float left
 * .square-30 -> bouton carré 30px
 * .square-40 -> bouton carré 40px
 * .square-50 -> bouton carré 50px
 * .square-60 -> bouton carré 60px
 * .margin -> margin haut et bas sur le bouton
 * .radius-1 -> Arrondis les bords
 * .radius-3 -> Arrondis les bords
 * .radius-3 -> Arrondis les bords
 * .rounded -> bouton en forme de rond
 * .disable -> désactive les actions sur le bouton
 * .size-small -> petite taille
 * .size-large -> grande taille
 * .progress -> Active le progress button
 * 		.load -> le bouton affiche une icone de chargement
 * 		.success -> le bouton affiche une icone succès
 * 		.error -> Le bouton affiche une icone erreur
--------------------------------------------------------------*/
.wpeo-button {
  display: inline-block;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  text-decoration: none;
  padding: 6px 14px;
  line-height: 1.4;
  vertical-align: middle;
  height: auto;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  border-width: 3px;
  border-style: solid;
  font-size: 16px;
  background: #898de5;
  border-color: #898de5;
  color: #fff;
}

.wpeo-button:focus, .wpeo-button:visited {
  color: #fff;
}

.wpeo-button:hover {
  color: #fff;
  -webkit-box-shadow: inset 0 -2.6em rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 -2.6em rgba(255, 255, 255, 0.25);
  cursor: pointer;
}

.wpeo-button:focus, .wpeo-button:active {
  outline: none;
}

/** Colors */
.wpeo-button {
  /* par défaut */
  background: #898de5;
  border-color: #898de5;
  color: #fff;
}

.wpeo-button.button-main {
  background: #898de5;
  border-color: #898de5;
  color: #fff;
}

.wpeo-button.button-light {
  background: #fff;
  border-color: #fff;
  color: #333333;
}

.wpeo-button.button-light:hover {
  -webkit-box-shadow: inset 0 -2.6em rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -2.6em rgba(0, 0, 0, 0.1);
  color: #333333;
}

.wpeo-button.button-dark {
  background: #2b2b2b;
  border-color: #2b2b2b;
}

.wpeo-button.button-grey {
  background: #ececec;
  border-color: #ececec;
  color: #333333;
}

.wpeo-button.button-grey:hover {
  -webkit-box-shadow: inset 0 -2.6em rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -2.6em rgba(0, 0, 0, 0.1);
  color: #333333;
}

.wpeo-button.button-red {
  background: #e05353;
  border-color: #e05353;
}

.wpeo-button.button-yellow {
  background: #e9ad4f;
  border-color: #e9ad4f;
}

.wpeo-button.button-blue {
  background: #0d8aff;
  border-color: #0d8aff;
}

.wpeo-button.button-green {
  background: #47e58e;
  border-color: #47e58e;
}

.wpeo-button.button-transparent {
  background: transparent;
  border-color: transparent;
  color: rgba(51, 51, 51, 0.4);
}

.wpeo-button.button-transparent:hover {
  color: #333333;
  -webkit-box-shadow: inset 0 -2.6em rgba(255, 255, 255, 0);
  box-shadow: inset 0 -2.6em rgba(255, 255, 255, 0);
}

.wpeo-button.button-bordered {
  background: none;
  /* Par defaut */
  border-color: #898de5;
  color: #898de5;
}

.wpeo-button.button-bordered.button-main {
  border-color: #898de5;
  color: #898de5;
}

.wpeo-button.button-bordered.button-main:hover {
  -webkit-box-shadow: inset 0 -2.6em #898de5;
  box-shadow: inset 0 -2.6em #898de5;
  color: #fff;
}

.wpeo-button.button-bordered.button-light {
  border-color: #fff;
  color: #fff;
}

.wpeo-button.button-bordered.button-light:hover {
  -webkit-box-shadow: inset 0 -2.6em #fff;
  box-shadow: inset 0 -2.6em #fff;
  color: #333333;
}

.wpeo-button.button-bordered.button-dark {
  border-color: #2b2b2b;
  color: #2b2b2b;
}

.wpeo-button.button-bordered.button-dark:hover {
  -webkit-box-shadow: inset 0 -2.6em #2b2b2b;
  box-shadow: inset 0 -2.6em #2b2b2b;
}

.wpeo-button.button-bordered.button-grey {
  border-color: #ececec;
  color: #a0a0a0;
}

.wpeo-button.button-bordered.button-grey:hover {
  -webkit-box-shadow: inset 0 -2.6em #ececec;
  box-shadow: inset 0 -2.6em #ececec;
  color: #333333;
}

.wpeo-button.button-bordered.button-red {
  border-color: #e05353;
  color: #e05353;
}

.wpeo-button.button-bordered.button-red:hover {
  -webkit-box-shadow: inset 0 -2.6em #e05353;
  box-shadow: inset 0 -2.6em #e05353;
}

.wpeo-button.button-bordered.button-yellow {
  border-color: #e9ad4f;
  color: #e9ad4f;
}

.wpeo-button.button-bordered.button-yellow:hover {
  -webkit-box-shadow: inset 0 -2.6em #e9ad4f;
  box-shadow: inset 0 -2.6em #e9ad4f;
}

.wpeo-button.button-bordered.button-blue {
  border-color: #0d8aff;
  color: #0d8aff;
}

.wpeo-button.button-bordered.button-blue:hover {
  -webkit-box-shadow: inset 0 -2.6em #0d8aff;
  box-shadow: inset 0 -2.6em #0d8aff;
}

.wpeo-button.button-bordered.button-green {
  border-color: #47e58e;
  color: #47e58e;
}

.wpeo-button.button-bordered.button-green:hover {
  -webkit-box-shadow: inset 0 -2.6em #47e58e;
  box-shadow: inset 0 -2.6em #47e58e;
}

.wpeo-button.button-bordered:hover {
  -webkit-box-shadow: inset 0 -2.6em #898de5;
  box-shadow: inset 0 -2.6em #898de5;
  color: #fff;
}

.wpeo-button .button-icon, .wpeo-button span {
  position: relative;
}

.wpeo-button .button-icon ~ span {
  margin-left: 10px;
}

.wpeo-button span ~ .button-icon {
  margin-left: 10px;
}

.wpeo-button.button-strong span {
  font-weight: 800;
}

.wpeo-button.button-uppercase span {
  text-transform: uppercase;
  font-size: 14px;
}

.wpeo-button[class*="button-square-"] {
  text-align: center;
  overflow: hidden;
  padding: 0;
}

.wpeo-button.button-square-30 {
  width: 30px;
  height: 30px;
  line-height: 24px;
}

.wpeo-button.button-square-30 .button-icon {
  font-size: 12px;
}

.wpeo-button.button-square-40 {
  width: 40px;
  height: 40px;
  line-height: 34px;
}

.wpeo-button.button-square-50 {
  width: 50px;
  height: 50px;
  line-height: 44px;
}

.wpeo-button.button-square-60 {
  width: 60px;
  height: 60px;
  line-height: 54px;
}

.wpeo-button.button-float-left {
  float: left;
}

.wpeo-button.button-float-right {
  float: right;
}

.wpeo-button.button-margin {
  margin: 1em 0;
}

.wpeo-button.button-radius-1 {
  border-radius: 2px;
}

.wpeo-button.button-radius-2 {
  border-radius: 4px;
}

.wpeo-button.button-radius-3 {
  border-radius: 6px;
}

.wpeo-button.button-rounded {
  border-radius: 50%;
}

.wpeo-button.button-disable {
  background: #ececec !important;
  border-color: #ececec !important;
  color: rgba(0, 0, 0, 0.4) !important;
  pointer-events: none;
}

.wpeo-button.button-disable:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.wpeo-button.button-disable.button-event {
  pointer-events: all;
}

.wpeo-button.button-size-small {
  font-size: 14px;
}

.wpeo-button.button-size-small.button-uppercase span {
  font-size: 12px;
}

.wpeo-button.button-size-large {
  font-size: 18px;
}

.wpeo-button.button-size-large.button-uppercase span {
  font-size: 16px;
}

/** Progress */
.wpeo-button.button-progress {
  position: relative;
}

.wpeo-button.button-progress::before {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -.125em;
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro';
  font-weight: 900;
  content: '';
  opacity: 0;
  -webkit-transform: translate(-50%, -90%);
  transform: translate(-50%, -90%);
  font-size: 16px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.wpeo-button.button-progress .button-icon, .wpeo-button.button-progress span {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-block;
}

.wpeo-button.button-progress.button-success, .wpeo-button.button-progress.button-load, .wpeo-button.button-progress.button-error {
  pointer-events: none;
}

.wpeo-button.button-progress.button-success::before, .wpeo-button.button-progress.button-load::before, .wpeo-button.button-progress.button-error::before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.wpeo-button.button-progress.button-success .button-icon, .wpeo-button.button-progress.button-success span, .wpeo-button.button-progress.button-load .button-icon, .wpeo-button.button-progress.button-load span, .wpeo-button.button-progress.button-error .button-icon, .wpeo-button.button-progress.button-error span {
  opacity: 0;
  -webkit-transform: translate(0, 40%);
  transform: translate(0, 40%);
}

.wpeo-button.button-progress.button-success {
  background: #47e58e;
  border-color: #47e58e;
  color: #fff;
}

.wpeo-button.button-progress.button-success:before {
  content: "\f00c";
  -webkit-animation-name: progressSuccess;
  animation-name: progressSuccess;
}

.wpeo-button.button-progress.button-error {
  background: #e05353;
  border-color: #e05353;
  color: #fff;
}

.wpeo-button.button-progress.button-error:before {
  content: "\f00d";
  -webkit-animation-name: progressError;
  animation-name: progressError;
}

.wpeo-button.button-progress.button-load {
  background: #ececec;
}

.wpeo-button.button-progress.button-load:before {
  opacity: 1;
  border: 3px solid #fff;
  border-top: 3px solid #898de5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 1s ease-out infinite;
  animation: spin 1s ease-out infinite;
}

@-webkit-keyframes progressSuccess {
  0, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1.4);
    transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1.4);
  }
  40% {
    -webkit-transform: translate(-50%, -50%) scale3d(0.9, 0.9, 0.9);
    transform: translate(-50%, -50%) scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1.2);
    transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1.2);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale3d(0.97, 0.97, 0.97);
    transform: translate(-50%, -50%) scale3d(0.97, 0.97, 0.97);
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
}

@keyframes progressSuccess {
  0, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1.4);
    transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1.4);
  }
  40% {
    -webkit-transform: translate(-50%, -50%) scale3d(0.9, 0.9, 0.9);
    transform: translate(-50%, -50%) scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1.2);
    transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1.2);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale3d(0.97, 0.97, 0.97);
    transform: translate(-50%, -50%) scale3d(0.97, 0.97, 0.97);
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
}

@-webkit-keyframes progressError {
  from {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  15% {
    -webkit-transform: translate(-50%, -50%) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate(-50%, -50%) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate(-50%, -50%) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate(-50%, -50%) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate(-50%, -50%) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate(-50%, -50%) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate(-50%, -50%) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate(-50%, -50%) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate(-50%, -50%) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate(-50%, -50%) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@keyframes progressError {
  from {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  15% {
    -webkit-transform: translate(-50%, -50%) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate(-50%, -50%) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate(-50%, -50%) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate(-50%, -50%) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate(-50%, -50%) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate(-50%, -50%) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate(-50%, -50%) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate(-50%, -50%) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate(-50%, -50%) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate(-50%, -50%) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/*--------------------------------------------------------------
	Module : Loader
	Version : 1.0.0

	.wpeo-loader => classe de base pour le module
	.loader-spin => icone de chargement
--------------------------------------------------------------*/
.wpeo-loader {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  pointer-events: none;
  opacity: 0.5;
  position: relative;
}

.wpeo-loader .loader-spin {
  position: absolute;
  border: 3px solid #a7a7a7;
  border-top: 3px solid #1d2285;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  z-index: 99;
  left: 50%;
  top: 50%;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-animation: loader-spin 1s ease-out infinite;
  animation: loader-spin 1s ease-out infinite;
}

@-webkit-keyframes loader-spin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes loader-spin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/*--------------------------------------------------------------
	Module : Notice
	Version : 1.0.0

	.wpeo-notice -> classe de base du mobule
--------------------------------------------------------------*/
/* General */
.wpeo-notice {
  position: relative;
  font-size: 1em;
  padding: 1em;
  overflow: hidden;
  border-radius: 3px;
  border: solid #eee 1px;
  margin: 1em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wpeo-notice::before {
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -.125em;
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro';
  font-weight: 900;
  font-weight: 900;
  font-size: 24px;
}

.wpeo-notice .notice-content {
  width: 100%;
  padding: 0 1em;
  color: rgba(0, 0, 0, 0.6);
}

.wpeo-notice .notice-title {
  font-size: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
}

.wpeo-notice .notice-subtitle {
  font-size: 14px;
}

.wpeo-notice .notice-close {
  color: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.wpeo-notice .notice-close:hover {
  color: #898de5;
  cursor: pointer;
}

.wpeo-notice ul {
  padding: 0 0 0 1.4em;
  margin: 0.4em 0;
}

/** Status */
/** Info */
.wpeo-notice.notice-info {
  border-left: solid #0d8aff 6px;
  color: #0d8aff;
  background: rgba(13, 138, 255, 0.05);
}

.wpeo-notice.notice-info::before {
  content: "\f05a";
}

.wpeo-notice.notice-info .notice-title, .wpeo-notice.notice-info .notice-subtitle, .wpeo-notice.notice-info a {
  color: #0d8aff;
}

/** Error */
.wpeo-notice.notice-error {
  border-left: solid #e05353 6px;
  color: #e05353;
  background: rgba(224, 83, 83, 0.05);
}

.wpeo-notice.notice-error::before {
  content: "\f057";
}

.wpeo-notice.notice-error .notice-title, .wpeo-notice.notice-error .notice-subtitle, .wpeo-notice.notice-error a {
  color: #e05353;
}

/** Warning */
.wpeo-notice.notice-warning {
  border-left: solid #e9ad4f 6px;
  color: #e9ad4f;
  background: rgba(233, 173, 79, 0.05);
}

.wpeo-notice.notice-warning::before {
  content: "\f071";
}

.wpeo-notice.notice-warning .notice-title, .wpeo-notice.notice-warning .notice-subtitle, .wpeo-notice.notice-warning a {
  color: #e9ad4f;
}

/** Success */
.wpeo-notice.notice-success {
  border-left: solid #47e58e 6px;
  color: #47e58e;
  background: rgba(71, 229, 142, 0.05);
}

.wpeo-notice.notice-success::before {
  content: "\f058";
}

.wpeo-notice.notice-success .notice-title, .wpeo-notice.notice-success .notice-subtitle, .wpeo-notice.notice-success a {
  color: #47e58e;
}

/*--------------------------------------------------------------
	Module : Notification
	Version : 1.0.0

	.wpeo-notification -> classe de base du mobule
	.notification-active -> lance l'apparition de la notification
--------------------------------------------------------------*/
/* General */
.wpeo-notification {
  position: fixed;
  background: rgba(255, 255, 255, 0.6);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 900;
  padding: 1em;
  bottom: 3em;
  right: 1em;
  max-width: 600px;
  -webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  pointer-events: none;
}

.wpeo-notification:hover {
  background: white;
  -webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.wpeo-notification.notification-active {
  -webkit-animation: notification 0.8s ease-out;
  animation: notification 0.8s ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 1;
  pointer-events: all;
}

/* Content */
.wpeo-notification {
  /* Thumbnail */
  /* Icon */
  /* Title */
  /* Close button */
}

.wpeo-notification > * {
  margin: auto 0.2em;
}

.wpeo-notification .notification-thumbnail {
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  margin-right: 0.4em;
}

.wpeo-notification .notification-thumbnail img {
  width: 100%;
  height: auto;
}

.wpeo-notification .notification-icon {
  margin-right: 0.4em;
}

.wpeo-notification .notification-title {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.wpeo-notification .notification-title a {
  color: #898de5;
  text-decoration: none;
}

.wpeo-notification .notification-title a:hover {
  text-decoration: underline;
}

.wpeo-notification .notification-close {
  padding-left: 0.4em;
  color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-left: auto;
}

.wpeo-notification .notification-close:hover {
  color: #898de5;
}

/** Couleur */
.wpeo-notification .notification-icon {
  color: rgba(0, 0, 0, 0.3);
}

.wpeo-notification.notification-green {
  border-left: 4px solid #47e58e;
}

.wpeo-notification.notification-green .notification-icon {
  color: #47e58e;
}

.wpeo-notification.notification-orange {
  border-left: 4px solid #e9ad4f;
}

.wpeo-notification.notification-orange .notification-icon {
  color: #e9ad4f;
}

.wpeo-notification.notification-red {
  border-left: 4px solid #e05353;
}

.wpeo-notification.notification-red .notification-icon {
  color: #e05353;
}

.wpeo-notification.notification-blue {
  border-left: 4px solid #0d8aff;
}

.wpeo-notification.notification-blue .notification-icon {
  color: #0d8aff;
}

@-webkit-keyframes notification {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes notification {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

/*--------------------------------------------------------------
	Module : Modal
	Version : 1.0.0

	.wpeo-modal -> classe de base du mobule
	.modalactive -> lance l'apparition de la modal
	.no-modal-close -> désactive l'icone fermeture
--------------------------------------------------------------*/
.wpeo-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99998;
  background: rgba(39, 42, 53, 0.9);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.wpeo-modal.modal-active {
  opacity: 1;
  pointer-events: auto;
}

.wpeo-modal.modal-active .modal-container {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.wpeo-modal.modal-force-display .modal-close {
  display: none;
}

.wpeo-modal .modal-container {
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 100%;
  max-width: 860px;
  height: 100%;
  max-height: 560px;
  background: #fff;
  padding: 2em;
  margin: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
}

@media (max-width: 480px) {
  .wpeo-modal .modal-container {
    padding: 1em;
  }
}

.wpeo-modal .modal-container .modal-header {
  height: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wpeo-modal .modal-container .modal-content {
  height: 78%;
}

.wpeo-modal .modal-container .modal-footer {
  height: 12%;
}

.wpeo-modal .modal-container .modal-header .modal-title, .wpeo-modal .modal-container .modal-header .modal-close {
  margin: auto 0;
}

.wpeo-modal .modal-container .modal-header .modal-title {
  text-transform: uppercase;
  font-size: 18px;
  white-space: normal;
}

@media (max-width: 770px) {
  .wpeo-modal .modal-container .modal-header .modal-title {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .wpeo-modal .modal-container .modal-header .modal-title {
    font-size: 14px;
  }
}

.wpeo-modal .modal-container .modal-header .modal-close {
  margin-left: auto;
  color: rgba(0, 0, 0, 0.3);
  padding: 4px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.wpeo-modal .modal-container .modal-header .modal-close:hover {
  cursor: pointer;
  color: #898de5;
}

.wpeo-modal .modal-container .modal-content {
  overflow-y: auto;
  font-size: 14px;
}

@media (max-width: 480px) {
  .wpeo-modal .modal-container .modal-content {
    font-size: 12px;
  }
}

.wpeo-modal .modal-container .modal-footer {
  text-align: right;
  padding-top: 1em;
}

.wpeo-modal .modal-container .modal-footer.left {
  text-align: left;
}

.wpeo-modal .modal-container .modal-footer.center {
  text-align: center;
}

/*--------------------------------------------------------------
	Module : Pagination
	Version : 1.0.0

	.wpeo-pagination -> classe de base du mobule
--------------------------------------------------------------*/
.wpeo-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
}

.wpeo-pagination .pagination-element {
  margin: 0;
  list-style-type: none;
  padding: 0 0.2em;
}

.wpeo-pagination .pagination-element a {
  padding: 0.2em 0.8em;
  display: inline-block;
  background: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 4px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
}

.wpeo-pagination .pagination-element a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.wpeo-pagination .pagination-element .pagination-icon {
  font-size: 12px;
}

/* Pagination active */
.wpeo-pagination .pagination-element.pagination-current a {
  background: #898de5;
  color: #fff;
}

.wpeo-pagination .pagination-element.pagination-current a:hover {
  background: #898de5;
}

/* Prev & Next */
.wpeo-pagination .pagination-element.pagination-prev, .wpeo-pagination .pagination-element.pagination-next {
  font-weight: 700;
}

.wpeo-pagination .pagination-element.pagination-prev a, .wpeo-pagination .pagination-element.pagination-next a {
  background: rgba(0, 0, 0, 0.05);
}

.wpeo-pagination .pagination-element.pagination-prev a:hover, .wpeo-pagination .pagination-element.pagination-next a:hover {
  background: rgba(0, 0, 0, 0.15);
}

.wpeo-pagination .pagination-element.pagination-prev .pagination-icon {
  margin-right: 0.4em;
}

.wpeo-pagination .pagination-element.pagination-next .pagination-icon {
  margin-left: 0.4em;
}

/*--------------------------------------------------------------
	Module : Popover
	Version : 1.0.0

	.wpeo-popover -> classe de base du mobule
	.popover-primary -> popover sur fond rouge
	.popover-light -> popover sur fond rouge
	.popover-red -> popover sur fond rouge
--------------------------------------------------------------*/
.wpeo-popover {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 99999;
  white-space: nowrap;
  background: #2b2b2b;
  color: #fff;
  border-radius: 6px;
  font-size: 0.8rem;
  padding: 0 1em;
  height: 2.2em;
  line-height: 2.2em;
}

.wpeo-popover::before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}

.wpeo-popover:focus {
  outline: none;
}

/* Couleurs */
.wpeo-popover.popover-dark {
  background: #2b2b2b;
}

.wpeo-popover.popover-dark.tooltip-top::before {
  border-color: #2b2b2b transparent transparent transparent;
}

.wpeo-popover.popover-dark.tooltip-right::before {
  border-color: transparent #2b2b2b transparent transparent;
}

.wpeo-popover.popover-dark.tooltip-bottom::before {
  border-color: transparent transparent #2b2b2b transparent;
}

.wpeo-popover.popover-dark.tooltip-left::before {
  border-color: transparent transparent transparent #2b2b2b;
}

.wpeo-popover.popover-primary {
  background: #898de5;
}

.wpeo-popover.popover-primary.tooltip-top::before {
  border-color: #898de5 transparent transparent transparent;
}

.wpeo-popover.popover-primary.tooltip-right::before {
  border-color: transparent #898de5 transparent transparent;
}

.wpeo-popover.popover-primary.tooltip-bottom::before {
  border-color: transparent transparent #898de5 transparent;
}

.wpeo-popover.popover-primary.tooltip-left::before {
  border-color: transparent transparent transparent #898de5;
}

.wpeo-popover.popover-light {
  background: #ececec;
  color: rgba(0, 0, 0, 0.6);
}

.wpeo-popover.popover-light.tooltip-top::before {
  border-color: #ececec transparent transparent transparent;
}

.wpeo-popover.popover-light.tooltip-right::before {
  border-color: transparent #ececec transparent transparent;
}

.wpeo-popover.popover-light.tooltip-bottom::before {
  border-color: transparent transparent #ececec transparent;
}

.wpeo-popover.popover-light.tooltip-left::before {
  border-color: transparent transparent transparent #ececec;
}

.wpeo-popover.popover-red {
  background: #e05353;
}

.wpeo-popover.popover-red.tooltip-top::before {
  border-color: #e05353 transparent transparent transparent;
}

.wpeo-popover.popover-red.tooltip-right::before {
  border-color: transparent #e05353 transparent transparent;
}

.wpeo-popover.popover-red.tooltip-bottom::before {
  border-color: transparent transparent #e05353 transparent;
}

.wpeo-popover.popover-red.tooltip-left::before {
  border-color: transparent transparent transparent #e05353;
}

/* Position de la fleche */
.wpeo-popover.popover-top::before {
  border-width: 6px 6px 0 6px;
  border-color: #2b2b2b transparent transparent transparent;
  bottom: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.wpeo-popover.popover-right::before {
  border-width: 6px 6px 6px 0;
  border-color: transparent #2b2b2b transparent transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -6px;
}

.wpeo-popover.popover-bottom::before {
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #2b2b2b transparent;
  top: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.wpeo-popover.popover-left::before {
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #2b2b2b;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -6px;
}

/*--------------------------------------------------------------
	Module : Tab
	Version : 1.0.0

	.wpeo-tab -> classe de base du mobule
--------------------------------------------------------------*/
/* Liste */
.wpeo-tab .tab-list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.wpeo-tab .tab-list .tab-element {
  list-style-type: none;
  padding: 1.6em 2.4em;
  margin: 0;
  text-transform: uppercase;
  font-size: 12px !important;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /* Active */
  /* Disabled */
  /* Icon */
}

.wpeo-tab .tab-list .tab-element::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0px;
  height: 2px;
  background: #898de5;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.wpeo-tab .tab-list .tab-element:hover {
  cursor: pointer;
}

.wpeo-tab .tab-list .tab-element:hover:not(.tab-active) {
  background: rgba(0, 0, 0, 0.2);
}

.wpeo-tab .tab-list .tab-element > a {
  color: rgba(0, 0, 0, 0.6);
}

.wpeo-tab .tab-list .tab-element.tab-active {
  background: #fff;
  color: #898de5;
}

.wpeo-tab .tab-list .tab-element.tab-active > a {
  color: #898de5;
}

.wpeo-tab .tab-list .tab-element.tab-active::before {
  width: 100%;
}

.wpeo-tab .tab-list .tab-element.tab-disabled {
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.wpeo-tab .tab-list .tab-element.tab-disabled > a {
  color: rgba(0, 0, 0, 0.4);
}

.wpeo-tab .tab-list .tab-element .tab-icon {
  display: block;
  text-align: center;
  font-size: 20px;
  margin-bottom: 0.4em;
}

/* Content */
.wpeo-tab .tab-container {
  position: relative;
}

.wpeo-tab .tab-container .tab-content {
  display: block;
  width: 100%;
  padding: 2em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  background: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 10;
}

.wpeo-tab .tab-container .tab-content.tab-active {
  opacity: 1;
  pointer-events: all;
  position: static;
}

/* Dropdown Compatibility */
.wpeo-tab .tab-list .tab-element.wpeo-dropdown {
  padding: 0;
}

.wpeo-tab .tab-list .tab-element.wpeo-dropdown .dropdown-toggle {
  padding: 1.6em 2.4em;
}

/* Liste des effets */
/*--------------------------------------------------------------
	Templates
	Version : 1.0.0

--------------------------------------------------------------*/
/* Vertical */
.wpeo-tab.tab-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.wpeo-tab.tab-vertical .tab-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 180px;
}

.wpeo-tab.tab-vertical .tab-list .tab-element {
  /* Active */
  /* Icon */
}

.wpeo-tab.tab-vertical .tab-list .tab-element::before {
  width: 2px;
  height: 0;
}

.wpeo-tab.tab-vertical .tab-list .tab-element.tab-active {
  color: #898de5;
}

.wpeo-tab.tab-vertical .tab-list .tab-element.tab-active a {
  color: #898de5;
}

.wpeo-tab.tab-vertical .tab-list .tab-element.tab-active::before {
  height: 100%;
}

.wpeo-tab.tab-vertical .tab-list .tab-element .tab-icon {
  display: inline-block;
  margin: 0 0.4em 0 0;
  font-size: 14px;
  text-align: left;
}

.wpeo-tab.tab-vertical .tab-container {
  width: 100%;
}

/*--------------------------------------------------------------
	Effets
	Version : 1.0.0

--------------------------------------------------------------*/
/* FADE VERTICAL */
.wpeo-tab.tab-fade-vertical .tab-container .tab-content {
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-animation: 0.3s linear 0s disappear_tab;
  animation: 0.3s linear 0s disappear_tab;
}

.wpeo-tab.tab-fade-vertical .tab-container .tab-content.tab-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: 0.2s ease-out 0s appear_tab;
  animation: 0.2s ease-out 0s appear_tab;
}

@-webkit-keyframes disappear_tab {
  from {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
}

@keyframes disappear_tab {
  from {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
}

@-webkit-keyframes appear_tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes appear_tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* FADE HORIZONTAL */
.wpeo-tab.tab-fade-horizontal .tab-container .tab-content {
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
  -webkit-animation: 0.4s linear 0s disappear_tab_2;
  animation: 0.4s linear 0s disappear_tab_2;
}

.wpeo-tab.tab-fade-horizontal .tab-container .tab-content.tab-active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: 0.2s ease-out 0s appear_tab_2;
  animation: 0.2s ease-out 0s appear_tab_2;
}

@-webkit-keyframes disappear_tab_2 {
  from {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }
}

@keyframes disappear_tab_2 {
  from {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }
}

@-webkit-keyframes appear_tab_2 {
  from {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes appear_tab_2 {
  from {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/*--------------------------------------------------------------
	Module : Table
	Version : 1.0.0

	.wpeo-table -> classe de base du mobule
--------------------------------------------------------------*/
/*--------------------------------------------------------------
	Table Standard
--------------------------------------------------------------*/
.wpeo-table {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  border-collapse: collapse;
}

.wpeo-table td, .wpeo-table th, .wpeo-table tr {
  text-align: left;
  vertical-align: middle;
}

.wpeo-table th {
  font-weight: 700;
}

.wpeo-table th, .wpeo-table td {
  padding: 0.8em 0.6em;
}

@media (max-width: 770px) {
  .wpeo-table th, .wpeo-table td {
    padding: 0.4em;
  }
}

/* Header, footer */
.wpeo-table > thead, .wpeo-table > tfoot {
  background: #898de5;
  color: #fff;
}

/* Body */
.wpeo-table > tbody tr:nth-child(odd) {
  background: #fff;
}

.wpeo-table > tbody tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}

/* Responsive */
@media (max-width: 480px) {
  .wpeo-table > thead {
    display: none;
  }
  .wpeo-table > tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .wpeo-table > tbody tr:nth-child(even) {
    background: #fff;
  }
  .wpeo-table > tbody tr:last-child {
    border-bottom: 0;
  }
  .wpeo-table > tbody td, .wpeo-table > tbody th {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 0.4em 0.6em;
  }
  .wpeo-table > tbody td:before, .wpeo-table > tbody th:before {
    content: attr(data-title);
    display: inline-block;
    color: #898de5;
    width: 100%;
    max-width: 160px;
  }
}

/*--------------------------------------------------------------
	Table Flex
--------------------------------------------------------------*/
.wpeo-table.table-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
}

/** Ligne */
.wpeo-table.table-flex .table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.wpeo-table.table-flex .table-row:not(.table-header):nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.05);
}

/** Ligne entete */
.wpeo-table.table-flex .table-row.table-header {
  background: #898de5;
}

.wpeo-table.table-flex .table-row.table-header .table-cell {
  font-weight: 700;
  color: #fff;
}

/** Cellule */
.wpeo-table.table-flex .table-cell {
  margin: auto 0;
  width: 100%;
  padding: 0.8em 0.6em;
}

@media (max-width: 770px) {
  .wpeo-table.table-flex .table-cell {
    padding: 0.4em;
  }
}

/** Taille générale des cellules */
.wpeo-table.table-flex.table-1 .table-cell {
  width: 100%;
}

.wpeo-table.table-flex.table-2 .table-cell {
  width: 50%;
}

.wpeo-table.table-flex.table-3 .table-cell {
  width: 33.33333%;
}

.wpeo-table.table-flex.table-4 .table-cell {
  width: 25%;
}

.wpeo-table.table-flex.table-5 .table-cell {
  width: 20%;
}

.wpeo-table.table-flex.table-6 .table-cell {
  width: 16.66667%;
}

.wpeo-table.table-flex.table-7 .table-cell {
  width: 14.28571%;
}

.wpeo-table.table-flex.table-8 .table-cell {
  width: 12.5%;
}

.wpeo-table.table-flex.table-9 .table-cell {
  width: 11.11111%;
}

.wpeo-table.table-flex.table-10 .table-cell {
  width: 10%;
}

/** Taille spécifiques des cellules */
.wpeo-table.table-flex .table-cell.table-25 {
  max-width: 25px;
  min-width: 25px;
}

.wpeo-table.table-flex .table-cell.table-50 {
  max-width: 50px;
  min-width: 50px;
}

.wpeo-table.table-flex .table-cell.table-75 {
  max-width: 75px;
  min-width: 75px;
}

.wpeo-table.table-flex .table-cell.table-100 {
  max-width: 100px;
  min-width: 100px;
}

.wpeo-table.table-flex .table-cell.table-125 {
  max-width: 125px;
  min-width: 125px;
}

.wpeo-table.table-flex .table-cell.table-150 {
  max-width: 150px;
  min-width: 150px;
}

.wpeo-table.table-flex .table-cell.table-175 {
  max-width: 175px;
  min-width: 175px;
}

.wpeo-table.table-flex .table-cell.table-200 {
  max-width: 200px;
  min-width: 200px;
}

.wpeo-table.table-flex .table-cell.table-225 {
  max-width: 225px;
  min-width: 225px;
}

.wpeo-table.table-flex .table-cell.table-250 {
  max-width: 250px;
  min-width: 250px;
}

.wpeo-table.table-flex .table-cell.table-275 {
  max-width: 275px;
  min-width: 275px;
}

.wpeo-table.table-flex .table-cell.table-300 {
  max-width: 300px;
  min-width: 300px;
}

.wpeo-table.table-flex .table-cell.table-325 {
  max-width: 325px;
  min-width: 325px;
}

.wpeo-table.table-flex .table-cell.table-350 {
  max-width: 350px;
  min-width: 350px;
}

.wpeo-table.table-flex .table-cell.table-375 {
  max-width: 375px;
  min-width: 375px;
}

.wpeo-table.table-flex .table-cell.table-400 {
  max-width: 400px;
  min-width: 400px;
}

.wpeo-table.table-flex .table-cell.table-425 {
  max-width: 425px;
  min-width: 425px;
}

.wpeo-table.table-flex .table-cell.table-450 {
  max-width: 450px;
  min-width: 450px;
}

.wpeo-table.table-flex .table-cell.table-475 {
  max-width: 475px;
  min-width: 475px;
}

.wpeo-table.table-flex .table-cell.table-500 {
  max-width: 500px;
  min-width: 500px;
}

.wpeo-table.table-flex .table-cell.table-full {
  width: 100%;
}

/** Différentes classes */
.wpeo-table.table-flex .table-cell.table-end {
  text-align: right;
  margin-left: auto;
}

.wpeo-table.table-flex .table-cell.table-padding-0 {
  padding: 0;
}

/** Responsive mobile */
@media (max-width: 480px) {
  .wpeo-table.table-flex .table-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .wpeo-table.table-flex .table-cell {
    width: 100%;
  }
}

/*--------------------------------------------------------------
	Module : Tooltip
	Version : 1.0.0

	.wpeo-tooltip -> classe de base du mobule
	.tooltip-primary -> tooltip sur fond rouge
	.tooltip-light -> tooltip sur fond rouge
	.tooltip-red -> tooltip sur fond rouge
--------------------------------------------------------------*/
.wpeo-tooltip {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 99999;
  white-space: nowrap;
  background: #2b2b2b;
  color: #fff;
  border-radius: 6px;
  font-size: 0.8rem;
  padding: 0 1em;
  height: 2.2em;
  line-height: 2.2em;
}

.wpeo-tooltip::before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}

.wpeo-tooltip:focus {
  outline: none;
}

/* Couleurs */
.wpeo-tooltip.tooltip-dark {
  background: #2b2b2b;
}

.wpeo-tooltip.tooltip-dark.tooltip-top::before {
  border-color: #2b2b2b transparent transparent transparent;
}

.wpeo-tooltip.tooltip-dark.tooltip-right::before {
  border-color: transparent #2b2b2b transparent transparent;
}

.wpeo-tooltip.tooltip-dark.tooltip-bottom::before {
  border-color: transparent transparent #2b2b2b transparent;
}

.wpeo-tooltip.tooltip-dark.tooltip-left::before {
  border-color: transparent transparent transparent #2b2b2b;
}

.wpeo-tooltip.tooltip-primary {
  background: #898de5;
}

.wpeo-tooltip.tooltip-primary.tooltip-top::before {
  border-color: #898de5 transparent transparent transparent;
}

.wpeo-tooltip.tooltip-primary.tooltip-right::before {
  border-color: transparent #898de5 transparent transparent;
}

.wpeo-tooltip.tooltip-primary.tooltip-bottom::before {
  border-color: transparent transparent #898de5 transparent;
}

.wpeo-tooltip.tooltip-primary.tooltip-left::before {
  border-color: transparent transparent transparent #898de5;
}

.wpeo-tooltip.tooltip-light {
  background: #ececec;
  color: rgba(0, 0, 0, 0.6);
}

.wpeo-tooltip.tooltip-light.tooltip-top::before {
  border-color: #ececec transparent transparent transparent;
}

.wpeo-tooltip.tooltip-light.tooltip-right::before {
  border-color: transparent #ececec transparent transparent;
}

.wpeo-tooltip.tooltip-light.tooltip-bottom::before {
  border-color: transparent transparent #ececec transparent;
}

.wpeo-tooltip.tooltip-light.tooltip-left::before {
  border-color: transparent transparent transparent #ececec;
}

.wpeo-tooltip.tooltip-red {
  background: #e05353;
}

.wpeo-tooltip.tooltip-red.tooltip-top::before {
  border-color: #e05353 transparent transparent transparent;
}

.wpeo-tooltip.tooltip-red.tooltip-right::before {
  border-color: transparent #e05353 transparent transparent;
}

.wpeo-tooltip.tooltip-red.tooltip-bottom::before {
  border-color: transparent transparent #e05353 transparent;
}

.wpeo-tooltip.tooltip-red.tooltip-left::before {
  border-color: transparent transparent transparent #e05353;
}

/* Position de la fleche */
.wpeo-tooltip.tooltip-top::before {
  border-width: 6px 6px 0 6px;
  border-color: #2b2b2b transparent transparent transparent;
  bottom: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.wpeo-tooltip.tooltip-right::before {
  border-width: 6px 6px 6px 0;
  border-color: transparent #2b2b2b transparent transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -6px;
}

.wpeo-tooltip.tooltip-bottom::before {
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #2b2b2b transparent;
  top: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.wpeo-tooltip.tooltip-left::before {
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #2b2b2b;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -6px;
}

/*--------------------------------------------------------------
	Module : Util
	Version : 1.0.0

	Contient toutes les classes utilitaires
	.wpeo-util-hidden -> Masque l'élément
--------------------------------------------------------------*/
.wpeo-util-hidden {
  display: none !important;
}

/*--------------------------------------------------------------
# Tmp Jimmy Module Screen Options
--------------------------------------------------------------*/
.wpeo-screen-options {
  text-align: right;
  width: 100%;
}

.wpeo-screen-options .content {
  width: 99%;
  text-align: left;
  margin-left: 20px;
}

.wpeo-screen-options .content .wpeo-form {
  padding: 20px;
  margin: 0;
  background-color: #3495f0;
  border: 1px solid #ccd0d4;
}

.wpeo-screen-options .content .wpeo-form li {
  width: 20%;
}

.wpeo-modal .xdsoft_datetimepicker {
  z-index: 99999 !important;
}
