@charset "UTF-8";
/*! JTTPLv5.0 CAPTAIN | HELPERS.SCSS:CSS  | (c)jalis 2016 all rights reserved */
/*
* BASE
*/
/* Détermine la couleur à utiliser selon la couleur de fond / contenu */
/*
* TRANSITIONS ET ANIMATIONS
*/
/*
* RESPONSIVE
* ------------------
* ex. @include respond-to(large) OU @include respond-to(640px)
* respond-from permet de constuire en mobile first
*/
/*====== RECHERCHES =======*/
/* AJOUTS EJ5 */
/* CRATION DE FLECHES / TRIANGLES */
/* ZOOM DU DIAPORAMMA */
/* SYSTEME DE RATIOS POUR LA HAUTEUR */
/* systeme de ratio hauteur css */
/* FICHIER DE CONFIGURATION DU PROJET */
/*pour touch : ../img/interface/ */
/*parametres de la nav */
/* 
/!\ TAILLES DES BLOCS - utilisé pour créer des helpers et définir la taille du centrage
!! RIEN A VOIR AVEC LE RESPONSIVE !!
attention à ne pas trop rajouter de tailles, les helpers étant générés en fonctions
---
*/
/* 
/!\ TAILLES DE RESPONSIVE - TOUS LES NOMS DES HELPERS SE CREENT A PARTIE DE CE TABLEAU - ATTENTION
xxs 		: ('taille' : 320px, 'helper':false)
---
nom qui sera appliqué aux helpers et qui sera utilisé pour appeler cette taille dans le responsive
			   ----------------
			   taille en pixels pour le responsive
								 --------------
								 indique si le scss crée des helpers avec cette taille, 
								 ou si c'est juste pour être utilisé dans le responsive
								 
								 -- Activation pour les helpers : Mettre le nom de la taille dans le paramètre helper 
*/
/***** HELPERS *****/
/* MIXIN SPECIAL POUR LES TAILLES
génère les classes qui commencent par small- ; normal- etc...
*/
/* CSS DE BASE DES HELPERS
les helpers sont generes a partir de ce mixin.
rajouter ses elements ici au besoin
la variable $respKey correspond au suffixe -s ; -xs ; -l etc...
-> ne pas l'oublier
*/
.z-index-1, .zi-1 {
  z-index: 1; }

.z-index-2, .zi-2 {
  z-index: 2; }

.z-index-3, .zi-3 {
  z-index: 3; }

.z-index-4, .zi-4 {
  z-index: 4; }

.z-index-10, .zi-10 {
  z-index: 10; }

.z-index-100, .zi-100 {
  z-index: 100; }

.z-index-1000, .zi-1000 {
  z-index: 1000; }

.bg-blanc {
  background-color: white; }

.bg-blanc-o {
  background-color: rgba(255, 255, 255, 0.9); }

.bg-noir {
  background-color: black; }

.bg-noir-o {
  background-color: rgba(0, 0, 0, 0.9); }

.bg-compl {
  background-color: #f6f6f6; }

.bg-compl-o {
  background-color: rgba(246, 246, 246, 0.9); }

.bg-compl2 {
  background-color: #717171; }

.bg-compl2-o {
  background-color: rgba(113, 113, 113, 0.9); }

.bg-ton {
  background-color: #900; }

.bg-ton-o {
  background-color: rgba(153, 0, 0, 0.9); }

.bg-ton2 {
  background-color: #333; }

.bg-ton3 {
  background-color: #f00; }

.bg-alert {
  background-color: #ff3333; }

.bg-transparent {
  background-color: transparent; }

.bg-fond {
  background-color: #fff; }

.bg-fond-invert {
  background-color: black; }

.bg-cover {
  background-size: cover; }

.bg-contain {
  background-size: contain !important; }
  .bg-contain img {
    object-fit: contain; }

.bg-top {
  background-position: top center; }
  .bg-top > img {
    background-position: top center; }
  .bg-top.no-js {
    object-position: top center; }
    .bg-top.no-js > img {
      object-position: top center; }

@media only screen and (min-width: 1000px) {
  .bg-fixed {
    background-attachment: fixed; }
    .bg-fixed > .slide {
      background-attachment: fixed; } }

.text-uppercase {
  text-transform: uppercase; }

.text-lowercase {
  text-transform: lowercase; }

.text-decoration-underline {
  text-decoration: underline; }

.text-decoration-line-through {
  text-decoration: line-through; }

.text-decoration-none {
  text-decoration: none; }

.text-stroke {
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.5);
  text-stroke: 1px rgba(0, 0, 0, 0.5);
  color: transparent !important; }
  .text-color-blanc .text-stroke, .text-stroke.text-color-blanc {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.9);
    text-stroke: 1px rgba(255, 255, 255, 0.9); }

.text-color-blanc, .text-blanc {
  color: white; }

.text-color-blanc-all, .text-blanc-all {
  color: white !important; }
  .text-color-blanc-all a, .text-color-blanc-all a:visited, .text-color-blanc-all h2, .text-color-blanc-all h3, .text-color-blanc-all h4, .text-color-blanc-all h5, .text-color-blanc-all *, .text-blanc-all a, .text-blanc-all a:visited, .text-blanc-all h2, .text-blanc-all h3, .text-blanc-all h4, .text-blanc-all h5, .text-blanc-all * {
    color: white !important; }

.text-color-noir, .text-noir {
  color: black; }

.text-color-noir-all, .text-noir-all {
  color: black; }
  .text-color-noir-all a, .text-color-noir-all a:visited, .text-color-noir-all h2, .text-color-noir-all h3, .text-color-noir-all h4, .text-color-noir-all h5, .text-color-noir-all *, .text-noir-all a, .text-noir-all a:visited, .text-noir-all h2, .text-noir-all h3, .text-noir-all h4, .text-noir-all h5, .text-noir-all * {
    color: black; }

.text-color-txt, .text-txt {
  color: black; }

.text-color-txt-all, .text-txt-all {
  color: black; }
  .text-color-txt-all a, .text-color-txt-all a:visited, .text-color-txt-all h2, .text-color-txt-all h3, .text-color-txt-all h4, .text-color-txt-all h5, .text-txt-all a, .text-txt-all a:visited, .text-txt-all h2, .text-txt-all h3, .text-txt-all h4, .text-txt-all h5 {
    color: black; }

.text-color-ton, .text-ton {
  color: #900; }

.text-color-ton-all, .text-ton-all {
  color: #900; }
  .text-color-ton-all a, .text-color-ton-all a:visited, .text-color-ton-all h2, .text-color-ton-all h3, .text-color-ton-all h4, .text-color-ton-all h5, .text-color-ton-all *, .text-ton-all a, .text-ton-all a:visited, .text-ton-all h2, .text-ton-all h3, .text-ton-all h4, .text-ton-all h5, .text-ton-all * {
    color: #900; }

.text-color-ton2, .text-ton2 {
  color: #333; }

.text-color-ton2-all, .text-ton2-all {
  color: #333; }
  .text-color-ton2-all a, .text-color-ton2-all a:visited, .text-color-ton2-all h2, .text-color-ton2-all h3, .text-color-ton2-all h4, .text-color-ton2-all h5, .text-color-ton2-all *, .text-ton2-all a, .text-ton2-all a:visited, .text-ton2-all h2, .text-ton2-all h3, .text-ton2-all h4, .text-ton2-all h5, .text-ton2-all * {
    color: #333; }

.text-color-ton3, .text-ton3 {
  color: #f00; }

.text-color-ton3-all, .text-ton3-all {
  color: #f00; }
  .text-color-ton3-all a, .text-color-ton3-all a:visited, .text-color-ton3-all h2, .text-color-ton3-all h3, .text-color-ton3-all h4, .text-color-ton3-all h5, .text-color-ton3-all *, .text-ton3-all a, .text-ton3-all a:visited, .text-ton3-all h2, .text-ton3-all h3, .text-ton3-all h4, .text-ton3-all h5, .text-ton3-all * {
    color: #f00; }

.text-color-compl, .text-compl {
  color: #f6f6f6; }

.text-color-compl-all, .text-compl-all {
  color: #f6f6f6; }
  .text-color-compl-all a, .text-color-compl-all a:visited, .text-color-compl-all h2, .text-color-compl-all h3, .text-color-compl-all h4, .text-color-compl-all h5, .text-color-compl-all *, .text-compl-all a, .text-compl-all a:visited, .text-compl-all h2, .text-compl-all h3, .text-compl-all h4, .text-compl-all h5, .text-compl-all * {
    color: #f6f6f6; }

.text-color-compl2, .text-compl2 {
  color: #717171; }

.text-color-compl2-all, .text-compl2-all {
  color: #717171; }
  .text-color-compl2-all a, .text-color-compl2-all a:visited, .text-color-compl2-all h2, .text-color-compl2-all h3, .text-color-compl2-all h4, .text-color-compl2-all h5, .text-color-compl2-all *, .text-compl2-all a, .text-compl2-all a:visited, .text-compl2-all h2, .text-compl2-all h3, .text-compl2-all h4, .text-compl2-all h5, .text-compl2-all * {
    color: #717171; }

.text-color-invert, .text-invert {
  color: black; }

.text-color-invert-all, .text-invert-all {
  color: black; }
  .text-color-invert-all a, .text-color-invert-all a:visited, .text-color-invert-all h2, .text-color-invert-all h3, .text-color-invert-all h4, .text-color-invert-all h5, .text-invert-all a, .text-invert-all a:visited, .text-invert-all h2, .text-invert-all h3, .text-invert-all h4, .text-invert-all h5 {
    color: black; }

.text-color-alert, .text-alert {
  color: #ff3333; }

.text-color-alert-all, .text-alert-all {
  color: #ff3333; }
  .text-color-alert-all a, .text-color-alert-all a:visited, .text-color-alert-all h2, .text-color-alert-all h3, .text-color-alert-all h4, .text-color-alert-all h5, .text-color-alert-all *, .text-alert-all a, .text-alert-all a:visited, .text-alert-all h2, .text-alert-all h3, .text-alert-all h4, .text-alert-all h5, .text-alert-all * {
    color: #ff3333; }

.text-color-valid, .text-valid {
  color: #40bf40; }

.text-color-valid-all, .text-valid-all {
  color: #40bf40; }
  .text-color-valid-all a, .text-color-valid-all a:visited, .text-color-valid-all h2, .text-color-valid-all h3, .text-color-valid-all h4, .text-color-valid-all h5, .text-color-valid-all *, .text-valid-all a, .text-valid-all a:visited, .text-valid-all h2, .text-valid-all h3, .text-valid-all h4, .text-valid-all h5, .text-valid-all * {
    color: #40bf40; }

.float-none {
  position: relative;
  display: block;
  float: none; }

.float-left {
  position: relative;
  display: block;
  float: left; }

.float-right {
  position: relative;
  display: block;
  float: right; }

.object-fit-contain {
  object-fit: contain !important; }

.object-fit-cover {
  object-fit: cover !important; }

.position-relative {
  position: relative; }

.position-initial {
  position: initial !important; }

.top-0 {
  top: 0; }

.top-auto {
  top: auto; }

.top-100 {
  top: 100%; }

.top-gap {
  top: 20px; }

.top-gapxs {
  top: 5px; }

.top-gaps {
  top: 10px; }

.top-gapl {
  top: 40px; }

.top-gapxl {
  top: 80px; }

.top-gutter {
  top: 13.33333px; }

.left-0 {
  left: 0; }

.left-auto {
  left: auto; }

.left-100 {
  left: 100%; }

.left-gap {
  left: 20px; }

.left-gapxs {
  left: 5px; }

.left-gaps {
  left: 10px; }

.left-gapl {
  left: 40px; }

.left-gapxl {
  left: 80px; }

.left-gutter {
  left: 13.33333px; }

.bottom-0 {
  bottom: 0; }

.bottom-auto {
  bottom: auto; }

.bottom-100 {
  bottom: 100%; }

.bottom-gap {
  bottom: 20px; }

.bottom-gapxs {
  bottom: 5px; }

.bottom-gaps {
  bottom: 10px; }

.bottom-gapl {
  bottom: 40px; }

.bottom-gapxl {
  bottom: 80px; }

.bottom-gutter {
  bottom: 13.33333px; }

.right-0 {
  right: 0; }

.right-auto {
  right: auto; }

.right-100 {
  right: 100%; }

.right-gap {
  right: 20px; }

.right-gapxs {
  right: 5px; }

.right-gaps {
  right: 10px; }

.right-gapl {
  right: 40px; }

.right-gapxl {
  right: 80px; }

.right-gutter {
  right: 13.33333px; }

.base-center-x {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.base-center-y {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.base-center-both {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%); }

.opa8 {
  opacity: .8; }

.opa5 {
  opacity: .5; }

.opa2 {
  opacity: .2; }

.no-wrap {
  white-space: nowrap !important; }

@media only screen and (min-width: 640px) {
  .ombre {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 30px -10px, inset -1px 1px 1px rgba(246, 246, 246, 0.03);
    transition: all 280ms 0ms ease-in-out; }
    .ombre:hover {
      box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px -10px;
      transition: all 280ms 0ms ease-in-out; } }

@media only screen and (min-width: 640px) {
  .ombre2 {
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    transition: all 280ms 0ms ease-in-out; } }

*[class*="bloc"].bloc--centre {
  max-width: 1400px;
  width: calc(100% - 54px);
  margin: 0 auto; }
  @media only screen and (max-width: 640px) and (min-width: 0px) {
    *[class*="bloc"].bloc--centre {
      width: calc(100% - 30px); } }

*[class*="bloc"].bloc--centre2 {
  max-width: 1150px;
  margin: 0 auto; }

*[class*="bloc"].bloc--centre3 {
  max-width: 850px;
  margin: 0 auto; }

*[class*="bloc"].bloc--centre4 {
  max-width: 750px;
  margin: 0 auto; }

*[class*="bloc"].bloc--centre5 {
  max-width: 600px;
  margin: 0 auto; }

*[class*="bloc"].bloc--centre6 {
  max-width: 450px;
  margin: 0 auto; }

*[class*="bloc"].bloc--centre7 {
  max-width: 350px;
  margin: 0 auto; }

.radius {
  border-radius: 50% !important; }

.grey {
  filter: grayscale(100%);
  transition: all 280ms 0ms ease-in-out; }
  .grey:hover, .ann:hover .grey, .encart:hover .grey {
    filter: grayscale(0%); }

.invert {
  filter: invert(100%); }

.cnt_loaded {
  opacity: 0;
  transition: all 0.6s 0ms ease-in-out; }
  .loaded .cnt_loaded {
    opacity: 1; }

.white-space-initial {
  white-space: initial !important; }

.break-word {
  word-break: break-word; }

/* GENERATION DES HELPERS SELON LES LARGEURS DE LA CONF
Tout le css est genere ici, selon les tailles configurees ($resp)
*/
.onepixel-margin {
  margin: 1px; }

.onepixel-margin-top {
  margin-top: 1px; }

.onepixel-margin-top-children > * ~ * {
  margin-top: 1px; }

.onepixel-margin-bottom {
  margin-bottom: 1px; }

.onepixel-margin-bottom-children > * {
  margin-bottom: 1px; }

.onepixel-margin-left {
  margin-left: 1px; }

.onepixel-margin-left-children > * ~ * {
  margin-left: 1px; }

.onepixel-margin-right {
  margin-right: 1px; }

.onepixel-margin-right-children > * {
  margin-right: 1px; }
  .onepixel-margin-right-children > *:last-of-type {
    margin-right: 0; }

.onepixel-margin-x {
  margin-left: 1px;
  margin-right: 1px; }

.onepixel-margin-y {
  margin-top: 1px;
  margin-bottom: 1px; }

.onepixel-padding {
  padding: 1px; }

.onepixel-padding-top {
  padding-top: 1px; }

.onepixel-padding-bottom {
  padding-bottom: 1px; }

.onepixel-padding-left {
  padding-left: 1px; }

.onepixel-padding-right {
  padding-right: 1px; }

.onepixel-padding-x {
  padding-left: 1px;
  padding-right: 1px; }

.onepixel-padding-y {
  padding-top: 1px;
  padding-bottom: 1px; }

.onepixel-gap {
  gap: 1px; }

.onepixel-gap-top {
  gap-top: 1px; }

.onepixel-gap-bottom {
  gap-bottom: 1px; }

.onepixel-gap-left {
  gap-left: 1px; }

.onepixel-gap-right {
  gap-right: 1px; }

.onepixel-gap-x {
  gap-left: 1px;
  gap-right: 1px; }

.onepixel-gap-y {
  gap-top: 1px;
  gap-bottom: 1px; }

.verysmall-margin {
  margin: 5px; }

.verysmall-margin-top {
  margin-top: 5px; }

.verysmall-margin-top-children > * ~ * {
  margin-top: 5px; }

.verysmall-margin-bottom {
  margin-bottom: 5px; }

.verysmall-margin-bottom-children > * {
  margin-bottom: 5px; }

.verysmall-margin-left {
  margin-left: 5px; }

.verysmall-margin-left-children > * ~ * {
  margin-left: 5px; }

.verysmall-margin-right {
  margin-right: 5px; }

.verysmall-margin-right-children > * {
  margin-right: 5px; }
  .verysmall-margin-right-children > *:last-of-type {
    margin-right: 0; }

.verysmall-margin-x {
  margin-left: 5px;
  margin-right: 5px; }

.verysmall-margin-y {
  margin-top: 5px;
  margin-bottom: 5px; }

.verysmall-padding {
  padding: 5px; }

.verysmall-padding-top {
  padding-top: 5px; }

.verysmall-padding-bottom {
  padding-bottom: 5px; }

.verysmall-padding-left {
  padding-left: 5px; }

.verysmall-padding-right {
  padding-right: 5px; }

.verysmall-padding-x {
  padding-left: 5px;
  padding-right: 5px; }

.verysmall-padding-y {
  padding-top: 5px;
  padding-bottom: 5px; }

.verysmall-gap {
  gap: 5px; }

.verysmall-gap-top {
  gap-top: 5px; }

.verysmall-gap-bottom {
  gap-bottom: 5px; }

.verysmall-gap-left {
  gap-left: 5px; }

.verysmall-gap-right {
  gap-right: 5px; }

.verysmall-gap-x {
  gap-left: 5px;
  gap-right: 5px; }

.verysmall-gap-y {
  gap-top: 5px;
  gap-bottom: 5px; }

.small-margin {
  margin: 10px; }

.small-margin-top {
  margin-top: 10px; }

.small-margin-top-children > * ~ * {
  margin-top: 10px; }

.small-margin-bottom {
  margin-bottom: 10px; }

.small-margin-bottom-children > * {
  margin-bottom: 10px; }

.small-margin-left {
  margin-left: 10px; }

.small-margin-left-children > * ~ * {
  margin-left: 10px; }

.small-margin-right {
  margin-right: 10px; }

.small-margin-right-children > * {
  margin-right: 10px; }
  .small-margin-right-children > *:last-of-type {
    margin-right: 0; }

.small-margin-x {
  margin-left: 10px;
  margin-right: 10px; }

.small-margin-y {
  margin-top: 10px;
  margin-bottom: 10px; }

.small-padding {
  padding: 10px; }

.small-padding-top {
  padding-top: 10px; }

.small-padding-bottom {
  padding-bottom: 10px; }

.small-padding-left {
  padding-left: 10px; }

.small-padding-right {
  padding-right: 10px; }

.small-padding-x {
  padding-left: 10px;
  padding-right: 10px; }

.small-padding-y {
  padding-top: 10px;
  padding-bottom: 10px; }

.small-gap {
  gap: 10px; }

.small-gap-top {
  gap-top: 10px; }

.small-gap-bottom {
  gap-bottom: 10px; }

.small-gap-left {
  gap-left: 10px; }

.small-gap-right {
  gap-right: 10px; }

.small-gap-x {
  gap-left: 10px;
  gap-right: 10px; }

.small-gap-y {
  gap-top: 10px;
  gap-bottom: 10px; }

.normal-margin {
  margin: 20px; }

.normal-margin-top {
  margin-top: 20px; }

.normal-margin-top-children > * ~ * {
  margin-top: 20px; }

.normal-margin-bottom {
  margin-bottom: 20px; }

.normal-margin-bottom-children > * {
  margin-bottom: 20px; }

.normal-margin-left {
  margin-left: 20px; }

.normal-margin-left-children > * ~ * {
  margin-left: 20px; }

.normal-margin-right {
  margin-right: 20px; }

.normal-margin-right-children > * {
  margin-right: 20px; }
  .normal-margin-right-children > *:last-of-type {
    margin-right: 0; }

.normal-margin-x {
  margin-left: 20px;
  margin-right: 20px; }

.normal-margin-y {
  margin-top: 20px;
  margin-bottom: 20px; }

.normal-padding {
  padding: 20px; }

.normal-padding-top {
  padding-top: 20px; }

.normal-padding-bottom {
  padding-bottom: 20px; }

.normal-padding-left {
  padding-left: 20px; }

.normal-padding-right {
  padding-right: 20px; }

.normal-padding-x {
  padding-left: 20px;
  padding-right: 20px; }

.normal-padding-y {
  padding-top: 20px;
  padding-bottom: 20px; }

.normal-gap {
  gap: 20px; }

.normal-gap-top {
  gap-top: 20px; }

.normal-gap-bottom {
  gap-bottom: 20px; }

.normal-gap-left {
  gap-left: 20px; }

.normal-gap-right {
  gap-right: 20px; }

.normal-gap-x {
  gap-left: 20px;
  gap-right: 20px; }

.normal-gap-y {
  gap-top: 20px;
  gap-bottom: 20px; }

.big-margin {
  margin: 40px; }

.big-margin-top {
  margin-top: 40px; }

.big-margin-top-children > * ~ * {
  margin-top: 40px; }

.big-margin-bottom {
  margin-bottom: 40px; }

.big-margin-bottom-children > * {
  margin-bottom: 40px; }

.big-margin-left {
  margin-left: 40px; }

.big-margin-left-children > * ~ * {
  margin-left: 40px; }

.big-margin-right {
  margin-right: 40px; }

.big-margin-right-children > * {
  margin-right: 40px; }
  .big-margin-right-children > *:last-of-type {
    margin-right: 0; }

.big-margin-x {
  margin-left: 40px;
  margin-right: 40px; }

.big-margin-y {
  margin-top: 40px;
  margin-bottom: 40px; }

.big-padding {
  padding: 40px; }

.big-padding-top {
  padding-top: 40px; }

.big-padding-bottom {
  padding-bottom: 40px; }

.big-padding-left {
  padding-left: 40px; }

.big-padding-right {
  padding-right: 40px; }

.big-padding-x {
  padding-left: 40px;
  padding-right: 40px; }

.big-padding-y {
  padding-top: 40px;
  padding-bottom: 40px; }

.big-gap {
  gap: 40px; }

.big-gap-top {
  gap-top: 40px; }

.big-gap-bottom {
  gap-bottom: 40px; }

.big-gap-left {
  gap-left: 40px; }

.big-gap-right {
  gap-right: 40px; }

.big-gap-x {
  gap-left: 40px;
  gap-right: 40px; }

.big-gap-y {
  gap-top: 40px;
  gap-bottom: 40px; }

.verybig-margin {
  margin: 80px; }

.verybig-margin-top {
  margin-top: 80px; }

.verybig-margin-top-children > * ~ * {
  margin-top: 80px; }

.verybig-margin-bottom {
  margin-bottom: 80px; }

.verybig-margin-bottom-children > * {
  margin-bottom: 80px; }

.verybig-margin-left {
  margin-left: 80px; }

.verybig-margin-left-children > * ~ * {
  margin-left: 80px; }

.verybig-margin-right {
  margin-right: 80px; }

.verybig-margin-right-children > * {
  margin-right: 80px; }
  .verybig-margin-right-children > *:last-of-type {
    margin-right: 0; }

.verybig-margin-x {
  margin-left: 80px;
  margin-right: 80px; }

.verybig-margin-y {
  margin-top: 80px;
  margin-bottom: 80px; }

.verybig-padding {
  padding: 80px; }

.verybig-padding-top {
  padding-top: 80px; }

.verybig-padding-bottom {
  padding-bottom: 80px; }

.verybig-padding-left {
  padding-left: 80px; }

.verybig-padding-right {
  padding-right: 80px; }

.verybig-padding-x {
  padding-left: 80px;
  padding-right: 80px; }

.verybig-padding-y {
  padding-top: 80px;
  padding-bottom: 80px; }

.verybig-gap {
  gap: 80px; }

.verybig-gap-top {
  gap-top: 80px; }

.verybig-gap-bottom {
  gap-bottom: 80px; }

.verybig-gap-left {
  gap-left: 80px; }

.verybig-gap-right {
  gap-right: 80px; }

.verybig-gap-x {
  gap-left: 80px;
  gap-right: 80px; }

.verybig-gap-y {
  gap-top: 80px;
  gap-bottom: 80px; }

.section-margin {
  margin: 120px; }

.section-margin-top {
  margin-top: 120px; }

.section-margin-top-children > * ~ * {
  margin-top: 120px; }

.section-margin-bottom {
  margin-bottom: 120px; }

.section-margin-bottom-children > * {
  margin-bottom: 120px; }

.section-margin-left {
  margin-left: 120px; }

.section-margin-left-children > * ~ * {
  margin-left: 120px; }

.section-margin-right {
  margin-right: 120px; }

.section-margin-right-children > * {
  margin-right: 120px; }
  .section-margin-right-children > *:last-of-type {
    margin-right: 0; }

.section-margin-x {
  margin-left: 120px;
  margin-right: 120px; }

.section-margin-y {
  margin-top: 120px;
  margin-bottom: 120px; }

.section-padding {
  padding: 120px; }

.section-padding-top {
  padding-top: 120px; }

.section-padding-bottom {
  padding-bottom: 120px; }

.section-padding-left {
  padding-left: 120px; }

.section-padding-right {
  padding-right: 120px; }

.section-padding-x {
  padding-left: 120px;
  padding-right: 120px; }

.section-padding-y {
  padding-top: 120px;
  padding-bottom: 120px; }

.section-gap {
  gap: 120px; }

.section-gap-top {
  gap-top: 120px; }

.section-gap-bottom {
  gap-bottom: 120px; }

.section-gap-left {
  gap-left: 120px; }

.section-gap-right {
  gap-right: 120px; }

.section-gap-x {
  gap-left: 120px;
  gap-right: 120px; }

.section-gap-y {
  gap-top: 120px;
  gap-bottom: 120px; }

.extrem-margin {
  margin: 160px; }

.extrem-margin-top {
  margin-top: 160px; }

.extrem-margin-top-children > * ~ * {
  margin-top: 160px; }

.extrem-margin-bottom {
  margin-bottom: 160px; }

.extrem-margin-bottom-children > * {
  margin-bottom: 160px; }

.extrem-margin-left {
  margin-left: 160px; }

.extrem-margin-left-children > * ~ * {
  margin-left: 160px; }

.extrem-margin-right {
  margin-right: 160px; }

.extrem-margin-right-children > * {
  margin-right: 160px; }
  .extrem-margin-right-children > *:last-of-type {
    margin-right: 0; }

.extrem-margin-x {
  margin-left: 160px;
  margin-right: 160px; }

.extrem-margin-y {
  margin-top: 160px;
  margin-bottom: 160px; }

.extrem-padding {
  padding: 160px; }

.extrem-padding-top {
  padding-top: 160px; }

.extrem-padding-bottom {
  padding-bottom: 160px; }

.extrem-padding-left {
  padding-left: 160px; }

.extrem-padding-right {
  padding-right: 160px; }

.extrem-padding-x {
  padding-left: 160px;
  padding-right: 160px; }

.extrem-padding-y {
  padding-top: 160px;
  padding-bottom: 160px; }

.extrem-gap {
  gap: 160px; }

.extrem-gap-top {
  gap-top: 160px; }

.extrem-gap-bottom {
  gap-bottom: 160px; }

.extrem-gap-left {
  gap-left: 160px; }

.extrem-gap-right {
  gap-right: 160px; }

.extrem-gap-x {
  gap-left: 160px;
  gap-right: 160px; }

.extrem-gap-y {
  gap-top: 160px;
  gap-bottom: 160px; }

.gutter-margin {
  margin: 13.33333px; }

.gutter-margin-top {
  margin-top: 13.33333px; }

.gutter-margin-top-children > * ~ * {
  margin-top: 13.33333px; }

.gutter-margin-bottom {
  margin-bottom: 13.33333px; }

.gutter-margin-bottom-children > * {
  margin-bottom: 13.33333px; }

.gutter-margin-left {
  margin-left: 13.33333px; }

.gutter-margin-left-children > * ~ * {
  margin-left: 13.33333px; }

.gutter-margin-right {
  margin-right: 13.33333px; }

.gutter-margin-right-children > * {
  margin-right: 13.33333px; }
  .gutter-margin-right-children > *:last-of-type {
    margin-right: 0; }

.gutter-margin-x {
  margin-left: 13.33333px;
  margin-right: 13.33333px; }

.gutter-margin-y {
  margin-top: 13.33333px;
  margin-bottom: 13.33333px; }

.gutter-padding {
  padding: 13.33333px; }

.gutter-padding-top {
  padding-top: 13.33333px; }

.gutter-padding-bottom {
  padding-bottom: 13.33333px; }

.gutter-padding-left {
  padding-left: 13.33333px; }

.gutter-padding-right {
  padding-right: 13.33333px; }

.gutter-padding-x {
  padding-left: 13.33333px;
  padding-right: 13.33333px; }

.gutter-padding-y {
  padding-top: 13.33333px;
  padding-bottom: 13.33333px; }

.gutter-gap {
  gap: 13.33333px; }

.gutter-gap-top {
  gap-top: 13.33333px; }

.gutter-gap-bottom {
  gap-bottom: 13.33333px; }

.gutter-gap-left {
  gap-left: 13.33333px; }

.gutter-gap-right {
  gap-right: 13.33333px; }

.gutter-gap-x {
  gap-left: 13.33333px;
  gap-right: 13.33333px; }

.gutter-gap-y {
  gap-top: 13.33333px;
  gap-bottom: 13.33333px; }

.no-margin {
  margin: 0; }

.no-margin-top {
  margin-top: 0; }

.no-margin-top-children > * ~ * {
  margin-top: 0; }

.no-margin-bottom {
  margin-bottom: 0; }

.no-margin-bottom-children > * {
  margin-bottom: 0; }

.no-margin-left {
  margin-left: 0; }

.no-margin-left-children > * ~ * {
  margin-left: 0; }

.no-margin-right {
  margin-right: 0; }

.no-margin-right-children > * {
  margin-right: 0; }
  .no-margin-right-children > *:last-of-type {
    margin-right: 0; }

.no-margin-x {
  margin-left: 0;
  margin-right: 0; }

.no-margin-y {
  margin-top: 0;
  margin-bottom: 0; }

.no-padding {
  padding: 0; }

.no-padding-top {
  padding-top: 0; }

.no-padding-bottom {
  padding-bottom: 0; }

.no-padding-left {
  padding-left: 0; }

.no-padding-right {
  padding-right: 0; }

.no-padding-x {
  padding-left: 0;
  padding-right: 0; }

.no-padding-y {
  padding-top: 0;
  padding-bottom: 0; }

.no-gap {
  gap: 0; }

.no-gap-top {
  gap-top: 0; }

.no-gap-bottom {
  gap-bottom: 0; }

.no-gap-left {
  gap-left: 0; }

.no-gap-right {
  gap-right: 0; }

.no-gap-x {
  gap-left: 0;
  gap-right: 0; }

.no-gap-y {
  gap-top: 0;
  gap-bottom: 0; }

.no-border {
  border: none; }

.no-background {
  background: none; }

.no-box-shadow {
  box-shadow: none; }

.no-uppercase {
  text-transform: inherit; }

.no-ratio:before {
  padding-top: 0; }

.margin-auto {
  margin-left: auto;
  margin-right: auto; }
  .margin-auto-left {
    margin-left: auto; }
  .margin-auto-right {
    margin-right: auto; }

.font-weight-thin {
  font-weight: 100; }

.font-weight-light {
  font-weight: 300; }

.font-weight-normal {
  font-weight: 400; }

.font-weight-medium {
  font-weight: 600; }

.font-weight-bold {
  font-weight: 700; }

.font-style-italic {
  font-style: italic; }

.font-style-normal {
  font-style: normal; }

.font-style-oblique {
  font-style: oblique; }

.font-size-small {
  font-size: 12px; }

.font-size-normal {
  font-size: 1em; }

.font-size-medium {
  font-size: 1.25em; }

.font-size-big {
  font-size: 2em; }
  @media only screen and (max-width: 800px) and (min-width: 0px) {
    .font-size-big {
      font-size: 1.5em; } }

.font-size-title {
  font-size: 4em; }
  @media only screen and (max-width: 800px) and (min-width: 0px) {
    .font-size-title {
      font-size: 2em; } }

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

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

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

.text-align-justify {
  text-align: justify;
  text-align-last: left; }

.width-auto {
  width: auto; }

.width-100 {
  width: 100%; }

.width-80 {
  width: 80%; }
  *[class*="onepixel-margin"] > .width-80 {
    width: calc( 80% - 1px); }
  *[class*="verysmall-margin"] > .width-80 {
    width: calc( 80% - 5px); }
  *[class*="small-margin"] > .width-80 {
    width: calc( 80% - 10px); }
  *[class*="normal-margin"] > .width-80 {
    width: calc( 80% - 20px); }
  *[class*="big-margin"] > .width-80 {
    width: calc( 80% - 40px); }
  *[class*="verybig-margin"] > .width-80 {
    width: calc( 80% - 80px); }
  *[class*="section-margin"] > .width-80 {
    width: calc( 80% - 120px); }
  *[class*="extrem-margin"] > .width-80 {
    width: calc( 80% - 160px); }
  *[class*="gutter-margin"] > .width-80 {
    width: calc( 80% - 13.33333px); }

.width-75 {
  width: 75%; }
  *[class*="onepixel-margin"] > .width-75 {
    width: calc( 75% - 1px); }
  *[class*="verysmall-margin"] > .width-75 {
    width: calc( 75% - 5px); }
  *[class*="small-margin"] > .width-75 {
    width: calc( 75% - 10px); }
  *[class*="normal-margin"] > .width-75 {
    width: calc( 75% - 20px); }
  *[class*="big-margin"] > .width-75 {
    width: calc( 75% - 40px); }
  *[class*="verybig-margin"] > .width-75 {
    width: calc( 75% - 80px); }
  *[class*="section-margin"] > .width-75 {
    width: calc( 75% - 120px); }
  *[class*="extrem-margin"] > .width-75 {
    width: calc( 75% - 160px); }
  *[class*="gutter-margin"] > .width-75 {
    width: calc( 75% - 13.33333px); }

.width-66 {
  width: 66.666667%; }
  *[class*="onepixel-margin"] > .width-66 {
    width: calc( 66.666667% - 1px); }
  *[class*="verysmall-margin"] > .width-66 {
    width: calc( 66.666667% - 5px); }
  *[class*="small-margin"] > .width-66 {
    width: calc( 66.666667% - 10px); }
  *[class*="normal-margin"] > .width-66 {
    width: calc( 66.666667% - 20px); }
  *[class*="big-margin"] > .width-66 {
    width: calc( 66.666667% - 40px); }
  *[class*="verybig-margin"] > .width-66 {
    width: calc( 66.666667% - 80px); }
  *[class*="section-margin"] > .width-66 {
    width: calc( 66.666667% - 120px); }
  *[class*="extrem-margin"] > .width-66 {
    width: calc( 66.666667% - 160px); }
  *[class*="gutter-margin"] > .width-66 {
    width: calc( 66.666667% - 13.33333px); }

.width-60 {
  width: 60%; }
  *[class*="onepixel-margin"] > .width-60 {
    width: calc( 60% - 1px); }
  *[class*="verysmall-margin"] > .width-60 {
    width: calc( 60% - 5px); }
  *[class*="small-margin"] > .width-60 {
    width: calc( 60% - 10px); }
  *[class*="normal-margin"] > .width-60 {
    width: calc( 60% - 20px); }
  *[class*="big-margin"] > .width-60 {
    width: calc( 60% - 40px); }
  *[class*="verybig-margin"] > .width-60 {
    width: calc( 60% - 80px); }
  *[class*="section-margin"] > .width-60 {
    width: calc( 60% - 120px); }
  *[class*="extrem-margin"] > .width-60 {
    width: calc( 60% - 160px); }
  *[class*="gutter-margin"] > .width-60 {
    width: calc( 60% - 13.33333px); }

.width-50 {
  width: 50%; }
  *[class*="onepixel-margin"] > .width-50 {
    width: calc( 50% - 1px); }
  *[class*="verysmall-margin"] > .width-50 {
    width: calc( 50% - 5px); }
  *[class*="small-margin"] > .width-50 {
    width: calc( 50% - 10px); }
  *[class*="normal-margin"] > .width-50 {
    width: calc( 50% - 20px); }
  *[class*="big-margin"] > .width-50 {
    width: calc( 50% - 40px); }
  *[class*="verybig-margin"] > .width-50 {
    width: calc( 50% - 80px); }
  *[class*="section-margin"] > .width-50 {
    width: calc( 50% - 120px); }
  *[class*="extrem-margin"] > .width-50 {
    width: calc( 50% - 160px); }
  *[class*="gutter-margin"] > .width-50 {
    width: calc( 50% - 13.33333px); }

.width-40 {
  width: 40%; }
  *[class*="onepixel-margin"] > .width-40 {
    width: calc( 40% - 1px); }
  *[class*="verysmall-margin"] > .width-40 {
    width: calc( 40% - 5px); }
  *[class*="small-margin"] > .width-40 {
    width: calc( 40% - 10px); }
  *[class*="normal-margin"] > .width-40 {
    width: calc( 40% - 20px); }
  *[class*="big-margin"] > .width-40 {
    width: calc( 40% - 40px); }
  *[class*="verybig-margin"] > .width-40 {
    width: calc( 40% - 80px); }
  *[class*="section-margin"] > .width-40 {
    width: calc( 40% - 120px); }
  *[class*="extrem-margin"] > .width-40 {
    width: calc( 40% - 160px); }
  *[class*="gutter-margin"] > .width-40 {
    width: calc( 40% - 13.33333px); }

.width-33 {
  width: 33.333333%; }
  *[class*="onepixel-margin"] > .width-33 {
    width: calc( 33.333333% - 1px); }
  *[class*="verysmall-margin"] > .width-33 {
    width: calc( 33.333333% - 5px); }
  *[class*="small-margin"] > .width-33 {
    width: calc( 33.333333% - 10px); }
  *[class*="normal-margin"] > .width-33 {
    width: calc( 33.333333% - 20px); }
  *[class*="big-margin"] > .width-33 {
    width: calc( 33.333333% - 40px); }
  *[class*="verybig-margin"] > .width-33 {
    width: calc( 33.333333% - 80px); }
  *[class*="section-margin"] > .width-33 {
    width: calc( 33.333333% - 120px); }
  *[class*="extrem-margin"] > .width-33 {
    width: calc( 33.333333% - 160px); }
  *[class*="gutter-margin"] > .width-33 {
    width: calc( 33.333333% - 13.33333px); }

.width-25 {
  width: 25%; }
  *[class*="onepixel-margin"] > .width-25 {
    width: calc( 25% - 1px); }
  *[class*="verysmall-margin"] > .width-25 {
    width: calc( 25% - 5px); }
  *[class*="small-margin"] > .width-25 {
    width: calc( 25% - 10px); }
  *[class*="normal-margin"] > .width-25 {
    width: calc( 25% - 20px); }
  *[class*="big-margin"] > .width-25 {
    width: calc( 25% - 40px); }
  *[class*="verybig-margin"] > .width-25 {
    width: calc( 25% - 80px); }
  *[class*="section-margin"] > .width-25 {
    width: calc( 25% - 120px); }
  *[class*="extrem-margin"] > .width-25 {
    width: calc( 25% - 160px); }
  *[class*="gutter-margin"] > .width-25 {
    width: calc( 25% - 13.33333px); }

.width-20 {
  width: 20%; }
  *[class*="onepixel-margin"] > .width-20 {
    width: calc( 20% - 1px); }
  *[class*="verysmall-margin"] > .width-20 {
    width: calc( 20% - 5px); }
  *[class*="small-margin"] > .width-20 {
    width: calc( 20% - 10px); }
  *[class*="normal-margin"] > .width-20 {
    width: calc( 20% - 20px); }
  *[class*="big-margin"] > .width-20 {
    width: calc( 20% - 40px); }
  *[class*="verybig-margin"] > .width-20 {
    width: calc( 20% - 80px); }
  *[class*="section-margin"] > .width-20 {
    width: calc( 20% - 120px); }
  *[class*="extrem-margin"] > .width-20 {
    width: calc( 20% - 160px); }
  *[class*="gutter-margin"] > .width-20 {
    width: calc( 20% - 13.33333px); }

.width-10 {
  width: 10%; }
  *[class*="onepixel-margin"] > .width-10 {
    width: calc( 10% - 1px); }
  *[class*="verysmall-margin"] > .width-10 {
    width: calc( 10% - 5px); }
  *[class*="small-margin"] > .width-10 {
    width: calc( 10% - 10px); }
  *[class*="normal-margin"] > .width-10 {
    width: calc( 10% - 20px); }
  *[class*="big-margin"] > .width-10 {
    width: calc( 10% - 40px); }
  *[class*="verybig-margin"] > .width-10 {
    width: calc( 10% - 80px); }
  *[class*="section-margin"] > .width-10 {
    width: calc( 10% - 120px); }
  *[class*="extrem-margin"] > .width-10 {
    width: calc( 10% - 160px); }
  *[class*="gutter-margin"] > .width-10 {
    width: calc( 10% - 13.33333px); }

.width-0 {
  width: 0%; }

.width-large {
  max-width: 1025px; }

.width-small {
  max-width: 640px; }

.width .max-w-1400 {
  max-width: 1400px; }

.height-120 {
  height: 120%; }

.height-100 {
  height: 100%; }

.height-80 {
  height: 80%; }

.height-75 {
  height: 75%; }

.height-66 {
  height: 66.666667%; }

.height-60 {
  height: 60%; }

.height-50 {
  height: 50%; }

.height-40 {
  height: 40%; }

.height-33 {
  height: 33.333333%; }

.height-25 {
  height: 25%; }

.height-20 {
  height: 20%; }

.height-20vh {
  min-height: 20%;
  min-height: 20vh; }

.height-25vh {
  min-height: 25%;
  min-height: 25vh; }

.height-40vh {
  min-height: 40%;
  min-height: 40vh; }

.height-50vh {
  min-height: 50%;
  min-height: 50vh; }

.height-65vh {
  min-height: 65%;
  min-height: 65vh; }

.height-75vh {
  min-height: 75%;
  min-height: 75vh; }

.height-80vh {
  min-height: 80%;
  min-height: 80vh; }

.height-100vh {
  min-height: 100%;
  min-height: 100vh !important; }

.max-width-100 {
  max-width: 100%; }

.max-width-80 {
  max-width: 80%; }
  *[class*="onepixel-margin"] > .max-width-80 {
    max-width: calc( 80% - 1px); }
  *[class*="verysmall-margin"] > .max-width-80 {
    max-width: calc( 80% - 5px); }
  *[class*="small-margin"] > .max-width-80 {
    max-width: calc( 80% - 10px); }
  *[class*="normal-margin"] > .max-width-80 {
    max-width: calc( 80% - 20px); }
  *[class*="big-margin"] > .max-width-80 {
    max-width: calc( 80% - 40px); }
  *[class*="verybig-margin"] > .max-width-80 {
    max-width: calc( 80% - 80px); }
  *[class*="section-margin"] > .max-width-80 {
    max-width: calc( 80% - 120px); }
  *[class*="extrem-margin"] > .max-width-80 {
    max-width: calc( 80% - 160px); }
  *[class*="gutter-margin"] > .max-width-80 {
    max-width: calc( 80% - 13.33333px); }

.max-width-75 {
  max-width: 75%; }
  *[class*="onepixel-margin"] > .max-width-75 {
    max-width: calc( 75% - 1px); }
  *[class*="verysmall-margin"] > .max-width-75 {
    max-width: calc( 75% - 5px); }
  *[class*="small-margin"] > .max-width-75 {
    max-width: calc( 75% - 10px); }
  *[class*="normal-margin"] > .max-width-75 {
    max-width: calc( 75% - 20px); }
  *[class*="big-margin"] > .max-width-75 {
    max-width: calc( 75% - 40px); }
  *[class*="verybig-margin"] > .max-width-75 {
    max-width: calc( 75% - 80px); }
  *[class*="section-margin"] > .max-width-75 {
    max-width: calc( 75% - 120px); }
  *[class*="extrem-margin"] > .max-width-75 {
    max-width: calc( 75% - 160px); }
  *[class*="gutter-margin"] > .max-width-75 {
    max-width: calc( 75% - 13.33333px); }

.max-width-66 {
  max-width: 66.666667%; }
  *[class*="onepixel-margin"] > .max-width-66 {
    max-width: calc( 66.666667% - 1px); }
  *[class*="verysmall-margin"] > .max-width-66 {
    max-width: calc( 66.666667% - 5px); }
  *[class*="small-margin"] > .max-width-66 {
    max-width: calc( 66.666667% - 10px); }
  *[class*="normal-margin"] > .max-width-66 {
    max-width: calc( 66.666667% - 20px); }
  *[class*="big-margin"] > .max-width-66 {
    max-width: calc( 66.666667% - 40px); }
  *[class*="verybig-margin"] > .max-width-66 {
    max-width: calc( 66.666667% - 80px); }
  *[class*="section-margin"] > .max-width-66 {
    max-width: calc( 66.666667% - 120px); }
  *[class*="extrem-margin"] > .max-width-66 {
    max-width: calc( 66.666667% - 160px); }
  *[class*="gutter-margin"] > .max-width-66 {
    max-width: calc( 66.666667% - 13.33333px); }

.max-width-60 {
  max-width: 60%; }
  *[class*="onepixel-margin"] > .max-width-60 {
    max-width: calc( 60% - 1px); }
  *[class*="verysmall-margin"] > .max-width-60 {
    max-width: calc( 60% - 5px); }
  *[class*="small-margin"] > .max-width-60 {
    max-width: calc( 60% - 10px); }
  *[class*="normal-margin"] > .max-width-60 {
    max-width: calc( 60% - 20px); }
  *[class*="big-margin"] > .max-width-60 {
    max-width: calc( 60% - 40px); }
  *[class*="verybig-margin"] > .max-width-60 {
    max-width: calc( 60% - 80px); }
  *[class*="section-margin"] > .max-width-60 {
    max-width: calc( 60% - 120px); }
  *[class*="extrem-margin"] > .max-width-60 {
    max-width: calc( 60% - 160px); }
  *[class*="gutter-margin"] > .max-width-60 {
    max-width: calc( 60% - 13.33333px); }

.max-width-50 {
  max-width: 50%; }
  *[class*="onepixel-margin"] > .max-width-50 {
    max-width: calc( 50% - 1px); }
  *[class*="verysmall-margin"] > .max-width-50 {
    max-width: calc( 50% - 5px); }
  *[class*="small-margin"] > .max-width-50 {
    max-width: calc( 50% - 10px); }
  *[class*="normal-margin"] > .max-width-50 {
    max-width: calc( 50% - 20px); }
  *[class*="big-margin"] > .max-width-50 {
    max-width: calc( 50% - 40px); }
  *[class*="verybig-margin"] > .max-width-50 {
    max-width: calc( 50% - 80px); }
  *[class*="section-margin"] > .max-width-50 {
    max-width: calc( 50% - 120px); }
  *[class*="extrem-margin"] > .max-width-50 {
    max-width: calc( 50% - 160px); }
  *[class*="gutter-margin"] > .max-width-50 {
    max-width: calc( 50% - 13.33333px); }

.max-width-40 {
  max-width: 40%; }
  *[class*="onepixel-margin"] > .max-width-40 {
    max-width: calc( 40% - 1px); }
  *[class*="verysmall-margin"] > .max-width-40 {
    max-width: calc( 40% - 5px); }
  *[class*="small-margin"] > .max-width-40 {
    max-width: calc( 40% - 10px); }
  *[class*="normal-margin"] > .max-width-40 {
    max-width: calc( 40% - 20px); }
  *[class*="big-margin"] > .max-width-40 {
    max-width: calc( 40% - 40px); }
  *[class*="verybig-margin"] > .max-width-40 {
    max-width: calc( 40% - 80px); }
  *[class*="section-margin"] > .max-width-40 {
    max-width: calc( 40% - 120px); }
  *[class*="extrem-margin"] > .max-width-40 {
    max-width: calc( 40% - 160px); }
  *[class*="gutter-margin"] > .max-width-40 {
    max-width: calc( 40% - 13.33333px); }

.max-width-33 {
  max-width: 33.333333%; }
  *[class*="onepixel-margin"] > .max-width-33 {
    max-width: calc( 33.333333% - 1px); }
  *[class*="verysmall-margin"] > .max-width-33 {
    max-width: calc( 33.333333% - 5px); }
  *[class*="small-margin"] > .max-width-33 {
    max-width: calc( 33.333333% - 10px); }
  *[class*="normal-margin"] > .max-width-33 {
    max-width: calc( 33.333333% - 20px); }
  *[class*="big-margin"] > .max-width-33 {
    max-width: calc( 33.333333% - 40px); }
  *[class*="verybig-margin"] > .max-width-33 {
    max-width: calc( 33.333333% - 80px); }
  *[class*="section-margin"] > .max-width-33 {
    max-width: calc( 33.333333% - 120px); }
  *[class*="extrem-margin"] > .max-width-33 {
    max-width: calc( 33.333333% - 160px); }
  *[class*="gutter-margin"] > .max-width-33 {
    max-width: calc( 33.333333% - 13.33333px); }

.max-width-25 {
  max-width: 25%; }
  *[class*="onepixel-margin"] > .max-width-25 {
    max-width: calc( 25% - 1px); }
  *[class*="verysmall-margin"] > .max-width-25 {
    max-width: calc( 25% - 5px); }
  *[class*="small-margin"] > .max-width-25 {
    max-width: calc( 25% - 10px); }
  *[class*="normal-margin"] > .max-width-25 {
    max-width: calc( 25% - 20px); }
  *[class*="big-margin"] > .max-width-25 {
    max-width: calc( 25% - 40px); }
  *[class*="verybig-margin"] > .max-width-25 {
    max-width: calc( 25% - 80px); }
  *[class*="section-margin"] > .max-width-25 {
    max-width: calc( 25% - 120px); }
  *[class*="extrem-margin"] > .max-width-25 {
    max-width: calc( 25% - 160px); }
  *[class*="gutter-margin"] > .max-width-25 {
    max-width: calc( 25% - 13.33333px); }

.max-width-20 {
  max-width: 20%; }
  *[class*="onepixel-margin"] > .max-width-20 {
    max-width: calc( 20% - 1px); }
  *[class*="verysmall-margin"] > .max-width-20 {
    max-width: calc( 20% - 5px); }
  *[class*="small-margin"] > .max-width-20 {
    max-width: calc( 20% - 10px); }
  *[class*="normal-margin"] > .max-width-20 {
    max-width: calc( 20% - 20px); }
  *[class*="big-margin"] > .max-width-20 {
    max-width: calc( 20% - 40px); }
  *[class*="verybig-margin"] > .max-width-20 {
    max-width: calc( 20% - 80px); }
  *[class*="section-margin"] > .max-width-20 {
    max-width: calc( 20% - 120px); }
  *[class*="extrem-margin"] > .max-width-20 {
    max-width: calc( 20% - 160px); }
  *[class*="gutter-margin"] > .max-width-20 {
    max-width: calc( 20% - 13.33333px); }

.max-width-10 {
  max-width: 10%; }
  *[class*="onepixel-margin"] > .max-width-10 {
    max-width: calc( 10% - 1px); }
  *[class*="verysmall-margin"] > .max-width-10 {
    max-width: calc( 10% - 5px); }
  *[class*="small-margin"] > .max-width-10 {
    max-width: calc( 10% - 10px); }
  *[class*="normal-margin"] > .max-width-10 {
    max-width: calc( 10% - 20px); }
  *[class*="big-margin"] > .max-width-10 {
    max-width: calc( 10% - 40px); }
  *[class*="verybig-margin"] > .max-width-10 {
    max-width: calc( 10% - 80px); }
  *[class*="section-margin"] > .max-width-10 {
    max-width: calc( 10% - 120px); }
  *[class*="extrem-margin"] > .max-width-10 {
    max-width: calc( 10% - 160px); }
  *[class*="gutter-margin"] > .max-width-10 {
    max-width: calc( 10% - 13.33333px); }

.max-width-0 {
  max-width: 0%; }

.max-width-large {
  max-width: 1025px; }

.max-width-small {
  max-width: 640px; }

.max-height-100 {
  max-height: 100%; }

.max-height-80 {
  max-height: 80%; }

.max-height-75 {
  max-height: 75%; }

.max-height-66 {
  max-height: 66.666667%; }

.max-height-60 {
  max-height: 60%; }

.max-height-50 {
  max-height: 50%; }

.max-height-40 {
  max-height: 40%; }

.max-height-33 {
  max-height: 33.333333%; }

.max-height-25 {
  max-height: 25%; }

.max-height-20 {
  max-height: 20%; }

.max-height-0 {
  max-height: 0%; }

.min-width-100 {
  min-width: 100%; }

.min-width-80 {
  min-width: 80%; }
  *[class*="onepixel-margin"] > .min-width-80 {
    min-width: calc( 80% - 1px); }
  *[class*="verysmall-margin"] > .min-width-80 {
    min-width: calc( 80% - 5px); }
  *[class*="small-margin"] > .min-width-80 {
    min-width: calc( 80% - 10px); }
  *[class*="normal-margin"] > .min-width-80 {
    min-width: calc( 80% - 20px); }
  *[class*="big-margin"] > .min-width-80 {
    min-width: calc( 80% - 40px); }
  *[class*="verybig-margin"] > .min-width-80 {
    min-width: calc( 80% - 80px); }
  *[class*="section-margin"] > .min-width-80 {
    min-width: calc( 80% - 120px); }
  *[class*="extrem-margin"] > .min-width-80 {
    min-width: calc( 80% - 160px); }
  *[class*="gutter-margin"] > .min-width-80 {
    min-width: calc( 80% - 13.33333px); }

.min-width-75 {
  min-width: 75%; }
  *[class*="onepixel-margin"] > .min-width-75 {
    min-width: calc( 75% - 1px); }
  *[class*="verysmall-margin"] > .min-width-75 {
    min-width: calc( 75% - 5px); }
  *[class*="small-margin"] > .min-width-75 {
    min-width: calc( 75% - 10px); }
  *[class*="normal-margin"] > .min-width-75 {
    min-width: calc( 75% - 20px); }
  *[class*="big-margin"] > .min-width-75 {
    min-width: calc( 75% - 40px); }
  *[class*="verybig-margin"] > .min-width-75 {
    min-width: calc( 75% - 80px); }
  *[class*="section-margin"] > .min-width-75 {
    min-width: calc( 75% - 120px); }
  *[class*="extrem-margin"] > .min-width-75 {
    min-width: calc( 75% - 160px); }
  *[class*="gutter-margin"] > .min-width-75 {
    min-width: calc( 75% - 13.33333px); }

.min-width-66 {
  min-width: 66.666667%; }
  *[class*="onepixel-margin"] > .min-width-66 {
    min-width: calc( 66.666667% - 1px); }
  *[class*="verysmall-margin"] > .min-width-66 {
    min-width: calc( 66.666667% - 5px); }
  *[class*="small-margin"] > .min-width-66 {
    min-width: calc( 66.666667% - 10px); }
  *[class*="normal-margin"] > .min-width-66 {
    min-width: calc( 66.666667% - 20px); }
  *[class*="big-margin"] > .min-width-66 {
    min-width: calc( 66.666667% - 40px); }
  *[class*="verybig-margin"] > .min-width-66 {
    min-width: calc( 66.666667% - 80px); }
  *[class*="section-margin"] > .min-width-66 {
    min-width: calc( 66.666667% - 120px); }
  *[class*="extrem-margin"] > .min-width-66 {
    min-width: calc( 66.666667% - 160px); }
  *[class*="gutter-margin"] > .min-width-66 {
    min-width: calc( 66.666667% - 13.33333px); }

.min-width-60 {
  min-width: 60%; }
  *[class*="onepixel-margin"] > .min-width-60 {
    min-width: calc( 60% - 1px); }
  *[class*="verysmall-margin"] > .min-width-60 {
    min-width: calc( 60% - 5px); }
  *[class*="small-margin"] > .min-width-60 {
    min-width: calc( 60% - 10px); }
  *[class*="normal-margin"] > .min-width-60 {
    min-width: calc( 60% - 20px); }
  *[class*="big-margin"] > .min-width-60 {
    min-width: calc( 60% - 40px); }
  *[class*="verybig-margin"] > .min-width-60 {
    min-width: calc( 60% - 80px); }
  *[class*="section-margin"] > .min-width-60 {
    min-width: calc( 60% - 120px); }
  *[class*="extrem-margin"] > .min-width-60 {
    min-width: calc( 60% - 160px); }
  *[class*="gutter-margin"] > .min-width-60 {
    min-width: calc( 60% - 13.33333px); }

.min-width-50 {
  min-width: 50%; }
  *[class*="onepixel-margin"] > .min-width-50 {
    min-width: calc( 50% - 1px); }
  *[class*="verysmall-margin"] > .min-width-50 {
    min-width: calc( 50% - 5px); }
  *[class*="small-margin"] > .min-width-50 {
    min-width: calc( 50% - 10px); }
  *[class*="normal-margin"] > .min-width-50 {
    min-width: calc( 50% - 20px); }
  *[class*="big-margin"] > .min-width-50 {
    min-width: calc( 50% - 40px); }
  *[class*="verybig-margin"] > .min-width-50 {
    min-width: calc( 50% - 80px); }
  *[class*="section-margin"] > .min-width-50 {
    min-width: calc( 50% - 120px); }
  *[class*="extrem-margin"] > .min-width-50 {
    min-width: calc( 50% - 160px); }
  *[class*="gutter-margin"] > .min-width-50 {
    min-width: calc( 50% - 13.33333px); }

.min-width-40 {
  min-width: 40%; }
  *[class*="onepixel-margin"] > .min-width-40 {
    min-width: calc( 40% - 1px); }
  *[class*="verysmall-margin"] > .min-width-40 {
    min-width: calc( 40% - 5px); }
  *[class*="small-margin"] > .min-width-40 {
    min-width: calc( 40% - 10px); }
  *[class*="normal-margin"] > .min-width-40 {
    min-width: calc( 40% - 20px); }
  *[class*="big-margin"] > .min-width-40 {
    min-width: calc( 40% - 40px); }
  *[class*="verybig-margin"] > .min-width-40 {
    min-width: calc( 40% - 80px); }
  *[class*="section-margin"] > .min-width-40 {
    min-width: calc( 40% - 120px); }
  *[class*="extrem-margin"] > .min-width-40 {
    min-width: calc( 40% - 160px); }
  *[class*="gutter-margin"] > .min-width-40 {
    min-width: calc( 40% - 13.33333px); }

.min-width-33 {
  min-width: 33.333333%; }
  *[class*="onepixel-margin"] > .min-width-33 {
    min-width: calc( 33.333333% - 1px); }
  *[class*="verysmall-margin"] > .min-width-33 {
    min-width: calc( 33.333333% - 5px); }
  *[class*="small-margin"] > .min-width-33 {
    min-width: calc( 33.333333% - 10px); }
  *[class*="normal-margin"] > .min-width-33 {
    min-width: calc( 33.333333% - 20px); }
  *[class*="big-margin"] > .min-width-33 {
    min-width: calc( 33.333333% - 40px); }
  *[class*="verybig-margin"] > .min-width-33 {
    min-width: calc( 33.333333% - 80px); }
  *[class*="section-margin"] > .min-width-33 {
    min-width: calc( 33.333333% - 120px); }
  *[class*="extrem-margin"] > .min-width-33 {
    min-width: calc( 33.333333% - 160px); }
  *[class*="gutter-margin"] > .min-width-33 {
    min-width: calc( 33.333333% - 13.33333px); }

.min-width-25 {
  min-width: 25%; }
  *[class*="onepixel-margin"] > .min-width-25 {
    min-width: calc( 25% - 1px); }
  *[class*="verysmall-margin"] > .min-width-25 {
    min-width: calc( 25% - 5px); }
  *[class*="small-margin"] > .min-width-25 {
    min-width: calc( 25% - 10px); }
  *[class*="normal-margin"] > .min-width-25 {
    min-width: calc( 25% - 20px); }
  *[class*="big-margin"] > .min-width-25 {
    min-width: calc( 25% - 40px); }
  *[class*="verybig-margin"] > .min-width-25 {
    min-width: calc( 25% - 80px); }
  *[class*="section-margin"] > .min-width-25 {
    min-width: calc( 25% - 120px); }
  *[class*="extrem-margin"] > .min-width-25 {
    min-width: calc( 25% - 160px); }
  *[class*="gutter-margin"] > .min-width-25 {
    min-width: calc( 25% - 13.33333px); }

.min-width-20 {
  min-width: 20%; }
  *[class*="onepixel-margin"] > .min-width-20 {
    min-width: calc( 20% - 1px); }
  *[class*="verysmall-margin"] > .min-width-20 {
    min-width: calc( 20% - 5px); }
  *[class*="small-margin"] > .min-width-20 {
    min-width: calc( 20% - 10px); }
  *[class*="normal-margin"] > .min-width-20 {
    min-width: calc( 20% - 20px); }
  *[class*="big-margin"] > .min-width-20 {
    min-width: calc( 20% - 40px); }
  *[class*="verybig-margin"] > .min-width-20 {
    min-width: calc( 20% - 80px); }
  *[class*="section-margin"] > .min-width-20 {
    min-width: calc( 20% - 120px); }
  *[class*="extrem-margin"] > .min-width-20 {
    min-width: calc( 20% - 160px); }
  *[class*="gutter-margin"] > .min-width-20 {
    min-width: calc( 20% - 13.33333px); }

.min-width-10 {
  min-width: 10%; }
  *[class*="onepixel-margin"] > .min-width-10 {
    min-width: calc( 10% - 1px); }
  *[class*="verysmall-margin"] > .min-width-10 {
    min-width: calc( 10% - 5px); }
  *[class*="small-margin"] > .min-width-10 {
    min-width: calc( 10% - 10px); }
  *[class*="normal-margin"] > .min-width-10 {
    min-width: calc( 10% - 20px); }
  *[class*="big-margin"] > .min-width-10 {
    min-width: calc( 10% - 40px); }
  *[class*="verybig-margin"] > .min-width-10 {
    min-width: calc( 10% - 80px); }
  *[class*="section-margin"] > .min-width-10 {
    min-width: calc( 10% - 120px); }
  *[class*="extrem-margin"] > .min-width-10 {
    min-width: calc( 10% - 160px); }
  *[class*="gutter-margin"] > .min-width-10 {
    min-width: calc( 10% - 13.33333px); }

.min-width-0 {
  min-width: 0%; }
  *[class*="onepixel-margin"] > .min-width-0 {
    min-width: 0%; }
  *[class*="verysmall-margin"] > .min-width-0 {
    min-width: 0%; }
  *[class*="small-margin"] > .min-width-0 {
    min-width: 0%; }
  *[class*="normal-margin"] > .min-width-0 {
    min-width: 0%; }
  *[class*="big-margin"] > .min-width-0 {
    min-width: 0%; }
  *[class*="verybig-margin"] > .min-width-0 {
    min-width: 0%; }
  *[class*="section-margin"] > .min-width-0 {
    min-width: 0%; }
  *[class*="extrem-margin"] > .min-width-0 {
    min-width: 0%; }
  *[class*="gutter-margin"] > .min-width-0 {
    min-width: 0%; }

.min-width-large {
  min-width: 1025px; }
  *[class*="onepixel-margin"] > .min-width-large {
    min-width: calc( 1025px - 1px); }
  *[class*="verysmall-margin"] > .min-width-large {
    min-width: calc( 1025px - 5px); }
  *[class*="small-margin"] > .min-width-large {
    min-width: calc( 1025px - 10px); }
  *[class*="normal-margin"] > .min-width-large {
    min-width: calc( 1025px - 20px); }
  *[class*="big-margin"] > .min-width-large {
    min-width: calc( 1025px - 40px); }
  *[class*="verybig-margin"] > .min-width-large {
    min-width: calc( 1025px - 80px); }
  *[class*="section-margin"] > .min-width-large {
    min-width: calc( 1025px - 120px); }
  *[class*="extrem-margin"] > .min-width-large {
    min-width: calc( 1025px - 160px); }
  *[class*="gutter-margin"] > .min-width-large {
    min-width: calc( 1025px - 13.33333px); }

.min-width-small {
  min-width: 640px; }
  *[class*="onepixel-margin"] > .min-width-small {
    min-width: calc( 640px - 1px); }
  *[class*="verysmall-margin"] > .min-width-small {
    min-width: calc( 640px - 5px); }
  *[class*="small-margin"] > .min-width-small {
    min-width: calc( 640px - 10px); }
  *[class*="normal-margin"] > .min-width-small {
    min-width: calc( 640px - 20px); }
  *[class*="big-margin"] > .min-width-small {
    min-width: calc( 640px - 40px); }
  *[class*="verybig-margin"] > .min-width-small {
    min-width: calc( 640px - 80px); }
  *[class*="section-margin"] > .min-width-small {
    min-width: calc( 640px - 120px); }
  *[class*="extrem-margin"] > .min-width-small {
    min-width: calc( 640px - 160px); }
  *[class*="gutter-margin"] > .min-width-small {
    min-width: calc( 640px - 13.33333px); }

.min-height-100 {
  min-height: 100vh; }

.min-height-100-header {
  min-height: calc(100vh - 113px); }
  @media only screen and (min-width: 1025px) {
    body.header-transparent .min-height-100-header {
      min-height: 100vh;
      padding-top: calc(113px); } }

.display-block {
  display: block; }

.display-inline-block {
  display: inline-block; }

.display-inline {
  display: inline; }

.display-flex {
  display: block !important;
  display: flex !important;
  display: -webkit-flex !important;
  display: -moz-flex !important; }

.display-inline-flex {
  display: inline-flex; }

.display-none {
  display: none; }

.ovw, .overflow-hidden {
  overflow: hidden; }

.overflow-x-clip {
  overflow-x: clip; }

.border-all {
  border: 1px solid #ccc; }

.border-top {
  border-top: 1px solid #ccc; }

.border-bottom {
  border-bottom: 1px solid #ccc; }

.border-right {
  border-right: 1px solid #ccc; }

.border-left {
  border-left: 1px solid #ccc; }

.fit {
  width: 100%;
  height: 100%;
  height: 100vh; }

.fit-x {
  width: 100%;
  width: 100vw; }

.fit-y {
  height: 500px;
  height: 100vh; }

.fit-y-perfect {
  height: 500px;
  height: calc( 100vh - 48px); }

.fit-y-perfect-header {
  height: 500px;
  height: calc( 100vh - ( 48pxauto )); }

.fit-y-min {
  min-height: 500px;
  min-height: 100vh; }

.fit-y-min-perfect {
  min-height: 500px;
  min-height: calc( 100vh - 48px); }

.fit-y-min-perfect-header-mobile {
  min-height: 500px;
  min-height: calc( 100vh - ( auto )); }

.fit-y-min-perfect-header {
  min-height: 500px;
  min-height: calc( 100vh - ( auto )); }

.fit-y-min-perfect-header-scroll {
  min-height: 500px;
  min-height: calc( 100vh - ( auto )); }

.break-float {
  clear: both;
  width: auto;
  float: none !important;
  margin: 0 0 20px 0; }

.break-flex {
  display: block !important;
  clear: both;
  width: 100%; }

.flex-justify-start {
  justify-content: flex-start; }

.flex-justify-center {
  justify-content: center; }

.flex-justify-end {
  justify-content: flex-end; }

.flex-justify-stretch {
  justify-content: stretch; }

.flex-justify-space-between {
  justify-content: space-between; }

.flex-justify-space-around {
  justify-content: space-around; }

.flex-justify-default {
  justify-content: flex-start; }

.flex-direction-row {
  flex-direction: row; }

.flex-direction-column {
  flex-direction: column; }

.flex-direction-row-reverse {
  flex-direction: row-reverse; }

.flex-direction-column-reverse {
  flex-direction: column-reverse; }

.flex-elem {
  flex: 1; }

.flex-auto {
  flex: 1 1 auto; }

.flex-100 {
  flex: 1 1 100%; }

.flex-50 {
  flex: 1 1 49%; }

.flex-0-auto {
  flex: 0 0 auto; }

.flex-none {
  flex: none; }

.flex-order-1 {
  order: 1; }

.flex-order-2 {
  order: 2; }

.flex-order-3 {
  order: 3; }

.flex-order-4 {
  order: 4; }

.flex-order-5 {
  order: 5; }

.flex-grow-1 {
  flex-grow: 1; }

.flex-grow-2 {
  flex-grow: 2; }

.flex-grow-3 {
  flex-grow: 3; }

.flex-grow-4 {
  flex-grow: 4; }

.flex-grow-5 {
  flex-grow: 5; }

.flex-grow-6 {
  flex-grow: 6; }

.flex-grow-7 {
  flex-grow: 7; }

.flex-grow-8 {
  flex-grow: 8; }

.flex-grow-9 {
  flex-grow: 9; }

.flex-grow-10 {
  flex-grow: 10; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-nowrap {
  flex-wrap: nowrap; }

.flex-align-items-center {
  align-items: center; }

.flex-align-items-start {
  align-items: flex-start; }

.flex-align-items-end {
  align-items: flex-end; }

.flex-align-items-stretch {
  align-items: stretch; }

.flex-align-items-baseline {
  align-items: baseline; }

.flex-align-self-center {
  align-self: center; }

.flex-align-self-start {
  align-self: flex-start; }

.flex-align-self-end {
  align-self: flex-end; }

.flex-align-self-stretch {
  align-self: stretch; }

.flex-align-self-baseline {
  align-self: baseline; }

@media only screen and (min-width: 640px) {
  .onepixel-margin-s {
    margin: 1px; }
  .onepixel-margin-top-s {
    margin-top: 1px; }
  .onepixel-margin-top-children-s > * ~ * {
    margin-top: 1px; }
  .onepixel-margin-bottom-s {
    margin-bottom: 1px; }
  .onepixel-margin-bottom-children-s > * {
    margin-bottom: 1px; }
  .onepixel-margin-left-s {
    margin-left: 1px; }
  .onepixel-margin-left-children-s > * ~ * {
    margin-left: 1px; }
  .onepixel-margin-right-s {
    margin-right: 1px; }
  .onepixel-margin-right-children-s > * {
    margin-right: 1px; }
    .onepixel-margin-right-children-s > *:last-of-type {
      margin-right: 0; }
  .onepixel-margin-x-s {
    margin-left: 1px;
    margin-right: 1px; }
  .onepixel-margin-y-s {
    margin-top: 1px;
    margin-bottom: 1px; }
  .onepixel-padding-s {
    padding: 1px; }
  .onepixel-padding-top-s {
    padding-top: 1px; }
  .onepixel-padding-bottom-s {
    padding-bottom: 1px; }
  .onepixel-padding-left-s {
    padding-left: 1px; }
  .onepixel-padding-right-s {
    padding-right: 1px; }
  .onepixel-padding-x-s {
    padding-left: 1px;
    padding-right: 1px; }
  .onepixel-padding-y-s {
    padding-top: 1px;
    padding-bottom: 1px; }
  .onepixel-gap-s {
    gap: 1px; }
  .onepixel-gap-top-s {
    gap-top: 1px; }
  .onepixel-gap-bottom-s {
    gap-bottom: 1px; }
  .onepixel-gap-left-s {
    gap-left: 1px; }
  .onepixel-gap-right-s {
    gap-right: 1px; }
  .onepixel-gap-x-s {
    gap-left: 1px;
    gap-right: 1px; }
  .onepixel-gap-y-s {
    gap-top: 1px;
    gap-bottom: 1px; }
  .verysmall-margin-s {
    margin: 5px; }
  .verysmall-margin-top-s {
    margin-top: 5px; }
  .verysmall-margin-top-children-s > * ~ * {
    margin-top: 5px; }
  .verysmall-margin-bottom-s {
    margin-bottom: 5px; }
  .verysmall-margin-bottom-children-s > * {
    margin-bottom: 5px; }
  .verysmall-margin-left-s {
    margin-left: 5px; }
  .verysmall-margin-left-children-s > * ~ * {
    margin-left: 5px; }
  .verysmall-margin-right-s {
    margin-right: 5px; }
  .verysmall-margin-right-children-s > * {
    margin-right: 5px; }
    .verysmall-margin-right-children-s > *:last-of-type {
      margin-right: 0; }
  .verysmall-margin-x-s {
    margin-left: 5px;
    margin-right: 5px; }
  .verysmall-margin-y-s {
    margin-top: 5px;
    margin-bottom: 5px; }
  .verysmall-padding-s {
    padding: 5px; }
  .verysmall-padding-top-s {
    padding-top: 5px; }
  .verysmall-padding-bottom-s {
    padding-bottom: 5px; }
  .verysmall-padding-left-s {
    padding-left: 5px; }
  .verysmall-padding-right-s {
    padding-right: 5px; }
  .verysmall-padding-x-s {
    padding-left: 5px;
    padding-right: 5px; }
  .verysmall-padding-y-s {
    padding-top: 5px;
    padding-bottom: 5px; }
  .verysmall-gap-s {
    gap: 5px; }
  .verysmall-gap-top-s {
    gap-top: 5px; }
  .verysmall-gap-bottom-s {
    gap-bottom: 5px; }
  .verysmall-gap-left-s {
    gap-left: 5px; }
  .verysmall-gap-right-s {
    gap-right: 5px; }
  .verysmall-gap-x-s {
    gap-left: 5px;
    gap-right: 5px; }
  .verysmall-gap-y-s {
    gap-top: 5px;
    gap-bottom: 5px; }
  .small-margin-s {
    margin: 10px; }
  .small-margin-top-s {
    margin-top: 10px; }
  .small-margin-top-children-s > * ~ * {
    margin-top: 10px; }
  .small-margin-bottom-s {
    margin-bottom: 10px; }
  .small-margin-bottom-children-s > * {
    margin-bottom: 10px; }
  .small-margin-left-s {
    margin-left: 10px; }
  .small-margin-left-children-s > * ~ * {
    margin-left: 10px; }
  .small-margin-right-s {
    margin-right: 10px; }
  .small-margin-right-children-s > * {
    margin-right: 10px; }
    .small-margin-right-children-s > *:last-of-type {
      margin-right: 0; }
  .small-margin-x-s {
    margin-left: 10px;
    margin-right: 10px; }
  .small-margin-y-s {
    margin-top: 10px;
    margin-bottom: 10px; }
  .small-padding-s {
    padding: 10px; }
  .small-padding-top-s {
    padding-top: 10px; }
  .small-padding-bottom-s {
    padding-bottom: 10px; }
  .small-padding-left-s {
    padding-left: 10px; }
  .small-padding-right-s {
    padding-right: 10px; }
  .small-padding-x-s {
    padding-left: 10px;
    padding-right: 10px; }
  .small-padding-y-s {
    padding-top: 10px;
    padding-bottom: 10px; }
  .small-gap-s {
    gap: 10px; }
  .small-gap-top-s {
    gap-top: 10px; }
  .small-gap-bottom-s {
    gap-bottom: 10px; }
  .small-gap-left-s {
    gap-left: 10px; }
  .small-gap-right-s {
    gap-right: 10px; }
  .small-gap-x-s {
    gap-left: 10px;
    gap-right: 10px; }
  .small-gap-y-s {
    gap-top: 10px;
    gap-bottom: 10px; }
  .normal-margin-s {
    margin: 20px; }
  .normal-margin-top-s {
    margin-top: 20px; }
  .normal-margin-top-children-s > * ~ * {
    margin-top: 20px; }
  .normal-margin-bottom-s {
    margin-bottom: 20px; }
  .normal-margin-bottom-children-s > * {
    margin-bottom: 20px; }
  .normal-margin-left-s {
    margin-left: 20px; }
  .normal-margin-left-children-s > * ~ * {
    margin-left: 20px; }
  .normal-margin-right-s {
    margin-right: 20px; }
  .normal-margin-right-children-s > * {
    margin-right: 20px; }
    .normal-margin-right-children-s > *:last-of-type {
      margin-right: 0; }
  .normal-margin-x-s {
    margin-left: 20px;
    margin-right: 20px; }
  .normal-margin-y-s {
    margin-top: 20px;
    margin-bottom: 20px; }
  .normal-padding-s {
    padding: 20px; }
  .normal-padding-top-s {
    padding-top: 20px; }
  .normal-padding-bottom-s {
    padding-bottom: 20px; }
  .normal-padding-left-s {
    padding-left: 20px; }
  .normal-padding-right-s {
    padding-right: 20px; }
  .normal-padding-x-s {
    padding-left: 20px;
    padding-right: 20px; }
  .normal-padding-y-s {
    padding-top: 20px;
    padding-bottom: 20px; }
  .normal-gap-s {
    gap: 20px; }
  .normal-gap-top-s {
    gap-top: 20px; }
  .normal-gap-bottom-s {
    gap-bottom: 20px; }
  .normal-gap-left-s {
    gap-left: 20px; }
  .normal-gap-right-s {
    gap-right: 20px; }
  .normal-gap-x-s {
    gap-left: 20px;
    gap-right: 20px; }
  .normal-gap-y-s {
    gap-top: 20px;
    gap-bottom: 20px; }
  .big-margin-s {
    margin: 40px; }
  .big-margin-top-s {
    margin-top: 40px; }
  .big-margin-top-children-s > * ~ * {
    margin-top: 40px; }
  .big-margin-bottom-s {
    margin-bottom: 40px; }
  .big-margin-bottom-children-s > * {
    margin-bottom: 40px; }
  .big-margin-left-s {
    margin-left: 40px; }
  .big-margin-left-children-s > * ~ * {
    margin-left: 40px; }
  .big-margin-right-s {
    margin-right: 40px; }
  .big-margin-right-children-s > * {
    margin-right: 40px; }
    .big-margin-right-children-s > *:last-of-type {
      margin-right: 0; }
  .big-margin-x-s {
    margin-left: 40px;
    margin-right: 40px; }
  .big-margin-y-s {
    margin-top: 40px;
    margin-bottom: 40px; }
  .big-padding-s {
    padding: 40px; }
  .big-padding-top-s {
    padding-top: 40px; }
  .big-padding-bottom-s {
    padding-bottom: 40px; }
  .big-padding-left-s {
    padding-left: 40px; }
  .big-padding-right-s {
    padding-right: 40px; }
  .big-padding-x-s {
    padding-left: 40px;
    padding-right: 40px; }
  .big-padding-y-s {
    padding-top: 40px;
    padding-bottom: 40px; }
  .big-gap-s {
    gap: 40px; }
  .big-gap-top-s {
    gap-top: 40px; }
  .big-gap-bottom-s {
    gap-bottom: 40px; }
  .big-gap-left-s {
    gap-left: 40px; }
  .big-gap-right-s {
    gap-right: 40px; }
  .big-gap-x-s {
    gap-left: 40px;
    gap-right: 40px; }
  .big-gap-y-s {
    gap-top: 40px;
    gap-bottom: 40px; }
  .verybig-margin-s {
    margin: 80px; }
  .verybig-margin-top-s {
    margin-top: 80px; }
  .verybig-margin-top-children-s > * ~ * {
    margin-top: 80px; }
  .verybig-margin-bottom-s {
    margin-bottom: 80px; }
  .verybig-margin-bottom-children-s > * {
    margin-bottom: 80px; }
  .verybig-margin-left-s {
    margin-left: 80px; }
  .verybig-margin-left-children-s > * ~ * {
    margin-left: 80px; }
  .verybig-margin-right-s {
    margin-right: 80px; }
  .verybig-margin-right-children-s > * {
    margin-right: 80px; }
    .verybig-margin-right-children-s > *:last-of-type {
      margin-right: 0; }
  .verybig-margin-x-s {
    margin-left: 80px;
    margin-right: 80px; }
  .verybig-margin-y-s {
    margin-top: 80px;
    margin-bottom: 80px; }
  .verybig-padding-s {
    padding: 80px; }
  .verybig-padding-top-s {
    padding-top: 80px; }
  .verybig-padding-bottom-s {
    padding-bottom: 80px; }
  .verybig-padding-left-s {
    padding-left: 80px; }
  .verybig-padding-right-s {
    padding-right: 80px; }
  .verybig-padding-x-s {
    padding-left: 80px;
    padding-right: 80px; }
  .verybig-padding-y-s {
    padding-top: 80px;
    padding-bottom: 80px; }
  .verybig-gap-s {
    gap: 80px; }
  .verybig-gap-top-s {
    gap-top: 80px; }
  .verybig-gap-bottom-s {
    gap-bottom: 80px; }
  .verybig-gap-left-s {
    gap-left: 80px; }
  .verybig-gap-right-s {
    gap-right: 80px; }
  .verybig-gap-x-s {
    gap-left: 80px;
    gap-right: 80px; }
  .verybig-gap-y-s {
    gap-top: 80px;
    gap-bottom: 80px; }
  .section-margin-s {
    margin: 120px; }
  .section-margin-top-s {
    margin-top: 120px; }
  .section-margin-top-children-s > * ~ * {
    margin-top: 120px; }
  .section-margin-bottom-s {
    margin-bottom: 120px; }
  .section-margin-bottom-children-s > * {
    margin-bottom: 120px; }
  .section-margin-left-s {
    margin-left: 120px; }
  .section-margin-left-children-s > * ~ * {
    margin-left: 120px; }
  .section-margin-right-s {
    margin-right: 120px; }
  .section-margin-right-children-s > * {
    margin-right: 120px; }
    .section-margin-right-children-s > *:last-of-type {
      margin-right: 0; }
  .section-margin-x-s {
    margin-left: 120px;
    margin-right: 120px; }
  .section-margin-y-s {
    margin-top: 120px;
    margin-bottom: 120px; }
  .section-padding-s {
    padding: 120px; }
  .section-padding-top-s {
    padding-top: 120px; }
  .section-padding-bottom-s {
    padding-bottom: 120px; }
  .section-padding-left-s {
    padding-left: 120px; }
  .section-padding-right-s {
    padding-right: 120px; }
  .section-padding-x-s {
    padding-left: 120px;
    padding-right: 120px; }
  .section-padding-y-s {
    padding-top: 120px;
    padding-bottom: 120px; }
  .section-gap-s {
    gap: 120px; }
  .section-gap-top-s {
    gap-top: 120px; }
  .section-gap-bottom-s {
    gap-bottom: 120px; }
  .section-gap-left-s {
    gap-left: 120px; }
  .section-gap-right-s {
    gap-right: 120px; }
  .section-gap-x-s {
    gap-left: 120px;
    gap-right: 120px; }
  .section-gap-y-s {
    gap-top: 120px;
    gap-bottom: 120px; }
  .extrem-margin-s {
    margin: 160px; }
  .extrem-margin-top-s {
    margin-top: 160px; }
  .extrem-margin-top-children-s > * ~ * {
    margin-top: 160px; }
  .extrem-margin-bottom-s {
    margin-bottom: 160px; }
  .extrem-margin-bottom-children-s > * {
    margin-bottom: 160px; }
  .extrem-margin-left-s {
    margin-left: 160px; }
  .extrem-margin-left-children-s > * ~ * {
    margin-left: 160px; }
  .extrem-margin-right-s {
    margin-right: 160px; }
  .extrem-margin-right-children-s > * {
    margin-right: 160px; }
    .extrem-margin-right-children-s > *:last-of-type {
      margin-right: 0; }
  .extrem-margin-x-s {
    margin-left: 160px;
    margin-right: 160px; }
  .extrem-margin-y-s {
    margin-top: 160px;
    margin-bottom: 160px; }
  .extrem-padding-s {
    padding: 160px; }
  .extrem-padding-top-s {
    padding-top: 160px; }
  .extrem-padding-bottom-s {
    padding-bottom: 160px; }
  .extrem-padding-left-s {
    padding-left: 160px; }
  .extrem-padding-right-s {
    padding-right: 160px; }
  .extrem-padding-x-s {
    padding-left: 160px;
    padding-right: 160px; }
  .extrem-padding-y-s {
    padding-top: 160px;
    padding-bottom: 160px; }
  .extrem-gap-s {
    gap: 160px; }
  .extrem-gap-top-s {
    gap-top: 160px; }
  .extrem-gap-bottom-s {
    gap-bottom: 160px; }
  .extrem-gap-left-s {
    gap-left: 160px; }
  .extrem-gap-right-s {
    gap-right: 160px; }
  .extrem-gap-x-s {
    gap-left: 160px;
    gap-right: 160px; }
  .extrem-gap-y-s {
    gap-top: 160px;
    gap-bottom: 160px; }
  .gutter-margin-s {
    margin: 13.33333px; }
  .gutter-margin-top-s {
    margin-top: 13.33333px; }
  .gutter-margin-top-children-s > * ~ * {
    margin-top: 13.33333px; }
  .gutter-margin-bottom-s {
    margin-bottom: 13.33333px; }
  .gutter-margin-bottom-children-s > * {
    margin-bottom: 13.33333px; }
  .gutter-margin-left-s {
    margin-left: 13.33333px; }
  .gutter-margin-left-children-s > * ~ * {
    margin-left: 13.33333px; }
  .gutter-margin-right-s {
    margin-right: 13.33333px; }
  .gutter-margin-right-children-s > * {
    margin-right: 13.33333px; }
    .gutter-margin-right-children-s > *:last-of-type {
      margin-right: 0; }
  .gutter-margin-x-s {
    margin-left: 13.33333px;
    margin-right: 13.33333px; }
  .gutter-margin-y-s {
    margin-top: 13.33333px;
    margin-bottom: 13.33333px; }
  .gutter-padding-s {
    padding: 13.33333px; }
  .gutter-padding-top-s {
    padding-top: 13.33333px; }
  .gutter-padding-bottom-s {
    padding-bottom: 13.33333px; }
  .gutter-padding-left-s {
    padding-left: 13.33333px; }
  .gutter-padding-right-s {
    padding-right: 13.33333px; }
  .gutter-padding-x-s {
    padding-left: 13.33333px;
    padding-right: 13.33333px; }
  .gutter-padding-y-s {
    padding-top: 13.33333px;
    padding-bottom: 13.33333px; }
  .gutter-gap-s {
    gap: 13.33333px; }
  .gutter-gap-top-s {
    gap-top: 13.33333px; }
  .gutter-gap-bottom-s {
    gap-bottom: 13.33333px; }
  .gutter-gap-left-s {
    gap-left: 13.33333px; }
  .gutter-gap-right-s {
    gap-right: 13.33333px; }
  .gutter-gap-x-s {
    gap-left: 13.33333px;
    gap-right: 13.33333px; }
  .gutter-gap-y-s {
    gap-top: 13.33333px;
    gap-bottom: 13.33333px; }
  .no-margin-s {
    margin: 0; }
  .no-margin-top-s {
    margin-top: 0; }
  .no-margin-top-children-s > * ~ * {
    margin-top: 0; }
  .no-margin-bottom-s {
    margin-bottom: 0; }
  .no-margin-bottom-children-s > * {
    margin-bottom: 0; }
  .no-margin-left-s {
    margin-left: 0; }
  .no-margin-left-children-s > * ~ * {
    margin-left: 0; }
  .no-margin-right-s {
    margin-right: 0; }
  .no-margin-right-children-s > * {
    margin-right: 0; }
    .no-margin-right-children-s > *:last-of-type {
      margin-right: 0; }
  .no-margin-x-s {
    margin-left: 0;
    margin-right: 0; }
  .no-margin-y-s {
    margin-top: 0;
    margin-bottom: 0; }
  .no-padding-s {
    padding: 0; }
  .no-padding-top-s {
    padding-top: 0; }
  .no-padding-bottom-s {
    padding-bottom: 0; }
  .no-padding-left-s {
    padding-left: 0; }
  .no-padding-right-s {
    padding-right: 0; }
  .no-padding-x-s {
    padding-left: 0;
    padding-right: 0; }
  .no-padding-y-s {
    padding-top: 0;
    padding-bottom: 0; }
  .no-gap-s {
    gap: 0; }
  .no-gap-top-s {
    gap-top: 0; }
  .no-gap-bottom-s {
    gap-bottom: 0; }
  .no-gap-left-s {
    gap-left: 0; }
  .no-gap-right-s {
    gap-right: 0; }
  .no-gap-x-s {
    gap-left: 0;
    gap-right: 0; }
  .no-gap-y-s {
    gap-top: 0;
    gap-bottom: 0; }
  .no-border-s {
    border: none; }
  .no-background-s {
    background: none; }
  .no-box-shadow-s {
    box-shadow: none; }
  .no-uppercase-s {
    text-transform: inherit; }
  .no-ratio-s:before {
    padding-top: 0; }
  .margin-auto-s {
    margin-left: auto;
    margin-right: auto; }
    .margin-auto-s-left-s {
      margin-left: auto; }
    .margin-auto-s-right-s {
      margin-right: auto; }
  .font-weight-thin {
    font-weight: 100; }
  .font-weight-light {
    font-weight: 300; }
  .font-weight-normal {
    font-weight: 400; }
  .font-weight-medium {
    font-weight: 600; }
  .font-weight-bold {
    font-weight: 700; }
  .font-style-italic {
    font-style: italic; }
  .font-style-normal {
    font-style: normal; }
  .font-style-oblique {
    font-style: oblique; }
  .font-size-small {
    font-size: 12px; }
  .font-size-normal {
    font-size: 1em; }
  .font-size-medium {
    font-size: 1.25em; }
  .font-size-big {
    font-size: 2em; } }
  @media only screen and (min-width: 640px) and (max-width: 800px) and (min-width: 0px) {
    .font-size-big {
      font-size: 1.5em; } }

@media only screen and (min-width: 640px) {
  .font-size-title {
    font-size: 4em; } }
  @media only screen and (min-width: 640px) and (max-width: 800px) and (min-width: 0px) {
    .font-size-title {
      font-size: 2em; } }

@media only screen and (min-width: 640px) {
  .text-align-left-s {
    text-align: left; }
  .text-align-right-s {
    text-align: right; }
  .text-align-center-s {
    text-align: center; }
  .text-align-justify-s {
    text-align: justify;
    text-align-last: left; }
  .width-auto-s {
    width: auto; }
  .width-100-s {
    width: 100%; }
  .width-80-s {
    width: 80%; }
    *[class*="onepixel-margin"] > .width-80-s {
      width: calc( 80% - 1px); }
    *[class*="verysmall-margin"] > .width-80-s {
      width: calc( 80% - 5px); }
    *[class*="small-margin"] > .width-80-s {
      width: calc( 80% - 10px); }
    *[class*="normal-margin"] > .width-80-s {
      width: calc( 80% - 20px); }
    *[class*="big-margin"] > .width-80-s {
      width: calc( 80% - 40px); }
    *[class*="verybig-margin"] > .width-80-s {
      width: calc( 80% - 80px); }
    *[class*="section-margin"] > .width-80-s {
      width: calc( 80% - 120px); }
    *[class*="extrem-margin"] > .width-80-s {
      width: calc( 80% - 160px); }
    *[class*="gutter-margin"] > .width-80-s {
      width: calc( 80% - 13.33333px); }
  .width-75-s {
    width: 75%; }
    *[class*="onepixel-margin"] > .width-75-s {
      width: calc( 75% - 1px); }
    *[class*="verysmall-margin"] > .width-75-s {
      width: calc( 75% - 5px); }
    *[class*="small-margin"] > .width-75-s {
      width: calc( 75% - 10px); }
    *[class*="normal-margin"] > .width-75-s {
      width: calc( 75% - 20px); }
    *[class*="big-margin"] > .width-75-s {
      width: calc( 75% - 40px); }
    *[class*="verybig-margin"] > .width-75-s {
      width: calc( 75% - 80px); }
    *[class*="section-margin"] > .width-75-s {
      width: calc( 75% - 120px); }
    *[class*="extrem-margin"] > .width-75-s {
      width: calc( 75% - 160px); }
    *[class*="gutter-margin"] > .width-75-s {
      width: calc( 75% - 13.33333px); }
  .width-66-s {
    width: 66.666667%; }
    *[class*="onepixel-margin"] > .width-66-s {
      width: calc( 66.666667% - 1px); }
    *[class*="verysmall-margin"] > .width-66-s {
      width: calc( 66.666667% - 5px); }
    *[class*="small-margin"] > .width-66-s {
      width: calc( 66.666667% - 10px); }
    *[class*="normal-margin"] > .width-66-s {
      width: calc( 66.666667% - 20px); }
    *[class*="big-margin"] > .width-66-s {
      width: calc( 66.666667% - 40px); }
    *[class*="verybig-margin"] > .width-66-s {
      width: calc( 66.666667% - 80px); }
    *[class*="section-margin"] > .width-66-s {
      width: calc( 66.666667% - 120px); }
    *[class*="extrem-margin"] > .width-66-s {
      width: calc( 66.666667% - 160px); }
    *[class*="gutter-margin"] > .width-66-s {
      width: calc( 66.666667% - 13.33333px); }
  .width-60-s {
    width: 60%; }
    *[class*="onepixel-margin"] > .width-60-s {
      width: calc( 60% - 1px); }
    *[class*="verysmall-margin"] > .width-60-s {
      width: calc( 60% - 5px); }
    *[class*="small-margin"] > .width-60-s {
      width: calc( 60% - 10px); }
    *[class*="normal-margin"] > .width-60-s {
      width: calc( 60% - 20px); }
    *[class*="big-margin"] > .width-60-s {
      width: calc( 60% - 40px); }
    *[class*="verybig-margin"] > .width-60-s {
      width: calc( 60% - 80px); }
    *[class*="section-margin"] > .width-60-s {
      width: calc( 60% - 120px); }
    *[class*="extrem-margin"] > .width-60-s {
      width: calc( 60% - 160px); }
    *[class*="gutter-margin"] > .width-60-s {
      width: calc( 60% - 13.33333px); }
  .width-50-s {
    width: 50%; }
    *[class*="onepixel-margin"] > .width-50-s {
      width: calc( 50% - 1px); }
    *[class*="verysmall-margin"] > .width-50-s {
      width: calc( 50% - 5px); }
    *[class*="small-margin"] > .width-50-s {
      width: calc( 50% - 10px); }
    *[class*="normal-margin"] > .width-50-s {
      width: calc( 50% - 20px); }
    *[class*="big-margin"] > .width-50-s {
      width: calc( 50% - 40px); }
    *[class*="verybig-margin"] > .width-50-s {
      width: calc( 50% - 80px); }
    *[class*="section-margin"] > .width-50-s {
      width: calc( 50% - 120px); }
    *[class*="extrem-margin"] > .width-50-s {
      width: calc( 50% - 160px); }
    *[class*="gutter-margin"] > .width-50-s {
      width: calc( 50% - 13.33333px); }
  .width-40-s {
    width: 40%; }
    *[class*="onepixel-margin"] > .width-40-s {
      width: calc( 40% - 1px); }
    *[class*="verysmall-margin"] > .width-40-s {
      width: calc( 40% - 5px); }
    *[class*="small-margin"] > .width-40-s {
      width: calc( 40% - 10px); }
    *[class*="normal-margin"] > .width-40-s {
      width: calc( 40% - 20px); }
    *[class*="big-margin"] > .width-40-s {
      width: calc( 40% - 40px); }
    *[class*="verybig-margin"] > .width-40-s {
      width: calc( 40% - 80px); }
    *[class*="section-margin"] > .width-40-s {
      width: calc( 40% - 120px); }
    *[class*="extrem-margin"] > .width-40-s {
      width: calc( 40% - 160px); }
    *[class*="gutter-margin"] > .width-40-s {
      width: calc( 40% - 13.33333px); }
  .width-33-s {
    width: 33.333333%; }
    *[class*="onepixel-margin"] > .width-33-s {
      width: calc( 33.333333% - 1px); }
    *[class*="verysmall-margin"] > .width-33-s {
      width: calc( 33.333333% - 5px); }
    *[class*="small-margin"] > .width-33-s {
      width: calc( 33.333333% - 10px); }
    *[class*="normal-margin"] > .width-33-s {
      width: calc( 33.333333% - 20px); }
    *[class*="big-margin"] > .width-33-s {
      width: calc( 33.333333% - 40px); }
    *[class*="verybig-margin"] > .width-33-s {
      width: calc( 33.333333% - 80px); }
    *[class*="section-margin"] > .width-33-s {
      width: calc( 33.333333% - 120px); }
    *[class*="extrem-margin"] > .width-33-s {
      width: calc( 33.333333% - 160px); }
    *[class*="gutter-margin"] > .width-33-s {
      width: calc( 33.333333% - 13.33333px); }
  .width-25-s {
    width: 25%; }
    *[class*="onepixel-margin"] > .width-25-s {
      width: calc( 25% - 1px); }
    *[class*="verysmall-margin"] > .width-25-s {
      width: calc( 25% - 5px); }
    *[class*="small-margin"] > .width-25-s {
      width: calc( 25% - 10px); }
    *[class*="normal-margin"] > .width-25-s {
      width: calc( 25% - 20px); }
    *[class*="big-margin"] > .width-25-s {
      width: calc( 25% - 40px); }
    *[class*="verybig-margin"] > .width-25-s {
      width: calc( 25% - 80px); }
    *[class*="section-margin"] > .width-25-s {
      width: calc( 25% - 120px); }
    *[class*="extrem-margin"] > .width-25-s {
      width: calc( 25% - 160px); }
    *[class*="gutter-margin"] > .width-25-s {
      width: calc( 25% - 13.33333px); }
  .width-20-s {
    width: 20%; }
    *[class*="onepixel-margin"] > .width-20-s {
      width: calc( 20% - 1px); }
    *[class*="verysmall-margin"] > .width-20-s {
      width: calc( 20% - 5px); }
    *[class*="small-margin"] > .width-20-s {
      width: calc( 20% - 10px); }
    *[class*="normal-margin"] > .width-20-s {
      width: calc( 20% - 20px); }
    *[class*="big-margin"] > .width-20-s {
      width: calc( 20% - 40px); }
    *[class*="verybig-margin"] > .width-20-s {
      width: calc( 20% - 80px); }
    *[class*="section-margin"] > .width-20-s {
      width: calc( 20% - 120px); }
    *[class*="extrem-margin"] > .width-20-s {
      width: calc( 20% - 160px); }
    *[class*="gutter-margin"] > .width-20-s {
      width: calc( 20% - 13.33333px); }
  .width-10-s {
    width: 10%; }
    *[class*="onepixel-margin"] > .width-10-s {
      width: calc( 10% - 1px); }
    *[class*="verysmall-margin"] > .width-10-s {
      width: calc( 10% - 5px); }
    *[class*="small-margin"] > .width-10-s {
      width: calc( 10% - 10px); }
    *[class*="normal-margin"] > .width-10-s {
      width: calc( 10% - 20px); }
    *[class*="big-margin"] > .width-10-s {
      width: calc( 10% - 40px); }
    *[class*="verybig-margin"] > .width-10-s {
      width: calc( 10% - 80px); }
    *[class*="section-margin"] > .width-10-s {
      width: calc( 10% - 120px); }
    *[class*="extrem-margin"] > .width-10-s {
      width: calc( 10% - 160px); }
    *[class*="gutter-margin"] > .width-10-s {
      width: calc( 10% - 13.33333px); }
  .width-0-s {
    width: 0%; }
  .width-large-s {
    max-width: 1025px; }
  .width-small-s {
    max-width: 640px; }
  .width .max-w-1400 {
    max-width: 1400px; }
  .height-120 {
    height: 120%; }
  .height-100 {
    height: 100%; }
  .height-80 {
    height: 80%; }
  .height-75 {
    height: 75%; }
  .height-66 {
    height: 66.666667%; }
  .height-60 {
    height: 60%; }
  .height-50 {
    height: 50%; }
  .height-40 {
    height: 40%; }
  .height-33 {
    height: 33.333333%; }
  .height-25 {
    height: 25%; }
  .height-20 {
    height: 20%; }
  .height-20vh-s {
    min-height: 20%;
    min-height: 20vh; }
  .height-25vh-s {
    min-height: 25%;
    min-height: 25vh; }
  .height-40vh-s {
    min-height: 40%;
    min-height: 40vh; }
  .height-50vh-s {
    min-height: 50%;
    min-height: 50vh; }
  .height-65vh-s {
    min-height: 65%;
    min-height: 65vh; }
  .height-75vh-s {
    min-height: 75%;
    min-height: 75vh; }
  .height-80vh-s {
    min-height: 80%;
    min-height: 80vh; }
  .height-100vh-s {
    min-height: 100%;
    min-height: 100vh !important; }
  .max-width-100-s {
    max-width: 100%; }
  .max-width-80-s {
    max-width: 80%; }
    *[class*="onepixel-margin"] > .max-width-80-s {
      max-width: calc( 80% - 1px); }
    *[class*="verysmall-margin"] > .max-width-80-s {
      max-width: calc( 80% - 5px); }
    *[class*="small-margin"] > .max-width-80-s {
      max-width: calc( 80% - 10px); }
    *[class*="normal-margin"] > .max-width-80-s {
      max-width: calc( 80% - 20px); }
    *[class*="big-margin"] > .max-width-80-s {
      max-width: calc( 80% - 40px); }
    *[class*="verybig-margin"] > .max-width-80-s {
      max-width: calc( 80% - 80px); }
    *[class*="section-margin"] > .max-width-80-s {
      max-width: calc( 80% - 120px); }
    *[class*="extrem-margin"] > .max-width-80-s {
      max-width: calc( 80% - 160px); }
    *[class*="gutter-margin"] > .max-width-80-s {
      max-width: calc( 80% - 13.33333px); }
  .max-width-75-s {
    max-width: 75%; }
    *[class*="onepixel-margin"] > .max-width-75-s {
      max-width: calc( 75% - 1px); }
    *[class*="verysmall-margin"] > .max-width-75-s {
      max-width: calc( 75% - 5px); }
    *[class*="small-margin"] > .max-width-75-s {
      max-width: calc( 75% - 10px); }
    *[class*="normal-margin"] > .max-width-75-s {
      max-width: calc( 75% - 20px); }
    *[class*="big-margin"] > .max-width-75-s {
      max-width: calc( 75% - 40px); }
    *[class*="verybig-margin"] > .max-width-75-s {
      max-width: calc( 75% - 80px); }
    *[class*="section-margin"] > .max-width-75-s {
      max-width: calc( 75% - 120px); }
    *[class*="extrem-margin"] > .max-width-75-s {
      max-width: calc( 75% - 160px); }
    *[class*="gutter-margin"] > .max-width-75-s {
      max-width: calc( 75% - 13.33333px); }
  .max-width-66-s {
    max-width: 66.666667%; }
    *[class*="onepixel-margin"] > .max-width-66-s {
      max-width: calc( 66.666667% - 1px); }
    *[class*="verysmall-margin"] > .max-width-66-s {
      max-width: calc( 66.666667% - 5px); }
    *[class*="small-margin"] > .max-width-66-s {
      max-width: calc( 66.666667% - 10px); }
    *[class*="normal-margin"] > .max-width-66-s {
      max-width: calc( 66.666667% - 20px); }
    *[class*="big-margin"] > .max-width-66-s {
      max-width: calc( 66.666667% - 40px); }
    *[class*="verybig-margin"] > .max-width-66-s {
      max-width: calc( 66.666667% - 80px); }
    *[class*="section-margin"] > .max-width-66-s {
      max-width: calc( 66.666667% - 120px); }
    *[class*="extrem-margin"] > .max-width-66-s {
      max-width: calc( 66.666667% - 160px); }
    *[class*="gutter-margin"] > .max-width-66-s {
      max-width: calc( 66.666667% - 13.33333px); }
  .max-width-60-s {
    max-width: 60%; }
    *[class*="onepixel-margin"] > .max-width-60-s {
      max-width: calc( 60% - 1px); }
    *[class*="verysmall-margin"] > .max-width-60-s {
      max-width: calc( 60% - 5px); }
    *[class*="small-margin"] > .max-width-60-s {
      max-width: calc( 60% - 10px); }
    *[class*="normal-margin"] > .max-width-60-s {
      max-width: calc( 60% - 20px); }
    *[class*="big-margin"] > .max-width-60-s {
      max-width: calc( 60% - 40px); }
    *[class*="verybig-margin"] > .max-width-60-s {
      max-width: calc( 60% - 80px); }
    *[class*="section-margin"] > .max-width-60-s {
      max-width: calc( 60% - 120px); }
    *[class*="extrem-margin"] > .max-width-60-s {
      max-width: calc( 60% - 160px); }
    *[class*="gutter-margin"] > .max-width-60-s {
      max-width: calc( 60% - 13.33333px); }
  .max-width-50-s {
    max-width: 50%; }
    *[class*="onepixel-margin"] > .max-width-50-s {
      max-width: calc( 50% - 1px); }
    *[class*="verysmall-margin"] > .max-width-50-s {
      max-width: calc( 50% - 5px); }
    *[class*="small-margin"] > .max-width-50-s {
      max-width: calc( 50% - 10px); }
    *[class*="normal-margin"] > .max-width-50-s {
      max-width: calc( 50% - 20px); }
    *[class*="big-margin"] > .max-width-50-s {
      max-width: calc( 50% - 40px); }
    *[class*="verybig-margin"] > .max-width-50-s {
      max-width: calc( 50% - 80px); }
    *[class*="section-margin"] > .max-width-50-s {
      max-width: calc( 50% - 120px); }
    *[class*="extrem-margin"] > .max-width-50-s {
      max-width: calc( 50% - 160px); }
    *[class*="gutter-margin"] > .max-width-50-s {
      max-width: calc( 50% - 13.33333px); }
  .max-width-40-s {
    max-width: 40%; }
    *[class*="onepixel-margin"] > .max-width-40-s {
      max-width: calc( 40% - 1px); }
    *[class*="verysmall-margin"] > .max-width-40-s {
      max-width: calc( 40% - 5px); }
    *[class*="small-margin"] > .max-width-40-s {
      max-width: calc( 40% - 10px); }
    *[class*="normal-margin"] > .max-width-40-s {
      max-width: calc( 40% - 20px); }
    *[class*="big-margin"] > .max-width-40-s {
      max-width: calc( 40% - 40px); }
    *[class*="verybig-margin"] > .max-width-40-s {
      max-width: calc( 40% - 80px); }
    *[class*="section-margin"] > .max-width-40-s {
      max-width: calc( 40% - 120px); }
    *[class*="extrem-margin"] > .max-width-40-s {
      max-width: calc( 40% - 160px); }
    *[class*="gutter-margin"] > .max-width-40-s {
      max-width: calc( 40% - 13.33333px); }
  .max-width-33-s {
    max-width: 33.333333%; }
    *[class*="onepixel-margin"] > .max-width-33-s {
      max-width: calc( 33.333333% - 1px); }
    *[class*="verysmall-margin"] > .max-width-33-s {
      max-width: calc( 33.333333% - 5px); }
    *[class*="small-margin"] > .max-width-33-s {
      max-width: calc( 33.333333% - 10px); }
    *[class*="normal-margin"] > .max-width-33-s {
      max-width: calc( 33.333333% - 20px); }
    *[class*="big-margin"] > .max-width-33-s {
      max-width: calc( 33.333333% - 40px); }
    *[class*="verybig-margin"] > .max-width-33-s {
      max-width: calc( 33.333333% - 80px); }
    *[class*="section-margin"] > .max-width-33-s {
      max-width: calc( 33.333333% - 120px); }
    *[class*="extrem-margin"] > .max-width-33-s {
      max-width: calc( 33.333333% - 160px); }
    *[class*="gutter-margin"] > .max-width-33-s {
      max-width: calc( 33.333333% - 13.33333px); }
  .max-width-25-s {
    max-width: 25%; }
    *[class*="onepixel-margin"] > .max-width-25-s {
      max-width: calc( 25% - 1px); }
    *[class*="verysmall-margin"] > .max-width-25-s {
      max-width: calc( 25% - 5px); }
    *[class*="small-margin"] > .max-width-25-s {
      max-width: calc( 25% - 10px); }
    *[class*="normal-margin"] > .max-width-25-s {
      max-width: calc( 25% - 20px); }
    *[class*="big-margin"] > .max-width-25-s {
      max-width: calc( 25% - 40px); }
    *[class*="verybig-margin"] > .max-width-25-s {
      max-width: calc( 25% - 80px); }
    *[class*="section-margin"] > .max-width-25-s {
      max-width: calc( 25% - 120px); }
    *[class*="extrem-margin"] > .max-width-25-s {
      max-width: calc( 25% - 160px); }
    *[class*="gutter-margin"] > .max-width-25-s {
      max-width: calc( 25% - 13.33333px); }
  .max-width-20-s {
    max-width: 20%; }
    *[class*="onepixel-margin"] > .max-width-20-s {
      max-width: calc( 20% - 1px); }
    *[class*="verysmall-margin"] > .max-width-20-s {
      max-width: calc( 20% - 5px); }
    *[class*="small-margin"] > .max-width-20-s {
      max-width: calc( 20% - 10px); }
    *[class*="normal-margin"] > .max-width-20-s {
      max-width: calc( 20% - 20px); }
    *[class*="big-margin"] > .max-width-20-s {
      max-width: calc( 20% - 40px); }
    *[class*="verybig-margin"] > .max-width-20-s {
      max-width: calc( 20% - 80px); }
    *[class*="section-margin"] > .max-width-20-s {
      max-width: calc( 20% - 120px); }
    *[class*="extrem-margin"] > .max-width-20-s {
      max-width: calc( 20% - 160px); }
    *[class*="gutter-margin"] > .max-width-20-s {
      max-width: calc( 20% - 13.33333px); }
  .max-width-10-s {
    max-width: 10%; }
    *[class*="onepixel-margin"] > .max-width-10-s {
      max-width: calc( 10% - 1px); }
    *[class*="verysmall-margin"] > .max-width-10-s {
      max-width: calc( 10% - 5px); }
    *[class*="small-margin"] > .max-width-10-s {
      max-width: calc( 10% - 10px); }
    *[class*="normal-margin"] > .max-width-10-s {
      max-width: calc( 10% - 20px); }
    *[class*="big-margin"] > .max-width-10-s {
      max-width: calc( 10% - 40px); }
    *[class*="verybig-margin"] > .max-width-10-s {
      max-width: calc( 10% - 80px); }
    *[class*="section-margin"] > .max-width-10-s {
      max-width: calc( 10% - 120px); }
    *[class*="extrem-margin"] > .max-width-10-s {
      max-width: calc( 10% - 160px); }
    *[class*="gutter-margin"] > .max-width-10-s {
      max-width: calc( 10% - 13.33333px); }
  .max-width-0-s {
    max-width: 0%; }
  .max-width-large-s {
    max-width: 1025px; }
  .max-width-small-s {
    max-width: 640px; }
  .max-height-100 {
    max-height: 100%; }
  .max-height-80 {
    max-height: 80%; }
  .max-height-75 {
    max-height: 75%; }
  .max-height-66 {
    max-height: 66.666667%; }
  .max-height-60 {
    max-height: 60%; }
  .max-height-50 {
    max-height: 50%; }
  .max-height-40 {
    max-height: 40%; }
  .max-height-33 {
    max-height: 33.333333%; }
  .max-height-25 {
    max-height: 25%; }
  .max-height-20 {
    max-height: 20%; }
  .max-height-0 {
    max-height: 0%; }
  .min-width-100-s {
    min-width: 100%; }
  .min-width-80-s {
    min-width: 80%; }
    *[class*="onepixel-margin"] > .min-width-80-s {
      min-width: calc( 80% - 1px); }
    *[class*="verysmall-margin"] > .min-width-80-s {
      min-width: calc( 80% - 5px); }
    *[class*="small-margin"] > .min-width-80-s {
      min-width: calc( 80% - 10px); }
    *[class*="normal-margin"] > .min-width-80-s {
      min-width: calc( 80% - 20px); }
    *[class*="big-margin"] > .min-width-80-s {
      min-width: calc( 80% - 40px); }
    *[class*="verybig-margin"] > .min-width-80-s {
      min-width: calc( 80% - 80px); }
    *[class*="section-margin"] > .min-width-80-s {
      min-width: calc( 80% - 120px); }
    *[class*="extrem-margin"] > .min-width-80-s {
      min-width: calc( 80% - 160px); }
    *[class*="gutter-margin"] > .min-width-80-s {
      min-width: calc( 80% - 13.33333px); }
  .min-width-75-s {
    min-width: 75%; }
    *[class*="onepixel-margin"] > .min-width-75-s {
      min-width: calc( 75% - 1px); }
    *[class*="verysmall-margin"] > .min-width-75-s {
      min-width: calc( 75% - 5px); }
    *[class*="small-margin"] > .min-width-75-s {
      min-width: calc( 75% - 10px); }
    *[class*="normal-margin"] > .min-width-75-s {
      min-width: calc( 75% - 20px); }
    *[class*="big-margin"] > .min-width-75-s {
      min-width: calc( 75% - 40px); }
    *[class*="verybig-margin"] > .min-width-75-s {
      min-width: calc( 75% - 80px); }
    *[class*="section-margin"] > .min-width-75-s {
      min-width: calc( 75% - 120px); }
    *[class*="extrem-margin"] > .min-width-75-s {
      min-width: calc( 75% - 160px); }
    *[class*="gutter-margin"] > .min-width-75-s {
      min-width: calc( 75% - 13.33333px); }
  .min-width-66-s {
    min-width: 66.666667%; }
    *[class*="onepixel-margin"] > .min-width-66-s {
      min-width: calc( 66.666667% - 1px); }
    *[class*="verysmall-margin"] > .min-width-66-s {
      min-width: calc( 66.666667% - 5px); }
    *[class*="small-margin"] > .min-width-66-s {
      min-width: calc( 66.666667% - 10px); }
    *[class*="normal-margin"] > .min-width-66-s {
      min-width: calc( 66.666667% - 20px); }
    *[class*="big-margin"] > .min-width-66-s {
      min-width: calc( 66.666667% - 40px); }
    *[class*="verybig-margin"] > .min-width-66-s {
      min-width: calc( 66.666667% - 80px); }
    *[class*="section-margin"] > .min-width-66-s {
      min-width: calc( 66.666667% - 120px); }
    *[class*="extrem-margin"] > .min-width-66-s {
      min-width: calc( 66.666667% - 160px); }
    *[class*="gutter-margin"] > .min-width-66-s {
      min-width: calc( 66.666667% - 13.33333px); }
  .min-width-60-s {
    min-width: 60%; }
    *[class*="onepixel-margin"] > .min-width-60-s {
      min-width: calc( 60% - 1px); }
    *[class*="verysmall-margin"] > .min-width-60-s {
      min-width: calc( 60% - 5px); }
    *[class*="small-margin"] > .min-width-60-s {
      min-width: calc( 60% - 10px); }
    *[class*="normal-margin"] > .min-width-60-s {
      min-width: calc( 60% - 20px); }
    *[class*="big-margin"] > .min-width-60-s {
      min-width: calc( 60% - 40px); }
    *[class*="verybig-margin"] > .min-width-60-s {
      min-width: calc( 60% - 80px); }
    *[class*="section-margin"] > .min-width-60-s {
      min-width: calc( 60% - 120px); }
    *[class*="extrem-margin"] > .min-width-60-s {
      min-width: calc( 60% - 160px); }
    *[class*="gutter-margin"] > .min-width-60-s {
      min-width: calc( 60% - 13.33333px); }
  .min-width-50-s {
    min-width: 50%; }
    *[class*="onepixel-margin"] > .min-width-50-s {
      min-width: calc( 50% - 1px); }
    *[class*="verysmall-margin"] > .min-width-50-s {
      min-width: calc( 50% - 5px); }
    *[class*="small-margin"] > .min-width-50-s {
      min-width: calc( 50% - 10px); }
    *[class*="normal-margin"] > .min-width-50-s {
      min-width: calc( 50% - 20px); }
    *[class*="big-margin"] > .min-width-50-s {
      min-width: calc( 50% - 40px); }
    *[class*="verybig-margin"] > .min-width-50-s {
      min-width: calc( 50% - 80px); }
    *[class*="section-margin"] > .min-width-50-s {
      min-width: calc( 50% - 120px); }
    *[class*="extrem-margin"] > .min-width-50-s {
      min-width: calc( 50% - 160px); }
    *[class*="gutter-margin"] > .min-width-50-s {
      min-width: calc( 50% - 13.33333px); }
  .min-width-40-s {
    min-width: 40%; }
    *[class*="onepixel-margin"] > .min-width-40-s {
      min-width: calc( 40% - 1px); }
    *[class*="verysmall-margin"] > .min-width-40-s {
      min-width: calc( 40% - 5px); }
    *[class*="small-margin"] > .min-width-40-s {
      min-width: calc( 40% - 10px); }
    *[class*="normal-margin"] > .min-width-40-s {
      min-width: calc( 40% - 20px); }
    *[class*="big-margin"] > .min-width-40-s {
      min-width: calc( 40% - 40px); }
    *[class*="verybig-margin"] > .min-width-40-s {
      min-width: calc( 40% - 80px); }
    *[class*="section-margin"] > .min-width-40-s {
      min-width: calc( 40% - 120px); }
    *[class*="extrem-margin"] > .min-width-40-s {
      min-width: calc( 40% - 160px); }
    *[class*="gutter-margin"] > .min-width-40-s {
      min-width: calc( 40% - 13.33333px); }
  .min-width-33-s {
    min-width: 33.333333%; }
    *[class*="onepixel-margin"] > .min-width-33-s {
      min-width: calc( 33.333333% - 1px); }
    *[class*="verysmall-margin"] > .min-width-33-s {
      min-width: calc( 33.333333% - 5px); }
    *[class*="small-margin"] > .min-width-33-s {
      min-width: calc( 33.333333% - 10px); }
    *[class*="normal-margin"] > .min-width-33-s {
      min-width: calc( 33.333333% - 20px); }
    *[class*="big-margin"] > .min-width-33-s {
      min-width: calc( 33.333333% - 40px); }
    *[class*="verybig-margin"] > .min-width-33-s {
      min-width: calc( 33.333333% - 80px); }
    *[class*="section-margin"] > .min-width-33-s {
      min-width: calc( 33.333333% - 120px); }
    *[class*="extrem-margin"] > .min-width-33-s {
      min-width: calc( 33.333333% - 160px); }
    *[class*="gutter-margin"] > .min-width-33-s {
      min-width: calc( 33.333333% - 13.33333px); }
  .min-width-25-s {
    min-width: 25%; }
    *[class*="onepixel-margin"] > .min-width-25-s {
      min-width: calc( 25% - 1px); }
    *[class*="verysmall-margin"] > .min-width-25-s {
      min-width: calc( 25% - 5px); }
    *[class*="small-margin"] > .min-width-25-s {
      min-width: calc( 25% - 10px); }
    *[class*="normal-margin"] > .min-width-25-s {
      min-width: calc( 25% - 20px); }
    *[class*="big-margin"] > .min-width-25-s {
      min-width: calc( 25% - 40px); }
    *[class*="verybig-margin"] > .min-width-25-s {
      min-width: calc( 25% - 80px); }
    *[class*="section-margin"] > .min-width-25-s {
      min-width: calc( 25% - 120px); }
    *[class*="extrem-margin"] > .min-width-25-s {
      min-width: calc( 25% - 160px); }
    *[class*="gutter-margin"] > .min-width-25-s {
      min-width: calc( 25% - 13.33333px); }
  .min-width-20-s {
    min-width: 20%; }
    *[class*="onepixel-margin"] > .min-width-20-s {
      min-width: calc( 20% - 1px); }
    *[class*="verysmall-margin"] > .min-width-20-s {
      min-width: calc( 20% - 5px); }
    *[class*="small-margin"] > .min-width-20-s {
      min-width: calc( 20% - 10px); }
    *[class*="normal-margin"] > .min-width-20-s {
      min-width: calc( 20% - 20px); }
    *[class*="big-margin"] > .min-width-20-s {
      min-width: calc( 20% - 40px); }
    *[class*="verybig-margin"] > .min-width-20-s {
      min-width: calc( 20% - 80px); }
    *[class*="section-margin"] > .min-width-20-s {
      min-width: calc( 20% - 120px); }
    *[class*="extrem-margin"] > .min-width-20-s {
      min-width: calc( 20% - 160px); }
    *[class*="gutter-margin"] > .min-width-20-s {
      min-width: calc( 20% - 13.33333px); }
  .min-width-10-s {
    min-width: 10%; }
    *[class*="onepixel-margin"] > .min-width-10-s {
      min-width: calc( 10% - 1px); }
    *[class*="verysmall-margin"] > .min-width-10-s {
      min-width: calc( 10% - 5px); }
    *[class*="small-margin"] > .min-width-10-s {
      min-width: calc( 10% - 10px); }
    *[class*="normal-margin"] > .min-width-10-s {
      min-width: calc( 10% - 20px); }
    *[class*="big-margin"] > .min-width-10-s {
      min-width: calc( 10% - 40px); }
    *[class*="verybig-margin"] > .min-width-10-s {
      min-width: calc( 10% - 80px); }
    *[class*="section-margin"] > .min-width-10-s {
      min-width: calc( 10% - 120px); }
    *[class*="extrem-margin"] > .min-width-10-s {
      min-width: calc( 10% - 160px); }
    *[class*="gutter-margin"] > .min-width-10-s {
      min-width: calc( 10% - 13.33333px); }
  .min-width-0-s {
    min-width: 0%; }
    *[class*="onepixel-margin"] > .min-width-0-s {
      min-width: 0%; }
    *[class*="verysmall-margin"] > .min-width-0-s {
      min-width: 0%; }
    *[class*="small-margin"] > .min-width-0-s {
      min-width: 0%; }
    *[class*="normal-margin"] > .min-width-0-s {
      min-width: 0%; }
    *[class*="big-margin"] > .min-width-0-s {
      min-width: 0%; }
    *[class*="verybig-margin"] > .min-width-0-s {
      min-width: 0%; }
    *[class*="section-margin"] > .min-width-0-s {
      min-width: 0%; }
    *[class*="extrem-margin"] > .min-width-0-s {
      min-width: 0%; }
    *[class*="gutter-margin"] > .min-width-0-s {
      min-width: 0%; }
  .min-width-large-s {
    min-width: 1025px; }
    *[class*="onepixel-margin"] > .min-width-large-s {
      min-width: calc( 1025px - 1px); }
    *[class*="verysmall-margin"] > .min-width-large-s {
      min-width: calc( 1025px - 5px); }
    *[class*="small-margin"] > .min-width-large-s {
      min-width: calc( 1025px - 10px); }
    *[class*="normal-margin"] > .min-width-large-s {
      min-width: calc( 1025px - 20px); }
    *[class*="big-margin"] > .min-width-large-s {
      min-width: calc( 1025px - 40px); }
    *[class*="verybig-margin"] > .min-width-large-s {
      min-width: calc( 1025px - 80px); }
    *[class*="section-margin"] > .min-width-large-s {
      min-width: calc( 1025px - 120px); }
    *[class*="extrem-margin"] > .min-width-large-s {
      min-width: calc( 1025px - 160px); }
    *[class*="gutter-margin"] > .min-width-large-s {
      min-width: calc( 1025px - 13.33333px); }
  .min-width-small-s {
    min-width: 640px; }
    *[class*="onepixel-margin"] > .min-width-small-s {
      min-width: calc( 640px - 1px); }
    *[class*="verysmall-margin"] > .min-width-small-s {
      min-width: calc( 640px - 5px); }
    *[class*="small-margin"] > .min-width-small-s {
      min-width: calc( 640px - 10px); }
    *[class*="normal-margin"] > .min-width-small-s {
      min-width: calc( 640px - 20px); }
    *[class*="big-margin"] > .min-width-small-s {
      min-width: calc( 640px - 40px); }
    *[class*="verybig-margin"] > .min-width-small-s {
      min-width: calc( 640px - 80px); }
    *[class*="section-margin"] > .min-width-small-s {
      min-width: calc( 640px - 120px); }
    *[class*="extrem-margin"] > .min-width-small-s {
      min-width: calc( 640px - 160px); }
    *[class*="gutter-margin"] > .min-width-small-s {
      min-width: calc( 640px - 13.33333px); }
  .min-height-100 {
    min-height: 100vh; }
  .min-height-100-header {
    min-height: calc(100vh - 113px); } }
  @media only screen and (min-width: 640px) and (min-width: 1025px) {
    body.header-transparent .min-height-100-header {
      min-height: 100vh;
      padding-top: calc(113px); } }

@media only screen and (min-width: 640px) {
  .display-block-s {
    display: block; }
  .display-inline-block-s {
    display: inline-block; }
  .display-inline-s {
    display: inline; }
  .display-flex-s {
    display: block !important;
    display: flex !important;
    display: -webkit-flex !important;
    display: -moz-flex !important; }
  .display-inline-flex-s {
    display: inline-flex; }
  .display-none-s {
    display: none; }
  .ovw-s, .overflow-hidden {
    overflow: hidden; }
  .overflow-x-clip {
    overflow-x: clip; }
  .border-all-s {
    border: 1px solid #ccc; }
  .border-top-s {
    border-top: 1px solid #ccc; }
  .border-bottom-s {
    border-bottom: 1px solid #ccc; }
  .border-right-s {
    border-right: 1px solid #ccc; }
  .border-left-s {
    border-left: 1px solid #ccc; }
  .fit-s {
    width: 100%;
    height: 100%;
    height: 100vh; }
  .fit-x-s {
    width: 100%;
    width: 100vw; }
  .fit-y-s {
    height: 500px;
    height: 100vh; }
  .fit-y-perfect-s {
    height: 500px;
    height: calc( 100vh - 48px); }
  .fit-y-perfect-header-s {
    height: 500px;
    height: calc( 100vh - ( 48pxauto )); }
  .fit-y-min-s {
    min-height: 500px;
    min-height: 100vh; }
  .fit-y-min-perfect-s {
    min-height: 500px;
    min-height: calc( 100vh - 48px); }
  .fit-y-min-perfect-header-mobile-s {
    min-height: 500px;
    min-height: calc( 100vh - ( auto )); }
  .fit-y-min-perfect-header-s {
    min-height: 500px;
    min-height: calc( 100vh - ( auto )); }
  .fit-y-min-perfect-header-scroll-s {
    min-height: 500px;
    min-height: calc( 100vh - ( auto )); }
  .break-float-s {
    clear: both;
    width: auto;
    float: none !important;
    margin: 0 0 20px 0; }
  .break-flex-s {
    display: block !important;
    clear: both;
    width: 100%; }
  .flex-justify-start-s {
    justify-content: flex-start; }
  .flex-justify-center-s {
    justify-content: center; }
  .flex-justify-end-s {
    justify-content: flex-end; }
  .flex-justify-stretch-s {
    justify-content: stretch; }
  .flex-justify-space-between-s {
    justify-content: space-between; }
  .flex-justify-space-around-s {
    justify-content: space-around; }
  .flex-justify-default-s {
    justify-content: flex-start; }
  .flex-direction-row-s {
    flex-direction: row; }
  .flex-direction-column-s {
    flex-direction: column; }
  .flex-direction-row-reverse-s {
    flex-direction: row-reverse; }
  .flex-direction-column-reverse-s {
    flex-direction: column-reverse; }
  .flex-elem-s {
    flex: 1; }
  .flex-auto-s {
    flex: 1 1 auto; }
  .flex-100-s {
    flex: 1 1 100%; }
  .flex-50-s {
    flex: 1 1 49%; }
  .flex-0-auto-s {
    flex: 0 0 auto; }
  .flex-none-s {
    flex: none; }
  .flex-order-1-s {
    order: 1; }
  .flex-order-2-s {
    order: 2; }
  .flex-order-3-s {
    order: 3; }
  .flex-order-4-s {
    order: 4; }
  .flex-order-5-s {
    order: 5; }
  .flex-grow-1-s {
    flex-grow: 1; }
  .flex-grow-2-s {
    flex-grow: 2; }
  .flex-grow-3-s {
    flex-grow: 3; }
  .flex-grow-4-s {
    flex-grow: 4; }
  .flex-grow-5-s {
    flex-grow: 5; }
  .flex-grow-6-s {
    flex-grow: 6; }
  .flex-grow-7-s {
    flex-grow: 7; }
  .flex-grow-8-s {
    flex-grow: 8; }
  .flex-grow-9-s {
    flex-grow: 9; }
  .flex-grow-10-s {
    flex-grow: 10; }
  .flex-wrap-s {
    flex-wrap: wrap; }
  .flex-nowrap-s {
    flex-wrap: nowrap; }
  .flex-align-items-center-s {
    align-items: center; }
  .flex-align-items-start-s {
    align-items: flex-start; }
  .flex-align-items-end-s {
    align-items: flex-end; }
  .flex-align-items-stretch-s {
    align-items: stretch; }
  .flex-align-items-baseline-s {
    align-items: baseline; }
  .flex-align-self-center-s {
    align-self: center; }
  .flex-align-self-start-s {
    align-self: flex-start; }
  .flex-align-self-end-s {
    align-self: flex-end; }
  .flex-align-self-stretch-s {
    align-self: stretch; }
  .flex-align-self-baseline-s {
    align-self: baseline; } }

@media only screen and (min-width: 800px) {
  .onepixel-margin-m {
    margin: 1px; }
  .onepixel-margin-top-m {
    margin-top: 1px; }
  .onepixel-margin-top-children-m > * ~ * {
    margin-top: 1px; }
  .onepixel-margin-bottom-m {
    margin-bottom: 1px; }
  .onepixel-margin-bottom-children-m > * {
    margin-bottom: 1px; }
  .onepixel-margin-left-m {
    margin-left: 1px; }
  .onepixel-margin-left-children-m > * ~ * {
    margin-left: 1px; }
  .onepixel-margin-right-m {
    margin-right: 1px; }
  .onepixel-margin-right-children-m > * {
    margin-right: 1px; }
    .onepixel-margin-right-children-m > *:last-of-type {
      margin-right: 0; }
  .onepixel-margin-x-m {
    margin-left: 1px;
    margin-right: 1px; }
  .onepixel-margin-y-m {
    margin-top: 1px;
    margin-bottom: 1px; }
  .onepixel-padding-m {
    padding: 1px; }
  .onepixel-padding-top-m {
    padding-top: 1px; }
  .onepixel-padding-bottom-m {
    padding-bottom: 1px; }
  .onepixel-padding-left-m {
    padding-left: 1px; }
  .onepixel-padding-right-m {
    padding-right: 1px; }
  .onepixel-padding-x-m {
    padding-left: 1px;
    padding-right: 1px; }
  .onepixel-padding-y-m {
    padding-top: 1px;
    padding-bottom: 1px; }
  .onepixel-gap-m {
    gap: 1px; }
  .onepixel-gap-top-m {
    gap-top: 1px; }
  .onepixel-gap-bottom-m {
    gap-bottom: 1px; }
  .onepixel-gap-left-m {
    gap-left: 1px; }
  .onepixel-gap-right-m {
    gap-right: 1px; }
  .onepixel-gap-x-m {
    gap-left: 1px;
    gap-right: 1px; }
  .onepixel-gap-y-m {
    gap-top: 1px;
    gap-bottom: 1px; }
  .verysmall-margin-m {
    margin: 5px; }
  .verysmall-margin-top-m {
    margin-top: 5px; }
  .verysmall-margin-top-children-m > * ~ * {
    margin-top: 5px; }
  .verysmall-margin-bottom-m {
    margin-bottom: 5px; }
  .verysmall-margin-bottom-children-m > * {
    margin-bottom: 5px; }
  .verysmall-margin-left-m {
    margin-left: 5px; }
  .verysmall-margin-left-children-m > * ~ * {
    margin-left: 5px; }
  .verysmall-margin-right-m {
    margin-right: 5px; }
  .verysmall-margin-right-children-m > * {
    margin-right: 5px; }
    .verysmall-margin-right-children-m > *:last-of-type {
      margin-right: 0; }
  .verysmall-margin-x-m {
    margin-left: 5px;
    margin-right: 5px; }
  .verysmall-margin-y-m {
    margin-top: 5px;
    margin-bottom: 5px; }
  .verysmall-padding-m {
    padding: 5px; }
  .verysmall-padding-top-m {
    padding-top: 5px; }
  .verysmall-padding-bottom-m {
    padding-bottom: 5px; }
  .verysmall-padding-left-m {
    padding-left: 5px; }
  .verysmall-padding-right-m {
    padding-right: 5px; }
  .verysmall-padding-x-m {
    padding-left: 5px;
    padding-right: 5px; }
  .verysmall-padding-y-m {
    padding-top: 5px;
    padding-bottom: 5px; }
  .verysmall-gap-m {
    gap: 5px; }
  .verysmall-gap-top-m {
    gap-top: 5px; }
  .verysmall-gap-bottom-m {
    gap-bottom: 5px; }
  .verysmall-gap-left-m {
    gap-left: 5px; }
  .verysmall-gap-right-m {
    gap-right: 5px; }
  .verysmall-gap-x-m {
    gap-left: 5px;
    gap-right: 5px; }
  .verysmall-gap-y-m {
    gap-top: 5px;
    gap-bottom: 5px; }
  .small-margin-m {
    margin: 10px; }
  .small-margin-top-m {
    margin-top: 10px; }
  .small-margin-top-children-m > * ~ * {
    margin-top: 10px; }
  .small-margin-bottom-m {
    margin-bottom: 10px; }
  .small-margin-bottom-children-m > * {
    margin-bottom: 10px; }
  .small-margin-left-m {
    margin-left: 10px; }
  .small-margin-left-children-m > * ~ * {
    margin-left: 10px; }
  .small-margin-right-m {
    margin-right: 10px; }
  .small-margin-right-children-m > * {
    margin-right: 10px; }
    .small-margin-right-children-m > *:last-of-type {
      margin-right: 0; }
  .small-margin-x-m {
    margin-left: 10px;
    margin-right: 10px; }
  .small-margin-y-m {
    margin-top: 10px;
    margin-bottom: 10px; }
  .small-padding-m {
    padding: 10px; }
  .small-padding-top-m {
    padding-top: 10px; }
  .small-padding-bottom-m {
    padding-bottom: 10px; }
  .small-padding-left-m {
    padding-left: 10px; }
  .small-padding-right-m {
    padding-right: 10px; }
  .small-padding-x-m {
    padding-left: 10px;
    padding-right: 10px; }
  .small-padding-y-m {
    padding-top: 10px;
    padding-bottom: 10px; }
  .small-gap-m {
    gap: 10px; }
  .small-gap-top-m {
    gap-top: 10px; }
  .small-gap-bottom-m {
    gap-bottom: 10px; }
  .small-gap-left-m {
    gap-left: 10px; }
  .small-gap-right-m {
    gap-right: 10px; }
  .small-gap-x-m {
    gap-left: 10px;
    gap-right: 10px; }
  .small-gap-y-m {
    gap-top: 10px;
    gap-bottom: 10px; }
  .normal-margin-m {
    margin: 20px; }
  .normal-margin-top-m {
    margin-top: 20px; }
  .normal-margin-top-children-m > * ~ * {
    margin-top: 20px; }
  .normal-margin-bottom-m {
    margin-bottom: 20px; }
  .normal-margin-bottom-children-m > * {
    margin-bottom: 20px; }
  .normal-margin-left-m {
    margin-left: 20px; }
  .normal-margin-left-children-m > * ~ * {
    margin-left: 20px; }
  .normal-margin-right-m {
    margin-right: 20px; }
  .normal-margin-right-children-m > * {
    margin-right: 20px; }
    .normal-margin-right-children-m > *:last-of-type {
      margin-right: 0; }
  .normal-margin-x-m {
    margin-left: 20px;
    margin-right: 20px; }
  .normal-margin-y-m {
    margin-top: 20px;
    margin-bottom: 20px; }
  .normal-padding-m {
    padding: 20px; }
  .normal-padding-top-m {
    padding-top: 20px; }
  .normal-padding-bottom-m {
    padding-bottom: 20px; }
  .normal-padding-left-m {
    padding-left: 20px; }
  .normal-padding-right-m {
    padding-right: 20px; }
  .normal-padding-x-m {
    padding-left: 20px;
    padding-right: 20px; }
  .normal-padding-y-m {
    padding-top: 20px;
    padding-bottom: 20px; }
  .normal-gap-m {
    gap: 20px; }
  .normal-gap-top-m {
    gap-top: 20px; }
  .normal-gap-bottom-m {
    gap-bottom: 20px; }
  .normal-gap-left-m {
    gap-left: 20px; }
  .normal-gap-right-m {
    gap-right: 20px; }
  .normal-gap-x-m {
    gap-left: 20px;
    gap-right: 20px; }
  .normal-gap-y-m {
    gap-top: 20px;
    gap-bottom: 20px; }
  .big-margin-m {
    margin: 40px; }
  .big-margin-top-m {
    margin-top: 40px; }
  .big-margin-top-children-m > * ~ * {
    margin-top: 40px; }
  .big-margin-bottom-m {
    margin-bottom: 40px; }
  .big-margin-bottom-children-m > * {
    margin-bottom: 40px; }
  .big-margin-left-m {
    margin-left: 40px; }
  .big-margin-left-children-m > * ~ * {
    margin-left: 40px; }
  .big-margin-right-m {
    margin-right: 40px; }
  .big-margin-right-children-m > * {
    margin-right: 40px; }
    .big-margin-right-children-m > *:last-of-type {
      margin-right: 0; }
  .big-margin-x-m {
    margin-left: 40px;
    margin-right: 40px; }
  .big-margin-y-m {
    margin-top: 40px;
    margin-bottom: 40px; }
  .big-padding-m {
    padding: 40px; }
  .big-padding-top-m {
    padding-top: 40px; }
  .big-padding-bottom-m {
    padding-bottom: 40px; }
  .big-padding-left-m {
    padding-left: 40px; }
  .big-padding-right-m {
    padding-right: 40px; }
  .big-padding-x-m {
    padding-left: 40px;
    padding-right: 40px; }
  .big-padding-y-m {
    padding-top: 40px;
    padding-bottom: 40px; }
  .big-gap-m {
    gap: 40px; }
  .big-gap-top-m {
    gap-top: 40px; }
  .big-gap-bottom-m {
    gap-bottom: 40px; }
  .big-gap-left-m {
    gap-left: 40px; }
  .big-gap-right-m {
    gap-right: 40px; }
  .big-gap-x-m {
    gap-left: 40px;
    gap-right: 40px; }
  .big-gap-y-m {
    gap-top: 40px;
    gap-bottom: 40px; }
  .verybig-margin-m {
    margin: 80px; }
  .verybig-margin-top-m {
    margin-top: 80px; }
  .verybig-margin-top-children-m > * ~ * {
    margin-top: 80px; }
  .verybig-margin-bottom-m {
    margin-bottom: 80px; }
  .verybig-margin-bottom-children-m > * {
    margin-bottom: 80px; }
  .verybig-margin-left-m {
    margin-left: 80px; }
  .verybig-margin-left-children-m > * ~ * {
    margin-left: 80px; }
  .verybig-margin-right-m {
    margin-right: 80px; }
  .verybig-margin-right-children-m > * {
    margin-right: 80px; }
    .verybig-margin-right-children-m > *:last-of-type {
      margin-right: 0; }
  .verybig-margin-x-m {
    margin-left: 80px;
    margin-right: 80px; }
  .verybig-margin-y-m {
    margin-top: 80px;
    margin-bottom: 80px; }
  .verybig-padding-m {
    padding: 80px; }
  .verybig-padding-top-m {
    padding-top: 80px; }
  .verybig-padding-bottom-m {
    padding-bottom: 80px; }
  .verybig-padding-left-m {
    padding-left: 80px; }
  .verybig-padding-right-m {
    padding-right: 80px; }
  .verybig-padding-x-m {
    padding-left: 80px;
    padding-right: 80px; }
  .verybig-padding-y-m {
    padding-top: 80px;
    padding-bottom: 80px; }
  .verybig-gap-m {
    gap: 80px; }
  .verybig-gap-top-m {
    gap-top: 80px; }
  .verybig-gap-bottom-m {
    gap-bottom: 80px; }
  .verybig-gap-left-m {
    gap-left: 80px; }
  .verybig-gap-right-m {
    gap-right: 80px; }
  .verybig-gap-x-m {
    gap-left: 80px;
    gap-right: 80px; }
  .verybig-gap-y-m {
    gap-top: 80px;
    gap-bottom: 80px; }
  .section-margin-m {
    margin: 120px; }
  .section-margin-top-m {
    margin-top: 120px; }
  .section-margin-top-children-m > * ~ * {
    margin-top: 120px; }
  .section-margin-bottom-m {
    margin-bottom: 120px; }
  .section-margin-bottom-children-m > * {
    margin-bottom: 120px; }
  .section-margin-left-m {
    margin-left: 120px; }
  .section-margin-left-children-m > * ~ * {
    margin-left: 120px; }
  .section-margin-right-m {
    margin-right: 120px; }
  .section-margin-right-children-m > * {
    margin-right: 120px; }
    .section-margin-right-children-m > *:last-of-type {
      margin-right: 0; }
  .section-margin-x-m {
    margin-left: 120px;
    margin-right: 120px; }
  .section-margin-y-m {
    margin-top: 120px;
    margin-bottom: 120px; }
  .section-padding-m {
    padding: 120px; }
  .section-padding-top-m {
    padding-top: 120px; }
  .section-padding-bottom-m {
    padding-bottom: 120px; }
  .section-padding-left-m {
    padding-left: 120px; }
  .section-padding-right-m {
    padding-right: 120px; }
  .section-padding-x-m {
    padding-left: 120px;
    padding-right: 120px; }
  .section-padding-y-m {
    padding-top: 120px;
    padding-bottom: 120px; }
  .section-gap-m {
    gap: 120px; }
  .section-gap-top-m {
    gap-top: 120px; }
  .section-gap-bottom-m {
    gap-bottom: 120px; }
  .section-gap-left-m {
    gap-left: 120px; }
  .section-gap-right-m {
    gap-right: 120px; }
  .section-gap-x-m {
    gap-left: 120px;
    gap-right: 120px; }
  .section-gap-y-m {
    gap-top: 120px;
    gap-bottom: 120px; }
  .extrem-margin-m {
    margin: 160px; }
  .extrem-margin-top-m {
    margin-top: 160px; }
  .extrem-margin-top-children-m > * ~ * {
    margin-top: 160px; }
  .extrem-margin-bottom-m {
    margin-bottom: 160px; }
  .extrem-margin-bottom-children-m > * {
    margin-bottom: 160px; }
  .extrem-margin-left-m {
    margin-left: 160px; }
  .extrem-margin-left-children-m > * ~ * {
    margin-left: 160px; }
  .extrem-margin-right-m {
    margin-right: 160px; }
  .extrem-margin-right-children-m > * {
    margin-right: 160px; }
    .extrem-margin-right-children-m > *:last-of-type {
      margin-right: 0; }
  .extrem-margin-x-m {
    margin-left: 160px;
    margin-right: 160px; }
  .extrem-margin-y-m {
    margin-top: 160px;
    margin-bottom: 160px; }
  .extrem-padding-m {
    padding: 160px; }
  .extrem-padding-top-m {
    padding-top: 160px; }
  .extrem-padding-bottom-m {
    padding-bottom: 160px; }
  .extrem-padding-left-m {
    padding-left: 160px; }
  .extrem-padding-right-m {
    padding-right: 160px; }
  .extrem-padding-x-m {
    padding-left: 160px;
    padding-right: 160px; }
  .extrem-padding-y-m {
    padding-top: 160px;
    padding-bottom: 160px; }
  .extrem-gap-m {
    gap: 160px; }
  .extrem-gap-top-m {
    gap-top: 160px; }
  .extrem-gap-bottom-m {
    gap-bottom: 160px; }
  .extrem-gap-left-m {
    gap-left: 160px; }
  .extrem-gap-right-m {
    gap-right: 160px; }
  .extrem-gap-x-m {
    gap-left: 160px;
    gap-right: 160px; }
  .extrem-gap-y-m {
    gap-top: 160px;
    gap-bottom: 160px; }
  .gutter-margin-m {
    margin: 13.33333px; }
  .gutter-margin-top-m {
    margin-top: 13.33333px; }
  .gutter-margin-top-children-m > * ~ * {
    margin-top: 13.33333px; }
  .gutter-margin-bottom-m {
    margin-bottom: 13.33333px; }
  .gutter-margin-bottom-children-m > * {
    margin-bottom: 13.33333px; }
  .gutter-margin-left-m {
    margin-left: 13.33333px; }
  .gutter-margin-left-children-m > * ~ * {
    margin-left: 13.33333px; }
  .gutter-margin-right-m {
    margin-right: 13.33333px; }
  .gutter-margin-right-children-m > * {
    margin-right: 13.33333px; }
    .gutter-margin-right-children-m > *:last-of-type {
      margin-right: 0; }
  .gutter-margin-x-m {
    margin-left: 13.33333px;
    margin-right: 13.33333px; }
  .gutter-margin-y-m {
    margin-top: 13.33333px;
    margin-bottom: 13.33333px; }
  .gutter-padding-m {
    padding: 13.33333px; }
  .gutter-padding-top-m {
    padding-top: 13.33333px; }
  .gutter-padding-bottom-m {
    padding-bottom: 13.33333px; }
  .gutter-padding-left-m {
    padding-left: 13.33333px; }
  .gutter-padding-right-m {
    padding-right: 13.33333px; }
  .gutter-padding-x-m {
    padding-left: 13.33333px;
    padding-right: 13.33333px; }
  .gutter-padding-y-m {
    padding-top: 13.33333px;
    padding-bottom: 13.33333px; }
  .gutter-gap-m {
    gap: 13.33333px; }
  .gutter-gap-top-m {
    gap-top: 13.33333px; }
  .gutter-gap-bottom-m {
    gap-bottom: 13.33333px; }
  .gutter-gap-left-m {
    gap-left: 13.33333px; }
  .gutter-gap-right-m {
    gap-right: 13.33333px; }
  .gutter-gap-x-m {
    gap-left: 13.33333px;
    gap-right: 13.33333px; }
  .gutter-gap-y-m {
    gap-top: 13.33333px;
    gap-bottom: 13.33333px; }
  .no-margin-m {
    margin: 0; }
  .no-margin-top-m {
    margin-top: 0; }
  .no-margin-top-children-m > * ~ * {
    margin-top: 0; }
  .no-margin-bottom-m {
    margin-bottom: 0; }
  .no-margin-bottom-children-m > * {
    margin-bottom: 0; }
  .no-margin-left-m {
    margin-left: 0; }
  .no-margin-left-children-m > * ~ * {
    margin-left: 0; }
  .no-margin-right-m {
    margin-right: 0; }
  .no-margin-right-children-m > * {
    margin-right: 0; }
    .no-margin-right-children-m > *:last-of-type {
      margin-right: 0; }
  .no-margin-x-m {
    margin-left: 0;
    margin-right: 0; }
  .no-margin-y-m {
    margin-top: 0;
    margin-bottom: 0; }
  .no-padding-m {
    padding: 0; }
  .no-padding-top-m {
    padding-top: 0; }
  .no-padding-bottom-m {
    padding-bottom: 0; }
  .no-padding-left-m {
    padding-left: 0; }
  .no-padding-right-m {
    padding-right: 0; }
  .no-padding-x-m {
    padding-left: 0;
    padding-right: 0; }
  .no-padding-y-m {
    padding-top: 0;
    padding-bottom: 0; }
  .no-gap-m {
    gap: 0; }
  .no-gap-top-m {
    gap-top: 0; }
  .no-gap-bottom-m {
    gap-bottom: 0; }
  .no-gap-left-m {
    gap-left: 0; }
  .no-gap-right-m {
    gap-right: 0; }
  .no-gap-x-m {
    gap-left: 0;
    gap-right: 0; }
  .no-gap-y-m {
    gap-top: 0;
    gap-bottom: 0; }
  .no-border-m {
    border: none; }
  .no-background-m {
    background: none; }
  .no-box-shadow-m {
    box-shadow: none; }
  .no-uppercase-m {
    text-transform: inherit; }
  .no-ratio-m:before {
    padding-top: 0; }
  .margin-auto-m {
    margin-left: auto;
    margin-right: auto; }
    .margin-auto-m-left-m {
      margin-left: auto; }
    .margin-auto-m-right-m {
      margin-right: auto; }
  .font-weight-thin {
    font-weight: 100; }
  .font-weight-light {
    font-weight: 300; }
  .font-weight-normal {
    font-weight: 400; }
  .font-weight-medium {
    font-weight: 600; }
  .font-weight-bold {
    font-weight: 700; }
  .font-style-italic {
    font-style: italic; }
  .font-style-normal {
    font-style: normal; }
  .font-style-oblique {
    font-style: oblique; }
  .font-size-small {
    font-size: 12px; }
  .font-size-normal {
    font-size: 1em; }
  .font-size-medium {
    font-size: 1.25em; }
  .font-size-big {
    font-size: 2em; } }
  @media only screen and (min-width: 800px) and (max-width: 800px) and (min-width: 0px) {
    .font-size-big {
      font-size: 1.5em; } }

@media only screen and (min-width: 800px) {
  .font-size-title {
    font-size: 4em; } }
  @media only screen and (min-width: 800px) and (max-width: 800px) and (min-width: 0px) {
    .font-size-title {
      font-size: 2em; } }

@media only screen and (min-width: 800px) {
  .text-align-left-m {
    text-align: left; }
  .text-align-right-m {
    text-align: right; }
  .text-align-center-m {
    text-align: center; }
  .text-align-justify-m {
    text-align: justify;
    text-align-last: left; }
  .width-auto-m {
    width: auto; }
  .width-100-m {
    width: 100%; }
  .width-80-m {
    width: 80%; }
    *[class*="onepixel-margin"] > .width-80-m {
      width: calc( 80% - 1px); }
    *[class*="verysmall-margin"] > .width-80-m {
      width: calc( 80% - 5px); }
    *[class*="small-margin"] > .width-80-m {
      width: calc( 80% - 10px); }
    *[class*="normal-margin"] > .width-80-m {
      width: calc( 80% - 20px); }
    *[class*="big-margin"] > .width-80-m {
      width: calc( 80% - 40px); }
    *[class*="verybig-margin"] > .width-80-m {
      width: calc( 80% - 80px); }
    *[class*="section-margin"] > .width-80-m {
      width: calc( 80% - 120px); }
    *[class*="extrem-margin"] > .width-80-m {
      width: calc( 80% - 160px); }
    *[class*="gutter-margin"] > .width-80-m {
      width: calc( 80% - 13.33333px); }
  .width-75-m {
    width: 75%; }
    *[class*="onepixel-margin"] > .width-75-m {
      width: calc( 75% - 1px); }
    *[class*="verysmall-margin"] > .width-75-m {
      width: calc( 75% - 5px); }
    *[class*="small-margin"] > .width-75-m {
      width: calc( 75% - 10px); }
    *[class*="normal-margin"] > .width-75-m {
      width: calc( 75% - 20px); }
    *[class*="big-margin"] > .width-75-m {
      width: calc( 75% - 40px); }
    *[class*="verybig-margin"] > .width-75-m {
      width: calc( 75% - 80px); }
    *[class*="section-margin"] > .width-75-m {
      width: calc( 75% - 120px); }
    *[class*="extrem-margin"] > .width-75-m {
      width: calc( 75% - 160px); }
    *[class*="gutter-margin"] > .width-75-m {
      width: calc( 75% - 13.33333px); }
  .width-66-m {
    width: 66.666667%; }
    *[class*="onepixel-margin"] > .width-66-m {
      width: calc( 66.666667% - 1px); }
    *[class*="verysmall-margin"] > .width-66-m {
      width: calc( 66.666667% - 5px); }
    *[class*="small-margin"] > .width-66-m {
      width: calc( 66.666667% - 10px); }
    *[class*="normal-margin"] > .width-66-m {
      width: calc( 66.666667% - 20px); }
    *[class*="big-margin"] > .width-66-m {
      width: calc( 66.666667% - 40px); }
    *[class*="verybig-margin"] > .width-66-m {
      width: calc( 66.666667% - 80px); }
    *[class*="section-margin"] > .width-66-m {
      width: calc( 66.666667% - 120px); }
    *[class*="extrem-margin"] > .width-66-m {
      width: calc( 66.666667% - 160px); }
    *[class*="gutter-margin"] > .width-66-m {
      width: calc( 66.666667% - 13.33333px); }
  .width-60-m {
    width: 60%; }
    *[class*="onepixel-margin"] > .width-60-m {
      width: calc( 60% - 1px); }
    *[class*="verysmall-margin"] > .width-60-m {
      width: calc( 60% - 5px); }
    *[class*="small-margin"] > .width-60-m {
      width: calc( 60% - 10px); }
    *[class*="normal-margin"] > .width-60-m {
      width: calc( 60% - 20px); }
    *[class*="big-margin"] > .width-60-m {
      width: calc( 60% - 40px); }
    *[class*="verybig-margin"] > .width-60-m {
      width: calc( 60% - 80px); }
    *[class*="section-margin"] > .width-60-m {
      width: calc( 60% - 120px); }
    *[class*="extrem-margin"] > .width-60-m {
      width: calc( 60% - 160px); }
    *[class*="gutter-margin"] > .width-60-m {
      width: calc( 60% - 13.33333px); }
  .width-50-m {
    width: 50%; }
    *[class*="onepixel-margin"] > .width-50-m {
      width: calc( 50% - 1px); }
    *[class*="verysmall-margin"] > .width-50-m {
      width: calc( 50% - 5px); }
    *[class*="small-margin"] > .width-50-m {
      width: calc( 50% - 10px); }
    *[class*="normal-margin"] > .width-50-m {
      width: calc( 50% - 20px); }
    *[class*="big-margin"] > .width-50-m {
      width: calc( 50% - 40px); }
    *[class*="verybig-margin"] > .width-50-m {
      width: calc( 50% - 80px); }
    *[class*="section-margin"] > .width-50-m {
      width: calc( 50% - 120px); }
    *[class*="extrem-margin"] > .width-50-m {
      width: calc( 50% - 160px); }
    *[class*="gutter-margin"] > .width-50-m {
      width: calc( 50% - 13.33333px); }
  .width-40-m {
    width: 40%; }
    *[class*="onepixel-margin"] > .width-40-m {
      width: calc( 40% - 1px); }
    *[class*="verysmall-margin"] > .width-40-m {
      width: calc( 40% - 5px); }
    *[class*="small-margin"] > .width-40-m {
      width: calc( 40% - 10px); }
    *[class*="normal-margin"] > .width-40-m {
      width: calc( 40% - 20px); }
    *[class*="big-margin"] > .width-40-m {
      width: calc( 40% - 40px); }
    *[class*="verybig-margin"] > .width-40-m {
      width: calc( 40% - 80px); }
    *[class*="section-margin"] > .width-40-m {
      width: calc( 40% - 120px); }
    *[class*="extrem-margin"] > .width-40-m {
      width: calc( 40% - 160px); }
    *[class*="gutter-margin"] > .width-40-m {
      width: calc( 40% - 13.33333px); }
  .width-33-m {
    width: 33.333333%; }
    *[class*="onepixel-margin"] > .width-33-m {
      width: calc( 33.333333% - 1px); }
    *[class*="verysmall-margin"] > .width-33-m {
      width: calc( 33.333333% - 5px); }
    *[class*="small-margin"] > .width-33-m {
      width: calc( 33.333333% - 10px); }
    *[class*="normal-margin"] > .width-33-m {
      width: calc( 33.333333% - 20px); }
    *[class*="big-margin"] > .width-33-m {
      width: calc( 33.333333% - 40px); }
    *[class*="verybig-margin"] > .width-33-m {
      width: calc( 33.333333% - 80px); }
    *[class*="section-margin"] > .width-33-m {
      width: calc( 33.333333% - 120px); }
    *[class*="extrem-margin"] > .width-33-m {
      width: calc( 33.333333% - 160px); }
    *[class*="gutter-margin"] > .width-33-m {
      width: calc( 33.333333% - 13.33333px); }
  .width-25-m {
    width: 25%; }
    *[class*="onepixel-margin"] > .width-25-m {
      width: calc( 25% - 1px); }
    *[class*="verysmall-margin"] > .width-25-m {
      width: calc( 25% - 5px); }
    *[class*="small-margin"] > .width-25-m {
      width: calc( 25% - 10px); }
    *[class*="normal-margin"] > .width-25-m {
      width: calc( 25% - 20px); }
    *[class*="big-margin"] > .width-25-m {
      width: calc( 25% - 40px); }
    *[class*="verybig-margin"] > .width-25-m {
      width: calc( 25% - 80px); }
    *[class*="section-margin"] > .width-25-m {
      width: calc( 25% - 120px); }
    *[class*="extrem-margin"] > .width-25-m {
      width: calc( 25% - 160px); }
    *[class*="gutter-margin"] > .width-25-m {
      width: calc( 25% - 13.33333px); }
  .width-20-m {
    width: 20%; }
    *[class*="onepixel-margin"] > .width-20-m {
      width: calc( 20% - 1px); }
    *[class*="verysmall-margin"] > .width-20-m {
      width: calc( 20% - 5px); }
    *[class*="small-margin"] > .width-20-m {
      width: calc( 20% - 10px); }
    *[class*="normal-margin"] > .width-20-m {
      width: calc( 20% - 20px); }
    *[class*="big-margin"] > .width-20-m {
      width: calc( 20% - 40px); }
    *[class*="verybig-margin"] > .width-20-m {
      width: calc( 20% - 80px); }
    *[class*="section-margin"] > .width-20-m {
      width: calc( 20% - 120px); }
    *[class*="extrem-margin"] > .width-20-m {
      width: calc( 20% - 160px); }
    *[class*="gutter-margin"] > .width-20-m {
      width: calc( 20% - 13.33333px); }
  .width-10-m {
    width: 10%; }
    *[class*="onepixel-margin"] > .width-10-m {
      width: calc( 10% - 1px); }
    *[class*="verysmall-margin"] > .width-10-m {
      width: calc( 10% - 5px); }
    *[class*="small-margin"] > .width-10-m {
      width: calc( 10% - 10px); }
    *[class*="normal-margin"] > .width-10-m {
      width: calc( 10% - 20px); }
    *[class*="big-margin"] > .width-10-m {
      width: calc( 10% - 40px); }
    *[class*="verybig-margin"] > .width-10-m {
      width: calc( 10% - 80px); }
    *[class*="section-margin"] > .width-10-m {
      width: calc( 10% - 120px); }
    *[class*="extrem-margin"] > .width-10-m {
      width: calc( 10% - 160px); }
    *[class*="gutter-margin"] > .width-10-m {
      width: calc( 10% - 13.33333px); }
  .width-0-m {
    width: 0%; }
  .width-large-m {
    max-width: 1025px; }
  .width-small-m {
    max-width: 640px; }
  .width .max-w-1400 {
    max-width: 1400px; }
  .height-120 {
    height: 120%; }
  .height-100 {
    height: 100%; }
  .height-80 {
    height: 80%; }
  .height-75 {
    height: 75%; }
  .height-66 {
    height: 66.666667%; }
  .height-60 {
    height: 60%; }
  .height-50 {
    height: 50%; }
  .height-40 {
    height: 40%; }
  .height-33 {
    height: 33.333333%; }
  .height-25 {
    height: 25%; }
  .height-20 {
    height: 20%; }
  .height-20vh-m {
    min-height: 20%;
    min-height: 20vh; }
  .height-25vh-m {
    min-height: 25%;
    min-height: 25vh; }
  .height-40vh-m {
    min-height: 40%;
    min-height: 40vh; }
  .height-50vh-m {
    min-height: 50%;
    min-height: 50vh; }
  .height-65vh-m {
    min-height: 65%;
    min-height: 65vh; }
  .height-75vh-m {
    min-height: 75%;
    min-height: 75vh; }
  .height-80vh-m {
    min-height: 80%;
    min-height: 80vh; }
  .height-100vh-m {
    min-height: 100%;
    min-height: 100vh !important; }
  .max-width-100-m {
    max-width: 100%; }
  .max-width-80-m {
    max-width: 80%; }
    *[class*="onepixel-margin"] > .max-width-80-m {
      max-width: calc( 80% - 1px); }
    *[class*="verysmall-margin"] > .max-width-80-m {
      max-width: calc( 80% - 5px); }
    *[class*="small-margin"] > .max-width-80-m {
      max-width: calc( 80% - 10px); }
    *[class*="normal-margin"] > .max-width-80-m {
      max-width: calc( 80% - 20px); }
    *[class*="big-margin"] > .max-width-80-m {
      max-width: calc( 80% - 40px); }
    *[class*="verybig-margin"] > .max-width-80-m {
      max-width: calc( 80% - 80px); }
    *[class*="section-margin"] > .max-width-80-m {
      max-width: calc( 80% - 120px); }
    *[class*="extrem-margin"] > .max-width-80-m {
      max-width: calc( 80% - 160px); }
    *[class*="gutter-margin"] > .max-width-80-m {
      max-width: calc( 80% - 13.33333px); }
  .max-width-75-m {
    max-width: 75%; }
    *[class*="onepixel-margin"] > .max-width-75-m {
      max-width: calc( 75% - 1px); }
    *[class*="verysmall-margin"] > .max-width-75-m {
      max-width: calc( 75% - 5px); }
    *[class*="small-margin"] > .max-width-75-m {
      max-width: calc( 75% - 10px); }
    *[class*="normal-margin"] > .max-width-75-m {
      max-width: calc( 75% - 20px); }
    *[class*="big-margin"] > .max-width-75-m {
      max-width: calc( 75% - 40px); }
    *[class*="verybig-margin"] > .max-width-75-m {
      max-width: calc( 75% - 80px); }
    *[class*="section-margin"] > .max-width-75-m {
      max-width: calc( 75% - 120px); }
    *[class*="extrem-margin"] > .max-width-75-m {
      max-width: calc( 75% - 160px); }
    *[class*="gutter-margin"] > .max-width-75-m {
      max-width: calc( 75% - 13.33333px); }
  .max-width-66-m {
    max-width: 66.666667%; }
    *[class*="onepixel-margin"] > .max-width-66-m {
      max-width: calc( 66.666667% - 1px); }
    *[class*="verysmall-margin"] > .max-width-66-m {
      max-width: calc( 66.666667% - 5px); }
    *[class*="small-margin"] > .max-width-66-m {
      max-width: calc( 66.666667% - 10px); }
    *[class*="normal-margin"] > .max-width-66-m {
      max-width: calc( 66.666667% - 20px); }
    *[class*="big-margin"] > .max-width-66-m {
      max-width: calc( 66.666667% - 40px); }
    *[class*="verybig-margin"] > .max-width-66-m {
      max-width: calc( 66.666667% - 80px); }
    *[class*="section-margin"] > .max-width-66-m {
      max-width: calc( 66.666667% - 120px); }
    *[class*="extrem-margin"] > .max-width-66-m {
      max-width: calc( 66.666667% - 160px); }
    *[class*="gutter-margin"] > .max-width-66-m {
      max-width: calc( 66.666667% - 13.33333px); }
  .max-width-60-m {
    max-width: 60%; }
    *[class*="onepixel-margin"] > .max-width-60-m {
      max-width: calc( 60% - 1px); }
    *[class*="verysmall-margin"] > .max-width-60-m {
      max-width: calc( 60% - 5px); }
    *[class*="small-margin"] > .max-width-60-m {
      max-width: calc( 60% - 10px); }
    *[class*="normal-margin"] > .max-width-60-m {
      max-width: calc( 60% - 20px); }
    *[class*="big-margin"] > .max-width-60-m {
      max-width: calc( 60% - 40px); }
    *[class*="verybig-margin"] > .max-width-60-m {
      max-width: calc( 60% - 80px); }
    *[class*="section-margin"] > .max-width-60-m {
      max-width: calc( 60% - 120px); }
    *[class*="extrem-margin"] > .max-width-60-m {
      max-width: calc( 60% - 160px); }
    *[class*="gutter-margin"] > .max-width-60-m {
      max-width: calc( 60% - 13.33333px); }
  .max-width-50-m {
    max-width: 50%; }
    *[class*="onepixel-margin"] > .max-width-50-m {
      max-width: calc( 50% - 1px); }
    *[class*="verysmall-margin"] > .max-width-50-m {
      max-width: calc( 50% - 5px); }
    *[class*="small-margin"] > .max-width-50-m {
      max-width: calc( 50% - 10px); }
    *[class*="normal-margin"] > .max-width-50-m {
      max-width: calc( 50% - 20px); }
    *[class*="big-margin"] > .max-width-50-m {
      max-width: calc( 50% - 40px); }
    *[class*="verybig-margin"] > .max-width-50-m {
      max-width: calc( 50% - 80px); }
    *[class*="section-margin"] > .max-width-50-m {
      max-width: calc( 50% - 120px); }
    *[class*="extrem-margin"] > .max-width-50-m {
      max-width: calc( 50% - 160px); }
    *[class*="gutter-margin"] > .max-width-50-m {
      max-width: calc( 50% - 13.33333px); }
  .max-width-40-m {
    max-width: 40%; }
    *[class*="onepixel-margin"] > .max-width-40-m {
      max-width: calc( 40% - 1px); }
    *[class*="verysmall-margin"] > .max-width-40-m {
      max-width: calc( 40% - 5px); }
    *[class*="small-margin"] > .max-width-40-m {
      max-width: calc( 40% - 10px); }
    *[class*="normal-margin"] > .max-width-40-m {
      max-width: calc( 40% - 20px); }
    *[class*="big-margin"] > .max-width-40-m {
      max-width: calc( 40% - 40px); }
    *[class*="verybig-margin"] > .max-width-40-m {
      max-width: calc( 40% - 80px); }
    *[class*="section-margin"] > .max-width-40-m {
      max-width: calc( 40% - 120px); }
    *[class*="extrem-margin"] > .max-width-40-m {
      max-width: calc( 40% - 160px); }
    *[class*="gutter-margin"] > .max-width-40-m {
      max-width: calc( 40% - 13.33333px); }
  .max-width-33-m {
    max-width: 33.333333%; }
    *[class*="onepixel-margin"] > .max-width-33-m {
      max-width: calc( 33.333333% - 1px); }
    *[class*="verysmall-margin"] > .max-width-33-m {
      max-width: calc( 33.333333% - 5px); }
    *[class*="small-margin"] > .max-width-33-m {
      max-width: calc( 33.333333% - 10px); }
    *[class*="normal-margin"] > .max-width-33-m {
      max-width: calc( 33.333333% - 20px); }
    *[class*="big-margin"] > .max-width-33-m {
      max-width: calc( 33.333333% - 40px); }
    *[class*="verybig-margin"] > .max-width-33-m {
      max-width: calc( 33.333333% - 80px); }
    *[class*="section-margin"] > .max-width-33-m {
      max-width: calc( 33.333333% - 120px); }
    *[class*="extrem-margin"] > .max-width-33-m {
      max-width: calc( 33.333333% - 160px); }
    *[class*="gutter-margin"] > .max-width-33-m {
      max-width: calc( 33.333333% - 13.33333px); }
  .max-width-25-m {
    max-width: 25%; }
    *[class*="onepixel-margin"] > .max-width-25-m {
      max-width: calc( 25% - 1px); }
    *[class*="verysmall-margin"] > .max-width-25-m {
      max-width: calc( 25% - 5px); }
    *[class*="small-margin"] > .max-width-25-m {
      max-width: calc( 25% - 10px); }
    *[class*="normal-margin"] > .max-width-25-m {
      max-width: calc( 25% - 20px); }
    *[class*="big-margin"] > .max-width-25-m {
      max-width: calc( 25% - 40px); }
    *[class*="verybig-margin"] > .max-width-25-m {
      max-width: calc( 25% - 80px); }
    *[class*="section-margin"] > .max-width-25-m {
      max-width: calc( 25% - 120px); }
    *[class*="extrem-margin"] > .max-width-25-m {
      max-width: calc( 25% - 160px); }
    *[class*="gutter-margin"] > .max-width-25-m {
      max-width: calc( 25% - 13.33333px); }
  .max-width-20-m {
    max-width: 20%; }
    *[class*="onepixel-margin"] > .max-width-20-m {
      max-width: calc( 20% - 1px); }
    *[class*="verysmall-margin"] > .max-width-20-m {
      max-width: calc( 20% - 5px); }
    *[class*="small-margin"] > .max-width-20-m {
      max-width: calc( 20% - 10px); }
    *[class*="normal-margin"] > .max-width-20-m {
      max-width: calc( 20% - 20px); }
    *[class*="big-margin"] > .max-width-20-m {
      max-width: calc( 20% - 40px); }
    *[class*="verybig-margin"] > .max-width-20-m {
      max-width: calc( 20% - 80px); }
    *[class*="section-margin"] > .max-width-20-m {
      max-width: calc( 20% - 120px); }
    *[class*="extrem-margin"] > .max-width-20-m {
      max-width: calc( 20% - 160px); }
    *[class*="gutter-margin"] > .max-width-20-m {
      max-width: calc( 20% - 13.33333px); }
  .max-width-10-m {
    max-width: 10%; }
    *[class*="onepixel-margin"] > .max-width-10-m {
      max-width: calc( 10% - 1px); }
    *[class*="verysmall-margin"] > .max-width-10-m {
      max-width: calc( 10% - 5px); }
    *[class*="small-margin"] > .max-width-10-m {
      max-width: calc( 10% - 10px); }
    *[class*="normal-margin"] > .max-width-10-m {
      max-width: calc( 10% - 20px); }
    *[class*="big-margin"] > .max-width-10-m {
      max-width: calc( 10% - 40px); }
    *[class*="verybig-margin"] > .max-width-10-m {
      max-width: calc( 10% - 80px); }
    *[class*="section-margin"] > .max-width-10-m {
      max-width: calc( 10% - 120px); }
    *[class*="extrem-margin"] > .max-width-10-m {
      max-width: calc( 10% - 160px); }
    *[class*="gutter-margin"] > .max-width-10-m {
      max-width: calc( 10% - 13.33333px); }
  .max-width-0-m {
    max-width: 0%; }
  .max-width-large-m {
    max-width: 1025px; }
  .max-width-small-m {
    max-width: 640px; }
  .max-height-100 {
    max-height: 100%; }
  .max-height-80 {
    max-height: 80%; }
  .max-height-75 {
    max-height: 75%; }
  .max-height-66 {
    max-height: 66.666667%; }
  .max-height-60 {
    max-height: 60%; }
  .max-height-50 {
    max-height: 50%; }
  .max-height-40 {
    max-height: 40%; }
  .max-height-33 {
    max-height: 33.333333%; }
  .max-height-25 {
    max-height: 25%; }
  .max-height-20 {
    max-height: 20%; }
  .max-height-0 {
    max-height: 0%; }
  .min-width-100-m {
    min-width: 100%; }
  .min-width-80-m {
    min-width: 80%; }
    *[class*="onepixel-margin"] > .min-width-80-m {
      min-width: calc( 80% - 1px); }
    *[class*="verysmall-margin"] > .min-width-80-m {
      min-width: calc( 80% - 5px); }
    *[class*="small-margin"] > .min-width-80-m {
      min-width: calc( 80% - 10px); }
    *[class*="normal-margin"] > .min-width-80-m {
      min-width: calc( 80% - 20px); }
    *[class*="big-margin"] > .min-width-80-m {
      min-width: calc( 80% - 40px); }
    *[class*="verybig-margin"] > .min-width-80-m {
      min-width: calc( 80% - 80px); }
    *[class*="section-margin"] > .min-width-80-m {
      min-width: calc( 80% - 120px); }
    *[class*="extrem-margin"] > .min-width-80-m {
      min-width: calc( 80% - 160px); }
    *[class*="gutter-margin"] > .min-width-80-m {
      min-width: calc( 80% - 13.33333px); }
  .min-width-75-m {
    min-width: 75%; }
    *[class*="onepixel-margin"] > .min-width-75-m {
      min-width: calc( 75% - 1px); }
    *[class*="verysmall-margin"] > .min-width-75-m {
      min-width: calc( 75% - 5px); }
    *[class*="small-margin"] > .min-width-75-m {
      min-width: calc( 75% - 10px); }
    *[class*="normal-margin"] > .min-width-75-m {
      min-width: calc( 75% - 20px); }
    *[class*="big-margin"] > .min-width-75-m {
      min-width: calc( 75% - 40px); }
    *[class*="verybig-margin"] > .min-width-75-m {
      min-width: calc( 75% - 80px); }
    *[class*="section-margin"] > .min-width-75-m {
      min-width: calc( 75% - 120px); }
    *[class*="extrem-margin"] > .min-width-75-m {
      min-width: calc( 75% - 160px); }
    *[class*="gutter-margin"] > .min-width-75-m {
      min-width: calc( 75% - 13.33333px); }
  .min-width-66-m {
    min-width: 66.666667%; }
    *[class*="onepixel-margin"] > .min-width-66-m {
      min-width: calc( 66.666667% - 1px); }
    *[class*="verysmall-margin"] > .min-width-66-m {
      min-width: calc( 66.666667% - 5px); }
    *[class*="small-margin"] > .min-width-66-m {
      min-width: calc( 66.666667% - 10px); }
    *[class*="normal-margin"] > .min-width-66-m {
      min-width: calc( 66.666667% - 20px); }
    *[class*="big-margin"] > .min-width-66-m {
      min-width: calc( 66.666667% - 40px); }
    *[class*="verybig-margin"] > .min-width-66-m {
      min-width: calc( 66.666667% - 80px); }
    *[class*="section-margin"] > .min-width-66-m {
      min-width: calc( 66.666667% - 120px); }
    *[class*="extrem-margin"] > .min-width-66-m {
      min-width: calc( 66.666667% - 160px); }
    *[class*="gutter-margin"] > .min-width-66-m {
      min-width: calc( 66.666667% - 13.33333px); }
  .min-width-60-m {
    min-width: 60%; }
    *[class*="onepixel-margin"] > .min-width-60-m {
      min-width: calc( 60% - 1px); }
    *[class*="verysmall-margin"] > .min-width-60-m {
      min-width: calc( 60% - 5px); }
    *[class*="small-margin"] > .min-width-60-m {
      min-width: calc( 60% - 10px); }
    *[class*="normal-margin"] > .min-width-60-m {
      min-width: calc( 60% - 20px); }
    *[class*="big-margin"] > .min-width-60-m {
      min-width: calc( 60% - 40px); }
    *[class*="verybig-margin"] > .min-width-60-m {
      min-width: calc( 60% - 80px); }
    *[class*="section-margin"] > .min-width-60-m {
      min-width: calc( 60% - 120px); }
    *[class*="extrem-margin"] > .min-width-60-m {
      min-width: calc( 60% - 160px); }
    *[class*="gutter-margin"] > .min-width-60-m {
      min-width: calc( 60% - 13.33333px); }
  .min-width-50-m {
    min-width: 50%; }
    *[class*="onepixel-margin"] > .min-width-50-m {
      min-width: calc( 50% - 1px); }
    *[class*="verysmall-margin"] > .min-width-50-m {
      min-width: calc( 50% - 5px); }
    *[class*="small-margin"] > .min-width-50-m {
      min-width: calc( 50% - 10px); }
    *[class*="normal-margin"] > .min-width-50-m {
      min-width: calc( 50% - 20px); }
    *[class*="big-margin"] > .min-width-50-m {
      min-width: calc( 50% - 40px); }
    *[class*="verybig-margin"] > .min-width-50-m {
      min-width: calc( 50% - 80px); }
    *[class*="section-margin"] > .min-width-50-m {
      min-width: calc( 50% - 120px); }
    *[class*="extrem-margin"] > .min-width-50-m {
      min-width: calc( 50% - 160px); }
    *[class*="gutter-margin"] > .min-width-50-m {
      min-width: calc( 50% - 13.33333px); }
  .min-width-40-m {
    min-width: 40%; }
    *[class*="onepixel-margin"] > .min-width-40-m {
      min-width: calc( 40% - 1px); }
    *[class*="verysmall-margin"] > .min-width-40-m {
      min-width: calc( 40% - 5px); }
    *[class*="small-margin"] > .min-width-40-m {
      min-width: calc( 40% - 10px); }
    *[class*="normal-margin"] > .min-width-40-m {
      min-width: calc( 40% - 20px); }
    *[class*="big-margin"] > .min-width-40-m {
      min-width: calc( 40% - 40px); }
    *[class*="verybig-margin"] > .min-width-40-m {
      min-width: calc( 40% - 80px); }
    *[class*="section-margin"] > .min-width-40-m {
      min-width: calc( 40% - 120px); }
    *[class*="extrem-margin"] > .min-width-40-m {
      min-width: calc( 40% - 160px); }
    *[class*="gutter-margin"] > .min-width-40-m {
      min-width: calc( 40% - 13.33333px); }
  .min-width-33-m {
    min-width: 33.333333%; }
    *[class*="onepixel-margin"] > .min-width-33-m {
      min-width: calc( 33.333333% - 1px); }
    *[class*="verysmall-margin"] > .min-width-33-m {
      min-width: calc( 33.333333% - 5px); }
    *[class*="small-margin"] > .min-width-33-m {
      min-width: calc( 33.333333% - 10px); }
    *[class*="normal-margin"] > .min-width-33-m {
      min-width: calc( 33.333333% - 20px); }
    *[class*="big-margin"] > .min-width-33-m {
      min-width: calc( 33.333333% - 40px); }
    *[class*="verybig-margin"] > .min-width-33-m {
      min-width: calc( 33.333333% - 80px); }
    *[class*="section-margin"] > .min-width-33-m {
      min-width: calc( 33.333333% - 120px); }
    *[class*="extrem-margin"] > .min-width-33-m {
      min-width: calc( 33.333333% - 160px); }
    *[class*="gutter-margin"] > .min-width-33-m {
      min-width: calc( 33.333333% - 13.33333px); }
  .min-width-25-m {
    min-width: 25%; }
    *[class*="onepixel-margin"] > .min-width-25-m {
      min-width: calc( 25% - 1px); }
    *[class*="verysmall-margin"] > .min-width-25-m {
      min-width: calc( 25% - 5px); }
    *[class*="small-margin"] > .min-width-25-m {
      min-width: calc( 25% - 10px); }
    *[class*="normal-margin"] > .min-width-25-m {
      min-width: calc( 25% - 20px); }
    *[class*="big-margin"] > .min-width-25-m {
      min-width: calc( 25% - 40px); }
    *[class*="verybig-margin"] > .min-width-25-m {
      min-width: calc( 25% - 80px); }
    *[class*="section-margin"] > .min-width-25-m {
      min-width: calc( 25% - 120px); }
    *[class*="extrem-margin"] > .min-width-25-m {
      min-width: calc( 25% - 160px); }
    *[class*="gutter-margin"] > .min-width-25-m {
      min-width: calc( 25% - 13.33333px); }
  .min-width-20-m {
    min-width: 20%; }
    *[class*="onepixel-margin"] > .min-width-20-m {
      min-width: calc( 20% - 1px); }
    *[class*="verysmall-margin"] > .min-width-20-m {
      min-width: calc( 20% - 5px); }
    *[class*="small-margin"] > .min-width-20-m {
      min-width: calc( 20% - 10px); }
    *[class*="normal-margin"] > .min-width-20-m {
      min-width: calc( 20% - 20px); }
    *[class*="big-margin"] > .min-width-20-m {
      min-width: calc( 20% - 40px); }
    *[class*="verybig-margin"] > .min-width-20-m {
      min-width: calc( 20% - 80px); }
    *[class*="section-margin"] > .min-width-20-m {
      min-width: calc( 20% - 120px); }
    *[class*="extrem-margin"] > .min-width-20-m {
      min-width: calc( 20% - 160px); }
    *[class*="gutter-margin"] > .min-width-20-m {
      min-width: calc( 20% - 13.33333px); }
  .min-width-10-m {
    min-width: 10%; }
    *[class*="onepixel-margin"] > .min-width-10-m {
      min-width: calc( 10% - 1px); }
    *[class*="verysmall-margin"] > .min-width-10-m {
      min-width: calc( 10% - 5px); }
    *[class*="small-margin"] > .min-width-10-m {
      min-width: calc( 10% - 10px); }
    *[class*="normal-margin"] > .min-width-10-m {
      min-width: calc( 10% - 20px); }
    *[class*="big-margin"] > .min-width-10-m {
      min-width: calc( 10% - 40px); }
    *[class*="verybig-margin"] > .min-width-10-m {
      min-width: calc( 10% - 80px); }
    *[class*="section-margin"] > .min-width-10-m {
      min-width: calc( 10% - 120px); }
    *[class*="extrem-margin"] > .min-width-10-m {
      min-width: calc( 10% - 160px); }
    *[class*="gutter-margin"] > .min-width-10-m {
      min-width: calc( 10% - 13.33333px); }
  .min-width-0-m {
    min-width: 0%; }
    *[class*="onepixel-margin"] > .min-width-0-m {
      min-width: 0%; }
    *[class*="verysmall-margin"] > .min-width-0-m {
      min-width: 0%; }
    *[class*="small-margin"] > .min-width-0-m {
      min-width: 0%; }
    *[class*="normal-margin"] > .min-width-0-m {
      min-width: 0%; }
    *[class*="big-margin"] > .min-width-0-m {
      min-width: 0%; }
    *[class*="verybig-margin"] > .min-width-0-m {
      min-width: 0%; }
    *[class*="section-margin"] > .min-width-0-m {
      min-width: 0%; }
    *[class*="extrem-margin"] > .min-width-0-m {
      min-width: 0%; }
    *[class*="gutter-margin"] > .min-width-0-m {
      min-width: 0%; }
  .min-width-large-m {
    min-width: 1025px; }
    *[class*="onepixel-margin"] > .min-width-large-m {
      min-width: calc( 1025px - 1px); }
    *[class*="verysmall-margin"] > .min-width-large-m {
      min-width: calc( 1025px - 5px); }
    *[class*="small-margin"] > .min-width-large-m {
      min-width: calc( 1025px - 10px); }
    *[class*="normal-margin"] > .min-width-large-m {
      min-width: calc( 1025px - 20px); }
    *[class*="big-margin"] > .min-width-large-m {
      min-width: calc( 1025px - 40px); }
    *[class*="verybig-margin"] > .min-width-large-m {
      min-width: calc( 1025px - 80px); }
    *[class*="section-margin"] > .min-width-large-m {
      min-width: calc( 1025px - 120px); }
    *[class*="extrem-margin"] > .min-width-large-m {
      min-width: calc( 1025px - 160px); }
    *[class*="gutter-margin"] > .min-width-large-m {
      min-width: calc( 1025px - 13.33333px); }
  .min-width-small-m {
    min-width: 640px; }
    *[class*="onepixel-margin"] > .min-width-small-m {
      min-width: calc( 640px - 1px); }
    *[class*="verysmall-margin"] > .min-width-small-m {
      min-width: calc( 640px - 5px); }
    *[class*="small-margin"] > .min-width-small-m {
      min-width: calc( 640px - 10px); }
    *[class*="normal-margin"] > .min-width-small-m {
      min-width: calc( 640px - 20px); }
    *[class*="big-margin"] > .min-width-small-m {
      min-width: calc( 640px - 40px); }
    *[class*="verybig-margin"] > .min-width-small-m {
      min-width: calc( 640px - 80px); }
    *[class*="section-margin"] > .min-width-small-m {
      min-width: calc( 640px - 120px); }
    *[class*="extrem-margin"] > .min-width-small-m {
      min-width: calc( 640px - 160px); }
    *[class*="gutter-margin"] > .min-width-small-m {
      min-width: calc( 640px - 13.33333px); }
  .min-height-100 {
    min-height: 100vh; }
  .min-height-100-header {
    min-height: calc(100vh - 113px); } }
  @media only screen and (min-width: 800px) and (min-width: 1025px) {
    body.header-transparent .min-height-100-header {
      min-height: 100vh;
      padding-top: calc(113px); } }

@media only screen and (min-width: 800px) {
  .display-block-m {
    display: block; }
  .display-inline-block-m {
    display: inline-block; }
  .display-inline-m {
    display: inline; }
  .display-flex-m {
    display: block !important;
    display: flex !important;
    display: -webkit-flex !important;
    display: -moz-flex !important; }
  .display-inline-flex-m {
    display: inline-flex; }
  .display-none-m {
    display: none; }
  .ovw-m, .overflow-hidden {
    overflow: hidden; }
  .overflow-x-clip {
    overflow-x: clip; }
  .border-all-m {
    border: 1px solid #ccc; }
  .border-top-m {
    border-top: 1px solid #ccc; }
  .border-bottom-m {
    border-bottom: 1px solid #ccc; }
  .border-right-m {
    border-right: 1px solid #ccc; }
  .border-left-m {
    border-left: 1px solid #ccc; }
  .fit-m {
    width: 100%;
    height: 100%;
    height: 100vh; }
  .fit-x-m {
    width: 100%;
    width: 100vw; }
  .fit-y-m {
    height: 500px;
    height: 100vh; }
  .fit-y-perfect-m {
    height: 500px;
    height: calc( 100vh - 48px); }
  .fit-y-perfect-header-m {
    height: 500px;
    height: calc( 100vh - ( 48pxauto )); }
  .fit-y-min-m {
    min-height: 500px;
    min-height: 100vh; }
  .fit-y-min-perfect-m {
    min-height: 500px;
    min-height: calc( 100vh - 48px); }
  .fit-y-min-perfect-header-mobile-m {
    min-height: 500px;
    min-height: calc( 100vh - ( auto )); }
  .fit-y-min-perfect-header-m {
    min-height: 500px;
    min-height: calc( 100vh - ( auto )); }
  .fit-y-min-perfect-header-scroll-m {
    min-height: 500px;
    min-height: calc( 100vh - ( auto )); }
  .break-float-m {
    clear: both;
    width: auto;
    float: none !important;
    margin: 0 0 20px 0; }
  .break-flex-m {
    display: block !important;
    clear: both;
    width: 100%; }
  .flex-justify-start-m {
    justify-content: flex-start; }
  .flex-justify-center-m {
    justify-content: center; }
  .flex-justify-end-m {
    justify-content: flex-end; }
  .flex-justify-stretch-m {
    justify-content: stretch; }
  .flex-justify-space-between-m {
    justify-content: space-between; }
  .flex-justify-space-around-m {
    justify-content: space-around; }
  .flex-justify-default-m {
    justify-content: flex-start; }
  .flex-direction-row-m {
    flex-direction: row; }
  .flex-direction-column-m {
    flex-direction: column; }
  .flex-direction-row-reverse-m {
    flex-direction: row-reverse; }
  .flex-direction-column-reverse-m {
    flex-direction: column-reverse; }
  .flex-elem-m {
    flex: 1; }
  .flex-auto-m {
    flex: 1 1 auto; }
  .flex-100-m {
    flex: 1 1 100%; }
  .flex-50-m {
    flex: 1 1 49%; }
  .flex-0-auto-m {
    flex: 0 0 auto; }
  .flex-none-m {
    flex: none; }
  .flex-order-1-m {
    order: 1; }
  .flex-order-2-m {
    order: 2; }
  .flex-order-3-m {
    order: 3; }
  .flex-order-4-m {
    order: 4; }
  .flex-order-5-m {
    order: 5; }
  .flex-grow-1-m {
    flex-grow: 1; }
  .flex-grow-2-m {
    flex-grow: 2; }
  .flex-grow-3-m {
    flex-grow: 3; }
  .flex-grow-4-m {
    flex-grow: 4; }
  .flex-grow-5-m {
    flex-grow: 5; }
  .flex-grow-6-m {
    flex-grow: 6; }
  .flex-grow-7-m {
    flex-grow: 7; }
  .flex-grow-8-m {
    flex-grow: 8; }
  .flex-grow-9-m {
    flex-grow: 9; }
  .flex-grow-10-m {
    flex-grow: 10; }
  .flex-wrap-m {
    flex-wrap: wrap; }
  .flex-nowrap-m {
    flex-wrap: nowrap; }
  .flex-align-items-center-m {
    align-items: center; }
  .flex-align-items-start-m {
    align-items: flex-start; }
  .flex-align-items-end-m {
    align-items: flex-end; }
  .flex-align-items-stretch-m {
    align-items: stretch; }
  .flex-align-items-baseline-m {
    align-items: baseline; }
  .flex-align-self-center-m {
    align-self: center; }
  .flex-align-self-start-m {
    align-self: flex-start; }
  .flex-align-self-end-m {
    align-self: flex-end; }
  .flex-align-self-stretch-m {
    align-self: stretch; }
  .flex-align-self-baseline-m {
    align-self: baseline; } }

@media only screen and (min-width: 1025px) {
  .onepixel-margin-l {
    margin: 1px; }
  .onepixel-margin-top-l {
    margin-top: 1px; }
  .onepixel-margin-top-children-l > * ~ * {
    margin-top: 1px; }
  .onepixel-margin-bottom-l {
    margin-bottom: 1px; }
  .onepixel-margin-bottom-children-l > * {
    margin-bottom: 1px; }
  .onepixel-margin-left-l {
    margin-left: 1px; }
  .onepixel-margin-left-children-l > * ~ * {
    margin-left: 1px; }
  .onepixel-margin-right-l {
    margin-right: 1px; }
  .onepixel-margin-right-children-l > * {
    margin-right: 1px; }
    .onepixel-margin-right-children-l > *:last-of-type {
      margin-right: 0; }
  .onepixel-margin-x-l {
    margin-left: 1px;
    margin-right: 1px; }
  .onepixel-margin-y-l {
    margin-top: 1px;
    margin-bottom: 1px; }
  .onepixel-padding-l {
    padding: 1px; }
  .onepixel-padding-top-l {
    padding-top: 1px; }
  .onepixel-padding-bottom-l {
    padding-bottom: 1px; }
  .onepixel-padding-left-l {
    padding-left: 1px; }
  .onepixel-padding-right-l {
    padding-right: 1px; }
  .onepixel-padding-x-l {
    padding-left: 1px;
    padding-right: 1px; }
  .onepixel-padding-y-l {
    padding-top: 1px;
    padding-bottom: 1px; }
  .onepixel-gap-l {
    gap: 1px; }
  .onepixel-gap-top-l {
    gap-top: 1px; }
  .onepixel-gap-bottom-l {
    gap-bottom: 1px; }
  .onepixel-gap-left-l {
    gap-left: 1px; }
  .onepixel-gap-right-l {
    gap-right: 1px; }
  .onepixel-gap-x-l {
    gap-left: 1px;
    gap-right: 1px; }
  .onepixel-gap-y-l {
    gap-top: 1px;
    gap-bottom: 1px; }
  .verysmall-margin-l {
    margin: 5px; }
  .verysmall-margin-top-l {
    margin-top: 5px; }
  .verysmall-margin-top-children-l > * ~ * {
    margin-top: 5px; }
  .verysmall-margin-bottom-l {
    margin-bottom: 5px; }
  .verysmall-margin-bottom-children-l > * {
    margin-bottom: 5px; }
  .verysmall-margin-left-l {
    margin-left: 5px; }
  .verysmall-margin-left-children-l > * ~ * {
    margin-left: 5px; }
  .verysmall-margin-right-l {
    margin-right: 5px; }
  .verysmall-margin-right-children-l > * {
    margin-right: 5px; }
    .verysmall-margin-right-children-l > *:last-of-type {
      margin-right: 0; }
  .verysmall-margin-x-l {
    margin-left: 5px;
    margin-right: 5px; }
  .verysmall-margin-y-l {
    margin-top: 5px;
    margin-bottom: 5px; }
  .verysmall-padding-l {
    padding: 5px; }
  .verysmall-padding-top-l {
    padding-top: 5px; }
  .verysmall-padding-bottom-l {
    padding-bottom: 5px; }
  .verysmall-padding-left-l {
    padding-left: 5px; }
  .verysmall-padding-right-l {
    padding-right: 5px; }
  .verysmall-padding-x-l {
    padding-left: 5px;
    padding-right: 5px; }
  .verysmall-padding-y-l {
    padding-top: 5px;
    padding-bottom: 5px; }
  .verysmall-gap-l {
    gap: 5px; }
  .verysmall-gap-top-l {
    gap-top: 5px; }
  .verysmall-gap-bottom-l {
    gap-bottom: 5px; }
  .verysmall-gap-left-l {
    gap-left: 5px; }
  .verysmall-gap-right-l {
    gap-right: 5px; }
  .verysmall-gap-x-l {
    gap-left: 5px;
    gap-right: 5px; }
  .verysmall-gap-y-l {
    gap-top: 5px;
    gap-bottom: 5px; }
  .small-margin-l {
    margin: 10px; }
  .small-margin-top-l {
    margin-top: 10px; }
  .small-margin-top-children-l > * ~ * {
    margin-top: 10px; }
  .small-margin-bottom-l {
    margin-bottom: 10px; }
  .small-margin-bottom-children-l > * {
    margin-bottom: 10px; }
  .small-margin-left-l {
    margin-left: 10px; }
  .small-margin-left-children-l > * ~ * {
    margin-left: 10px; }
  .small-margin-right-l {
    margin-right: 10px; }
  .small-margin-right-children-l > * {
    margin-right: 10px; }
    .small-margin-right-children-l > *:last-of-type {
      margin-right: 0; }
  .small-margin-x-l {
    margin-left: 10px;
    margin-right: 10px; }
  .small-margin-y-l {
    margin-top: 10px;
    margin-bottom: 10px; }
  .small-padding-l {
    padding: 10px; }
  .small-padding-top-l {
    padding-top: 10px; }
  .small-padding-bottom-l {
    padding-bottom: 10px; }
  .small-padding-left-l {
    padding-left: 10px; }
  .small-padding-right-l {
    padding-right: 10px; }
  .small-padding-x-l {
    padding-left: 10px;
    padding-right: 10px; }
  .small-padding-y-l {
    padding-top: 10px;
    padding-bottom: 10px; }
  .small-gap-l {
    gap: 10px; }
  .small-gap-top-l {
    gap-top: 10px; }
  .small-gap-bottom-l {
    gap-bottom: 10px; }
  .small-gap-left-l {
    gap-left: 10px; }
  .small-gap-right-l {
    gap-right: 10px; }
  .small-gap-x-l {
    gap-left: 10px;
    gap-right: 10px; }
  .small-gap-y-l {
    gap-top: 10px;
    gap-bottom: 10px; }
  .normal-margin-l {
    margin: 20px; }
  .normal-margin-top-l {
    margin-top: 20px; }
  .normal-margin-top-children-l > * ~ * {
    margin-top: 20px; }
  .normal-margin-bottom-l {
    margin-bottom: 20px; }
  .normal-margin-bottom-children-l > * {
    margin-bottom: 20px; }
  .normal-margin-left-l {
    margin-left: 20px; }
  .normal-margin-left-children-l > * ~ * {
    margin-left: 20px; }
  .normal-margin-right-l {
    margin-right: 20px; }
  .normal-margin-right-children-l > * {
    margin-right: 20px; }
    .normal-margin-right-children-l > *:last-of-type {
      margin-right: 0; }
  .normal-margin-x-l {
    margin-left: 20px;
    margin-right: 20px; }
  .normal-margin-y-l {
    margin-top: 20px;
    margin-bottom: 20px; }
  .normal-padding-l {
    padding: 20px; }
  .normal-padding-top-l {
    padding-top: 20px; }
  .normal-padding-bottom-l {
    padding-bottom: 20px; }
  .normal-padding-left-l {
    padding-left: 20px; }
  .normal-padding-right-l {
    padding-right: 20px; }
  .normal-padding-x-l {
    padding-left: 20px;
    padding-right: 20px; }
  .normal-padding-y-l {
    padding-top: 20px;
    padding-bottom: 20px; }
  .normal-gap-l {
    gap: 20px; }
  .normal-gap-top-l {
    gap-top: 20px; }
  .normal-gap-bottom-l {
    gap-bottom: 20px; }
  .normal-gap-left-l {
    gap-left: 20px; }
  .normal-gap-right-l {
    gap-right: 20px; }
  .normal-gap-x-l {
    gap-left: 20px;
    gap-right: 20px; }
  .normal-gap-y-l {
    gap-top: 20px;
    gap-bottom: 20px; }
  .big-margin-l {
    margin: 40px; }
  .big-margin-top-l {
    margin-top: 40px; }
  .big-margin-top-children-l > * ~ * {
    margin-top: 40px; }
  .big-margin-bottom-l {
    margin-bottom: 40px; }
  .big-margin-bottom-children-l > * {
    margin-bottom: 40px; }
  .big-margin-left-l {
    margin-left: 40px; }
  .big-margin-left-children-l > * ~ * {
    margin-left: 40px; }
  .big-margin-right-l {
    margin-right: 40px; }
  .big-margin-right-children-l > * {
    margin-right: 40px; }
    .big-margin-right-children-l > *:last-of-type {
      margin-right: 0; }
  .big-margin-x-l {
    margin-left: 40px;
    margin-right: 40px; }
  .big-margin-y-l {
    margin-top: 40px;
    margin-bottom: 40px; }
  .big-padding-l {
    padding: 40px; }
  .big-padding-top-l {
    padding-top: 40px; }
  .big-padding-bottom-l {
    padding-bottom: 40px; }
  .big-padding-left-l {
    padding-left: 40px; }
  .big-padding-right-l {
    padding-right: 40px; }
  .big-padding-x-l {
    padding-left: 40px;
    padding-right: 40px; }
  .big-padding-y-l {
    padding-top: 40px;
    padding-bottom: 40px; }
  .big-gap-l {
    gap: 40px; }
  .big-gap-top-l {
    gap-top: 40px; }
  .big-gap-bottom-l {
    gap-bottom: 40px; }
  .big-gap-left-l {
    gap-left: 40px; }
  .big-gap-right-l {
    gap-right: 40px; }
  .big-gap-x-l {
    gap-left: 40px;
    gap-right: 40px; }
  .big-gap-y-l {
    gap-top: 40px;
    gap-bottom: 40px; }
  .verybig-margin-l {
    margin: 80px; }
  .verybig-margin-top-l {
    margin-top: 80px; }
  .verybig-margin-top-children-l > * ~ * {
    margin-top: 80px; }
  .verybig-margin-bottom-l {
    margin-bottom: 80px; }
  .verybig-margin-bottom-children-l > * {
    margin-bottom: 80px; }
  .verybig-margin-left-l {
    margin-left: 80px; }
  .verybig-margin-left-children-l > * ~ * {
    margin-left: 80px; }
  .verybig-margin-right-l {
    margin-right: 80px; }
  .verybig-margin-right-children-l > * {
    margin-right: 80px; }
    .verybig-margin-right-children-l > *:last-of-type {
      margin-right: 0; }
  .verybig-margin-x-l {
    margin-left: 80px;
    margin-right: 80px; }
  .verybig-margin-y-l {
    margin-top: 80px;
    margin-bottom: 80px; }
  .verybig-padding-l {
    padding: 80px; }
  .verybig-padding-top-l {
    padding-top: 80px; }
  .verybig-padding-bottom-l {
    padding-bottom: 80px; }
  .verybig-padding-left-l {
    padding-left: 80px; }
  .verybig-padding-right-l {
    padding-right: 80px; }
  .verybig-padding-x-l {
    padding-left: 80px;
    padding-right: 80px; }
  .verybig-padding-y-l {
    padding-top: 80px;
    padding-bottom: 80px; }
  .verybig-gap-l {
    gap: 80px; }
  .verybig-gap-top-l {
    gap-top: 80px; }
  .verybig-gap-bottom-l {
    gap-bottom: 80px; }
  .verybig-gap-left-l {
    gap-left: 80px; }
  .verybig-gap-right-l {
    gap-right: 80px; }
  .verybig-gap-x-l {
    gap-left: 80px;
    gap-right: 80px; }
  .verybig-gap-y-l {
    gap-top: 80px;
    gap-bottom: 80px; }
  .section-margin-l {
    margin: 120px; }
  .section-margin-top-l {
    margin-top: 120px; }
  .section-margin-top-children-l > * ~ * {
    margin-top: 120px; }
  .section-margin-bottom-l {
    margin-bottom: 120px; }
  .section-margin-bottom-children-l > * {
    margin-bottom: 120px; }
  .section-margin-left-l {
    margin-left: 120px; }
  .section-margin-left-children-l > * ~ * {
    margin-left: 120px; }
  .section-margin-right-l {
    margin-right: 120px; }
  .section-margin-right-children-l > * {
    margin-right: 120px; }
    .section-margin-right-children-l > *:last-of-type {
      margin-right: 0; }
  .section-margin-x-l {
    margin-left: 120px;
    margin-right: 120px; }
  .section-margin-y-l {
    margin-top: 120px;
    margin-bottom: 120px; }
  .section-padding-l {
    padding: 120px; }
  .section-padding-top-l {
    padding-top: 120px; }
  .section-padding-bottom-l {
    padding-bottom: 120px; }
  .section-padding-left-l {
    padding-left: 120px; }
  .section-padding-right-l {
    padding-right: 120px; }
  .section-padding-x-l {
    padding-left: 120px;
    padding-right: 120px; }
  .section-padding-y-l {
    padding-top: 120px;
    padding-bottom: 120px; }
  .section-gap-l {
    gap: 120px; }
  .section-gap-top-l {
    gap-top: 120px; }
  .section-gap-bottom-l {
    gap-bottom: 120px; }
  .section-gap-left-l {
    gap-left: 120px; }
  .section-gap-right-l {
    gap-right: 120px; }
  .section-gap-x-l {
    gap-left: 120px;
    gap-right: 120px; }
  .section-gap-y-l {
    gap-top: 120px;
    gap-bottom: 120px; }
  .extrem-margin-l {
    margin: 160px; }
  .extrem-margin-top-l {
    margin-top: 160px; }
  .extrem-margin-top-children-l > * ~ * {
    margin-top: 160px; }
  .extrem-margin-bottom-l {
    margin-bottom: 160px; }
  .extrem-margin-bottom-children-l > * {
    margin-bottom: 160px; }
  .extrem-margin-left-l {
    margin-left: 160px; }
  .extrem-margin-left-children-l > * ~ * {
    margin-left: 160px; }
  .extrem-margin-right-l {
    margin-right: 160px; }
  .extrem-margin-right-children-l > * {
    margin-right: 160px; }
    .extrem-margin-right-children-l > *:last-of-type {
      margin-right: 0; }
  .extrem-margin-x-l {
    margin-left: 160px;
    margin-right: 160px; }
  .extrem-margin-y-l {
    margin-top: 160px;
    margin-bottom: 160px; }
  .extrem-padding-l {
    padding: 160px; }
  .extrem-padding-top-l {
    padding-top: 160px; }
  .extrem-padding-bottom-l {
    padding-bottom: 160px; }
  .extrem-padding-left-l {
    padding-left: 160px; }
  .extrem-padding-right-l {
    padding-right: 160px; }
  .extrem-padding-x-l {
    padding-left: 160px;
    padding-right: 160px; }
  .extrem-padding-y-l {
    padding-top: 160px;
    padding-bottom: 160px; }
  .extrem-gap-l {
    gap: 160px; }
  .extrem-gap-top-l {
    gap-top: 160px; }
  .extrem-gap-bottom-l {
    gap-bottom: 160px; }
  .extrem-gap-left-l {
    gap-left: 160px; }
  .extrem-gap-right-l {
    gap-right: 160px; }
  .extrem-gap-x-l {
    gap-left: 160px;
    gap-right: 160px; }
  .extrem-gap-y-l {
    gap-top: 160px;
    gap-bottom: 160px; }
  .gutter-margin-l {
    margin: 13.33333px; }
  .gutter-margin-top-l {
    margin-top: 13.33333px; }
  .gutter-margin-top-children-l > * ~ * {
    margin-top: 13.33333px; }
  .gutter-margin-bottom-l {
    margin-bottom: 13.33333px; }
  .gutter-margin-bottom-children-l > * {
    margin-bottom: 13.33333px; }
  .gutter-margin-left-l {
    margin-left: 13.33333px; }
  .gutter-margin-left-children-l > * ~ * {
    margin-left: 13.33333px; }
  .gutter-margin-right-l {
    margin-right: 13.33333px; }
  .gutter-margin-right-children-l > * {
    margin-right: 13.33333px; }
    .gutter-margin-right-children-l > *:last-of-type {
      margin-right: 0; }
  .gutter-margin-x-l {
    margin-left: 13.33333px;
    margin-right: 13.33333px; }
  .gutter-margin-y-l {
    margin-top: 13.33333px;
    margin-bottom: 13.33333px; }
  .gutter-padding-l {
    padding: 13.33333px; }
  .gutter-padding-top-l {
    padding-top: 13.33333px; }
  .gutter-padding-bottom-l {
    padding-bottom: 13.33333px; }
  .gutter-padding-left-l {
    padding-left: 13.33333px; }
  .gutter-padding-right-l {
    padding-right: 13.33333px; }
  .gutter-padding-x-l {
    padding-left: 13.33333px;
    padding-right: 13.33333px; }
  .gutter-padding-y-l {
    padding-top: 13.33333px;
    padding-bottom: 13.33333px; }
  .gutter-gap-l {
    gap: 13.33333px; }
  .gutter-gap-top-l {
    gap-top: 13.33333px; }
  .gutter-gap-bottom-l {
    gap-bottom: 13.33333px; }
  .gutter-gap-left-l {
    gap-left: 13.33333px; }
  .gutter-gap-right-l {
    gap-right: 13.33333px; }
  .gutter-gap-x-l {
    gap-left: 13.33333px;
    gap-right: 13.33333px; }
  .gutter-gap-y-l {
    gap-top: 13.33333px;
    gap-bottom: 13.33333px; }
  .no-margin-l {
    margin: 0; }
  .no-margin-top-l {
    margin-top: 0; }
  .no-margin-top-children-l > * ~ * {
    margin-top: 0; }
  .no-margin-bottom-l {
    margin-bottom: 0; }
  .no-margin-bottom-children-l > * {
    margin-bottom: 0; }
  .no-margin-left-l {
    margin-left: 0; }
  .no-margin-left-children-l > * ~ * {
    margin-left: 0; }
  .no-margin-right-l {
    margin-right: 0; }
  .no-margin-right-children-l > * {
    margin-right: 0; }
    .no-margin-right-children-l > *:last-of-type {
      margin-right: 0; }
  .no-margin-x-l {
    margin-left: 0;
    margin-right: 0; }
  .no-margin-y-l {
    margin-top: 0;
    margin-bottom: 0; }
  .no-padding-l {
    padding: 0; }
  .no-padding-top-l {
    padding-top: 0; }
  .no-padding-bottom-l {
    padding-bottom: 0; }
  .no-padding-left-l {
    padding-left: 0; }
  .no-padding-right-l {
    padding-right: 0; }
  .no-padding-x-l {
    padding-left: 0;
    padding-right: 0; }
  .no-padding-y-l {
    padding-top: 0;
    padding-bottom: 0; }
  .no-gap-l {
    gap: 0; }
  .no-gap-top-l {
    gap-top: 0; }
  .no-gap-bottom-l {
    gap-bottom: 0; }
  .no-gap-left-l {
    gap-left: 0; }
  .no-gap-right-l {
    gap-right: 0; }
  .no-gap-x-l {
    gap-left: 0;
    gap-right: 0; }
  .no-gap-y-l {
    gap-top: 0;
    gap-bottom: 0; }
  .no-border-l {
    border: none; }
  .no-background-l {
    background: none; }
  .no-box-shadow-l {
    box-shadow: none; }
  .no-uppercase-l {
    text-transform: inherit; }
  .no-ratio-l:before {
    padding-top: 0; }
  .margin-auto-l {
    margin-left: auto;
    margin-right: auto; }
    .margin-auto-l-left-l {
      margin-left: auto; }
    .margin-auto-l-right-l {
      margin-right: auto; }
  .font-weight-thin {
    font-weight: 100; }
  .font-weight-light {
    font-weight: 300; }
  .font-weight-normal {
    font-weight: 400; }
  .font-weight-medium {
    font-weight: 600; }
  .font-weight-bold {
    font-weight: 700; }
  .font-style-italic {
    font-style: italic; }
  .font-style-normal {
    font-style: normal; }
  .font-style-oblique {
    font-style: oblique; }
  .font-size-small {
    font-size: 12px; }
  .font-size-normal {
    font-size: 1em; }
  .font-size-medium {
    font-size: 1.25em; }
  .font-size-big {
    font-size: 2em; } }
  @media only screen and (min-width: 1025px) and (max-width: 800px) and (min-width: 0px) {
    .font-size-big {
      font-size: 1.5em; } }

@media only screen and (min-width: 1025px) {
  .font-size-title {
    font-size: 4em; } }
  @media only screen and (min-width: 1025px) and (max-width: 800px) and (min-width: 0px) {
    .font-size-title {
      font-size: 2em; } }

@media only screen and (min-width: 1025px) {
  .text-align-left-l {
    text-align: left; }
  .text-align-right-l {
    text-align: right; }
  .text-align-center-l {
    text-align: center; }
  .text-align-justify-l {
    text-align: justify;
    text-align-last: left; }
  .width-auto-l {
    width: auto; }
  .width-100-l {
    width: 100%; }
  .width-80-l {
    width: 80%; }
    *[class*="onepixel-margin"] > .width-80-l {
      width: calc( 80% - 1px); }
    *[class*="verysmall-margin"] > .width-80-l {
      width: calc( 80% - 5px); }
    *[class*="small-margin"] > .width-80-l {
      width: calc( 80% - 10px); }
    *[class*="normal-margin"] > .width-80-l {
      width: calc( 80% - 20px); }
    *[class*="big-margin"] > .width-80-l {
      width: calc( 80% - 40px); }
    *[class*="verybig-margin"] > .width-80-l {
      width: calc( 80% - 80px); }
    *[class*="section-margin"] > .width-80-l {
      width: calc( 80% - 120px); }
    *[class*="extrem-margin"] > .width-80-l {
      width: calc( 80% - 160px); }
    *[class*="gutter-margin"] > .width-80-l {
      width: calc( 80% - 13.33333px); }
  .width-75-l {
    width: 75%; }
    *[class*="onepixel-margin"] > .width-75-l {
      width: calc( 75% - 1px); }
    *[class*="verysmall-margin"] > .width-75-l {
      width: calc( 75% - 5px); }
    *[class*="small-margin"] > .width-75-l {
      width: calc( 75% - 10px); }
    *[class*="normal-margin"] > .width-75-l {
      width: calc( 75% - 20px); }
    *[class*="big-margin"] > .width-75-l {
      width: calc( 75% - 40px); }
    *[class*="verybig-margin"] > .width-75-l {
      width: calc( 75% - 80px); }
    *[class*="section-margin"] > .width-75-l {
      width: calc( 75% - 120px); }
    *[class*="extrem-margin"] > .width-75-l {
      width: calc( 75% - 160px); }
    *[class*="gutter-margin"] > .width-75-l {
      width: calc( 75% - 13.33333px); }
  .width-66-l {
    width: 66.666667%; }
    *[class*="onepixel-margin"] > .width-66-l {
      width: calc( 66.666667% - 1px); }
    *[class*="verysmall-margin"] > .width-66-l {
      width: calc( 66.666667% - 5px); }
    *[class*="small-margin"] > .width-66-l {
      width: calc( 66.666667% - 10px); }
    *[class*="normal-margin"] > .width-66-l {
      width: calc( 66.666667% - 20px); }
    *[class*="big-margin"] > .width-66-l {
      width: calc( 66.666667% - 40px); }
    *[class*="verybig-margin"] > .width-66-l {
      width: calc( 66.666667% - 80px); }
    *[class*="section-margin"] > .width-66-l {
      width: calc( 66.666667% - 120px); }
    *[class*="extrem-margin"] > .width-66-l {
      width: calc( 66.666667% - 160px); }
    *[class*="gutter-margin"] > .width-66-l {
      width: calc( 66.666667% - 13.33333px); }
  .width-60-l {
    width: 60%; }
    *[class*="onepixel-margin"] > .width-60-l {
      width: calc( 60% - 1px); }
    *[class*="verysmall-margin"] > .width-60-l {
      width: calc( 60% - 5px); }
    *[class*="small-margin"] > .width-60-l {
      width: calc( 60% - 10px); }
    *[class*="normal-margin"] > .width-60-l {
      width: calc( 60% - 20px); }
    *[class*="big-margin"] > .width-60-l {
      width: calc( 60% - 40px); }
    *[class*="verybig-margin"] > .width-60-l {
      width: calc( 60% - 80px); }
    *[class*="section-margin"] > .width-60-l {
      width: calc( 60% - 120px); }
    *[class*="extrem-margin"] > .width-60-l {
      width: calc( 60% - 160px); }
    *[class*="gutter-margin"] > .width-60-l {
      width: calc( 60% - 13.33333px); }
  .width-50-l {
    width: 50%; }
    *[class*="onepixel-margin"] > .width-50-l {
      width: calc( 50% - 1px); }
    *[class*="verysmall-margin"] > .width-50-l {
      width: calc( 50% - 5px); }
    *[class*="small-margin"] > .width-50-l {
      width: calc( 50% - 10px); }
    *[class*="normal-margin"] > .width-50-l {
      width: calc( 50% - 20px); }
    *[class*="big-margin"] > .width-50-l {
      width: calc( 50% - 40px); }
    *[class*="verybig-margin"] > .width-50-l {
      width: calc( 50% - 80px); }
    *[class*="section-margin"] > .width-50-l {
      width: calc( 50% - 120px); }
    *[class*="extrem-margin"] > .width-50-l {
      width: calc( 50% - 160px); }
    *[class*="gutter-margin"] > .width-50-l {
      width: calc( 50% - 13.33333px); }
  .width-40-l {
    width: 40%; }
    *[class*="onepixel-margin"] > .width-40-l {
      width: calc( 40% - 1px); }
    *[class*="verysmall-margin"] > .width-40-l {
      width: calc( 40% - 5px); }
    *[class*="small-margin"] > .width-40-l {
      width: calc( 40% - 10px); }
    *[class*="normal-margin"] > .width-40-l {
      width: calc( 40% - 20px); }
    *[class*="big-margin"] > .width-40-l {
      width: calc( 40% - 40px); }
    *[class*="verybig-margin"] > .width-40-l {
      width: calc( 40% - 80px); }
    *[class*="section-margin"] > .width-40-l {
      width: calc( 40% - 120px); }
    *[class*="extrem-margin"] > .width-40-l {
      width: calc( 40% - 160px); }
    *[class*="gutter-margin"] > .width-40-l {
      width: calc( 40% - 13.33333px); }
  .width-33-l {
    width: 33.333333%; }
    *[class*="onepixel-margin"] > .width-33-l {
      width: calc( 33.333333% - 1px); }
    *[class*="verysmall-margin"] > .width-33-l {
      width: calc( 33.333333% - 5px); }
    *[class*="small-margin"] > .width-33-l {
      width: calc( 33.333333% - 10px); }
    *[class*="normal-margin"] > .width-33-l {
      width: calc( 33.333333% - 20px); }
    *[class*="big-margin"] > .width-33-l {
      width: calc( 33.333333% - 40px); }
    *[class*="verybig-margin"] > .width-33-l {
      width: calc( 33.333333% - 80px); }
    *[class*="section-margin"] > .width-33-l {
      width: calc( 33.333333% - 120px); }
    *[class*="extrem-margin"] > .width-33-l {
      width: calc( 33.333333% - 160px); }
    *[class*="gutter-margin"] > .width-33-l {
      width: calc( 33.333333% - 13.33333px); }
  .width-25-l {
    width: 25%; }
    *[class*="onepixel-margin"] > .width-25-l {
      width: calc( 25% - 1px); }
    *[class*="verysmall-margin"] > .width-25-l {
      width: calc( 25% - 5px); }
    *[class*="small-margin"] > .width-25-l {
      width: calc( 25% - 10px); }
    *[class*="normal-margin"] > .width-25-l {
      width: calc( 25% - 20px); }
    *[class*="big-margin"] > .width-25-l {
      width: calc( 25% - 40px); }
    *[class*="verybig-margin"] > .width-25-l {
      width: calc( 25% - 80px); }
    *[class*="section-margin"] > .width-25-l {
      width: calc( 25% - 120px); }
    *[class*="extrem-margin"] > .width-25-l {
      width: calc( 25% - 160px); }
    *[class*="gutter-margin"] > .width-25-l {
      width: calc( 25% - 13.33333px); }
  .width-20-l {
    width: 20%; }
    *[class*="onepixel-margin"] > .width-20-l {
      width: calc( 20% - 1px); }
    *[class*="verysmall-margin"] > .width-20-l {
      width: calc( 20% - 5px); }
    *[class*="small-margin"] > .width-20-l {
      width: calc( 20% - 10px); }
    *[class*="normal-margin"] > .width-20-l {
      width: calc( 20% - 20px); }
    *[class*="big-margin"] > .width-20-l {
      width: calc( 20% - 40px); }
    *[class*="verybig-margin"] > .width-20-l {
      width: calc( 20% - 80px); }
    *[class*="section-margin"] > .width-20-l {
      width: calc( 20% - 120px); }
    *[class*="extrem-margin"] > .width-20-l {
      width: calc( 20% - 160px); }
    *[class*="gutter-margin"] > .width-20-l {
      width: calc( 20% - 13.33333px); }
  .width-10-l {
    width: 10%; }
    *[class*="onepixel-margin"] > .width-10-l {
      width: calc( 10% - 1px); }
    *[class*="verysmall-margin"] > .width-10-l {
      width: calc( 10% - 5px); }
    *[class*="small-margin"] > .width-10-l {
      width: calc( 10% - 10px); }
    *[class*="normal-margin"] > .width-10-l {
      width: calc( 10% - 20px); }
    *[class*="big-margin"] > .width-10-l {
      width: calc( 10% - 40px); }
    *[class*="verybig-margin"] > .width-10-l {
      width: calc( 10% - 80px); }
    *[class*="section-margin"] > .width-10-l {
      width: calc( 10% - 120px); }
    *[class*="extrem-margin"] > .width-10-l {
      width: calc( 10% - 160px); }
    *[class*="gutter-margin"] > .width-10-l {
      width: calc( 10% - 13.33333px); }
  .width-0-l {
    width: 0%; }
  .width-large-l {
    max-width: 1025px; }
  .width-small-l {
    max-width: 640px; }
  .width .max-w-1400 {
    max-width: 1400px; }
  .height-120 {
    height: 120%; }
  .height-100 {
    height: 100%; }
  .height-80 {
    height: 80%; }
  .height-75 {
    height: 75%; }
  .height-66 {
    height: 66.666667%; }
  .height-60 {
    height: 60%; }
  .height-50 {
    height: 50%; }
  .height-40 {
    height: 40%; }
  .height-33 {
    height: 33.333333%; }
  .height-25 {
    height: 25%; }
  .height-20 {
    height: 20%; }
  .height-20vh-l {
    min-height: 20%;
    min-height: 20vh; }
  .height-25vh-l {
    min-height: 25%;
    min-height: 25vh; }
  .height-40vh-l {
    min-height: 40%;
    min-height: 40vh; }
  .height-50vh-l {
    min-height: 50%;
    min-height: 50vh; }
  .height-65vh-l {
    min-height: 65%;
    min-height: 65vh; }
  .height-75vh-l {
    min-height: 75%;
    min-height: 75vh; }
  .height-80vh-l {
    min-height: 80%;
    min-height: 80vh; }
  .height-100vh-l {
    min-height: 100%;
    min-height: 100vh !important; }
  .max-width-100-l {
    max-width: 100%; }
  .max-width-80-l {
    max-width: 80%; }
    *[class*="onepixel-margin"] > .max-width-80-l {
      max-width: calc( 80% - 1px); }
    *[class*="verysmall-margin"] > .max-width-80-l {
      max-width: calc( 80% - 5px); }
    *[class*="small-margin"] > .max-width-80-l {
      max-width: calc( 80% - 10px); }
    *[class*="normal-margin"] > .max-width-80-l {
      max-width: calc( 80% - 20px); }
    *[class*="big-margin"] > .max-width-80-l {
      max-width: calc( 80% - 40px); }
    *[class*="verybig-margin"] > .max-width-80-l {
      max-width: calc( 80% - 80px); }
    *[class*="section-margin"] > .max-width-80-l {
      max-width: calc( 80% - 120px); }
    *[class*="extrem-margin"] > .max-width-80-l {
      max-width: calc( 80% - 160px); }
    *[class*="gutter-margin"] > .max-width-80-l {
      max-width: calc( 80% - 13.33333px); }
  .max-width-75-l {
    max-width: 75%; }
    *[class*="onepixel-margin"] > .max-width-75-l {
      max-width: calc( 75% - 1px); }
    *[class*="verysmall-margin"] > .max-width-75-l {
      max-width: calc( 75% - 5px); }
    *[class*="small-margin"] > .max-width-75-l {
      max-width: calc( 75% - 10px); }
    *[class*="normal-margin"] > .max-width-75-l {
      max-width: calc( 75% - 20px); }
    *[class*="big-margin"] > .max-width-75-l {
      max-width: calc( 75% - 40px); }
    *[class*="verybig-margin"] > .max-width-75-l {
      max-width: calc( 75% - 80px); }
    *[class*="section-margin"] > .max-width-75-l {
      max-width: calc( 75% - 120px); }
    *[class*="extrem-margin"] > .max-width-75-l {
      max-width: calc( 75% - 160px); }
    *[class*="gutter-margin"] > .max-width-75-l {
      max-width: calc( 75% - 13.33333px); }
  .max-width-66-l {
    max-width: 66.666667%; }
    *[class*="onepixel-margin"] > .max-width-66-l {
      max-width: calc( 66.666667% - 1px); }
    *[class*="verysmall-margin"] > .max-width-66-l {
      max-width: calc( 66.666667% - 5px); }
    *[class*="small-margin"] > .max-width-66-l {
      max-width: calc( 66.666667% - 10px); }
    *[class*="normal-margin"] > .max-width-66-l {
      max-width: calc( 66.666667% - 20px); }
    *[class*="big-margin"] > .max-width-66-l {
      max-width: calc( 66.666667% - 40px); }
    *[class*="verybig-margin"] > .max-width-66-l {
      max-width: calc( 66.666667% - 80px); }
    *[class*="section-margin"] > .max-width-66-l {
      max-width: calc( 66.666667% - 120px); }
    *[class*="extrem-margin"] > .max-width-66-l {
      max-width: calc( 66.666667% - 160px); }
    *[class*="gutter-margin"] > .max-width-66-l {
      max-width: calc( 66.666667% - 13.33333px); }
  .max-width-60-l {
    max-width: 60%; }
    *[class*="onepixel-margin"] > .max-width-60-l {
      max-width: calc( 60% - 1px); }
    *[class*="verysmall-margin"] > .max-width-60-l {
      max-width: calc( 60% - 5px); }
    *[class*="small-margin"] > .max-width-60-l {
      max-width: calc( 60% - 10px); }
    *[class*="normal-margin"] > .max-width-60-l {
      max-width: calc( 60% - 20px); }
    *[class*="big-margin"] > .max-width-60-l {
      max-width: calc( 60% - 40px); }
    *[class*="verybig-margin"] > .max-width-60-l {
      max-width: calc( 60% - 80px); }
    *[class*="section-margin"] > .max-width-60-l {
      max-width: calc( 60% - 120px); }
    *[class*="extrem-margin"] > .max-width-60-l {
      max-width: calc( 60% - 160px); }
    *[class*="gutter-margin"] > .max-width-60-l {
      max-width: calc( 60% - 13.33333px); }
  .max-width-50-l {
    max-width: 50%; }
    *[class*="onepixel-margin"] > .max-width-50-l {
      max-width: calc( 50% - 1px); }
    *[class*="verysmall-margin"] > .max-width-50-l {
      max-width: calc( 50% - 5px); }
    *[class*="small-margin"] > .max-width-50-l {
      max-width: calc( 50% - 10px); }
    *[class*="normal-margin"] > .max-width-50-l {
      max-width: calc( 50% - 20px); }
    *[class*="big-margin"] > .max-width-50-l {
      max-width: calc( 50% - 40px); }
    *[class*="verybig-margin"] > .max-width-50-l {
      max-width: calc( 50% - 80px); }
    *[class*="section-margin"] > .max-width-50-l {
      max-width: calc( 50% - 120px); }
    *[class*="extrem-margin"] > .max-width-50-l {
      max-width: calc( 50% - 160px); }
    *[class*="gutter-margin"] > .max-width-50-l {
      max-width: calc( 50% - 13.33333px); }
  .max-width-40-l {
    max-width: 40%; }
    *[class*="onepixel-margin"] > .max-width-40-l {
      max-width: calc( 40% - 1px); }
    *[class*="verysmall-margin"] > .max-width-40-l {
      max-width: calc( 40% - 5px); }
    *[class*="small-margin"] > .max-width-40-l {
      max-width: calc( 40% - 10px); }
    *[class*="normal-margin"] > .max-width-40-l {
      max-width: calc( 40% - 20px); }
    *[class*="big-margin"] > .max-width-40-l {
      max-width: calc( 40% - 40px); }
    *[class*="verybig-margin"] > .max-width-40-l {
      max-width: calc( 40% - 80px); }
    *[class*="section-margin"] > .max-width-40-l {
      max-width: calc( 40% - 120px); }
    *[class*="extrem-margin"] > .max-width-40-l {
      max-width: calc( 40% - 160px); }
    *[class*="gutter-margin"] > .max-width-40-l {
      max-width: calc( 40% - 13.33333px); }
  .max-width-33-l {
    max-width: 33.333333%; }
    *[class*="onepixel-margin"] > .max-width-33-l {
      max-width: calc( 33.333333% - 1px); }
    *[class*="verysmall-margin"] > .max-width-33-l {
      max-width: calc( 33.333333% - 5px); }
    *[class*="small-margin"] > .max-width-33-l {
      max-width: calc( 33.333333% - 10px); }
    *[class*="normal-margin"] > .max-width-33-l {
      max-width: calc( 33.333333% - 20px); }
    *[class*="big-margin"] > .max-width-33-l {
      max-width: calc( 33.333333% - 40px); }
    *[class*="verybig-margin"] > .max-width-33-l {
      max-width: calc( 33.333333% - 80px); }
    *[class*="section-margin"] > .max-width-33-l {
      max-width: calc( 33.333333% - 120px); }
    *[class*="extrem-margin"] > .max-width-33-l {
      max-width: calc( 33.333333% - 160px); }
    *[class*="gutter-margin"] > .max-width-33-l {
      max-width: calc( 33.333333% - 13.33333px); }
  .max-width-25-l {
    max-width: 25%; }
    *[class*="onepixel-margin"] > .max-width-25-l {
      max-width: calc( 25% - 1px); }
    *[class*="verysmall-margin"] > .max-width-25-l {
      max-width: calc( 25% - 5px); }
    *[class*="small-margin"] > .max-width-25-l {
      max-width: calc( 25% - 10px); }
    *[class*="normal-margin"] > .max-width-25-l {
      max-width: calc( 25% - 20px); }
    *[class*="big-margin"] > .max-width-25-l {
      max-width: calc( 25% - 40px); }
    *[class*="verybig-margin"] > .max-width-25-l {
      max-width: calc( 25% - 80px); }
    *[class*="section-margin"] > .max-width-25-l {
      max-width: calc( 25% - 120px); }
    *[class*="extrem-margin"] > .max-width-25-l {
      max-width: calc( 25% - 160px); }
    *[class*="gutter-margin"] > .max-width-25-l {
      max-width: calc( 25% - 13.33333px); }
  .max-width-20-l {
    max-width: 20%; }
    *[class*="onepixel-margin"] > .max-width-20-l {
      max-width: calc( 20% - 1px); }
    *[class*="verysmall-margin"] > .max-width-20-l {
      max-width: calc( 20% - 5px); }
    *[class*="small-margin"] > .max-width-20-l {
      max-width: calc( 20% - 10px); }
    *[class*="normal-margin"] > .max-width-20-l {
      max-width: calc( 20% - 20px); }
    *[class*="big-margin"] > .max-width-20-l {
      max-width: calc( 20% - 40px); }
    *[class*="verybig-margin"] > .max-width-20-l {
      max-width: calc( 20% - 80px); }
    *[class*="section-margin"] > .max-width-20-l {
      max-width: calc( 20% - 120px); }
    *[class*="extrem-margin"] > .max-width-20-l {
      max-width: calc( 20% - 160px); }
    *[class*="gutter-margin"] > .max-width-20-l {
      max-width: calc( 20% - 13.33333px); }
  .max-width-10-l {
    max-width: 10%; }
    *[class*="onepixel-margin"] > .max-width-10-l {
      max-width: calc( 10% - 1px); }
    *[class*="verysmall-margin"] > .max-width-10-l {
      max-width: calc( 10% - 5px); }
    *[class*="small-margin"] > .max-width-10-l {
      max-width: calc( 10% - 10px); }
    *[class*="normal-margin"] > .max-width-10-l {
      max-width: calc( 10% - 20px); }
    *[class*="big-margin"] > .max-width-10-l {
      max-width: calc( 10% - 40px); }
    *[class*="verybig-margin"] > .max-width-10-l {
      max-width: calc( 10% - 80px); }
    *[class*="section-margin"] > .max-width-10-l {
      max-width: calc( 10% - 120px); }
    *[class*="extrem-margin"] > .max-width-10-l {
      max-width: calc( 10% - 160px); }
    *[class*="gutter-margin"] > .max-width-10-l {
      max-width: calc( 10% - 13.33333px); }
  .max-width-0-l {
    max-width: 0%; }
  .max-width-large-l {
    max-width: 1025px; }
  .max-width-small-l {
    max-width: 640px; }
  .max-height-100 {
    max-height: 100%; }
  .max-height-80 {
    max-height: 80%; }
  .max-height-75 {
    max-height: 75%; }
  .max-height-66 {
    max-height: 66.666667%; }
  .max-height-60 {
    max-height: 60%; }
  .max-height-50 {
    max-height: 50%; }
  .max-height-40 {
    max-height: 40%; }
  .max-height-33 {
    max-height: 33.333333%; }
  .max-height-25 {
    max-height: 25%; }
  .max-height-20 {
    max-height: 20%; }
  .max-height-0 {
    max-height: 0%; }
  .min-width-100-l {
    min-width: 100%; }
  .min-width-80-l {
    min-width: 80%; }
    *[class*="onepixel-margin"] > .min-width-80-l {
      min-width: calc( 80% - 1px); }
    *[class*="verysmall-margin"] > .min-width-80-l {
      min-width: calc( 80% - 5px); }
    *[class*="small-margin"] > .min-width-80-l {
      min-width: calc( 80% - 10px); }
    *[class*="normal-margin"] > .min-width-80-l {
      min-width: calc( 80% - 20px); }
    *[class*="big-margin"] > .min-width-80-l {
      min-width: calc( 80% - 40px); }
    *[class*="verybig-margin"] > .min-width-80-l {
      min-width: calc( 80% - 80px); }
    *[class*="section-margin"] > .min-width-80-l {
      min-width: calc( 80% - 120px); }
    *[class*="extrem-margin"] > .min-width-80-l {
      min-width: calc( 80% - 160px); }
    *[class*="gutter-margin"] > .min-width-80-l {
      min-width: calc( 80% - 13.33333px); }
  .min-width-75-l {
    min-width: 75%; }
    *[class*="onepixel-margin"] > .min-width-75-l {
      min-width: calc( 75% - 1px); }
    *[class*="verysmall-margin"] > .min-width-75-l {
      min-width: calc( 75% - 5px); }
    *[class*="small-margin"] > .min-width-75-l {
      min-width: calc( 75% - 10px); }
    *[class*="normal-margin"] > .min-width-75-l {
      min-width: calc( 75% - 20px); }
    *[class*="big-margin"] > .min-width-75-l {
      min-width: calc( 75% - 40px); }
    *[class*="verybig-margin"] > .min-width-75-l {
      min-width: calc( 75% - 80px); }
    *[class*="section-margin"] > .min-width-75-l {
      min-width: calc( 75% - 120px); }
    *[class*="extrem-margin"] > .min-width-75-l {
      min-width: calc( 75% - 160px); }
    *[class*="gutter-margin"] > .min-width-75-l {
      min-width: calc( 75% - 13.33333px); }
  .min-width-66-l {
    min-width: 66.666667%; }
    *[class*="onepixel-margin"] > .min-width-66-l {
      min-width: calc( 66.666667% - 1px); }
    *[class*="verysmall-margin"] > .min-width-66-l {
      min-width: calc( 66.666667% - 5px); }
    *[class*="small-margin"] > .min-width-66-l {
      min-width: calc( 66.666667% - 10px); }
    *[class*="normal-margin"] > .min-width-66-l {
      min-width: calc( 66.666667% - 20px); }
    *[class*="big-margin"] > .min-width-66-l {
      min-width: calc( 66.666667% - 40px); }
    *[class*="verybig-margin"] > .min-width-66-l {
      min-width: calc( 66.666667% - 80px); }
    *[class*="section-margin"] > .min-width-66-l {
      min-width: calc( 66.666667% - 120px); }
    *[class*="extrem-margin"] > .min-width-66-l {
      min-width: calc( 66.666667% - 160px); }
    *[class*="gutter-margin"] > .min-width-66-l {
      min-width: calc( 66.666667% - 13.33333px); }
  .min-width-60-l {
    min-width: 60%; }
    *[class*="onepixel-margin"] > .min-width-60-l {
      min-width: calc( 60% - 1px); }
    *[class*="verysmall-margin"] > .min-width-60-l {
      min-width: calc( 60% - 5px); }
    *[class*="small-margin"] > .min-width-60-l {
      min-width: calc( 60% - 10px); }
    *[class*="normal-margin"] > .min-width-60-l {
      min-width: calc( 60% - 20px); }
    *[class*="big-margin"] > .min-width-60-l {
      min-width: calc( 60% - 40px); }
    *[class*="verybig-margin"] > .min-width-60-l {
      min-width: calc( 60% - 80px); }
    *[class*="section-margin"] > .min-width-60-l {
      min-width: calc( 60% - 120px); }
    *[class*="extrem-margin"] > .min-width-60-l {
      min-width: calc( 60% - 160px); }
    *[class*="gutter-margin"] > .min-width-60-l {
      min-width: calc( 60% - 13.33333px); }
  .min-width-50-l {
    min-width: 50%; }
    *[class*="onepixel-margin"] > .min-width-50-l {
      min-width: calc( 50% - 1px); }
    *[class*="verysmall-margin"] > .min-width-50-l {
      min-width: calc( 50% - 5px); }
    *[class*="small-margin"] > .min-width-50-l {
      min-width: calc( 50% - 10px); }
    *[class*="normal-margin"] > .min-width-50-l {
      min-width: calc( 50% - 20px); }
    *[class*="big-margin"] > .min-width-50-l {
      min-width: calc( 50% - 40px); }
    *[class*="verybig-margin"] > .min-width-50-l {
      min-width: calc( 50% - 80px); }
    *[class*="section-margin"] > .min-width-50-l {
      min-width: calc( 50% - 120px); }
    *[class*="extrem-margin"] > .min-width-50-l {
      min-width: calc( 50% - 160px); }
    *[class*="gutter-margin"] > .min-width-50-l {
      min-width: calc( 50% - 13.33333px); }
  .min-width-40-l {
    min-width: 40%; }
    *[class*="onepixel-margin"] > .min-width-40-l {
      min-width: calc( 40% - 1px); }
    *[class*="verysmall-margin"] > .min-width-40-l {
      min-width: calc( 40% - 5px); }
    *[class*="small-margin"] > .min-width-40-l {
      min-width: calc( 40% - 10px); }
    *[class*="normal-margin"] > .min-width-40-l {
      min-width: calc( 40% - 20px); }
    *[class*="big-margin"] > .min-width-40-l {
      min-width: calc( 40% - 40px); }
    *[class*="verybig-margin"] > .min-width-40-l {
      min-width: calc( 40% - 80px); }
    *[class*="section-margin"] > .min-width-40-l {
      min-width: calc( 40% - 120px); }
    *[class*="extrem-margin"] > .min-width-40-l {
      min-width: calc( 40% - 160px); }
    *[class*="gutter-margin"] > .min-width-40-l {
      min-width: calc( 40% - 13.33333px); }
  .min-width-33-l {
    min-width: 33.333333%; }
    *[class*="onepixel-margin"] > .min-width-33-l {
      min-width: calc( 33.333333% - 1px); }
    *[class*="verysmall-margin"] > .min-width-33-l {
      min-width: calc( 33.333333% - 5px); }
    *[class*="small-margin"] > .min-width-33-l {
      min-width: calc( 33.333333% - 10px); }
    *[class*="normal-margin"] > .min-width-33-l {
      min-width: calc( 33.333333% - 20px); }
    *[class*="big-margin"] > .min-width-33-l {
      min-width: calc( 33.333333% - 40px); }
    *[class*="verybig-margin"] > .min-width-33-l {
      min-width: calc( 33.333333% - 80px); }
    *[class*="section-margin"] > .min-width-33-l {
      min-width: calc( 33.333333% - 120px); }
    *[class*="extrem-margin"] > .min-width-33-l {
      min-width: calc( 33.333333% - 160px); }
    *[class*="gutter-margin"] > .min-width-33-l {
      min-width: calc( 33.333333% - 13.33333px); }
  .min-width-25-l {
    min-width: 25%; }
    *[class*="onepixel-margin"] > .min-width-25-l {
      min-width: calc( 25% - 1px); }
    *[class*="verysmall-margin"] > .min-width-25-l {
      min-width: calc( 25% - 5px); }
    *[class*="small-margin"] > .min-width-25-l {
      min-width: calc( 25% - 10px); }
    *[class*="normal-margin"] > .min-width-25-l {
      min-width: calc( 25% - 20px); }
    *[class*="big-margin"] > .min-width-25-l {
      min-width: calc( 25% - 40px); }
    *[class*="verybig-margin"] > .min-width-25-l {
      min-width: calc( 25% - 80px); }
    *[class*="section-margin"] > .min-width-25-l {
      min-width: calc( 25% - 120px); }
    *[class*="extrem-margin"] > .min-width-25-l {
      min-width: calc( 25% - 160px); }
    *[class*="gutter-margin"] > .min-width-25-l {
      min-width: calc( 25% - 13.33333px); }
  .min-width-20-l {
    min-width: 20%; }
    *[class*="onepixel-margin"] > .min-width-20-l {
      min-width: calc( 20% - 1px); }
    *[class*="verysmall-margin"] > .min-width-20-l {
      min-width: calc( 20% - 5px); }
    *[class*="small-margin"] > .min-width-20-l {
      min-width: calc( 20% - 10px); }
    *[class*="normal-margin"] > .min-width-20-l {
      min-width: calc( 20% - 20px); }
    *[class*="big-margin"] > .min-width-20-l {
      min-width: calc( 20% - 40px); }
    *[class*="verybig-margin"] > .min-width-20-l {
      min-width: calc( 20% - 80px); }
    *[class*="section-margin"] > .min-width-20-l {
      min-width: calc( 20% - 120px); }
    *[class*="extrem-margin"] > .min-width-20-l {
      min-width: calc( 20% - 160px); }
    *[class*="gutter-margin"] > .min-width-20-l {
      min-width: calc( 20% - 13.33333px); }
  .min-width-10-l {
    min-width: 10%; }
    *[class*="onepixel-margin"] > .min-width-10-l {
      min-width: calc( 10% - 1px); }
    *[class*="verysmall-margin"] > .min-width-10-l {
      min-width: calc( 10% - 5px); }
    *[class*="small-margin"] > .min-width-10-l {
      min-width: calc( 10% - 10px); }
    *[class*="normal-margin"] > .min-width-10-l {
      min-width: calc( 10% - 20px); }
    *[class*="big-margin"] > .min-width-10-l {
      min-width: calc( 10% - 40px); }
    *[class*="verybig-margin"] > .min-width-10-l {
      min-width: calc( 10% - 80px); }
    *[class*="section-margin"] > .min-width-10-l {
      min-width: calc( 10% - 120px); }
    *[class*="extrem-margin"] > .min-width-10-l {
      min-width: calc( 10% - 160px); }
    *[class*="gutter-margin"] > .min-width-10-l {
      min-width: calc( 10% - 13.33333px); }
  .min-width-0-l {
    min-width: 0%; }
    *[class*="onepixel-margin"] > .min-width-0-l {
      min-width: 0%; }
    *[class*="verysmall-margin"] > .min-width-0-l {
      min-width: 0%; }
    *[class*="small-margin"] > .min-width-0-l {
      min-width: 0%; }
    *[class*="normal-margin"] > .min-width-0-l {
      min-width: 0%; }
    *[class*="big-margin"] > .min-width-0-l {
      min-width: 0%; }
    *[class*="verybig-margin"] > .min-width-0-l {
      min-width: 0%; }
    *[class*="section-margin"] > .min-width-0-l {
      min-width: 0%; }
    *[class*="extrem-margin"] > .min-width-0-l {
      min-width: 0%; }
    *[class*="gutter-margin"] > .min-width-0-l {
      min-width: 0%; }
  .min-width-large-l {
    min-width: 1025px; }
    *[class*="onepixel-margin"] > .min-width-large-l {
      min-width: calc( 1025px - 1px); }
    *[class*="verysmall-margin"] > .min-width-large-l {
      min-width: calc( 1025px - 5px); }
    *[class*="small-margin"] > .min-width-large-l {
      min-width: calc( 1025px - 10px); }
    *[class*="normal-margin"] > .min-width-large-l {
      min-width: calc( 1025px - 20px); }
    *[class*="big-margin"] > .min-width-large-l {
      min-width: calc( 1025px - 40px); }
    *[class*="verybig-margin"] > .min-width-large-l {
      min-width: calc( 1025px - 80px); }
    *[class*="section-margin"] > .min-width-large-l {
      min-width: calc( 1025px - 120px); }
    *[class*="extrem-margin"] > .min-width-large-l {
      min-width: calc( 1025px - 160px); }
    *[class*="gutter-margin"] > .min-width-large-l {
      min-width: calc( 1025px - 13.33333px); }
  .min-width-small-l {
    min-width: 640px; }
    *[class*="onepixel-margin"] > .min-width-small-l {
      min-width: calc( 640px - 1px); }
    *[class*="verysmall-margin"] > .min-width-small-l {
      min-width: calc( 640px - 5px); }
    *[class*="small-margin"] > .min-width-small-l {
      min-width: calc( 640px - 10px); }
    *[class*="normal-margin"] > .min-width-small-l {
      min-width: calc( 640px - 20px); }
    *[class*="big-margin"] > .min-width-small-l {
      min-width: calc( 640px - 40px); }
    *[class*="verybig-margin"] > .min-width-small-l {
      min-width: calc( 640px - 80px); }
    *[class*="section-margin"] > .min-width-small-l {
      min-width: calc( 640px - 120px); }
    *[class*="extrem-margin"] > .min-width-small-l {
      min-width: calc( 640px - 160px); }
    *[class*="gutter-margin"] > .min-width-small-l {
      min-width: calc( 640px - 13.33333px); }
  .min-height-100 {
    min-height: 100vh; }
  .min-height-100-header {
    min-height: calc(100vh - 113px); } }
  @media only screen and (min-width: 1025px) and (min-width: 1025px) {
    body.header-transparent .min-height-100-header {
      min-height: 100vh;
      padding-top: calc(113px); } }

@media only screen and (min-width: 1025px) {
  .display-block-l {
    display: block; }
  .display-inline-block-l {
    display: inline-block; }
  .display-inline-l {
    display: inline; }
  .display-flex-l {
    display: block !important;
    display: flex !important;
    display: -webkit-flex !important;
    display: -moz-flex !important; }
  .display-inline-flex-l {
    display: inline-flex; }
  .display-none-l {
    display: none; }
  .ovw-l, .overflow-hidden {
    overflow: hidden; }
  .overflow-x-clip {
    overflow-x: clip; }
  .border-all-l {
    border: 1px solid #ccc; }
  .border-top-l {
    border-top: 1px solid #ccc; }
  .border-bottom-l {
    border-bottom: 1px solid #ccc; }
  .border-right-l {
    border-right: 1px solid #ccc; }
  .border-left-l {
    border-left: 1px solid #ccc; }
  .fit-l {
    width: 100%;
    height: 100%;
    height: 100vh; }
  .fit-x-l {
    width: 100%;
    width: 100vw; }
  .fit-y-l {
    height: 500px;
    height: 100vh; }
  .fit-y-perfect-l {
    height: 500px;
    height: calc( 100vh - 48px); }
  .fit-y-perfect-header-l {
    height: 500px;
    height: calc( 100vh - ( 48pxauto )); }
  .fit-y-min-l {
    min-height: 500px;
    min-height: 100vh; }
  .fit-y-min-perfect-l {
    min-height: 500px;
    min-height: calc( 100vh - 48px); }
  .fit-y-min-perfect-header-mobile-l {
    min-height: 500px;
    min-height: calc( 100vh - ( auto )); }
  .fit-y-min-perfect-header-l {
    min-height: 500px;
    min-height: calc( 100vh - ( auto )); }
  .fit-y-min-perfect-header-scroll-l {
    min-height: 500px;
    min-height: calc( 100vh - ( auto )); }
  .break-float-l {
    clear: both;
    width: auto;
    float: none !important;
    margin: 0 0 20px 0; }
  .break-flex-l {
    display: block !important;
    clear: both;
    width: 100%; }
  .flex-justify-start-l {
    justify-content: flex-start; }
  .flex-justify-center-l {
    justify-content: center; }
  .flex-justify-end-l {
    justify-content: flex-end; }
  .flex-justify-stretch-l {
    justify-content: stretch; }
  .flex-justify-space-between-l {
    justify-content: space-between; }
  .flex-justify-space-around-l {
    justify-content: space-around; }
  .flex-justify-default-l {
    justify-content: flex-start; }
  .flex-direction-row-l {
    flex-direction: row; }
  .flex-direction-column-l {
    flex-direction: column; }
  .flex-direction-row-reverse-l {
    flex-direction: row-reverse; }
  .flex-direction-column-reverse-l {
    flex-direction: column-reverse; }
  .flex-elem-l {
    flex: 1; }
  .flex-auto-l {
    flex: 1 1 auto; }
  .flex-100-l {
    flex: 1 1 100%; }
  .flex-50-l {
    flex: 1 1 49%; }
  .flex-0-auto-l {
    flex: 0 0 auto; }
  .flex-none-l {
    flex: none; }
  .flex-order-1-l {
    order: 1; }
  .flex-order-2-l {
    order: 2; }
  .flex-order-3-l {
    order: 3; }
  .flex-order-4-l {
    order: 4; }
  .flex-order-5-l {
    order: 5; }
  .flex-grow-1-l {
    flex-grow: 1; }
  .flex-grow-2-l {
    flex-grow: 2; }
  .flex-grow-3-l {
    flex-grow: 3; }
  .flex-grow-4-l {
    flex-grow: 4; }
  .flex-grow-5-l {
    flex-grow: 5; }
  .flex-grow-6-l {
    flex-grow: 6; }
  .flex-grow-7-l {
    flex-grow: 7; }
  .flex-grow-8-l {
    flex-grow: 8; }
  .flex-grow-9-l {
    flex-grow: 9; }
  .flex-grow-10-l {
    flex-grow: 10; }
  .flex-wrap-l {
    flex-wrap: wrap; }
  .flex-nowrap-l {
    flex-wrap: nowrap; }
  .flex-align-items-center-l {
    align-items: center; }
  .flex-align-items-start-l {
    align-items: flex-start; }
  .flex-align-items-end-l {
    align-items: flex-end; }
  .flex-align-items-stretch-l {
    align-items: stretch; }
  .flex-align-items-baseline-l {
    align-items: baseline; }
  .flex-align-self-center-l {
    align-self: center; }
  .flex-align-self-start-l {
    align-self: flex-start; }
  .flex-align-self-end-l {
    align-self: flex-end; }
  .flex-align-self-stretch-l {
    align-self: stretch; }
  .flex-align-self-baseline-l {
    align-self: baseline; } }

/*RETROCOMPATBILITE*/