/*! JTTPLv5.0 CAPTAIN | HELPERS.SCSS:CSS  | (c)jalis 2016 all rights reserved */
.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: #fff
}
.bg-blanc-o {
  background-color: rgba(255, 255, 255, 0.9)
}
.bg-noir {
  background-color: #000
}
.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: #d21717
}
.bg-ton-o {
  background-color: rgba(153, 0, 0, 0.9)
}
.bg-ton2 {
  background: linear-gradient(90deg, #1c4a45 0, #112453);
}
.bg-ton3 {
  background-color: red
}
.bg-alert {
  background-color: #f33
}
.bg-transparent {
  background-color: transparent
}
.bg-fond {
  background-color: #fff
}
.bg-fond-invert {
  background-color: #000
}
.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: #fff
}
.text-color-blanc-all, .text-blanc-all {
  color: #fff !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: #fff !important
}
.text-color-noir, .text-noir {
  color: #000
}
.text-color-noir-all, .text-noir-all {
  color: #000
}
.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: #000
}
.text-color-txt, .text-txt {
  color: #000
}
.text-color-txt-all, .text-txt-all {
  color: #000
}
.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: #000
}
.text-color-ton, .text-ton {
  color: #d21717
}
.text-color-ton-all, .text-ton-all {
  color: #d21717
}
.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: #d21717
}
.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: red
}
.text-color-ton3-all, .text-ton3-all {
  color: red
}
.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: red
}
.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: #000
}
.text-color-invert-all, .text-invert-all {
  color: #000
}
.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: #000
}
.text-color-alert, .text-alert {
  color: #f33
}
.text-color-alert-all, .text-alert-all {
  color: #f33
}
.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: #f33
}
.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 .6s 0ms ease-in-out
}
.loaded .cnt_loaded {
  opacity: 1
}
.white-space-initial {
  white-space: initial !important
}
.break-word {
  word-break: break-word
}
.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: 220px
}
.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
  }
}

.txt-big {
	font-size:1.75em !important;
}

.txt-shadow {
	text-shadow: 0 2px 6px rgba(0,0,0,0.6)
}

.txt-red {
	color: #d21717 !important;
}
.txt-yel {
	color: #04b5bc !important;
}
.txt-blu {
	color:#26bbac;
}
.nowrap {
	 white-space: nowrap !important;
}

.img-shadow {
	border: 3px solid #ffffff;
	box-shadow: 8px 12px 1px rgba(0,0,0,0.3)
}

.tiny-radius {
	border-radius : 4px !important;
}

.big-radius {
	border-radius : 20px !important;
}