/*
--------------------------------------------
--------------------------------------------
  Theme Name: .
  Author: .
  Description: .
  Version: 1.0.0
--------------------------------------------
--------------------------------------------
*/
/*
=====================================
Variables
=====================================
*/
:root {
  --size-xxl: 6.4rem;
  --size-xl: 4.5rem;
  --size-lg: 3rem;
  --size-md: 1.8rem;
  --size-sm: 1.6rem;
  --btn-size: 1.9rem;
  --border-radius: 25px;
  --turquoise: #33958c;
  --turquoise-light:#8BBBBB;
  --turquoise-mist: #E2E8E7;
  --iceblue: #F4FAFF;
  --bluegray: #B4CDD8;
  --dark:#1E1E1E;
  --orange: #F37C40;
  --white: #FFFFFF;
  --primary-color: #354147;
  --secondary-color: #FFFFFF;
  --color-third: #01799D;
  --color-four: #FBD784;
  --color--five: #017A9C;
  --heading-color: #1e1e1e;
  --body-color: #fff;
  --line-color: #F37C40;
  --bg-color: #EFEFEF;
}

/*
=====================================
Variables
=====================================
*/
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: "GeneralSans-Variable", sans-serif;
  background-color: var(--body-color);
  font-size: var(--size-sm);
  line-height: 1.2;
  overflow-x: hidden;
}

/*
==================================
Bacic Setup
==================================
*/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-moz-selection {
  background-color: var(--turquoise);
  color: var(--white);
}

::selection {
  background-color: var(--turquoise);
  color: var(--white);
}

::-webkit-scrollbar {
  width: 0.9rem;
}

::-webkit-scrollbar-track {
  background-color: var(--primary-color);
}

::-webkit-scrollbar-thumb {
  background-color: var(--orange);
  height: 6rem;
}

a,
span,
label {
  display: inline-block;
}

ul li {
  list-style: none;
}

a,
a:focus {
  text-decoration: none;
}

button:focus,
input:focus,
textarea:focus,
button,
input,
textarea {
  outline: 0;
}

button {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
hr {
  margin: 0;
  padding: 0;
}

hr {
  opacity: 1;
  background-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: GeneralSans-Semibold;
  color: var(--primary-color);
}

p {
  font-size: var(--size-sm);
  color: var(--primary-color);
  line-height: 32px;
}

.transition-linear {
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

a,
button,
img,
.transition-ease-in-out {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*
===================================
Footer Section
===================================
*/
footer {
  padding: 40px;
}

.footer__inner {
  border-radius: 50px;
  overflow: hidden;
  background: var(--turquoise);
}

.footer-row {
  margin-right: -3rem;
  margin-left: -3rem;
}

.footer-row > * {
  padding-right: 3rem;
  padding-left: 3rem;
}

.footer-widget h4 {
  color: var(--iceblue);
  margin-bottom: 2.5rem;
}

.footer-logo-text {
  max-width: 33.7rem;
}

.footer-text,
.pages-link li a {
  color: var(--white);
  font-size: var(--size-sm);
}

.pages-link li a {
  text-decoration: underline;
  line-height: 32px;
}
.pages-link li a:hover {
  text-decoration: none;
  transform: translateX(0.3rem);
}

.copyright-text :is(span, a) {
  color: var(--white);
  font-size: var(--size-md);
}

/*
===================================
Footer Section
===================================
*/
/*
=============================
Start Header Section
=============================
*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
  padding-left: 8.1rem;
  padding-right: 8.1rem;
  z-index: 999;
}

nav .logo img {
  max-width: 30rem;
}

nav .main-menu ul li {
  position: relative;
}

nav .main-menu ul li a {
  position: relative;
  color: var(--secondary-color);
  font-size: var(--size-md);
}

nav .main-menu ul li .sub-menu {
  opacity: 0;
  visibility: hidden;
  width: 16.5rem;
  position: absolute;
  top: 160%;
  left: 0;
  background-color: var(--secondary-color);
  padding: 2.5rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

nav .main-menu ul li .sub-menu li:not(:last-child) {
  margin-bottom: 1.3rem;
}

nav .main-menu ul li:hover .sub-menu {
  top: 115%;
  opacity: 1;
  visibility: visible;
}

nav .main-menu ul li .sub-menu li a {
  color: var(--primary-color);
}

nav .main-menu > ul > li > a::after,
nav .main-menu > ul > li > div::after {
  content: "";
  position: absolute;
  top: 0.6rem;
  right: -2.1rem;
  width: 2px;
  height: 50%;
  background-color: var(--secondary-color);
}

.sticky-menu nav .main-menu > ul > li > a::after,
.sticky-menu nav .main-menu > ul > li > div::after {
  content: "";
  position: absolute;
  top: 0.6rem;
  right: -2.1rem;
  width: 2px;
  height: 50%;
  background-color: #354147;
}

nav .main-menu > ul > li:nth-child(6) > a::after,
nav .main-menu > ul > li:nth-child(7) > a::after,
nav .main-menu > ul > li:nth-child(8) > a::after,
nav .main-menu > ul > li:nth-child(9) > a::after {
  background-color: transparent;
}

/*
-------------------------
Menu Btn & Close Icon
-------------------------
*/
.menu-show-btn {
  position: relative;
  cursor: pointer;
}

.menu-show-btn > * {
  width: 3.5rem;
  height: 0.3rem;
  background: var(--secondary-color);
  margin: 0.6rem 0;
}

.menu-close-icon {
  position: absolute;
  top: 3rem;
  right: 3rem;
  width: 2.5rem;
}

/*
----------------
Sticky Menu
----------------
*/
.sticky-menu {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: var(--secondary-color);
  border-bottom: 4px solid var(--turquoise);
}

.sticky-menu .menu-show-btn > * {
  background: var(--primary-color);
}

.sticky-menu nav .main-menu > ul > li > a,
.sticky-menu nav .main-menu > ul > li > .menu-link > a {
  color: var(--primary-color);
}

.sticky-menu nav :is(.logo img, .whatsapp, .email) {
  filter: invert(21%) sepia(5%) saturate(1620%) hue-rotate(155deg) brightness(10%) contrast(89%);
  -webkit-filter: invert(21%) sepia(5%) saturate(1620%) hue-rotate(155deg) brightness(10%) contrast(89%);
}

.sticky-menu .main-menu ul li .sub-menu {
  border-top: 0.4rem solid var(--turquoise);
}

/*
=============================
End Header Section
=============================
*/
/* 
================================================
================================================
Start All Pages Reuseble Components
================================================
*/
.banner {
  min-height: 66rem;
  background: var(--primary-color) no-repeat;
}
.banner:has(.img-wrapper) {
  position: relative;
}
.banner:has(.img-wrapper) .banner-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.banner:has(.img-wrapper) .banner-background:has(.img-wrapper.has-iframe) {
  display: flex;
  align-items: center;
}
.banner:has(.img-wrapper) .banner-background .img-wrapper:before {
  width: 100%;
  height: 100%;
  inset: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
  content: "";
}
.banner:has(.img-wrapper) .banner-background .img-wrapper:not(.has-iframe) {
  width: 100%;
  height: 100%;
}
.banner:has(.img-wrapper) .banner-background .img-wrapper:not(.has-iframe) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.banner:has(.img-wrapper) .banner-background .img-wrapper.has-iframe {
  position: relative;
  aspect-ratio: 16/9;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  min-width: 100%;
  background-color: black;
}
.banner:has(.img-wrapper) .banner-background .img-wrapper.has-iframe img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
}
.banner:has(.img-wrapper) .banner-background .img-wrapper.has-iframe .iframe-wrapper {
  aspect-ratio: 16/9;
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
}
.banner:has(.img-wrapper) .banner-background .img-wrapper.has-iframe .iframe-wrapper iframe, .banner:has(.img-wrapper) .banner-background .img-wrapper.has-iframe .iframe-wrapper video {
  height: 100%;
  width: 100%;
  aspect-ratio: 16/9;
}
.banner:not(:has(.img-wrapper)) {
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

.wrapper-row {
  margin-right: -7.5rem;
  margin-left: -7.5rem;
}
.wrapper-row > * {
  padding-right: 7.5rem;
  padding-left: 7.5rem;
}

.wrapper-row-sm {
  margin-right: -3rem;
  margin-left: -3rem;
}
.wrapper-row-sm > * {
  padding-right: 3rem;
  padding-left: 3rem;
}

.title-xxl {
  font-size: var(--size-xxl);
  line-height: 8.7rem;
}

.title-xl {
  font-size: var(--size-xl);
  line-height: 6.6rem;
}

.title-xxl,
.title-xl,
.title-lg {
  font-family: GeneralSans-Semibold;
  color: var(--dark);
}

.title-lg {
  font-size: var(--size-lg);
  line-height: 4.3rem;
  color: var(--dark);
}

.title-md {
  font-size: 2.4rem;
  color: var(--dark);
  line-height: 2.8rem;
}

.title-sm {
  font-family: GeneralSans-Semibold;
  font-size: var(--size-md);
  color: var(--orange);
  line-height: 3.5rem;
}

.line-text hr {
  vertical-align: middle;
  width: 7.2rem;
  border-bottom: 2px solid var(--line-color);
  margin-right: 3rem;
  margin-top: 1.7rem;
}

.text-link:hover .arrow-img {
  margin-left: 1rem;
}

/* Form Style */
.form-section {
  padding: 60px 0;
}
.form-section .form-section_inner {
  padding: 40px;
  margin: 0 15.4rem;
}
@media (max-width: 1399px) {
  .form-section .form-section_inner {
    margin: 0 10rem;
  }
}
@media (max-width: 1199px) {
  .form-section {
    padding: 20px;
  }
  .form-section .form-section_inner {
    padding: 20px;
    margin: 0;
  }
}

/*
================================================
End All Pages Reuseble Components
================================================
================================================
*/
/*
============================================================================
============================================================================
Start Home Page Style
============================================================================
============================================================================
*/
/* Hero Section */
.home-hero-section {
  min-height: 100vh;
}
.home-hero-section:has(.img-wrapper) {
  position: relative;
}
.home-hero-section:has(.img-wrapper) .hero-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.home-hero-section:has(.img-wrapper) .hero-background:has(.img-wrapper.has-iframe) {
  display: flex;
  align-items: center;
}
.home-hero-section:has(.img-wrapper) .hero-background .img-wrapper:before {
  width: 100%;
  height: 100%;
  inset: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
  content: "";
}
.home-hero-section:has(.img-wrapper) .hero-background .img-wrapper:not(.has-iframe) {
  width: 100%;
  height: 100%;
}
.home-hero-section:has(.img-wrapper) .hero-background .img-wrapper:not(.has-iframe) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.home-hero-section:has(.img-wrapper) .hero-background .img-wrapper.has-iframe {
  position: relative;
  aspect-ratio: 16/9;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  min-width: 100%;
  background-color: black;
}
.home-hero-section:has(.img-wrapper) .hero-background .img-wrapper.has-iframe img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
}
.home-hero-section:has(.img-wrapper) .hero-background .img-wrapper.has-iframe .iframe-wrapper {
  aspect-ratio: 16/9;
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
}
.home-hero-section:has(.img-wrapper) .hero-background .img-wrapper.has-iframe .iframe-wrapper iframe, .home-hero-section:has(.img-wrapper) .hero-background .img-wrapper.has-iframe .iframe-wrapper video {
  height: 100%;
  width: 100%;
  aspect-ratio: 16/9;
}
.home-hero-section:not(:has(.img-wrapper)) {
  background: url("/wp-content/uploads/2022/02/home_e.jpg") no-repeat bottom/cover;
}
.home-hero-section > .container {
  position: relative;
  z-index: 2;
}
.home-hero-section .line-text > * {
  color: white !important;
  border-color: white !important;
}

.home-hero-section::after,
.home-hero-section::before {
  content: "";
  clear: both;
  display: block;
  overflow: hidden;
}

.hero-text p {
  font-size: 8rem;
  line-height: 10rem;
  color: var(--secondary-color);
}

/* Scherpe Prijzen Section */
.scherpe-prijzen-section {
  padding-bottom: 48.5rem;
}

.scherpe-prijzen-row {
  margin-right: -3rem;
  margin-left: -3rem;
}

.scherpe-prijzen-row > * {
  padding-right: 3rem;
  padding-left: 3rem;
}

.scherpe-prijzen-left-text {
  background-color: var(--secondary-color);
  min-height: 20.2rem;
  border-radius: var(--border-radius);
}

.scherpe-prijzen-left-text h4 {
  color: var(--dark);
}

.scherpe-prijzen-left-text p {
  color: var(--dark);
  margin-bottom: 0;
}

.scherpe-prijzen-right-text h3 {
  color: var(--secondary-color);
}

.scherpe-prijzen-right-text p {
  color: white;
}

/* Home Nieuwe Neilen Section */
.home-nieuwe-zeilen-section {
  min-height: 43rem;
  background-color: var(--secondary-color);
}

.home-nieuwe-zeilen-wrapper {
  width: 100%;
  background-color: var(--secondary-color);
  position: relative;
  position: absolute;
  top: -26.6rem;
  left: 0;
  padding-bottom: 15.6rem;
}

.home-nieuwe-zeilen-content {
  max-width: 55rem;
}

.home-nieuwe-zeilen-content a {
  max-width: 36.3rem;
}

.home-nieuwe-zeilen-img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 56.6rem;
}

/* Sail Factory Section */
.sailf-actory-section {
  background-color: var(--iceblue);
}

/* Gennakers Spinnakers Section */
.gennakers-spinnakers-section {
  background-color: var(--secondary-color);
}

.gennakers-spinnakers-wrapper {
  max-width: 126.3rem;
  margin-left: auto;
  margin-right: auto;
}

.gennakers-spinnakers-row {
  margin-right: -7.5rem;
  margin-left: -7.5rem;
}

.gennakers-spinnakers-row > * {
  padding-right: 7.5rem;
  padding-left: 7.5rem;
}

.gennakers-spinnakers-img img {
  aspect-ratio: 4/5;
}

/* Onze Zeilen Section */
.onze-zeilen-wrapper {
  max-width: 115.5rem;
}

.onze-zeilen-title p {
  color: var(--secondary-color);
}

.onze-zeilen-title h5 {
  color: var(--color-four);
}

.onze-zeilen-slider {
  overflow-x: hidden;
}

.onze-zeilen-content {
  background-color: var(--secondary-color);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.onze-zeilen-content a {
  color: var(--turquoise);
}

.swiper-pagination-button span {
  cursor: pointer;
  width: 1.7rem;
  height: 0.8rem;
  background-color: var(--secondary-color);
  opacity: 1;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.swiper-pagination-button .swiper-pagination-bullet-active {
  width: 4.5rem;
  background-color: var(--orange);
}

/* Benieuwd Section */
.benieuwd-section {
  background-color: var(--secondary-color);
}

.benieuwd-wrapper {
  max-width: 93.7rem;
}

/*
============================================================================
============================================================================
End Home Page Style
============================================================================
============================================================================
*/
/*
============================================================================
============================================================================
Start Nieuwe Zeilen Page Style
============================================================================
============================================================================
*/
/*===============================*/
/* Start Reuseble Components */
.nieuwe-zeilen-page-wrapper {
  max-width: 115.7rem;
  margin: auto;
}

.cruising-race-peformance-row {
  margin-right: -3rem;
  margin-left: -3rem;
}

.cruising-race-peformance-row > * {
  padding-right: 3rem;
  padding-left: 3rem;
}

.benieuwd-title {
  color: var(--secondary-color);
}

.box-shadow {
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* Start Reuseble Components */
/*==============================*/
/* Hero Section */
.nieuwe-zeilen-banner {
  background-image: url("/wp-content/uploads/2022/02/nieuwe_zeilen_page.jpg");
}

/* Nieuwe Zeilen */
.nieuwe-zeilen-section {
  min-height: 45.5rem;
  background-color: var(--secondary-color);
}

.nieuwe-zeilen-wrapper {
  width: 100%;
  background-color: var(--secondary-color);
  position: absolute;
  top: -43.6rem;
  left: 0;
  padding: 16rem 15.4rem 10rem;
}

/* Nieuwe Zeilen */
.code-zero-section {
  background-color: var(--secondary-color);
}

.code-zero-wrapper {
  width: 100%;
  background-color: var(--secondary-color);
  margin-top: -43.6rem;
  left: 0;
  padding: 16rem 15.4rem 10rem;
}

.code-zero-section ul li, .geleverd-met-section ul li {
  list-style: inside disc;
}
.code-zero-section ul li:not(:first-child), .geleverd-met-section ul li:not(:first-child) {
  margin-top: 5px;
}

/* Box Section*/
.box-section {
  background-color: var(--bg-color);
}

.box-row {
  margin-right: -3.5rem;
  margin-left: -3.5rem;
}

.box-row > * {
  padding-right: 3.5rem;
  padding-left: 3.5rem;
}

/* Text bg Section */
.text-bg-section {
  padding: 6.5rem 0;
}
.text-bg-section:not(.quote-green) {
  background: url("/wp-content/uploads/2022/02/text-bg-the-sail-factory.jpg") no-repeat center/cover;
}
.text-bg-section p {
  margin: 0;
}

.text-bg-text {
  max-width: 92.5rem;
}

.text-bg-text p {
  color: var(--secondary-color);
}

/* Cruising Section */
.cruising-section {
  background-color: var(--secondary-color);
}

.clearfix {
  overflow: hidden;
}

.price-row {
  margin-left: -1rem;
  margin-right: -1rem;
}

.price-row > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

.price-title p {
  color: var(--dark);
}

.price-box-1 {
  min-height: 30.3rem;
}

.price-box-2 {
  min-height: 33rem;
}

.price-box-3 {
  min-height: 37.2rem;
}

.price-box-4 {
  min-height: 35.9rem;
}

.price-box {
  background-color: var(--bluegray);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  display: grid;
  grid-template-rows: auto auto 1fr;
  align-content: start;
}

.price-box h5 {
  font-family: GeneralSans-Semibold;
  font-size: 2rem;
  line-height: 3.2rem;
  color: var(--primary-color);
}

.price-box ul li {
  list-style: disc;
}

.price-box ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}

.price-box p {
  margin-top: 3rem;
  font-size: var(--size-xl);
  color: var(--orange);
  align-content: flex-start;
  align-self: end;
}

/* Benieuwd Naar Section */
.benieuwd-naar-wrapper {
  max-width: 88.3rem;
}

/* Benieuwd Wat Section */
.benieuwd-wat-wrapper {
  max-width: 109.3rem;
}

/* Peformance Section */
.peformance-section {
  background-color: var(--secondary-color);
}

/* Race Section */
.race-section {
  background-color: var(--secondary-color);
}

/* benieuwd-naar-onze-section */
.benieuwd-naar-onze-wrapper {
  max-width: 115.7rem;
}

/* Gennakers Spinnakers Code Section */
.gennakers-spinnakers-code-section {
  background-color: var(--secondary-color);
}

/* Weten Welke Section */
.weten-welke-section {
  background-color: var(--bg-color);
}

.weten-welke-content {
  max-width: 110.9rem;
}

/*
============================================================================
============================================================================
End Nieuwe Zeilen Page Style
============================================================================
============================================================================
*/
/*
============================================================================
============================================================================
Start Spinnakers En Gennakers Page Style
============================================================================
============================================================================
*/
/* Start Reuseble Components */
.spinnakers-wrapper {
  max-width: 116.2rem;
  margin-left: auto;
  margin-right: auto;
}

.gennakers-row {
  margin-right: -3rem;
  margin-left: -3rem;
}

.gennakers-row > * {
  padding-right: 3rem;
  padding-left: 3rem;
}

/* End Reuseble Components */
/* Hero Section */
.spinnakers-en-gennakers-page-banner {
  background-image: url("/wp-content/uploads/2022/02/gennakersspinnakers.jpg");
}

/* Start Spinnakers En Gennakers Ppage Section  */
.spinnakers-en-gennakers-page-section {
  min-height: 63rem;
  background-color: var(--secondary-color);
}

.spinnakers-en-gennakers-page-wrapper {
  width: 100%;
  background-color: var(--secondary-color);
  position: absolute;
  top: -43.6rem;
  left: 0;
  padding: 16rem 15.4rem 8rem;
}

/* U Bepaalt Section */
.u-bepaalt-section {
  background-color: var(--secondary-color);
}

.u-bepaalt-color-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 3rem;
}

.u-bepaalt-color-box-content p {
  font-size: 1.3rem;
}

/* Laagste Prijs Section */
.laagste-prijs {
  padding-top: 15.5rem;
}

.laagste-prijs-left-content {
  background-color: var(--secondary-color);
}

.laagste-prijs-left-content-2 {
  margin-top: -5.5rem;
}

.laagste-prijs-left-content p:nth-child(3) {
  font-size: var(--size-xl);
}

.laagste-prijs-right-content p {
  color: var(--secondary-color);
}

/* Code Zero Section */
.code-zero-section,
.code-zero-box-section,
.code-zero-content-box {
  background-color: var(--secondary-color);
}

/* Code Zero Box Section */
.code-zero-content h3 {
  color: var(--dark);
}

/* Nieuw Section */
.nieuw-text {
  max-width: 77.4rem;
}

.nieuw-text p {
  color: var(--secondary-color);
}

/* Benieuwd Onze Section */
.benieuwd-onze-section {
  background-color: var(--secondary-color);
}

.benieuwd-onze-text {
  max-width: 88.3rem;
}

/*
============================================================================
============================================================================
End Spinnakers En Gennakers Page Style
============================================================================
============================================================================
*/
/*
============================================================================
============================================================================
Start Over Ons Page Style
============================================================================
============================================================================
*/
/* Hero Section */
.over-ons-banner {
  background-image: url("/wp-content/uploads/2022/02/overons.jpg");
}

/* Over Ons Section */
.over-ons-section {
  min-height: 55rem;
  background-color: var(--secondary-color);
}

.over-ons-wrapper {
  width: 100%;
  background-color: var(--secondary-color);
  position: absolute;
  top: -43.6rem;
  left: 0;
  padding: 16rem 15.4rem 11rem;
}

/*
============================================================================
============================================================================
End Over Ons Page Style
============================================================================
============================================================================
*/
/*
============================================================================
============================================================================
Start Offert Page Style
============================================================================
============================================================================
*/
/* Hero Section */
.offerte-banner {
  background-image: url("/wp-content/uploads/2022/02/offerteAanvragen.jpg");
}

/* Offerte Section */
.offerte-wrapper {
  width: 100%;
  background-color: var(--bg-color);
  position: absolute;
  top: -42.6rem;
  left: 0;
  padding: 16rem 15.4rem 6rem;
}

/*
============================================================================
============================================================================
End Offert Page Style
============================================================================
============================================================================
*/
/*
============================================================================
============================================================================
Start Contact Page Style
============================================================================
============================================================================
*/
/* Hero Section */
.contact-banner {
  background-image: url("/wp-content/uploads/2022/02/contact.jpg");
}

/* Contact Section */
.contact-section {
  background-color: var(--secondary-color);
  min-height: 62.5rem;
}

.contact-wrapper {
  width: 100%;
  background-color: var(--secondary-color);
  position: absolute;
  top: -43.6rem;
  left: 0;
  padding: 16rem 15.4rem 10rem;
}

.contact-list li img {
  width: 2.5rem;
}

.contact-list-text {
  margin-left: 2.3rem;
}

/*
============================================================================
============================================================================
End Contact Page Style
============================================================================
============================================================================
*/
/*
===============================
Back to top Btn
===============================
*/
#scroll-up-btn {
  opacity: 0;
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  z-index: 99;
  background: var(--orange);
  width: 4.5rem;
  height: 4.5rem;
  border: none;
  border-radius: 50000px;
  display: flex;
}

@-webkit-keyframes myBtn {
  0% {
    right: 3rem;
    bottom: 4rem;
  }
  25% {
    bottom: 2rem;
    right: 3rem;
  }
  50% {
    right: 3rem;
    bottom: 4rem;
  }
  75% {
    bottom: 2rem;
    right: 3rem;
  }
  100% {
    right: 3rem;
    bottom: 4rem;
  }
}
@keyframes myBtn {
  0% {
    right: 3rem;
    bottom: 4rem;
  }
  25% {
    bottom: 2rem;
    right: 3rem;
  }
  50% {
    right: 3rem;
    bottom: 4rem;
  }
  75% {
    bottom: 2rem;
    right: 3rem;
  }
  100% {
    right: 3rem;
    bottom: 4rem;
  }
}
input,
textarea {
  outline: 0;
  border: 0;
  background-color: #fff;
}

.spacew {
  background-color: #fff;
  height: 66px;
}

.weten-welke-content .title-xxl {
  font-size: 45px;
}

/*.weten-welke-content .title-sm {
	font-size: 18px;
}*/
.weten-welke-section .benieuwd-wrapper {
  max-width: unset;
}

.weten-welke-section .my-35 {
  margin-top: 21px;
}

.swiper-slide p {
  line-height: 24px;
}

.scherpe-prijzen-left-text p {
  line-height: 28px;
}

.page-template-page-spinnakers-en-gennarkers-php .title-lg {
  line-height: 49px;
}

.laagste-prijs-left-content p:nth-child(3) {
  /*font-family: 'Roboto-300';*/
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: 15px;
  padding-left: 15px;
}

.infomen {
  display: none;
}

.main-menu .mobile-logo {
  display: none;
}

@media (max-width: 991px) {
  .nav-container {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  footer article {
    margin-bottom: 62px;
  }
  footer .container.py-90 {
    padding-bottom: 0;
  }
  footer .container.pb-60 {
    padding-bottom: 20px;
  }
  .banner {
    min-height: 55rem;
  }
  .offerte-banner {
    min-height: 61rem;
  }
  .price-box-1,
  .price-box-2,
  .price-box-3,
  .price-box-4 {
    min-height: auto;
  }
  .btn-bg {
    max-width: unset;
  }
  .spinnakers-en-gennakers-page-wrapper {
    margin-left: 15px;
    width: 92%;
  }
  .nieuwe-zeilen-wrapper,
  .code-zero-wrapper .over-ons-wrapper,
  .offerte-wrapper,
  .contact-wrapper {
    margin-left: 6px;
    width: 97%;
  }
  .spinnakers-en-gennakers-page-section .spinnakers-en-gennakers-page-content .title-sm {
    margin-top: 6px;
  }
  .title-xxl {
    line-height: 46px !important;
  }
  .u-bepaalt-wrapper {
    padding-top: 36px !important;
    padding-bottom: 47px !important;
  }
  .laagste-prijs {
    padding-top: 68px;
  }
  .sticky-menu nav .main-menu > ul > li > a::after, .sticky-menu nav .main-menu > ul > li > div::after {
    display: none;
  }
  .main-menu.d-flex {
    display: grid !important;
    grid-template-rows: minmax(auto, 30px) auto auto;
    background-color: #fff !important;
    align-content: start;
    gap: 32px;
  }
  .main-menu .main-menu-menu {
    margin-top: 16px;
  }
  .infomen {
    font-size: 12px;
    line-height: 20px;
    color: var(--dark);
    display: block;
  }
  .menu-link .sub-menu-icon {
    display: none;
  }
  nav .main-menu {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .main-menu .mobile-logo {
    display: block;
  }
  .page-template-page-nieuwe-zeilen .text-bg-section {
    padding: 6.5rem 0;
  }
  .page-template-page-nieuwe-zeilen #cruising .title-lg {
    line-height: 4.7rem;
    margin-top: 22px;
  }
  .page-template-page-nieuwe-zeilen #cruising .mt-85,
  .page-template-page-nieuwe-zeilen #performance .mt-85,
  .page-template-page-nieuwe-zeilen #race .mt-85 {
    margin-top: 34px;
  }
  .page-template-page-nieuwe-zeilen #performance .title-lg,
  .page-template-page-nieuwe-zeilen #race .title-lg {
    line-height: 4.7rem;
    margin-top: 0px;
  }
}
.removscrll {
  overflow: hidden !important;
  height: 100vh;
}

.page-template-default .title-xxl {
  margin-bottom: 50px;
}

nav .main-menu ul li a.active {
  color: #ccc;
}
@media (max-width: 991px) {
  nav .main-menu ul li a.active {
    color: var(--turquoise);
  }
}

.sticky-menu nav .main-menu > ul > li > a.active, .sticky-menu nav .main-menu > ul > li > .menu-link > a.active {
  color: var(--turquoise);
}

.main-menu svg, .main-menu img {
  max-width: 22rem;
}

.u-bepaalt-wrapper {
  padding-top: 33px !important;
  padding-bottom: 47px !important;
}

@media (max-width: 767px) {
  .title-xxl {
    font-size: 32px;
  }
  .page-template-default .banner {
    min-height: 11rem !important;
  }
}
.page-template-default {
  overflow-x: unset;
}

.white-link {
  color: #fff;
}
.white-link:hover {
  color: #ccc;
}

.white-link-orange {
  color: #fff;
}
.white-link-orange:hover {
  color: var(--orange);
}

.turquoise-link {
  color: var(--turquoise);
  transition: color 0.3s;
  display: inline;
}
.turquoise-link:hover {
  color: var(--dark);
}

.blue-link {
  color: #01799D;
  display: inline;
}

.blue-link:hover {
  color: #000;
}

p {
  margin-bottom: 34px;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 16px;
}

ol, ul, hr {
  margin-bottom: 28px;
}

header ol, header ul, header hr {
  margin-bottom: 0;
}

header .nav-container .logo img {
  height: auto;
}

.page-template-default .contact-section {
  min-height: unset;
}

p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

.page-template-default .contact-wrapper {
  position: relative;
  top: unset;
  left: unset;
}

.page-template-default .banner {
  min-height: 22rem;
}

.background-wave {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  z-index: -1;
}
*:has(> .background-wave) {
  position: relative;
  z-index: 1;
}

.background-wave-part {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
*:has(> .background-wave-part) {
  position: relative;
  z-index: 1;
}

.btn-dark-outline, .btn-dark, .btn-white-outline, .btn-white, .btn-turquoise, .btn-orange-dark, .btn-orange {
  border-radius: 500000px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.3s;
  padding: 10px 30px;
  font-weight: 400;
  font-family: GeneralSans-Medium;
}

.btn-orange {
  background-color: var(--orange);
  border-color: var(--orange);
  color: white;
}
.btn-orange:hover {
  background: white;
  border-color: white;
  color: var(--orange);
}

.btn-orange-dark {
  background-color: var(--orange);
  border-color: var(--orange);
  color: var(--dark);
}
.btn-orange-dark:hover {
  background: var(--dark);
  border-color: var(--dark);
  color: white;
}

.btn-turquoise {
  background-color: var(--turquoise);
  border-color: var(--turquoise);
  color: white;
}
.btn-turquoise:hover {
  background: white;
  color: var(--turquoise);
}

.btn-white {
  background-color: white;
  border-color: white;
  color: var(--dark);
}
.btn-white:hover {
  background: var(--dark);
  border-color: var(--dark);
  color: white;
}

.btn-white-outline {
  background-color: transparent;
  border-color: white;
  color: white;
}
.btn-white-outline:hover {
  background: white;
  border-color: white;
  color: var(--dark);
}

.btn-dark {
  background-color: var(--dark);
  border-color: var(--dark);
  color: white;
}
.btn-dark:hover {
  background: white;
  border-color: white;
  color: var(--dark);
}

.btn-dark-outline {
  background-color: transparent;
  border-color: var(--dark);
  color: var(--dark);
}
.btn-dark-outline:hover {
  background: var(--dark);
  border-color: var(--dark);
  color: white;
}

.gform_button[type=submit] {
  border-radius: 500000px !important;
  border-width: 1px !important;
  border-style: solid !important;
  transition: all 0.3s !important;
  padding: 10px 30px !important;
  font-weight: 400 !important;
  font-family: GeneralSans-Medium !important;
}
.gform_button[type=submit]:not(:hover) {
  background-color: var(--orange) !important;
  border-color: var(--orange) !important;
  color: white !important;
}
.gform_button[type=submit]:hover {
  background: white !important;
  border-color: white !important;
  color: var(--orange) !important;
}

.quote-component .quote-text {
  font-size: var(--size-lg);
  line-height: 1.2;
  font-family: GeneralSans-Semibold;
}

.cta-section {
  background: var(--iceblue);
  padding: 40px;
}
.cta-section .cta-inner {
  border-radius: var(--border-radius);
  overflow: hidden;
  padding: 80px 40px;
}
.cta-section .cta-inner .cta-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}
.cta-section .cta-inner .cta-title {
  font-family: GeneralSans-Semibold;
  font-size: var(--size-xl);
  color: white;
}

.price-blok {
  background: var(--bluegray);
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  align-items: start;
}
.price-blok .price-title {
  font-family: GeneralSans-Semibold;
  font-size: 2rem;
  line-height: 3.2rem;
  color: var(--primary-color);
}
.price-blok .price-subtitle {
  font: 400 1.8rem/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--primary-color);
}
.price-blok .price-items {
  flex: 1;
  margin-left: 25px;
  margin-bottom: 28px;
}
.price-blok .price-items li {
  list-style: disc;
}
.price-blok .price-value {
  display: inline-block;
  margin-top: 3rem;
  font-size: var(--size-xl);
  line-height: 1;
  align-content: flex-start;
  font-family: GeneralSans-Bold;
  margin-bottom: 0;
}
.price-blok:has(.price-subtitle) .price-title {
  font-size: 2.1rem;
  line-height: 1.6;
  margin-bottom: 0;
}
.price-blok:has(.price-subtitle) .price-value {
  margin-top: 1rem;
}

.gfield_required {
  display: none !important;
}

.gform_body input[type=text], .gform_body input[type=email], .gform_body input[type=url], .gform_body input[type=tel], .gform_body select, .gform_body textarea {
  border-radius: var(--border-radius) !important;
  border: none !important;
  padding: 15px !important;
  width: 100% !important;
}

.gfield {
  position: relative;
  margin-top: 27px;
}
.gfield .gfield_label {
  margin: 0;
  position: absolute;
  left: 15px;
  top: 24px;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.1;
  transform: translateY(-50%);
  transition: all 0.15s ease-in-out;
  pointer-events: none;
  font-family: GeneralSans-Semibold !important;
}
.gfield.label-up .gfield_label {
  top: -17px;
  font-size: 13px !important;
}

.gform_footer {
  padding-top: 27px !important;
  padding-bottom: 0 !important;
}
.gform_footer input[type=submit] {
  margin-bottom: 0 !important;
}

.gfield_validation_message {
  border-radius: var(--border-radius) !important;
  padding: 10px !important;
}

.gform_validation_errors {
  border-radius: var(--border-radius) !important;
  margin-bottom: 25px !important;
}

.z--20 {
  z-index: -20;
}

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

.z-0 {
  z-index: 0;
}

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

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

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

.z-200 {
  z-index: 200;
}

.z-300 {
  z-index: 300;
}

.z-400 {
  z-index: 400;
}

.z-500 {
  z-index: 500;
}

.bg-turquoise {
  background-color: var(--turquoise) !important;
}

.text-turquoise {
  color: var(--turquoise) !important;
}

.border-turquoise {
  border-color: var(--turquoise) !important;
}

.bg-turquoise-light {
  background-color: var(--turquoise-light) !important;
}

.text-turquoise-light {
  color: var(--turquoise-light) !important;
}

.border-turquoise-light {
  border-color: var(--turquoise-light) !important;
}

.bg-turquoise-mist {
  background-color: var(--turquoise-mist) !important;
}

.text-turquoise-mist {
  color: var(--turquoise-mist) !important;
}

.border-turquoise-mist {
  border-color: var(--turquoise-mist) !important;
}

.bg-iceblue {
  background-color: var(--iceblue) !important;
}

.text-iceblue {
  color: var(--iceblue) !important;
}

.border-iceblue {
  border-color: var(--iceblue) !important;
}

.bg-bluegray {
  background-color: var(--bluegray) !important;
}

.text-bluegray {
  color: var(--bluegray) !important;
}

.border-bluegray {
  border-color: var(--bluegray) !important;
}

.bg-dark {
  background-color: var(--dark) !important;
}

.text-dark {
  color: var(--dark) !important;
}

.border-dark {
  border-color: var(--dark) !important;
}

.bg-orange {
  background-color: var(--orange) !important;
}

.text-orange {
  color: var(--orange) !important;
}

.border-orange {
  border-color: var(--orange) !important;
}

.bg-white {
  background-color: var(--white) !important;
}

.text-white {
  color: var(--white) !important;
}

.border-white {
  border-color: var(--white) !important;
}

.rounded-all, .laagste-prijs-left-content, .code-zero-content-box {
  border-radius: var(--border-radius);
}

.rounded-t {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

.rounded-b {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.rounded-l {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.rounded-r {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.rounded-tl {
  border-top-left-radius: var(--border-radius);
}

.rounded-tr {
  border-top-right-radius: var(--border-radius);
}

.rounded-bl {
  border-bottom-left-radius: var(--border-radius);
}

.rounded-br {
  border-bottom-right-radius: var(--border-radius);
}

.m-5 {
  margin: 5px;
}

.-m-5 {
  margin: -5px;
}

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

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

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

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

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

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

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

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

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.-mx-5 {
  margin-left: -5px;
  margin-right: -5px;
}

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.-my-5 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.p-5 {
  padding: 5px;
}

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

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

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

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

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

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.m-10 {
  margin: 10px;
}

.-m-10 {
  margin: -10px;
}

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

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

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

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

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

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

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

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

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.-mx-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.-my-10 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.p-10 {
  padding: 10px;
}

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

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

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

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

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

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.m-15 {
  margin: 15px;
}

.-m-15 {
  margin: -15px;
}

.mt-15 {
  margin-top: 15px;
}

.-mt-15 {
  margin-top: -15px;
}

.me-15 {
  margin-right: 15px;
}

.-me-15 {
  margin-right: -15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.-mb-15 {
  margin-bottom: -15px;
}

.ms-15 {
  margin-left: 15px;
}

.-ms-15 {
  margin-left: -15px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.-mx-15 {
  margin-left: -15px;
  margin-right: -15px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.-my-15 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.p-15 {
  padding: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pe-15 {
  padding-right: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.ps-15 {
  padding-left: 15px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.m-20 {
  margin: 20px;
}

.-m-20 {
  margin: -20px;
}

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

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

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

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

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

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

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

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

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.-mx-20 {
  margin-left: -20px;
  margin-right: -20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.-my-20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.p-20 {
  padding: 20px;
}

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

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

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

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

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

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.m-25 {
  margin: 25px;
}

.-m-25 {
  margin: -25px;
}

.mt-25 {
  margin-top: 25px;
}

.-mt-25 {
  margin-top: -25px;
}

.me-25 {
  margin-right: 25px;
}

.-me-25 {
  margin-right: -25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.-mb-25 {
  margin-bottom: -25px;
}

.ms-25 {
  margin-left: 25px;
}

.-ms-25 {
  margin-left: -25px;
}

.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.-mx-25 {
  margin-left: -25px;
  margin-right: -25px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.-my-25 {
  margin-top: -25px;
  margin-bottom: -25px;
}

.p-25 {
  padding: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.pe-25 {
  padding-right: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.ps-25 {
  padding-left: 25px;
}

.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.m-30 {
  margin: 30px;
}

.-m-30 {
  margin: -30px;
}

.mt-30 {
  margin-top: 30px;
}

.-mt-30 {
  margin-top: -30px;
}

.me-30 {
  margin-right: 30px;
}

.-me-30 {
  margin-right: -30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.-mb-30 {
  margin-bottom: -30px;
}

.ms-30 {
  margin-left: 30px;
}

.-ms-30 {
  margin-left: -30px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.-mx-30 {
  margin-left: -30px;
  margin-right: -30px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.-my-30 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.p-30 {
  padding: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pe-30 {
  padding-right: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.ps-30 {
  padding-left: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.m-35 {
  margin: 35px;
}

.-m-35 {
  margin: -35px;
}

.mt-35 {
  margin-top: 35px;
}

.-mt-35 {
  margin-top: -35px;
}

.me-35 {
  margin-right: 35px;
}

.-me-35 {
  margin-right: -35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.-mb-35 {
  margin-bottom: -35px;
}

.ms-35 {
  margin-left: 35px;
}

.-ms-35 {
  margin-left: -35px;
}

.mx-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.-mx-35 {
  margin-left: -35px;
  margin-right: -35px;
}

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.-my-35 {
  margin-top: -35px;
  margin-bottom: -35px;
}

.p-35 {
  padding: 35px;
}

.pt-35 {
  padding-top: 35px;
}

.pe-35 {
  padding-right: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.ps-35 {
  padding-left: 35px;
}

.px-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.m-40 {
  margin: 40px;
}

.-m-40 {
  margin: -40px;
}

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

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

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

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

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

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

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

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

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.-mx-40 {
  margin-left: -40px;
  margin-right: -40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.-my-40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.p-40 {
  padding: 40px;
}

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

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

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

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

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

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.m-45 {
  margin: 45px;
}

.-m-45 {
  margin: -45px;
}

.mt-45 {
  margin-top: 45px;
}

.-mt-45 {
  margin-top: -45px;
}

.me-45 {
  margin-right: 45px;
}

.-me-45 {
  margin-right: -45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.-mb-45 {
  margin-bottom: -45px;
}

.ms-45 {
  margin-left: 45px;
}

.-ms-45 {
  margin-left: -45px;
}

.mx-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.-mx-45 {
  margin-left: -45px;
  margin-right: -45px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.-my-45 {
  margin-top: -45px;
  margin-bottom: -45px;
}

.p-45 {
  padding: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.pe-45 {
  padding-right: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.ps-45 {
  padding-left: 45px;
}

.px-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.m-50 {
  margin: 50px;
}

.-m-50 {
  margin: -50px;
}

.mt-50 {
  margin-top: 50px;
}

.-mt-50 {
  margin-top: -50px;
}

.me-50 {
  margin-right: 50px;
}

.-me-50 {
  margin-right: -50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.-mb-50 {
  margin-bottom: -50px;
}

.ms-50 {
  margin-left: 50px;
}

.-ms-50 {
  margin-left: -50px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.-mx-50 {
  margin-left: -50px;
  margin-right: -50px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.-my-50 {
  margin-top: -50px;
  margin-bottom: -50px;
}

.p-50 {
  padding: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pe-50 {
  padding-right: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.ps-50 {
  padding-left: 50px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.m-55 {
  margin: 55px;
}

.-m-55 {
  margin: -55px;
}

.mt-55 {
  margin-top: 55px;
}

.-mt-55 {
  margin-top: -55px;
}

.me-55 {
  margin-right: 55px;
}

.-me-55 {
  margin-right: -55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.-mb-55 {
  margin-bottom: -55px;
}

.ms-55 {
  margin-left: 55px;
}

.-ms-55 {
  margin-left: -55px;
}

.mx-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.-mx-55 {
  margin-left: -55px;
  margin-right: -55px;
}

.my-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.-my-55 {
  margin-top: -55px;
  margin-bottom: -55px;
}

.p-55 {
  padding: 55px;
}

.pt-55 {
  padding-top: 55px;
}

.pe-55 {
  padding-right: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.ps-55 {
  padding-left: 55px;
}

.px-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.m-60 {
  margin: 60px;
}

.-m-60 {
  margin: -60px;
}

.mt-60 {
  margin-top: 60px;
}

.-mt-60 {
  margin-top: -60px;
}

.me-60 {
  margin-right: 60px;
}

.-me-60 {
  margin-right: -60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.-mb-60 {
  margin-bottom: -60px;
}

.ms-60 {
  margin-left: 60px;
}

.-ms-60 {
  margin-left: -60px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.-mx-60 {
  margin-left: -60px;
  margin-right: -60px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.-my-60 {
  margin-top: -60px;
  margin-bottom: -60px;
}

.p-60 {
  padding: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pe-60 {
  padding-right: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.ps-60 {
  padding-left: 60px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.m-65 {
  margin: 65px;
}

.-m-65 {
  margin: -65px;
}

.mt-65 {
  margin-top: 65px;
}

.-mt-65 {
  margin-top: -65px;
}

.me-65 {
  margin-right: 65px;
}

.-me-65 {
  margin-right: -65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.-mb-65 {
  margin-bottom: -65px;
}

.ms-65 {
  margin-left: 65px;
}

.-ms-65 {
  margin-left: -65px;
}

.mx-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.-mx-65 {
  margin-left: -65px;
  margin-right: -65px;
}

.my-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.-my-65 {
  margin-top: -65px;
  margin-bottom: -65px;
}

.p-65 {
  padding: 65px;
}

.pt-65 {
  padding-top: 65px;
}

.pe-65 {
  padding-right: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.ps-65 {
  padding-left: 65px;
}

.px-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.py-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.m-70 {
  margin: 70px;
}

.-m-70 {
  margin: -70px;
}

.mt-70 {
  margin-top: 70px;
}

.-mt-70 {
  margin-top: -70px;
}

.me-70 {
  margin-right: 70px;
}

.-me-70 {
  margin-right: -70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.-mb-70 {
  margin-bottom: -70px;
}

.ms-70 {
  margin-left: 70px;
}

.-ms-70 {
  margin-left: -70px;
}

.mx-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.-mx-70 {
  margin-left: -70px;
  margin-right: -70px;
}

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.-my-70 {
  margin-top: -70px;
  margin-bottom: -70px;
}

.p-70 {
  padding: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.pe-70 {
  padding-right: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.ps-70 {
  padding-left: 70px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.m-75 {
  margin: 75px;
}

.-m-75 {
  margin: -75px;
}

.mt-75 {
  margin-top: 75px;
}

.-mt-75 {
  margin-top: -75px;
}

.me-75 {
  margin-right: 75px;
}

.-me-75 {
  margin-right: -75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.-mb-75 {
  margin-bottom: -75px;
}

.ms-75 {
  margin-left: 75px;
}

.-ms-75 {
  margin-left: -75px;
}

.mx-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.-mx-75 {
  margin-left: -75px;
  margin-right: -75px;
}

.my-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.-my-75 {
  margin-top: -75px;
  margin-bottom: -75px;
}

.p-75 {
  padding: 75px;
}

.pt-75 {
  padding-top: 75px;
}

.pe-75 {
  padding-right: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.ps-75 {
  padding-left: 75px;
}

.px-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.m-80 {
  margin: 80px;
}

.-m-80 {
  margin: -80px;
}

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

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

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

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

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

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

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

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

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.-mx-80 {
  margin-left: -80px;
  margin-right: -80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.-my-80 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.p-80 {
  padding: 80px;
}

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

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

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

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

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

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.m-85 {
  margin: 85px;
}

.-m-85 {
  margin: -85px;
}

.mt-85 {
  margin-top: 85px;
}

.-mt-85 {
  margin-top: -85px;
}

.me-85 {
  margin-right: 85px;
}

.-me-85 {
  margin-right: -85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.-mb-85 {
  margin-bottom: -85px;
}

.ms-85 {
  margin-left: 85px;
}

.-ms-85 {
  margin-left: -85px;
}

.mx-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.-mx-85 {
  margin-left: -85px;
  margin-right: -85px;
}

.my-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.-my-85 {
  margin-top: -85px;
  margin-bottom: -85px;
}

.p-85 {
  padding: 85px;
}

.pt-85 {
  padding-top: 85px;
}

.pe-85 {
  padding-right: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.ps-85 {
  padding-left: 85px;
}

.px-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.py-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.m-90 {
  margin: 90px;
}

.-m-90 {
  margin: -90px;
}

.mt-90 {
  margin-top: 90px;
}

.-mt-90 {
  margin-top: -90px;
}

.me-90 {
  margin-right: 90px;
}

.-me-90 {
  margin-right: -90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.-mb-90 {
  margin-bottom: -90px;
}

.ms-90 {
  margin-left: 90px;
}

.-ms-90 {
  margin-left: -90px;
}

.mx-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.-mx-90 {
  margin-left: -90px;
  margin-right: -90px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.-my-90 {
  margin-top: -90px;
  margin-bottom: -90px;
}

.p-90 {
  padding: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.pe-90 {
  padding-right: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.ps-90 {
  padding-left: 90px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.m-95 {
  margin: 95px;
}

.-m-95 {
  margin: -95px;
}

.mt-95 {
  margin-top: 95px;
}

.-mt-95 {
  margin-top: -95px;
}

.me-95 {
  margin-right: 95px;
}

.-me-95 {
  margin-right: -95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.-mb-95 {
  margin-bottom: -95px;
}

.ms-95 {
  margin-left: 95px;
}

.-ms-95 {
  margin-left: -95px;
}

.mx-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.-mx-95 {
  margin-left: -95px;
  margin-right: -95px;
}

.my-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.-my-95 {
  margin-top: -95px;
  margin-bottom: -95px;
}

.p-95 {
  padding: 95px;
}

.pt-95 {
  padding-top: 95px;
}

.pe-95 {
  padding-right: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.ps-95 {
  padding-left: 95px;
}

.px-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.py-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.m-100 {
  margin: 100px;
}

.-m-100 {
  margin: -100px;
}

.mt-100 {
  margin-top: 100px;
}

.-mt-100 {
  margin-top: -100px;
}

.me-100 {
  margin-right: 100px;
}

.-me-100 {
  margin-right: -100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.-mb-100 {
  margin-bottom: -100px;
}

.ms-100 {
  margin-left: 100px;
}

.-ms-100 {
  margin-left: -100px;
}

.mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.-mx-100 {
  margin-left: -100px;
  margin-right: -100px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.-my-100 {
  margin-top: -100px;
  margin-bottom: -100px;
}

.p-100 {
  padding: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pe-100 {
  padding-right: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.ps-100 {
  padding-left: 100px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.m-105 {
  margin: 105px;
}

.-m-105 {
  margin: -105px;
}

.mt-105 {
  margin-top: 105px;
}

.-mt-105 {
  margin-top: -105px;
}

.me-105 {
  margin-right: 105px;
}

.-me-105 {
  margin-right: -105px;
}

.mb-105 {
  margin-bottom: 105px;
}

.-mb-105 {
  margin-bottom: -105px;
}

.ms-105 {
  margin-left: 105px;
}

.-ms-105 {
  margin-left: -105px;
}

.mx-105 {
  margin-left: 105px;
  margin-right: 105px;
}

.-mx-105 {
  margin-left: -105px;
  margin-right: -105px;
}

.my-105 {
  margin-top: 105px;
  margin-bottom: 105px;
}

.-my-105 {
  margin-top: -105px;
  margin-bottom: -105px;
}

.p-105 {
  padding: 105px;
}

.pt-105 {
  padding-top: 105px;
}

.pe-105 {
  padding-right: 105px;
}

.pb-105 {
  padding-bottom: 105px;
}

.ps-105 {
  padding-left: 105px;
}

.px-105 {
  padding-left: 105px;
  padding-right: 105px;
}

.py-105 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.m-110 {
  margin: 110px;
}

.-m-110 {
  margin: -110px;
}

.mt-110 {
  margin-top: 110px;
}

.-mt-110 {
  margin-top: -110px;
}

.me-110 {
  margin-right: 110px;
}

.-me-110 {
  margin-right: -110px;
}

.mb-110 {
  margin-bottom: 110px;
}

.-mb-110 {
  margin-bottom: -110px;
}

.ms-110 {
  margin-left: 110px;
}

.-ms-110 {
  margin-left: -110px;
}

.mx-110 {
  margin-left: 110px;
  margin-right: 110px;
}

.-mx-110 {
  margin-left: -110px;
  margin-right: -110px;
}

.my-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.-my-110 {
  margin-top: -110px;
  margin-bottom: -110px;
}

.p-110 {
  padding: 110px;
}

.pt-110 {
  padding-top: 110px;
}

.pe-110 {
  padding-right: 110px;
}

.pb-110 {
  padding-bottom: 110px;
}

.ps-110 {
  padding-left: 110px;
}

.px-110 {
  padding-left: 110px;
  padding-right: 110px;
}

.py-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.m-115 {
  margin: 115px;
}

.-m-115 {
  margin: -115px;
}

.mt-115 {
  margin-top: 115px;
}

.-mt-115 {
  margin-top: -115px;
}

.me-115 {
  margin-right: 115px;
}

.-me-115 {
  margin-right: -115px;
}

.mb-115 {
  margin-bottom: 115px;
}

.-mb-115 {
  margin-bottom: -115px;
}

.ms-115 {
  margin-left: 115px;
}

.-ms-115 {
  margin-left: -115px;
}

.mx-115 {
  margin-left: 115px;
  margin-right: 115px;
}

.-mx-115 {
  margin-left: -115px;
  margin-right: -115px;
}

.my-115 {
  margin-top: 115px;
  margin-bottom: 115px;
}

.-my-115 {
  margin-top: -115px;
  margin-bottom: -115px;
}

.p-115 {
  padding: 115px;
}

.pt-115 {
  padding-top: 115px;
}

.pe-115 {
  padding-right: 115px;
}

.pb-115 {
  padding-bottom: 115px;
}

.ps-115 {
  padding-left: 115px;
}

.px-115 {
  padding-left: 115px;
  padding-right: 115px;
}

.py-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

.m-120 {
  margin: 120px;
}

.-m-120 {
  margin: -120px;
}

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

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

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

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

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

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

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

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

.mx-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.-mx-120 {
  margin-left: -120px;
  margin-right: -120px;
}

.my-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.-my-120 {
  margin-top: -120px;
  margin-bottom: -120px;
}

.p-120 {
  padding: 120px;
}

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

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

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

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

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

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.m-125 {
  margin: 125px;
}

.-m-125 {
  margin: -125px;
}

.mt-125 {
  margin-top: 125px;
}

.-mt-125 {
  margin-top: -125px;
}

.me-125 {
  margin-right: 125px;
}

.-me-125 {
  margin-right: -125px;
}

.mb-125 {
  margin-bottom: 125px;
}

.-mb-125 {
  margin-bottom: -125px;
}

.ms-125 {
  margin-left: 125px;
}

.-ms-125 {
  margin-left: -125px;
}

.mx-125 {
  margin-left: 125px;
  margin-right: 125px;
}

.-mx-125 {
  margin-left: -125px;
  margin-right: -125px;
}

.my-125 {
  margin-top: 125px;
  margin-bottom: 125px;
}

.-my-125 {
  margin-top: -125px;
  margin-bottom: -125px;
}

.p-125 {
  padding: 125px;
}

.pt-125 {
  padding-top: 125px;
}

.pe-125 {
  padding-right: 125px;
}

.pb-125 {
  padding-bottom: 125px;
}

.ps-125 {
  padding-left: 125px;
}

.px-125 {
  padding-left: 125px;
  padding-right: 125px;
}

.py-125 {
  padding-top: 125px;
  padding-bottom: 125px;
}

.m-130 {
  margin: 130px;
}

.-m-130 {
  margin: -130px;
}

.mt-130 {
  margin-top: 130px;
}

.-mt-130 {
  margin-top: -130px;
}

.me-130 {
  margin-right: 130px;
}

.-me-130 {
  margin-right: -130px;
}

.mb-130 {
  margin-bottom: 130px;
}

.-mb-130 {
  margin-bottom: -130px;
}

.ms-130 {
  margin-left: 130px;
}

.-ms-130 {
  margin-left: -130px;
}

.mx-130 {
  margin-left: 130px;
  margin-right: 130px;
}

.-mx-130 {
  margin-left: -130px;
  margin-right: -130px;
}

.my-130 {
  margin-top: 130px;
  margin-bottom: 130px;
}

.-my-130 {
  margin-top: -130px;
  margin-bottom: -130px;
}

.p-130 {
  padding: 130px;
}

.pt-130 {
  padding-top: 130px;
}

.pe-130 {
  padding-right: 130px;
}

.pb-130 {
  padding-bottom: 130px;
}

.ps-130 {
  padding-left: 130px;
}

.px-130 {
  padding-left: 130px;
  padding-right: 130px;
}

.py-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.relative {
  position: relative;
}

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

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.aspect-image {
  aspect-ratio: 4/5;
}

@media (max-width: 768px) {
  .aspect-image {
    aspect-ratio: unset;
  }
}
.child-fill {
  display: flex;
}
.child-fill > * {
  flex: 1 1 auto;
}

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

img.invert-image {
  filter: invert(1);
}

.w-full {
  width: 100%;
}

/*# sourceMappingURL=style.css.map */