@charset "UTF-8";
/* Base */
html,
body {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

*,
*:before,
*:after {
  box-sizing: inherit; }

::selection {
  background: #2a2a2a;
  color: #ffffff;
  text-shadow: none; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

hr {
  border: 0;
  border-top: 1px solid #cccccc;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.pg-empty-placeholder {
  min-width: 100px; }

/* Typography */
body {
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  background: #ffffff;
  color: #2a2a2a; }

html,
body,
.has-normal-font-size,
.has-regular-font-size {
  font-size: 16px; }

.hero {
  font-size: 3rem; }

h1,
.h1-size,
.has-huge-font-size,
.has-larger-font-size {
  font-size: 2.5rem; }

h2,
.h2-size,
.has-large-font-size {
  font-size: 2.2rem; }

h3,
.h3-size {
  font-size: 1.6rem; }

h4,
.h4-size,
.lead-text,
.has-medium-font-size {
  font-size: 1.2rem; }

@media (max-width: 1279px) {
  body,
  .has-normal-font-size,
  .has-regular-font-size {
    font-size: 15.5px; }
  .hero {
    font-size: 2.875rem; }
  h1,
  .h1-size,
  .has-huge-font-size,
  .has-larger-font-size {
    font-size: 2.375rem; }
  h2,
  .h2-size,
  .has-large-font-size {
    font-size: 2.075rem; }
  h3,
  .h3-size {
    font-size: 1.55rem; }
  h4,
  .h4-size,
  .lead-text,
  .has-larger-font-size {
    font-size: 1.175rem; } }

@media (max-width: 1023px) {
  html,
  body,
  .has-normal-font-size,
  .has-regular-font-size {
    font-size: 15px; }
  .hero {
    font-size: 2.75rem; }
  h1,
  .h1-size,
  .has-huge-font-size,
  .has-larger-font-size {
    font-size: 2.25rem; }
  h2,
  .h2-size,
  .has-large-font-size {
    font-size: 1.95rem; }
  h3,
  .h3-size {
    font-size: 1.5rem; }
  h4,
  .h4-size,
  .lead-text,
  .has-larger-font-size {
    font-size: 1.15rem; } }

@media (max-width: 767px) {
  html,
  body,
  .has-normal-font-size,
  .has-regular-font-size {
    font-size: 14.5px; }
  .hero {
    font-size: 2.625rem; }
  h1,
  .h1-size,
  .has-huge-font-size,
  .has-larger-font-size {
    font-size: 2.125rem; }
  h2,
  .h2-size,
  .has-large-font-size {
    font-size: 1.825rem; }
  h3,
  .h3-size {
    font-size: 1.45rem; }
  h4,
  .h4-size,
  .lead-text,
  .has-larger-font-size {
    font-size: 1.125rem; } }

@media (max-width: 511px) {
  html,
  body,
  .has-normal-font-size,
  .has-regular-font-size {
    font-size: 14px; }
  .hero {
    font-size: 2.5rem; }
  h1,
  .h1-size,
  .has-huge-font-size,
  .has-larger-font-size {
    font-size: 2rem; }
  h2,
  .h2-size,
  .has-large-font-size {
    font-size: 1.7rem; }
  h3,
  .h3-size {
    font-size: 1.4rem; }
  h4,
  .h4-size,
  .lead-text,
  .has-larger-font-size {
    font-size: 1.1rem; } }

.hero,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Hind, sans-serif;
  font-weight: 600;
  color: #2a2a2a;
  line-height: 1.2;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  /* Manual word break with hyphens by adding ­ in the word */
  hyphens: manual; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

.normal {
  font-weight: 400; }

b,
strong,
.bold {
  font-weight: 600; }

i,
em,
.italic {
  font-style: italic; }

blockquote {
  border-left: 1px solid #999999;
  color: #999999;
  font-style: italic;
  margin: 1rem 0;
  padding-left: 1rem; }

.small-text,
.has-small-font-size {
  font-size: 0.9rem; }

.meta-text {
  color: #999999;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: initial; }

.text-regular {
  font-weight: 400; }

.font-text {
  font-family: Open Sans, sans-serif; }

.font-heading {
  font-family: Hind, sans-serif; }

.line-height-lg {
  line-height: 1.6; }

.line-height-sm {
  line-height: 1.2; }

.hero:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0; }

.wp-block-column h2,
.wp-block-column h3,
.wp-block-column h4,
.wp-block-column h5,
.wp-block-column h6 {
  margin-top: 1rem; }

.hero:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
blockquote:last-child {
  margin-bottom: 0; }

/* Links */
a {
  color: #00a888;
  transition-duration: 0.4s;
  text-decoration: none; }

a:hover {
  color: #2a2a2a; }

.light-link a,
a.light-link {
  color: #ffffff;
  border-color: #ffffff; }

.dark-link a,
a.dark-link {
  color: #2a2a2a; }

.dark-link a:hover,
a.dark-link:hover {
  color: #00a888; }

.underlined-link a,
a.underlined-link {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 2px; }

.underlined-link a:hover,
a.underlined-link:hover {
  border-bottom: 1px solid #21eac3; }

.light-link.underlined-link a,
a.light-link.underlined-link {
  border-bottom: 1px solid #999999;
  padding-bottom: 2px; }

.light-link.underlined-link a:hover,
a.light-link.underlined-link:hover {
  border-bottom: 1px solid #ffffff !important; }

/* Icon Link */
.icon-link {
  display: flex;
  align-items: center;
  color: #2a2a2a;
  font-size: 0.8rem;
  text-transform: uppercase;
  padding-right: 1.5rem;
  transition-duration: .5s; }

.icon-link:hover {
  color: #2a2a2a; }

.arrow-button-wrapper {
  display: flex; }

.arrow-button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 1.5rem;
  padding: .0rem 3rem .0rem 0;
  transition-duration: 0.4s; }

.arrow-button:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: calc(50% - 2px);
  right: 1em;
  transform: rotate(45deg);
  border-top: 1px solid;
  border-right: 1px solid;
  transition-duration: 0.4s; }

.arrow-button:before {
  content: '';
  display: block;
  width: 2em;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 1em;
  transition-duration: 0.4s; }

.arrow-button:hover:after {
  right: 0; }

.arrow-button:hover:before {
  width: 3em;
  right: 0em; }

.arrow-button-dark {
  color: #2a2a2a; }

.arrow-button-dark:hover {
  color: #2a2a2a; }

.arrow-button-dark:before {
  background: #2a2a2a; }

.arrow-button-dark:after {
  border-color: #2a2a2a; }

.arrow-button-light {
  color: #ffffff; }

.arrow-button-light:hover {
  color: #ffffff; }

.arrow-button-light:before {
  background: #ffffff; }

.arrow-button-light:after {
  border-color: #ffffff; }

/* Icon Link Inverted */
.icon-link.inverted {
  color: #ffffff; }

.icon-link.inverted svg path {
  fill: #ffffff; }

.icon-link.inverted:hover {
  color: #21eac3; }

.icon-link.inverted:hover svg path {
  fill: #21eac3; }

/* Buttons */
button.ff-btn-submit,
.button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type=submit] {
  background: #2a2a2a;
  color: #ffffff;
  border-radius: 0;
  border: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  font-size: .75rem;
  letter-spacing: 1px;
  line-height: 1.2;
  padding: 0 2rem;
  height: 3.5rem;
  transition-duration: 0.4s;
  cursor: pointer;
  outline: none;
  text-transform: uppercase; }

button.ff-btn-submit:hover,
.button:hover,
.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
input[type=submit]:hover {
  background: #00a888;
  color: #2a2a2a;
  border-radius: 0; }

.button.outline,
.is-style-outline .wp-block-button__link {
  background-color: transparent;
  border: 1px solid #2a2a2a;
  color: #2a2a2a; }

.button.outline svg path {
  fill: #2a2a2a;
  transition-duration: 0.4s; }

.button.outline:hover,
.is-style-outline .wp-block-button__link:hover {
  background: #00a888;
  color: #ffffff;
  border-color: #ffffff; }

.button.outline:hover svg path {
  fill: #2a2a2a;
  transition-duration: 0.4s; }

.button.button-sm,
.button-sm .wp-block-button__link,
.wp-block-file .wp-block-file__button {
  height: 2.5rem;
  padding: 0 1.5rem;
  font-size: 0.9rem; }

.button.button-lg,
.button-lg .wp-block-button__link {
  height: 4.5rem;
  padding: 0 3rem;
  font-size: 1.2rem; }

.icon {
  border-radius: 0 !important;
  width: 3.5rem;
  padding: 0; }

.icon svg {
  width: 2rem;
  height: 2rem; }

.icon svg path {
  fill: #ffffff;
  transition-duration: 0.4s; }

.icon:hover svg path {
  fill: #2a2a2a;
  transition-duration: 0.4s; }

.icon.outline svg path {
  fill: #2a2a2a; }

.icon.outline:hover svg path {
  fill: #ffffff; }

.icon-left svg {
  margin-right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem; }

.icon-right svg {
  margin-left: 0.5rem;
  width: 1.5rem;
  height: 1.5rem; }

.icon-left svg path,
.icon-right svg path {
  fill: #ffffff;
  transition-duration: 0.4s; }

.icon-left:hover svg path,
.icon-right:hover svg path {
  fill: #2a2a2a; }

/* Buttons Inverted */
.button.inverted {
  background: #ffffff;
  color: #2a2a2a; }

.button.inverted svg path {
  fill: #2a2a2a;
  transition-duration: 0.4s; }

.button.inverted:hover {
  background: #21eac3;
  color: #ffffff; }

.button.inverted:hover svg path {
  fill: #ffffff; }

.button.inverted.outline {
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff; }

.button.inverted.outline:hover {
  background: #ffffff;
  border: 1px solid #ffffff;
  color: #2a2a2a; }

.button.inverted.outline svg path {
  fill: #ffffff; }

.button.inverted.outline:hover svg path {
  fill: #2a2a2a; }

/* Button Layout */
.button-group {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }

.button-group-gap-2 {
  margin-bottom: -1rem; }

.button-group-gap-2 a {
  margin-right: 1rem;
  margin-bottom: 1rem; }

.button-group-gap-1 {
  margin-bottom: -0.5rem; }

.button-group-gap-1 a {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem; }

/* List styles */
.list-divider,
.list-divider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.list-divider li,
.list-divider ul li {
  border-bottom: 1px solid #cccccc;
  display: block;
  padding: 0.5em 0;
  width: 100%; }

.list-divider li:last-child,
.list-divider ul li:last-child {
  border-bottom: none; }

.list-striped,
.list-striped ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.list-striped li,
.list-striped ul li {
  display: block;
  padding: 0.5em 1em;
  width: 100%; }

.list-striped li:nth-child(odd),
.list-striped ul li:nth-child(odd) {
  background: #f6f6f6; }

.list-chevron,
.list-chevron ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.list-chevron li,
.list-chevron ul li {
  padding: 0.25em 1em;
  position: relative; }

.list-chevron li:before,
.list-chevron ul li:before {
  content: '';
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #2a2a2a;
  width: 0.4em;
  height: 0.4em;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  top: 0.8em; }

.list-check-mark,
.list-check-mark ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.list-check-mark li,
.list-check-mark ul li {
  padding: 0.25em 1.2em;
  position: relative; }

.list-check-mark li:before,
.list-check-mark ul li:before {
  content: '';
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #2a2a2a;
  width: 0.8em;
  height: 0.4em;
  transform: rotate(135deg);
  position: absolute;
  left: 0;
  top: 0.65em; }

/* Styles */
.border-radius {
  border-radius: 0; }

.box-shadow-3 {
  box-shadow: 0px 0px 2.5rem -0.5rem rgba(0, 0, 0, 0.2); }

.box-shadow-2 {
  box-shadow: 0px 0px 1.5rem 0px rgba(0, 0, 0, 0.2); }

.box-shadow-1 {
  box-shadow: 0px 0px 0.5rem 0px rgba(0, 0, 0, 0.2); }

/* Navigation */
.horizontal-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.vertical-list {
  margin: 0;
  padding: 0; }

.vertical-list li {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.horizontal-list a {
  display: block; }

/* Table Style */
table {
  border-collapse: collapse;
  width: 100%; }

table tr {
  transition-duration: 0.4s; }

table td {
  padding: 0.5rem 1rem; }

.table-divider tr {
  border-bottom: 1px solid #cccccc; }

.table-striped tr:nth-child(odd) {
  background: #f6f6f6; }

.table-hover tr:hover {
  background: #cccccc; }

/* Image */
.background-image-absolute {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: -1; }

/* Video */
.background-video-embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden; }

.background-video-embed iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.a-video-height-100vh {
  height: 100vh; }

.a-video-height-100vh iframe {
  min-height: 100vh; }

.a-video-height-80vh {
  height: 80vh; }

.a-video-height-80vh iframe {
  min-height: 80vh; }

.a-video-height-70vh {
  height: 70vh; }

.a-video-height-70vh iframe {
  min-height: 70vh; }

.a-video-height-60vh {
  height: 60vh; }

.a-video-height-60vh iframe {
  min-height: 60vh; }

.a-video-height-50vh {
  height: 50vh; }

.a-video-height-50vh iframe {
  min-height: 50vh; }

@media (max-width: 1023px) {
  .lg-video-height-100vh {
    height: 100vh; }
  .lg-video-height-100vh iframe {
    min-height: 100vh; }
  .lg-video-height-80vh {
    height: 80vh; }
  .lg-video-height-80vh iframe {
    min-height: 80vh; }
  .lg-video-height-70vh {
    height: 70vh; }
  .lg-video-height-70vh iframe {
    min-height: 70vh; }
  .lg-video-height-60vh {
    height: 60vh; }
  .lg-video-height-60vh iframe {
    min-height: 60vh; }
  .lg-video-height-50vh {
    height: 50vh; }
  .lg-video-height-50vh iframe {
    min-height: 50vh; } }

@media (max-width: 767px) {
  .md-video-height-100vh {
    height: 100vh; }
  .md-video-height-100vh iframe {
    min-height: 100vh; }
  .md-video-height-80vh {
    height: 80vh; }
  .md-video-height-80vh iframe {
    min-height: 80vh; }
  .md-video-height-70vh {
    height: 70vh; }
  .md-video-height-70vh iframe {
    min-height: 70vh; }
  .md-video-height-60vh {
    height: 60vh; }
  .md-video-height-60vh iframe {
    min-height: 60vh; }
  .md-video-height-50vh {
    height: 50vh; }
  .md-video-height-50vh iframe {
    min-height: 50vh; } }

@media (max-width: 511px) {
  .sm-video-height-100vh {
    height: 100vh; }
  .sm-video-height-100vh iframe {
    min-height: 100vh; }
  .sm-video-height-80vh {
    height: 80vh; }
  .sm-video-height-80vh iframe {
    min-height: 80vh; }
  .sm-video-height-70vh {
    height: 70vh; }
  .sm-video-height-70vh iframe {
    min-height: 70vh; }
  .sm-video-height-60vh {
    height: 60vh; }
  .sm-video-height-60vh iframe {
    min-height: 60vh; }
  .sm-video-height-50vh {
    height: 50vh; }
  .sm-video-height-50vh iframe {
    min-height: 50vh; } }

/* Section */
.section-wrapper {
  width: 100%;
  padding: calc(min(5vw, 80px) + 20px) 6vw; }

.section-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  width: 100%; }

@media (max-width: 511px) {
  .section-wrapper {
    padding: 40px 15px; } }

.a-remove-section-padding-left {
  padding-left: 0; }

.a-remove-section-padding-right {
  padding-right: 0; }

@media (min-width: 1536px) {
  .xxl-remove-section-padding-left {
    padding-left: 0; }
  .xxl-remove-section-padding-right {
    padding-right: 0; } }

@media (min-width: 1280px) {
  .xl-remove-section-padding-left {
    padding-left: 0; }
  .xl-remove-section-padding-right {
    padding-right: 0; } }

@media (min-width: 1024px) {
  .lg-remove-section-padding-left {
    padding-left: 0; }
  .lg-remove-section-padding-right {
    padding-right: 0; } }

@media (min-width: 768px) {
  .md-remove-section-padding-left {
    padding-left: 0; }
  .md-remove-section-padding-right {
    padding-right: 0; } }

@media (min-width: 512px) {
  .sm-remove-section-padding-left {
    padding-left: 0; }
  .sm-remove-section-padding-right {
    padding-right: 0; } }

/* Numbered Pagination */
ul.page-numbers {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

a.page-numbers,
span.page-numbers {
  padding: .6rem 1rem;
  background: #f6f6f6;
  color: #2a2a2a;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 0;
  display: block; }

span.page-numbers.current {
  background: #00a888;
  color: #ffffff; }

a.page-numbers:hover {
  background: #00a888;
  color: #ffffff; }

/* Form Style */
input,
textarea {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-radius: 0;
  background: #ffffff;
  color: #2a2a2a;
  padding: 0 1.5rem;
  width: 100%;
  transition-duration: 0.4s;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: inherit; }

input {
  height: 3.5rem;
  line-height: 1.2; }

textarea {
  padding: 1.1rem 1.5rem;
  line-height: 1.6;
  min-height: 150px; }

input:hover,
textarea:hover {
  background: #ffffff;
  border-color: #999999; }

input:focus,
textarea:focus {
  background: #ffffff;
  border-color: #00a888; }

select {
  height: 3.5rem;
  width: 100%;
  line-height: 1.2;
  padding: 0 1.5rem;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-radius: 0;
  color: #2a2a2a;
  font-family: inherit;
  font-size: inherit;
  background-color: #ffffff;
  background-image: linear-gradient(45deg, transparent 50%, grey 50%), linear-gradient(135deg, grey 50%, transparent 50%);
  background-position: calc(100% - 20px) calc( 22px), calc(100% - 15px) calc(22px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  transition-duration: 0.4s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0; }

::placeholder {
  color: #999999; }

.inverted input,
.inverted textarea {
  background: rgba(255, 255, 255, 0.75);
  color: #2a2a2a;
  border-color: rgba(255, 255, 255, 0); }

.inverted input:hover,
.inverted textarea:hover {
  background: #ffffff;
  border-color: rgba(255, 255, 255, 0); }

.inverted input:focus,
.inverted textarea:focus {
  background: #ffffff;
  border-color: rgba(255, 255, 255, 0); }

.inverted input::placeholder,
.inverted textarea::placeholder {
  color: #999999; }

.form-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 800px; }

.form-container {
  margin-top: 3rem;
  width: 100%;
  text-align: left; }

.button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type=submit] {
  background: #00a888;
  color: #ffffff;
  font-weight: 600; }

.button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type=submit]:hover {
  background: #00a888;
  color: #ffffff; }

/* Cookie Notice */
.cookie-notice-wrapper {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  border-radius: 0;
  box-shadow: 0px 0px 2.5rem -0.5rem rgba(0, 0, 0, 0.2);
  z-index: 9000000; }

/* 404 */
.four-o-four-section h1 {
  font-size: 10em;
  color: #cccccc; }

@media (max-width: 511px) {
  .four-o-four-section h1 {
    font-size: 6em; } }

/* Utility */
/* Display */
.a-block {
  display: block; }

.a-inline {
  display: inline; }

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

.a-flex {
  display: flex; }

.a-grid {
  display: grid; }

.a-none {
  display: none; }

@media (max-width: 1279px) {
  .xl-block {
    display: block; }
  .xl-inline {
    display: inline; }
  .xl-inline-block {
    display: inline-block; }
  .xl-flex {
    display: flex; }
  .xl-grid {
    display: grid; }
  .xl-none {
    display: none; } }

@media (max-width: 1023px) {
  .lg-block {
    display: block; }
  .lg-inline {
    display: inline; }
  .lg-inline-block {
    display: inline-block; }
  .lg-flex {
    display: flex; }
  .lg-grid {
    display: grid; }
  .lg-none {
    display: none; } }

@media (max-width: 767px) {
  .md-block {
    display: block; }
  .md-inline {
    display: inline; }
  .md-inline-block {
    display: inline-block; }
  .md-flex {
    display: flex; }
  .md-grid {
    display: grid; }
  .md-none {
    display: none; } }

@media (max-width: 511px) {
  .sm-block {
    display: block; }
  .sm-inline {
    display: inline; }
  .sm-inline-block {
    display: inline-block; }
  .sm-flex {
    display: flex; }
  .sm-grid {
    display: grid; }
  .sm-none {
    display: none; } }

/* Position */
.a-relative {
  position: relative; }

.a-fixed {
  position: fixed; }

.a-sticky {
  position: sticky; }

/* Flexbox */
.a-direction-row {
  flex-direction: row; }

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1279px) {
  .xl-direction-row {
    flex-direction: row; }
  .xl-direction-column {
    flex-direction: column; }
  .xl-wrap {
    flex-wrap: wrap; }
  .xl-nowrap {
    flex-wrap: nowrap; }
  .xl-justify-start {
    justify-content: flex-start; }
  .xl-justify-center {
    justify-content: center; }
  .xl-justify-end {
    justify-content: flex-end; }
  .xl-justify-space-around {
    justify-content: space-around; }
  .xl-justify-space-between {
    justify-content: space-between; }
  .xl-align-start {
    align-items: flex-start; }
  .xl-align-center {
    align-items: center; }
  .xl-align-end {
    align-items: flex-end; }
  .xl-align-stretch {
    align-items: stretch; } }

@media (max-width: 1023px) {
  .lg-direction-row {
    flex-direction: row; }
  .lg-direction-column {
    flex-direction: column; }
  .lg-wrap {
    flex-wrap: wrap; }
  .lg-nowrap {
    flex-wrap: nowrap; }
  .lg-justify-start {
    justify-content: flex-start; }
  .lg-justify-center {
    justify-content: center; }
  .lg-justify-end {
    justify-content: flex-end; }
  .lg-justify-space-around {
    justify-content: space-around; }
  .lg-justify-space-between {
    justify-content: space-between; }
  .lg-align-start {
    align-items: flex-start; }
  .lg-align-center {
    align-items: center; }
  .lg-align-end {
    align-items: flex-end; }
  .lg-align-stretch {
    align-items: stretch; } }

@media (max-width: 767px) {
  .md-direction-row {
    flex-direction: row; }
  .md-direction-column {
    flex-direction: column; }
  .md-wrap {
    flex-wrap: wrap; }
  .md-nowrap {
    flex-wrap: nowrap; }
  .md-justify-start {
    justify-content: flex-start; }
  .md-justify-center {
    justify-content: center; }
  .md-justify-end {
    justify-content: flex-end; }
  .md-justify-space-around {
    justify-content: space-around; }
  .md-justify-space-between {
    justify-content: space-between; }
  .md-align-start {
    align-items: flex-start; }
  .md-align-center {
    align-items: center; }
  .md-align-end {
    align-items: flex-end; }
  .md-align-stretch {
    align-items: stretch; } }

@media (max-width: 511px) {
  .sm-direction-row {
    flex-direction: row; }
  .sm-direction-column {
    flex-direction: column; }
  .sm-wrap {
    flex-wrap: wrap; }
  .sm-nowrap {
    flex-wrap: nowrap; }
  .sm-justify-start {
    justify-content: flex-start; }
  .sm-justify-center {
    justify-content: center; }
  .sm-justify-end {
    justify-content: flex-end; }
  .sm-justify-space-around {
    justify-content: space-around; }
  .sm-justify-space-between {
    justify-content: space-between; }
  .sm-align-start {
    align-items: flex-start; }
  .sm-align-center {
    align-items: center; }
  .sm-align-end {
    align-items: flex-end; }
  .sm-align-stretch {
    align-items: stretch; } }

/* Grid */
.a-columns-1 {
  grid-template-columns: 1fr; }

.a-columns-2 {
  grid-template-columns: repeat(2, 1fr); }

.a-columns-3 {
  grid-template-columns: repeat(3, 1fr); }

.a-columns-4 {
  grid-template-columns: repeat(4, 1fr); }

.a-columns-5 {
  grid-template-columns: repeat(5, 1fr); }

.a-columns-6 {
  grid-template-columns: repeat(6, 1fr); }

.a-columns-7 {
  grid-template-columns: repeat(7, 1fr); }

.a-columns-8 {
  grid-template-columns: repeat(8, 1fr); }

.a-columns-9 {
  grid-template-columns: repeat(9, 1fr); }

.a-rows-1 {
  grid-template-rows: 1fr; }

.a-rows-2 {
  grid-template-rows: repeat(2, 1fr); }

.a-rows-3 {
  grid-template-rows: repeat(3, 1fr); }

.a-rows-4 {
  grid-template-rows: repeat(4, 1fr); }

.a-rows-5 {
  grid-template-rows: repeat(5, 1fr); }

.a-rows-6 {
  grid-template-rows: repeat(6, 1fr); }

.a-rows-7 {
  grid-template-rows: repeat(7, 1fr); }

.a-rows-8 {
  grid-template-rows: repeat(8, 1fr); }

.a-rows-9 {
  grid-template-rows: repeat(9, 1fr); }

.a-column-start-1 {
  grid-column-start: 1; }

.a-column-start-2 {
  grid-column-start: 2; }

.a-column-start-3 {
  grid-column-start: 3; }

.a-column-start-4 {
  grid-column-start: 4; }

.a-column-start-5 {
  grid-column-start: 5; }

.a-column-start-6 {
  grid-column-start: 6; }

.a-column-start-7 {
  grid-column-start: 7; }

.a-column-start-8 {
  grid-column-start: 8; }

.a-row-start-1 {
  grid-row-start: 1; }

.a-row-start-2 {
  grid-row-start: 2; }

.a-row-start-3 {
  grid-row-start: 3; }

.a-row-start-4 {
  grid-row-start: 4; }

.a-row-start-5 {
  grid-row-start: 5; }

.a-row-start-6 {
  grid-row-start: 6; }

.a-row-start-7 {
  grid-row-start: 7; }

.a-row-start-8 {
  grid-row-start: 8; }

.a-row-start-9 {
  grid-row-start: 9; }

.a-column-span-1 {
  grid-column-end: span 1; }

.a-column-span-2 {
  grid-column-end: span 2; }

.a-column-span-3 {
  grid-column-end: span 3; }

.a-column-span-4 {
  grid-column-end: span 4; }

.a-column-span-5 {
  grid-column-end: span 5; }

.a-column-span-6 {
  grid-column-end: span 6; }

.a-column-span-7 {
  grid-column-end: span 7; }

.a-column-span-8 {
  grid-column-end: span 8; }

.a-column-span-9 {
  grid-column-end: span 9; }

.a-column-span-all {
  grid-column: 1 / -1; }

.a-row-span-1 {
  grid-row-end: span 1; }

.a-row-span-2 {
  grid-row-end: span 2; }

.a-row-span-3 {
  grid-row-end: span 3; }

.a-row-span-4 {
  grid-row-end: span 4; }

.a-row-span-5 {
  grid-row-end: span 5; }

.a-row-span-6 {
  grid-row-end: span 6; }

.a-row-span-7 {
  grid-row-end: span 7; }

.a-row-span-8 {
  grid-row-end: span 8; }

.a-row-span-9 {
  grid-row-end: span 9; }

.a-row-span-all {
  grid-row: 1 / -1; }

.a-gap-6 {
  grid-gap: 10rem; }

.a-gap-5 {
  grid-gap: 5rem; }

.a-gap-4 {
  grid-gap: 4rem; }

.a-gap-3 {
  grid-gap: 3rem; }

.a-gap-2 {
  grid-gap: 2rem; }

.a-gap-1 {
  grid-gap: 1rem; }

@media (max-width: 1279px) {
  .xl-columns-1 {
    grid-template-columns: 1fr; }
  .xl-columns-2 {
    grid-template-columns: repeat(2, 1fr); }
  .xl-columns-3 {
    grid-template-columns: repeat(3, 1fr); }
  .xl-columns-4 {
    grid-template-columns: repeat(4, 1fr); }
  .xl-columns-5 {
    grid-template-columns: repeat(5, 1fr); }
  .xl-columns-6 {
    grid-template-columns: repeat(6, 1fr); }
  .xl-columns-7 {
    grid-template-columns: repeat(7, 1fr); }
  .xl-columns-8 {
    grid-template-columns: repeat(8, 1fr); }
  .xl-columns-9 {
    grid-template-columns: repeat(9, 1fr); }
  .xl-rows-1 {
    grid-template-rows: 1fr; }
  .xl-rows-2 {
    grid-template-rows: repeat(2, 1fr); }
  .xl-rows-3 {
    grid-template-rows: repeat(3, 1fr); }
  .xl-rows-4 {
    grid-template-rows: repeat(4, 1fr); }
  .xl-rows-5 {
    grid-template-rows: repeat(5, 1fr); }
  .xl-rows-6 {
    grid-template-rows: repeat(6, 1fr); }
  .xl-rows-7 {
    grid-template-rows: repeat(7, 1fr); }
  .xl-rows-8 {
    grid-template-rows: repeat(8, 1fr); }
  .xl-rows-9 {
    grid-template-rows: repeat(9, 1fr); }
  .xl-column-start-1 {
    grid-column-start: 1; }
  .xl-column-start-2 {
    grid-column-start: 2; }
  .xl-column-start-3 {
    grid-column-start: 3; }
  .xl-column-start-4 {
    grid-column-start: 4; }
  .xl-column-start-5 {
    grid-column-start: 5; }
  .xl-column-start-6 {
    grid-column-start: 6; }
  .xl-column-start-7 {
    grid-column-start: 7; }
  .xl-column-start-8 {
    grid-column-start: 8; }
  .xl-row-start-1 {
    grid-row-start: 1; }
  .xl-row-start-2 {
    grid-row-start: 2; }
  .xl-row-start-3 {
    grid-row-start: 3; }
  .xl-row-start-4 {
    grid-row-start: 4; }
  .xl-row-start-5 {
    grid-row-start: 5; }
  .xl-row-start-6 {
    grid-row-start: 6; }
  .xl-row-start-7 {
    grid-row-start: 7; }
  .xl-row-start-8 {
    grid-row-start: 8; }
  .xl-row-start-9 {
    grid-row-start: 9; }
  .xl-column-span-1 {
    grid-column-end: span 1; }
  .xl-column-span-2 {
    grid-column-end: span 2; }
  .xl-column-span-3 {
    grid-column-end: span 3; }
  .xl-column-span-4 {
    grid-column-end: span 4; }
  .xl-column-span-5 {
    grid-column-end: span 5; }
  .xl-column-span-6 {
    grid-column-end: span 6; }
  .xl-column-span-7 {
    grid-column-end: span 7; }
  .xl-column-span-8 {
    grid-column-end: span 8; }
  .xl-column-span-9 {
    grid-column-end: span 9; }
  .xl-column-span-all {
    grid-column: 1 / -1; }
  .xl-row-span-1 {
    grid-row-end: span 1; }
  .xl-row-span-2 {
    grid-row-end: span 2; }
  .xl-row-span-3 {
    grid-row-end: span 3; }
  .xl-row-span-4 {
    grid-row-end: span 4; }
  .xl-row-span-5 {
    grid-row-end: span 5; }
  .xl-row-span-6 {
    grid-row-end: span 6; }
  .xl-row-span-7 {
    grid-row-end: span 7; }
  .xl-row-span-8 {
    grid-row-end: span 8; }
  .xl-row-span-9 {
    grid-row-end: span 9; }
  .xl-row-span-all {
    grid-row: 1 / -1; }
  .xl-gap-6 {
    grid-gap: 10rem; }
  .xl-gap-5 {
    grid-gap: 5rem; }
  .xl-gap-4 {
    grid-gap: 4rem; }
  .xl-gap-3 {
    grid-gap: 3rem; }
  .xl-gap-2 {
    grid-gap: 2rem; }
  .xl-gap-1 {
    grid-gap: 1rem; } }

@media (max-width: 1023px) {
  .lg-columns-1 {
    grid-template-columns: 1fr; }
  .lg-columns-2 {
    grid-template-columns: repeat(2, 1fr); }
  .lg-columns-3 {
    grid-template-columns: repeat(3, 1fr); }
  .lg-columns-4 {
    grid-template-columns: repeat(4, 1fr); }
  .lg-columns-5 {
    grid-template-columns: repeat(5, 1fr); }
  .lg-columns-6 {
    grid-template-columns: repeat(6, 1fr); }
  .lg-columns-7 {
    grid-template-columns: repeat(7, 1fr); }
  .lg-columns-8 {
    grid-template-columns: repeat(8, 1fr); }
  .lg-columns-9 {
    grid-template-columns: repeat(9, 1fr); }
  .lg-rows-1 {
    grid-template-rows: 1fr; }
  .lg-rows-2 {
    grid-template-rows: repeat(2, 1fr); }
  .lg-rows-3 {
    grid-template-rows: repeat(3, 1fr); }
  .lg-rows-4 {
    grid-template-rows: repeat(4, 1fr); }
  .lg-rows-5 {
    grid-template-rows: repeat(5, 1fr); }
  .lg-rows-6 {
    grid-template-rows: repeat(6, 1fr); }
  .lg-rows-7 {
    grid-template-rows: repeat(7, 1fr); }
  .lg-rows-8 {
    grid-template-rows: repeat(8, 1fr); }
  .lg-rows-9 {
    grid-template-rows: repeat(9, 1fr); }
  .lg-column-start-1 {
    grid-column-start: 1; }
  .lg-column-start-2 {
    grid-column-start: 2; }
  .lg-column-start-3 {
    grid-column-start: 3; }
  .lg-column-start-4 {
    grid-column-start: 4; }
  .lg-column-start-5 {
    grid-column-start: 5; }
  .lg-column-start-6 {
    grid-column-start: 6; }
  .lg-column-start-7 {
    grid-column-start: 7; }
  .lg-column-start-8 {
    grid-column-start: 8; }
  .lg-row-start-1 {
    grid-row-start: 1; }
  .lg-row-start-2 {
    grid-row-start: 2; }
  .lg-row-start-3 {
    grid-row-start: 3; }
  .lg-row-start-4 {
    grid-row-start: 4; }
  .lg-row-start-5 {
    grid-row-start: 5; }
  .lg-row-start-6 {
    grid-row-start: 6; }
  .lg-row-start-7 {
    grid-row-start: 7; }
  .lg-row-start-8 {
    grid-row-start: 8; }
  .lg-row-start-9 {
    grid-row-start: 9; }
  .lg-column-span-1 {
    grid-column-end: span 1; }
  .lg-column-span-2 {
    grid-column-end: span 2; }
  .lg-column-span-3 {
    grid-column-end: span 3; }
  .lg-column-span-4 {
    grid-column-end: span 4; }
  .lg-column-span-5 {
    grid-column-end: span 5; }
  .lg-column-span-6 {
    grid-column-end: span 6; }
  .lg-column-span-7 {
    grid-column-end: span 7; }
  .lg-column-span-8 {
    grid-column-end: span 8; }
  .lg-column-span-9 {
    grid-column-end: span 9; }
  .lg-column-span-all {
    grid-column: 1 / -1; }
  .lg-row-span-1 {
    grid-row-end: span 1; }
  .lg-row-span-2 {
    grid-row-end: span 2; }
  .lg-row-span-3 {
    grid-row-end: span 3; }
  .lg-row-span-4 {
    grid-row-end: span 4; }
  .lg-row-span-5 {
    grid-row-end: span 5; }
  .lg-row-span-6 {
    grid-row-end: span 6; }
  .lg-row-span-7 {
    grid-row-end: span 7; }
  .lg-row-span-8 {
    grid-row-end: span 8; }
  .lg-row-span-9 {
    grid-row-end: span 9; }
  .lg-row-span-all {
    grid-row: 1 / -1; }
  .lg-gap-6 {
    grid-gap: 10rem; }
  .lg-gap-5 {
    grid-gap: 5rem; }
  .lg-gap-4 {
    grid-gap: 4rem; }
  .lg-gap-3 {
    grid-gap: 3rem; }
  .lg-gap-2 {
    grid-gap: 2rem; }
  .lg-gap-1 {
    grid-gap: 1rem; } }

@media (max-width: 767px) {
  .md-columns-1 {
    grid-template-columns: 1fr; }
  .md-columns-2 {
    grid-template-columns: repeat(2, 1fr); }
  .md-columns-3 {
    grid-template-columns: repeat(3, 1fr); }
  .md-columns-4 {
    grid-template-columns: repeat(4, 1fr); }
  .md-columns-5 {
    grid-template-columns: repeat(5, 1fr); }
  .md-columns-6 {
    grid-template-columns: repeat(6, 1fr); }
  .md-columns-7 {
    grid-template-columns: repeat(7, 1fr); }
  .md-columns-8 {
    grid-template-columns: repeat(8, 1fr); }
  .md-columns-9 {
    grid-template-columns: repeat(9, 1fr); }
  .md-rows-1 {
    grid-template-rows: 1fr; }
  .md-rows-2 {
    grid-template-rows: repeat(2, 1fr); }
  .md-rows-3 {
    grid-template-rows: repeat(3, 1fr); }
  .md-rows-4 {
    grid-template-rows: repeat(4, 1fr); }
  .md-rows-5 {
    grid-template-rows: repeat(5, 1fr); }
  .md-rows-6 {
    grid-template-rows: repeat(6, 1fr); }
  .md-rows-7 {
    grid-template-rows: repeat(7, 1fr); }
  .md-rows-8 {
    grid-template-rows: repeat(8, 1fr); }
  .md-rows-9 {
    grid-template-rows: repeat(9, 1fr); }
  .md-column-start-1 {
    grid-column-start: 1; }
  .md-column-start-2 {
    grid-column-start: 2; }
  .md-column-start-3 {
    grid-column-start: 3; }
  .md-column-start-4 {
    grid-column-start: 4; }
  .md-column-start-5 {
    grid-column-start: 5; }
  .md-column-start-6 {
    grid-column-start: 6; }
  .md-column-start-7 {
    grid-column-start: 7; }
  .md-column-start-8 {
    grid-column-start: 8; }
  .md-row-start-1 {
    grid-row-start: 1; }
  .md-row-start-2 {
    grid-row-start: 2; }
  .md-row-start-3 {
    grid-row-start: 3; }
  .md-row-start-4 {
    grid-row-start: 4; }
  .md-row-start-5 {
    grid-row-start: 5; }
  .md-row-start-6 {
    grid-row-start: 6; }
  .md-row-start-7 {
    grid-row-start: 7; }
  .md-row-start-8 {
    grid-row-start: 8; }
  .md-row-start-9 {
    grid-row-start: 9; }
  .md-column-span-1 {
    grid-column-end: span 1; }
  .md-column-span-2 {
    grid-column-end: span 2; }
  .md-column-span-3 {
    grid-column-end: span 3; }
  .md-column-span-4 {
    grid-column-end: span 4; }
  .md-column-span-5 {
    grid-column-end: span 5; }
  .md-column-span-6 {
    grid-column-end: span 6; }
  .md-column-span-7 {
    grid-column-end: span 7; }
  .md-column-span-8 {
    grid-column-end: span 8; }
  .md-column-span-9 {
    grid-column-end: span 9; }
  .md-column-span-all {
    grid-column: 1 / -1; }
  .md-row-span-1 {
    grid-row-end: span 1; }
  .md-row-span-2 {
    grid-row-end: span 2; }
  .md-row-span-3 {
    grid-row-end: span 3; }
  .md-row-span-4 {
    grid-row-end: span 4; }
  .md-row-span-5 {
    grid-row-end: span 5; }
  .md-row-span-6 {
    grid-row-end: span 6; }
  .md-row-span-7 {
    grid-row-end: span 7; }
  .md-row-span-8 {
    grid-row-end: span 8; }
  .md-row-span-9 {
    grid-row-end: span 9; }
  .md-row-span-all {
    grid-row: 1 / -1; }
  .md-gap-6 {
    grid-gap: 10rem; }
  .md-gap-5 {
    grid-gap: 5rem; }
  .md-gap-4 {
    grid-gap: 4rem; }
  .md-gap-3 {
    grid-gap: 3rem; }
  .md-gap-2 {
    grid-gap: 2rem; }
  .md-gap-1 {
    grid-gap: 1rem; } }

@media (max-width: 511px) {
  .sm-columns-1 {
    grid-template-columns: 1fr; }
  .sm-columns-2 {
    grid-template-columns: repeat(2, 1fr); }
  .sm-columns-3 {
    grid-template-columns: repeat(3, 1fr); }
  .sm-columns-4 {
    grid-template-columns: repeat(4, 1fr); }
  .sm-columns-5 {
    grid-template-columns: repeat(5, 1fr); }
  .sm-columns-6 {
    grid-template-columns: repeat(6, 1fr); }
  .sm-columns-7 {
    grid-template-columns: repeat(7, 1fr); }
  .sm-columns-8 {
    grid-template-columns: repeat(8, 1fr); }
  .sm-columns-9 {
    grid-template-columns: repeat(9, 1fr); }
  .sm-rows-1 {
    grid-template-rows: 1fr; }
  .sm-rows-2 {
    grid-template-rows: repeat(2, 1fr); }
  .sm-rows-3 {
    grid-template-rows: repeat(3, 1fr); }
  .sm-rows-4 {
    grid-template-rows: repeat(4, 1fr); }
  .sm-rows-5 {
    grid-template-rows: repeat(5, 1fr); }
  .sm-rows-6 {
    grid-template-rows: repeat(6, 1fr); }
  .sm-rows-7 {
    grid-template-rows: repeat(7, 1fr); }
  .sm-rows-8 {
    grid-template-rows: repeat(8, 1fr); }
  .sm-rows-9 {
    grid-template-rows: repeat(9, 1fr); }
  .sm-column-start-1 {
    grid-column-start: 1; }
  .sm-column-start-2 {
    grid-column-start: 2; }
  .sm-column-start-3 {
    grid-column-start: 3; }
  .sm-column-start-4 {
    grid-column-start: 4; }
  .sm-column-start-5 {
    grid-column-start: 5; }
  .sm-column-start-6 {
    grid-column-start: 6; }
  .sm-column-start-7 {
    grid-column-start: 7; }
  .sm-column-start-8 {
    grid-column-start: 8; }
  .sm-row-start-1 {
    grid-row-start: 1; }
  .sm-row-start-2 {
    grid-row-start: 2; }
  .sm-row-start-3 {
    grid-row-start: 3; }
  .sm-row-start-4 {
    grid-row-start: 4; }
  .sm-row-start-5 {
    grid-row-start: 5; }
  .sm-row-start-6 {
    grid-row-start: 6; }
  .sm-row-start-7 {
    grid-row-start: 7; }
  .sm-row-start-8 {
    grid-row-start: 8; }
  .sm-row-start-9 {
    grid-row-start: 9; }
  .sm-column-span-1 {
    grid-column-end: span 1; }
  .sm-column-span-2 {
    grid-column-end: span 2; }
  .sm-column-span-3 {
    grid-column-end: span 3; }
  .sm-column-span-4 {
    grid-column-end: span 4; }
  .sm-column-span-5 {
    grid-column-end: span 5; }
  .sm-column-span-6 {
    grid-column-end: span 6; }
  .sm-column-span-7 {
    grid-column-end: span 7; }
  .sm-column-span-8 {
    grid-column-end: span 8; }
  .sm-column-span-9 {
    grid-column-end: span 9; }
  .sm-column-span-all {
    grid-column: 1 / -1; }
  .sm-row-span-1 {
    grid-row-end: span 1; }
  .sm-row-span-2 {
    grid-row-end: span 2; }
  .sm-row-span-3 {
    grid-row-end: span 3; }
  .sm-row-span-4 {
    grid-row-end: span 4; }
  .sm-row-span-5 {
    grid-row-end: span 5; }
  .sm-row-span-6 {
    grid-row-end: span 6; }
  .sm-row-span-7 {
    grid-row-end: span 7; }
  .sm-row-span-8 {
    grid-row-end: span 8; }
  .sm-row-span-9 {
    grid-row-end: span 9; }
  .sm-row-span-all {
    grid-row: 1 / -1; }
  .sm-gap-6 {
    grid-gap: 10rem; }
  .sm-gap-5 {
    grid-gap: 5rem; }
  .sm-gap-4 {
    grid-gap: 4rem; }
  .sm-gap-3 {
    grid-gap: 3rem; }
  .sm-gap-2 {
    grid-gap: 2rem; }
  .sm-gap-1 {
    grid-gap: 1rem; } }

/* Responsive Grid Gap */
.r-gap-6 {
  grid-gap: 10rem; }

.r-gap-5 {
  grid-gap: 5rem; }

.r-gap-4 {
  grid-gap: 4rem; }

.r-gap-3 {
  grid-gap: 3rem; }

.r-gap-2 {
  grid-gap: 2rem; }

.r-gap-1 {
  grid-gap: 1rem; }

@media (max-width: 1279px) {
  .r-gap-6 {
    grid-gap: 9rem; }
  .r-gap-5 {
    grid-gap: 4.5rem; }
  .r-gap-4 {
    grid-gap: 3.6rem; }
  .r-gap-3 {
    grid-gap: 2.7rem; }
  .r-gap-2 {
    grid-gap: 1.9rem; }
  .r-gap-1 {
    grid-gap: 1rem; } }

@media (max-width: 1023px) {
  .r-gap-6 {
    grid-gap: 9rem; }
  .r-gap-5 {
    grid-gap: 4rem; }
  .r-gap-4 {
    grid-gap: 3.2rem; }
  .r-gap-3 {
    grid-gap: 2.4rem; }
  .r-gap-2 {
    grid-gap: 1.8rem; }
  .r-gap-1 {
    grid-gap: 0.95rem; } }

@media (max-width: 767px) {
  .r-gap-6 {
    grid-gap: 7rem; }
  .r-gap-5 {
    grid-gap: 3.5rem; }
  .r-gap-4 {
    grid-gap: 2.8rem; }
  .r-gap-3 {
    grid-gap: 2.1rem; }
  .r-gap-2 {
    grid-gap: 1.7rem; }
  .r-gap-1 {
    grid-gap: 0.9rem; } }

@media (max-width: 511px) {
  .r-gap-6 {
    grid-gap: 6rem; }
  .r-gap-5 {
    grid-gap: 3rem; }
  .r-gap-4 {
    grid-gap: 2.4rem; }
  .r-gap-3 {
    grid-gap: 1.8rem; }
  .r-gap-2 {
    grid-gap: 1.6rem; }
  .r-gap-1 {
    grid-gap: 0.85rem; } }

/* Order */
.a-order-0 {
  order: 0; }

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

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

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

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

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

.a-order-6 {
  order: 6; }

.a-order-7 {
  order: 7; }

.a-order-8 {
  order: 8; }

.a-order-9 {
  order: 9; }

@media (max-width: 1279px) {
  .xl-order-0 {
    order: 0; }
  .xl-order-1 {
    order: 1; }
  .xl-order-2 {
    order: 2; }
  .xl-order-3 {
    order: 3; }
  .xl-order-4 {
    order: 4; }
  .xl-order-5 {
    order: 5; }
  .xl-order-6 {
    order: 6; }
  .xl-order-7 {
    order: 7; }
  .xl-order-8 {
    order: 8; }
  .xl-order-9 {
    order: 9; } }

@media (max-width: 1023px) {
  .lg-order-0 {
    order: 0; }
  .lg-order-1 {
    order: 1; }
  .lg-order-2 {
    order: 2; }
  .lg-order-3 {
    order: 3; }
  .lg-order-4 {
    order: 4; }
  .lg-order-5 {
    order: 5; }
  .lg-order-6 {
    order: 6; }
  .lg-order-7 {
    order: 7; }
  .lg-order-8 {
    order: 8; }
  .lg-order-9 {
    order: 9; } }

@media (max-width: 767px) {
  .md-order-0 {
    order: 0; }
  .md-order-1 {
    order: 1; }
  .md-order-2 {
    order: 2; }
  .md-order-3 {
    order: 3; }
  .md-order-4 {
    order: 4; }
  .md-order-5 {
    order: 5; }
  .md-order-6 {
    order: 6; }
  .md-order-7 {
    order: 7; }
  .md-order-8 {
    order: 8; }
  .md-order-9 {
    order: 9; } }

@media (max-width: 511px) {
  .sm-order-0 {
    order: 0; }
  .sm-order-1 {
    order: 1; }
  .sm-order-2 {
    order: 2; }
  .sm-order-3 {
    order: 3; }
  .sm-order-4 {
    order: 4; }
  .sm-order-5 {
    order: 5; }
  .sm-order-6 {
    order: 6; }
  .sm-order-7 {
    order: 7; }
  .sm-order-8 {
    order: 8; }
  .sm-order-9 {
    order: 9; } }

/* Z-index */
.a-z-index-n1 {
  z-index: -1; }

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

.a-z-index-1 {
  z-index: 1; }

.a-z-index-2 {
  z-index: 2; }

.a-z-index-3 {
  z-index: 3; }

/* Max Width */
.a-max-width-6 {
  max-width: 1500px; }

.a-max-width-5 {
  max-width: 1000px; }

.a-max-width-4 {
  max-width: 850px; }

.a-max-width-3 {
  max-width: 700px; }

.a-max-width-2 {
  max-width: 550px; }

.a-max-width-1 {
  max-width: 400px; }

/* Width in % */
.a-width-100p {
  width: 100%; }

.a-width-80p {
  width: 80%; }

.a-width-75p {
  width: 75%; }

.a-width-66p {
  width: 66.66%; }

.a-width-60p {
  width: 60%; }

.a-width-50p {
  width: 50%; }

.a-width-40p {
  width: 40%; }

.a-width-33p {
  width: 33.33%; }

.a-width-25p {
  width: 25%; }

.a-width-20p {
  width: 20%; }

@media (max-width: 1279px) {
  .xl-width-100p {
    width: 100%; }
  .xl-width-80p {
    width: 80%; }
  .xl-width-75p {
    width: 75%; }
  .xl-width-66p {
    width: 66.66%; }
  .xl-width-60p {
    width: 60%; }
  .xl-width-50p {
    width: 50%; }
  .xl-width-40p {
    width: 40%; }
  .xl-width-33p {
    width: 33.33%; }
  .xl-width-25p {
    width: 25%; }
  .xl-width-20p {
    width: 20%; } }

@media (max-width: 1023px) {
  .lg-width-100p {
    width: 100%; }
  .lg-width-80p {
    width: 80%; }
  .lg-width-75p {
    width: 75%; }
  .lg-width-66p {
    width: 66.66%; }
  .lg-width-60p {
    width: 60%; }
  .lg-width-50p {
    width: 50%; }
  .lg-width-40p {
    width: 40%; }
  .lg-width-33p {
    width: 33.33%; }
  .lg-width-25p {
    width: 25%; }
  .lg-width-20p {
    width: 20%; } }

@media (max-width: 767px) {
  .md-width-100p {
    width: 100%; }
  .md-width-80p {
    width: 80%; }
  .md-width-75p {
    width: 75%; }
  .md-width-66p {
    width: 66.66%; }
  .md-width-60p {
    width: 60%; }
  .md-width-50p {
    width: 50%; }
  .md-width-40p {
    width: 40%; }
  .md-width-33p {
    width: 33.33%; }
  .md-width-25p {
    width: 25%; }
  .md-width-20p {
    width: 20%; } }

@media (max-width: 511px) {
  .sm-width-100p {
    width: 100%; }
  .sm-width-80p {
    width: 80%; }
  .sm-width-75p {
    width: 75%; }
  .sm-width-66p {
    width: 66.66%; }
  .sm-width-60p {
    width: 60%; }
  .sm-width-50p {
    width: 50%; }
  .sm-width-40p {
    width: 40%; }
  .sm-width-33p {
    width: 33.33%; }
  .sm-width-25p {
    width: 25%; }
  .sm-width-20p {
    width: 20%; } }

/* Height in vh */
.a-height-100vh {
  height: 100vh; }

.a-height-80vh {
  height: 80vh; }

.a-height-75vh {
  height: 75vh; }

.a-height-66vh {
  height: 66.66vh; }

.a-height-60vh {
  height: 60vh; }

.a-height-50vh {
  height: 50vh; }

.a-height-40vh {
  height: 40vh; }

.a-height-33vh {
  height: 33.33vh; }

.a-height-25vh {
  height: 25vh; }

.a-height-20vh {
  height: 20vh; }

@media (max-width: 1279px) {
  .xl-height-100vh {
    height: 100vh; }
  .xl-height-80vh {
    height: 80vh; }
  .xl-height-75vh {
    height: 75vh; }
  .xl-height-66vh {
    height: 66.66vh; }
  .xl-height-60vh {
    height: 60vh; }
  .xl-height-50vh {
    height: 50vh; }
  .xl-height-40vh {
    height: 40vh; }
  .xl-height-33vh {
    height: 33.33vh; }
  .xl-height-25vh {
    height: 25vh; }
  .xl-height-20vh {
    height: 20vh; } }

@media (max-width: 1023px) {
  .lg-height-100vh {
    height: 100vh; }
  .lg-height-80vh {
    height: 80vh; }
  .lg-height-75vh {
    height: 75vh; }
  .lg-height-66vh {
    height: 66.66vh; }
  .lg-height-60vh {
    height: 60vh; }
  .lg-height-50vh {
    height: 50vh; }
  .lg-height-40vh {
    height: 40vh; }
  .lg-height-33vh {
    height: 33.33vh; }
  .lg-height-25vh {
    height: 25vh; }
  .lg-height-20vh {
    height: 20vh; } }

@media (max-width: 767px) {
  .md-height-100vh {
    height: 100vh; }
  .md-height-80vh {
    height: 80vh; }
  .md-height-75vh {
    height: 75vh; }
  .md-height-66vh {
    height: 66.66vh; }
  .md-height-60vh {
    height: 60vh; }
  .md-height-50vh {
    height: 50vh; }
  .md-height-40vh {
    height: 40vh; }
  .md-height-33vh {
    height: 33.33vh; }
  .md-height-25vh {
    height: 25vh; }
  .md-height-20vh {
    height: 20vh; } }

@media (max-width: 511px) {
  .sm-height-100vh {
    height: 100vh; }
  .sm-height-80vh {
    height: 80vh; }
  .sm-height-75vh {
    height: 75vh; }
  .sm-height-66vh {
    height: 66.66vh; }
  .sm-height-60vh {
    height: 60vh; }
  .sm-height-50vh {
    height: 50vh; }
  .sm-height-40vh {
    height: 40vh; }
  .sm-height-33vh {
    height: 33.33vh; }
  .sm-height-25vh {
    height: 25vh; }
  .sm-height-20vh {
    height: 20vh; } }

/* Height in percent */
.a-height-100p {
  height: 100%; }

@media (max-width: 1279px) {
  .xl-height-100p {
    height: 100%; } }

@media (max-width: 1023px) {
  .lg-height-100p {
    height: 100%; } }

@media (max-width: 767px) {
  .md-height-100p {
    height: 100%; } }

@media (max-width: 511px) {
  .sm-height-100p {
    height: 100%; } }

/* Margin */
.a-margin-6 {
  margin: 5rem; }

.a-margin-top-6 {
  margin-top: 5rem; }

.a-margin-right-6 {
  margin-right: 5rem; }

.a-margin-bottom-6 {
  margin-bottom: 5rem; }

.a-margin-left-6 {
  margin-left: 5rem; }

.a-margin-5 {
  margin: 3rem; }

.a-margin-top-5 {
  margin-top: 3rem; }

.a-margin-right-5 {
  margin-right: 3rem; }

.a-margin-bottom-5 {
  margin-bottom: 3rem; }

.a-margin-left-5 {
  margin-left: 3rem; }

.a-margin-4 {
  margin: 2rem; }

.a-margin-top-4 {
  margin-top: 2rem; }

.a-margin-right-4 {
  margin-right: 2rem; }

.a-margin-bottom-4 {
  margin-bottom: 2rem; }

.a-margin-left-4 {
  margin-left: 2rem; }

.a-margin-3 {
  margin: 1.5rem; }

.a-margin-top-3 {
  margin-top: 1.5rem; }

.a-margin-right-3 {
  margin-right: 1.5rem; }

.a-margin-bottom-3 {
  margin-bottom: 1.5rem; }

.a-margin-left-3 {
  margin-left: 1.5rem; }

.a-margin-2 {
  margin: 1rem; }

.a-margin-top-2 {
  margin-top: 1rem; }

.a-margin-right-2 {
  margin-right: 1rem; }

.a-margin-bottom-2 {
  margin-bottom: 1rem; }

.a-margin-left-2 {
  margin-left: 1rem; }

.a-margin-1 {
  margin: 0.5rem; }

.a-margin-top-1 {
  margin-top: 0.5rem; }

.a-margin-right-1 {
  margin-right: 0.5rem; }

.a-margin-bottom-1 {
  margin-bottom: 0.5rem; }

.a-margin-left-1 {
  margin-left: 0.5rem; }

.a-margin-0 {
  margin: 0; }

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

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

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

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

@media (max-width: 1279px) {
  .xl-margin-6 {
    margin: 5rem; }
  .xl-margin-top-6 {
    margin-top: 5rem; }
  .xl-margin-right-6 {
    margin-right: 5rem; }
  .xl-margin-bottom-6 {
    margin-bottom: 5rem; }
  .xl-margin-left-6 {
    margin-left: 5rem; }
  .xl-margin-5 {
    margin: 3rem; }
  .xl-margin-top-5 {
    margin-top: 3rem; }
  .xl-margin-right-5 {
    margin-right: 3rem; }
  .xl-margin-bottom-5 {
    margin-bottom: 3rem; }
  .xl-margin-left-5 {
    margin-left: 3rem; }
  .xl-margin-4 {
    margin: 2rem; }
  .xl-margin-top-4 {
    margin-top: 2rem; }
  .xl-margin-right-4 {
    margin-right: 2rem; }
  .xl-margin-bottom-4 {
    margin-bottom: 2rem; }
  .xl-margin-left-4 {
    margin-left: 2rem; }
  .xl-margin-3 {
    margin: 1.5rem; }
  .xl-margin-top-3 {
    margin-top: 1.5rem; }
  .xl-margin-right-3 {
    margin-right: 1.5rem; }
  .xl-margin-bottom-3 {
    margin-bottom: 1.5rem; }
  .xl-margin-left-3 {
    margin-left: 1.5rem; }
  .xl-margin-2 {
    margin: 1rem; }
  .xl-margin-top-2 {
    margin-top: 1rem; }
  .xl-margin-right-2 {
    margin-right: 1rem; }
  .xl-margin-bottom-2 {
    margin-bottom: 1rem; }
  .xl-margin-left-2 {
    margin-left: 1rem; }
  .xl-margin-1 {
    margin: 0.5rem; }
  .xl-margin-top-1 {
    margin-top: 0.5rem; }
  .xl-margin-right-1 {
    margin-right: 0.5rem; }
  .xl-margin-bottom-1 {
    margin-bottom: 0.5rem; }
  .xl-margin-left-1 {
    margin-left: 0.5rem; }
  .xl-margin-0 {
    margin: 0; }
  .xl-margin-top-0 {
    margin-top: 0; }
  .xl-margin-right-0 {
    margin-right: 0; }
  .xl-margin-bottom-0 {
    margin-bottom: 0; }
  .xl-margin-left-0 {
    margin-left: 0; } }

@media (max-width: 1023px) {
  .lg-margin-6 {
    margin: 5rem; }
  .lg-margin-top-6 {
    margin-top: 5rem; }
  .lg-margin-right-6 {
    margin-right: 5rem; }
  .lg-margin-bottom-6 {
    margin-bottom: 5rem; }
  .lg-margin-left-6 {
    margin-left: 5rem; }
  .lg-margin-5 {
    margin: 3rem; }
  .lg-margin-top-5 {
    margin-top: 3rem; }
  .lg-margin-right-5 {
    margin-right: 3rem; }
  .lg-margin-bottom-5 {
    margin-bottom: 3rem; }
  .lg-margin-left-5 {
    margin-left: 3rem; }
  .lg-margin-4 {
    margin: 2rem; }
  .lg-margin-top-4 {
    margin-top: 2rem; }
  .lg-margin-right-4 {
    margin-right: 2rem; }
  .lg-margin-bottom-4 {
    margin-bottom: 2rem; }
  .lg-margin-left-4 {
    margin-left: 2rem; }
  .lg-margin-3 {
    margin: 1.5rem; }
  .lg-margin-top-3 {
    margin-top: 1.5rem; }
  .lg-margin-right-3 {
    margin-right: 1.5rem; }
  .lg-margin-bottom-3 {
    margin-bottom: 1.5rem; }
  .lg-margin-left-3 {
    margin-left: 1.5rem; }
  .lg-margin-2 {
    margin: 1rem; }
  .lg-margin-top-2 {
    margin-top: 1rem; }
  .lg-margin-right-2 {
    margin-right: 1rem; }
  .lg-margin-bottom-2 {
    margin-bottom: 1rem; }
  .lg-margin-left-2 {
    margin-left: 1rem; }
  .lg-margin-1 {
    margin: 0.5rem; }
  .lg-margin-top-1 {
    margin-top: 0.5rem; }
  .lg-margin-right-1 {
    margin-right: 0.5rem; }
  .lg-margin-bottom-1 {
    margin-bottom: 0.5rem; }
  .lg-margin-left-1 {
    margin-left: 0.5rem; }
  .lg-margin-0 {
    margin: 0; }
  .lg-margin-top-0 {
    margin-top: 0; }
  .lg-margin-right-0 {
    margin-right: 0; }
  .lg-margin-bottom-0 {
    margin-bottom: 0; }
  .lg-margin-left-0 {
    margin-left: 0; } }

@media (max-width: 767px) {
  .md-margin-6 {
    margin: 5rem; }
  .md-margin-top-6 {
    margin-top: 5rem; }
  .md-margin-right-6 {
    margin-right: 5rem; }
  .md-margin-bottom-6 {
    margin-bottom: 5rem; }
  .md-margin-left-6 {
    margin-left: 5rem; }
  .md-margin-5 {
    margin: 3rem; }
  .md-margin-top-5 {
    margin-top: 3rem; }
  .md-margin-right-5 {
    margin-right: 3rem; }
  .md-margin-bottom-5 {
    margin-bottom: 3rem; }
  .md-margin-left-5 {
    margin-left: 3rem; }
  .md-margin-4 {
    margin: 2rem; }
  .md-margin-top-4 {
    margin-top: 2rem; }
  .md-margin-right-4 {
    margin-right: 2rem; }
  .md-margin-bottom-4 {
    margin-bottom: 2rem; }
  .md-margin-left-4 {
    margin-left: 2rem; }
  .md-margin-3 {
    margin: 1.5rem; }
  .md-margin-top-3 {
    margin-top: 1.5rem; }
  .md-margin-right-3 {
    margin-right: 1.5rem; }
  .md-margin-bottom-3 {
    margin-bottom: 1.5rem; }
  .md-margin-left-3 {
    margin-left: 1.5rem; }
  .md-margin-2 {
    margin: 1rem; }
  .md-margin-top-2 {
    margin-top: 1rem; }
  .md-margin-right-2 {
    margin-right: 1rem; }
  .md-margin-bottom-2 {
    margin-bottom: 1rem; }
  .md-margin-left-2 {
    margin-left: 1rem; }
  .md-margin-1 {
    margin: 0.5rem; }
  .md-margin-top-1 {
    margin-top: 0.5rem; }
  .md-margin-right-1 {
    margin-right: 0.5rem; }
  .md-margin-bottom-1 {
    margin-bottom: 0.5rem; }
  .md-margin-left-1 {
    margin-left: 0.5rem; }
  .md-margin-0 {
    margin: 0; }
  .md-margin-top-0 {
    margin-top: 0; }
  .md-margin-right-0 {
    margin-right: 0; }
  .md-margin-bottom-0 {
    margin-bottom: 0; }
  .md-margin-left-0 {
    margin-left: 0; } }

@media (max-width: 511px) {
  .sm-margin-6 {
    margin: 5rem; }
  .sm-margin-top-6 {
    margin-top: 5rem; }
  .sm-margin-right-6 {
    margin-right: 5rem; }
  .sm-margin-bottom-6 {
    margin-bottom: 5rem; }
  .sm-margin-left-6 {
    margin-left: 5rem; }
  .sm-margin-5 {
    margin: 3rem; }
  .sm-margin-top-5 {
    margin-top: 3rem; }
  .sm-margin-right-5 {
    margin-right: 3rem; }
  .sm-margin-bottom-5 {
    margin-bottom: 3rem; }
  .sm-margin-left-5 {
    margin-left: 3rem; }
  .sm-margin-4 {
    margin: 2rem; }
  .sm-margin-top-4 {
    margin-top: 2rem; }
  .sm-margin-right-4 {
    margin-right: 2rem; }
  .sm-margin-bottom-4 {
    margin-bottom: 2rem; }
  .sm-margin-left-4 {
    margin-left: 2rem; }
  .sm-margin-3 {
    margin: 1.5rem; }
  .sm-margin-top-3 {
    margin-top: 1.5rem; }
  .sm-margin-right-3 {
    margin-right: 1.5rem; }
  .sm-margin-bottom-3 {
    margin-bottom: 1.5rem; }
  .sm-margin-left-3 {
    margin-left: 1.5rem; }
  .sm-margin-2 {
    margin: 1rem; }
  .sm-margin-top-2 {
    margin-top: 1rem; }
  .sm-margin-right-2 {
    margin-right: 1rem; }
  .sm-margin-bottom-2 {
    margin-bottom: 1rem; }
  .sm-margin-left-2 {
    margin-left: 1rem; }
  .sm-margin-1 {
    margin: 0.5rem; }
  .sm-margin-top-1 {
    margin-top: 0.5rem; }
  .sm-margin-right-1 {
    margin-right: 0.5rem; }
  .sm-margin-bottom-1 {
    margin-bottom: 0.5rem; }
  .sm-margin-left-1 {
    margin-left: 0.5rem; }
  .sm-margin-0 {
    margin: 0; }
  .sm-margin-top-0 {
    margin-top: 0; }
  .sm-margin-right-0 {
    margin-right: 0; }
  .sm-margin-bottom-0 {
    margin-bottom: 0; }
  .sm-margin-left-0 {
    margin-left: 0; } }

/* Margin Negative */
.a-margin-n6 {
  margin: -5rem; }

.a-margin-top-n6 {
  margin-top: -5rem; }

.a-margin-right-n6 {
  margin-right: -5rem; }

.a-margin-bottom-n6 {
  margin-bottom: -5rem; }

.a-margin-left-n6 {
  margin-left: -5rem; }

.a-margin-n5 {
  margin: -3rem; }

.a-margin-top-n5 {
  margin-top: -3rem; }

.a-margin-right-n5 {
  margin-right: -3rem; }

.a-margin-bottom-n5 {
  margin-bottom: -3rem; }

.a-margin-left-n5 {
  margin-left: -3rem; }

.a-margin-n4 {
  margin: -2rem; }

.a-margin-top-n4 {
  margin-top: -2rem; }

.a-margin-right-n4 {
  margin-right: -2rem; }

.a-margin-bottom-n4 {
  margin-bottom: -2rem; }

.a-margin-left-n4 {
  margin-left: -2rem; }

.a-margin-n3 {
  margin: -1.5rem; }

.a-margin-top-n3 {
  margin-top: -1.5rem; }

.a-margin-right-n3 {
  margin-right: -1.5rem; }

.a-margin-bottom-n3 {
  margin-bottom: -1.5rem; }

.a-margin-left-n3 {
  margin-left: -1.5rem; }

.a-margin-n2 {
  margin: -1rem; }

.a-margin-top-n2 {
  margin-top: -1rem; }

.a-margin-right-n2 {
  margin-right: -1rem; }

.a-margin-bottom-n2 {
  margin-bottom: -1rem; }

.a-margin-left-n2 {
  margin-left: -1rem; }

.a-margin-n1 {
  margin: -0.5rem; }

.a-margin-top-n1 {
  margin-top: -0.5rem; }

.a-margin-right-n1 {
  margin-right: -0.5rem; }

.a-margin-bottom-n1 {
  margin-bottom: -0.5rem; }

.a-margin-left-n1 {
  margin-left: -0.5rem; }

@media (max-width: 1279px) {
  .xl-margin-n6 {
    margin: -5rem; }
  .xl-margin-top-n6 {
    margin-top: -5rem; }
  .xl-margin-right-n6 {
    margin-right: -5rem; }
  .xl-margin-bottom-n6 {
    margin-bottom: -5rem; }
  .xl-margin-left-n6 {
    margin-left: -5rem; }
  .xl-margin-n5 {
    margin: -3rem; }
  .xl-margin-top-n5 {
    margin-top: -3rem; }
  .xl-margin-right-n5 {
    margin-right: -3rem; }
  .xl-margin-bottom-n5 {
    margin-bottom: -3rem; }
  .xl-margin-left-n5 {
    margin-left: -3rem; }
  .xl-margin-n4 {
    margin: -2rem; }
  .xl-margin-top-n4 {
    margin-top: -2rem; }
  .xl-margin-right-n4 {
    margin-right: -2rem; }
  .xl-margin-bottom-n4 {
    margin-bottom: -2rem; }
  .xl-margin-left-n4 {
    margin-left: -2rem; }
  .xl-margin-n3 {
    margin: -1.5rem; }
  .xl-margin-top-n3 {
    margin-top: -1.5rem; }
  .xl-margin-right-n3 {
    margin-right: -1.5rem; }
  .xl-margin-bottom-n3 {
    margin-bottom: -1.5rem; }
  .xl-margin-left-n3 {
    margin-left: -1.5rem; }
  .xl-margin-n2 {
    margin: -1rem; }
  .xl-margin-top-n2 {
    margin-top: -1rem; }
  .xl-margin-right-n2 {
    margin-right: -1rem; }
  .xl-margin-bottom-n2 {
    margin-bottom: -1rem; }
  .xl-margin-left-n2 {
    margin-left: -1rem; }
  .xl-margin-n1 {
    margin: -0.5rem; }
  .xl-margin-top-n1 {
    margin-top: -0.5rem; }
  .xl-margin-right-n1 {
    margin-right: -0.5rem; }
  .xl-margin-bottom-n1 {
    margin-bottom: -0.5rem; }
  .xl-margin-left-n1 {
    margin-left: -0.5rem; } }

@media (max-width: 1023px) {
  .lg-margin-n6 {
    margin: -5rem; }
  .lg-margin-top-n6 {
    margin-top: -5rem; }
  .lg-margin-right-n6 {
    margin-right: -5rem; }
  .lg-margin-bottom-n6 {
    margin-bottom: -5rem; }
  .lg-margin-left-n6 {
    margin-left: -5rem; }
  .lg-margin-n5 {
    margin: -3rem; }
  .lg-margin-top-n5 {
    margin-top: -3rem; }
  .lg-margin-right-n5 {
    margin-right: -3rem; }
  .lg-margin-bottom-n5 {
    margin-bottom: -3rem; }
  .lg-margin-left-n5 {
    margin-left: -3rem; }
  .lg-margin-n4 {
    margin: -2rem; }
  .lg-margin-top-n4 {
    margin-top: -2rem; }
  .lg-margin-right-n4 {
    margin-right: -2rem; }
  .lg-margin-bottom-n4 {
    margin-bottom: -2rem; }
  .lg-margin-left-n4 {
    margin-left: -2rem; }
  .lg-margin-n3 {
    margin: -1.5rem; }
  .lg-margin-top-n3 {
    margin-top: -1.5rem; }
  .lg-margin-right-n3 {
    margin-right: -1.5rem; }
  .lg-margin-bottom-n3 {
    margin-bottom: -1.5rem; }
  .lg-margin-left-n3 {
    margin-left: -1.5rem; }
  .lg-margin-n2 {
    margin: -1rem; }
  .lg-margin-top-n2 {
    margin-top: -1rem; }
  .lg-margin-right-n2 {
    margin-right: -1rem; }
  .lg-margin-bottom-n2 {
    margin-bottom: -1rem; }
  .lg-margin-left-n2 {
    margin-left: -1rem; }
  .lg-margin-n1 {
    margin: -0.5rem; }
  .lg-margin-top-n1 {
    margin-top: -0.5rem; }
  .lg-margin-right-n1 {
    margin-right: -0.5rem; }
  .lg-margin-bottom-n1 {
    margin-bottom: -0.5rem; }
  .lg-margin-left-n1 {
    margin-left: -0.5rem; } }

@media (max-width: 767px) {
  .md-margin-n6 {
    margin: -5rem; }
  .md-margin-top-n6 {
    margin-top: -5rem; }
  .md-margin-right-n6 {
    margin-right: -5rem; }
  .md-margin-bottom-n6 {
    margin-bottom: -5rem; }
  .md-margin-left-n6 {
    margin-left: -5rem; }
  .md-margin-n5 {
    margin: -3rem; }
  .md-margin-top-n5 {
    margin-top: -3rem; }
  .md-margin-right-n5 {
    margin-right: -3rem; }
  .md-margin-bottom-n5 {
    margin-bottom: -3rem; }
  .md-margin-left-n5 {
    margin-left: -3rem; }
  .md-margin-n4 {
    margin: -2rem; }
  .md-margin-top-n4 {
    margin-top: -2rem; }
  .md-margin-right-n4 {
    margin-right: -2rem; }
  .md-margin-bottom-n4 {
    margin-bottom: -2rem; }
  .md-margin-left-n4 {
    margin-left: -2rem; }
  .md-margin-n3 {
    margin: -1.5rem; }
  .md-margin-top-n3 {
    margin-top: -1.5rem; }
  .md-margin-right-n3 {
    margin-right: -1.5rem; }
  .md-margin-bottom-n3 {
    margin-bottom: -1.5rem; }
  .md-margin-left-n3 {
    margin-left: -1.5rem; }
  .md-margin-n2 {
    margin: -1rem; }
  .md-margin-top-n2 {
    margin-top: -1rem; }
  .md-margin-right-n2 {
    margin-right: -1rem; }
  .md-margin-bottom-n2 {
    margin-bottom: -1rem; }
  .md-margin-left-n2 {
    margin-left: -1rem; }
  .md-margin-n1 {
    margin: -0.5rem; }
  .md-margin-top-n1 {
    margin-top: -0.5rem; }
  .md-margin-right-n1 {
    margin-right: -0.5rem; }
  .md-margin-bottom-n1 {
    margin-bottom: -0.5rem; }
  .md-margin-left-n1 {
    margin-left: -0.5rem; } }

@media (max-width: 511px) {
  .sm-margin-n6 {
    margin: -5rem; }
  .sm-margin-top-n6 {
    margin-top: -5rem; }
  .sm-margin-right-n6 {
    margin-right: -5rem; }
  .sm-margin-bottom-n6 {
    margin-bottom: -5rem; }
  .sm-margin-left-n6 {
    margin-left: -5rem; }
  .sm-margin-n5 {
    margin: -3rem; }
  .sm-margin-top-n5 {
    margin-top: -3rem; }
  .sm-margin-right-n5 {
    margin-right: -3rem; }
  .sm-margin-bottom-n5 {
    margin-bottom: -3rem; }
  .sm-margin-left-n5 {
    margin-left: -3rem; }
  .sm-margin-n4 {
    margin: -2rem; }
  .sm-margin-top-n4 {
    margin-top: -2rem; }
  .sm-margin-right-n4 {
    margin-right: -2rem; }
  .sm-margin-bottom-n4 {
    margin-bottom: -2rem; }
  .sm-margin-left-n4 {
    margin-left: -2rem; }
  .sm-margin-n3 {
    margin: -1.5rem; }
  .sm-margin-top-n3 {
    margin-top: -1.5rem; }
  .sm-margin-right-n3 {
    margin-right: -1.5rem; }
  .sm-margin-bottom-n3 {
    margin-bottom: -1.5rem; }
  .sm-margin-left-n3 {
    margin-left: -1.5rem; }
  .sm-margin-n2 {
    margin: -1rem; }
  .sm-margin-top-n2 {
    margin-top: -1rem; }
  .sm-margin-right-n2 {
    margin-right: -1rem; }
  .sm-margin-bottom-n2 {
    margin-bottom: -1rem; }
  .sm-margin-left-n2 {
    margin-left: -1rem; }
  .sm-margin-n1 {
    margin: -0.5rem; }
  .sm-margin-top-n1 {
    margin-top: -0.5rem; }
  .sm-margin-right-n1 {
    margin-right: -0.5rem; }
  .sm-margin-bottom-n1 {
    margin-bottom: -0.5rem; }
  .sm-margin-left-n1 {
    margin-left: -0.5rem; } }

/* Responsive Padding */
.r-padding-6 {
  padding: 5rem; }

.r-padding-5 {
  padding: 3rem; }

.r-padding-4 {
  padding: 2rem; }

.r-padding-3 {
  padding: 1.5rem; }

.r-padding-2 {
  padding: 1rem; }

.r-padding-1 {
  padding: 0.5rem; }

@media (max-width: 1279px) {
  .r-padding-6 {
    padding: 4.5rem; }
  .r-padding-5 {
    padding: 2.7rem; }
  .r-padding-4 {
    padding: 1.8rem; }
  .r-padding-3 {
    padding: 1.35rem; }
  .r-padding-2 {
    padding: 0.95rem; }
  .r-padding-1 {
    padding: 0.05rem; } }

@media (max-width: 1023px) {
  .r-padding-6 {
    padding: 4rem; }
  .r-padding-5 {
    padding: 2.4rem; }
  .r-padding-4 {
    padding: 1.6rem; }
  .r-padding-3 {
    padding: 1.2rem; }
  .r-padding-2 {
    padding: 0.95rem; }
  .r-padding-1 {
    padding: 0.45rem; } }

@media (max-width: 767px) {
  .r-padding-6 {
    padding: 3.5rem; }
  .r-padding-5 {
    padding: 2.1rem; }
  .r-padding-4 {
    padding: 1.4rem; }
  .r-padding-3 {
    padding: 1.05rem; }
  .r-padding-2 {
    padding: 0.85rem; }
  .r-padding-1 {
    padding: 0.45rem; } }

@media (max-width: 511px) {
  .r-padding-6 {
    padding: 3rem; }
  .r-padding-5 {
    padding: 1.8rem; }
  .r-padding-4 {
    padding: 1.2rem; }
  .r-padding-3 {
    padding: 0.9rem; }
  .r-padding-2 {
    padding: 0.8rem; }
  .r-padding-1 {
    padding: 0.425rem; } }

/* Padding */
.a-padding-6 {
  padding: 5rem; }

.a-padding-top-6 {
  padding-top: 5rem; }

.a-padding-right-6 {
  padding-right: 5rem; }

.a-padding-bottom-6 {
  padding-bottom: 5rem; }

.a-padding-left-6 {
  padding-left: 5rem; }

.a-padding-5 {
  padding: 3rem; }

.a-padding-top-5 {
  padding-top: 3rem; }

.a-padding-right-5 {
  padding-right: 3rem; }

.a-padding-bottom-5 {
  padding-bottom: 3rem; }

.a-padding-left-5 {
  padding-left: 3rem; }

.a-padding-4 {
  padding: 2rem; }

.a-padding-top-4 {
  padding-top: 2rem; }

.a-padding-right-4 {
  padding-right: 2rem; }

.a-padding-bottom-4 {
  padding-bottom: 2rem; }

.a-padding-left-4 {
  padding-left: 2rem; }

.a-padding-3 {
  padding: 1.5rem; }

.a-padding-top-3 {
  padding-top: 1.5rem; }

.a-padding-right-3 {
  padding-right: 1.5rem; }

.a-padding-bottom-3 {
  padding-bottom: 1.5rem; }

.a-padding-left-3 {
  padding-left: 1.5rem; }

.a-padding-2 {
  padding: 1rem; }

.a-padding-top-2 {
  padding-top: 1rem; }

.a-padding-right-2 {
  padding-right: 1rem; }

.a-padding-bottom-2 {
  padding-bottom: 1rem; }

.a-padding-left-2 {
  padding-left: 1rem; }

.a-padding-1 {
  padding: 0.5rem; }

.a-padding-top-1 {
  padding-top: 0.5rem; }

.a-padding-right-1 {
  padding-right: 0.5rem; }

.a-padding-bottom-1 {
  padding-bottom: 0.5rem; }

.a-padding-left-1 {
  padding-left: 0.5rem; }

.a-padding-0 {
  padding: 0; }

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

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

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

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

@media (max-width: 1279px) {
  .xl-padding-6 {
    padding: 5rem; }
  .xl-padding-top-6 {
    padding-top: 5rem; }
  .xl-padding-right-6 {
    padding-right: 5rem; }
  .xl-padding-bottom-6 {
    padding-bottom: 5rem; }
  .xl-padding-left-6 {
    padding-left: 5rem; }
  .xl-padding-5 {
    padding: 3rem; }
  .xl-padding-top-5 {
    padding-top: 3rem; }
  .xl-padding-right-5 {
    padding-right: 3rem; }
  .xl-padding-bottom-5 {
    padding-bottom: 3rem; }
  .xl-padding-left-5 {
    padding-left: 3rem; }
  .xl-padding-4 {
    padding: 2rem; }
  .xl-padding-top-4 {
    padding-top: 2rem; }
  .xl-padding-right-4 {
    padding-right: 2rem; }
  .xl-padding-bottom-4 {
    padding-bottom: 2rem; }
  .xl-padding-left-4 {
    padding-left: 2rem; }
  .xl-padding-3 {
    padding: 1.5rem; }
  .xl-padding-top-3 {
    padding-top: 1.5rem; }
  .xl-padding-right-3 {
    padding-right: 1.5rem; }
  .xl-padding-bottom-3 {
    padding-bottom: 1.5rem; }
  .xl-padding-left-3 {
    padding-left: 1.5rem; }
  .xl-padding-2 {
    padding: 1rem; }
  .xl-padding-top-2 {
    padding-top: 1rem; }
  .xl-padding-right-2 {
    padding-right: 1rem; }
  .xl-padding-bottom-2 {
    padding-bottom: 1rem; }
  .xl-padding-left-2 {
    padding-left: 1rem; }
  .xl-padding-1 {
    padding: 0.5rem; }
  .xl-padding-top-1 {
    padding-top: 0.5rem; }
  .xl-padding-right-1 {
    padding-right: 0.5rem; }
  .xl-padding-bottom-1 {
    padding-bottom: 0.5rem; }
  .xl-padding-left-1 {
    padding-left: 0.5rem; }
  .xl-padding-0 {
    padding: 0; }
  .xl-padding-top-0 {
    padding-top: 0; }
  .xl-padding-right-0 {
    padding-right: 0; }
  .xl-padding-bottom-0 {
    padding-bottom: 0; }
  .xl-padding-left-0 {
    padding-left: 0; } }

@media (max-width: 1023px) {
  .lg-padding-6 {
    padding: 5rem; }
  .lg-padding-top-6 {
    padding-top: 5rem; }
  .lg-padding-right-6 {
    padding-right: 5rem; }
  .lg-padding-bottom-6 {
    padding-bottom: 5rem; }
  .lg-padding-left-6 {
    padding-left: 5rem; }
  .lg-padding-5 {
    padding: 3rem; }
  .lg-padding-top-5 {
    padding-top: 3rem; }
  .lg-padding-right-5 {
    padding-right: 3rem; }
  .lg-padding-bottom-5 {
    padding-bottom: 3rem; }
  .lg-padding-left-5 {
    padding-left: 3rem; }
  .lg-padding-4 {
    padding: 2rem; }
  .lg-padding-top-4 {
    padding-top: 2rem; }
  .lg-padding-right-4 {
    padding-right: 2rem; }
  .lg-padding-bottom-4 {
    padding-bottom: 2rem; }
  .lg-padding-left-4 {
    padding-left: 2rem; }
  .lg-padding-3 {
    padding: 1.5rem; }
  .lg-padding-top-3 {
    padding-top: 1.5rem; }
  .lg-padding-right-3 {
    padding-right: 1.5rem; }
  .lg-padding-bottom-3 {
    padding-bottom: 1.5rem; }
  .lg-padding-left-3 {
    padding-left: 1.5rem; }
  .lg-padding-2 {
    padding: 1rem; }
  .lg-padding-top-2 {
    padding-top: 1rem; }
  .lg-padding-right-2 {
    padding-right: 1rem; }
  .lg-padding-bottom-2 {
    padding-bottom: 1rem; }
  .lg-padding-left-2 {
    padding-left: 1rem; }
  .lg-padding-1 {
    padding: 0.5rem; }
  .lg-padding-top-1 {
    padding-top: 0.5rem; }
  .lg-padding-right-1 {
    padding-right: 0.5rem; }
  .lg-padding-bottom-1 {
    padding-bottom: 0.5rem; }
  .lg-padding-left-1 {
    padding-left: 0.5rem; }
  .lg-padding-0 {
    padding: 0; }
  .lg-padding-top-0 {
    padding-top: 0; }
  .lg-padding-right-0 {
    padding-right: 0; }
  .lg-padding-bottom-0 {
    padding-bottom: 0; }
  .lg-padding-left-0 {
    padding-left: 0; } }

@media (max-width: 767px) {
  .md-padding-6 {
    padding: 5rem; }
  .md-padding-top-6 {
    padding-top: 5rem; }
  .md-padding-right-6 {
    padding-right: 5rem; }
  .md-padding-bottom-6 {
    padding-bottom: 5rem; }
  .md-padding-left-6 {
    padding-left: 5rem; }
  .md-padding-5 {
    padding: 3rem; }
  .md-padding-top-5 {
    padding-top: 3rem; }
  .md-padding-right-5 {
    padding-right: 3rem; }
  .md-padding-bottom-5 {
    padding-bottom: 3rem; }
  .md-padding-left-5 {
    padding-left: 3rem; }
  .md-padding-4 {
    padding: 2rem; }
  .md-padding-top-4 {
    padding-top: 2rem; }
  .md-padding-right-4 {
    padding-right: 2rem; }
  .md-padding-bottom-4 {
    padding-bottom: 2rem; }
  .md-padding-left-4 {
    padding-left: 2rem; }
  .md-padding-3 {
    padding: 1.5rem; }
  .md-padding-top-3 {
    padding-top: 1.5rem; }
  .md-padding-right-3 {
    padding-right: 1.5rem; }
  .md-padding-bottom-3 {
    padding-bottom: 1.5rem; }
  .md-padding-left-3 {
    padding-left: 1.5rem; }
  .md-padding-2 {
    padding: 1rem; }
  .md-padding-top-2 {
    padding-top: 1rem; }
  .md-padding-right-2 {
    padding-right: 1rem; }
  .md-padding-bottom-2 {
    padding-bottom: 1rem; }
  .md-padding-left-2 {
    padding-left: 1rem; }
  .md-padding-1 {
    padding: 0.5rem; }
  .md-padding-top-1 {
    padding-top: 0.5rem; }
  .md-padding-right-1 {
    padding-right: 0.5rem; }
  .md-padding-bottom-1 {
    padding-bottom: 0.5rem; }
  .md-padding-left-1 {
    padding-left: 0.5rem; }
  .md-padding-0 {
    padding: 0; }
  .md-padding-top-0 {
    padding-top: 0; }
  .md-padding-right-0 {
    padding-right: 0; }
  .md-padding-bottom-0 {
    padding-bottom: 0; }
  .md-padding-left-0 {
    padding-left: 0; } }

@media (max-width: 511px) {
  .sm-padding-6 {
    padding: 5rem; }
  .sm-padding-top-6 {
    padding-top: 5rem; }
  .sm-padding-right-6 {
    padding-right: 5rem; }
  .sm-padding-bottom-6 {
    padding-bottom: 5rem; }
  .sm-padding-left-6 {
    padding-left: 5rem; }
  .sm-padding-5 {
    padding: 3rem; }
  .sm-padding-top-5 {
    padding-top: 3rem; }
  .sm-padding-right-5 {
    padding-right: 3rem; }
  .sm-padding-bottom-5 {
    padding-bottom: 3rem; }
  .sm-padding-left-5 {
    padding-left: 3rem; }
  .sm-padding-4 {
    padding: 2rem; }
  .sm-padding-top-4 {
    padding-top: 2rem; }
  .sm-padding-right-4 {
    padding-right: 2rem; }
  .sm-padding-bottom-4 {
    padding-bottom: 2rem; }
  .sm-padding-left-4 {
    padding-left: 2rem; }
  .sm-padding-3 {
    padding: 1.5rem; }
  .sm-padding-top-3 {
    padding-top: 1.5rem; }
  .sm-padding-right-3 {
    padding-right: 1.5rem; }
  .sm-padding-bottom-3 {
    padding-bottom: 1.5rem; }
  .sm-padding-left-3 {
    padding-left: 1.5rem; }
  .sm-padding-2 {
    padding: 1rem; }
  .sm-padding-top-2 {
    padding-top: 1rem; }
  .sm-padding-right-2 {
    padding-right: 1rem; }
  .sm-padding-bottom-2 {
    padding-bottom: 1rem; }
  .sm-padding-left-2 {
    padding-left: 1rem; }
  .sm-padding-1 {
    padding: 0.5rem; }
  .sm-padding-top-1 {
    padding-top: 0.5rem; }
  .sm-padding-right-1 {
    padding-right: 0.5rem; }
  .sm-padding-bottom-1 {
    padding-bottom: 0.5rem; }
  .sm-padding-left-1 {
    padding-left: 0.5rem; }
  .sm-padding-0 {
    padding: 0; }
  .sm-padding-top-0 {
    padding-top: 0; }
  .sm-padding-right-0 {
    padding-right: 0; }
  .sm-padding-bottom-0 {
    padding-bottom: 0; }
  .sm-padding-left-0 {
    padding-left: 0; } }

/* Color */
.color-white {
  color: #ffffff; }

.color-gray1 {
  color: #f6f6f6; }

.color-gray2 {
  color: #cccccc; }

.color-gray3 {
  color: #999999; }

.color-black {
  color: #2a2a2a; }

.color-color1 {
  color: #00a888; }

.color-color2 {
  color: #21eac3; }

.color-success {
  color: green; }

.color-error {
  color: red; }

.color-warning {
  color: orange; }

/* Color Hover */
.color-hover-white:hover {
  color: #ffffff; }

.color-hover-gray1:hover {
  color: #f6f6f6; }

.color-hover-gray2:hover {
  color: #cccccc; }

.color-hover-gray3:hover {
  color: #999999; }

.color-hover-black:hover {
  color: #2a2a2a; }

.color-hover-color1:hover {
  color: #00a888; }

.color-hover-color2:hover {
  color: #21eac3; }

.color-hover-success:hover {
  color: green; }

.color-hover-error:hover {
  color: red; }

.color-hover-warning:hover {
  color: orange; }

/* Background Colors */
.background-white {
  background: #ffffff; }

.background-gray1 {
  background: #f6f6f6; }

.background-gray2 {
  background: #cccccc; }

.background-gray3 {
  background: #999999; }

.background-black {
  background: #2a2a2a; }

.background-color1 {
  background: #00a888; }

.background-color2 {
  background: #21eac3; }

.background-color3 {
  background: #20655D; }

.background-color4 {
  background: #EFE6D1; }

.background-success {
  background: green; }

.background-error {
  background: red; }

.background-warning {
  background: orange; }

/* Background Color Hover */
.background-hover-white:hover {
  background: #ffffff; }

.background-hover-gray1:hover {
  background: #f6f6f6; }

.background-hover-gray2:hover {
  background: #cccccc; }

.background-hover-gray3:hover {
  background: #999999; }

.background-hover-black:hover {
  background: #2a2a2a; }

.background-hover-color1:hover {
  background: #00a888; }

.background-hover-color2:hover {
  background: #21eac3; }

.background-hover-success:hover {
  background: green; }

.background-hover-error:hover {
  background: red; }

.background-hover-warning:hover {
  background: orange; }

/* Fill Colors */
.fill-white {
  fill: #ffffff; }

.fill-gray1 {
  fill: #f6f6f6; }

.fill-gray2 {
  fill: #cccccc; }

.fill-gray3 {
  fill: #999999; }

.fill-black {
  fill: #2a2a2a; }

.fill-color1 {
  fill: #00a888; }

.fill-color2 {
  fill: #21eac3; }

.fill-success {
  fill: green; }

.fill-error {
  fill: red; }

.fill-warning {
  fill: orange; }

/* Fill Color Hover */
.fill-hover-white:hover {
  fill: #ffffff; }

.fill-hover-gray1:hover {
  fill: #f6f6f6; }

.fill-hover-gray2:hover {
  fill: #cccccc; }

.fill-hover-gray3:hover {
  fill: #999999; }

.fill-hover-black:hover {
  fill: #2a2a2a; }

.fill-hover-color1:hover {
  fill: #00a888; }

.fill-hover-color2:hover {
  fill: #21eac3; }

.fill-hover-success:hover {
  fill: green; }

.fill-hover-error:hover {
  fill: red; }

.fill-hover-warning:hover {
  fill: orange; }

/* Image */
.a-object-fit-cover {
  object-fit: cover; }

.a-object-fit-contain {
  object-fit: contain; }

/* Filter */
.brightness-90 {
  filter: brightness(90%); }

.brightness-80 {
  filter: brightness(80%); }

.brightness-70 {
  filter: brightness(70%); }

.brightness-60 {
  filter: brightness(60%); }

.brightness-50 {
  filter: brightness(50%); }

.brightness-40 {
  filter: brightness(40%); }

/* Text align */
.a-text-align-left {
  text-align: left; }

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

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

@media (max-width: 1279px) {
  .xl-text-align-left {
    text-align: left; }
  .xl-text-align-center {
    text-align: center; }
  .xl-text-align-right {
    text-align: right; } }

@media (max-width: 1023px) {
  .lg-text-align-left {
    text-align: left; }
  .lg-text-align-center {
    text-align: center; }
  .lg-text-align-right {
    text-align: right; } }

@media (max-width: 767px) {
  .md-text-align-left {
    text-align: left; }
  .md-text-align-center {
    text-align: center; }
  .md-text-align-right {
    text-align: right; } }

@media (max-width: 511px) {
  .sm-text-align-left {
    text-align: left; }
  .sm-text-align-center {
    text-align: center; }
  .sm-text-align-right {
    text-align: right; } }

/* Header */
.header {
  position: sticky;
  top: 0;
  z-index: 2000;
  border-bottom: 1px solid #E6EAEA; }

@media (max-width: 767px) {
  .header {
    padding-left: calc(3vw + 10px); } }

.header-row {
  padding: 0 0 0 calc(3vw + 10px); }

.logo {
  display: flex;
  width: 120px; }

.logo svg {
  width: 102px; }

.header-button {
  color: #ffffff !important;
  padding: 1rem 2rem !important;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: .9rem;
  border-bottom: 0 !important; }

.header-button:hover {
  background: #21eac3 !important; }

/* Main Menu Desktop */
.main-menu-desktop {
  display: flex;
  flex-direction: row;
  margin-left: 1rem; }

.main-menu-desktop a {
  color: #2a2a2a;
  padding: 1.6rem 1rem;
  word-break: keep-all;
  text-transform: uppercase;
  font-size: .8rem;
  margin-bottom: -1px; }

.main-menu-desktop ul li {
  margin-bottom: 0; }

.main-menu-desktop a:hover {
  color: #ffffff;
  background: #00a888; }

.main-menu-desktop .menu-item {
  position: relative; }

.main-menu-desktop .menu-item-has-children > a {
  padding-right: 2rem; }

.main-menu-desktop .menu-item-has-children > .sub-menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #f6f6f6;
  transition-duration: 0.4s;
  padding: 1rem;
  transform: translate(0px, 0px); }

.main-menu-desktop .menu-item-has-children:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translate(0px, 0px); }

.main-menu-desktop .menu-item-has-children > a:after {
  content: '';
  width: .4rem;
  height: .4rem;
  display: block;
  position: absolute;
  top: calc(50% - .4rem);
  right: .9rem;
  transform: rotate(45deg);
  border-bottom: 1px solid #2a2a2a;
  border-right: 1px solid #2a2a2a;
  opacity: .5; }

.main-menu-desktop .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0%;
  right: 100%; }

.main-menu-desktop .menu-item-has-children > .sub-menu > .menu-item-has-children:hover > .sub-menu {
  visibility: visible;
  opacity: 1; }

.main-menu-desktop .menu-item-has-children > .sub-menu .menu-item-has-children > a:after {
  display: none; }

.main-menu-desktop .sub-menu a {
  padding: .8rem 1.5rem;
  white-space: nowrap; }

@media (max-width: 767px) {
  .header-row {
    padding: 0 0 0 calc(3vw + 10px); }
  .main-menu-desktop {
    display: none; } }

/* Hamburger */
.hamburger {
  background: #ffffff;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  border: 0;
  margin: 0;
  padding: calc(3vw + 10px);
  z-index: 1000; }

.hamburger-inner {
  width: 32px;
  height: 24px;
  display: flex;
  position: relative;
  margin-top: -2px; }

.hamburger-top-bar,
.hamburger-middle-bar,
.hamburger-bottom-bar {
  position: absolute;
  background: #2a2a2a;
  width: 100%;
  height: 2px; }

.hamburger-top-bar {
  top: 0;
  transition: top 0.2s ease-in-out 0.2s, width 0s ease-in-out 0.2s, transform 0.2s ease-in-out 0s; }

.hamburger-middle-bar {
  opacity: 1;
  top: 50%;
  transition: opacity 0s ease-in-out 0.2s; }

.hamburger-bottom-bar {
  top: 100%;
  transition: top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s; }

.off-canvas-open .hamburger-top-bar {
  top: 50%;
  transform: rotate(45deg);
  transition: top 0.2s ease-in-out, width 0s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s; }

.off-canvas-open .hamburger-middle-bar {
  opacity: 0;
  transition: opacity 0s ease-in-out 0.2s; }

.off-canvas-open .hamburger-bottom-bar {
  top: 50%;
  transform: rotate(-45deg);
  transition: top 0.2s ease-in-out, transform 0.2s ease-in-out 0.2s; }

@media (max-width: 767px) {
  .hamburger {
    display: flex; } }

/* Off-canvas */
body.off-canvas-open {
  overflow: hidden; }

.off-canvas {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(-100vw);
  transition-duration: 0.4s;
  z-index: 2000;
  padding: calc(6vw + 20px + 22px) 0;
  overflow-y: scroll;
  scroll-behavior: smooth; }

.off-canvas-open .off-canvas {
  transform: translateX(0); }

.off-canvas-content {
  overflow-y: scroll; }

/* Main Menu Mobile */
.accordion-menu a {
  color: #2a2a2a;
  padding: .75rem 0;
  word-break: keep-all;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.accordion-menu .menu-item {
  position: relative; }

.accordion-menu .menu-item-has-children > .sub-menu {
  max-height: 0;
  overflow: hidden;
  transition-duration: 0.4s; }

.accordion-menu .menu-item-has-children > a:after {
  content: '';
  width: .4rem;
  height: .4rem;
  display: block;
  position: absolute;
  top: 1.25rem;
  right: .1rem;
  transform: rotate(45deg);
  border-bottom: 1px solid #2a2a2a;
  border-left: 1px solid #2a2a2a;
  opacity: .5;
  transition-duration: 0.4s; }

.accordion-menu .menu-item-has-children > a.active:after {
  right: .1rem;
  transform: rotate(-45deg); }

.accordion-menu .sub-menu {
  padding-left: 1rem; }

.accordion-menu .current-menu-item > a {
  color: #00a888; }

/* Footer */
.footer a:hover {
  text-decoration: underline; }

.footer-logo {
  width: 120px; }

.footer-logo img {
  filter: brightness(1000%); }

.footer-copyright {
  font-size: 0.85rem; }

.footer-copyright a {
  text-decoration: underline; }

.footer-padding {
  padding-top: 5rem;
  padding-bottom: 2.5rem; }

@media (max-width: 511px) {
  .footer-padding {
    padding-top: 2rem;
    padding-bottom: 5.5rem; }
  .footer-copyright {
    font-size: 0.8rem; } }

.footer-menu ul li {
  align-items: flex-start;
  word-break: keep-all;
  position: relative; }

.footer-list a {
  margin-bottom: 8px; }

.footer-social-icon svg {
  height: 15px;
  margin-right: 5px;
  margin-top: 0.5rem; }

/* Global */
.background-white-alpha-1 {
  background: rgba(255, 255, 255, 0.2); }

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

.overflow-hidden {
  overflow: hidden; }

.custom-grid {
  width: 100%;
  height: 700px;
  display: grid;
  grid-template-columns: repeat(3, 25fr);
  grid-template-rows: repeat(4, 25fr);
  margin-bottom: 30px;
  grid-gap: 1px; }

.grid-item {
  background-color: silver;
  outline: 1px solid gray;
  /* The outline creates the border */
  text-align: center;
  position: relative;
  z-index: 1;
  /* original z-index */ }

/* If you want to change the color on the hover state */
.grid-item:hover {
  outline: 1px solid red;
  z-index: 2;
  /* You must apply a z-index bigger than the original z-index or else some parts of the outline will be behind other grid elements */ }

a {
  cursor: pointer; }

img {
  height: auto; }

.wp-block-video {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

.hero-image-small {
  width: 100%;
  padding-top: 45%;
  position: relative;
  margin-top: 2rem; }

.hero-image-small img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover; }

.page-heading {
  margin-bottom: 5rem; }

.project-informtion {
  display: flex;
  flex-direction: column; }

@media (max-width: 511px) {
  .project-informtion {
    margin-bottom: 2rem; }
  .project-informtion:last-child {
    margin-bottom: 1rem; } }

.project-number {
  font-size: 1.3rem;
  line-height: 1.1; }

.project-text {
  font-size: .8rem; }

@media (max-width: 511px) {
  .project-number {
    font-size: 1rem; } }

@media (max-width: 319px) {
  .project-number {
    font-size: 1.2rem; }
  .project-number-container {
    flex-direction: column; } }

/* Modal */
.modal {
  display: none; }

.modal.is-open {
  display: block; }

.modal-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 9999999999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); }

/* Modal Content */
.modal-content {
  background-color: #ffffff;
  max-width: 900px;
  width: 90%;
  min-height: calc(55vh + 20px);
  padding: 5px; }

.modal-content iframe {
  transition-duration: .9s;
  min-height: 50vh;
  width: 100%; }

.close {
  color: #ffffff;
  padding: 6px 12px;
  background: #00a888;
  font-size: .9rem;
  text-transform: uppercase; }

.close:hover {
  color: #ffffff; }

.fluentform .ff-el-form-hide_label > .ff-el-input--label {
  display: none; }

/* New For Moby */
ul li {
  margin-bottom: .6rem; }

ul li:last-child {
  margin-bottom: 0; }

.section-padding {
  padding: 2rem 2rem 0rem 2rem;
  margin-bottom: 2rem; }

@media (max-width: 1023px) {
  .section-padding {
    padding: 1.5rem 1.5rem 0rem 1.5rem;
    margin-bottom: 1.5rem; } }

@media (max-width: 767px) {
  .section-padding {
    padding: 15px 15px 0px 15px;
    margin-bottom: 15px; } }

.bouncing-chevron-container {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
  letter-spacing: 1px;
  font-weight: 600;
  padding: 1rem 2rem 2rem 2rem;
  border-left: 1px rgba(255, 255, 255, 0.4) solid;
  border-right: 1px rgba(255, 255, 255, 0.4) solid;
  color: rgba(255, 255, 255, 0.7);
  transition-duration: 0.4s; }

.bouncing-chevron-container path {
  fill: rgba(255, 255, 255, 0.7);
  transition-duration: 0.4s; }

.bouncing-chevron-container:hover,
.bouncing-chevron-container:hover path {
  color: white;
  fill: white;
  border-color: white; }

@media (max-width: 511px) {
  .bouncing-chevron-container {
    bottom: 10px; } }

.bouncing-chevron {
  width: 30px; }

.bounce {
  animation: bounce 3s;
  animation-iteration-count: infinite; }

@keyframes bounce {
  0%,
  25%,
  50%,
  75%,
  100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-14px); }
  60% {
    transform: translateY(-12px); } }

.jobba-hos-oss-hero-height {
  min-height: 85vh; }

.quote-svg {
  position: absolute;
  top: -7rem;
  left: -2rem;
  min-width: 12rem;
  min-height: 12rem;
  opacity: .1; }

.referens-namn {
  padding-left: 3rem;
  position: relative;
  font-weight: 700;
  font-size: .9rem; }

.referens-namn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 2.5rem;
  background: #ffffff; }

/* Front Page */
.hero-image-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center; }

.news-wrapper {
  grid-gap: 1px; }

.news-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.5rem;
  outline: 1px solid #cccccc;
  position: relative;
  z-index: 1;
  /* original z-index */ }

.news-item:hover {
  background: #f6f6f6;
  z-index: 2; }

.news-date {
  color: #ffffff;
  background: #00a888;
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 0.8rem; }

@media (max-width: 767px) {
  .news-item {
    padding: 1.5rem; } }

.policy-logo {
  max-width: 250px;
  margin-top: 3rem; }

.policy-list li {
  margin-bottom: 0.7rem; }

.policy-list li:last-child {
  margin-bottom: 0; }

/* Moby */
.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition-duration: 0.4s; }

.play-icon:hover {
  transform: translate(-50%, -50%) scale(1.05); }

.play-icon-wrapper {
  line-height: 1.25; }

.about-video a {
  border: none; }

.video-container,
.video-container img {
  height: 100% !important; }

.hide-play-button {
  display: none; }

/* Moby */
/* Process */
.process-meta {
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-top: 10px;
  letter-spacing: 1px;
  opacity: 0.6; }

.process-description {
  order: 6;
  max-width: 1024px;
  margin-left: 70px;
  margin-bottom: 50px; }

.process-section h2 {
  margin-left: 70px;
  margin-bottom: 1em; }

.process-section .process-items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  position: relative; }

.process-section .process-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 300px;
  padding: 80px 10px 10px 10px;
  color: #ffffff;
  position: relative;
  width: 20%;
  transition-duration: 0.25s;
  background-position: center center !important;
  background-size: cover !important; }

.process-section .process-item h4 {
  text-align: center; }

.process-section .process-item svg {
  width: 120px; }

.process-section .process-item > div {
  background: #ffffff;
  width: 1px;
  margin-bottom: 20px;
  transition-duration: 0.25s; }

.process-section .process-item:nth-child(1) {
  order: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.4) 100%), url("https://mobyab.se/wp-content/uploads/design-moko-768x512.jpg"); }

.process-section .process-item:nth-child(1) > div {
  height: 45px; }

.process-section .process-item:nth-child(1):hover > div {
  height: 60px; }

.process-section .process-item:nth-child(2) {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.4) 100%), url("https://mobyab.se/wp-content/uploads/produktion-sibs-768x432.jpg");
  order: 2; }

.process-section .process-item:nth-child(2) > div {
  height: 50px; }

.process-section .process-item:nth-child(2):hover > div {
  height: 65px; }

.process-section .process-item:nth-child(3) {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.4) 100%), url("https://mobyab.se/wp-content/uploads/logistik-frontlog-576x768.jpg");
  order: 3; }

.process-section .process-item:nth-child(3) > div {
  height: 50px; }

.process-section .process-item:nth-child(3):hover > div {
  height: 65px; }

.process-section .process-item:nth-child(3) svg {
  width: 140px; }

.process-section .process-item:nth-child(4) {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.4) 100%), url("https://mobyab.se/wp-content/uploads/konstruktion-moby-512x768.jpg");
  order: 4; }

.process-section .process-item:nth-child(4) > div {
  height: 45px; }

.process-section .process-item:nth-child(4):hover > div {
  height: 60px; }

.process-section .process-item:nth-child(5) {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.4) 100%), url("https://mobyab.se/wp-content/uploads/agarskap-ledning-sveaviken-768x512.jpg");
  order: 5; }

.process-section .process-item:nth-child(5) > div {
  height: 50px; }

.process-section .process-item:nth-child(5):hover > div {
  height: 65px; }

.process-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 40px;
  height: 40px;
  padding: 10px;
  background: #708090;
  border-radius: 100%; }

.process-arrow svg {
  width: 100%; }

.process-arrow-1 {
  top: calc(50% - 20px);
  left: calc(20% - 20px); }

.process-arrow-2 {
  top: calc(50% - 20px);
  left: calc(40% - 20px); }

.process-arrow-3 {
  top: calc(50% - 20px);
  left: calc(60% - 20px); }

.process-arrow-4 {
  top: calc(50% - 20px);
  left: calc(80% - 20px); }

@media (max-width: 1279px) {
  .process-section .process-item {
    width: 25%; }
  .process-arrow-1 {
    top: calc(25% - 20px);
    left: calc(25% - 20px); }
  .process-arrow-2 {
    top: calc(25% - 20px);
    left: calc(50% - 20px); }
  .process-arrow-3 {
    top: calc(25% - 20px);
    left: calc(75% - 20px); }
  .process-arrow-4 {
    top: calc(50% - 20px);
    left: calc(87.5% - 20px);
    transform: rotate(90deg); } }

@media (max-width: 1023px) {
  .process-section .process-item {
    width: 33.3%; }
  .process-section .process-item:nth-child(4) {
    order: 6; }
  .process-arrow-1 {
    top: calc(25% - 20px);
    left: calc(33.33% - 20px); }
  .process-arrow-2 {
    top: calc(25% - 20px);
    left: calc(66.66% - 20px); }
  .process-arrow-3 {
    top: calc(50% - 20px);
    left: calc(83.335% - 20px);
    transform: rotate(90deg); }
  .process-arrow-4 {
    top: calc(75% - 20px);
    left: calc(66.66% - 20px);
    transform: rotate(180deg); } }

@media (max-width: 767px) {
  .process-section .process-items {
    justify-content: flex-start; }
  .process-section h2 {
    margin-left: 0; }
  .process-description {
    margin-left: 0; }
  .welcome-section > div {
    flex-direction: column; }
  .welcome-section .welcome-section-left {
    width: 100%;
    margin-right: 0; }
  .welcome-section .welcome-section-right {
    width: 100%;
    margin-top: 70px; }
  .process-section .section-content {
    justify-content: flex-start; }
  .process-section .process-item {
    width: 50%; }
  .process-section .process-item:nth-child(3) {
    order: 4; }
  .process-section .process-item:nth-child(4) {
    order: 3; }
  .process-arrow-1 {
    top: calc(16.665% - 20px);
    left: calc(50% - 20px); }
  .process-arrow-2 {
    top: calc(33.33% - 20px);
    left: calc(75% - 20px);
    transform: rotate(90deg); }
  .process-arrow-3 {
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    transform: rotate(180deg); }
  .process-arrow-4 {
    top: calc(66.66% - 20px);
    left: calc(25% - 20px);
    transform: rotate(90deg); }
  .welcome-section-icon svg {
    transform: rotate(90deg);
    margin-top: 5px; } }

@media (max-width: 511px) {
  .process-description {
    column-count: 1; }
  .process-section .process-item {
    width: 100%; }
  .process-section .process-item:nth-child(3) {
    order: 3; }
  .process-section .process-item:nth-child(4) {
    order: 4; }
  .process-arrow-1 {
    top: calc(20% - 20px);
    left: calc(50% - 20px);
    transform: rotate(90deg); }
  .process-arrow-2 {
    top: calc(40% - 20px);
    left: calc(50% - 20px);
    transform: rotate(90deg); }
  .process-arrow-3 {
    top: calc(60% - 20px);
    left: calc(50% - 20px);
    transform: rotate(90deg); }
  .process-arrow-4 {
    top: calc(80% - 20px);
    left: calc(50% - 20px);
    transform: rotate(90deg); } }

/* Carousel */
.swiper-container {
  width: 100%;
  height: 100%; }

.swiper-button-prev-container {
  background-size: 100% auto;
  background-position: center;
  left: -45px; }

.swiper-button-prev {
  background-image: url(../img/arrow.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  left: -45px;
  outline: none; }

.swiper-button-prev:after {
  display: none; }

.swiper-button-next {
  background-image: url(../img/arrow.svg);
  background-repeat: norepeat;
  background-size: 100% auto;
  background-position: center;
  transform: rotate(180deg);
  right: -45px;
  outline: none; }

.swiper-button-prev svg,
.swiper-button-next svg {
  filter: brightness(5000) !important; }

.swiper-button-prev svg path,
.swiper-button-next svg path {
  fill: #fff !important; }

.swiper-button-prev img svg path,
.swiper-button-next img svg path {
  fill: #fff !important; }

.swiper-button-next:after {
  display: none; }

@media (max-width: 767px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none; } }

.slider-content {
  transition-delay: 2s; }

.carousel-antal-lagenheter {
  background: #00a888;
  color: #ffffff;
  font-size: 1rem;
  padding: 12px 20px; }

.swiper-slide {
  position: relative;
  min-height: 100%;
  overflow: hidden; }

.swiper-slide a {
  border: none; }

.swiper-slide-image {
  width: 100%;
  min-height: 60vh;
  position: relative; }

.swiper-slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }

.swiper-object-slide-image {
  width: 100%;
  height: 100%;
  padding-top: 25%;
  padding-bottom: 25%;
  position: relative; }

.swiper-object-slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }

@media (max-width: 1023px) {
  .swiper-object-slide-image {
    padding-top: 45%; } }

@media (max-width: 767px) {
  .swiper-object-slide-image {
    padding-top: 75%; } }

.swiper-pagination {
  position: absolute;
  bottom: 1.5rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

@media (max-width: 511px) {
  .swiper-pagination {
    bottom: 60px !important; } }

.objekt-theme-pagination {
  bottom: 35px; }

.swiper-pagination-bullet {
  margin: 0 3px;
  outline: none;
  width: 10px;
  height: 10px;
  border-radius: 500000px;
  transition-duration: 0.4s;
  background: transparent;
  border: 1px solid #ffffff;
  opacity: 1; }

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  background: #ffffff; }

@media (max-width: 511px) {
  .swiper-pagination-bullet {
    background: #ffffff;
    opacity: .7;
    margin: 0 3px; }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffffff;
    opacity: 1; } }

.carousel-cell-input-field {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 10px; }

@media (max-width: 767px) {
  .carousel-input-field-title {
    max-width: 120px; } }

.swiper-slide-prev,
.swiper-slide-next,
.swiper-slide-active,
.swiper-slide-active img,
.swiper-slide-prev img,
.swiper-slide-next img {
  transition-duration: .5s; }

.swiper-slide-prev img,
.swiper-slide-next img {
  filter: brightness(0.4); }

.swiper-slide-active {
  transform: scale(1.07);
  z-index: 5; }

/* Bostäder */
.projekt-card-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
  grid-row-gap: 6rem;
  margin-top: 2rem; }

@media (max-width: 767px) {
  .projekt-card-container {
    grid-template-columns: 1fr;
    grid-row-gap: 4rem;
    margin-top: 2rem; } }

.projekt-card {
  width: 100%;
  padding-top: 75%;
  position: relative; }

.projekt-card img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover; }

.project-card-text-container {
  margin-top: 2rem; }

.project-input-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

@media (max-width: 370px) {
  .project-input-container {
    flex-direction: column; } }

.project-input-field {
  display: flex;
  flex-direction: column; }

@media (max-width: 370px) {
  .project-input-field {
    margin-bottom: 1.2rem; }
  .project-input-field:last-child {
    margin-bottom: 0; } }

/* Objekt */
.object-hero-image {
  width: 100%;
  padding-top: 50%;
  position: relative; }

@media (max-width: 511px) {
  .object-hero-image {
    margin-top: 1.5rem;
    padding-top: 75%; } }

.object-hero-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover; }

.object-informtion-section {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 1.5rem;
  align-items: flex-start; }

@media (max-width: 767px) {
  .object-informtion-section {
    flex-direction: column; } }

.object-information-button {
  white-space: nowrap; }

.object-informtion-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  white-space: nowrap; }

@media (max-width: 511px) {
  .object-informtion-container {
    justify-content: space-between; } }

.object-informtion-wrap {
  display: flex;
  flex-direction: column;
  padding: 0px 6% 15px 0px; }

.object-informtion-wrap:last-child {
  padding-right: 0; }

.object-informtion-number-input {
  font-size: 1.3rem;
  line-height: 1.1; }

.object-informtion-title-input {
  font-size: .8rem;
  margin-top: 0px;
  width: 100%;
  flex-wrap: nowrap; }

.object-about-wrap {
  display: grid;
  grid-template-columns: 1fr 250px;
  gap: 6rem;
  justify-content: space-between; }

@media (max-width: 767px) {
  .object-about-wrap {
    grid-template-columns: 1fr;
    gap: 3rem; } }

.object-about-left-text-width {
  max-width: 600px; }

.object-about-right {
  display: flex;
  flex-direction: column; }

.object-about-right-div {
  margin-bottom: 2rem; }

.object-about-right-div:last-child {
  margin-bottom: 0; }

@media (max-width: 767px) {
  .object-about-right {
    order: 0; }
  .object-about-right-div {
    display: flex;
    flex-direction: column; }
  .object-about-right-button-arrow.arrow-button:before,
  .object-about-right-button-arrow.arrow-button:after {
    display: none; }
  .object-about-right-button-arrow.arrow-button {
    padding-right: 0;
    border-bottom: 1px solid transparent; }
  .object-about-right-button-arrow.arrow-button:hover {
    border-bottom: 1px solid #ffffff; } }

.object-about-right-div h4 {
  min-width: 115px;
  margin-bottom: 0; }

.object-3d-link {
  color: #ffffff;
  border-bottom: 1px solid transparent;
  transition-duration: .0s;
  text-transform: uppercase;
  cursor: pointer; }

.object-3d-link:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff; }
  @media (min-width: 511px) {
    .object-heading-top {
      display: none; } }
  @media (max-width: 511px) {
    .object-heading-bottom {
      display: none; } }

.show-more-button {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1.5rem 1.5rem;
  background: #00a888; }

.show-more-button .arrow-button {
  margin-top: 0; }

/* Lediga Lägenheter */
#homeq-web-widget * {
  font-family: inherit !important; }

#homeq-web-widget {
  color: #2a2a2a !important; }

#homeq-web-widget .widget-label {
  color: #21eac3;
  display: block;
  margin-bottom: 5px; }

#homeq-web-widget .homeq-select {
  color: #ffffff !important; }

#homeq-web-widget select {
  background-color: #00a888;
  border-color: #00a888 !important; }

#homeq-web-widget .rc-slider-rail {
  background-color: #00a888; }

#homeq-web-widget .rc-slider-track {
  background-color: #21eac3; }

#homeq-web-widget .rc-slider-handle {
  border: solid 2px #00a888;
  background-color: #00a888; }

#homeq-web-widget .homeq-card-cover,
#homeq-web-widget .homeq-card-image,
#homeq-web-widget .homeq-card-body {
  border-radius: 0; }

#homeq-web-widget .homeq-container-fluid > div:nth-child(1),
#homeq-web-widget .homeq-container-fluid > div:nth-child(2),
#homeq-web-widget .homeq-container-fluid > div:nth-child(3),
#homeq-web-widget .homeq-ad-tags {
  display: none; }

#homeq-web-widget .homeq-card-body {
  margin-top: 0.5rem;
  color: #2a2a2a; }

.homeq-list-card-body {
  display: none; }

/* FAQ */
.vardegrund-background-color {
  width: 100%;
  height: 100%;
  background: #00a888;
  opacity: .96;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.vardegrund-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 5rem; }

.vardegrund-grid-item-border {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: solid 1px rgba(255, 255, 255, 0.3); }

@media (max-width: 767px) {
  .vardegrund-grid {
    grid-template-columns: repeat(1, 1fr); }
  .vardegrund-grid-item-border {
    border: none;
    margin-top: 3rem;
    padding-top: 0; } }