/* #PRODUIRE{fond=leguide.css,v=1793365297}
   md5:0eaadbb37c83df8e437a69cf0544f118 */
/* ---------------------------------------------------
  VARIABLES DE COULEURS - Palette de marque
--------------------------------------------------- */
:root {
--rose: #AC388C;
--vert: #3ea381;
--turquoise: #1aa19f;
--bleu-fonce: #444C71;
--beige: #b58d0a;
--rose-doux: #EED7EA;
--gris: #3E3E3E;
--gris-clair: rgba(248, 249, 250, 0.45);
--blanc: #FFFFFF;
--dore: #ac8e49;
--dore-texte: #8b723b;
}

/* ---------------------------------------------------
  STYLES GÉNÉRAUX
--------------------------------------------------- */
.leguide {
background-color:var(--blanc);
color: var(--gris);
line-height: 1.6;
font-family: 'Helvetica Neue', Arial, sans-serif;
}
.leguide h1, .leguide h2, .leguide h3, .leguide h4 {
font-weight: 700;
line-height: 1.2;
}
.leguide h1 { color: var(--bleu-fonce); }
.leguide h2 { color: var(--rose); }
.leguide .h3-vert { color: var(--vert); }
.leguide .h3-rose { color: var(--rose); }
.leguide .h3-turquoise { color: var(--turquoise); }

/* ---------------------------------------------------
  HEADER ET NAVIGATION
--------------------------------------------------- */
.leguide header {
width: 100%;
}

/* ---------------------------------------------------
  SECTION HERO
--------------------------------------------------- */
.leguide .hero-section {
min-height: 100vh;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%);
}

.leguide .hero-section.hero-bg-blob {
	position: absolute;
	top: -50%;
	right: -10%;
	width: 90%;
	height: 120%;
	background-image: url('');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	z-index: 1;
	opacity: 0.7;
	pointer-events: none;
}

.leguide .hero-section .hero-content {
	padding: 4rem 2rem;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	position: relative;
	z-index: 3;
}
.leguide .hero-section .sur-titre {
	color: var(--dore-texte);
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom:
	1.5rem;
	text-transform: uppercase;
}

.leguide .hero-section h1.contenth {
	font-size: 1.8rem; line-height: 1.2; margin-bottom: 1.5rem;
}

.leguide .hero-section .hero-image-container {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 2;
}

/* ---------------------------------------------------
  SECTIONS GÉNÉRIQUES
--------------------------------------------------- */
.leguide .section-padding {
	padding: 6rem 0;
}

.leguide .section-title {
	text-align: center;
	margin-bottom: 3rem;
}

.leguide .section-title h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
position: relative;
display: inline-block;
}

.leguide .section-title h2:after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: var(--turquoise);
border-radius: 2px;
}

/* ---------------------------------------------------
CARTES
--------------------------------------------------- */
.leguide .section-public .card, .leguide .section-stat .card {
background: var(--blanc);
border-radius: 15px;
padding: 2rem;
height: 100%;
transition: all 0.3s ease;
border: 1px solid rgba(0,0,0,0.05);
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.leguide .section-public .card:hover, .leguide .section-stat .card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.leguide .section-public .card-rose, .leguide .section-stat .card-rose {
border-top: 5px solid var(--rose);
}
.leguide .section-public .card-vert, .leguide .section-stat .card-vert {
border-top: 5px solid var(--vert);
}
.leguide .section-public .card-turquoise, .leguide .section-stat .card-turquoise {
border-top: 5px solid var(--turquoise);
}

 /* ---------------------------------------------------
BOUTONS
--------------------------------------------------- */

/* Neutralisation uniquement pour les liens sans classe */
.leguide a:not([class]) {
  color: inherit;
  text-decoration: none;
}

/* Style de base pour les boutons */

.leguide a.spip_in.button-leguide-rectangle,
.leguide .button-leguide-rectangle{
  display: inline-block;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 0.8rem 2rem;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  line-height: 1.2;
  }
  
.leguide a.button-leguide,
.leguide .button-leguide,
.leguide a.button,
.leguide .button {
  display: inline-block;
  border-radius: 50px;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 0.8rem 2rem;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  line-height: 1.2;
}

/* Bouton rose */
.leguide a.button-leguide.rose,
.leguide .button-leguide.rose,
.leguide a.button.rose,
.leguide .button.rose {
  background-color: var(--rose);
  color: var(--blanc);
}

.leguide a.button-leguide.rose:hover,
.leguide .button-leguide.rose:hover,
.leguide a.button.rose:hover,
.leguide .button.rose:hover {
  background-color: #8a2b6f;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(172, 56, 140, 0.3);
}

/* Bouton vert */
.leguide a.button-leguide.vert,
.leguide .button-leguide.vert,
.leguide a.button.vert,
.leguide .button.vert {
  background-color: var(--vert);
  color: var(--blanc);
}

.leguide a.button-leguide.vert:hover,
.leguide .button-leguide.vert:hover,
.leguide a.button.vert:hover,
.leguide .button.vert:hover {
  background-color: #3a9a7a;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(69, 180, 142, 0.3);
}

/* Bouton turquoise */
.leguide a.button-leguide.turquoise,
.leguide .button-leguide.turquoise,
.leguide a.button.turquoise,
.leguide .button.turquoise {
  background-color: var(--turquoise);
  color: var(--blanc);
}

.leguide a.button-leguide.turquoise:hover,
.leguide .button-leguide.turquoise:hover,
.leguide a.button.turquoise:hover,
.leguide .button.turquoise:hover {
  background-color: #158280;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(26, 161, 159, 0.3);
}

/* Bouton doré */
.leguide a.button-leguide.dore,
.leguide .button-leguide.dore,
.leguide a.button.dore,
.leguide .button.dore {
  background-color: var(--dore);
  color: var(--blanc);
  border-radius: 50px;
}
/* Bouton doré rectangle*/
.leguide a.button-leguide-rectangle.dore,
.leguide .button-leguide-rectangle.dore,
.leguide a.button-rectangle.dore,
.leguide .button-rectangle.dore{
  background-color: var(--dore);
  color: var(--blanc);
}

.leguide a.button-leguide.dore:hover,
.leguide .button-leguide.dore:hover,
.leguide a.button-leguide-rectangle.dore:hover,
.leguide .button-leguide-rectangle.dore:hover,
.leguide a.button.dore:hover,
.leguide .button.dore:hover {
  background-color: var(--rose-doux);
  color: var(--bleu-fonce);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(172, 56, 140, 0.3);
}



/* Bouton grande taille */
.leguide a.button-leguide.big,
.leguide .button-leguide.big,
.leguide a.button.big,
.leguide .button.big {
  padding: 1rem 3rem;
  font-size: 1.2rem;
}

/* Bouton expanded (Foundation) */
.leguide a.button-leguide.expanded,
.leguide .button-leguide.expanded,
.leguide a.button.expanded,
.leguide .button.expanded {
  display: block;
  width: 100%;
}

/* Bouton small */
.leguide a.button-leguide.small,
.leguide .button-leguide.small,
.leguide a.button.small,
.leguide .button.small {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
}
/* ---------------------------------------------------
	  VALEURS
--------------------------------------------------- */
.leguide .valeurs-modernes {
background-color: #fdfdfd;
position: relative;
overflow: hidden;
}

.leguide .valeurs-modernes::before {
content: '';
position: absolute;
top: -200px;
right: -100px;
width: 500px;
height: 500px;
background-color: rgba(210, 204, 98, 0.03);
border-radius: 50%;
z-index: 0;
}

/* Titre élégant */
.leguide .section-titre-jaune {
font-size: 3rem;
font-weight: 800;
color: var(--bleu-fonce);
line-height: 1.1;
position: relative;
}

.leguide .titre-avec-cercle {
position: relative;
display: inline-block;
color: #999447;
}

.leguide .titre-avec-cercle::before {
content: '';
position: absolute;
top: -20px;
left: -25px;
width: 100px;
height: 100px;
background-color: rgba(210, 204, 98, 0.08);
border-radius: 50%;
z-index: -1;
animation: pulse-soft 6s infinite ease-in-out;
}

.leguide .sous-titre-italic {
font-style: italic;
font-weight: 300;
color: var(--gris);
display: block;
font-size: 2.2rem;
margin-top: 0.5rem;
}

/* Cartes */
.leguide .carte-valeur {
background: white;
border-radius: 20px;
padding: 2.5rem 2rem;
height: 100%;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
border: 1px solid rgba(0, 0, 0, 0.03);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
overflow: hidden;
z-index: 1;
}

.leguide .carte-valeur:hover {
transform: translateY(-12px);
box-shadow: 0 20px 40px rgba(210, 204, 98, 0.12);
border-color: rgba(210, 204, 98, 0.2);
}

.leguide .carte-valeur::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #d2cc62, rgba(210, 204, 98, 0.3));
transform: scaleX(0);
transform-origin: left;
transition: transform 0.5s ease;
}

.leguide .carte-valeur:hover::after {
transform: scaleX(1);
}

/* Icône avec cercle jaune */
.leguide .carte-icone {
margin-bottom: 1.8rem;
}

.leguide .cercle-jaune {
width: 250px;
height: 250px;
background-color: rgba(210, 204, 98, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
position: relative;
transition: all 0.4s ease;
}

.leguide .carte-valeur:hover .cercle-jaune {
background-color: rgba(210, 204, 98, 0.2);
transform: scale(1.05) rotate(5deg);
}

.leguide .cercle-jaune::before {
content: '';
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
border-radius: 50%;
border: 1px solid rgba(210, 204, 98, 0.3);
animation: rotate 20s linear infinite;
}

/* Titre des cartes */
.leguide .carte-titre {
color: var(--bleu-fonce);
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 1.2rem;
position: relative;
display: inline-block;
}

.leguide .carte-titre::after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
width: 40px;
height: 3px;
background-color: #d2cc62;
transition: width 0.4s ease;
}

.leguide .carte-valeur:hover .carte-titre::after {
width: 60px;
}

/* Description */
.leguide .carte-description {
color: var(--gris);
line-height: 1.7;
margin-bottom: 1.8rem;
font-size: 1.05rem;
}

/* Lien élégant */
.leguide .lien-jaune {
color: #797638;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
transition: all 0.3s ease;
position: relative;
padding-bottom: 3px;
}

.leguide .lien-jaune::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #d2cc62;
transition: width 0.4s ease;
}

.leguide .lien-jaune:hover {
color: var(--bleu-fonce);
}

.leguide .lien-jaune:hover::after {
width: 100%;
}

/* Animations subtiles */
@keyframes pulse-soft {
0%, 100% { 
	transform: scale(1); 
	opacity: 0.08; 
}
50% { 
	transform: scale(1.05); 
	opacity: 0.12; 
}
}

@keyframes rotate {
0% { 
	transform: rotate(0deg); 
}
100% { 
	transform: rotate(360deg); 
}
}

/* Responsive */
@media screen and (max-width: 39.9375em) {
.leguide .section-titre-jaune {
	font-size: 2.2rem;
}

.leguide .sous-titre-italic {
	font-size: 1.8rem;
}

.leguide .titre-avec-cercle::before {
	width: 70px;
	height: 70px;
	top: -15px;
	left: -15px;
}

.leguide .carte-valeur {
	padding: 2rem 1.5rem;
	margin-bottom: 1.5rem;
}

.leguide .cercle-jaune {
	width: 250px;
	height: 250px;
}

.leguide .carte-titre {
	font-size: 1.4rem;
}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.leguide .section-titre-jaune {
	font-size: 2.5rem;
}

.leguide .sous-titre-italic {
	font-size: 2rem;
}

.leguide .cercle-jaune {
	width: 250px;
	height: 250px;
}
}
/* ---------------------------------------------------
STATISTIQUES 
--------------------------------------------------- */
.leguide .section-stat .stat h1 {
color: var(--bleu-fonce);
}
.leguide .stat-number {
font-size: 3.5rem;
font-weight: 800;
color: var(--bleu-fonce);
line-height: 1;
margin-bottom: 0.5rem;
}

.leguide .section-stat .stat-label {
font-size: 1.1rem;
color: var(--gris);
font-weight: 500;
display: block;
margin-bottom: 0.5rem;
}

/* Badges ronds pour les réseaux sociaux */
.leguide .section-stat .badge-reseau {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
margin: 0 auto 1rem;
font-weight: bold;
font-size: 1.2rem;
color: white;
transition: transform 0.3s ease;
}

.leguide .section-stat .badge-reseau:hover {
transform: scale(1.05);
}

/* Texte en gris léger pour les notes */
.leguide .section-stat .text-muted {
color: rgba(62, 62, 62, 0.7);
font-size: 0.9rem;
display: block;
margin-top: 0.3rem;
}

.leguide .section-stat .stat-number {
  font-size: 3.5rem;
  font-weight: 800;
  color: var(--bleu-fonce);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.leguide .section-stat .stat-label {
  font-size: 1.1rem;
  color: var(--gris);
  font-weight: 500;
  display: block;
  margin-bottom: 0.5rem;
}

/* Badges ronds pour les réseaux sociaux */
.leguide .section-stat .badge-reseau {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  margin: 0 auto 1rem;
  font-weight: bold;
  font-size: 1.2rem;
  color: white;
  transition: transform 0.3s ease;
}

.leguide .section-stat .badge-reseau:hover {
  transform: scale(1.05);
}

/* Texte en gris léger pour les notes */
.leguide .section-stat .text-muted {
  color: rgba(62, 62, 62, 0.7);
  font-size: 0.9rem;
  display: block;
  margin-top: 0.3rem;
}

/* STYLES POUR LES CARTES STATS */
.leguide .card-stats-meta,
.leguide .card-stats-resos {
  border-radius: 8px;
  padding: 2rem 1.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--blanc);
}

.leguide .card-stats-meta {
  background-color: var(--rose-doux);
}

.leguide .card-stats-resos {
  background-color: var(--turquoise);
}

/* Styles pour le contenu des cartes */
.leguide .card-stats-meta h3,
.leguide .card-stats-meta .stat-number,
.leguide .card-stats-meta .stat-label {
  color: var(--dore-texte);
}

.leguide .card-stats-resos h3,
.leguide .card-stats-resos .stat-number,
.leguide .card-stats-resos .stat-label {
  color: var(--blanc);
  font-size: 1.2rem;
  font-weight: 700;
}

.leguide .card-stats-meta .text-muted,
.leguide .card-stats-resos .text-muted {
  color: var(--gris-clair);
}

/* Effet de hover sur les cartes */
.leguide .card-stats-meta:hover,
.leguide .card-stats-resos:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}

/* Responsive pour les statistiques */
@media screen and (max-width: 39.9375em) {
  .leguide .stat-number {
    font-size: 2.5rem;
  }

  .leguide .stat-label {
    font-size: 1rem;
  }

  .leguide .badge-reseau {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1rem;
  }

  .leguide .card-stats-meta,
  .leguide .card-stats-resos {
    padding: 1.5rem 1rem;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .leguide .stat-number {
    font-size: 3rem;
  }

  .leguide .card-stats-meta,
  .leguide .card-stats-resos {
    padding: 1.75rem 1.25rem;
  }
}

/* ---------------------------------------------------
  TEMOIGNAGES
--------------------------------------------------- */
.leguide .section-temoignages h2{ 
color: var(--dore); 
}

/* ---------------------------------------------------
  PUBLIC CIBLE
--------------------------------------------------- */
.leguide .section-public h2{ 
color: var(--dore); 
}
.leguide .section-public h1{ 
color: var(--bleu-fonce); 
}
.leguide .section-public .section-title h1 {
	margin-bottom: 1rem;
	position: relative;
	display: inline-block;
  }

.leguide .section-public .section-title h1:after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: var(--bleu-fonce);
border-radius: 2px;
}
  
/* ---------------------------------------------------
  ABONNEMENTS
--------------------------------------------------- */
  
.leguide .section-abo {
background-color: var(--blanc);
}
.leguide p.tarif{
font-size: 1.8rem; 
font-weight: 700; 
color: var(--bleu-fonce); 
margin-bottom: 0.5rem;
}
.leguide p.note {
font-size: 0.9rem;
color: var(--gris);
margin-top: 1rem;
}
.leguide section-abo .info {
background-image: url('');
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
	}
.leguide .prevision {
 color: var(--rose);
 padding: 1.5rem;
 }

/* ---------------------------------------------------
  NEWSLETTER
--------------------------------------------------- */
.leguide .section-news {
background-color: var(--gris-clair);
background-image: url('https://www.crealouest.fr/plugins-asso/crealouest/images/leguide/blob_gros_vert.svg');
background-repeat: no-repeat;
background-position: left center;
background-size: 35%;
}

.leguide .section-news h2{
color: var(--blanc);

}
.leguide .section-news .degrade {
background: linear-gradient(135deg, var(--rose) 0%, var(--turquoise) 100%);
border-radius: 20px;
padding: 3rem;
color: var(--blanc);
box-shadow: 0 20px 40px rgba(172, 56, 140, 0.2);
}

.leguide .section-news input.radius{
width: 100%;
padding: 1rem 1.5rem;
border-radius: 50px;
border: 2px solid rgba(255,255,255,0.3);
background-color: rgba(255,255,255,0.1);
color: var(--blanc); font-size: 1rem;
}

.leguide .section-news .button {
background-color: var(--blanc);
color: var(--rose);
}

/* ---------------------------------------------------
  UTILITAIRES D'ESPACEMENT
--------------------------------------------------- */
.leguide .margin-vertical-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.leguide .mb-1 { margin-bottom: 1rem; }
.leguide .mb-2 { margin-bottom: 2rem; }
.leguide .mb-3 { margin-bottom: 3rem; }
.leguide .mb-4 { margin-bottom: 4rem; }

/* ---------------------------------------------------
  RESPONSIVE
--------------------------------------------------- */
@media screen and (max-width: 39.9375em) {
.leguide .section-padding {
padding: 3rem 0;
}
.leguide .section-title h2 {
font-size: 1.8rem;
}
.leguide .hero-content {
padding: 2rem 1rem;
}
.leguide .card {
padding: 1.5rem;
}
.leguide .main-nav .menu {
text-align: center;
}
.leguide .main-nav .menu li {
display: block;
margin-bottom: 0.5rem;
}
.leguide .hero-bg-blob {
width: 80%;
right: -20%;
opacity: 0.6;
}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.leguide .section-title h2 {
font-size: 2rem;
}
}

/* ---------------------------------------------------
  ANIMATIONS
--------------------------------------------------- */
.leguide .fade-in {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.leguide .fade-in.visible {
opacity: 1;
transform: translateY(0);
}

/* ---------------------------------------------------
  GRILLE XY (Foundation 6), classes utilisées seulement
--------------------------------------------------- */
.grid-container {
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 75rem;
margin-left: auto;
margin-right: auto; }
@media print, screen and (min-width: 40em) {
.grid-container {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }
}
.grid-x {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
	  flex-flow: row wrap; }
.cell {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
	  flex: 0 0 auto;
min-height: 0;
min-width: 0;
width: 100%; }
.grid-x > .small-2,
.grid-x > .small-10,
.grid-x > .small-12 {
-webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
	  flex-basis: auto; }
@media print, screen and (min-width: 40em) {
.grid-x > .medium-2,
.grid-x > .medium-4,
.grid-x > .medium-5,
.grid-x > .medium-6,
.grid-x > .medium-7,
.grid-x > .medium-8,
.grid-x > .medium-10,
.grid-x > .medium-12 {
-webkit-flex-basis: auto;
	-ms-flex-preferred-size: auto;
		flex-basis: auto; }
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-3,
.grid-x > .large-4,
.grid-x > .large-6,
.grid-x > .large-8 {
-webkit-flex-basis: auto;
	-ms-flex-preferred-size: auto;
		flex-basis: auto; }
}
.grid-x > .small-2,
.grid-x > .small-10,
.grid-x > .small-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
	  flex: 0 0 auto; }
.grid-x > .small-2 {
width: 16.66667%; }
.grid-x > .small-10 {
width: 83.33333%; }
.grid-x > .small-12 {
width: 100%; }
@media print, screen and (min-width: 40em) {
.grid-x > .medium-2,
.grid-x > .medium-4,
.grid-x > .medium-5,
.grid-x > .medium-6,
.grid-x > .medium-7,
.grid-x > .medium-8,
.grid-x > .medium-10,
.grid-x > .medium-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
		flex: 0 0 auto; }
.grid-x > .medium-2 {
width: 16.66667%; }
.grid-x > .medium-4 {
width: 33.33333%; }
.grid-x > .medium-5 {
width: 41.66667%; }
.grid-x > .medium-6 {
width: 50%; }
.grid-x > .medium-7 {
width: 58.33333%; }
.grid-x > .medium-8 {
width: 66.66667%; }
.grid-x > .medium-10 {
width: 83.33333%; }
.grid-x > .medium-12 {
width: 100%; }
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-3,
.grid-x > .large-4,
.grid-x > .large-6,
.grid-x > .large-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
		flex: 0 0 auto; }
.grid-x > .large-3 {
width: 25%; }
.grid-x > .large-4 {
width: 33.33333%; }
.grid-x > .large-6 {
width: 50%; }
.grid-x > .large-8 {
width: 66.66667%; }
}
.grid-margin-x:not(.grid-x) > .cell {
width: auto; }
.grid-margin-x {
margin-left: -0.625rem;
margin-right: -0.625rem; }
@media print, screen and (min-width: 40em) {
.grid-margin-x {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
}
.grid-margin-x > .cell {
width: calc(100% - 1.25rem);
margin-left: 0.625rem;
margin-right: 0.625rem; }
@media print, screen and (min-width: 40em) {
.grid-margin-x > .cell {
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem; }
}
.grid-margin-x > .small-2 {
width: calc(16.66667% - 1.25rem); }
.grid-margin-x > .small-10 {
width: calc(83.33333% - 1.25rem); }
.grid-margin-x > .small-12 {
width: calc(100% - 1.25rem); }
@media print, screen and (min-width: 40em) {
.grid-margin-x > .small-2 {
  width: calc(16.66667% - 1.875rem); }
.grid-margin-x > .small-10 {
  width: calc(83.33333% - 1.875rem); }
.grid-margin-x > .small-12 {
  width: calc(100% - 1.875rem); }
.grid-margin-x > .medium-2 {
  width: calc(16.66667% - 1.875rem); }
.grid-margin-x > .medium-4 {
  width: calc(33.33333% - 1.875rem); }
.grid-margin-x > .medium-5 {
  width: calc(41.66667% - 1.875rem); }
.grid-margin-x > .medium-6 {
  width: calc(50% - 1.875rem); }
.grid-margin-x > .medium-7 {
  width: calc(58.33333% - 1.875rem); }
.grid-margin-x > .medium-8 {
  width: calc(66.66667% - 1.875rem); }
.grid-margin-x > .medium-10 {
  width: calc(83.33333% - 1.875rem); }
.grid-margin-x > .medium-12 {
  width: calc(100% - 1.875rem); }
}
@media print, screen and (min-width: 64em) {
.grid-margin-x > .large-3 {
  width: calc(25% - 1.875rem); }
.grid-margin-x > .large-4 {
  width: calc(33.33333% - 1.875rem); }
.grid-margin-x > .large-6 {
  width: calc(50% - 1.875rem); }
.grid-margin-x > .large-8 {
  width: calc(66.66667% - 1.875rem); }
}
.small-up-1 > .cell {
width: 100%; }
.small-up-2 > .cell {
width: 50%; }
.small-up-3 > .cell {
width: 33.33333%; }
@media print, screen and (min-width: 40em) {
.medium-up-3 > .cell {
width: 33.33333%; }
.medium-up-4 > .cell {
width: 25%; }
}
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.25rem); }
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.25rem); }
.grid-margin-x.small-up-3 > .cell {
width: calc(33.33333% - 1.25rem); }
@media print, screen and (min-width: 40em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.875rem); }
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.875rem); }
.grid-margin-x.small-up-3 > .cell {
width: calc(33.33333% - 1.875rem); }
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.33333% - 1.875rem); }
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 1.875rem); }
}
.grid-margin-y {
margin-top: -0.625rem;
margin-bottom: -0.625rem; }
@media print, screen and (min-width: 40em) {
.grid-margin-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
}
.grid-margin-y > .cell {
height: calc(100% - 1.25rem);
margin-top: 0.625rem;
margin-bottom: 0.625rem; }
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
  height: calc(100% - 1.875rem);
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem; }
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.25rem); }
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.25rem); }
.grid-margin-y > .small-12 {
height: calc(100% - 1.25rem); }
@media print, screen and (min-width: 40em) {
.grid-margin-y > .small-2 {
  height: calc(16.66667% - 1.875rem); }
.grid-margin-y > .small-10 {
  height: calc(83.33333% - 1.875rem); }
.grid-margin-y > .small-12 {
  height: calc(100% - 1.875rem); }
.grid-margin-y > .medium-2 {
  height: calc(16.66667% - 1.875rem); }
.grid-margin-y > .medium-4 {
  height: calc(33.33333% - 1.875rem); }
.grid-margin-y > .medium-5 {
  height: calc(41.66667% - 1.875rem); }
.grid-margin-y > .medium-6 {
  height: calc(50% - 1.875rem); }
.grid-margin-y > .medium-7 {
  height: calc(58.33333% - 1.875rem); }
.grid-margin-y > .medium-8 {
  height: calc(66.66667% - 1.875rem); }
.grid-margin-y > .medium-10 {
  height: calc(83.33333% - 1.875rem); }
.grid-margin-y > .medium-12 {
  height: calc(100% - 1.875rem); }
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .large-3 {
  height: calc(25% - 1.875rem); }
.grid-margin-y > .large-4 {
  height: calc(33.33333% - 1.875rem); }
.grid-margin-y > .large-6 {
  height: calc(50% - 1.875rem); }
.grid-margin-y > .large-8 {
  height: calc(66.66667% - 1.875rem); }
}
.grid-margin-y {
margin-top: -0.625rem;
margin-bottom: -0.625rem; }
@media print, screen and (min-width: 40em) {
.grid-margin-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
}
.grid-margin-y > .cell {
height: calc(100% - 1.25rem);
margin-top: 0.625rem;
margin-bottom: 0.625rem; }
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
  height: calc(100% - 1.875rem);
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem; }
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.25rem); }
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.25rem); }
.grid-margin-y > .small-12 {
height: calc(100% - 1.25rem); }
@media print, screen and (min-width: 40em) {
.grid-margin-y > .small-2 {
  height: calc(16.66667% - 1.875rem); }
.grid-margin-y > .small-10 {
  height: calc(83.33333% - 1.875rem); }
.grid-margin-y > .small-12 {
  height: calc(100% - 1.875rem); }
.grid-margin-y > .medium-2 {
  height: calc(16.66667% - 1.875rem); }
.grid-margin-y > .medium-4 {
  height: calc(33.33333% - 1.875rem); }
.grid-margin-y > .medium-5 {
  height: calc(41.66667% - 1.875rem); }
.grid-margin-y > .medium-6 {
  height: calc(50% - 1.875rem); }
.grid-margin-y > .medium-7 {
  height: calc(58.33333% - 1.875rem); }
.grid-margin-y > .medium-8 {
  height: calc(66.66667% - 1.875rem); }
.grid-margin-y > .medium-10 {
  height: calc(83.33333% - 1.875rem); }
.grid-margin-y > .medium-12 {
  height: calc(100% - 1.875rem); }
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .large-3 {
  height: calc(25% - 1.875rem); }
.grid-margin-y > .large-4 {
  height: calc(33.33333% - 1.875rem); }
.grid-margin-y > .large-6 {
  height: calc(50% - 1.875rem); }
.grid-margin-y > .large-8 {
  height: calc(66.66667% - 1.875rem); }
}
.align-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
  -ms-flex-pack: center;
	  justify-content: center; }
.align-spaced {
-webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
	  justify-content: space-around; }
.align-center.vertical.menu > li > a {
-webkit-box-pack: center;
-webkit-justify-content: center;
  -ms-flex-pack: center;
	  justify-content: center; }
.align-self-bottom {
-webkit-align-self: flex-end;
  -ms-flex-item-align: end;
	  align-self: flex-end; }
.align-middle {
-webkit-box-align: center;
-webkit-align-items: center;
  -ms-flex-align: center;
	  align-items: center; }
.align-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
  -ms-flex-align: stretch;
	  align-items: stretch; }
@media print, screen and (min-width: 40em) {
.medium-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
	-ms-flex-order: 1;
		order: 1; }
.medium-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
	-ms-flex-order: 2;
		order: 2; }
}