@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 */
/* Xxxxxxxxx */
@font-face {
  font-family: 'xxx';
  src: url("../fonts/xxx.woff2") format("woff2"), url("../fonts/xxx.woff") format("woff");
  /* font-weight: 300; */
  font-style: normal;
}

@font-face {
  font-family: 'xxx';
  src: url("../fonts/xxx.woff2") format("woff2"), url("../fonts/xxx.woff") format("woff");
  /* font-weight: 300; */
  font-style: normal;
}

/* 
/!\ 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: #f3152b;
}

.bg-ton-o {
  background-color: rgba(243, 21, 43, 0.9);
}

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

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

.bg-ton4 {
  background-color: #AAB79A;
}

.bg-ton5 {
  background-color: #FFF9F2;
}

.bg-ton6 {
  background-color: #7C5F48;
}

.bg-ton7 {
  background-color: #a7a7a7;
}

.bg-ton8 {
  background-color: #a7a7a7;
}

.bg-ton9 {
  background-color: #a7a7a7;
}

.bg-ton10 {
  background-color: #a7a7a7;
}

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

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

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

.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: #f3152b;
}

.text-color-ton-all, .text-ton-all {
  color: #f3152b;
}

.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: #f3152b;
}

.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-ton4, .text-ton4 {
  color: #AAB79A;
}

.text-color-ton4-all, .text-ton4-all {
  color: #AAB79A;
}

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

.text-color-ton5, .text-ton5 {
  color: #FFF9F2;
}

.text-color-ton5-all, .text-ton5-all {
  color: #FFF9F2;
}

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

.text-color-ton6, .text-ton6 {
  color: #7C5F48;
}

.text-color-ton6-all, .text-ton6-all {
  color: #7C5F48;
}

.text-color-ton6-all a, .text-color-ton6-all a:visited, .text-color-ton6-all h2, .text-color-ton6-all h3, .text-color-ton6-all h4, .text-color-ton6-all h5, .text-color-ton6-all *, .text-ton6-all a, .text-ton6-all a:visited, .text-ton6-all h2, .text-ton6-all h3, .text-ton6-all h4, .text-ton6-all h5, .text-ton6-all * {
  color: #7C5F48;
}

.text-color-ton7, .text-ton7 {
  color: #a7a7a7;
}

.text-color-ton7-all, .text-ton7-all {
  color: #a7a7a7;
}

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

.text-color-ton8, .text-ton8 {
  color: #a7a7a7;
}

.text-color-ton8-all, .text-ton8-all {
  color: #a7a7a7;
}

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

.text-color-ton9, .text-ton9 {
  color: #a7a7a7;
}

.text-color-ton9-all, .text-ton9-all {
  color: #a7a7a7;
}

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

.text-color-ton10, .text-ton10 {
  color: #a7a7a7;
}

.text-color-ton10-all, .text-ton10-all {
  color: #a7a7a7;
}

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

.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*/