@font-face {
  font-family: "Inter";
  src: url("../../fonts/Inter-VariableFont.woff2") format("woff2 supports variations"), url("../../fonts/Inter-VariableFont.woff2") format("woff2-variations"), url("/plenum4/fonts/Inter-VariableFont.woff2") format("woff2 supports variations"), url("/plenum4/fonts/Inter-VariableFont.woff2") format("woff2-variations");
  font-weight: 100 1000;
}
@font-face {
  font-family: "Bebas Neue";
  src: url("../../fonts/BebasNeue-Regular.woff2") format("woff2 supports variations"), url("../../fonts/BebasNeue-Regular.woff2") format("woff2-variations"), url("/plenum4/fonts/BebasNeue-Regular.woff2") format("woff2 supports variations"), url("/plenum4/fonts/BebasNeue-Regular.woff2") format("woff2-variations");
  font-weight: 400;
}
html {
  box-sizing: border-box;
  font-size: 100%;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
::-webkit-scrollbar {
  width: 8px;
}
/* Track */
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-2);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-3);
}
html,
body {
  margin: 0 auto;
  font-family: var(--font-default);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body {
  margin-top: var(--margin-top-sticky);
}
body main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
/*
body {
	transition: all 0.4s ease-in-out;
}*/
a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--color-2);
  text-decoration-thickness: 1px;
}
a:hover {
  text-decoration-thickness: 2px;
}
a.no-decoration {
  text-decoration: none;
}
a:hover:before {
  width: 40%;
  max-width: 28px;
  left: 100%;
  transform: translate3d(-100%, 50%, 0);
  height: 1.75px;
  background: var(--color-2);
}
a.no-decoration {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-default);
  font-weight: normal;
  margin: 7px auto;
}
h1 {
  font-size: var(--f-size-h1);
  line-height: 1.2;
}
@media (max-width: 1360px) {
  h1 {
    font-size: var(--f-size-h1-below-desktop);
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: var(--f-size-h1-mobile);
  }
}
h2 {
  font-size: var(--f-size-h2);
  line-height: 1.2;
}
@media (max-width: 1360px) {
  h2 {
    font-size: var(--f-size-h2-below-desktop);
  }
}
@media (max-width: 1024px) {
  h2 {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  h2 {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: var(--f-size-h2-mobile);
  }
}
h3 {
  font-size: var(--f-size-h3);
  line-height: 1.2;
}
@media (max-width: 1360px) {
  h3 {
    font-size: var(--f-size-h3-below-desktop);
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: var(--f-size-h3-mobile);
  }
}
h4 {
  font-size: 0.9rem;
  line-height: 1.2;
}
h5 {
  font-size: 0.8rem;
  line-height: 1.2;
}
hr {
  height: 1px;
  display: block;
  width: 100%;
  background: var(--color-4);
  border: 0;
  padding: 0;
  margin: 3.5px auto;
}
hr.primary {
  background: var(--color-1);
}
hr.secondary {
  background: var(--color-2);
}
p {
  font-size: inherit;
  line-height: inherit;
}
p.small {
  font-size: 0.8rem;
  line-height: 1;
}
details {
  margin-bottom: 0;
  padding: 0;
  position: relative;
  border-bottom: 1px solid var(--color-11);
  transition: none;
  max-height: 60px;
  overflow: hidden;
  /*&:last-of-type {
        border: 0;
    }*/
}
details.no-border {
  border: 0;
}
details summary {
  position: relative;
  list-style: none;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 600;
  cursor: pointer;
  padding: 14px 0;
}
details summary::marker {
  display: none;
}
details summary::-webkit-details-marker {
  display: none;
}
details[open] {
  max-height: 2000px;
  transition: all 0.4s ease-in-out;
}
details[open]:after {
  rotate: -90deg;
}
details[open] summary {
  margin-bottom: 14px;
}
details:after {
  content: "s";
  font-family: "plenum3" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 19.6px;
  right: 0;
  transition: all 0.1s ease-in-out;
  pointer-events: none;
  rotate: 90deg;
}
ol {
  counter-reset: item;
  padding: 0;
  margin: 0;
}
ol.boxed li:before {
  border: 1px solid var(--color-2);
  color: black;
  font-family: var(--font-display);
  padding: 3.5px 7px;
}
ol.boxed li > * {
  display: inline-block;
  margin-left: 14px;
}
ol.boxed li ul li {
  display: list-item;
  list-style: circle;
}
ol.boxed li ul li:before {
  content: none;
}
ol.lined li {
  margin: 7px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
ol li {
  display: block;
  margin: 14px 0;
  padding: 0;
}
ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  color: var(--color-1);
  font-weight: 400;
}
ol ol {
  counter-reset: item;
}
[v-cloak] {
  display: none !important;
}
@keyframes fade-in {
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes bump {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
input[type=text],
input[type=password],
input[type=date],
input[type=number] {
  -webkit-appearance: none;
  border: 1px solid var(--color-5);
  border-radius: var(--border-radius-half);
  box-shadow: none;
  font-size: 1rem;
  line-height: 1;
  font-family: var(--font-default);
}
input[type=submit],
input[type=button],
button,
.btn,
a.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid var(--color-6);
  border-radius: var(--border-radius-half);
  font-size: 1rem;
  line-height: 1.3rem;
  background: var(--color-6);
  color: white;
  padding: 10.5px 21px;
  color: black;
  outline: none;
  font-family: var(--ubuntu);
  font-weight: 300;
  display: inline-block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}
input[type=submit]:hover,
input[type=button]:hover,
button:hover,
.btn:hover,
a.btn:hover {
  background: var(--color-2);
  color: white;
  border: 1px solid var(--color-2);
}
input[type=submit]:disabled,
input[type=button]:disabled,
button:disabled,
.btn:disabled,
a.btn:disabled {
  color: rgba(0, 0, 0, 0.2);
}
input[type=submit].plenum,
input[type=button].plenum,
button.plenum,
.btn.plenum,
a.btn.plenum {
  z-index: 0;
}
input[type=submit].plenum:before,
input[type=button].plenum:before,
button.plenum:before,
.btn.plenum:before,
a.btn.plenum:before {
  content: '';
  width: 100%;
  height: 0%;
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transition: all 0.2s ease-in-out;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
  border-radius: 100%;
  padding: 50%;
}
input[type=submit].plenum[disabled],
input[type=button].plenum[disabled],
button.plenum[disabled],
.btn.plenum[disabled],
a.btn.plenum[disabled] {
  pointer-events: none;
}
input[type=submit].plenum:focus,
input[type=button].plenum:focus,
button.plenum:focus,
.btn.plenum:focus,
a.btn.plenum:focus {
  outline: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
}
input[type=submit].plenum.selected,
input[type=button].plenum.selected,
button.plenum.selected,
.btn.plenum.selected,
a.btn.plenum.selected {
  user-select: none;
}
input[type=submit].plenum.selected:before,
input[type=button].plenum.selected:before,
button.plenum.selected:before,
.btn.plenum.selected:before,
a.btn.plenum.selected:before {
  transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
  background: var(--plenum-color-success);
}
input[type=submit].plenum.selected:hover:before,
input[type=button].plenum.selected:hover:before,
button.plenum.selected:hover:before,
.btn.plenum.selected:hover:before,
a.btn.plenum.selected:hover:before {
  background: var(--plenum-color-success);
}
input[type=submit].plenum:hover,
input[type=button].plenum:hover,
button.plenum:hover,
.btn.plenum:hover,
a.btn.plenum:hover {
  color: black;
}
input[type=submit].plenum:hover:before,
input[type=button].plenum:hover:before,
button.plenum:hover:before,
.btn.plenum:hover:before,
a.btn.plenum:hover:before {
  transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
  background: var(--plenum-color-btn2);
}
input[type=submit].plenum.success:before,
input[type=button].plenum.success:before,
button.plenum.success:before,
.btn.plenum.success:before,
a.btn.plenum.success:before {
  background: var(--plenum-color-success);
}
input[type=submit].plenum.alert:before,
input[type=button].plenum.alert:before,
button.plenum.alert:before,
.btn.plenum.alert:before,
a.btn.plenum.alert:before {
  background: var(--plenum-light-red);
}
input[type=submit].small,
input[type=button].small,
button.small,
.btn.small,
a.btn.small {
  font-size: 0.8rem;
  padding: 2.1px;
}
input[type=submit].small i,
input[type=button].small i,
button.small i,
.btn.small i,
a.btn.small i {
  font-size: 0.8rem;
  line-height: 0.8;
  display: inline-block;
}
input[type=submit].medium,
input[type=button].medium,
button.medium,
.btn.medium,
a.btn.medium {
  font-size: 0.9rem;
  padding: 3.5px 7px;
}
input[type=submit].medium i,
input[type=button].medium i,
button.medium i,
.btn.medium i,
a.btn.medium i {
  font-size: 0.9rem;
  line-height: 0.8;
  display: inline-block;
}
input[type=submit].dark.dark,
input[type=button].dark.dark,
button.dark.dark,
.btn.dark.dark,
a.btn.dark.dark {
  background: var(--plenum-color-5);
  border: 1px solid var(--plenum-color-2);
  color: white;
}
input[type=submit].dark.dark:hover,
input[type=button].dark.dark:hover,
button.dark.dark:hover,
.btn.dark.dark:hover,
a.btn.dark.dark:hover {
  background: var(--plenum-color-2);
}
input[type=submit].ghost,
input[type=button].ghost,
button.ghost,
.btn.ghost,
a.btn.ghost {
  background: transparent;
  border: 1px solid var(--plenum-color-1);
  color: var(--plenum-color-1);
}
input[type=submit].ghost:hover,
input[type=button].ghost:hover,
button.ghost:hover,
.btn.ghost:hover,
a.btn.ghost:hover {
  background: var(--plenum-color-1);
  color: var(--plenum-color-2);
}
input[type=submit].ghost.color-2,
input[type=button].ghost.color-2,
button.ghost.color-2,
.btn.ghost.color-2,
a.btn.ghost.color-2 {
  border-color: var(--plenum-color-2);
  color: var(--plenum-color-2);
}
input[type=submit].ghost.color-3,
input[type=button].ghost.color-3,
button.ghost.color-3,
.btn.ghost.color-3,
a.btn.ghost.color-3 {
  border-color: var(--plenum-color-3);
  color: var(--plenum-color-3);
}
input[type=submit].ghost.color-4,
input[type=button].ghost.color-4,
button.ghost.color-4,
.btn.ghost.color-4,
a.btn.ghost.color-4 {
  border-color: var(--plenum-color-4);
  color: var(--plenum-color-4);
}
input[type=submit].ghost.color-5,
input[type=button].ghost.color-5,
button.ghost.color-5,
.btn.ghost.color-5,
a.btn.ghost.color-5 {
  border-color: var(--plenum-color-5);
  color: var(--plenum-color-5);
}
input[type=submit].toggable:before,
input[type=button].toggable:before,
button.toggable:before,
.btn.toggable:before,
a.btn.toggable:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: transparent;
  height: 0px;
  display: block;
  content: "";
  border-radius: 0 0 var(--plenum-border-radius) var(--plenum-border-radius);
  transition: all 0.2s ease-in-out;
}
input[type=submit].toggable.active:before,
input[type=button].toggable.active:before,
button.toggable.active:before,
.btn.toggable.active:before,
a.btn.toggable.active:before {
  background: var(--plenum-medium-green);
  height: 6px;
}
input[type=submit].circle .cirle,
input[type=button].circle .cirle,
button.circle .cirle,
.btn.circle .cirle,
a.btn.circle .cirle {
  border-radius: 100%;
  padding: 7px;
  position: relative;
  line-height: 0;
}
input[type=submit].circle .cirle i,
input[type=button].circle .cirle i,
button.circle .cirle i,
.btn.circle .cirle i,
a.btn.circle .cirle i {
  line-height: 0.8;
}
input[type=submit].transparent,
input[type=button].transparent,
button.transparent,
.btn.transparent,
a.btn.transparent {
  background: transparent;
  border: 0;
}
input[type=submit].ajax.loading,
input[type=button].ajax.loading,
button.ajax.loading,
.btn.ajax.loading,
a.btn.ajax.loading {
  border: 1px solid var(--color-6);
  background: var(--color-6);
  color: white;
}
input[type=submit].ajax.loading:after,
input[type=button].ajax.loading:after,
button.ajax.loading:after,
.btn.ajax.loading:after,
a.btn.ajax.loading:after {
  border: 2px solid rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 1em;
  width: 1em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 100%;
  border-left-color: transparent;
  border-top-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.15);
  animation: rotate 1s infinite;
}
[type="checkbox"] {
  position: absolute;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  /* CHECKBOX SWITCH */
}
[type="checkbox"] + label,
[type="checkbox"] + input[type=hidden] + label {
  position: relative;
  padding: 0 0 0 21px;
  cursor: pointer;
}
[type="checkbox"] + label:before,
[type="checkbox"] + input[type=hidden] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-4);
  background: white;
  border-radius: 0;
}
[type="checkbox"] + label:after,
[type="checkbox"] + input[type=hidden] + label:after {
  content: 'w';
  position: absolute;
  top: 1px;
  left: 1px;
  font-family: 'plenum3', sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: var(--color-2);
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[type="checkbox"]:not(:checked):focus + label:before,
[type="checkbox"]:not(:checked):focus + input[type=hidden] + label:before {
  border: 1px dotted var(--color-4);
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:not(:checked) + input[type=hidden] + label:after {
  opacity: 0;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:checked:focus + input[type=hidden] + label:before {
  border: 1px dotted var(--color-4);
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:checked + input[type=hidden] + label:before {
  background: white;
  border: 1px solid var(--color-3);
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:checked + input[type=hidden] + label:after {
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before,
[type="checkbox"]:disabled:not(:checked) + input[type=hidden] + label:before,
[type="checkbox"]:disabled:checked + input[type=hidden] + label:before {
  box-shadow: none;
  border-color: var(--color-1);
  background-color: var(--color-1);
}
[type="checkbox"]:disabled:checked + label:after,
[type="checkbox"]:disabled:checked + input[type=hidden] + label:after {
  color: var(--color-1);
}
[type="checkbox"]:disabled + label,
[type="checkbox"]:disabled + input[type=hidden] + label {
  color: var(--color-1);
}
[type="checkbox"].switch:empty + label,
[type="checkbox"].switch:empty + input[type=hidden] + label {
  position: relative;
  line-height: 1.4rem;
  text-indent: 1.6rem;
  display: inline-block;
  height: 1.4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[type="checkbox"].switch:empty + label:active,
[type="checkbox"].switch:empty + input[type=hidden] + label:active,
[type="checkbox"].switch:empty + label:focus,
[type="checkbox"].switch:empty + input[type=hidden] + label:focus,
[type="checkbox"].switch:empty + label:hover,
[type="checkbox"].switch:empty + input[type=hidden] + label:hover {
  outline: 0;
  border: 0;
}
[type="checkbox"].switch:empty + label:active:before,
[type="checkbox"].switch:empty + input[type=hidden] + label:active:before,
[type="checkbox"].switch:empty + label:focus:before,
[type="checkbox"].switch:empty + input[type=hidden] + label:focus:before,
[type="checkbox"].switch:empty + label:hover:before,
[type="checkbox"].switch:empty + input[type=hidden] + label:hover:before {
  border: 1px solid var(--color-2) !important;
}
[type="checkbox"].switch:empty + label:focus:before,
[type="checkbox"].switch:empty + input[type=hidden] + label:focus:before {
  box-shadow: 0 0 10px var(--color-2);
}
[type="checkbox"].switch:empty + label:before,
[type="checkbox"].switch:empty + input[type=hidden] + label:before,
[type="checkbox"].switch:empty + label:after,
[type="checkbox"].switch:empty + input[type=hidden] + label:after {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.4rem;
  background-color: var(--color-3);
  border-radius: 1.8rem;
  margin: 0;
  opacity: 1;
  height: 100%;
  border: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: all 50ms ease-in-out;
  -moz-transition: all 50ms ease-in-out;
  -o-transition: all 50ms ease-in-out;
  transition: all 50ms ease-in-out;
}
[type="checkbox"].switch:empty + label:after,
[type="checkbox"].switch:empty + input[type=hidden] + label:after {
  width: 1.3rem;
  top: 0;
  bottom: 0;
  margin-left: 0;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}
[type="checkbox"].switch:checked + label:before,
[type="checkbox"].switch:checked + input[type=hidden] + label:before {
  background-color: var(--color-2);
}
[type="checkbox"].switch:checked + label:after,
[type="checkbox"].switch:checked + input[type=hidden] + label:after {
  margin-left: 1.2rem;
}
[type="radio"].radio:not(:checked),
[type="radio"].radio:checked {
  position: relative;
  width: 0;
  height: 0;
  display: none;
}
[type="radio"].radio:not(:checked) + label,
[type="radio"].radio:checked + label,
[type="radio"].radio:not(:checked) + input[type=hidden] + label,
[type="radio"].radio:checked + input[type=hidden] + label {
  position: relative;
  padding: 0 0 0 21px;
  cursor: pointer;
}
[type="radio"].radio:not(:checked) + label:before,
[type="radio"].radio:checked + label:before,
[type="radio"].radio:not(:checked) + input[type=hidden] + label:before,
[type="radio"].radio:checked + input[type=hidden] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16.8px;
  height: 16.8px;
  border: 1px solid var(--color-4);
  background: white;
  border-radius: 100%;
}
[type="radio"].radio:not(:checked) + label:after,
[type="radio"].radio:checked + label:after,
[type="radio"].radio:not(:checked) + input[type=hidden] + label:after,
[type="radio"].radio:checked + input[type=hidden] + label:after {
  content: '';
  position: absolute;
  width: 8.4px;
  height: 8.4px;
  background: var(--color-1);
  border-radius: 100%;
  top: 4.2px;
  left: 4.2px;
  font-family: 'plenum3', sans-serif;
  font-size: 1rem;
  color: var(--color-2);
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[type="radio"].radio:not(:checked):focus + label:before,
[type="radio"].radio:not(:checked):focus + input[type=hidden] + label:before {
  border: 1px dotted var(--color-4);
}
[type="radio"].radio:not(:checked) + label:after,
[type="radio"].radio:not(:checked) + input[type=hidden] + label:after {
  opacity: 0;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type="radio"].radio:checked:focus + label:before,
[type="radio"].radio:checked:focus + input[type=hidden] + label:before {
  border: 1px dotted var(--color-4);
}
[type="radio"].radio:checked + label:before,
[type="radio"].radio:checked + input[type=hidden] + label:before {
  background: white;
  border: 1px solid var(--color-3);
}
[type="radio"].radio:checked + label:after,
[type="radio"].radio:checked + input[type=hidden] + label:after {
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
[type="radio"].radio:disabled:not(:checked) + label:before,
[type="radio"].radio:disabled:checked + label:before,
[type="radio"].radio:disabled:not(:checked) + input[type=hidden] + label:before,
[type="radio"].radio:disabled:checked + input[type=hidden] + label:before {
  box-shadow: none;
  border-color: var(--color-1);
  background-color: var(--color-1);
}
[type="radio"].radio:disabled:checked + label:after,
[type="radio"].radio:disabled:checked + input[type=hidden] + label:after {
  color: var(--color-1);
}
[type="radio"].radio:disabled + label,
[type="radio"].radio:disabled + input[type=hidden] + label {
  color: var(--color-1);
}
.password-wrapper {
  position: relative;
}
.password-wrapper input[type='password'] ~ .pw-visibility:before {
  content: "\48";
}
.password-wrapper input[type='text'] ~ .pw-visibility:before {
  content: "\49";
}
.password-wrapper input ~ .pw-visibility {
  position: absolute;
  right: 3.5px;
  top: 3.5px;
  background: transparent;
  padding: 4px;
  margin: 0;
  border: 0;
  color: var(--color-1);
}
.password-wrapper input ~ .pw-visibility:hover:before {
  color: var(--color-2);
}
.password-wrapper input ~ .pw-visibility:before {
  color: var(--color-4);
  font-size: 1rem;
  line-height: 1;
  font-family: 'plenum3', sans-serif;
  pointer-events: auto;
  cursor: pointer;
}
#login-form {
  border: 1px solid var(--color-3);
  margin-bottom: 28px;
  max-width: 400px;
  width: 100%;
  margin: 28px auto;
}
#login-form .form-group {
  border-bottom: 1px solid var(--color-4);
}
#login-form .form-group:last-of-type {
  padding: 7px;
}
#login-form .form-group label {
  font-family: var(--font-default);
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 3.5px;
  display: inline-block;
  padding: 7px 7px 0 7px;
}
#login-form .form-group input {
  width: 100%;
  padding: 7px;
}
#login-form .form-group .submit {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
#login-form .form-group .checkbox label {
  padding: 1.4px 0 0 14px;
  margin: 0;
}
body.nav-active {
  overflow: hidden;
}
body.nav-active:after {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  filter: blur(5px);
}
body.nav-active #topbanner nav .mobile-wrapper {
  translate: 0 0 0;
}
#topbanner {
  position: sticky;
  top: 0;
  margin: 0 auto;
  width: 100%;
  display: flex;
  z-index: 11;
  transition: all 0.4s ease-in-out;
  background: rgba(0, 0, 0, 0.45);
  background: linear-gradient(120deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.65));
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.65);
  transition: background 0.4s ease-in-out;
  /*&:after {
        content: "";
        height: 1px;
        width: 100%;
        position: relative;
        display: block;
        background: var(--color-1);
        pointer-events: none;
        z-index: -1;
    }*/
}
#topbanner.sticky,
#topbanner.sticky-static {
  background: rgba(0, 0, 0, 0.85);
}
#topbanner.sticky #logo-wrapper #logo #mm-logo,
#topbanner.sticky-static #logo-wrapper #logo #mm-logo {
  fill: black;
}
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active {
  background: white;
}
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active input,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active input,
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active label,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active label {
  color: black;
  display: block;
  width: 100%;
}
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active input:-webkit-autofill,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active input:-webkit-autofill,
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active label:-webkit-autofill,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active label:-webkit-autofill,
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active input:-webkit-autofill:hover,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active input:-webkit-autofill:hover,
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active label:-webkit-autofill:hover,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active label:-webkit-autofill:hover,
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active input:-webkit-autofill:focus,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active input:-webkit-autofill:focus,
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active label:-webkit-autofill:focus,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active label:-webkit-autofill:focus,
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active input:-webkit-autofill:active,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active input:-webkit-autofill:active,
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active label:-webkit-autofill:active,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active label:-webkit-autofill:active {
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: black !important;
  -webkit-box-shadow: none;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  transition: all 0s 50000s;
  background: transparent;
}
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active input[data-autocompleted],
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active input[data-autocompleted],
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active label[data-autocompleted],
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active label[data-autocompleted] {
  background-color: transparent !important;
  font-size: 1rem;
}
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active input[type=text],
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active input[type=text],
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper .login-block.active input[type=password],
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper .login-block.active input[type=password] {
  border-bottom: 1px solid var(--color-5);
}
#topbanner.sticky .quickmenu .quickmenu-inner .login-wrapper a,
#topbanner.sticky-static .quickmenu .quickmenu-inner .login-wrapper a {
  color: black;
}
#topbanner #logo-wrapper {
  padding: 7px 14px;
  width: 100%;
  max-width: var(--max-px-width);
  margin: 0 auto;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  #topbanner #logo-wrapper {
    padding: 7px 0;
    flex-wrap: wrap;
  }
}
#topbanner #logo-wrapper .mob-nav-link {
  display: none;
  padding: 0;
  margin: auto 0;
  height: 32px;
  width: 28px;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-basis: auto;
  flex-basis: auto;
  display: block;
  margin-right: 7px;
  position: relative;
}
@media (max-width: 1024px) {
  #topbanner #logo-wrapper .mob-nav-link {
    margin: auto 14px;
  }
}
#topbanner #logo-wrapper .mob-nav-link:before,
#topbanner #logo-wrapper .mob-nav-link:after {
  display: none;
}
#topbanner #logo-wrapper .mob-nav-link span.stripe {
  display: block;
  position: absolute;
  height: 3px;
  background: var(--color-10);
  width: 100%;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transition: all 0.2s ease-in-out;
}
#topbanner #logo-wrapper .mob-nav-link span.stripe:first-child {
  transform: translate3d(0, -350%, 0);
}
#topbanner #logo-wrapper .mob-nav-link span.stripe:last-child {
  transform: translate3d(0, 250%, 0);
}
#topbanner #logo-wrapper a {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: auto;
}
#topbanner #logo-wrapper a.mob-mypage-link {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-basis: auto;
  flex-basis: auto;
  width: auto;
  color: var(--color-1);
  padding: 7px;
  font-size: 1.94rem;
  line-height: 0.8;
  display: none;
  display: block;
}
#topbanner #logo-wrapper a.mob-mypage-link i {
  display: inline-block;
  line-height: 0.8;
}
#topbanner #logo-wrapper #logo {
  margin-right: auto;
  padding: 7px;
  font-size: 2rem;
  text-decoration: none;
  color: var(--color-10);
}
@media (max-width: 767px) {
  #topbanner #logo-wrapper #logo {
    margin-right: 78px;
  }
}
#topbanner #logo-wrapper #logo #mm-logo {
  width: 100%;
  max-height: 26px;
  fill: white;
}
#topbanner #logo-wrapper #logo img {
  width: 320px;
}
@media (max-width: 1024px) {
  #topbanner #logo-wrapper #logo img {
    max-width: 80%;
    margin: 0 auto;
  }
}
#topbanner .quickmenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  #topbanner .quickmenu {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
#topbanner .quickmenu::-webkit-scrollbar {
  height: 2px;
}
#topbanner .quickmenu .quickmenu-inner {
  position: relative;
  width: 100%;
  max-width: var(--max-px-width);
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 0 14px;
  gap: 14px;
  /*            @media @mobile {
                padding: 0;
            }*/
}
#topbanner .quickmenu .quickmenu-inner ul {
  list-style: none;
  display: flex;
  padding: 0;
  gap: 14px;
  margin: 0;
  width: 100%;
  max-width: var(--max-px-width);
}
#topbanner .quickmenu .quickmenu-inner ul li a {
  text-decoration: none;
  white-space: nowrap;
  font-size: 2rem;
  font-family: var(--font-display);
  text-transform: uppercase;
  color: white;
  padding: 7px 0;
}
@media (max-width: 767px) {
  #topbanner .quickmenu .quickmenu-inner ul li a {
    font-size: 0.8rem;
    font-family: var(--font-default);
    text-transform: none;
  }
}
#topbanner .quickmenu .quickmenu-inner ul li a:hover {
  color: var(--color-10);
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper {
  margin-left: auto;
}
@media (max-width: 767px) {
  #topbanner .quickmenu .quickmenu-inner .login-wrapper {
    display: none;
  }
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper a {
  color: white;
  font-size: 0.9rem;
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper a.forgotpw-btn {
  font-size: 0.78rem;
  font-weight: 500;
  margin-bottom: 3.64px;
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper a.log-out {
  white-space: nowrap;
  padding: 7px 0;
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-link {
  white-space: nowrap;
  padding: 7px 0;
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  min-width: 260px;
  max-width: 300px;
  height: auto;
  border: 1px solid transparent;
  border-top-width: 0;
  translate: 0% 100% 0;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  backdrop-filter: blur(0px);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block.active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 80%);
  backdrop-filter: blur(3px);
  border-color: rgba(255, 255, 255, 0.4);
  display: block;
  max-height: 1000px;
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block form,
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block > div {
  position: relative;
  padding: 14px;
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block form label,
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block > div label {
  color: white;
  font-size: 0.78rem;
  font-weight: 500;
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block form input,
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block > div input {
  display: block;
  -webkit-appearance: none;
  appearance: none;
  margin: 7px 0;
  background: transparent;
  border-bottom: 1px solid white;
  color: white;
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block form input:-webkit-autofill,
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block > div input:-webkit-autofill,
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block form input:-webkit-autofill:hover,
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block > div input:-webkit-autofill:hover,
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block form input:-webkit-autofill:focus,
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block > div input:-webkit-autofill:focus,
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block form input:-webkit-autofill:active,
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block > div input:-webkit-autofill:active {
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: var(--color-5) !important;
  -webkit-box-shadow: none;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  transition: all 0s 50000s;
  background: transparent;
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block form input[data-autocompleted],
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block > div input[data-autocompleted] {
  background-color: transparent !important;
  font-size: 1rem;
}
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block form button[type=submit],
#topbanner .quickmenu .quickmenu-inner .login-wrapper .login-block > div button[type=submit] {
  width: 100%;
  margin-top: 7px;
}
#topbanner a {
  margin: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
@media (max-width: 1024px) {
  #topbanner a {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
}
#topbanner a:before {
  display: none;
}
#topbanner a.banner {
  margin-bottom: 10.5px;
  display: block;
}
@media (max-width: 767px) {
  #topbanner a.banner {
    padding: 0;
    font-size: 0;
  }
}
#topbanner img {
  max-width: 100%;
}
#topbanner nav {
  margin: 0 0 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
#topbanner nav .mobile-wrapper {
  position: inherit;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  /*width: 100%;*/
  display: block;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  transition: translate 0.4s ease-in-out;
  translate: -100% 0 0;
  position: fixed;
  top: 0;
  left: 0;
  height: calc(100vh - 1px);
  width: 380px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: linear-gradient(125deg, var(--color-10), var(--color-3));
  padding-bottom: 150px;
  box-shadow: var(--dark-shadow);
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}
#topbanner nav .mobile-wrapper #close-nav {
  display: none;
  position: absolute;
  top: 14px;
  right: 7px;
  padding: 7px;
  color: var(--color-5);
  font-size: 1.4rem;
  display: block;
  z-index: 2;
}
#topbanner nav .mobile-wrapper #searchbar {
  width: 20%;
  margin-left: auto;
  width: 100%;
  padding: 42px 21px 14px 21px;
  color: white;
  order: -1;
}
#topbanner nav .mobile-wrapper #searchbar label {
  margin-right: 14px;
}
#topbanner nav .mobile-wrapper #searchbar input[type='text'] {
  background: inherit;
  border-bottom: 1px solid white;
  min-width: 0;
  width: 100%;
  color: white;
  font-size: 1.4rem;
}
#topbanner nav .mobile-wrapper #searchbar input[type='submit'] {
  font-family: "general-icons" !important;
  font-size: 1.4rem;
  line-height: 1.4;
  border: 0;
  background: none;
  color: white;
  -webkit-appearance: none;
  transition: all 0.2s ease-in-out;
  padding: 0;
  box-shadow: none;
  display: inline-block;
}
#topbanner nav .mobile-wrapper .login-wrapper {
  display: none;
  width: 100%;
  border-bottom: 1px solid var(--color-5);
}
@media (max-width: 767px) {
  #topbanner nav .mobile-wrapper .login-wrapper {
    display: block;
    margin-top: 60px;
  }
}
#topbanner nav .mobile-wrapper .login-wrapper a {
  padding: 14px 21px;
  font-size: 1.2rem;
  font-weight: 200;
}
#topbanner nav .mobile-wrapper .login-wrapper .login-block {
  display: none;
  padding: 0 21px 14px 21px;
}
#topbanner nav .mobile-wrapper .login-wrapper .login-block label,
#topbanner nav .mobile-wrapper .login-wrapper .login-block input {
  display: block;
  width: 100%;
  margin: 7px 0;
}
#topbanner nav .mobile-wrapper .login-wrapper .login-block input {
  -webkit-appearance: none;
  appearance: none;
}
#topbanner nav .mobile-wrapper .login-wrapper .login-block input:-webkit-autofill,
#topbanner nav .mobile-wrapper .login-wrapper .login-block input:-webkit-autofill:hover,
#topbanner nav .mobile-wrapper .login-wrapper .login-block input:-webkit-autofill:focus,
#topbanner nav .mobile-wrapper .login-wrapper .login-block input:-webkit-autofill:active {
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: black !important;
  -webkit-box-shadow: none;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  transition: all 0s 50000s;
  background: transparent;
}
#topbanner nav .mobile-wrapper .login-wrapper .login-block input[data-autocompleted] {
  background-color: transparent !important;
  font-size: 1rem;
}
#topbanner nav .mobile-wrapper .login-wrapper .login-block.active {
  display: block;
}
#topbanner nav .mobile-wrapper > ul {
  margin: 60px 0 0 0;
}
@media (max-width: 767px) {
  #topbanner nav .mobile-wrapper > ul {
    margin: 0;
  }
}
#topbanner nav ul {
  padding: 0;
  margin: 0;
  position: static;
  width: auto;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  z-index: 10;
  width: 100%;
  display: block;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#topbanner nav ul.box-nav {
  width: 20%;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}
#topbanner nav ul li {
  margin: 3.5px 0;
  padding: 3.5px 0;
  position: static;
  list-style: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  display: block;
  /*&:first-of-type {
                    @media @tablet {
                        order: 99;
                    }
                }*/
}
#topbanner nav ul li.active ul,
#topbanner nav ul li.active .wrapper {
  display: block;
  width: 100vw;
  max-width: calc(var(--max-px-width) - 14px*4);
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
#topbanner nav ul li.active ul li a,
#topbanner nav ul li.active .wrapper li a {
  /*@media @tablet {*/
  text-align: left;
  padding: 7px;
  font-size: 1rem;
  /*}*/
}
#topbanner nav ul li.active ul li a + ul,
#topbanner nav ul li.active .wrapper li a + ul {
  width: auto;
  column-count: auto;
}
#topbanner nav ul li.active ul li a + ul li,
#topbanner nav ul li.active .wrapper li a + ul li {
  /*@media @tablet {*/
  border-bottom: 0;
  /*}*/
}
#topbanner nav ul li.active ul li a + ul li a,
#topbanner nav ul li.active .wrapper li a + ul li a {
  /*@media @tablet {*/
  font-size: 1rem;
  /*}*/
}
#topbanner nav ul li a {
  margin: 0;
  padding: 3.5px 21px;
  font-family: var(--font-default);
  color: black;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  justify-content: left;
  white-space: nowrap;
  font-size: 1.4rem;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
}
#topbanner nav ul li a:before {
  display: none;
}
#topbanner nav ul li a ~ ul {
  /*display: none;
                        position: absolute;
                        top: 100%;
                        left: 50%;
                        transform: translate3d(-50%, 0, 0);
                        background: white;
                        border-left: 1px solid var(--border-color);
                        border-right: 1px solid var(--border-color);
                        border-bottom: 1px solid var(--border-color);*/
}
#topbanner nav ul li a ~ ul li {
  display: block;
  padding: 0;
  padding-left: 7px;
  margin: 0;
  background: transparent;
}
#topbanner nav ul li a ~ ul li:before {
  content: "";
  position: relative;
  width: calc(100% - 14px*2);
  height: 0.5px;
  background: var(--color-3);
  display: block;
  margin-left: 14px;
}
#topbanner nav ul li a ~ ul li:hover:before {
  display: block;
}
#topbanner nav ul li a ~ ul li a {
  font-weight: 300;
  text-transform: none;
}
#topbanner nav ul li a ~ ul li ul {
  position: relative;
  padding-left: 7px;
  color: var(--color-1);
  box-shadow: none;
}
#topbanner nav ul li a ~ ul li ul li {
  background: white;
}
#topbanner nav ul li a ~ ul li ul li a {
  color: var(--color-1);
}
#topbanner nav ul li > a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 0;
  height: 4px;
  background: var(--color-2);
}
#topbanner nav ul li ul {
  position: relative;
  display: block;
}
#topbanner nav ul li ul li {
  display: block;
}
#topbanner nav ul li .wrapper {
  position: absolute;
  display: none;
  width: 100%;
  max-width: var(--max-px-width);
  margin: 0 auto;
  padding: 14px 0;
  background: white;
  top: 100%;
  left: 0;
  border-bottom: 1px solid var(--border-color);
}
@media (max-width: 1024px) {
  #topbanner nav ul li .wrapper {
    display: block;
    position: relative;
    padding: 0;
  }
}
@media (max-width: 1024px) {
  #topbanner nav ul li .wrapper {
    top: auto;
    border-bottom: 0;
    border-top: 1px solid var(--border-color);
  }
}
#topbanner nav ul li .wrapper > ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  /* Fjerner flex for � sjekke om meny ser bedre ut slik */
  display: block;
  column-count: 3;
}
@media (max-width: 1024px) {
  #topbanner nav ul li .wrapper > ul {
    display: block;
    column-count: 1;
  }
}
#topbanner nav ul li .wrapper > ul > li {
  margin: 0;
  padding: 0 28px;
  position: relative;
}
@media (max-width: 1024px) {
  #topbanner nav ul li .wrapper > ul > li {
    width: 100%;
    padding: 0;
  }
}
#topbanner nav ul li .wrapper > ul > li:last-of-type:after {
  display: none;
}
#topbanner nav ul li .wrapper > ul > li:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: var(--border-color);
}
@media (max-width: 1024px) {
  #topbanner nav ul li .wrapper > ul > li:after {
    display: none;
  }
}
#topbanner nav ul li .wrapper > ul > li > a {
  font-size: 1.1rem;
}
@media (max-width: 1024px) {
  #topbanner nav ul li .wrapper > ul > li > a {
    font-size: 1rem;
  }
}
#topbanner nav ul li .wrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  transform: none;
  top: auto;
  left: auto;
  page-break-inside: avoid;
}
@media (max-width: 1024px) {
  #topbanner nav ul li .wrapper ul {
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%;
    border: 0;
  }
}
#topbanner nav ul li .wrapper ul li {
  display: block;
  position: relative;
  page-break-inside: avoid;
}
#topbanner nav ul li .wrapper ul li a {
  display: block;
  padding: 7px 0;
}
@media (max-width: 767px) {
  #topbanner nav ul li .wrapper ul li a {
    padding: 7px 14px;
  }
}
#topbanner nav ul li .wrapper ul li a:before {
  display: none;
}
#topbanner nav ul li .wrapper ul li a ~ ul {
  column-count: 2;
  border: 0;
}
.btn {
  background: var(--color-2);
  color: white;
}
.btn .cirle {
  border-radius: 100%;
  padding: 7px;
  position: relative;
  line-height: 0;
}
.btn .cirle i {
  line-height: 0.8;
}
.wrapper {
  padding: 0 7px;
  max-width: var(--max-px-width);
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .wrapper {
    padding: 0 14px;
  }
}
.bg-dots {
  background: url("../../Content/gfx/dots.svg") repeat top left;
  background-size: 40px 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: radial-gradient(ellipse at bottom, transparent 40%, black);
  mask-image: radial-gradient(ellipse at bottom, transparency 40%, black);
}
.bg-dots svg {
  fill: white;
}
.bg-bars {
  background: url("../../Content/gfx/bars.svg") no-repeat top center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 10%;
  /*-webkit-mask-image: radial-gradient(ellipse at bottom, transparent 40%, black);
    mask-image: radial-gradient(ellipse at bottom, transparency 40%, black);*/
}
.employee-image {
  border-radius: 100%;
  overflow: hidden;
  aspect-ratio: 1;
  margin: auto;
  width: 100%;
  max-width: 200px;
}
.ice-blur-wrapper {
  position: relative;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  /*&:after {
        display: block;
        position: absolute;
        background: white;
        opacity: 0.2;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }*/
}
.ice-blur-wrapper img {
  /*filter: blur(0.5px);*/
  /*opacity: 0.8;*/
  width: 100%;
  max-width: 320px;
}
.ice-multiply {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  mix-blend-mode: screen;
}
.framed-text {
  display: inline-block;
  background: var(--color-1);
  color: white;
  padding: 14px;
}
.corner-button {
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.02rem;
  cursor: pointer;
  background: transparent;
  border: 4px solid currentColor;
  padding: 1.5rem 2rem;
  font-size: 2.2rem;
  color: var(--color-2);
  position: relative;
  transition: color 0.5s;
  z-index: 1;
}
.corner-button:hover {
  color: pink;
}
.corner-button:hover::before {
  width: 0;
}
.corner-button:hover::after {
  height: 0;
}
.corner-button:active {
  border-width: 4px / 2;
}
.corner-button::before,
.corner-button::after {
  content: '';
  position: absolute;
  background: var(--color-5);
  z-index: -1;
  transition: all 0.5s;
}
.corner-button::before {
  width: calc(100% - 4px);
  height: calc(101% + 4px * 2);
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
}
.corner-button::after {
  height: calc(100% - 4px);
  width: calc(101% + (4px * 2));
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
}
.gradient-bg {
  background: linear-gradient(180deg, #e2f8ff66, #22353d4c);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.gradient-bg:before,
.gradient-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.7;
  width: 50%;
  height: 100%;
  /*mask-image: linear-gradient(to bottom, transparent, black);*/
  /*background: linear-gradient(90deg, #4cb440a6, #f3e70099);*/
  background: radial-gradient(ellipse at left top, #279308 0%, transparent 66%);
}
.gradient-bg:after {
  left: auto;
  right: 0;
  background: radial-gradient(ellipse at right top, #ffd80073 0%, transparent 66%);
}
/*.dash {
    position: absolute;
    top: 50%;
    left: 50%;
    background: black;
    width: 150vw;
    height: 20px;
    transform: translate3d(-50%, -50%, 0) rotate
}*/
.top-bar,
.bottom-bar {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  display: flex;
  height: 50px;
  width: auto;
  color: white;
}
.top-bar div,
.bottom-bar div {
  background: var(--color-9);
  display: flex;
  align-items: center;
  padding: 3.5px 14px;
  font-size: 2rem;
}
.top-bar div:first-of-type,
.bottom-bar div:first-of-type,
.top-bar div:last-of-type,
.bottom-bar div:last-of-type {
  width: 100px;
  background: transparent;
  padding: 0;
}
.top-bar div:first-of-type .curve,
.bottom-bar div:first-of-type .curve,
.top-bar div:last-of-type .curve,
.bottom-bar div:last-of-type .curve {
  fill: var(--color-9);
}
.top-bar div span,
.bottom-bar div span {
  align-self: center;
}
.bottom-bar {
  top: auto;
  bottom: 0;
}
.text-shadow {
  text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191, 1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191, 1px 10px 1px #919191, 1px 18px 6px rgba(16, 16, 16, 0.4), 1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2), 1px 30px 60px rgba(16, 16, 16, 0.4);
}
.text-shadow-small {
  text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 5px 6px rgba(16, 16, 16, 0.4), 1px 11px 10px rgba(16, 16, 16, 0.2), 1px 16px 35px rgba(16, 16, 16, 0.2), 1px 20px 60px rgba(16, 16, 16, 0.4);
}
.matches-table {
  border-spacing: 0 14px;
  width: 100%;
  /*max-width: var(--max-px-width)-big;*/
  max-width: var(--max-px-width);
}
@media (max-width: 767px) {
  .matches-table {
    display: block;
  }
}
@media (max-width: 767px) {
  .matches-table thead {
    display: none;
  }
}
.matches-table thead tr th {
  border-bottom: 2px solid var(--color-2);
  padding: 14px 14px;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--color-4);
  text-align: left;
}
@media (max-width: 767px) {
  .matches-table tbody {
    display: block;
  }
}
.matches-table tbody tr {
  background: white;
}
@media (max-width: 767px) {
  .matches-table tbody tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-template-rows: repeat(3, minmax(content, 1fr));
    margin: 7px 0;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .matches-table tbody tr {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
}
.matches-table tbody tr.hidden {
  display: none;
}
.matches-table tbody tr td {
  display: table-cell;
  position: relative;
  background: white;
  color: black;
  margin: 7px 0;
  padding: 14px 14px;
  font-size: 1.4rem;
  font-weight: 400;
}
@media (max-width: 767px) {
  .matches-table tbody tr td {
    display: block;
    margin: 0;
  }
}
.matches-table tbody tr td.m-date {
  background: var(--color-10);
  padding: 7px;
}
@media (max-width: 767px) {
  .matches-table tbody tr td.m-date {
    width: 100%;
    grid-column: 1;
    clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
    padding-right: 30px;
  }
}
.matches-table tbody tr td.m-date .calendar-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .matches-table tbody tr td.m-date .calendar-box {
    flex-direction: row;
    grid-gap: 7px;
  }
}
.matches-table tbody tr td.m-date span {
  display: inline-block;
}
@media (max-width: 767px) {
  .matches-table tbody tr td.m-time {
    font-size: 1.2rem;
    padding: 7px;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .matches-table tbody tr td.m-home-team {
    font-size: 1.1rem;
    grid-column: 1/-1;
    padding: 7px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .matches-table tbody tr td.m-away-team {
    font-size: 1.1rem;
    grid-column: 1/-1;
    padding: 7px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .matches-table tbody tr td.m-address {
    font-size: 0.75rem;
    padding: 7px 14px;
    grid-column-end: span 2;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .matches-table tbody tr td.m-series {
    grid-column-end: span 1;
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .matches-table tbody tr td.m-series .display-block {
    font-weight: 600;
  }
}
.matches-table tbody tr td.round-cell span {
  display: inline-block;
  width: 40px;
  text-align: left;
  background: var(--color-9);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
  padding: 14px 0 14px 10.5px;
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 600;
  margin-right: -2px;
}
.matches-table tbody tr td.round-cell span:last-of-type {
  padding: 14px 10.5px 14px 0;
  text-align: right;
  clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%);
  margin-left: -2px;
}
.matches-table tbody tr td.skew-end {
  position: relative;
  padding-right: 56px;
  /* &:after {
                        content: "";
                        right: 0;
                        top: 0;
                        width: @default-padding*4;
                        height: 100%;
                        background: var(--color-8;
                        position: absolute;
                        clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
                    }*/
}
@media (max-width: 767px) {
  .matches-table tbody tr td.skew-end {
    padding-right: 28px;
  }
}
.matches-table tbody tr td.skew-start-yellow {
  position: relative;
  background: var(--color-10);
}
@media (max-width: 767px) {
  .matches-table tbody tr td.skew-start-yellow {
    padding: 7px;
  }
}
.matches-table tbody tr td.skew-start-yellow:after {
  left: 0;
  top: 0;
  width: 35px;
  height: 100%;
  content: "";
  background: var(--color-10);
  /*clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0 100%);*/
  clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0 100%);
  position: absolute;
  transform: translate3d(-34px, 0, 0);
}
@media (max-width: 767px) {
  .matches-table tbody tr td.skew-start-yellow:after {
    width: 30px;
    transform: translate3d(-29px, 0, 0);
  }
}
.overflow-x-wrapper {
  width: 100%;
}
@media (max-width: 767px) {
  .overflow-x-wrapper {
    overflow-x: scroll;
    overflow-y: auto;
  }
}
.training-table {
  border-collapse: collapse;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 0.9rem;
  width: 100%;
  background: white;
}
@media (max-width: 767px) {
  .training-table {
    width: 800px;
  }
}
.training-table tr:hover {
  outline: 1px solid var(--color-2);
}
.training-table tr th {
  text-align: center;
}
.training-table tr td {
  width: 13%;
  text-align: center;
}
@media (max-width: 767px) {
  .training-table tr td {
    width: 100px;
  }
}
.training-table tr td:first-of-type {
  width: auto;
  background: var(--color-7);
  font-size: 0.7rem;
  vertical-align: middle;
  position: sticky;
  left: 0;
}
@media (max-width: 767px) {
  .training-table tr td:first-of-type {
    width: 150px;
  }
}
.training-table tr td.isprep {
  background: lightblue;
}
.training-table tr td.hs {
  background: #ffc37e;
}
.training-table tr td.t-col-1 {
  background: #ff8383;
}
.training-table tr td.t-col-2 {
  background: #fbcc83;
}
.training-table tr td.t-col-3 {
  background: pink;
}
.training-table tr td.t-col-4 {
  background: #58e66d;
}
.training-table tr td.t-col-5 {
  background: #a8fbdf;
}
.training-table tr td.t-col-6 {
  background: #e8ccfd;
}
.training-table tr td.t-col-7 {
  background: #90b28e;
}
.training-table tr td.t-col-8 {
  background: #ececec;
}
.training-table tr td.t-col-9 {
  background: #cec665;
}
.training-table tr td.t-col-10 {
  background: #56b88c;
}
.training-table tr td.ahall {
  background: yellow;
}
.offset-skew-wrapper {
  position: relative;
  display: inline-block;
  top: 14px;
  left: 0;
  transform: translate3d(-3.5px, 0, 0);
  padding: 7px;
}
.offset-skew-wrapper:after {
  position: absolute;
  content: "";
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
  width: auto;
  height: 100%;
  aspect-ratio: 1;
  background: inherit;
  right: 0;
  top: 0;
  transform: translate3d(98%, 0, 0);
}
.match-hero {
  position: relative;
  /*&.displayscreen {
        .match-hero-inner {
            aspect-ratio: 5;

            .date-wrapper .left-triangle {
                aspect-ratio: 1.5;
            }
        }
    }
*/
}
.match-hero .match-banner-bg {
  position: absolute;
  top: 50%;
  height: calc(100% - 14px*2);
  width: 100%;
  background: var(--color-1);
  transform: translate3d(0, -50%, 0);
}
@media (max-width: 767px) {
  .match-hero .match-banner-bg {
    transform: none;
    top: 0;
    height: 100%;
  }
}
.match-hero .match-hero-inner {
  width: 100%;
  max-width: var(--max-px-width);
  aspect-ratio: 4;
  min-height: 300px;
  position: relative;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 2fr) 1fr;
  align-content: center;
  justify-items: center;
  /*  .gradient-bg-2 {
            position: absolute;
            top: 0;
            left: 10px;
            background-image: radial-gradient(circle at right top, #ffd300, #ed9800 46%);
            clip-path: polygon(100% 0, 100% 100%,100% 100%, 33.33% 100%, 66.66% 0);
            width: 100%;
            height: 100%;
        }*/
}
@media (max-width: 767px) {
  .match-hero .match-hero-inner {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    aspect-ratio: unset;
  }
}
.match-hero .match-hero-inner:hover .gradient-bg-right {
  transform: perspective(600px) rotateY(-5deg);
}
.match-hero .match-hero-inner:hover .gradient-bg-left {
  transform: perspective(600px) rotateY(5deg);
}
.match-hero .match-hero-inner:hover .date-wrapper {
  transform: perspective(600px) rotateY(15deg);
}
.match-hero .match-hero-inner .gradient-bg-1 {
  position: absolute;
  top: 0;
  left: -10px;
  background-image: radial-gradient(circle at right top, #ffd300, #ed9800 46%);
  clip-path: polygon(0 0, 66.66% 0, 33.33% 100%, 0 100%, 0 0);
  width: 100%;
  height: 100%;
}
.match-hero .match-hero-inner .gradient-bg-left {
  position: absolute;
  top: 0;
  left: -10px;
  /*background-image: radial-gradient(circle at right top, #ffd300, #ed9800 46%);*/
  background-image: radial-gradient(circle at left bottom, #ed9800, #ffd300 46%);
  clip-path: polygon(0 0, 66.66% 0, 33.33% 100%, 0 100%, 0 0);
  width: 100%;
  height: 100%;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .match-hero .match-hero-inner .gradient-bg-left {
    height: 50%;
    left: 0;
    clip-path: none;
  }
}
.match-hero .match-hero-inner .gradient-bg-right {
  position: absolute;
  top: 0;
  left: -10px;
  background-image: radial-gradient(circle at right top, #ffd300, #ed9800 46%);
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 33.33% 100%, 66.66% 0);
  width: 100%;
  height: 100%;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .match-hero .match-hero-inner .gradient-bg-right {
    height: 50%;
    left: 0;
    top: auto;
    bottom: 0;
    clip-path: none;
  }
}
.match-hero .match-hero-inner .gradient-bg-black {
  position: absolute;
  top: 0;
  left: 10px;
  background-image: radial-gradient(circle at left top, #9a9a9a, #222222 46%);
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 33.33% 100%, 66.66% 0);
  width: 100%;
  height: 100%;
}
.match-hero .match-hero-inner .date-wrapper {
  /*display: grid;
            grid-template-columns: 1fr 3fr 1fr;*/
  display: flex;
  align-items: center;
  z-index: 1;
  justify-content: center;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .match-hero .match-hero-inner .date-wrapper {
    width: 100%;
  }
}
.match-hero .match-hero-inner .date-wrapper .left-triangle {
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  aspect-ratio: 1;
  min-width: 150px;
  min-height: 150px;
  background: var(--color-1);
  height: 100%;
  transform: translate3d(1px, 0, 0);
  flex: 1 1 20%;
}
.match-hero .match-hero-inner .date-wrapper .left-triangle.ratio-1-5 {
  aspect-ratio: 1.5;
}
@media (max-width: 767px) {
  .match-hero .match-hero-inner .date-wrapper .left-triangle {
    aspect-ratio: initial;
    min-width: 0;
  }
}
.match-hero .match-hero-inner .date-wrapper .right-triangle {
  clip-path: polygon(0 0, 100% 0, 0 100%);
  aspect-ratio: 1;
  background: var(--color-1);
  height: 100%;
  transform: translate3d(-1px, 0, 0);
  flex: 1 1 20%;
}
.match-hero .match-hero-inner .date-wrapper .right-triangle.ratio-1-5 {
  aspect-ratio: 1.5;
}
@media (max-width: 767px) {
  .match-hero .match-hero-inner .date-wrapper .right-triangle {
    aspect-ratio: initial;
    min-width: 0;
  }
}
.match-hero .match-hero-inner .date-wrapper .date-text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  background: var(--color-1);
  flex-direction: column;
  color: white;
  align-self: stretch;
}
.match-hero .match-hero-inner .date-wrapper .date-text p {
  white-space: nowrap;
}
.match-hero .match-hero-inner .home-team,
.match-hero .match-hero-inner .away-team {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  width: 33.33%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.match-hero .match-hero-inner .home-team .team-text,
.match-hero .match-hero-inner .away-team .team-text {
  color: white;
  text-transform: uppercase;
  font-size: 4rem;
  line-height: 1;
  text-align: center;
  font-family: var(--font-display);
  display: inline-block;
}
@media (max-width: 767px) {
  .match-hero .match-hero-inner .home-team .team-text,
  .match-hero .match-hero-inner .away-team .team-text {
    padding: 14px;
  }
}
.full-bg-hack-7 {
  position: relative;
}
.full-bg-hack-7:before {
  background: var(--color-7);
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 50%;
  left: 50%;
  translate: -50% -50% 0;
  z-index: 0;
}
.full-bg-hack-7 > * {
  position: relative;
}
footer {
  position: relative;
}
footer .bg-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
footer .bg-wrapper .dark-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  background: radial-gradient(farthest-corner at center bottom, #252623 0%, #121212 60%);
  z-index: 0;
  padding: 14px 0;
}
footer .bg-wrapper .yellow-gradient {
  position: absolute;
  top: -14px;
  right: 0%;
  width: 30%;
  height: calc(100% + 14px);
  background: radial-gradient(ellipse at right top, #ffd800 0%, #f5b506 60%);
  clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%);
}
.breadcrumb-wrapper {
  font-size: 0.8rem;
  line-height: 1;
  margin: 0 auto;
  padding: 14px 0;
  width: 100%;
  max-width: var(--max-px-width);
}
@media (max-width: 1600px) {
  .breadcrumb-wrapper {
    padding: 14px 28px;
  }
}
.breadcrumb-wrapper ol {
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.breadcrumb-wrapper ol li {
  list-style: none;
}
.breadcrumb-wrapper ol li:after {
  position: relative;
  display: inline-block;
  content: "/";
  color: var(--color-8);
  margin: auto 3.5px;
  user-select: none;
  pointer-events: none;
  opacity: 0.75;
}
.breadcrumb-wrapper ol li:last-of-type a {
  pointer-events: none;
  text-decoration: none;
  color: var(--color-3);
}
.breadcrumb-wrapper ol li:last-of-type:after {
  content: none;
}
.breadcrumb-wrapper a {
  display: inline-block;
  font-family: var(--font-default);
  font-weight: 600;
  text-decoration: none;
}
.breadcrumb-wrapper a:before {
  content: none;
}
.breadcrumb-wrapper a:hover,
.breadcrumb-wrapper a:last-of-type {
  color: var(--color-2);
}
.breadcrumb-wrapper .spacer {
  color: var(--color-11);
}
.article-list li {
  position: relative;
}
.article-list li img {
  max-width: 100%;
  height: auto;
}
.article-list li.article a {
  text-decoration: none;
  color: inherit;
}
.article-list li.article a:hover h2 {
  text-decoration: underline;
  text-decoration-color: var(--color-10);
  text-decoration-thickness: 2px;
}
.article-list li.article .ingress-wrapper p {
  display: -webkit-box;
  overflow: hidden;
  max-height: 3.6rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.article-list li.article .ingress-wrapper p:not(:first-child) {
  display: none;
}
@media (max-width: 767px) {
  .article-list li.full.featured {
    width: calc(100% + 14px*4);
    margin-left: -28px;
  }
}
.article-list li.full.featured a:hover .featured-text-wrapper .btn-circle {
  border-color: var(--color-2);
  color: var(--color-8);
}
.article-list li.full.featured a .featured-text-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.article-list li.full.featured a .featured-text-wrapper:before,
.article-list li.full.featured a .featured-text-wrapper:after {
  display: block;
  content: "";
  width: calc(100% - 14px*6);
  height: 4px;
  background: var(--color-1) 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.article-list li.full.featured a .featured-text-wrapper:after {
  top: auto;
  bottom: 0;
}
.article-list li.full.featured a .featured-text-wrapper header hr {
  height: 4px;
}
.article-list li.full.featured a .featured-text-wrapper .ingress {
  margin: auto;
}
.article-list li.full.featured a .featured-text-wrapper .btn-circle {
  border: 4px solid var(--color-1) 1;
  color: var(--color-1) 1;
  border-radius: 100%;
  width: auto;
  margin: auto auto 0 auto;
  aspect-ratio: 1;
  padding: 14px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  line-height: 0.8;
}
.article-list li.fp-banner .inner-wrapper {
  display: block;
  aspect-ratio: 5/6;
  position: relative;
}
@media (max-width: 767px) {
  .article-list li.fp-banner .inner-wrapper {
    aspect-ratio: 2/1;
  }
}
.article-list li.fp-banner .inner-wrapper a {
  display: block;
  width: 100%;
  height: 100%;
}
.article-list li.fp-banner .inner-wrapper figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.article-list li.fp-banner .inner-wrapper figure:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.4) 30%, #000000 100%);
}
.article-list li.fp-banner .inner-wrapper figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.article-list li.fp-banner .inner-wrapper h2 {
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
  width: auto;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .article-list li.fp-banner .inner-wrapper h2 {
    font-size: 1.6rem;
  }
}
.article-list li.file {
  border-radius: var(--border-radius);
  background: white;
}
.article-list li.file h3 {
  font-weight: 600;
}
.article-list li.file .download-btn {
  position: relative;
  display: inline-block;
  padding: 7px;
  line-height: 1;
  border-radius: 100%;
  width: 100%;
  aspect-ratio: 1;
  border: 4px solid transparent;
  background: var(--color-6);
  transition: all 0.4s ease-in-out;
}
.article-list li.file .download-btn:hover {
  background: var(--color-10);
}
.article-list li.article-sponsor img {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 200px;
}
.article-list li.player {
  background: var(--color-2);
  background: linear-gradient(0deg, var(--color-2) 0%, var(--color-3) 60%);
  overflow: hidden;
  border: 0;
  border-radius: var(--border-radius);
  display: block;
  padding: 5.6px;
  align-self: center;
}
.article-list li.player .player-inner-wrapper {
  padding: 5.6px;
  padding-bottom: 0;
  background: var(--color-1);
  border: 0;
  border-radius: var(--border-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.article-list li.player .player-image-wrapper {
  background: var(--color-5);
  aspect-ratio: 3/3.5;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.article-list li.player .player-image-wrapper img {
  object-fit: cover;
  border-radius: var(--border-radius-half);
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.article-list li.player .player-stats-wrapper {
  background: var(--color-1);
  background: radial-gradient(ellipse at bottom, var(--color-5) 0%, transparent 80%);
  flex-grow: 1;
  color: white;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 7px 28px 28px 28px;
  text-align: center;
}
.article-list li.player .player-stats-wrapper:before {
  background: var(--color-1);
  content: "";
  position: absolute;
  top: 0.5px;
  left: 0;
  width: 100%;
  height: 28px;
  translate: 0 -100% 0;
  -webkit-clip-path: polygon(28px 100%, 100% 100%, calc(100% - 14px*2) 0%, 28px 0%);
  clip-path: polygon(28px 100%, calc(100% - 14px*2) 100%, calc(100% - 14px*4) 0%, 56px 0%);
}
.article-list li.player .player-stats-wrapper .player-number {
  background: var(--color-2);
  padding: 0 7.7px;
  color: white;
  font-family: var(--font-display);
  font-size: 3rem;
  position: absolute;
  top: -50%;
  left: 50%;
  width: auto;
  line-height: 0.8;
  translate: -50% 0% 0;
  box-shadow: 0 0 1px var(--color-2);
  /*text-shadow: -3px 0 black, 0 3px black, 3px 0 black, 0 -3px black;*/
}
.article-list li.player .player-stats-wrapper .player-number:before,
.article-list li.player .player-stats-wrapper .player-number:after {
  background: var(--color-2);
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 4;
  translate: 0 -100% 0;
  -webkit-clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}
.article-list li.player .player-stats-wrapper .player-number:after {
  bottom: 1px;
  top: auto;
  translate: 0 100% 0;
  rotate: 180deg;
}
.article-list li.player .player-stats-wrapper .player-name {
  margin: 0;
  font-size: 2.2rem;
  font-family: var(--font-display);
  text-transform: uppercase;
  line-height: 1;
}
.article-list li.player .player-stats-wrapper .player-position {
  font-size: 1.4rem;
  text-transform: uppercase;
  position: relative;
  font-family: var(--font-default);
  color: var(--color-2);
  margin: 0;
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
}
.article-list li.player .player-stats-wrapper .player-position img {
  filter: brightness(0) saturate(100%) invert(72%) sepia(44%) saturate(4984%) hue-rotate(12deg) brightness(97%) contrast(109%);
}
.ingress-wrapper {
  text-align: left !important;
  font-size: 1.2rem !important;
  line-height: 1.4;
}
.ingress-wrapper p {
  text-align: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.news-layout-2 {
  grid-template-rows: 1fr 1fr 1fr;
}
.news-layout-2 .big-left {
  grid-column-end: span 6;
  grid-row-end: span 3;
  display: flex;
  position: relative;
  aspect-ratio: 1.77;
}
@media (max-width: 767px) {
  .news-layout-2 .big-left {
    grid-column: 1/-1;
  }
}
.news-layout-2 .big-left a {
  display: block;
  width: 100%;
  height: 100%;
}
.news-layout-2 .big-left a figure {
  width: 100%;
  height: 100%;
  position: relative;
}
.news-layout-2 .big-left a figure:after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 60%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-layout-2 .big-left a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-layout-2 .big-left a .text-wrapper {
  position: absolute;
  left: 14px;
  bottom: 14px;
  right: 14px;
  color: white;
}
.news-layout-2 .big-left a .text-wrapper h2 {
  /*font-weight: 600;*/
}
.news-layout-2 .big-left a .text-wrapper .fp-credit {
  display: none;
}
.news-layout-2 .big-left a .text-wrapper .fp-credit p {
  margin: 0;
}
.news-layout-2 .big-left a .text-wrapper .fp-credit p .flag {
  width: 24px;
  height: 12px;
}
@media (max-width: 767px) {
  .news-layout-2 .big-left a .text-wrapper .ingress {
    display: none;
  }
}
.news-layout-2 .big-left a .text-wrapper .ingress p {
  margin-top: 7px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  max-height: 44px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left !important;
}
.news-layout-2 a:before {
  content: none;
}
.news-layout-2 .image-left-list {
  grid-column-end: span 6;
}
@media (max-width: 767px) {
  .news-layout-2 .image-left-list {
    grid-column: 1/-1;
  }
}
.news-layout-2 .image-left-list a {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 7px;
  height: 100%;
  text-decoration: none;
}
@media (max-width: 767px) {
  .news-layout-2 .image-left-list a {
    grid-column: 1/-1;
  }
}
.news-layout-2 .image-left-list a .imgholder {
  aspect-ratio: 2;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .news-layout-2 .image-left-list a .imgholder {
    width: 100%;
    aspect-ratio: 1.5;
  }
}
.news-layout-2 .image-left-list a .imgholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.news-layout-2 .image-left-list a .text-wrapper {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.news-layout-2 .image-left-list a .text-wrapper .publish-wrapper {
  border-top: 0;
  margin-top: auto;
}
.news-layout-2 .image-left-list a .text-wrapper .publish-wrapper small {
  font-size: 0.7rem;
}
@media (max-width: 767px) {
  .news-layout-2 .image-left-list a .text-wrapper h2 {
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left !important;
    margin-bottom: 0;
  }
}
.news-layout-2 .image-left-list a .text-wrapper .ingress {
  width: 100%;
}
@media (max-width: 767px) {
  .news-layout-2 .image-left-list a .text-wrapper .ingress {
    display: none;
  }
}
.news-layout-2 .image-left-list a .text-wrapper .ingress p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 44px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left !important;
  margin-bottom: 0;
}
article figure {
  margin: 0;
  padding: 0;
}
article figure.max-width-medium-extended {
  width: auto;
  max-width: calc(100% + 14px*4);
  margin-left: -28px;
}
article figure.max-width-medium-extended img {
  width: auto;
  max-width: calc(var(--max-px-width-medium) + 14px*4);
  margin: auto;
}
article img {
  max-width: 100%;
  height: auto;
}
article h1 {
  font-family: var(--font-display);
}
article h1 + p,
article h2 + p,
article h3 + p,
article h4 + p,
article h5 + p,
article h6 + p {
  margin-top: 7px !important;
}
article h1:has(+p),
article h2:has(+p),
article h3:has(+p),
article h4:has(+p),
article h5:has(+p),
article h6:has(+p) {
  margin-bottom: 7px !important;
}
article p:has(+h2),
article p:has(+h3),
article p:has(+h4),
article p:has(+h5),
article p:has(+h6) {
  margin-bottom: 28px !important;
}
article .ingress {
  margin-bottom: 28px;
}
article footer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
blockquote {
  position: relative;
  z-index: 1;
  align-self: center;
  margin: 42px auto;
  width: 100%;
  max-width: var(--max-px-width-small);
  padding: 7px 0;
}
blockquote:before,
blockquote:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 200px;
  /*background: var(--color-2);*/
  border-top: 4px solid;
  border-image: repeating-linear-gradient(-45deg, var(--color-2), var(--color-2) 8px, transparent 9px, transparent 12px) 10;
  height: 4px;
  translate: -50% 0 0;
}
blockquote:after {
  bottom: 0;
  top: auto;
}
blockquote p {
  margin: 14px auto;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 600;
}
blockquote p.author {
  position: relative;
  margin: 0;
  font-size: 0.7rem;
  line-height: 1;
  display: inline-flex;
  width: auto;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  padding-left: 21px;
}
blockquote p.author:before,
blockquote p.author:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 6px;
  height: 6px;
  border: 2px solid var(--color-2);
  flex: 0 0 auto;
  border-radius: 100%;
  order: 0;
  transform: translate3d(0, -50%, 0);
}
blockquote p.author:after {
  left: 8px;
}
blockquote h4 {
  position: relative;
  color: #292a2b;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  padding-top: 20px;
  z-index: 1;
}
.content-list {
  position: sticky;
  top: 0;
  border: 1px solid var(--color-11);
  border-radius: var(--border-radius);
  padding: 14px;
  font-size: 0.9rem;
}
#search-wrapper {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
#search-wrapper .search-container {
  background: var(--color-1);
  color: white;
  padding: 14px;
  width: 100%;
  max-width: var(--max-px-width);
}
@media (max-width: 1024px) {
  #search-wrapper .search-container {
    width: calc(100% - 14px*2);
  }
}
@media (max-width: 768px) {
  #search-wrapper .search-container {
    width: calc(100% - 14px*2);
  }
}
@media (max-width: 767px) {
  #search-wrapper .search-container {
    width: calc(100% - 14px);
  }
}
#search-wrapper .search-container h1 {
  margin: 0 auto 7px 0;
}
#search-wrapper form {
  width: 100%;
  background: white;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
#search-wrapper form button {
  background: var(--color-2);
  color: white;
  font-family: sans-serif;
}
#search-wrapper form > div {
  border-left: 1px solid var(--color-4);
}
#search-wrapper form > div:first-child {
  border: 0;
}
#search-wrapper div {
  padding: 7px;
  color: var(--color-1);
}
#search-wrapper div.play-wrapper,
#search-wrapper div.writer-wrapper {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 767px) {
  #search-wrapper div.writerWrapper {
    display: none;
  }
}
#search-wrapper div.roles-wrapper,
#search-wrapper div.category-wrapper {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 20%;
}
@media (max-width: 767px) {
  #search-wrapper div.roles-wrapper,
  #search-wrapper div.category-wrapper {
    display: none;
  }
}
#search-wrapper div.search-btn-wrapper {
  margin-right: 0;
  padding: 0;
}
#search-wrapper div.search-btn-wrapper button {
  height: 100%;
}
#search-wrapper div.roles-wrapper {
  position: relative;
}
#search-wrapper div.roles-wrapper p {
  margin: 7px auto 0 auto;
  position: relative;
  user-select: none;
}
#search-wrapper div.roles-wrapper p i {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 0.8;
}
#search-wrapper div.roles-wrapper .roles-popup {
  display: none;
  position: absolute;
  top: 100%;
  padding: 0;
  background: white;
  margin-top: 7px;
}
#search-wrapper div.roles-wrapper .roles-popup:before {
  position: absolute;
  top: 0;
  left: 7px;
  transform: translate3d(0, -100%, 0);
  background: white;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  background: transparent;
}
#search-wrapper div.roles-wrapper .roles-popup.active {
  display: block;
}
#search-wrapper div.roles-wrapper .roles-popup ul {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
#search-wrapper div.roles-wrapper .roles-popup ul li {
  list-style: none;
  padding: 3.5px 7px;
  margin: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  border-top: 1px solid var(--color-4);
}
#search-wrapper div.roles-wrapper .roles-popup ul li:first-child {
  border: 0;
  padding: 7px 7px 1.75px 7px;
}
#search-wrapper div.roles-wrapper .roles-popup ul li:first-child p {
  margin: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: calc(50% - 50px);
  text-align: center;
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 1;
}
#search-wrapper div.roles-wrapper .roles-popup ul li:first-child p:first-child {
  min-width: 100px;
  text-align: left;
}
#search-wrapper div.roles-wrapper .roles-popup ul li div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0;
}
#search-wrapper div.roles-wrapper .roles-popup ul li div:first-child {
  min-width: 100px;
}
#search-wrapper div.roles-wrapper .roles-popup ul li div:first-child p {
  margin: 0;
}
#search-wrapper div.roles-wrapper .roles-popup ul li div .btn.circle {
  position: relative;
  border-radius: 100%;
  border: 1px solid var(--color-1);
  padding: 7px;
  background: white;
  box-shadow: 0 0 12px var(--color-trans-white);
  color: var(--color-1);
  display: inline-block;
  line-height: 0;
  margin: auto 1.75px;
}
#search-wrapper div.roles-wrapper .roles-popup ul li div .btn.circle:hover {
  color: var(--color-2);
  border: 1px solid var(--color-4);
}
#search-wrapper div.roles-wrapper .roles-popup ul li div .btn.circle.disabled {
  border: 1px solid var(--color-4);
  color: var(--color-4);
  pointer-events: none;
}
#search-wrapper div.roles-wrapper .roles-popup ul li div .btn.circle:before {
  display: none;
}
#search-wrapper div.roles-wrapper .roles-popup ul li div .btn.circle i {
  display: inline-block;
  line-height: 0.8;
}
@media (max-width: 767px) {
  #search-wrapper div.category-wrapper {
    display: none;
  }
}
#search-wrapper div.category-wrapper .select-wrapper {
  padding: 0;
  position: relative;
}
#search-wrapper div.category-wrapper .select-wrapper:after {
  font-family: 'dramasno', sans-serif;
  content: "a";
  font-size: 1rem;
  line-height: 0.8;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  color: var(--color-1);
}
#search-wrapper div.category-wrapper .select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  width: 100%;
  padding: 7px 7px 0 0;
  font-size: 1rem;
}
#search-wrapper div h5 {
  color: var(--color-1);
  font-family: sans-serif;
  font-style: normal;
  margin: 0;
  padding: 0;
}
#search-wrapper div input[type=text] {
  padding: 7px 7px 0 0;
  width: 100%;
  color: var(--color-1);
}
#search-wrapper > .btn {
  position: absolute;
  bottom: 14px;
  padding: 10.5px;
  line-height: 0;
  left: 50%;
  border-radius: 100%;
  transform: translate3d(-50%, 0, 0);
  background: var(--color-2) trans;
  color: var(--color-2);
  transition: all 0.4s ease-in-out;
}
#search-wrapper > .btn:hover {
  background: var(--color-2);
  color: white;
}
#search-wrapper > .btn:before {
  display: none;
}
#search-wrapper > .btn i {
  font-size: 2.4rem;
}
.hammerSlider {
  width: 100%;
  max-width: var(--max-px-width);
  margin: 0 auto;
  padding: 0;
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform-style: preserve-3d;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
.hammerSlider.fullwidth {
  max-width: none;
}
.hammerSlider.fullscreen {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 20;
}
.hammerSlider.fullscreen .slideshow-container {
  height: 100%;
  width: 100%;
}
.hammerSlider.fullscreen .slideshow-container .slide {
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  position: relative;
}
.hammerSlider.fullscreen .slideshow-container .slide img {
  max-width: none;
  max-height: none;
  height: 100%;
}
.hammerSlider.fullscreen .slideshow-thumbs {
  position: absolute;
  bottom: 14px;
  width: 100%;
  text-align: center;
}
.hammerSlider .fullscreen-icon {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 4;
}
.hammerSlider .slideshow-container {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: grabbing;
  font-size: 0px;
}
@media (max-width: 767px) {
  .hammerSlider .slideshow-container {
    height: 100%;
  }
}
.hammerSlider .slideshow-container.animate {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: grab;
}
.hammerSlider .slideshow-container .slide {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
}
.hammerSlider .slideshow-container .slide img {
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.hammerSlider .slideshow-thumbs {
  margin: 14px 0 0 0;
}
.hammerSlider .slideshow-thumbs a {
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 1px solid var(--color-3);
  margin-right: 14px;
}
@media (max-width: 767px) {
  .hammerSlider .slideshow-thumbs a {
    margin-right: 7px;
  }
}
.hammerSlider .slideshow-thumbs a img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.hammerSlider .arrow {
  font-size: 2.4rem;
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translate3d(-50%, -50%, 0);
  background: var(--color-2-trans);
  border-radius: 100%;
  padding: 7px;
  display: inline-block;
  line-height: 0;
  color: var(--color-2);
  transition: all 0.4s ease-in-out;
}
@media (max-width: 768px) {
  .hammerSlider .arrow {
    font-size: 1.4rem;
    padding: 3.5px;
    left: 14px;
  }
}
@media (max-width: 767px) {
  .hammerSlider .arrow {
    font-size: 1.2rem;
    padding: 1.75px;
    left: 7px;
  }
}
.hammerSlider .arrow:hover {
  background: var(--color-2);
  color: white;
}
.hammerSlider .arrow:before {
  display: none;
}
.hammerSlider .arrow.right {
  left: auto;
  right: -7px;
}
.hammerSlider .arrow i {
  line-height: 0.8;
}
.pagination-wrapper {
  position: absolute;
  bottom: 14px;
  width: 100%;
  z-index: 40;
  text-align: center;
}
.pagination-wrapper.outer {
  position: relative;
  max-width: var(--max-px-width);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin: 0 auto;
  bottom: auto;
}
.pagination-wrapper.outer .pagination {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: var(--color-2-trans);
  border-radius: 0;
  margin: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  color: transparent;
  font-size: 0;
  line-height: 0;
  height: 3.5px;
}
.pagination-wrapper.outer .pagination:last-child {
  border: 0;
}
.pagination-wrapper.outer .pagination:before {
  display: none;
}
.pagination-wrapper.outer .pagination.active {
  background: var(--color-2);
}
.pagination-wrapper .pagination {
  display: inline-block;
  background: var(--color-4);
  border-radius: 100%;
  height: 14px;
  width: 14px;
  margin: 0 7px;
  transition: background 0.4s ease-in-out;
}
.pagination-wrapper .pagination.active {
  pointerevents: none;
  cursor: default;
  background: var(--color-1);
}
.Registration-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Registration-container .header {
  width: 75%;
  text-align: center;
  background: rgba(40, 40, 38, 0.9);
  height: 50px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .Registration-container .header {
    height: 80px;
  }
}
.Registration-container .header h4 {
  color: #c1d758;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  font-family: 'Open Sans', sans-serif;
}
.Registration-container .form-container {
  width: 75%;
  display: flex;
  justify-content: center;
  text-align: center;
  border: 1px solid rgba(40, 40, 38, 0.9);
  margin-bottom: 44px;
}
.Registration-container .form-container form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Registration-container .form-container form .form-group {
  text-align: center;
}
.Registration-container .form-container form .form-group .control-label {
  display: inline-block;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.Registration-container .form-container form .form-group .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  height: calc(1.5em + 0.75rem + 2px);
}
.Registration-container .form-container form .select {
  margin-top: 14px;
}
.Registration-container .form-container form .terms-checkbox {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}
.Registration-container .form-container form .terms-checkbox input {
  display: block;
}
.Registration-container .form-container form .terms-checkbox p {
  margin: 0;
  padding: 0;
}
.Registration-container .form-container form .terms-checkbox label::before,
.Registration-container .form-container form .terms-checkbox ::after {
  border: 1px solid black;
  height: 18px;
  width: 18px;
}
.Registration-container .form-container form .unsubscribe-option {
  margin-top: 12px;
  content: none;
}
.Registration-container .form-container form .unsubscribe-option a {
  color: blue;
}
.Registration-container .form-container form .unsubscribe-option a::before {
  content: none;
}
.Registration-container .form-container form .confirmTextStyle {
  margin-bottom: 0;
  padding-left: 5px;
  font-size: 14px;
}
.Registration-container .form-container form .confirmTextStyle a {
  color: #0366d6;
  cursor: pointer;
}
.Registration-container .form-container form .confirmTextStyle a::before {
  color: #0366d6;
  content: none;
}
.Registration-container .form-container .error-message {
  color: red;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 12px;
}
.Registration-container .form-container .submit-button {
  display: inline-block;
  background: #c1d758;
  padding: 8px;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #70933b;
  font-family: 'Montserrat', sans-serif;
  cursor: pointer;
  transition: background 0.5s ease-in-out, ease-in-out;
  border: none;
  margin-top: 16px;
  margin-bottom: 16px;
}
.Registration-container .form-container .submit-button:hover {
  cursor: pointer;
}
.Registration-container .back-button {
  border: 1px solid rgba(40, 40, 38, 0.9);
  border-radius: 3px;
  padding: 2px;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #c1d758;
  color: black;
  font-size: 20px;
  content: none;
  margin-bottom: 24px;
}
.email-sent-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.email-sent-container .content {
  width: 75%;
  border: 1px solid rgba(40, 40, 38, 0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
.email-sent-container .content .header {
  width: 100%;
  text-align: center;
  background: rgba(40, 40, 38, 0.9);
  height: 50px;
}
@media (max-width: 767px) {
  .email-sent-container .content .header {
    height: 80px;
  }
}
.email-sent-container .content .header h4 {
  color: #c1d758;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  font-family: 'Open Sans', sans-serif;
}
.email-sent-container .content .back-button {
  border: 1px solid rgba(40, 40, 38, 0.9);
  border-radius: 3px;
  padding: 2px;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #c1d758;
  color: black;
  font-size: 20px;
  content: none;
  margin-bottom: 16px;
}
.email-sent-container .content .email {
  font-size: 18px;
}
.email-sent-container .content a::before {
  content: none;
}
.email-confirmed-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.email-confirmed-container .email-confirmed {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 75%;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
  border: 1px solid rgba(40, 40, 38, 0.9);
}
.email-confirmed-container .email-confirmed h4 {
  height: 50px;
  width: 100%;
  background: rgba(40, 40, 38, 0.9);
  color: #c1d758;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  font-family: 'Open Sans', sans-serif;
  line-height: 50px;
  margin: 0;
}
.email-confirmed-container .email-confirmed .form-group {
  text-align: center;
}
.email-confirmed-container .email-confirmed .form-group .control-label {
  display: inline-block;
  line-height: 30px;
  width: 100%;
}
.email-confirmed-container .email-confirmed .form-group .form-control {
  height: 30px;
}
.email-confirmed-container .email-confirmed .button {
  background-color: #c1d758;
  color: black;
  padding: 12px 12px;
  font-size: 15px;
  text-decoration: none;
  border: 1px solid rgba(40, 40, 38, 0.9);
  border-radius: 3px;
  width: 150px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.email-confirmed-container .email-confirmed .button:hover {
  cursor: pointer;
}
.email-confirmed-container .email-confirmed .send-new-verification {
  margin-top: 24px;
}
.email-confirmed-container a::before {
  content: none;
}
.unsubscribe-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.unsubscribe-container .header {
  width: 100%;
  text-align: center;
  background: rgba(40, 40, 38, 0.9);
  height: 50px;
}
@media (max-width: 767px) {
  .unsubscribe-container .header {
    height: 80px;
  }
}
.unsubscribe-container h4 {
  color: #c1d758;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  font-family: 'Open Sans', sans-serif;
}
.unsubscribe-container .content {
  width: 75%;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  border: 1px solid rgba(40, 40, 38, 0.9);
}
.unsubscribe-container .content .form-container {
  width: 100%;
  text-align: center;
}
.unsubscribe-container .content .form-container form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.unsubscribe-container .content .form-container form .form-group {
  text-align: center;
}
.unsubscribe-container .content .form-container form .form-group .control-label {
  display: inline-block;
  line-height: 30px;
  width: 100%;
}
.unsubscribe-container .content .form-container form .form-group .form-control {
  height: 30px;
}
.unsubscribe-container .content .form-container form .submit-button {
  display: inline-block;
  font-weight: 400;
  padding: 0.375rem 0.75rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  background-color: #c1d758;
  color: black;
  border: 1px solid rgba(40, 40, 38, 0.9);
  margin: 18px 0px 22px 0px;
}
.unsubscribe-container .content .form-container form .submit-button:hover {
  cursor: pointer;
}
[data-modal-id] {
  position: fixed;
  top: 0%;
  left: 50%;
  transform: translate3d(-50%, -100%, 0);
  background: white;
  width: 100%;
  max-width: 640px;
  height: auto;
  padding: 5px;
  transition: all 0.4s ease-in-out;
  z-index: 10;
  border: 2px solid black;
}
[data-modal-id].active {
  top: 20%;
  transform: translate3d(-50%, 0, 0);
}
[data-modal-id] .modal-content {
  display: flex;
  flex-direction: column;
  text-align: center;
}
[data-modal-id] .modal-content .exit {
  font-size: 20px;
  font-weight: bold;
  align-self: flex-end;
}
[data-modal-id] .modal-content .exit:hover {
  cursor: pointer;
}
.verification-error {
  color: red;
  font-size: 14px;
  padding: 0;
  margin: 0;
  margin-top: 12px;
}
#cart-icon {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0;
  font-size: 26px;
  color: white;
  width: auto;
  position: relative;
  width: 40px;
  border: 0;
  margin-left: auto;
}
#cart-icon[aria-disabled] {
  cursor: default;
}
#cart-icon .counter {
  position: absolute;
  border-radius: 100%;
  border: 2px solid var(--color-2);
  width: 1.4rem;
  height: 1.4rem;
  background: var(--color-2);
  color: white;
  display: flex;
  right: 0;
  top: 0;
  translate: 0 0 0;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1;
  opacity: 0;
  animation: fade-in 0.4s ease-in-out forwards;
}
#cart-icon .counter:empty {
  display: none;
}
#cart.quickcart {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 540px;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  translate: 100% 0 0;
  transition: translate 0.4s ease-in-out;
  background: var(--color-8);
  z-index: 3;
}
@media (max-width: 1024px) {
  #cart.quickcart {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #cart.quickcart {
    width: 100%;
  }
}
#cart.quickcart.active {
  translate: 0 0 0;
}
#cart.quickcart header {
  background: linear-gradient(0deg, var(--color-5) 0%, var(--color-8) 25%);
  background: var(--color-5);
  padding: 14px;
  display: flex;
  flex-wrap: nowrap;
  gap: 14px;
  justify-content: flex-start;
  align-items: center;
  color: black;
}
#cart.quickcart header span {
  font-weight: bold;
}
#cart.quickcart header #shoppingcart-close {
  margin-left: auto;
  cursor: pointer;
  color: black;
  padding: 0;
}
#cart.quickcart .cart-section {
  background: var(--color-8);
  padding: 14px;
  overflow-y: auto;
}
#cart.quickcart .cart-section .cart-items {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0;
  margin: 0;
}
#cart.quickcart .cart-section .cart-items .item {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, minmax(auto, 1fr));
  gap: 3.5px;
  align-items: center;
  padding: 14px;
  margin: 2px 0;
  background: white;
  border-radius: var(--border-radius);
}
#cart.quickcart .cart-section .cart-items .item .item-image {
  grid-column: span 2;
}
#cart.quickcart .cart-section .cart-items .item .item-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}
#cart.quickcart .cart-section .cart-items .item .item-name {
  grid-column: span 4;
  font-size: 0.78rem;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  #cart.quickcart .cart-section .cart-items .item .item-name {
    grid-column: span 10;
  }
}
#cart.quickcart .cart-section .cart-items .item .item-name .brand {
  display: block;
}
#cart.quickcart .cart-section .cart-items .item .item-quantity {
  grid-column: span 4;
  display: inline-flex;
  align-items: center;
  gap: 3.5px;
  flex-wrap: nowrap;
  border: 1px solid var(--color-8);
  border-radius: var(--border-radius);
  justify-self: flex-start;
}
#cart.quickcart .cart-section .cart-items .item .item-quantity input {
  width: 36px;
  padding: 7px;
  border: 1px solid #cecece;
  border: none;
  text-align: center;
}
#cart.quickcart .cart-section .cart-items .item .item-quantity i {
  padding: 14px;
  display: flex;
  cursor: pointer;
}
@media (max-width: 1024px) {
  #cart.quickcart .cart-section .cart-items .item .item-quantity i {
    padding: 7px;
  }
}
#cart.quickcart .cart-section .cart-items .item .item-quantity i:before {
  align-items: center;
  justify-content: center;
}
#cart.quickcart .cart-section .cart-items .item .item-quantity i[disabled] {
  cursor: not-allowed;
  opacity: 0.25;
}
@media (max-width: 1024px) {
  #cart.quickcart .cart-section .cart-items .item .item-price {
    grid-column: span 4;
    text-align: right;
  }
}
#cart.quickcart .cart-section .cart-items .item .item-delete {
  text-align: right;
}
@media (max-width: 1024px) {
  #cart.quickcart .cart-section .cart-items .item .item-delete {
    grid-column: span 4;
  }
}
#cart.quickcart .cart-section .cart-items .item .item-delete i {
  cursor: pointer;
}
#cart.quickcart .cart-section .cart-items .item .tag-wrapper {
  grid-column: 1/-1;
  display: flex;
  gap: 5px;
}
#cart.quickcart .cart-section .cart-items .item .tag-wrapper .tag {
  display: inline-flex;
  align-items: center;
  background: var(--color-2);
  color: white;
  padding: 2px 3px;
  font-size: 0.7rem;
  border-radius: var(--border-radius-half);
}
#cart.quickcart .total-sum {
  text-align: right;
  font-weight: 600;
  padding: 14px;
}
@media (max-width: 767px) {
  #cart.quickcart .total-sum {
    margin: 0;
  }
}
#cart.quickcart footer {
  color: white;
  flex: 0 0 auto;
  display: flex;
  padding: 14px 28px;
  justify-content: flex-end;
  gap: 14px;
}
@media (max-width: 767px) {
  #cart.quickcart footer {
    padding: 14px;
    justify-content: center;
  }
}
#cart.checkout-cart .cart-section {
  /*background: var(--color-8);*/
  padding: 14px;
}
@media (max-width: 767px) {
  #cart.checkout-cart .cart-section {
    padding: 0;
  }
}
#cart.checkout-cart .cart-section .cart-items {
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0;
  margin: 0;
  /*background: var(--color-5);*/
}
#cart.checkout-cart .cart-section .cart-items .item {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, minmax(auto, 1fr));
  gap: 3.5px;
  align-items: center;
  padding: 14px;
  margin: 2px 0;
  background: white;
  border-radius: var(--border-radius);
}
@media (max-width: 767px) {
  #cart.checkout-cart .cart-section .cart-items .item {
    padding: 14px 0;
  }
}
#cart.checkout-cart .cart-section .cart-items .item .item-image {
  grid-column: span 2;
}
@media (max-width: 767px) {
  #cart.checkout-cart .cart-section .cart-items .item .item-image {
    grid-column: span 3;
  }
}
#cart.checkout-cart .cart-section .cart-items .item .item-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  display: block;
}
#cart.checkout-cart .cart-section .cart-items .item .item-name {
  grid-column: span 4;
  font-size: 0.78rem;
  line-height: 1.2;
}
@media (max-width: 767px) {
  #cart.checkout-cart .cart-section .cart-items .item .item-name {
    grid-column: span 9;
  }
}
#cart.checkout-cart .cart-section .cart-items .item .item-name .brand {
  display: block;
}
#cart.checkout-cart .cart-section .cart-items .item .item-quantity {
  grid-column: span 4;
  display: inline-flex;
  align-items: center;
  gap: 3.5px;
  flex-wrap: nowrap;
  border: 1px solid var(--color-8);
  border-radius: var(--border-radius);
  justify-self: flex-start;
}
@media (max-width: 767px) {
  #cart.checkout-cart .cart-section .cart-items .item .item-quantity {
    grid-column: span 6;
  }
}
#cart.checkout-cart .cart-section .cart-items .item .item-quantity input {
  width: 36px;
  padding: 7px;
  border: 1px solid #cecece;
  border: none;
  text-align: center;
}
#cart.checkout-cart .cart-section .cart-items .item .item-quantity i {
  padding: 14px;
  display: flex;
  cursor: pointer;
}
@media (max-width: 767px) {
  #cart.checkout-cart .cart-section .cart-items .item .item-quantity i {
    padding: 7px;
  }
}
#cart.checkout-cart .cart-section .cart-items .item .item-quantity i:before {
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #cart.checkout-cart .cart-section .cart-items .item .item-quantity i:before {
    font-size: 0.85rem;
  }
}
#cart.checkout-cart .cart-section .cart-items .item .item-quantity i[disabled] {
  cursor: not-allowed;
  opacity: 0.25;
}
@media (max-width: 767px) {
  #cart.checkout-cart .cart-section .cart-items .item .item-price {
    grid-column: span 5;
  }
}
#cart.checkout-cart .cart-section .cart-items .item .item-delete {
  text-align: right;
}
@media (max-width: 767px) {
  #cart.checkout-cart .cart-section .cart-items .item .item-delete {
    grid-column: span 1;
  }
}
#cart.checkout-cart .cart-section .cart-items .item .item-delete i {
  cursor: pointer;
}
#cart.checkout-cart .cart-section .cart-items .item .tag-wrapper {
  grid-column: 1/-1;
  display: flex;
  gap: 5px;
}
#cart.checkout-cart .cart-section .cart-items .item .tag-wrapper .tag {
  display: inline-flex;
  align-items: center;
  background: var(--color-2);
  color: white;
  padding: 2px 3px;
  font-size: 0.7rem;
  border-radius: var(--border-radius-half);
}
#cart.checkout-cart .total-sum {
  text-align: right;
  font-weight: 600;
  padding: 14px;
}
@keyframes slide-in-out {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  25% {
    transform: translate3d(0%, 0%, 0);
  }
  75% {
    transform: translate3d(0%, 0%, 0);
  }
  100% {
    transform: translate3d(0%, -100%, 0);
  }
}
.toasts {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 99999;
  min-width: 640px;
  max-width: 1280px;
  -webkit-transform: translate3d(-50%, 0%, 0);
  -moz-transform: translate3d(-50%, 0%, 0);
  -o-transform: translate3d(-50%, 0%, 0);
  -ms-transform: translate3d(-50%, 0%, 0);
  transform: translate3d(-50%, 0%, 0);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column-reverse;
}
@media (max-width: 767px) {
  .toasts {
    min-width: 100vw;
    max-width: 100%;
  }
}
.toasts .toast {
  margin: 3.5px auto;
  background: white;
  border-radius: var(--border-radius);
  color: var(--color-1);
  box-shadow: var(--plenum-shadow);
  font-size: 0.9rem;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  width: 100%;
  display: block;
  transition: all 0.8s ease-in-out;
  top: 14px;
}
.toasts .toast:nth-last-of-type(2) {
  transform: scale(0.98);
  top: 3px;
  filter: brightness(0.95);
}
.toasts .toast:nth-last-of-type(n+3) {
  transform: scale(0.94);
  top: -8px;
  filter: brightness(0.75);
}
.toasts .toast.toast-enter-active,
.toasts .toast.toast-leave-active {
  transition: all 0.4s;
}
.toasts .toast.toast-enter,
.toasts .toast.toast-leave-to {
  position: absolute;
  opacity: 0;
  transform: translate3d(0, -100%, 0);
}
.toasts .toast.toast-leave-active {
  position: absolute;
}
.toasts .toast.toast-enter-to {
  transform: translate3d(0, 0, 0);
}
.toasts .toast.toast-move {
  transition: transform 0.4s;
}
.toasts .toast.product {
  text-align: left;
}
.toasts .toast.product header {
  padding: 14px;
  display: flex;
  flex-wrap: nowrap;
  gap: 14px;
  justify-content: flex-start;
  align-items: center;
}
.toasts .toast.product header .close {
  margin-left: auto;
}
.toasts .toast.product .product-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 14px;
  justify-content: flex-start;
}
.toasts .toast.product .product-wrapper .item-image {
  width: 100px;
  height: 100px;
}
.toasts .toast.product .product-wrapper .item-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.toasts .toast.product .product-wrapper .item-name {
  text-align: left;
}
.toasts .toast.product .product-wrapper .item-price {
  margin-left: auto;
}
.toasts .toast.product footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
.toasts .toast .padding-1 {
  padding: 14px;
}
.toasts .toast a {
  /* & + a, & + button {
                margin-left: @default-padding*0.5;
            }*/
}
.toasts .toast a.btn {
  text-decoration: none;
}
.toasts .toast a.close {
  position: absolute;
  top: 10.5px;
  right: 10.5px;
  padding: 7px;
  transition: all 0.2s ease-in-out;
  background: none;
  width: 18px;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  text-decoration: none;
}
.toasts .toast a.close:before {
  content: none;
}
.toasts .toast a.close:hover {
  transform: rotate(90deg);
}
.toasts .toast a.close .stripe {
  background: black;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.toasts .toast a.close .stripe:last-of-type {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.toasts.slide-enter {
  animation: slide-in 0.4s ease-out forwards;
}
.toasts.slide-leave {
  animation: slide-out 0.4s ease-in forwards;
}
.toasts.error {
  background: var(--plenum-light-red);
  color: var(--plenum-color-alert);
  border: 1px solid var(--plenum-color-alert);
  font-weight: 600;
}
.notice,
.error-notice {
  position: relative;
  color: var(--plenum-color-alert);
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 7px 0;
  padding-left: 2rem;
}
.notice:before,
.error-notice:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.4rem;
}
.notice p,
.error-notice p {
  margin: 0;
}
.notice.error,
.error-notice.error {
  color: var(--plenum-color-alert);
}
.notice.error:before,
.error-notice.error:before {
  background: url('/gfx/icons/triangle.svg') no-repeat center center;
  background-size: contain;
}
.notice.small,
.error-notice.small {
  font-size: 11px;
  padding: 7px;
  margin: 0;
}
#checkout {
  margin: 112px auto;
}
@media (max-width: 767px) {
  #checkout {
    margin: 28px auto;
  }
}
#checkout .input-wrapper {
  margin: 7px auto;
}
#checkout .input-wrapper label {
  display: block;
}
#checkout .input-wrapper input {
  width: 100%;
}
#checkout label {
  font-size: 1rem;
  font-weight: 300;
}
#checkout input {
  padding: 9.8px 21px;
  border: 1px solid var(--color-4);
}
#checkout #checkout-stages {
  margin: 0;
  padding: 0;
}
#checkout #checkout-stages li {
  list-style: none;
}
#checkout #checkout-stages li #customer-wrapper,
#checkout #checkout-stages li #delivery-wrapper,
#checkout #checkout-stages li #payment-wrapper,
#checkout #checkout-stages li #checkout-summary,
#checkout #checkout-stages li #discount-wrapper {
  background: white;
  border: 1px solid var(--color-7);
  border-radius: var(--border-radius);
}
#checkout #checkout-stages li #customer-wrapper {
  padding: 14px;
}
#checkout #checkout-stages li #delivery-wrapper {
  padding: 14px;
}
#checkout #checkout-stages li #delivery-wrapper ul {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 14px;
}
#checkout #checkout-stages li #delivery-wrapper ul li {
  list-style: none;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
#checkout #checkout-stages li #payment-wrapper {
  padding: 14px;
}
#checkout #checkout-stages li #payment-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
}
#checkout #checkout-stages li #payment-wrapper ul li {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
#checkout #checkout-stages li #discount-wrapper .discount-wrapper-inner {
  padding: 14px;
  display: grid;
  gap: 7px;
  grid-template-columns: 1fr auto;
}
#checkout #checkout-stages li #discount-wrapper .discount-wrapper-inner .discount-code-wrapper {
  display: flex;
  gap: 7px;
}
#checkout #checkout-stages li #discount-wrapper .discount-wrapper-inner .discount-code-wrapper input {
  padding: 7.7px 7px;
  width: auto;
  flex: 1 1 auto;
}
#checkout #checkout-stages li #discount-wrapper .discount-wrapper-inner .close-btn {
  margin: auto;
  display: inline-flex;
}
#checkout #checkout-stages li #discount-wrapper .discount-wrapper-inner .close-btn i {
  line-height: 0.8;
}
#checkout #checkout-stages li #discount-wrapper .discount-wrapper-inner .discount-code-code {
  margin: 0;
}
#checkout #checkout-stages li #discount-wrapper .discount-wrapper-inner .discount-code-description {
  -ms-grid-column: 1/-1;
  grid-column: 1/-1;
  width: 100%;
  background: var(--color-8);
  color: --var(color-1);
  padding: 7px;
  border-radius: var(--border-radius-half);
  font-size: 0.9rem;
  margin: 0;
}
#checkout #checkout-stages li #checkout-summary {
  padding: 14px;
}
#checkout #checkout-stages li #checkout-summary table.summary {
  flex: 0 1 auto;
  width: 100%;
  border-collapse: collapse;
}
#checkout #checkout-stages li #checkout-summary table.summary thead th {
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
}
#checkout #checkout-stages li #checkout-summary table.summary thead th:last-child {
  text-align: right;
}
#checkout #checkout-stages li #checkout-summary table.summary tbody tr {
  border-bottom: 1px solid var(--border-grey);
}
#checkout #checkout-stages li #checkout-summary table.summary tbody tr:last-child {
  border-bottom: 0px;
  border-top: 1px solid var(--color-5);
}
#checkout #checkout-stages li #checkout-summary table.summary tbody tr td {
  padding: 7px 0;
}
#checkout #checkout-stages li #checkout-summary table.summary tbody tr td:last-child {
  text-align: right;
}
#checkout #checkout-stages li #checkout-summary table.summary tbody tr td:last-child.couponimg {
  line-height: 0;
  text-align: left;
}
@media (max-width: 767px) {
  #checkout #checkout-stages li #checkout-summary table.summary tbody tr td {
    display: table-cell;
  }
}
#product .product-image img {
  max-width: 100%;
}
#product .product-information .product-description p {
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#product .product-information #product-quantity {
  align-self: flex-start;
  display: inline-grid;
  grid-template-columns: repeat(3, minmax(auto, 1fr));
  border: 1px solid var(--color-8);
  border-radius: var(--border-radius);
  width: 120px;
}
#product .product-information #product-quantity div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  width: 40px;
}
#product .product-information #product-quantity input {
  width: 40px;
  text-align: center;
}
#product .product-information .product-price {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 600;
  margin: 0 auto;
  margin-left: 0;
}
#product .product-information .product-price span.discount-price {
  /*text-decoration: line-through;
                    text-decoration-color: var(--color-2);*/
  font-size: 0.8rem;
}
#product .product-information .product-in-stock .stock-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--color-8);
  padding: 3px;
}
#product .product-information .product-in-stock .stock-icon i {
  display: inline-block;
  line-height: 0.8;
}
#product .product-information .product-in-stock span {
  font-size: 0.8rem;
}
#product .product-information .product-variant {
  margin: 14px auto;
}
#product .product-information .product-variant .variant-btn {
  width: 0;
  height: 0;
  overflow: hidden;
}
#product .product-information .product-variant .variant-btn:checked + label {
  background: var(--color-1);
  color: white;
}
#product .product-information .product-variant .variant-btn:disabled + label {
  opacity: 0.35;
  background: var(--color-5);
  cursor: default;
}
#product .product-information .product-variant .variant-btn + label {
  padding: 7px 14px;
  border: 1px solid var(--color-1);
  background: transparent;
  color: var(--color-1);
  cursor: pointer;
  text-align: center;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper {
  position: relative;
  display: inline-block;
  min-width: 240px;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10.5px;
  translate: 0 -50% 0;
  border-top: 6px solid var(--color-1);
  border-right: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 5px solid transparent;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper.active:after {
  rotate: 180deg;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper.active .product-variant-dropdown-list {
  display: block;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper .product-variant-dropdown-list-selector {
  border: 1px solid var(--color-5);
  padding: 10.5px;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper .product-variant-dropdown-list {
  border: 1px solid var(--color-5);
  position: absolute;
  display: none;
  bottom: 0;
  translate: 0 100% 0;
  padding: 0;
  margin: 0;
  z-index: 1;
  width: 100%;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper .product-variant-dropdown-list li {
  display: flex;
  justify-content: space-between;
  background: white;
  border-bottom: 1px solid var(--color-5);
  padding: 10.5px;
  margin: 0;
  width: 100%;
  gap: 14px;
  cursor: pointer;
  user-select: none;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper .product-variant-dropdown-list li[disabled] {
  pointer-events: none;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper .product-variant-dropdown-list li[disabled] span:first-of-type {
  opacity: 0.4;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper .product-variant-dropdown-list li:hover,
#product .product-information .product-variant .product-variant-dropdown-list-wrapper .product-variant-dropdown-list li:focus {
  background: var(--color-5);
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper .product-variant-dropdown-list li:last-of-type {
  border-bottom: 0;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper .product-variant-dropdown-list li span:last-of-type {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
#product .product-information .product-variant .product-variant-dropdown-list-wrapper .product-variant-dropdown-list li span:last-of-type .plenum-circle {
  font-size: 0.4rem;
  line-height: 0.8;
}
.product-filter-toggle {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: black;
  padding: 0;
}
.product-filter-toggle:before {
  content: none;
}
.product-filter-toggle:hover {
  background: transparent;
  color: var(--color-1);
  outline: none;
  border: 0;
}
#product-filter aside {
  background: white;
  position: fixed !important;
  color: var(--color-1);
  width: 25%;
  height: calc(100% - var(--header-height));
  top: var(--header-height);
  left: 0;
  transform: translate3d(-101%, 0, 0);
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 20;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  #product-filter aside {
    width: 100%;
  }
}
#product-filter aside.visible {
  transform: translate3d(0, 0, 0);
}
#product-filter aside.visible .product-filter-wrapper-close-btn {
  display: block;
}
#product-filter aside header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  gap: 14px;
  position: relative;
  padding: 14px;
  margin: 0;
}
#product-filter aside header .product-filter-toggle {
  transform: rotate(45deg);
}
#product-filter aside header .product-filter-toggle i {
  display: inline-block;
  line-height: 0.8;
  color: black;
}
#product-filter aside header .empty-product-filter {
  background: transparent;
  color: var(--color-1);
  margin-left: auto;
  border: 1px solid var(--color-5);
  border-radius: var(--border-radius-small);
  padding: 5.6px 7px;
}
#product-filter aside header .empty-product-filter:hover {
  background: var(--color-5);
}
#product-filter aside section {
  position: relative;
  padding: 14px;
  overflow-y: scroll;
}
#product-filter aside section ul {
  list-style: none;
  padding: 0;
}
#product-filter aside section ul li {
  margin-bottom: 3.5px;
}
#product-filter aside section ul li:last-of-type {
  margin-bottom: 0;
}
#product-filter aside section ul li a {
  text-transform: none;
  margin: 0;
  font-weight: 400;
}
#product-filter aside section ul li label {
  text-transform: none;
  font-weight: 400;
  /*font-size: 1rem;
                    line-height: 1.4;*/
  user-select: none;
  margin: 0;
}
#product-filter aside footer {
  padding: 14px;
  color: black;
}
#product-filter aside footer #product-filter-result {
  margin-left: 7px;
}
#product-filter aside footer #product-filter-result:empty {
  margin-left: 0;
}
.product-list-select {
  background-color: transparent !important;
  background: #fff url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12"><polygon points="5.1,10.9 8.2,7.9 7.2,6.9 4.8,9.2 4.8,0 3.4,0 3.4,9.2 1.1,6.9 0.1,7.9 3.1,10.9 4.1,11.9 	"/> <polygon points="11,1 8,4 9,5 11.3,2.7 11.3,11.9 12.7,11.9 12.7,2.7 15.1,5 16.1,4 13,1 12,0 	"/></svg>') no-repeat right 4px center;
  background-size: 16px 12px;
  padding-right: 32px;
  webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*border: 1px solid #6c6c6c;*/
  border: 0;
  cursor: pointer;
  text-indent: 0;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border-radius: 0;
  font-size: 1rem;
  line-height: 2;
  font-weight: 500;
  font-family: var(--font-default);
  color: var(--color-1);
  margin: 0;
  outline: 0;
  display: inline-block;
  width: auto;
}
#toggle-cookie-toast {
  cursor: pointer;
}
#cookie-consent-banner {
  position: fixed;
  overflow: auto;
  z-index: 1000;
  max-width: 450px;
  height: 100%;
  padding: 28px;
  color: black;
  background-color: var(--color-7);
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.6s;
  font-size: 0.98rem;
  display: flex;
  flex-direction: column;
  /*a {
        color: var(--color-9);
        text-decoration: underline;
    }*/
}
#cookie-consent-banner.active {
  transform: translate3d(0, 0, 0);
}
#cookie-consent-banner h3 {
  text-align: center;
  margin: auto auto auto 0;
}
#cookie-consent-banner .close-cookie-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#cookie-consent-banner .close-cookie-wrapper #close-cookie {
  all: unset;
  position: relative;
  cursor: pointer;
  text-align: right;
  line-height: 0.8;
}
#cookie-consent-banner .cookie-consent-form {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
#cookie-consent-banner .cookie-consent-form .form-section-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#cookie-consent-banner .cookie-consent-form .form-section-container .form-headline-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#cookie-consent-banner .cookie-consent-form .form-section-container .form-headline-container .switch:empty + label:before,
#cookie-consent-banner .cookie-consent-form .form-section-container .form-headline-container .switch:empty + input[type=hidden] + label:before {
  background-color: #e26d6d;
}
#cookie-consent-banner .cookie-consent-form .form-section-container .form-headline-container .switch:checked + label:before,
#cookie-consent-banner .cookie-consent-form .form-section-container .form-headline-container .switch:checked + input[type=hidden] + label:before {
  background-color: var(--color-2);
}
#cookie-consent-banner .cookie-consent-form .form-section-container .form-headline-container .switch:checked + label:after,
#cookie-consent-banner .cookie-consent-form .form-section-container .form-headline-container .switch:checked + input[type=hidden] + label:after {
  margin-left: 1.2rem;
}
#cookie-consent-banner .cookie-consent-form .form-section-container .form-headline-container .form-headline {
  flex-grow: 1;
  font-weight: 600;
  margin: 0;
}
#cookie-consent-banner .cookie-consent-form .form-section-container .form-headline-container label {
  padding: 0 0 0 2.4rem;
}
#cookie-consent-banner .cookie-consent-form #cookie-error {
  text-align: center;
  display: none;
  color: red;
  margin-bottom: 35px;
}
#cookie-consent-banner .cookie-consent-form #cookie-error.active {
  display: block;
}
#cookie-consent-banner .cookie-consent-form .submit-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: auto;
}
@media (max-width: 767px) {
  #cookie-consent-banner .cookie-consent-form .submit-buttons {
    align-items: normal;
    flex-direction: column-reverse;
    gap: 14px;
  }
}
#cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-container input [type=submit],
#cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-container input[type=button],
#cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-container button,
#cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-container .btn,
#cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-container a.btn {
  border: 1px solid var(--color-6);
  background: var(--color-6);
  padding: 12px 24px;
}
@media (max-width: 767px) {
  #cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-container input [type=submit],
  #cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-container input[type=button],
  #cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-container button,
  #cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-container .btn,
  #cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-container a.btn {
    width: 100%;
  }
}
#cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-recommended-container input [type=submit],
#cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-recommended-container input[type=button],
#cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-recommended-container button,
#cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-recommended-container .btn,
#cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-recommended-container a.btn {
  border: 1px solid var(--color-2);
  background: var(--color-2);
  padding: 12px 24px;
}
@media (max-width: 767px) {
  #cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-recommended-container input [type=submit],
  #cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-recommended-container input[type=button],
  #cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-recommended-container button,
  #cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-recommended-container .btn,
  #cookie-consent-banner .cookie-consent-form .submit-buttons .cookie-submit-recommended-container a.btn {
    width: 100%;
  }
}
.cookie-consent-toast {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cookie-consent-toast .cookie-consent-box {
  background-color: var(--color-1);
  color: #fff;
  padding: 35px;
  border-radius: 14px;
  text-align: center;
  width: 400px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.cookie-consent-toast .cookie-consent-box #cookie-notice-toast {
  margin: 0 0 21px;
}
.cookie-consent-toast .cookie-consent-box .cookie-consent-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cookie-consent-toast .cookie-consent-box .cookie-consent-form input [type=submit],
.cookie-consent-toast .cookie-consent-box .cookie-consent-form input[type=button],
.cookie-consent-toast .cookie-consent-box .cookie-consent-form button,
.cookie-consent-toast .cookie-consent-box .cookie-consent-form .btn,
.cookie-consent-toast .cookie-consent-box .cookie-consent-form a.btn {
  border: 1px solid var(--color-2);
  background: var(--color-2);
  padding: 12px 24px;
}
.cookie-consent-toast .cookie-consent-box .cookie-consent-form input [type=submit]:hover,
.cookie-consent-toast .cookie-consent-box .cookie-consent-form input[type=button]:hover,
.cookie-consent-toast .cookie-consent-box .cookie-consent-form button:hover,
.cookie-consent-toast .cookie-consent-box .cookie-consent-form .btn:hover,
.cookie-consent-toast .cookie-consent-box .cookie-consent-form a.btn:hover {
  border: 1px solid var(--color-3);
  background: var(--color-3);
}
#cookie-disclaimer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  box-shadow: 0;
  transition: all 0.4s ease-in-out;
  background: rgba(0, 0, 0, 0);
  visibility: hidden;
}
@media (max-width: 1023px) {
  #cookie-disclaimer {
    flex-direction: column;
    font-size: 0.8rem;
  }
}
#cookie-disclaimer.active {
  visibility: initial;
  background: rgba(0, 0, 0, 0.4);
}
#cookie-disclaimer.active > div {
  translate: -50% 0 0;
}
#cookie-disclaimer.active > div #close-cookie-disclaimer {
  display: block;
}
#cookie-disclaimer > div {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 200% 0;
  background: white;
  color: var(--color-1);
  padding: 14px;
  width: 100%;
  max-width: var(--max-px-width-medium);
  margin: 14px auto;
  display: flex;
  align-items: flex-end;
  border-radius: var(--border-radius);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
  transition: translate 0.4s ease-in-out;
  flex-direction: column;
  gap: 14px;
  align-items: center;
  justify-content: center;
}
#cookie-disclaimer > div #close-cookie-disclaimer {
  display: none;
  position: absolute;
  right: 14px;
  top: 14px;
  cursor: pointer;
}
#cookie-disclaimer > div .text-wrapper h4 {
  margin: 14px 0;
  text-align: center;
}
#cookie-disclaimer > div .text-wrapper p {
  font-size: 0.88rem;
  font-weight: 200;
  line-height: 1.4;
  margin: 0;
  text-align: center;
}
#cookie-disclaimer > div .text-wrapper p a {
  margin: 0;
  text-decoration: underline;
  text-decoration-color: var(--color-2);
  text-underline-offset: 2px;
}
#cookie-disclaimer > div > a {
  margin: auto 0 auto 14px;
  display: block;
  flex: 0 0 auto;
  white-space: nowrap;
}
@media (max-width: 1023px) {
  #cookie-disclaimer > div > a {
    margin: 14px auto 0 auto;
  }
}
.form-container {
  font-family: var(--font-default);
}
.form-container .form-validation-summary .validation-errors {
  list-style: none;
  color: var(--color-alert);
  margin: 0;
  padding: 0;
}
.form-container .form-group input,
.form-container .form-group input[type=date],
.form-container .form-group textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  font-family: var(--font-default);
}
.form-container .form-group textarea {
  max-width: 100%;
  max-height: 300px;
}
.form-container .form-group .form-input.invalid {
  border-color: var(--color-alert);
}
.form-container .form-submit button {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  font-family: var(--font-default);
}
.event-signup-section {
  max-width: 700px;
  margin: 2rem auto;
  border-radius: var(--border-radius);
  background: var(--color-9);
  padding: 28px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 28px;
}
@media (max-width: 767px) {
  .event-signup-section {
    padding: 14px;
  }
}
.event-signup-section .event-selector {
  border-radius: 8px;
}
.event-signup-section .event-selector h3 {
  margin-top: 0;
  margin-bottom: 28px;
}
.event-signup-section .event-selector select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  font-family: var(--font-default);
}
.event-signup-section .event-form-container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 28px;
}
.event-signup-section .event-form-container .event-details {
  border-radius: 8px;
  background: var(--color-2);
  padding: 14px;
  color: white;
}
.loading-spinner {
  text-align: center;
  color: #666;
  padding: 2rem;
}
.expired-event {
  text-align: center;
  color: #dc3545;
  font-style: italic;
  padding: 2rem;
  background: #f8d7da;
  border-radius: 8px;
}
.no-events {
  text-align: center;
  color: #666;
  font-style: italic;
  margin: 2rem 0;
}
.alert {
  padding: 1rem;
  border-radius: 4px;
}
.alert-success {
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
}
.alert-danger {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
}
.limited-spots-warning {
  color: #dc3545;
  font-weight: bold;
  margin-top: 0.5rem;
}
.full-event-warning {
  color: #dc3545;
  font-weight: bold;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: #f8d7da;
  border-radius: 4px;
}
.schedule-grid {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
  background: var(--color-11);
  width: 100%;
  max-width: var(--max-px-width-big);
  gap: 1px;
  border: 1px solid var(--color-11);
  overflow: hidden;
}
@media (max-width: 1024px) {
  .schedule-grid {
    overflow-x: scroll;
  }
}
.schedule-grid div {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: white;
  padding: 0;
  font-size: 0.88rem;
  line-height: 1.4;
  /*        &:hover {
            outline: 2px solid red;
        }*/
}
.schedule-grid div:after {
  content: "";
  display: none;
  background: rgba(234, 182, 0, 0.1);
  border: 1px solid #eab600;
  position: absolute;
  left: 50%;
  width: 200vw;
  translate: -50% 0 0;
  height: calc(100% + 1px);
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
.schedule-grid div:hover:after {
  display: block;
  opacity: 1;
}
.schedule-grid div.schedule-header {
  font-size: 0.8rem;
  font-weight: bold;
}
.schedule-grid div.time,
.schedule-grid div.time-header {
  position: sticky;
  left: 0;
  background: white;
  z-index: 2;
}
.schedule-grid div.time {
  font-size: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.8px;
  padding: 1.4px;
  pointer-events: none;
}
.schedule-grid div.schedule-cell,
.schedule-grid div.schedule-slot {
  min-width: 140px;
}
.schedule-grid div.bg-1 {
  background: #90b28e;
}
.schedule-grid div.bg-2 {
  background: #90b28e;
}
.schedule-grid div.bg-3 {
  background: #ff8383;
}
.schedule-grid div.bg-4 {
  background: #679cfb;
}
.schedule-grid div.bg-5 {
  background: pink;
}
.schedule-grid div.bg-6 {
  background: #58e66d;
}
.schedule-grid div.bg-7 {
  background: #a8fbdf;
}
.schedule-grid div.bg-8 {
  background: #56b88c;
}
.schedule-grid div.bg-9 {
  background: #e8ccfd;
}
.schedule-grid div.bg-10 {
  background: #ffc37e;
}
.schedule-grid div.bg-11 {
  background: #d9994f;
}
.schedule-grid div.bg-999 {
  background: yellow;
}
.schedule-grid div.bg-1000 {
  background: #c5f8fc;
  font-size: 0.6rem;
}
.schedule-grid div.bg-100,
.schedule-grid div.bg-200,
.schedule-grid div.bg-300 {
  background: #ececec;
}
.schedule-grid div .schedule-slot-content {
  width: 100%;
  height: 100%;
  display: flex;
  background: transparent;
}
.schedule-grid div .locker-room {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  padding: 1px 3.5px;
  font-size: 0.6rem;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-weight: bold;
}
body.no-scroll {
  overflow: hidden;
}
.bracket {
  display: flex;
  gap: 40px;
}
.round {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.match {
  background: #f8f8f8;
  border-radius: 10px;
  padding: 10px;
  min-width: 180px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.team {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
}
.team span:first-child {
  font-weight: bold;
}
.time {
  font-size: 0.8rem;
  color: #777;
}
.penalties {
  font-size: 0.7rem;
  margin: 4px 0 0 0;
  padding-left: 12px;
}
#live-admin {
  background: black;
  color: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  padding: 28px;
}
@media (max-width: 767px) {
  #live-admin {
    padding: 14px;
  }
}
#live-admin .main-panel {
  /*display: grid;
        grid-template-columns: auto 1fr auto;*/
  /*gap: @default-padding;*/
  display: flex;
  height: 100%;
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  #live-admin .main-panel {
    display: block;
  }
}
@media (max-width: 767px) {
  #live-admin .main-panel > aside {
    display: none;
  }
}
#live-admin .main-panel .main-buttons {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 7px;
  margin: 7px auto;
}
#live-admin .main-panel .main-buttons button {
  display: block;
}
#live-admin .main-panel .main-buttons .modal-players {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--border-radius);
  z-index: 10;
  top: 50%;
  translate: 0 -50%;
  min-width: 260px;
}
#live-admin .main-panel .main-buttons .modal-players.home {
  left: 90%;
}
#live-admin .main-panel .main-buttons .modal-players.away {
  left: auto;
  right: 90%;
}
#live-admin .main-panel .main-buttons .modal-players ul {
  margin: 0;
  padding: 3.5px;
  display: flex;
  gap: 3.5px;
  flex-direction: column;
}
#live-admin .main-panel .main-buttons .modal-players ul li {
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0;
  margin: 0;
  flex: 1;
}
#live-admin .main-panel .main-buttons .modal-players ul li button {
  display: block;
  width: 100%;
}
#live-admin .main-panel .center-console {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#live-admin .main-panel .center-console .clock-wrapper {
  background: radial-gradient(circle at 30% 140%, rgba(217, 126, 75, 0.3), transparent 37%), radial-gradient(circle at 50% 310%, #0400ff26, #a2a68700 78%), linear-gradient(transparent, #0d0a195e), radial-gradient(circle at 50% -30%, #a85c5c33, #67454500), radial-gradient(90% 10% at 50% 0, #a85c5c0d, #67454500 90%);
  border-radius: var(--border-radius);
  border: 1px solid color-mix(in srgb, var(--color-8), 60% transparent);
  box-shadow: inset 0 1px color-mix(in srgb, var(--color-10), 66% transparent);
  display: grid;
  grid-template-columns: auto auto 1fr 1fr auto auto;
  gap: 3.5px;
  margin: 0 auto;
  width: 100%;
  max-width: var(--max-px-width-small);
  padding: 14px;
}
#live-admin .main-panel .center-console .clock-wrapper .teamgoals {
  align-items: center;
  justify-content: center;
  grid-column: span 2;
  font-family: var(--font-display);
  font-size: 4rem;
  line-height: 1;
  color: var(--color-7);
  text-align: center;
  display: flex;
}
#live-admin .main-panel .center-console .clock-wrapper .teamname {
  align-items: center;
  justify-content: center;
  grid-column: span 3;
  font-weight: normal;
  font-family: var(--font-display);
  text-align: left;
}
#live-admin .main-panel .center-console .clock-wrapper .teamname.away {
  text-align: right;
}
#live-admin .main-panel .center-console .clock-wrapper .clock {
  grid-column: span 2;
  align-self: flex-end;
  display: flex;
  gap: 7px;
  align-items: center;
  text-align: center;
  padding: 0;
  margin: 14px auto;
  background: transparent;
  border: 0;
  width: 100%;
  -webkit-justify-content: center;
  justify-content: center;
}
#live-admin .main-panel .center-console .clock-wrapper .clock input {
  font-family: var(--font-display);
  font-size: 4rem;
  line-height: 0.8;
  color: var(--color-2);
  font-weight: 400;
  width: auto;
  width: 100%;
  max-width: 60px;
  background: transparent;
  border: 0;
  display: block;
  margin: 0;
  text-align: center;
  padding: 0;
}
#live-admin .main-panel .center-console .clock-wrapper .clock input:focus {
  outline: none;
  border: 0;
}
#live-admin .main-panel .center-console .clock-wrapper .clock input::selection {
  background: var(--color-2);
  color: var(--color-1);
}
#live-admin .main-panel .center-console .clock-wrapper .clock .match-state {
  display: flex;
  gap: 3.5px;
  flex-direction: column;
  align-items: center;
  font-size: 0.5rem;
}
#live-admin .main-panel .center-console .clock-wrapper .clock .match-state .stopped {
  color: var(--color-9);
  transition: 0.3s ease-in-out;
}
#live-admin .main-panel .center-console .clock-wrapper .clock .match-state .stopped.active {
  color: red;
}
#live-admin .main-panel .center-console .clock-wrapper .clock .match-state .running {
  color: var(--color-9);
  transition: 0.3s ease-in-out;
}
#live-admin .main-panel .center-console .clock-wrapper .clock .match-state .running.active {
  color: green;
}
#live-admin .main-panel .center-console .clock-wrapper .st-btn {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  font-size: 3rem;
  line-height: 1;
  border: 0;
  color: var(--color-2);
}
#live-admin .main-panel .center-console .clock-wrapper .st-btn:hover {
  color: var(--color-6);
}
#live-admin .main-panel .center-console .clock-wrapper .penalty-home,
#live-admin .main-panel .center-console .clock-wrapper .penalty-away {
  grid-column: span 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  justify-self: flex-start;
}
#live-admin .main-panel .center-console .clock-wrapper .penalty-away {
  justify-content: flex-end;
  justify-self: flex-end;
}
#live-admin .main-panel .center-console .clock-wrapper .period,
#live-admin .main-panel .center-console .clock-wrapper .shots {
  grid-column: span 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  color: var(--color-2);
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--color-1);
}
#live-admin .main-panel .center-console .clock-wrapper .period .description-text,
#live-admin .main-panel .center-console .clock-wrapper .shots .description-text {
  font-size: 0.7rem;
  color: var(--color-7);
}
#live-admin .main-panel .center-console .clock-wrapper .period {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#live-admin .main-panel .center-console .clock-wrapper .period span {
  font-size: 0.8rem;
}
#live-admin .main-panel .center-console .clock-wrapper .period span.big {
  font-size: 3rem;
  font-weight: 800;
}
#live-admin .main-panel .center-console .clock-wrapper .period .matchperiod {
  margin: auto 7px;
}
#live-admin .main-panel .center-console .clock-wrapper .period .period-btn {
  background: transparent;
  color: white;
  border: 1px solid var(--color-5);
  border-radius: var(--border-radius-half);
  padding: 2px 8px;
  cursor: pointer;
  font-size: 1.2rem;
}
#live-admin .main-panel .center-console .clock-wrapper .period .period-btn:hover {
  background: var(--color-3);
}
#live-admin .events-wrapper {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  height: auto;
  overflow: hidden;
  flex: 1 1 auto;
  margin: 0 auto;
  margin-top: 14px;
  width: 100%;
  max-width: var(--max-px-width-medium);
}
@media (max-width: 767px) {
  #live-admin .events-wrapper {
    gap: 14px 0;
    /*display: flex;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;*/
  }
}
#live-admin .events-wrapper .clock-button {
  grid-column: 2/3;
  display: flex;
  justify-content: center;
  align-items: center;
  /* @media @mobile {
                order: 0;
            }*/
}
#live-admin .events-wrapper .clock-button .st-btn {
  width: 36px;
  height: 36px;
}
#live-admin .events-wrapper .clock-button .st-btn:before,
#live-admin .events-wrapper .clock-button .st-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 18px;
  width: 4px;
  background: transparent;
  border: 2px solid black;
  translate: -4px -50% 0;
  transition: 0.4s ease-in-out;
}
#live-admin .events-wrapper .clock-button .st-btn:after {
  left: 50%;
  translate: 4px -50% 0;
}
#live-admin .events-wrapper .clock-button .st-btn.paused:before {
  opacity: 0;
}
#live-admin .events-wrapper .clock-button .st-btn.paused:after {
  translate: -4px -50% 0;
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid black;
}
#live-admin .events-wrapper .event-btn img {
  width: 18px;
  height: 18px;
}
#live-admin .events-wrapper .home-buttons {
  grid-column: 1/2;
  grid-row: 1/3;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 767px) {
  #live-admin .events-wrapper .home-buttons {
    grid-row: 1/2;
  }
}
#live-admin .events-wrapper .away-buttons {
  grid-column: 3/4;
  grid-row: 1/3;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 767px) {
  #live-admin .events-wrapper .away-buttons {
    grid-row: 1/2;
  }
}
#live-admin .events-wrapper .events-panel {
  grid-column: 2/3;
  grid-row: 2;
  width: 100%;
  justify-self: center;
}
@media (max-width: 767px) {
  #live-admin .events-wrapper .events-panel {
    grid-column: 1/-1;
  }
}
#live-admin .events-panel {
  width: 100%;
  max-width: 400px;
  flex: 1 1 auto;
  overflow-y: auto;
  border: 1px solid var(--color-9);
  border-radius: var(--border-radius);
}
#live-events {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  padding: 14px;
}
#live-events .event {
  width: 100%;
  display: flex;
  gap: 7px;
  align-items: center;
}
#live-events .event.home .details {
  justify-content: flex-start;
}
#live-events .event.home .details:before {
  max-width: 7px;
}
#live-events .event.home .details .event-action-badge.expanded {
  right: auto;
  left: 0;
}
#live-events .event.away .details {
  justify-content: flex-end;
}
#live-events .event.away .details .details-inner .event-action-badge {
  right: 0px;
  left: auto;
}
#live-events .event.away .details .details-inner .event-action-badge.expanded {
  right: 0;
  left: auto;
}
#live-events .event.goal time {
  color: var(--color-2);
  font-weight: 600;
}
#live-events .event.goal .details .details-inner {
  box-shadow: inset 0 1px color-mix(in srgb, var(--color-10), 60% transparent);
}
#live-events .event.goal .details .details-inner:before {
  background: radial-gradient(ellipse farthest-corner at 100% 50%, color-mix(in srgb, var(--color-10), 80% transparent), transparent 70%);
}
#live-events .event time {
  font-size: 0.7rem;
  font-weight: bold;
  color: var(--color-8);
  font-variant-numeric: tabular-nums;
}
#live-events .event .details {
  flex: 1 1 100%;
  display: flex;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#live-events .event .details:before {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: color-mix(in srgb, var(--color-5), 37% transparent);
}
#live-events .event .details .details-inner {
  min-width: clamp(30%, 50%, 60%);
  border-radius: var(--border-radius);
  background: radial-gradient(circle at 30% 140%, rgba(217, 126, 75, 0.3), transparent 37%), radial-gradient(circle at 50% 310%, #0400ff26, #a2a68700 78%), linear-gradient(transparent, #0d0a195e), radial-gradient(circle at 50% -30%, #a85c5c33, #67454500), radial-gradient(90% 10% at 50% 0, #a85c5c0d, #67454500 90%);
  background: linear-gradient(to bottom left, #1f1f1f69 0%, #1a151b8c 70%), linear-gradient(to bottom right, #7356451f 0%, transparent 70%), linear-gradient(to top left, #f2832121 0%, transparent 70%), linear-gradient(to top, transparent 0%, #ed36ec1a 100%);
  border: 1px solid color-mix(in srgb, var(--color-9), 40% transparent);
  box-shadow: inset 0 1px color-mix(in srgb, #c131b0, 66% transparent);
  color: var(--color-7);
  padding: 7px;
  font-size: 0.9rem;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative;
}
#live-events .event .details .details-inner:before {
  width: 16px;
  height: 80%;
  content: "";
  display: block;
  background: radial-gradient(ellipse farthest-corner at 100% 50%, #7d47a737, transparent 70%);
  position: absolute;
  left: 0;
  top: 50%;
  translate: -100% -50%;
  overflow: hidden;
}
#live-events .event .details .details-inner .player-name {
  font-weight: 400;
  font-size: 0.78rem;
  color: var(--color-11);
}
#live-events .event .details .details-inner .assist-wrapper {
  display: flex;
  gap: 0;
  align-items: center;
}
#live-events .event .details .details-inner .assist-wrapper .assist-icon {
  display: inline-block;
  height: auto;
  width: 7px;
  margin-right: 4px;
}
#live-events .event .details .details-inner .assist-wrapper .assist-icon path {
  fill: var(--color-8);
}
#live-events .event .details .details-inner .assist-wrapper .assist-player-name {
  display: inline-block;
  color: var(--color-8);
  font-size: 0.78rem;
}
#live-events .event .details .details-inner .label {
  border-radius: var(--border-radius-half);
  border: 1px solid var(--color-9);
  color: var(--color-2);
  padding: 2px 4px;
  font-weight: 300;
  font-size: 0.78rem;
}
#live-events .event .details .details-inner .event-action-badge {
  position: absolute;
  width: auto;
  bottom: -12px;
  left: 0px;
  display: flex;
  align-items: center;
  gap: 0px;
  background: rgba(0, 0, 0, 0.52);
  border-radius: 999px;
  border-top-color: var(--color-11);
  backdrop-filter: blur(4px);
  padding: 2px 7px;
  font-size: 0.75rem;
  line-height: 1;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  animation: bump ease-in 0.3s forwards;
}
#live-events .event .details .details-inner .event-action-badge.expanded {
  width: 200px;
  bottom: 4px;
  align-items: center;
  pointer-events: auto;
  font-size: 1rem;
  justify-content: space-around;
  padding: 6px 4px;
  background: rgba(15, 5, 25, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.12);
  gap: 2px;
  z-index: 2;
}
#live-events .event .details .details-inner .event-action-badge.expanded .badge-reaction-btn {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  padding: 5px 2px;
  color: white;
  font-size: 1rem;
  line-height: 1;
  transition: background 0.15s;
}
#live-events .event .details .details-inner .event-action-badge.expanded .badge-reaction-btn .badge-reaction-count {
  font-size: 0.58rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1;
}
#live-events .event .details .details-inner .event-action-badge.expanded .badge-reaction-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}
#live-events .event .details .details-inner .event-action-badge.expanded .badge-reaction-btn.selected {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
}
#live-events .event .details .details-inner .event-action-badge .badge-emojii {
  animation: bump ease-in 0.3s forwards;
}
#live-events .event .details .details-inner .event-action-badge .badge-total {
  color: white;
  margin-left: 1px;
}
.live-viewer {
  background: black;
  color: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  padding: 28px;
}
.live-viewer .stats-wrapper {
  background: radial-gradient(circle at 30% 140%, rgba(217, 126, 75, 0.3), transparent 37%), radial-gradient(circle at 50% 310%, #0400ff26, #a2a68700 78%), linear-gradient(transparent, #0d0a195e), radial-gradient(circle at 50% -30%, #a85c5c33, #67454500), radial-gradient(90% 10% at 50% 0, #a85c5c0d, #67454500 90%);
  border-radius: var(--border-radius);
  border: 1px solid color-mix(in srgb, var(--color-8), 60% transparent);
  box-shadow: inset 0 1px color-mix(in srgb, var(--color-10), 66% transparent);
  margin: 0 auto;
  width: 100%;
  max-width: var(--max-px-width-small);
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(6, minmax(auto, 1fr));
  align-items: center;
}
.live-viewer .stats-wrapper .team {
  /* align-self: flex-end;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-family: var(--font-display);
            padding: 0;*/
}
.live-viewer .stats-wrapper .penalty-home,
.live-viewer .stats-wrapper .penalty-away {
  grid-column: span 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  justify-self: flex-start;
}
.live-viewer .stats-wrapper .penalty-away {
  justify-content: flex-end;
  justify-self: flex-end;
}
.live-viewer .stats-wrapper .teamgoals {
  align-items: center;
  justify-content: center;
  grid-column: span 2;
  font-family: var(--font-display);
  font-size: 4rem;
  line-height: 1;
  color: var(--color-7);
  text-align: center;
}
.live-viewer .stats-wrapper .teamname {
  align-items: center;
  justify-content: center;
  grid-column: span 3;
  font-weight: normal;
  font-family: var(--font-display);
  text-align: left;
}
.live-viewer .stats-wrapper .teamname.away {
  text-align: right;
}
.live-viewer .stats-wrapper .clock {
  grid-column: span 2;
  align-self: flex-end;
  font-family: var(--font-display);
  font-size: 4rem;
  line-height: 1;
  color: var(--color-2);
  font-weight: 400;
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
}
.live-viewer .stats-wrapper .clock .match-state {
  display: flex;
  gap: 3.5px;
  flex-direction: column;
  align-items: center;
  font-size: 0.5rem;
}
.live-viewer .stats-wrapper .clock .match-state .stopped {
  color: var(--color-9);
  transition: 0.3s ease-in-out;
}
.live-viewer .stats-wrapper .clock .match-state .stopped.active {
  color: red;
}
.live-viewer .stats-wrapper .clock .match-state .running {
  color: var(--color-9);
  transition: 0.3s ease-in-out;
}
.live-viewer .stats-wrapper .clock .match-state .running.active {
  color: green;
}
.live-viewer .stats-wrapper .period,
.live-viewer .stats-wrapper .shots {
  grid-column: span 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  color: var(--color-2);
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--color-1);
}
.live-viewer .stats-wrapper .period .description-text,
.live-viewer .stats-wrapper .shots .description-text {
  font-size: 0.7rem;
  color: var(--color-7);
}
.live-viewer .events-panel {
  flex: 1 1 auto;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--color-2) transparent;
}
.live-viewer .events-panel::-webkit-scrollbar {
  width: 2px;
}
.live-viewer .events-panel::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 1px;
}
/*.period-controls {
    display: flex;
    align-items: center;
    gap: 5px;
}*/
/*  AI */
.event-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.event-modal {
  background: var(--color-8);
  border-radius: var(--border-radius);
  width: calc(100dvw - 14px*2);
  height: calc(100dvh - 14px*2);
  max-width: 500px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 767px) {
  .event-modal {
    max-height: 100vh;
  }
}
.event-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  border-bottom: 1px solid #eee;
  flex: 0 0 auto;
}
.event-modal .modal-header h3 {
  margin: 0;
  color: var(--color-1);
}
.event-modal .modal-header .close-btn {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--color-5);
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-modal .modal-header .close-btn:hover {
  color: var(--color-8);
}
.event-modal .modal-body {
  padding: 14px;
  flex: 1 1 auto;
  overflow: hidden;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
}
.event-modal .modal-body .type-selection {
  margin-bottom: 30px;
  flex: 0;
}
.event-modal .modal-body .type-selection h4 {
  margin: 0 0 15px 0;
  color: var(--color-5);
}
.event-modal .modal-body .type-selection .type-buttons {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.event-modal .modal-body .type-selection .type-buttons button {
  padding: 10.5px 17.5px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: var(--border-radius-half);
  cursor: pointer;
  transition: all 0.2s;
}
.event-modal .modal-body .type-selection .type-buttons button:hover {
  border-color: var(--color-2);
  color: black;
}
.event-modal .modal-body .type-selection .type-buttons button.selected {
  border-color: var(--color-3);
  background: var(--color-2);
  color: black;
}
.event-modal .modal-body .player-selection {
  flex: 0 1 auto;
}
.event-modal .modal-body .player-selection h4 {
  margin: 14px 0;
  color: #333;
}
.event-modal .modal-body .player-selection .players-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
  max-height: 500px;
  overflow-y: auto;
}
.event-modal .modal-body .player-selection .player-btn {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 0;
  /*border: 2px solid #ddd;
            background: white;*/
  border-radius: var(--border-radius-half);
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
}
.event-modal .modal-body .player-selection .player-btn:hover {
  border-color: var(--color-2);
  color: black;
}
.event-modal .modal-body .player-selection .player-btn.selected {
  border-color: var(--color-3);
  background: var(--color-2);
  color: black;
}
.event-modal .modal-body .player-selection .player-btn.selected .player-number {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}
.event-modal .modal-body .player-selection .player-number {
  font-weight: bold;
  min-width: 40px;
  text-align: center;
  padding: 4px 8px;
  border-radius: 3px;
}
.event-modal .modal-body .player-selection .player-name {
  flex: 1;
}
.event-modal .modal-actions {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid #eee;
}
.event-modal .modal-actions .cancel-btn,
.event-modal .modal-actions .save-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s;
}
.event-modal .modal-actions .cancel-btn {
  background: #6c757d;
  color: white;
}
.event-modal .modal-actions .cancel-btn:hover {
  background: #5a6268;
}
.event-modal .modal-actions .save-btn {
  background: #28a745;
  color: white;
}
.event-modal .modal-actions .save-btn:hover:not(:disabled) {
  background: #218838;
}
.event-modal .modal-actions .save-btn:disabled {
  background: #6c757d;
  cursor: not-allowed;
  opacity: 0.6;
}
.viewer-count {
  text-align: center;
  margin: 10px 0;
  padding: 8px 16px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: inline-block;
}
.viewer-count .viewer-icon {
  margin-right: 5px;
  font-size: 14px;
}
.viewer-count .viewer-text {
  font-size: 12px;
  color: #666;
  font-weight: 500;
}
.player-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.player-list.grid-list {
  display: grid;
  grid-template-columns: max-content 1fr auto;
  gap: 14px;
}
.player-list.grid-list li {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  align-items: center;
}
.player-list.grid-list li .player-number {
  color: var(--color-2);
  font-weight: bold;
  text-align: center;
  border-radius: var(--border-radius-half);
  border: 1px solid var(--color-9);
  width: 50px;
  height: 100%;
}
.player-list.grid-list li .player-name {
  color: var(--color-2);
}
.player-list.grid-list li .player-position {
  color: var(--color-11);
  font-size: 0.77rem;
}
.player-list.grid-list li .editActions {
  display: flex;
  gap: 7px;
}
.player-list.grid-list li .editActions .delete-btn {
  margin-left: auto;
}
.player-list li {
  padding: 7px;
  margin: 0;
  border-bottom: 1px solid var(--color-9);
}
.players-panel {
  height: auto;
  overflow-y: auto;
}
.lineup-panel {
  flex: 1 1 auto;
  overflow-y: auto;
  height: auto;
}
.team-players {
  background: var(--color-9);
  border-radius: var(--border-radius-half);
}
.connection-status {
  position: fixed;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 0.875rem;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.4s ease-in-out;
}
.connection-status.connected {
  top: -30px;
}
.status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dc3545;
}
.connection-status.connected .status-indicator {
  background: #28a745;
}
.reconnect-btn,
.reload-btn {
  background: #007bff;
  color: white;
  border: none;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 0.75rem;
  cursor: pointer;
}
.reload-btn {
  background: #ffc107;
  color: black;
}
/* Player edit mode styles */
.player-item {
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  transition: background-color 0.2s;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  align-items: center;
}
.player-item:hover:not(.editing) {
  background-color: #f8f9fa;
}
.player-item.editing {
  background: var(--color-8);
  border: 2px solid var(--color-5);
  cursor: default;
  grid-template-columns: auto 1fr auto auto;
}
.player-item.editing .player-number {
  font-weight: 400;
  color: var(--color-1);
  background: var(--color-8);
}
/*.player-number, .player-name-edit {
    width: 60px;
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 0.875rem;
}

.player-name-edit {
    width: 120px;
    background-color: #f5f5f5;
}

.player-position-select {
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 0.875rem;
    background-color: white;
    min-width: 120px;
}*/
.edit-actions {
  display: flex;
  gap: 3.5px;
  align-items: center;
}
.add-players-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.add-players-modal {
  background: var(--color-7);
  border-radius: var(--border-radius);
  width: calc(100dvw - 14px*2);
  height: calc(100dvh - 14px*2);
  max-width: 500px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.add-players-modal .modal-content {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: auto;
  flex: 1 1 auto;
  overflow-y: auto;
  color: black;
}
.add-players-modal .modal-content .players-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
#wake-lock {
  cursor: pointer;
}
#wake-lock.active svg {
  fill: var(--color-2);
}
#wake-lock svg {
  width: 12px;
  height: auto;
  fill: var(--color-11);
}
#components-reconnect-modal .components-reconnect-dialog {
  background: rgba(78, 60, 60, 0.1);
  backdrop-filter: blur(1px);
}
#components-reconnect-modal .components-reconnect-dialog .components-rejoining-animation div {
  border: 3px solid var(--color-2);
}
/* ── Hockey Rink Lineup ──────────────────────────────────────── */
.lineup-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px;
  width: 100%;
}
.rink-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 360px;
  background: transparent;
  border: 1px solid var(--color-1);
  border-radius: 40px;
  padding: 16px 12px;
  gap: 0;
}
.rink-half {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 10px;
  padding: 8px 0;
}
.rink-team-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.6;
  margin-bottom: 4px;
}
.rink-center-line {
  width: 90%;
  height: 2px;
  background: #c00;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 0;
  position: relative;
}
.rink-center-dot {
  width: 20px;
  height: 20px;
  border: 2px solid #c00;
  border-radius: 50%;
  background: transparent;
  display: block;
  position: absolute;
}
.rink-zone {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 8px;
  width: 100%;
}
.rink-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  min-height: 56px;
  border-radius: 8px;
  padding: 4px 6px;
  font-size: 0.75rem;
  text-align: center;
  cursor: pointer;
  transition: opacity 0.15s, transform 0.15s;
}
.rink-slot:hover {
  opacity: 0.8;
  transform: scale(1.04);
}
.rink-slot:active {
  transform: scale(0.97);
}
.rink-slot.filled {
  background: rgba(255, 255, 255, 0.25);
  border: 2px solid #2a6a2a;
}
.rink-slot.empty {
  background: rgba(255, 255, 255, 0.07);
  border: 2px dashed rgba(255, 255, 255, 0.2);
}
.away-half .rink-slot.filled {
  border-color: #8B0000;
}
.rink-slot-number {
  font-weight: 700;
  font-size: 0.85rem;
}
.rink-slot-name {
  font-size: 0.68rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 76px;
}
.rink-slot-abbr {
  font-size: 0.75rem;
  opacity: 0.35;
  font-weight: 600;
}
.goal-zone .rink-slot {
  width: 88px;
}
.match-stats-wrapper {
  background: var(--color-6);
  border-radius: var(--border-radius);
  border: 2px solid var(--color-11);
  margin: 0 auto;
  width: 100%;
  max-width: var(--max-px-width-small);
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(6, minmax(auto, 1fr));
  align-items: center;
}
.match-stats-wrapper .team {
  /* align-self: flex-end;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-family: var(--font-display);
            padding: 0;*/
}
.match-stats-wrapper .teamgoals {
  align-items: center;
  justify-content: center;
  grid-column: span 2;
  font-family: var(--font-display);
  font-size: 4rem;
  line-height: 1;
  color: var(--color-2);
  text-align: center;
}
.match-stats-wrapper .teamname {
  align-items: center;
  justify-content: center;
  grid-column: span 3;
  font-weight: normal;
  font-family: var(--font-display);
  text-align: left;
}
.match-stats-wrapper .teamname.away {
  text-align: right;
}
.match-stats-wrapper .clock {
  grid-column: span 2;
  align-self: flex-end;
  font-family: var(--font-display);
  font-size: 4rem;
  line-height: 1;
  color: var(--color-2);
  font-weight: 400;
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
}
.match-stats-wrapper .clock .match-state {
  display: flex;
  gap: 3.5px;
  flex-direction: column;
  align-items: center;
  font-size: 0.5rem;
}
.match-stats-wrapper .clock .match-state .stopped {
  color: var(--color-9);
  transition: 0.3s ease-in-out;
}
.match-stats-wrapper .clock .match-state .stopped.active {
  color: red;
}
.match-stats-wrapper .clock .match-state .running {
  color: var(--color-9);
  transition: 0.3s ease-in-out;
}
.match-stats-wrapper .clock .match-state .running.active {
  color: green;
}
.match-stats-wrapper .period,
.match-stats-wrapper .shots {
  grid-column: span 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  color: var(--color-1);
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--color-1);
}
.match-stats-wrapper .period .description-text,
.match-stats-wrapper .shots .description-text {
  font-size: 0.7rem;
  color: var(--color-5);
}
.event-stats {
  margin: 14px auto;
  width: 100%;
  max-width: var(--max-px-width-small);
  border: 1px solid var(--color-11);
  border-radius: var(--border-radius);
  padding: 14px;
}
.event-stats .event-stat-range {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  gap: 14px;
  -webkit-align-items: center;
  align-items: center;
}
.event-stats .event-stat-range .range-label {
  grid-column: 1/-1;
  text-align: center;
}
.event-stats .event-stat-range .range-bar {
  display: flex;
  -moz-border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  background: var(--color-11);
  overflow: hidden;
  width: 100%;
  height: 6px;
}
.event-stats .event-stat-range .range-bar .range {
  background: var(--color-2);
  display: flex;
  flex: 0 0 auto;
  height: 100%;
  border-radius: var(--border-radius);
  justify-content: flex-start;
}
.event-stats .event-stat-range .range-bar .range.away {
  margin-left: auto;
}
.tab-buttons {
  display: flex;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  justify-content: center;
  margin: 14px 0;
}
.tab-buttons .tab-btn {
  background: transparent;
  border: 1px solid var(--color-9);
  border-radius: var(--border-radius-half);
  padding: 7px 5.6px;
  color: var(--color-11);
  font-family: var(--font-default);
  font-size: 0.88rem;
  line-height: 1;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
.tab-buttons .tab-btn.active,
.tab-buttons .tab-btn:hover {
  background: var(--color-2);
  color: var(--color-6);
}
.rows {
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
  gap: 14px;
  scroll-snap-type: x mandatory;
  position: relative;
}
.rows .row {
  scroll-snap-align: start;
  width: 100%;
  padding: 14px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 42px;
  width: calc(100vw - 14px*4);
  flex: 0 0 auto;
}
.rows .row .home-line {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 14px;
}
.rows .row .away-line {
  display: flex;
  flex-direction: column-reverse;
  gap: 14px;
}
.lineup-list {
  position: relative;
}
.lineup-list .drop-circle {
  position: absolute;
  top: 50%;
  left: 0;
  height: 28px;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  translate: 0 -50% 0;
}
.lineup-list .drop-circle:before {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  top: 50%;
  translate: 0 -50% 0;
  background: darkred;
}
.lineup-list .drop-circle:after {
  content: "";
  width: 22.4px;
  height: 22.4px;
  color: dodgerblue;
  padding: 14px;
  border: 1px solid dodgerblue;
  border-radius: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.line-up-item {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 14px;
  /*grid-template-areas:
        "leftforward leftforward center center rightforward rightforward
        leftdefense leftdefense leftdefense rightdefense rightdefense rightdefense
        goalie goalie goalie goalie goalie goalie";*/
}
.line-up-item .header {
  grid-column: 1 / span 6;
}
.chain {
  width: 100%;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 14px;
  align-items: stretch;
  -webkit-justify-content: center;
  justify-content: center;
  white-space: normal;
}
.chain .lu-item {
  display: flex;
  flex-direction: column;
  gap: 3.5px;
  width: 33.33%;
  border: 1px solid var(--color-9);
  padding: 7px;
  border-radius: var(--border-radius-half);
  min-height: 67px;
}
.chain .lu-item .player-name {
  font-family: var(--font-default);
  font-size: 0.78rem;
  font-weight: 300;
  color: var(--color-7);
  margin: 0 auto auto auto;
  text-align: center;
}
.chain .lu-item .player-position {
  font-family: var(--font-default);
  font-size: 0.75rem;
  color: var(--color-8);
  margin: 0;
  text-align: center;
}
/* Round Robin Styles (existing) */
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
/* Cup Mode Styles */
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
.tournament-container {
  display: flex;
  flex-direction: column;
  height: auto;
  flex: 1 1 auto;
  width: 100%;
  background: var(--color-1);
}
.tournament-container .tournament-header {
  text-align: center;
}
.tournament-container .tournament-header h1 {
  color: var(--color-2);
  font-family: var(--font-display);
  font-size: 4rem;
}
.tournament-container .tournament-statistics {
  color: var(--color-7);
}
.tournament-container .tournament-statistics .tournament-summary {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.tournament-container .tournament-statistics .tournament-summary .summary-grid {
  width: 100%;
  max-width: var(--max-px-width-medium);
  display: flex;
  flex-direction: column;
  gap: 28px;
  justify-content: center;
  align-items: center;
  margin: 28px auto;
}
@media (max-width: 767px) {
  .tournament-container .tournament-statistics .tournament-summary .summary-grid {
    align-items: center;
    justify-content: center;
  }
}
.tournament-container .tournament-statistics .tournament-summary .summary-grid .summary-card {
  width: 100%;
  max-width: var(--max-px-width-small);
  background: var(--bg-mix-1);
  border-radius: var(--border-radius);
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 28px;
}
.tournament-container .tournament-statistics .tournament-summary .summary-grid .summary-card .summary-content {
  text-align: center;
}
.tournament-container .tournament-statistics .tournament-summary .summary-grid .summary-card .summary-number {
  font-size: 4rem;
  font-family: var(--font-display);
  color: white;
}
.tournament-container .tournament-statistics .tournament-summary .summary-grid .summary-card ol li {
  display: list-item;
}
.tournament-container .tournament-statistics .team-statistics-section {
  width: 100%;
  max-width: var(--max-px-width-small);
  margin: 28px auto;
  background: var(--bg-mix-1);
  border-radius: var(--border-radius);
  border: 1px solid color-mix(in srgb, var(--color-8), 60% transparent);
  box-shadow: inset 0 1px color-mix(in srgb, var(--color-10), 66% transparent);
  display: block;
  padding: 28px;
}
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid {
  display: grid;
  grid-template-columns: 30px auto min-content min-content min-content min-content min-content min-content min-content min-content;
  gap: 14px;
  color: var(--color-11);
}
@media (max-width: 767px) {
  .tournament-container .tournament-statistics .team-statistics-section .team-stats-grid {
    font-size: 0.88rem;
    gap: 7px;
  }
}
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-stats-header-row,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-row {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
  padding-bottom: 3.5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.65);
}
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-stats-header-row div.matches-played-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-row div.matches-played-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-stats-header-row div.win-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-row div.win-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-stats-header-row div.draw-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-row div.draw-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-stats-header-row div.loss-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-row div.loss-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-stats-header-row div.goals-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-row div.goals-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-stats-header-row div.goals-against-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-row div.goals-against-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-stats-header-row div.diff-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-row div.diff-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-stats-header-row div.points-cell,
.tournament-container .tournament-statistics .team-statistics-section .team-stats-grid div.team-row div.points-cell {
  text-align: center;
}
.tournament-container .tournament-info {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  color: #666;
}
.tournament-container .tournament-actions {
  margin-top: 20px;
  text-align: center;
}
.tournament-container .round-robin-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  white-space: nowrap;
  align-items: flex-end;
  gap: 28px;
  overflow-x: auto;
  margin-top: auto;
  margin-bottom: 42px;
  scroll-behavior: smooth;
  scroll-padding-left: 28px;
  scroll-padding-right: 28px;
  scroll-snap-type: x mandatory;
  padding: 0 28px;
  cursor: grab;
}
@media (max-width: 767px) {
  .tournament-container .round-robin-container {
    margin-top: 42px;
  }
}
.tournament-container .round-robin-container:active {
  cursor: grabbing;
}
.tournament-container .round-robin-container .round-section {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  width: 33dvw;
}
@media (max-width: 767px) {
  .tournament-container .round-robin-container .round-section {
    width: 75dvw;
  }
}
.tournament-container .round-robin-container .round-section .matches-grid {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media (max-width: 767px) {
  .tournament-container .round-robin-container .round-section .matches-grid {
    width: 75dvw;
  }
}
.tournament-container .round-robin-container .round-section .matches-grid .match-card {
  transition: box-shadow 0.2s;
  text-decoration: none;
}
.tournament-container .round-robin-container .round-section .matches-grid .match-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.tournament-container .round-robin-container .round-section .matches-grid .match-card .match-time {
  font-size: 0.88rem;
  color: var(--color-4);
  text-align: left;
}
.tournament-container .round-robin-container .round-section .matches-grid .match-card .match-teams {
  background: var(--bg-mix-1);
  border-radius: var(--border-radius);
  border: 1px solid color-mix(in srgb, var(--color-8), 60% transparent);
  box-shadow: inset 0 1px color-mix(in srgb, var(--color-10), 66% transparent);
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
}
.tournament-container .round-robin-container .round-section .matches-grid .match-card .match-teams .team {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  border-bottom: 1px solid var(--color-5);
  padding: 10.5px 21px;
}
.tournament-container .round-robin-container .round-section .matches-grid .match-card .match-teams .team.away-team {
  border-bottom: none;
}
.tournament-container .round-robin-container .round-section .matches-grid .match-card .match-teams .team .team-name {
  font-weight: 100;
  font-family: var(--font-display);
  font-size: 1.4rem;
  line-height: 1;
  color: var(--color-7);
}
.tournament-container .round-robin-container .round-section .matches-grid .match-card .match-teams .team .team-logo {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.tournament-container .round-robin-container .round-section .matches-grid .match-card .match-teams .match-score {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
}
.tournament-container .round-robin-container .round-section .matches-grid .match-card .match-teams .match-score .score {
  font-weight: 100;
  font-family: var(--font-display);
  font-size: 1.4rem;
  line-height: 1;
  color: var(--color-7);
}
.tournament-container .round-robin-container .round-section .round-title {
  padding: 7px 0;
  text-align: center;
  width: 100%;
  order: 2;
  font-family: var(--font-display);
  font-size: 3rem;
  color: rgba(255, 255, 255, 0.1);
}
/*.btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-primary {
    background: #007bff;
    color: white;

    &:hover {
        background: #0056b3;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
    }
}
*/
.match-status {
  text-align: center;
  margin-bottom: 10px;
}
.status {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.status.upcoming {
  background: #e3f2fd;
  color: #1976d2;
}
.status.live {
  background: #ffebee;
  color: #d32f2f;
  animation: pulse 2s infinite;
}
.status.finished {
  background: #e8f5e8;
  color: #388e3c;
}
.status.started {
  background: #fff3e0;
  color: #f57c00;
}
.match-actions {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.no-matches {
  text-align: center;
  padding: 40px;
  color: #666;
}
.cup-container {
  margin-top: 20px;
}
.cup-bracket {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.cup-round {
  padding: 20px;
  background: #f8f9fa;
  border-radius: 10px;
  border: 2px solid #e9ecef;
}
.cup-round-title {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
  font-size: 24px;
  font-weight: bold;
}
.cup-matches {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 20px;
  justify-content: center;
}
.cup-match {
  background: white;
  border: 2px solid #ddd;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.cup-match:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}
.cup-match.finished {
  border-color: #28a745;
  background: linear-gradient(145deg, #ffffff 0%, #f8fff9 100%);
}
.cup-match-info {
  text-align: center;
  margin-bottom: 15px;
  font-size: 14px;
  color: #666;
}
.cup-teams {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  gap: 15px;
}
.cup-team {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 10px;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.cup-team.winner {
  background: #d4edda;
  border: 2px solid #28a745;
  font-weight: bold;
}
.team-info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
.team-score {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  min-width: 30px;
  text-align: center;
}
.vs-separator {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
}
.vs-finished {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.match-winner {
  text-align: center;
  margin-bottom: 10px;
  padding: 8px;
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 6px;
  color: #856404;
  font-weight: bold;
}
.match-winner i {
  color: #ffd700;
  margin-right: 5px;
}
.tournament-winner {
  margin-top: 40px;
  padding: 40px;
  text-align: center;
  background: linear-gradient(145deg, #fff3cd 0%, #ffeaa7 100%);
  border: 3px solid #ffd700;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(255, 215, 0, 0.3);
}
.winner-announcement h2 {
  color: #856404;
  margin-bottom: 10px;
  font-size: 24px;
}
.winner-name {
  color: #333;
  font-size: 36px;
  font-weight: bold;
  margin: 20px 0;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.trophy-icon {
  font-size: 48px;
  color: #ffd700;
  margin-bottom: 20px;
  animation: bounce 2s infinite;
}
.final-score {
  font-size: 18px;
  color: #666;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .matches-grid {
    grid-template-columns: 1fr;
  }
  .cup-matches {
    grid-template-columns: 1fr;
  }
  .tournament-info {
    flex-direction: column;
    gap: 10px;
  }
  .team-name {
    font-size: 14px;
  }
  .cup-teams {
    flex-direction: column;
    gap: 10px;
  }
  .cup-team {
    justify-content: space-between;
  }
  .vs-separator {
    order: 2;
    margin: 10px 0;
  }
  .winner-name {
    font-size: 28px;
  }
  .cup-round-title {
    font-size: 20px;
  }
}
body.locked .swype ul {
  left: 0 !important;
  transform: none !important;
}
body.locked .swype ul li {
  width: 100%;
}
.slideshow-wrapper {
  position: relative;
}
.slideshow-wrapper.outer-wrapper {
  position: relative;
  /*.arrow {
            .arrow-2();
        }*/
}
.slideshow-wrapper.outer-wrapper .arrows-outside {
  overflow: hidden;
}
.slideshow-wrapper.bg-1 .arrow {
  color: white;
}
.slideshow-wrapper:fullscreen {
  background: var(--color-1);
  padding: 14px;
}
.slideshow-wrapper:fullscreen .swype {
  height: 100%;
  width: 100%;
  background: transparent;
}
.slideshow-wrapper:fullscreen .swype ul {
  height: 100%;
  left: -100% !important;
  transform: translate3d(100%, 0, 0) !important;
}
.slideshow-wrapper:fullscreen .swype ul.is-reversing {
  transform: translate3d(-100%, 0, 0) !important;
  left: -100% !important;
}
.slideshow-wrapper:fullscreen .swype ul.animate {
  transform: none !important;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.slideshow-wrapper:fullscreen .swype ul li {
  width: 100% !important;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  max-height: none;
}
.slideshow-wrapper:fullscreen .arrow.left {
  transform: translate3d(0%, -50%, 0);
}
.slideshow-wrapper:fullscreen .arrow.right {
  transform: translate3d(0%, -50%, 0);
}
.swype {
  position: relative;
}
.swype.fullscreen-click {
  cursor: pointer;
}
.swype.fullscreen-click ul li figure {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.swype.fullscreen-click ul li img {
  object-fit: contain;
}
.swype.disabled {
  left: 0;
}
.swype.s1 > ul {
  left: -100%;
  transform: translate3d(100%, 0, 0);
}
.swype.s1 > ul.is-reversing {
  transform: translate3d(-100%, 0, 0);
  left: -100%;
}
.swype.s1 > ul.animate {
  transform: none;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.swype.s1 > ul > li {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.swype.s1 > ul > li.auto-width figure {
  display: block;
  width: 100%;
  text-align: center;
}
.swype.s1 > ul > li.auto-width figure img {
  width: auto;
}
.swype.s1 > ul > li figure {
  display: flex;
  align-items: center;
  height: 100%;
}
.swype.s1 > ul > li figure img {
  height: auto;
}
.swype.s2 ul {
  left: -50%;
  transform: translate3d(50%, 0, 0);
}
.swype.s2 ul.is-reversing {
  transform: translate3d(-50%, 0, 0);
  left: -50%;
}
.swype.s2 ul.animate {
  transform: none;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.swype.s2 ul li {
  width: 50%;
  list-style: none;
  margin: 0;
  padding: 0 7px;
}
.swype.s2 ul li figure {
  display: flex;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  height: 100%;
}
.swype.s2 ul li figure img {
  height: auto;
}
.swype.s3 ul {
  left: -33.33%;
  transform: translate3d(33.33%, 0, 0);
}
@media (max-width: 767px) {
  .swype.s3 ul {
    left: -100%;
    transform: translate3d(100%, 0, 0);
  }
}
.swype.s3 ul.is-reversing {
  transform: translate3d(-33.33%, 0, 0);
  left: -33.33%;
}
@media (max-width: 767px) {
  .swype.s3 ul.is-reversing {
    transform: translate3d(-100%, 0, 0);
    left: -100%;
    /* transform: translate3d(-50%, 0, 0);
                    left: -50%;*/
  }
}
.swype.s3 ul.animate {
  transform: none;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.swype.s3 ul li {
  width: 33.33%;
  padding: 0 7px;
}
@media (max-width: 767px) {
  .swype.s3 ul li {
    /*width: 50%;*/
    width: 100%;
    text-align: center;
  }
}
.swype.s4 ul {
  left: -25%;
  transform: translate3d(25%, 0, 0);
}
@media (max-width: 1023px) {
  .swype.s4 ul {
    left: -33.33%;
    transform: translate3d(33.33%, 0, 0);
  }
}
@media (max-width: 767px) {
  .swype.s4 ul {
    left: -50%;
    transform: translate3d(50%, 0, 0);
  }
}
.swype.s4 ul.is-reversing {
  transform: translate3d(-25%, 0, 0);
  left: -25%;
}
@media (max-width: 767px) {
  .swype.s4 ul.is-reversing {
    transform: translate3d(-50%, 0, 0);
    left: -50%;
  }
}
.swype.s4 ul.animate {
  transform: none;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.swype.s4 ul li {
  width: 25%;
  padding: 0 7px;
}
@media (max-width: 1023px) {
  .swype.s4 ul li {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .swype.s4 ul li {
    width: 50%;
    text-align: center;
  }
}
.swype.s4 ul li.article {
  padding-left: 14px;
}
@media (max-width: 1023px) {
  .swype.s4 ul li.article {
    padding-left: 7px;
  }
}
.swype.s4 ul li.article h4,
.swype.s4 ul li.article h5 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.swype.s4 ul li.article figure {
  position: relative;
}
.swype.s4 ul li.article figure.r1x1 img,
.swype.s4 ul li.article figure.r10x8 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swype.s4 ul li.article figure.r1x1 {
  padding: 50%;
}
.swype.s4 ul li.article figure.r10x8 {
  padding: 40%;
  width: 100%;
}
.swype.s4 ul li.article p {
  text-align: left;
}
.swype.s4 ul li.review .star-wrapper {
  font-size: 1.5rem;
  color: var(--color-2);
}
@media (max-width: 767px) {
  .swype.s4 ul li.review .star-wrapper {
    font-size: 1.2rem;
    text-align: left;
  }
}
.swype.s5 > ul {
  left: -20%;
  transform: translate3d(20%, 0, 0);
}
@media (max-width: 1023px) {
  .swype.s5 > ul {
    left: -33.33%;
    transform: translate3d(33.33%, 0, 0);
  }
}
@media (max-width: 767px) {
  .swype.s5 > ul {
    left: -50%;
    transform: translate3d(50%, 0, 0);
  }
}
.swype.s5 > ul.is-reversing {
  transform: translate3d(-20%, 0, 0);
  left: -20%;
}
@media (max-width: 767px) {
  .swype.s5 > ul.is-reversing {
    transform: translate3d(-50%, 0, 0);
    left: -50%;
  }
}
.swype.s5 > ul.animate {
  transform: none;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.swype.s5 > ul > li {
  width: 20%;
  padding: 0 7px;
}
@media (max-width: 1023px) {
  .swype.s5 > ul > li {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .swype.s5 > ul > li {
    width: 50%;
    text-align: center;
  }
}
.swype.s5 > ul > li.collection {
  padding-left: 14px;
}
@media (max-width: 1023px) {
  .swype.s5 > ul > li.collection {
    padding-left: 7px;
  }
}
.swype.s5 > ul > li.collection h4,
.swype.s5 > ul > li.collection h5 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.swype.s6 ul {
  left: -16.6666%;
  transform: translate3d(16.6666%, 0, 0);
  /*  @media @below-ipad {
                left: -33.33%;
                transform: translate3d(33.33%, 0, 0);
            }*/
}
@media (max-width: 1023px) {
  .swype.s6 ul {
    left: -100%;
    transform: translate3d(50%, 0, 0);
  }
}
.swype.s6 ul.is-reversing {
  transform: translate3d(-16.6666%, 0, 0);
  left: -16.6666%;
}
@media (max-width: 1023px) {
  .swype.s6 ul.is-reversing {
    transform: translate3d(-50%, 0, 0);
    left: -100%;
  }
}
.swype.s6 ul.animate {
  transform: none;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.swype.s6 ul li {
  width: 16.66%;
  padding: 0 7px;
}
@media (max-width: 1023px) {
  .swype.s6 ul li {
    width: 100%;
  }
}
.swype .arrow {
  text-decoration: none;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  color: var(--color-1);
  width: 60px;
  height: 60px;
  border: 4px solid var(--color-3);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-transform: translate3d(50%, -50%, 0);
  -ms-transform: translate3d(50%, -50%, 0);
  -o-transform: translate3d(50%, -50%, 0);
  -webkit-transform: translate3d(50%, -50%, 0);
  transform: translate3d(50%, -50%, 0);
  -webkit-transition: background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, top 0.4s ease-in-out, transform 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, top 0.4s ease-in-out, transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, top 0.4s ease-in-out, transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, top 0.4s ease-in-out, transform 0.2s ease-in-out;
  font-size: 1.5rem;
  line-height: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .swype .arrow {
    width: 30px;
    height: 30px;
    border-width: 2px;
    font-size: 0.75rem;
  }
}
.swype .arrow:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='26.9, 20 9.7, 2.9 12.6, 0 29.7, 17.1 32.6, 20 29.7, 22.9 12.6, 40 9.7, 37.1'/%3E%3C/svg%3E");
  width: 50%;
  height: 50%;
  /*font-family: 'dramasno' !important;*/
  color: var(--color-3);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  -moz-transform: translate3d(-200%, -50%, 0);
  -ms-transform: translate3d(-200%, -50%, 0);
  -o-transform: translate3d(-200%, -50%, 0);
  -webkit-transform: translate3d(-200%, -50%, 0);
  transform: translate3d(-200%, -50%, 0);
  transition: all 0.2s ease-in-out;
  opacity: 0;
  z-index: 2;
}
.swype .arrow:after {
  content: "";
  display: block;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  border: 8px solid var(--color-1);
  border-radius: 100%;
  position: absolute;
  background: white;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
@media (max-width: 767px) {
  .swype .arrow:after {
    border-width: 4px;
  }
}
.swype .arrow.white {
  border: 4px solid white;
  color: white;
}
.swype .arrow.white:after {
  border: 8px solid var(--color-3);
}
.swype .arrow.small {
  width: 32px;
  height: 32px;
  border-width: 2px;
  font-size: 0.8rem;
  line-height: 0.8rem;
}
.swype .arrow.small:after {
  border-width: 4px;
}
.swype .arrow:hover {
  background: #fff;
}
.swype .arrow:hover:before {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  opacity: 1;
}
.swype .arrow:hover:after {
  background: var(--color-2);
}
.swype .arrow:hover svg {
  -webkit-transform: translate3d(100%, -50%, 0);
  -moz-transform: translate3d(100%, -50%, 0);
  -o-transform: translate3d(100%, -50%, 0);
  -ms-transform: translate3d(100%, -50%, 0);
  transform: translate3d(100%, -50%, 0);
  opacity: 0;
}
.swype .arrow.left {
  right: auto;
  left: 0;
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
@media (max-width: 767px) {
  .swype .arrow.left {
    left: 0px;
  }
}
.swype .arrow.left:before {
  font-family: 'dramasno';
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='12.7,20 29.8,2.9 27,0 9.8,17.1 7,20 9.8,22.9 27,40 29.8,37.1 '/%3E%3C/svg%3E");
  width: 50%;
  height: 50%;
  -moz-transform: translate3d(200%, -50%, 0);
  -ms-transform: translate3d(200%, -50%, 0);
  -o-transform: translate3d(200%, -50%, 0);
  -webkit-transform: translate3d(200%, -50%, 0);
  transform: translate3d(200%, -50%, 0);
}
.swype .arrow.left:hover:before {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.swype .arrow.left:hover svg {
  -webkit-transform: translate3d(-100%, -50%, 0);
  -moz-transform: translate3d(-100%, -50%, 0);
  -o-transform: translate3d(-100%, -50%, 0);
  -ms-transform: translate3d(-100%, -50%, 0);
  transform: translate3d(-100%, -50%, 0);
}
.swype .arrow.up {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(0);
  -moz-transform: translate3d(-50%, -50%, 0) rotate(0);
  -o-transform: translate3d(-50%, -50%, 0) rotate(0);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(0);
  transform: translate3d(-50%, -50%, 0) rotate(0);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.swype .arrow.up:before {
  content: "b";
  -moz-transform: translate3d(-50%, -200%, 0);
  -ms-transform: translate3d(-50%, 200%, 0);
  -o-transform: translate3d(-50%, 200%, 0);
  -webkit-transform: translate3d(-50%, 200%, 0);
  transform: translate3d(-50%, 200%, 0);
}
.swype .arrow.up:hover:before {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.swype .arrow.up:hover i {
  -webkit-transform: translate3d(-50%, -100%, 0);
  -moz-transform: translate3d(-50%, -100%, 0);
  -o-transform: translate3d(-50%, -100%, 0);
  -ms-transform: translate3d(-50%, -100%, 0);
  transform: translate3d(-50%, -100%, 0);
}
.swype .arrow.down {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
  -moz-transform: translate3d(-50%, -50%, 0) rotate(180deg);
  -o-transform: translate3d(-50%, -50%, 0) rotate(180deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(180deg);
  transform: translate3d(-50%, -50%, 0) rotate(180deg);
}
.swype .arrow svg {
  max-width: 40px;
  max-height: 40px;
  fill: black;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  line-height: 0.8;
  z-index: 2;
}
.swype ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  left: -100%;
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
  transform: translate3d(100%, 0, 0);
  transition: none;
  position: relative;
  max-width: none;
  height: 100%;
  padding: 0;
}
.swype ul.is-reversing {
  transform: translate3d(-100%, 0, 0);
}
.swype ul.animate {
  transform: none;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.swype ul li {
  font-size: 1rem;
  line-height: 1.4;
  display: block;
  padding: 0;
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-basis: auto;
  flex-basis: auto;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  order: 2;
  height: auto;
  justify-content: center;
}
.swype ul li.logo-small img {
  max-width: 200px;
  max-height: 200px;
}
.swype ul li img {
  width: 100%;
  max-height: 100%;
}
.swype ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.swype ul li a h4 {
  color: black;
  font-weight: 400;
  text-align: center;
  display: block;
  padding: 7px;
  margin: 0;
  width: 100%;
  height: auto;
  transition: all 0.4s ease-in-out;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  white-space: normal;
}
.swype ul li a h3 {
  text-align: left;
  font-size: 1.1rem;
  white-space: normal;
}
.swype ul li a div {
  width: 100%;
}
.slideshow-arrow-wrapper {
  position: relative;
}
@media (max-width: 1600px) {
  .slideshow-arrow-wrapper.max-width {
    width: calc(100% - 14px*4);
  }
}
.slideshow-arrow-wrapper .arrow {
  text-decoration: none;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  color: var(--color-1);
  width: 60px;
  height: 60px;
  border: 4px solid var(--color-3);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-transform: translate3d(50%, -50%, 0);
  -ms-transform: translate3d(50%, -50%, 0);
  -o-transform: translate3d(50%, -50%, 0);
  -webkit-transform: translate3d(50%, -50%, 0);
  transform: translate3d(50%, -50%, 0);
  -webkit-transition: background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, top 0.4s ease-in-out, transform 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, top 0.4s ease-in-out, transform 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, top 0.4s ease-in-out, transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, opacity 0.5s ease-in-out, top 0.4s ease-in-out, transform 0.2s ease-in-out;
  font-size: 1.5rem;
  line-height: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .slideshow-arrow-wrapper .arrow {
    width: 30px;
    height: 30px;
    border-width: 2px;
    font-size: 0.75rem;
  }
}
.slideshow-arrow-wrapper .arrow:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='26.9, 20 9.7, 2.9 12.6, 0 29.7, 17.1 32.6, 20 29.7, 22.9 12.6, 40 9.7, 37.1'/%3E%3C/svg%3E");
  width: 50%;
  height: 50%;
  /*font-family: 'dramasno' !important;*/
  color: var(--color-3);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  -moz-transform: translate3d(-200%, -50%, 0);
  -ms-transform: translate3d(-200%, -50%, 0);
  -o-transform: translate3d(-200%, -50%, 0);
  -webkit-transform: translate3d(-200%, -50%, 0);
  transform: translate3d(-200%, -50%, 0);
  transition: all 0.2s ease-in-out;
  opacity: 0;
  z-index: 2;
}
.slideshow-arrow-wrapper .arrow:after {
  content: "";
  display: block;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  border: 8px solid var(--color-1);
  border-radius: 100%;
  position: absolute;
  background: white;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
@media (max-width: 767px) {
  .slideshow-arrow-wrapper .arrow:after {
    border-width: 4px;
  }
}
.slideshow-arrow-wrapper .arrow.white {
  border: 4px solid white;
  color: white;
}
.slideshow-arrow-wrapper .arrow.white:after {
  border: 8px solid var(--color-3);
}
.slideshow-arrow-wrapper .arrow.small {
  width: 32px;
  height: 32px;
  border-width: 2px;
  font-size: 0.8rem;
  line-height: 0.8rem;
}
.slideshow-arrow-wrapper .arrow.small:after {
  border-width: 4px;
}
.slideshow-arrow-wrapper .arrow:hover {
  background: #fff;
}
.slideshow-arrow-wrapper .arrow:hover:before {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  opacity: 1;
}
.slideshow-arrow-wrapper .arrow:hover:after {
  background: var(--color-2);
}
.slideshow-arrow-wrapper .arrow:hover svg {
  -webkit-transform: translate3d(100%, -50%, 0);
  -moz-transform: translate3d(100%, -50%, 0);
  -o-transform: translate3d(100%, -50%, 0);
  -ms-transform: translate3d(100%, -50%, 0);
  transform: translate3d(100%, -50%, 0);
  opacity: 0;
}
.slideshow-arrow-wrapper .arrow.left {
  right: auto;
  left: 0;
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
@media (max-width: 767px) {
  .slideshow-arrow-wrapper .arrow.left {
    left: 0px;
  }
}
.slideshow-arrow-wrapper .arrow.left:before {
  font-family: 'dramasno';
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='12.7,20 29.8,2.9 27,0 9.8,17.1 7,20 9.8,22.9 27,40 29.8,37.1 '/%3E%3C/svg%3E");
  width: 50%;
  height: 50%;
  -moz-transform: translate3d(200%, -50%, 0);
  -ms-transform: translate3d(200%, -50%, 0);
  -o-transform: translate3d(200%, -50%, 0);
  -webkit-transform: translate3d(200%, -50%, 0);
  transform: translate3d(200%, -50%, 0);
}
.slideshow-arrow-wrapper .arrow.left:hover:before {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.slideshow-arrow-wrapper .arrow.left:hover svg {
  -webkit-transform: translate3d(-100%, -50%, 0);
  -moz-transform: translate3d(-100%, -50%, 0);
  -o-transform: translate3d(-100%, -50%, 0);
  -ms-transform: translate3d(-100%, -50%, 0);
  transform: translate3d(-100%, -50%, 0);
}
.slideshow-arrow-wrapper .arrow.up {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(0);
  -moz-transform: translate3d(-50%, -50%, 0) rotate(0);
  -o-transform: translate3d(-50%, -50%, 0) rotate(0);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(0);
  transform: translate3d(-50%, -50%, 0) rotate(0);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.slideshow-arrow-wrapper .arrow.up:before {
  content: "b";
  -moz-transform: translate3d(-50%, -200%, 0);
  -ms-transform: translate3d(-50%, 200%, 0);
  -o-transform: translate3d(-50%, 200%, 0);
  -webkit-transform: translate3d(-50%, 200%, 0);
  transform: translate3d(-50%, 200%, 0);
}
.slideshow-arrow-wrapper .arrow.up:hover:before {
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.slideshow-arrow-wrapper .arrow.up:hover i {
  -webkit-transform: translate3d(-50%, -100%, 0);
  -moz-transform: translate3d(-50%, -100%, 0);
  -o-transform: translate3d(-50%, -100%, 0);
  -ms-transform: translate3d(-50%, -100%, 0);
  transform: translate3d(-50%, -100%, 0);
}
.slideshow-arrow-wrapper .arrow.down {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
  -moz-transform: translate3d(-50%, -50%, 0) rotate(180deg);
  -o-transform: translate3d(-50%, -50%, 0) rotate(180deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(180deg);
  transform: translate3d(-50%, -50%, 0) rotate(180deg);
}
.slideshow-arrow-wrapper .arrow svg {
  max-width: 40px;
  max-height: 40px;
  fill: black;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  line-height: 0.8;
  z-index: 2;
}
figure {
  margin: 0;
}
.components-reconnect-dialog {
  background: var(--color-1);
}
.components-reconnect-dialog .components-rejoining-animation div {
  border: 3px var(--color-3);
}
img.fit-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
img.object-fit-cover {
  object-fit: cover;
}
img.object-fit-contain {
  object-fit: contain;
}
@media (max-width: 767px) {
  img.fit-container-mob {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.display-capped-list.display-full-list li {
  display: block;
}
.display-capped-list li {
  display: none;
}
.display-capped-list li:nth-of-type(-n+5) {
  display: block;
}
/* LIST DECORATION */
ul.no-decoration {
  list-style: none;
}
ul.short li {
  display: none;
}
ul.short li:nth-of-type(-n+5) {
  display: block;
}
span {
  /*.zigzag(octonary);*/
}
span.header {
  font-family: var(--font-default);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  padding: 14px 35px;
}
span.zigzag {
  display: block;
  position: relative;
  width: 100%;
  height: 13px;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 26" xml:space="preserve" preserveAspectRatio="none"><polygon points="40,0 20,19.9 0,0 0,6.1 16.9,22.9 20,26 23.1,22.9 40,6.1 "/></svg>');
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 20px 13px;
}
span.zz-1 {
  /*@color: ~"color-@{colorname}";*/
  /*@c: replace(@@color, "#", "%23");*/
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 26" xml:space="preserve" preserveAspectRatio="none"><polygon fill="var(--color-1)" points="40,0 20,19.9 0,0 0,6.1 16.9,22.9 20,26 23.1,22.9 40,6.1 "/></svg>');
}
span.zz-2 {
  /*@color: ~"color-@{colorname}";*/
  /*@c: replace(@@color, "#", "%23");*/
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 26" xml:space="preserve" preserveAspectRatio="none"><polygon fill="var(--color-2)" points="40,0 20,19.9 0,0 0,6.1 16.9,22.9 20,26 23.1,22.9 40,6.1 "/></svg>');
}
span.zz-3 {
  /*@color: ~"color-@{colorname}";*/
  /*@c: replace(@@color, "#", "%23");*/
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 26" xml:space="preserve" preserveAspectRatio="none"><polygon fill="var(--color-3)" points="40,0 20,19.9 0,0 0,6.1 16.9,22.9 20,26 23.1,22.9 40,6.1 "/></svg>');
}
span.zz-4 {
  /*@color: ~"color-@{colorname}";*/
  /*@c: replace(@@color, "#", "%23");*/
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 26" xml:space="preserve" preserveAspectRatio="none"><polygon fill="var(--color-4)" points="40,0 20,19.9 0,0 0,6.1 16.9,22.9 20,26 23.1,22.9 40,6.1 "/></svg>');
}
span.zz-5 {
  /*@color: ~"color-@{colorname}";*/
  /*@c: replace(@@color, "#", "%23");*/
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 26" xml:space="preserve" preserveAspectRatio="none"><polygon fill="var(--color-5)" points="40,0 20,19.9 0,0 0,6.1 16.9,22.9 20,26 23.1,22.9 40,6.1 "/></svg>');
}
span.zz-6 {
  /*@color: ~"color-@{colorname}";*/
  /*@c: replace(@@color, "#", "%23");*/
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 26" xml:space="preserve" preserveAspectRatio="none"><polygon fill="var(--color-6)" points="40,0 20,19.9 0,0 0,6.1 16.9,22.9 20,26 23.1,22.9 40,6.1 "/></svg>');
}
span.zz-7 {
  /*@color: ~"color-@{colorname}";*/
  /*@c: replace(@@color, "#", "%23");*/
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 26" xml:space="preserve" preserveAspectRatio="none"><polygon fill="var(--color-7)" points="40,0 20,19.9 0,0 0,6.1 16.9,22.9 20,26 23.1,22.9 40,6.1 "/></svg>');
}
.scroll-h-snap {
  display: flex !important;
  flex-wrap: nowrap;
  grid-auto-flow: column;
  grid-template-rows: 1fr;
  grid-template-columns: auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0%;
}
.scroll-h-snap > * {
  width: 20%;
  scroll-snap-align: start;
}
/* FLEX */
.flex-wrapper,
.display-flex,
.display-inline-flex {
  /*.article-wrapper {
        padding: @default-padding*0.5;
    }*/
}
.flex-wrapper.no-wrap,
.display-flex.no-wrap,
.display-inline-flex.no-wrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .flex-wrapper.wrap-mobile,
  .display-flex.wrap-mobile,
  .display-inline-flex.wrap-mobile {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.flex-wrapper.flex-direction-col,
.display-flex.flex-direction-col,
.display-inline-flex.flex-direction-col {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrapper.flex-direction-col-rev,
.display-flex.flex-direction-col-rev,
.display-inline-flex.flex-direction-col-rev {
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.flex-wrapper.flex-direction-row,
.display-flex.flex-direction-row,
.display-inline-flex.flex-direction-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-wrapper.flex-direction-row-rev,
.display-flex.flex-direction-row-rev,
.display-inline-flex.flex-direction-row-rev {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .flex-wrapper.flex-direction-row-mobile,
  .display-flex.flex-direction-row-mobile,
  .display-inline-flex.flex-direction-row-mobile {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .flex-wrapper.flex-direction-col-mobile,
  .display-flex.flex-direction-col-mobile,
  .display-inline-flex.flex-direction-col-mobile {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .flex-wrapper.flex-direction-col-rev-mobile,
  .display-flex.flex-direction-col-rev-mobile,
  .display-inline-flex.flex-direction-col-rev-mobile {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.flex-wrapper > .quarter,
.display-flex > .quarter,
.display-inline-flex > .quarter {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 25%;
}
@media (max-width: 767px) {
  .flex-wrapper > .quarter,
  .display-flex > .quarter,
  .display-inline-flex > .quarter {
    width: 100%;
  }
}
.flex-wrapper > .half,
.display-flex > .half,
.display-inline-flex > .half {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 50%;
}
@media (max-width: 767px) {
  .flex-wrapper > .half,
  .display-flex > .half,
  .display-inline-flex > .half {
    width: 100%;
  }
}
.flex-wrapper > .half-quarter,
.display-flex > .half-quarter,
.display-inline-flex > .half-quarter {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 75%;
}
@media (max-width: 767px) {
  .flex-wrapper > .half-quarter,
  .display-flex > .half-quarter,
  .display-inline-flex > .half-quarter {
    width: 100%;
  }
}
.flex-wrapper .flex-basis-auto,
.display-flex .flex-basis-auto,
.display-inline-flex .flex-basis-auto {
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-basis: auto;
  flex-basis: auto;
}
.flex-wrapper .flex-basis-p10,
.display-flex .flex-basis-p10,
.display-inline-flex .flex-basis-p10 {
  -webkit-flex-basis: 10%;
  -moz-flex-basis: 10%;
  -ms-flex-basis: 10%;
  flex-basis: 10%;
}
.flex-wrapper .flex-basis-p20,
.display-flex .flex-basis-p20,
.display-inline-flex .flex-basis-p20 {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-basis: 20%;
  flex-basis: 20%;
}
.flex-wrapper .flex-basis-p30,
.display-flex .flex-basis-p30,
.display-inline-flex .flex-basis-p30 {
  -webkit-flex-basis: 30%;
  -moz-flex-basis: 30%;
  -ms-flex-basis: 30%;
  flex-basis: 30%;
}
.flex-wrapper .flex-basis-p33-33,
.display-flex .flex-basis-p33-33,
.display-inline-flex .flex-basis-p33-33 {
  -webkit-flex-basis: 33.33%;
  -moz-flex-basis: 33.33%;
  -ms-flex-basis: 33.33%;
  flex-basis: 33.33%;
}
.flex-wrapper .flex-basis-p40,
.display-flex .flex-basis-p40,
.display-inline-flex .flex-basis-p40 {
  -webkit-flex-basis: 40%;
  -moz-flex-basis: 40%;
  -ms-flex-basis: 40%;
  flex-basis: 40%;
}
.flex-wrapper .flex-basis-p50,
.display-flex .flex-basis-p50,
.display-inline-flex .flex-basis-p50 {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
}
.flex-wrapper .flex-basis-p60,
.display-flex .flex-basis-p60,
.display-inline-flex .flex-basis-p60 {
  -webkit-flex-basis: 60%;
  -moz-flex-basis: 60%;
  -ms-flex-basis: 60%;
  flex-basis: 60%;
}
.flex-wrapper .flex-basis-p70,
.display-flex .flex-basis-p70,
.display-inline-flex .flex-basis-p70 {
  -webkit-flex-basis: 70%;
  -moz-flex-basis: 70%;
  -ms-flex-basis: 70%;
  flex-basis: 70%;
}
.flex-wrapper .flex-basis-p80,
.display-flex .flex-basis-p80,
.display-inline-flex .flex-basis-p80 {
  -webkit-flex-basis: 80%;
  -moz-flex-basis: 80%;
  -ms-flex-basis: 80%;
  flex-basis: 80%;
}
.flex-wrapper .flex-basis-p90,
.display-flex .flex-basis-p90,
.display-inline-flex .flex-basis-p90 {
  -webkit-flex-basis: 90%;
  -moz-flex-basis: 90%;
  -ms-flex-basis: 90%;
  flex-basis: 90%;
}
.flex-wrapper .flex-basis-p100,
.display-flex .flex-basis-p100,
.display-inline-flex .flex-basis-p100 {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.flex-wrapper .flex-grow-0,
.display-flex .flex-grow-0,
.display-inline-flex .flex-grow-0 {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
}
.flex-wrapper .flex-grow-1,
.display-flex .flex-grow-1,
.display-inline-flex .flex-grow-1 {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.flex-wrapper .flex-grow-2,
.display-flex .flex-grow-2,
.display-inline-flex .flex-grow-2 {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
}
.flex-wrapper .flex-grow-3,
.display-flex .flex-grow-3,
.display-inline-flex .flex-grow-3 {
  -webkit-flex-grow: 3;
  -moz-flex-grow: 3;
  -ms-flex-grow: 3;
  flex-grow: 3;
}
.flex-wrapper .flex-shrink-0,
.display-flex .flex-shrink-0,
.display-inline-flex .flex-shrink-0 {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
.flex-wrapper .flex-shrink-1,
.display-flex .flex-shrink-1,
.display-inline-flex .flex-shrink-1 {
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
}
.flex-wrapper,
.display-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.display-inline-flex {
  display: inline-flex;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-col-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .justify-content-center-mobile {
    justify-content: center;
  }
}
/* GRID */
.grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(12, minmax(auto, 1fr));
  list-style: none;
}
.grid .subgrid {
  grid-template-columns: subgrid;
}
.inline-grid {
  display: inline-grid;
  gap: 14px;
  grid-template-columns: repeat(12, minmax(auto, 1fr));
  list-style: none;
}
.grid.g1 {
  /*display: grid;*/
  grid-template-columns: repeat(1, minmax(auto, 1fr));
}
.grid.g1 > .fifth {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g1 > .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1 > .fifth-mobile {
    grid-column-end: span 1;
  }
}
.grid.g1 > .quarter {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g1 > .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1 > .quarter-mobile {
    grid-column-end: span 1;
  }
}
.grid.g1 > .third {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g1 > .third-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1 > .third-mobile {
    grid-column-end: span 1;
  }
}
.grid.g1 > .half {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g1 > .half-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g1 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g1 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g1-auto {
  /*display: grid;*/
  grid-template-columns: repeat(1, minmax(auto,auto));
}
.grid .span-1 {
  grid-column-end: span 1;
  position: relative;
}
.grid .start-1 {
  grid-column-start: 1;
  position: relative;
}
.grid.g2 {
  /*display: grid;*/
  grid-template-columns: repeat(2, minmax(auto, 1fr));
}
.grid.g2 > .fifth {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g2 > .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2 > .fifth-mobile {
    grid-column-end: span 1;
  }
}
.grid.g2 > .quarter {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g2 > .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2 > .quarter-mobile {
    grid-column-end: span 1;
  }
}
.grid.g2 > .third {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g2 > .third-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2 > .third-mobile {
    grid-column-end: span 1;
  }
}
.grid.g2 > .half {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g2 > .half-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g2 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g2 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g2-auto {
  /*display: grid;*/
  grid-template-columns: repeat(2, minmax(auto,auto));
}
.grid .span-2 {
  grid-column-end: span 2;
  position: relative;
}
.grid .start-2 {
  grid-column-start: 2;
  position: relative;
}
.grid.g3 {
  /*display: grid;*/
  grid-template-columns: repeat(3, minmax(auto, 1fr));
}
.grid.g3 > .fifth {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g3 > .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g3 > .fifth-mobile {
    grid-column-end: span 1;
  }
}
.grid.g3 > .quarter {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g3 > .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g3 > .quarter-mobile {
    grid-column-end: span 1;
  }
}
.grid.g3 > .third {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g3 > .third-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g3 > .third-mobile {
    grid-column-end: span 1;
  }
}
.grid.g3 > .half {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g3 > .half-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g3 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g3 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g3 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g3-auto {
  /*display: grid;*/
  grid-template-columns: repeat(3, minmax(auto,auto));
}
.grid .span-3 {
  grid-column-end: span 3;
  position: relative;
}
.grid .start-3 {
  grid-column-start: 3;
  position: relative;
}
.grid.g4 {
  /*display: grid;*/
  grid-template-columns: repeat(4, minmax(auto, 1fr));
}
.grid.g4 > .fifth {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g4 > .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g4 > .fifth-mobile {
    grid-column-end: span 1;
  }
}
.grid.g4 > .quarter {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g4 > .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g4 > .quarter-mobile {
    grid-column-end: span 1;
  }
}
.grid.g4 > .third {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g4 > .third-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g4 > .third-mobile {
    grid-column-end: span 2;
  }
}
.grid.g4 > .half {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g4 > .half-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g4 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g4 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g4 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g4-auto {
  /*display: grid;*/
  grid-template-columns: repeat(4, minmax(auto,auto));
}
.grid .span-4 {
  grid-column-end: span 4;
  position: relative;
}
.grid .start-4 {
  grid-column-start: 4;
  position: relative;
}
.grid.g5 {
  /*display: grid;*/
  grid-template-columns: repeat(5, minmax(auto, 1fr));
}
.grid.g5 > .fifth {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g5 > .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g5 > .fifth-mobile {
    grid-column-end: span 1;
  }
}
.grid.g5 > .quarter {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g5 > .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g5 > .quarter-mobile {
    grid-column-end: span 2;
  }
}
.grid.g5 > .third {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g5 > .third-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g5 > .third-mobile {
    grid-column-end: span 2;
  }
}
.grid.g5 > .half {
  grid-column-end: span 3;
}
@media (max-width: 1024px) {
  .grid.g5 > .half-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g5 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g5 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g5 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g5-auto {
  /*display: grid;*/
  grid-template-columns: repeat(5, minmax(auto,auto));
}
.grid .span-5 {
  grid-column-end: span 5;
  position: relative;
}
.grid .start-5 {
  grid-column-start: 5;
  position: relative;
}
.grid.g6 {
  /*display: grid;*/
  grid-template-columns: repeat(6, minmax(auto, 1fr));
}
.grid.g6 > .fifth {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g6 > .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g6 > .fifth-mobile {
    grid-column-end: span 2;
  }
}
.grid.g6 > .quarter {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g6 > .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g6 > .quarter-mobile {
    grid-column-end: span 2;
  }
}
.grid.g6 > .third {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g6 > .third-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g6 > .third-mobile {
    grid-column-end: span 2;
  }
}
.grid.g6 > .half {
  grid-column-end: span 3;
}
@media (max-width: 1024px) {
  .grid.g6 > .half-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g6 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g6 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g6 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g6-auto {
  /*display: grid;*/
  grid-template-columns: repeat(6, minmax(auto,auto));
}
.grid .span-6 {
  grid-column-end: span 6;
  position: relative;
}
.grid .start-6 {
  grid-column-start: 6;
  position: relative;
}
.grid.g7 {
  /*display: grid;*/
  grid-template-columns: repeat(7, minmax(auto, 1fr));
}
.grid.g7 > .fifth {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g7 > .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g7 > .fifth-mobile {
    grid-column-end: span 2;
  }
}
.grid.g7 > .quarter {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g7 > .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g7 > .quarter-mobile {
    grid-column-end: span 2;
  }
}
.grid.g7 > .third {
  grid-column-end: span 3;
}
@media (max-width: 1024px) {
  .grid.g7 > .third-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g7 > .third-mobile {
    grid-column-end: span 3;
  }
}
.grid.g7 > .half {
  grid-column-end: span 4;
}
@media (max-width: 1024px) {
  .grid.g7 > .half-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g7 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g7 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g7 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g7-auto {
  /*display: grid;*/
  grid-template-columns: repeat(7, minmax(auto,auto));
}
.grid .span-7 {
  grid-column-end: span 7;
  position: relative;
}
.grid .start-7 {
  grid-column-start: 7;
  position: relative;
}
.grid.g8 {
  /*display: grid;*/
  grid-template-columns: repeat(8, minmax(auto, 1fr));
}
.grid.g8 > .fifth {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g8 > .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g8 > .fifth-mobile {
    grid-column-end: span 2;
  }
}
.grid.g8 > .quarter {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g8 > .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g8 > .quarter-mobile {
    grid-column-end: span 2;
  }
}
.grid.g8 > .third {
  grid-column-end: span 3;
}
@media (max-width: 1024px) {
  .grid.g8 > .third-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g8 > .third-mobile {
    grid-column-end: span 3;
  }
}
.grid.g8 > .half {
  grid-column-end: span 4;
}
@media (max-width: 1024px) {
  .grid.g8 > .half-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g8 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g8 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g8 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g8-auto {
  /*display: grid;*/
  grid-template-columns: repeat(8, minmax(auto,auto));
}
.grid .span-8 {
  grid-column-end: span 8;
  position: relative;
}
.grid .start-8 {
  grid-column-start: 8;
  position: relative;
}
.grid.g9 {
  /*display: grid;*/
  grid-template-columns: repeat(9, minmax(auto, 1fr));
}
.grid.g9 > .fifth {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g9 > .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g9 > .fifth-mobile {
    grid-column-end: span 2;
  }
}
.grid.g9 > .quarter {
  grid-column-end: span 3;
}
@media (max-width: 1024px) {
  .grid.g9 > .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g9 > .quarter-mobile {
    grid-column-end: span 3;
  }
}
.grid.g9 > .third {
  grid-column-end: span 3;
}
@media (max-width: 1024px) {
  .grid.g9 > .third-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g9 > .third-mobile {
    grid-column-end: span 3;
  }
}
.grid.g9 > .half {
  grid-column-end: span 5;
}
@media (max-width: 1024px) {
  .grid.g9 > .half-tablet {
    grid-column-end: span 5;
  }
}
@media (max-width: 767px) {
  .grid.g9 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
}
@media (max-width: 1024px) {
  .grid.g9 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g9 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g9-auto {
  /*display: grid;*/
  grid-template-columns: repeat(9, minmax(auto,auto));
}
.grid .span-9 {
  grid-column-end: span 9;
  position: relative;
}
.grid .start-9 {
  grid-column-start: 9;
  position: relative;
}
.grid.g10 {
  /*display: grid;*/
  grid-template-columns: repeat(10, minmax(auto, 1fr));
}
.grid.g10 > .fifth {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g10 > .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g10 > .fifth-mobile {
    grid-column-end: span 2;
  }
}
.grid.g10 > .quarter {
  grid-column-end: span 3;
}
@media (max-width: 1024px) {
  .grid.g10 > .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g10 > .quarter-mobile {
    grid-column-end: span 3;
  }
}
.grid.g10 > .third {
  grid-column-end: span 4;
}
@media (max-width: 1024px) {
  .grid.g10 > .third-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g10 > .third-mobile {
    grid-column-end: span 4;
  }
}
.grid.g10 > .half {
  grid-column-end: span 5;
}
@media (max-width: 1024px) {
  .grid.g10 > .half-tablet {
    grid-column-end: span 5;
  }
}
@media (max-width: 767px) {
  .grid.g10 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
}
@media (max-width: 1024px) {
  .grid.g10 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g10 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g10-auto {
  /*display: grid;*/
  grid-template-columns: repeat(10, minmax(auto,auto));
}
.grid .span-10 {
  grid-column-end: span 10;
  position: relative;
}
.grid .start-10 {
  grid-column-start: 10;
  position: relative;
}
.grid.g11 {
  /*display: grid;*/
  grid-template-columns: repeat(11, minmax(auto, 1fr));
}
.grid.g11 > .fifth {
  grid-column-end: span 3;
}
@media (max-width: 1024px) {
  .grid.g11 > .fifth-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g11 > .fifth-mobile {
    grid-column-end: span 3;
  }
}
.grid.g11 > .quarter {
  grid-column-end: span 3;
}
@media (max-width: 1024px) {
  .grid.g11 > .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g11 > .quarter-mobile {
    grid-column-end: span 3;
  }
}
.grid.g11 > .third {
  grid-column-end: span 4;
}
@media (max-width: 1024px) {
  .grid.g11 > .third-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g11 > .third-mobile {
    grid-column-end: span 4;
  }
}
.grid.g11 > .half {
  grid-column-end: span 6;
}
@media (max-width: 1024px) {
  .grid.g11 > .half-tablet {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .grid.g11 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
}
@media (max-width: 1024px) {
  .grid.g11 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g11 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g11-auto {
  /*display: grid;*/
  grid-template-columns: repeat(11, minmax(auto,auto));
}
.grid .span-11 {
  grid-column-end: span 11;
  position: relative;
}
.grid .start-11 {
  grid-column-start: 11;
  position: relative;
}
.grid.g12 {
  /*display: grid;*/
  grid-template-columns: repeat(12, minmax(auto, 1fr));
}
.grid.g12 > .fifth {
  grid-column-end: span 3;
}
@media (max-width: 1024px) {
  .grid.g12 > .fifth-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g12 > .fifth-mobile {
    grid-column-end: span 3;
  }
}
.grid.g12 > .quarter {
  grid-column-end: span 3;
}
@media (max-width: 1024px) {
  .grid.g12 > .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g12 > .quarter-mobile {
    grid-column-end: span 3;
  }
}
.grid.g12 > .third {
  grid-column-end: span 4;
}
@media (max-width: 1024px) {
  .grid.g12 > .third-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g12 > .third-mobile {
    grid-column-end: span 4;
  }
}
.grid.g12 > .half {
  grid-column-end: span 6;
}
@media (max-width: 1024px) {
  .grid.g12 > .half-tablet {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .grid.g12 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
}
@media (max-width: 1024px) {
  .grid.g12 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g12 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g12-auto {
  /*display: grid;*/
  grid-template-columns: repeat(12, minmax(auto,auto));
}
.grid .span-12 {
  grid-column-end: span 12;
  position: relative;
}
.grid .start-12 {
  grid-column-start: 12;
  position: relative;
}
@media (max-width: 1024px) {
  .grid.g1-tablet {
    display: grid;
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g1-tablet .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g1-tablet .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g1-tablet .third-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g1-tablet .half-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g2-tablet {
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g2-tablet .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g2-tablet .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g2-tablet .third-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g2-tablet .half-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g3-tablet {
    display: grid;
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g3-tablet .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g3-tablet .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g3-tablet .third-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g3-tablet .half-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g4-tablet {
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g4-tablet .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g4-tablet .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g4-tablet .third-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g4-tablet .half-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g5-tablet {
    display: grid;
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g5-tablet .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g5-tablet .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g5-tablet .third-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g5-tablet .half-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g6-tablet {
    display: grid;
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g6-tablet .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g6-tablet .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g6-tablet .third-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g6-tablet .half-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g7-tablet {
    display: grid;
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g7-tablet .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g7-tablet .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g7-tablet .third-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g7-tablet .half-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g8-tablet {
    display: grid;
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g8-tablet .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g8-tablet .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g8-tablet .third-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g8-tablet .half-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g9-tablet {
    display: grid;
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g9-tablet .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g9-tablet .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g9-tablet .third-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g9-tablet .half-tablet {
    grid-column-end: span 5;
  }
}
@media (max-width: 1024px) {
  .grid.g10-tablet {
    display: grid;
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g10-tablet .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g10-tablet .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g10-tablet .third-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g10-tablet .half-tablet {
    grid-column-end: span 5;
  }
}
@media (max-width: 1024px) {
  .grid.g11-tablet {
    display: grid;
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g11-tablet .fifth-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g11-tablet .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g11-tablet .third-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g11-tablet .half-tablet {
    grid-column-end: span 6;
  }
}
@media (max-width: 1024px) {
  .grid.g12-tablet {
    display: grid;
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g12-tablet .fifth-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g12-tablet .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g12-tablet .third-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g12-tablet .half-tablet {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile {
    display: grid;
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .fifth {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .quarter {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .third {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .half {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .half-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile {
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .fifth {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .quarter {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .third {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .half {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .half-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile {
    display: grid;
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .fifth {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .quarter {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .third {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .half {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .half-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile {
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .fifth {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .quarter {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .third {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .half {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .half-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile {
    display: grid;
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .fifth {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .quarter {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .third {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .half {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .half-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile {
    display: grid;
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .fifth {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .quarter {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .third {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .half {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .half-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile {
    display: grid;
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .fifth {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .quarter {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .third {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .half {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .half-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile {
    display: grid;
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .fifth {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .quarter {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .third {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .half {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .half-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile {
    display: grid;
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .fifth {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .quarter {
    grid-column-end: span 5;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .third {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .half {
    grid-column-end: span 5;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .half-mobile {
    grid-column-end: span 5;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile {
    display: grid;
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .fifth {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .quarter {
    grid-column-end: span 5;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .third {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .half {
    grid-column-end: span 5;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .half-mobile {
    grid-column-end: span 5;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile {
    display: grid;
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .fifth {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .quarter {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .third {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .half {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .half-mobile {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile {
    display: grid;
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile .fifth {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile .quarter {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile .third {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile .half {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile .full {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile .half-mobile {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 1024px) {
  .grid .span-1-tablet {
    grid-column-end: span 1;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-2-tablet {
    grid-column-end: span 2;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-3-tablet {
    grid-column-end: span 3;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-4-tablet {
    grid-column-end: span 4;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-5-tablet {
    grid-column-end: span 5;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-6-tablet {
    grid-column-end: span 6;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-7-tablet {
    grid-column-end: span 7;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-8-tablet {
    grid-column-end: span 8;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-9-tablet {
    grid-column-end: span 9;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-10-tablet {
    grid-column-end: span 10;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-11-tablet {
    grid-column-end: span 11;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-12-tablet {
    grid-column-end: span 12;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-1-tablet-small {
    grid-column-end: span 1;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-2-tablet-small {
    grid-column-end: span 2;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-3-tablet-small {
    grid-column-end: span 3;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-4-tablet-small {
    grid-column-end: span 4;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-5-tablet-small {
    grid-column-end: span 5;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-6-tablet-small {
    grid-column-end: span 6;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-7-tablet-small {
    grid-column-end: span 7;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-8-tablet-small {
    grid-column-end: span 8;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-9-tablet-small {
    grid-column-end: span 9;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-10-tablet-small {
    grid-column-end: span 10;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-11-tablet-small {
    grid-column-end: span 11;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-12-tablet-small {
    grid-column-end: span 12;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-1-mobile {
    grid-column-end: span 1;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-2-mobile {
    grid-column-end: span 2;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-3-mobile {
    grid-column-end: span 3;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-4-mobile {
    grid-column-end: span 4;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-5-mobile {
    grid-column-end: span 5;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-6-mobile {
    grid-column-end: span 6;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-7-mobile {
    grid-column-end: span 7;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-8-mobile {
    grid-column-end: span 8;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-9-mobile {
    grid-column-end: span 9;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-10-mobile {
    grid-column-end: span 10;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-11-mobile {
    grid-column-end: span 11;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-12-mobile {
    grid-column-end: span 12;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-1-tablet {
    grid-column-start: 1;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-2-tablet {
    grid-column-start: 2;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-3-tablet {
    grid-column-start: 3;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-4-tablet {
    grid-column-start: 4;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-5-tablet {
    grid-column-start: 5;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-6-tablet {
    grid-column-start: 6;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-7-tablet {
    grid-column-start: 7;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-8-tablet {
    grid-column-start: 8;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-9-tablet {
    grid-column-start: 9;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-10-tablet {
    grid-column-start: 10;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-11-tablet {
    grid-column-start: 11;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-12-tablet {
    grid-column-start: 12;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-1-mobile {
    grid-column-start: 1;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-2-mobile {
    grid-column-start: 2;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-3-mobile {
    grid-column-start: 3;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-4-mobile {
    grid-column-start: 4;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-5-mobile {
    grid-column-start: 5;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-6-mobile {
    grid-column-start: 6;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-7-mobile {
    grid-column-start: 7;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-8-mobile {
    grid-column-start: 8;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-9-mobile {
    grid-column-start: 9;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-10-mobile {
    grid-column-start: 10;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-11-mobile {
    grid-column-start: 11;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-12-mobile {
    grid-column-start: 12;
    position: relative;
  }
}
.grid.max-width {
  max-width: var(--max-px-width);
  width: 100%;
}
.grid.auto-flow-dense {
  grid-auto-flow: dense;
}
.grid > * {
  width: 100%;
}
.grid .full {
  grid-column: 1/-1;
}
@media (max-width: 767px) {
  .grid .half-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid .full-mobile {
    grid-column: 1/-1;
  }
}
.grid .row-span-2 {
  grid-row-end: span 2;
}
.grid .row-span-3 {
  grid-row-end: span 3;
}
.grid .row-span-4 {
  grid-row-end: span 3;
}
.grid .row-span-5 {
  grid-row-end: span 3;
}
.skip-1 {
  grid-column-start: 2;
}
.skip-2 {
  grid-column-start: 3;
}
.skip-3 {
  grid-column-start: 4;
}
.skip-4 {
  grid-column-start: 5;
}
.skip-5 {
  grid-column-start: 6;
}
.skip-6 {
  grid-column-start: 7;
}
.skip-7 {
  grid-column-start: 8;
}
.gap-0 {
  gap: 0;
}
.gap-0-25 {
  gap: 3.5px;
}
.gap-0-5 {
  gap: 7px;
}
.gap-0-5--0 {
  gap: 7px 0;
}
.gap-0--0-5 {
  gap: 0 7px;
}
.gap-0--1 {
  gap: 0 14px;
}
.gap-1--0 {
  gap: 14px 0;
}
.gap-2--1 {
  gap: 28px 14px;
}
.gap-1 {
  gap: 14px;
}
.gap-2 {
  gap: 28px;
}
.gap-3 {
  gap: 42px;
}
.gap-4 {
  gap: 56px;
}
.gap-4--2 {
  gap: 56px 28px;
}
.gap-6--3 {
  gap: 84px 42px;
}
.gap-8--4 {
  gap: 112px 56px;
}
@media (max-width: 767px) {
  .gap-0-5-mobile {
    gap: 7px;
  }
}
@media (max-width: 767px) {
  .gap-1-mobile {
    gap: 14px;
  }
}
@media (max-width: 767px) {
  .gap-1-5-mobile {
    gap: 21px;
  }
}
@media (max-width: 767px) {
  .gap-2-mobile {
    gap: 28px;
  }
}
/* DISPLAY */
.display-none {
  display: none;
}
.display-block {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
.display-inline {
  display: inline;
}
.display-contents {
  display: contents;
}
@media (max-width: 768px) {
  .display-none-tablet-portrait {
    display: none;
  }
}
@media (max-width: 1024px) {
  .display-none-tablet {
    display: none;
  }
}
@media (max-width: 1024px) {
  .display-block-tablet {
    display: block;
  }
}
@media (max-width: 767px) {
  .display-none-mob,
  .display-none-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .display-inline-block-mobile {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .display-block-mobile {
    display: block;
  }
}
/* ORDER */
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
@media (max-width: 1024px) {
  .order-1-tablet {
    order: 1;
  }
}
@media (max-width: 1024px) {
  .order-2-tablet {
    order: 2;
  }
}
@media (max-width: 1024px) {
  .order-3-tablet {
    order: 3;
  }
}
@media (max-width: 1024px) {
  .order-4-tablet {
    order: 4;
  }
}
@media (max-width: 1024px) {
  .order-5-tablet {
    order: 5;
  }
}
@media (max-width: 1024px) {
  .order-6-tablet {
    order: 6;
  }
}
@media (max-width: 1024px) {
  .order-7-tablet {
    order: 7;
  }
}
@media (max-width: 1024px) {
  .order-8-tablet {
    order: 8;
  }
}
@media (max-width: 1024px) {
  .order-9-tablet {
    order: 9;
  }
}
@media (max-width: 1024px) {
  .order-10-tablet {
    order: 10;
  }
}
@media (max-width: 767px) {
  .order-1-mobile {
    order: 1;
  }
}
@media (max-width: 767px) {
  .order-2-mobile {
    order: 2;
  }
}
@media (max-width: 767px) {
  .order-3-mobile {
    order: 3;
  }
}
@media (max-width: 767px) {
  .order-4-mobile {
    order: 4;
  }
}
@media (max-width: 767px) {
  .order-5-mobile {
    order: 5;
  }
}
@media (max-width: 767px) {
  .order-6-mobile {
    order: 6;
  }
}
@media (max-width: 767px) {
  .order-7-mobile {
    order: 7;
  }
}
@media (max-width: 767px) {
  .order-8-mobile {
    order: 8;
  }
}
@media (max-width: 767px) {
  .order-9-mobile {
    order: 9;
  }
}
@media (max-width: 767px) {
  .order-10-mobile {
    order: 10;
  }
}
/* BACKGROUND COLORS */
.bg-white {
  background: white;
}
.bg-black {
  background: black;
}
.bg-1 {
  background: var(--color-1);
}
.bg-2 {
  background: var(--color-2);
}
.bg-3 {
  background: var(--color-3);
}
.bg-4 {
  background: var(--color-4);
}
.bg-5 {
  background: var(--color-5);
}
.bg-6 {
  background: var(--color-6);
}
.bg-7 {
  background: var(--color-7);
}
.bg-8 {
  background: var(--color-8);
}
.bg-9 {
  background: var(--color-9);
}
.bg-10 {
  background: var(--color-10);
}
.bg-11 {
  background: var(--color-11);
}
.bg-12 {
  background: var(--color-12);
}
.bg-13 {
  background: var(--color-13);
}
.bg-14 {
  background: var(--color-14);
}
.bg-15 {
  background: var(--color-15);
}
.bg-16 {
  background: var(--color-16);
}
.bg-success {
  background: var(--discount-green);
}
@media (max-width: 767px) {
  bg-1-mobile {
    background: var(--color-1);
  }
}
@media (max-width: 767px) {
  .bg-2-mobile {
    background: var(--color-2);
  }
}
@media (max-width: 767px) {
  .bg-3-mobile {
    background: var(--color-3);
  }
}
@media (max-width: 767px) {
  .bg-4-mobile {
    background: var(--color-4);
  }
}
@media (max-width: 767px) {
  .bg-5-mobile {
    background: var(--color-5);
  }
}
@media (max-width: 767px) {
  .bg-6-mobile {
    background: var(--color-6);
  }
}
@media (max-width: 767px) {
  .bg-7-mobile {
    background: var(--color-7);
    color: white;
  }
}
@media (max-width: 767px) {
  .bg-8-mobile {
    background: var(--color-8);
    color: black;
  }
}
@media (max-width: 767px) {
  .bg-9-mobile {
    background: var(--color-9);
    color: black;
  }
}
@media (max-width: 767px) {
  .bg-10-mobile {
    background: var(--color-10);
    color: black;
  }
}
@media (max-width: 767px) {
  .bg-11-mobile {
    background: var(--color-11);
    color: white;
  }
}
@media (max-width: 767px) {
  .bg-12-mobile {
    background: var(--color-12);
    color: white;
  }
}
@media (max-width: 767px) {
  .bg-13-mobile {
    background: var(--color-13);
    color: white;
  }
}
@media (max-width: 767px) {
  .bg-14-mobile {
    background: var(--color-14);
    color: white;
  }
}
@media (max-width: 767px) {
  .bg-15-mobile {
    background: var(--color-15);
    color: white;
  }
}
@media (max-width: 767px) {
  .bg-16-mobile {
    background: var(--color-16);
    color: white;
  }
}
@media (max-width: 767px) {
  .bg-success-mobile {
    background: var(--discount-green);
  }
}
/*
.bg-success-light-mobile {
    @media @mobile {
        background: lighten(var(--discount-green), 10%);
    }
}*/
.bg-hover-1:hover {
  background: var(--color-1);
}
.bg-hover-2:hover {
  background: var(--color-2);
}
/* OVERFLOW */
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-auto {
  overflow-x: auto;
}
/* MARGIN */
.margin-auto--1 {
  margin: auto 14px;
}
.margin-0 {
  margin: 0;
}
.margin-0--1 {
  margin: 0 14px;
}
.margin-0--0-5 {
  margin: 0 7px;
}
.margin-0-25--0 {
  margin: 3.5px 0;
}
.margin-0-5--0 {
  margin: 7px 0;
}
.margin-0-5--auto {
  margin: 7px auto;
}
.margin-0--0-25--0-25--0 {
  margin: 0 3.5px 3.5px 0;
}
.margin-1--0 {
  margin: 14px 0;
}
.margin-0--auto {
  margin: 0 auto;
}
.margin-auto--auto--0--auto {
  margin: auto auto 0 auto;
}
.margin-1--auto {
  margin: 14px auto;
}
.margin-2--0 {
  margin: 28px 0;
}
.margin-2--auto {
  margin: 28px auto;
}
.margin-3--auto {
  margin: 42px auto;
}
.margin-4--auto {
  margin: 56px auto;
}
.margin-6--auto {
  margin: 84px auto;
}
.margin-t-auto {
  margin-top: auto;
}
.margin-r-auto {
  margin-right: auto;
}
.margin-b-auto {
  margin-bottom: auto;
}
.margin-l-auto {
  margin-left: auto;
}
.margin-t--1 {
  margin-top: -14px;
}
.margin-t--2 {
  margin-top: -28px;
}
.margin-t-0 {
  margin-top: 0;
}
.margin-t-0-25 {
  margin-top: 3.5px;
}
.margin-t-0-5 {
  margin-top: 7px;
}
.margin-t-1 {
  margin-top: 14px;
}
.margin-t-2 {
  margin-top: 28px;
}
.margin-t-3 {
  margin-top: 42px;
}
.margin-t-4 {
  margin-top: 56px;
}
.margin-t-5 {
  margin-top: 70px;
}
.margin-t-6 {
  margin-top: 84px;
}
.margin-t-7 {
  margin-top: 98px;
}
.margin-t-8 {
  margin-top: 112px;
}
.margin-t-9 {
  margin-top: 126px;
}
.margin-t-10 {
  margin-top: 140px;
}
.margin-r-0-25 {
  margin-right: 3.5px;
}
.margin-r-0-5 {
  margin-right: 7px;
}
.margin-r-1 {
  margin-right: 14px;
}
.margin-r-2 {
  margin-right: 28px;
}
.margin-b--1 {
  margin-bottom: -14px;
}
.margin-b--2 {
  margin-bottom: -28px;
}
.margin-b-0 {
  margin-bottom: 0;
}
.margin-b-0-5 {
  margin-bottom: 7px;
}
.margin-b-1 {
  margin-bottom: 14px;
}
.margin-b-2 {
  margin-bottom: 28px;
}
.margin-b-3 {
  margin-bottom: 42px;
}
.margin-b-4 {
  margin-bottom: 56px;
}
.margin-l-auto {
  margin-left: auto;
}
.margin-l-0 {
  margin-left: 0;
}
.margin-l-0-5 {
  margin-left: 7px;
}
.margin-l-1 {
  margin-left: 14px;
}
.margin-l-1-5 {
  margin-left: 21px;
}
.margin-l-2 {
  margin-left: 28px;
}
@media (max-width: 767px) {
  .margin-0-mobile {
    margin: 0 ;
  }
}
@media (max-width: 767px) {
  .margin-1--auto-mobile {
    margin: 14px auto;
  }
}
/* MOVE AFTER SINGLE SIDES TOP,RIGHT,BOTTOM, LEFT? */
@media (max-width: 767px) {
  .margin-2--auto-mobile {
    margin: 28px 0;
  }
}
@media (max-width: 767px) {
  .margin-t-0-mobile {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .margin-t-1-mobile {
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .margin-t-2-mobile {
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .margin-t-3-mobile {
    margin-top: 42px;
  }
}
@media (max-width: 767px) {
  .margin-t-4-mobile {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .margin-r-0-mobile {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  margin-b-0-mobile {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  margin-b-1-mobile {
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  margin-b-2-mobile {
    margin-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .margin-l-0-mobile {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .margin-l-1-mobile {
    margin-left: 14px;
  }
}
/* PADDING */
.nopadding {
  padding: 0 !important;
}
.padding-0 {
  padding: 0;
}
.padding-0--1 {
  padding: 0 14px;
}
.padding-0--2 {
  padding: 0 28px;
}
.padding-0-25 {
  padding: 3.5px;
}
.padding-0-5 {
  padding: 7px;
}
.padding-0-5--0 {
  padding: 7px 0;
}
.padding-0-5--1 {
  padding: 7px 14px;
}
.padding-0--2 {
  padding: 0 28px;
}
.padding-0--4 {
  padding: 0 56px;
}
@media (max-width: 767px) {
  .padding-0-mobile {
    padding: 0;
  }
}
.padding-0 {
  padding: 0px;
}
.padding-0--0 {
  padding: 0px 0;
}
.padding-0--0-5 {
  padding: 0px 7px;
}
.padding-0--1 {
  padding: 0px 14px;
}
.padding-0--1-5 {
  padding: 0px 21px;
}
.padding-0-5--1 {
  padding: 7px 14px;
}
.padding-0-5--1-5 {
  padding: 7px 21px;
}
.padding-0--2 {
  padding: 0px 28px;
}
.padding-0--2-5 {
  padding: 0px 35px;
}
.padding-0-5--2 {
  padding: 7px 28px;
}
.padding-0-5--2-5 {
  padding: 7px 35px;
}
.padding-0--3 {
  padding: 0px 42px;
}
.padding-0--3-5 {
  padding: 0px 49px;
}
.padding-0-5--3 {
  padding: 7px 42px;
}
.padding-0-5--3-5 {
  padding: 7px 49px;
}
.padding-0--4 {
  padding: 0px 56px;
}
.padding-0--4-5 {
  padding: 0px 63px;
}
.padding-0-5--4 {
  padding: 7px 56px;
}
.padding-0-5--4-5 {
  padding: 7px 63px;
}
.padding-0--5 {
  padding: 0px 70px;
}
.padding-0--5-5 {
  padding: 0px 77px;
}
.padding-0-5--5 {
  padding: 7px 70px;
}
.padding-0-5--5-5 {
  padding: 7px 77px;
}
.padding-0--6 {
  padding: 0px 84px;
}
.padding-0--6-5 {
  padding: 0px 91px;
}
.padding-0-5--6 {
  padding: 7px 84px;
}
.padding-0-5--6-5 {
  padding: 7px 91px;
}
.padding-0--7 {
  padding: 0px 98px;
}
.padding-0--7-5 {
  padding: 0px 105px;
}
.padding-0-5--7 {
  padding: 7px 98px;
}
.padding-0-5--7-5 {
  padding: 7px 105px;
}
.padding-0--8 {
  padding: 0px 112px;
}
.padding-0--8-5 {
  padding: 0px 119px;
}
.padding-0-5--8 {
  padding: 7px 112px;
}
.padding-0-5--8-5 {
  padding: 7px 119px;
}
.padding-0--9 {
  padding: 0px 126px;
}
.padding-0--9-5 {
  padding: 0px 133px;
}
.padding-0-5--9 {
  padding: 7px 126px;
}
.padding-0-5--9-5 {
  padding: 7px 133px;
}
.padding-0--10 {
  padding: 0px 140px;
}
.padding-0--10-5 {
  padding: 0px 147px;
}
.padding-0-5--10 {
  padding: 7px 140px;
}
.padding-0-5--10-5 {
  padding: 7px 147px;
}
.padding-0--1 {
  padding: 0px 14px;
}
.padding-0--1-5 {
  padding: 0px 21px;
}
.padding-0-5--1 {
  padding: 7px 14px;
}
.padding-0-5--1-5 {
  padding: 7px 21px;
}
.padding-0--2 {
  padding: 0px 28px;
}
.padding-0--2-5 {
  padding: 0px 35px;
}
.padding-0-5--2 {
  padding: 7px 28px;
}
.padding-0-5--2-5 {
  padding: 7px 35px;
}
.padding-0--3 {
  padding: 0px 42px;
}
.padding-0--3-5 {
  padding: 0px 49px;
}
.padding-0-5--3 {
  padding: 7px 42px;
}
.padding-0-5--3-5 {
  padding: 7px 49px;
}
.padding-0--4 {
  padding: 0px 56px;
}
.padding-0--4-5 {
  padding: 0px 63px;
}
.padding-0-5--4 {
  padding: 7px 56px;
}
.padding-0-5--4-5 {
  padding: 7px 63px;
}
.padding-0--5 {
  padding: 0px 70px;
}
.padding-0--5-5 {
  padding: 0px 77px;
}
.padding-0-5--5 {
  padding: 7px 70px;
}
.padding-0-5--5-5 {
  padding: 7px 77px;
}
.padding-0--6 {
  padding: 0px 84px;
}
.padding-0--6-5 {
  padding: 0px 91px;
}
.padding-0-5--6 {
  padding: 7px 84px;
}
.padding-0-5--6-5 {
  padding: 7px 91px;
}
.padding-0--7 {
  padding: 0px 98px;
}
.padding-0--7-5 {
  padding: 0px 105px;
}
.padding-0-5--7 {
  padding: 7px 98px;
}
.padding-0-5--7-5 {
  padding: 7px 105px;
}
.padding-0--8 {
  padding: 0px 112px;
}
.padding-0--8-5 {
  padding: 0px 119px;
}
.padding-0-5--8 {
  padding: 7px 112px;
}
.padding-0-5--8-5 {
  padding: 7px 119px;
}
.padding-0--9 {
  padding: 0px 126px;
}
.padding-0--9-5 {
  padding: 0px 133px;
}
.padding-0-5--9 {
  padding: 7px 126px;
}
.padding-0-5--9-5 {
  padding: 7px 133px;
}
.padding-0--10 {
  padding: 0px 140px;
}
.padding-0--10-5 {
  padding: 0px 147px;
}
.padding-0-5--10 {
  padding: 7px 140px;
}
.padding-0-5--10-5 {
  padding: 7px 147px;
}
.padding-1 {
  padding: 14px;
}
.padding-1--0 {
  padding: 14px 0;
}
.padding-1--0-5 {
  padding: 14px 7px;
}
.padding-1--1 {
  padding: 14px 14px;
}
.padding-1--1-5 {
  padding: 14px 21px;
}
.padding-1-5--1 {
  padding: 21px 14px;
}
.padding-1-5--1-5 {
  padding: 21px 21px;
}
.padding-1--2 {
  padding: 14px 28px;
}
.padding-1--2-5 {
  padding: 14px 35px;
}
.padding-1-5--2 {
  padding: 21px 28px;
}
.padding-1-5--2-5 {
  padding: 21px 35px;
}
.padding-1--3 {
  padding: 14px 42px;
}
.padding-1--3-5 {
  padding: 14px 49px;
}
.padding-1-5--3 {
  padding: 21px 42px;
}
.padding-1-5--3-5 {
  padding: 21px 49px;
}
.padding-1--4 {
  padding: 14px 56px;
}
.padding-1--4-5 {
  padding: 14px 63px;
}
.padding-1-5--4 {
  padding: 21px 56px;
}
.padding-1-5--4-5 {
  padding: 21px 63px;
}
.padding-1--5 {
  padding: 14px 70px;
}
.padding-1--5-5 {
  padding: 14px 77px;
}
.padding-1-5--5 {
  padding: 21px 70px;
}
.padding-1-5--5-5 {
  padding: 21px 77px;
}
.padding-1--6 {
  padding: 14px 84px;
}
.padding-1--6-5 {
  padding: 14px 91px;
}
.padding-1-5--6 {
  padding: 21px 84px;
}
.padding-1-5--6-5 {
  padding: 21px 91px;
}
.padding-1--7 {
  padding: 14px 98px;
}
.padding-1--7-5 {
  padding: 14px 105px;
}
.padding-1-5--7 {
  padding: 21px 98px;
}
.padding-1-5--7-5 {
  padding: 21px 105px;
}
.padding-1--8 {
  padding: 14px 112px;
}
.padding-1--8-5 {
  padding: 14px 119px;
}
.padding-1-5--8 {
  padding: 21px 112px;
}
.padding-1-5--8-5 {
  padding: 21px 119px;
}
.padding-1--9 {
  padding: 14px 126px;
}
.padding-1--9-5 {
  padding: 14px 133px;
}
.padding-1-5--9 {
  padding: 21px 126px;
}
.padding-1-5--9-5 {
  padding: 21px 133px;
}
.padding-1--10 {
  padding: 14px 140px;
}
.padding-1--10-5 {
  padding: 14px 147px;
}
.padding-1-5--10 {
  padding: 21px 140px;
}
.padding-1-5--10-5 {
  padding: 21px 147px;
}
.padding-1--1 {
  padding: 14px 14px;
}
.padding-1--1-5 {
  padding: 14px 21px;
}
.padding-1-5--1 {
  padding: 21px 14px;
}
.padding-1-5--1-5 {
  padding: 21px 21px;
}
.padding-1--2 {
  padding: 14px 28px;
}
.padding-1--2-5 {
  padding: 14px 35px;
}
.padding-1-5--2 {
  padding: 21px 28px;
}
.padding-1-5--2-5 {
  padding: 21px 35px;
}
.padding-1--3 {
  padding: 14px 42px;
}
.padding-1--3-5 {
  padding: 14px 49px;
}
.padding-1-5--3 {
  padding: 21px 42px;
}
.padding-1-5--3-5 {
  padding: 21px 49px;
}
.padding-1--4 {
  padding: 14px 56px;
}
.padding-1--4-5 {
  padding: 14px 63px;
}
.padding-1-5--4 {
  padding: 21px 56px;
}
.padding-1-5--4-5 {
  padding: 21px 63px;
}
.padding-1--5 {
  padding: 14px 70px;
}
.padding-1--5-5 {
  padding: 14px 77px;
}
.padding-1-5--5 {
  padding: 21px 70px;
}
.padding-1-5--5-5 {
  padding: 21px 77px;
}
.padding-1--6 {
  padding: 14px 84px;
}
.padding-1--6-5 {
  padding: 14px 91px;
}
.padding-1-5--6 {
  padding: 21px 84px;
}
.padding-1-5--6-5 {
  padding: 21px 91px;
}
.padding-1--7 {
  padding: 14px 98px;
}
.padding-1--7-5 {
  padding: 14px 105px;
}
.padding-1-5--7 {
  padding: 21px 98px;
}
.padding-1-5--7-5 {
  padding: 21px 105px;
}
.padding-1--8 {
  padding: 14px 112px;
}
.padding-1--8-5 {
  padding: 14px 119px;
}
.padding-1-5--8 {
  padding: 21px 112px;
}
.padding-1-5--8-5 {
  padding: 21px 119px;
}
.padding-1--9 {
  padding: 14px 126px;
}
.padding-1--9-5 {
  padding: 14px 133px;
}
.padding-1-5--9 {
  padding: 21px 126px;
}
.padding-1-5--9-5 {
  padding: 21px 133px;
}
.padding-1--10 {
  padding: 14px 140px;
}
.padding-1--10-5 {
  padding: 14px 147px;
}
.padding-1-5--10 {
  padding: 21px 140px;
}
.padding-1-5--10-5 {
  padding: 21px 147px;
}
.padding-2 {
  padding: 28px;
}
.padding-2--0 {
  padding: 28px 0;
}
.padding-2--0-5 {
  padding: 28px 7px;
}
.padding-2--1 {
  padding: 28px 14px;
}
.padding-2--1-5 {
  padding: 28px 21px;
}
.padding-2-5--1 {
  padding: 35px 14px;
}
.padding-2-5--1-5 {
  padding: 35px 21px;
}
.padding-2--2 {
  padding: 28px 28px;
}
.padding-2--2-5 {
  padding: 28px 35px;
}
.padding-2-5--2 {
  padding: 35px 28px;
}
.padding-2-5--2-5 {
  padding: 35px 35px;
}
.padding-2--3 {
  padding: 28px 42px;
}
.padding-2--3-5 {
  padding: 28px 49px;
}
.padding-2-5--3 {
  padding: 35px 42px;
}
.padding-2-5--3-5 {
  padding: 35px 49px;
}
.padding-2--4 {
  padding: 28px 56px;
}
.padding-2--4-5 {
  padding: 28px 63px;
}
.padding-2-5--4 {
  padding: 35px 56px;
}
.padding-2-5--4-5 {
  padding: 35px 63px;
}
.padding-2--5 {
  padding: 28px 70px;
}
.padding-2--5-5 {
  padding: 28px 77px;
}
.padding-2-5--5 {
  padding: 35px 70px;
}
.padding-2-5--5-5 {
  padding: 35px 77px;
}
.padding-2--6 {
  padding: 28px 84px;
}
.padding-2--6-5 {
  padding: 28px 91px;
}
.padding-2-5--6 {
  padding: 35px 84px;
}
.padding-2-5--6-5 {
  padding: 35px 91px;
}
.padding-2--7 {
  padding: 28px 98px;
}
.padding-2--7-5 {
  padding: 28px 105px;
}
.padding-2-5--7 {
  padding: 35px 98px;
}
.padding-2-5--7-5 {
  padding: 35px 105px;
}
.padding-2--8 {
  padding: 28px 112px;
}
.padding-2--8-5 {
  padding: 28px 119px;
}
.padding-2-5--8 {
  padding: 35px 112px;
}
.padding-2-5--8-5 {
  padding: 35px 119px;
}
.padding-2--9 {
  padding: 28px 126px;
}
.padding-2--9-5 {
  padding: 28px 133px;
}
.padding-2-5--9 {
  padding: 35px 126px;
}
.padding-2-5--9-5 {
  padding: 35px 133px;
}
.padding-2--10 {
  padding: 28px 140px;
}
.padding-2--10-5 {
  padding: 28px 147px;
}
.padding-2-5--10 {
  padding: 35px 140px;
}
.padding-2-5--10-5 {
  padding: 35px 147px;
}
.padding-2--1 {
  padding: 28px 14px;
}
.padding-2--1-5 {
  padding: 28px 21px;
}
.padding-2-5--1 {
  padding: 35px 14px;
}
.padding-2-5--1-5 {
  padding: 35px 21px;
}
.padding-2--2 {
  padding: 28px 28px;
}
.padding-2--2-5 {
  padding: 28px 35px;
}
.padding-2-5--2 {
  padding: 35px 28px;
}
.padding-2-5--2-5 {
  padding: 35px 35px;
}
.padding-2--3 {
  padding: 28px 42px;
}
.padding-2--3-5 {
  padding: 28px 49px;
}
.padding-2-5--3 {
  padding: 35px 42px;
}
.padding-2-5--3-5 {
  padding: 35px 49px;
}
.padding-2--4 {
  padding: 28px 56px;
}
.padding-2--4-5 {
  padding: 28px 63px;
}
.padding-2-5--4 {
  padding: 35px 56px;
}
.padding-2-5--4-5 {
  padding: 35px 63px;
}
.padding-2--5 {
  padding: 28px 70px;
}
.padding-2--5-5 {
  padding: 28px 77px;
}
.padding-2-5--5 {
  padding: 35px 70px;
}
.padding-2-5--5-5 {
  padding: 35px 77px;
}
.padding-2--6 {
  padding: 28px 84px;
}
.padding-2--6-5 {
  padding: 28px 91px;
}
.padding-2-5--6 {
  padding: 35px 84px;
}
.padding-2-5--6-5 {
  padding: 35px 91px;
}
.padding-2--7 {
  padding: 28px 98px;
}
.padding-2--7-5 {
  padding: 28px 105px;
}
.padding-2-5--7 {
  padding: 35px 98px;
}
.padding-2-5--7-5 {
  padding: 35px 105px;
}
.padding-2--8 {
  padding: 28px 112px;
}
.padding-2--8-5 {
  padding: 28px 119px;
}
.padding-2-5--8 {
  padding: 35px 112px;
}
.padding-2-5--8-5 {
  padding: 35px 119px;
}
.padding-2--9 {
  padding: 28px 126px;
}
.padding-2--9-5 {
  padding: 28px 133px;
}
.padding-2-5--9 {
  padding: 35px 126px;
}
.padding-2-5--9-5 {
  padding: 35px 133px;
}
.padding-2--10 {
  padding: 28px 140px;
}
.padding-2--10-5 {
  padding: 28px 147px;
}
.padding-2-5--10 {
  padding: 35px 140px;
}
.padding-2-5--10-5 {
  padding: 35px 147px;
}
.padding-3 {
  padding: 42px;
}
.padding-3--0 {
  padding: 42px 0;
}
.padding-3--0-5 {
  padding: 42px 7px;
}
.padding-3--1 {
  padding: 42px 14px;
}
.padding-3--1-5 {
  padding: 42px 21px;
}
.padding-3-5--1 {
  padding: 49px 14px;
}
.padding-3-5--1-5 {
  padding: 49px 21px;
}
.padding-3--2 {
  padding: 42px 28px;
}
.padding-3--2-5 {
  padding: 42px 35px;
}
.padding-3-5--2 {
  padding: 49px 28px;
}
.padding-3-5--2-5 {
  padding: 49px 35px;
}
.padding-3--3 {
  padding: 42px 42px;
}
.padding-3--3-5 {
  padding: 42px 49px;
}
.padding-3-5--3 {
  padding: 49px 42px;
}
.padding-3-5--3-5 {
  padding: 49px 49px;
}
.padding-3--4 {
  padding: 42px 56px;
}
.padding-3--4-5 {
  padding: 42px 63px;
}
.padding-3-5--4 {
  padding: 49px 56px;
}
.padding-3-5--4-5 {
  padding: 49px 63px;
}
.padding-3--5 {
  padding: 42px 70px;
}
.padding-3--5-5 {
  padding: 42px 77px;
}
.padding-3-5--5 {
  padding: 49px 70px;
}
.padding-3-5--5-5 {
  padding: 49px 77px;
}
.padding-3--6 {
  padding: 42px 84px;
}
.padding-3--6-5 {
  padding: 42px 91px;
}
.padding-3-5--6 {
  padding: 49px 84px;
}
.padding-3-5--6-5 {
  padding: 49px 91px;
}
.padding-3--7 {
  padding: 42px 98px;
}
.padding-3--7-5 {
  padding: 42px 105px;
}
.padding-3-5--7 {
  padding: 49px 98px;
}
.padding-3-5--7-5 {
  padding: 49px 105px;
}
.padding-3--8 {
  padding: 42px 112px;
}
.padding-3--8-5 {
  padding: 42px 119px;
}
.padding-3-5--8 {
  padding: 49px 112px;
}
.padding-3-5--8-5 {
  padding: 49px 119px;
}
.padding-3--9 {
  padding: 42px 126px;
}
.padding-3--9-5 {
  padding: 42px 133px;
}
.padding-3-5--9 {
  padding: 49px 126px;
}
.padding-3-5--9-5 {
  padding: 49px 133px;
}
.padding-3--10 {
  padding: 42px 140px;
}
.padding-3--10-5 {
  padding: 42px 147px;
}
.padding-3-5--10 {
  padding: 49px 140px;
}
.padding-3-5--10-5 {
  padding: 49px 147px;
}
.padding-3--1 {
  padding: 42px 14px;
}
.padding-3--1-5 {
  padding: 42px 21px;
}
.padding-3-5--1 {
  padding: 49px 14px;
}
.padding-3-5--1-5 {
  padding: 49px 21px;
}
.padding-3--2 {
  padding: 42px 28px;
}
.padding-3--2-5 {
  padding: 42px 35px;
}
.padding-3-5--2 {
  padding: 49px 28px;
}
.padding-3-5--2-5 {
  padding: 49px 35px;
}
.padding-3--3 {
  padding: 42px 42px;
}
.padding-3--3-5 {
  padding: 42px 49px;
}
.padding-3-5--3 {
  padding: 49px 42px;
}
.padding-3-5--3-5 {
  padding: 49px 49px;
}
.padding-3--4 {
  padding: 42px 56px;
}
.padding-3--4-5 {
  padding: 42px 63px;
}
.padding-3-5--4 {
  padding: 49px 56px;
}
.padding-3-5--4-5 {
  padding: 49px 63px;
}
.padding-3--5 {
  padding: 42px 70px;
}
.padding-3--5-5 {
  padding: 42px 77px;
}
.padding-3-5--5 {
  padding: 49px 70px;
}
.padding-3-5--5-5 {
  padding: 49px 77px;
}
.padding-3--6 {
  padding: 42px 84px;
}
.padding-3--6-5 {
  padding: 42px 91px;
}
.padding-3-5--6 {
  padding: 49px 84px;
}
.padding-3-5--6-5 {
  padding: 49px 91px;
}
.padding-3--7 {
  padding: 42px 98px;
}
.padding-3--7-5 {
  padding: 42px 105px;
}
.padding-3-5--7 {
  padding: 49px 98px;
}
.padding-3-5--7-5 {
  padding: 49px 105px;
}
.padding-3--8 {
  padding: 42px 112px;
}
.padding-3--8-5 {
  padding: 42px 119px;
}
.padding-3-5--8 {
  padding: 49px 112px;
}
.padding-3-5--8-5 {
  padding: 49px 119px;
}
.padding-3--9 {
  padding: 42px 126px;
}
.padding-3--9-5 {
  padding: 42px 133px;
}
.padding-3-5--9 {
  padding: 49px 126px;
}
.padding-3-5--9-5 {
  padding: 49px 133px;
}
.padding-3--10 {
  padding: 42px 140px;
}
.padding-3--10-5 {
  padding: 42px 147px;
}
.padding-3-5--10 {
  padding: 49px 140px;
}
.padding-3-5--10-5 {
  padding: 49px 147px;
}
.padding-4 {
  padding: 56px;
}
.padding-4--0 {
  padding: 56px 0;
}
.padding-4--0-5 {
  padding: 56px 7px;
}
.padding-4--1 {
  padding: 56px 14px;
}
.padding-4--1-5 {
  padding: 56px 21px;
}
.padding-4-5--1 {
  padding: 63px 14px;
}
.padding-4-5--1-5 {
  padding: 63px 21px;
}
.padding-4--2 {
  padding: 56px 28px;
}
.padding-4--2-5 {
  padding: 56px 35px;
}
.padding-4-5--2 {
  padding: 63px 28px;
}
.padding-4-5--2-5 {
  padding: 63px 35px;
}
.padding-4--3 {
  padding: 56px 42px;
}
.padding-4--3-5 {
  padding: 56px 49px;
}
.padding-4-5--3 {
  padding: 63px 42px;
}
.padding-4-5--3-5 {
  padding: 63px 49px;
}
.padding-4--4 {
  padding: 56px 56px;
}
.padding-4--4-5 {
  padding: 56px 63px;
}
.padding-4-5--4 {
  padding: 63px 56px;
}
.padding-4-5--4-5 {
  padding: 63px 63px;
}
.padding-4--5 {
  padding: 56px 70px;
}
.padding-4--5-5 {
  padding: 56px 77px;
}
.padding-4-5--5 {
  padding: 63px 70px;
}
.padding-4-5--5-5 {
  padding: 63px 77px;
}
.padding-4--6 {
  padding: 56px 84px;
}
.padding-4--6-5 {
  padding: 56px 91px;
}
.padding-4-5--6 {
  padding: 63px 84px;
}
.padding-4-5--6-5 {
  padding: 63px 91px;
}
.padding-4--7 {
  padding: 56px 98px;
}
.padding-4--7-5 {
  padding: 56px 105px;
}
.padding-4-5--7 {
  padding: 63px 98px;
}
.padding-4-5--7-5 {
  padding: 63px 105px;
}
.padding-4--8 {
  padding: 56px 112px;
}
.padding-4--8-5 {
  padding: 56px 119px;
}
.padding-4-5--8 {
  padding: 63px 112px;
}
.padding-4-5--8-5 {
  padding: 63px 119px;
}
.padding-4--9 {
  padding: 56px 126px;
}
.padding-4--9-5 {
  padding: 56px 133px;
}
.padding-4-5--9 {
  padding: 63px 126px;
}
.padding-4-5--9-5 {
  padding: 63px 133px;
}
.padding-4--10 {
  padding: 56px 140px;
}
.padding-4--10-5 {
  padding: 56px 147px;
}
.padding-4-5--10 {
  padding: 63px 140px;
}
.padding-4-5--10-5 {
  padding: 63px 147px;
}
.padding-4--1 {
  padding: 56px 14px;
}
.padding-4--1-5 {
  padding: 56px 21px;
}
.padding-4-5--1 {
  padding: 63px 14px;
}
.padding-4-5--1-5 {
  padding: 63px 21px;
}
.padding-4--2 {
  padding: 56px 28px;
}
.padding-4--2-5 {
  padding: 56px 35px;
}
.padding-4-5--2 {
  padding: 63px 28px;
}
.padding-4-5--2-5 {
  padding: 63px 35px;
}
.padding-4--3 {
  padding: 56px 42px;
}
.padding-4--3-5 {
  padding: 56px 49px;
}
.padding-4-5--3 {
  padding: 63px 42px;
}
.padding-4-5--3-5 {
  padding: 63px 49px;
}
.padding-4--4 {
  padding: 56px 56px;
}
.padding-4--4-5 {
  padding: 56px 63px;
}
.padding-4-5--4 {
  padding: 63px 56px;
}
.padding-4-5--4-5 {
  padding: 63px 63px;
}
.padding-4--5 {
  padding: 56px 70px;
}
.padding-4--5-5 {
  padding: 56px 77px;
}
.padding-4-5--5 {
  padding: 63px 70px;
}
.padding-4-5--5-5 {
  padding: 63px 77px;
}
.padding-4--6 {
  padding: 56px 84px;
}
.padding-4--6-5 {
  padding: 56px 91px;
}
.padding-4-5--6 {
  padding: 63px 84px;
}
.padding-4-5--6-5 {
  padding: 63px 91px;
}
.padding-4--7 {
  padding: 56px 98px;
}
.padding-4--7-5 {
  padding: 56px 105px;
}
.padding-4-5--7 {
  padding: 63px 98px;
}
.padding-4-5--7-5 {
  padding: 63px 105px;
}
.padding-4--8 {
  padding: 56px 112px;
}
.padding-4--8-5 {
  padding: 56px 119px;
}
.padding-4-5--8 {
  padding: 63px 112px;
}
.padding-4-5--8-5 {
  padding: 63px 119px;
}
.padding-4--9 {
  padding: 56px 126px;
}
.padding-4--9-5 {
  padding: 56px 133px;
}
.padding-4-5--9 {
  padding: 63px 126px;
}
.padding-4-5--9-5 {
  padding: 63px 133px;
}
.padding-4--10 {
  padding: 56px 140px;
}
.padding-4--10-5 {
  padding: 56px 147px;
}
.padding-4-5--10 {
  padding: 63px 140px;
}
.padding-4-5--10-5 {
  padding: 63px 147px;
}
.padding-5 {
  padding: 70px;
}
.padding-5--0 {
  padding: 70px 0;
}
.padding-5--0-5 {
  padding: 70px 7px;
}
.padding-5--1 {
  padding: 70px 14px;
}
.padding-5--1-5 {
  padding: 70px 21px;
}
.padding-5-5--1 {
  padding: 77px 14px;
}
.padding-5-5--1-5 {
  padding: 77px 21px;
}
.padding-5--2 {
  padding: 70px 28px;
}
.padding-5--2-5 {
  padding: 70px 35px;
}
.padding-5-5--2 {
  padding: 77px 28px;
}
.padding-5-5--2-5 {
  padding: 77px 35px;
}
.padding-5--3 {
  padding: 70px 42px;
}
.padding-5--3-5 {
  padding: 70px 49px;
}
.padding-5-5--3 {
  padding: 77px 42px;
}
.padding-5-5--3-5 {
  padding: 77px 49px;
}
.padding-5--4 {
  padding: 70px 56px;
}
.padding-5--4-5 {
  padding: 70px 63px;
}
.padding-5-5--4 {
  padding: 77px 56px;
}
.padding-5-5--4-5 {
  padding: 77px 63px;
}
.padding-5--5 {
  padding: 70px 70px;
}
.padding-5--5-5 {
  padding: 70px 77px;
}
.padding-5-5--5 {
  padding: 77px 70px;
}
.padding-5-5--5-5 {
  padding: 77px 77px;
}
.padding-5--6 {
  padding: 70px 84px;
}
.padding-5--6-5 {
  padding: 70px 91px;
}
.padding-5-5--6 {
  padding: 77px 84px;
}
.padding-5-5--6-5 {
  padding: 77px 91px;
}
.padding-5--7 {
  padding: 70px 98px;
}
.padding-5--7-5 {
  padding: 70px 105px;
}
.padding-5-5--7 {
  padding: 77px 98px;
}
.padding-5-5--7-5 {
  padding: 77px 105px;
}
.padding-5--8 {
  padding: 70px 112px;
}
.padding-5--8-5 {
  padding: 70px 119px;
}
.padding-5-5--8 {
  padding: 77px 112px;
}
.padding-5-5--8-5 {
  padding: 77px 119px;
}
.padding-5--9 {
  padding: 70px 126px;
}
.padding-5--9-5 {
  padding: 70px 133px;
}
.padding-5-5--9 {
  padding: 77px 126px;
}
.padding-5-5--9-5 {
  padding: 77px 133px;
}
.padding-5--10 {
  padding: 70px 140px;
}
.padding-5--10-5 {
  padding: 70px 147px;
}
.padding-5-5--10 {
  padding: 77px 140px;
}
.padding-5-5--10-5 {
  padding: 77px 147px;
}
.padding-5--1 {
  padding: 70px 14px;
}
.padding-5--1-5 {
  padding: 70px 21px;
}
.padding-5-5--1 {
  padding: 77px 14px;
}
.padding-5-5--1-5 {
  padding: 77px 21px;
}
.padding-5--2 {
  padding: 70px 28px;
}
.padding-5--2-5 {
  padding: 70px 35px;
}
.padding-5-5--2 {
  padding: 77px 28px;
}
.padding-5-5--2-5 {
  padding: 77px 35px;
}
.padding-5--3 {
  padding: 70px 42px;
}
.padding-5--3-5 {
  padding: 70px 49px;
}
.padding-5-5--3 {
  padding: 77px 42px;
}
.padding-5-5--3-5 {
  padding: 77px 49px;
}
.padding-5--4 {
  padding: 70px 56px;
}
.padding-5--4-5 {
  padding: 70px 63px;
}
.padding-5-5--4 {
  padding: 77px 56px;
}
.padding-5-5--4-5 {
  padding: 77px 63px;
}
.padding-5--5 {
  padding: 70px 70px;
}
.padding-5--5-5 {
  padding: 70px 77px;
}
.padding-5-5--5 {
  padding: 77px 70px;
}
.padding-5-5--5-5 {
  padding: 77px 77px;
}
.padding-5--6 {
  padding: 70px 84px;
}
.padding-5--6-5 {
  padding: 70px 91px;
}
.padding-5-5--6 {
  padding: 77px 84px;
}
.padding-5-5--6-5 {
  padding: 77px 91px;
}
.padding-5--7 {
  padding: 70px 98px;
}
.padding-5--7-5 {
  padding: 70px 105px;
}
.padding-5-5--7 {
  padding: 77px 98px;
}
.padding-5-5--7-5 {
  padding: 77px 105px;
}
.padding-5--8 {
  padding: 70px 112px;
}
.padding-5--8-5 {
  padding: 70px 119px;
}
.padding-5-5--8 {
  padding: 77px 112px;
}
.padding-5-5--8-5 {
  padding: 77px 119px;
}
.padding-5--9 {
  padding: 70px 126px;
}
.padding-5--9-5 {
  padding: 70px 133px;
}
.padding-5-5--9 {
  padding: 77px 126px;
}
.padding-5-5--9-5 {
  padding: 77px 133px;
}
.padding-5--10 {
  padding: 70px 140px;
}
.padding-5--10-5 {
  padding: 70px 147px;
}
.padding-5-5--10 {
  padding: 77px 140px;
}
.padding-5-5--10-5 {
  padding: 77px 147px;
}
.padding-6 {
  padding: 84px;
}
.padding-6--0 {
  padding: 84px 0;
}
.padding-6--0-5 {
  padding: 84px 7px;
}
.padding-6--1 {
  padding: 84px 14px;
}
.padding-6--1-5 {
  padding: 84px 21px;
}
.padding-6-5--1 {
  padding: 91px 14px;
}
.padding-6-5--1-5 {
  padding: 91px 21px;
}
.padding-6--2 {
  padding: 84px 28px;
}
.padding-6--2-5 {
  padding: 84px 35px;
}
.padding-6-5--2 {
  padding: 91px 28px;
}
.padding-6-5--2-5 {
  padding: 91px 35px;
}
.padding-6--3 {
  padding: 84px 42px;
}
.padding-6--3-5 {
  padding: 84px 49px;
}
.padding-6-5--3 {
  padding: 91px 42px;
}
.padding-6-5--3-5 {
  padding: 91px 49px;
}
.padding-6--4 {
  padding: 84px 56px;
}
.padding-6--4-5 {
  padding: 84px 63px;
}
.padding-6-5--4 {
  padding: 91px 56px;
}
.padding-6-5--4-5 {
  padding: 91px 63px;
}
.padding-6--5 {
  padding: 84px 70px;
}
.padding-6--5-5 {
  padding: 84px 77px;
}
.padding-6-5--5 {
  padding: 91px 70px;
}
.padding-6-5--5-5 {
  padding: 91px 77px;
}
.padding-6--6 {
  padding: 84px 84px;
}
.padding-6--6-5 {
  padding: 84px 91px;
}
.padding-6-5--6 {
  padding: 91px 84px;
}
.padding-6-5--6-5 {
  padding: 91px 91px;
}
.padding-6--7 {
  padding: 84px 98px;
}
.padding-6--7-5 {
  padding: 84px 105px;
}
.padding-6-5--7 {
  padding: 91px 98px;
}
.padding-6-5--7-5 {
  padding: 91px 105px;
}
.padding-6--8 {
  padding: 84px 112px;
}
.padding-6--8-5 {
  padding: 84px 119px;
}
.padding-6-5--8 {
  padding: 91px 112px;
}
.padding-6-5--8-5 {
  padding: 91px 119px;
}
.padding-6--9 {
  padding: 84px 126px;
}
.padding-6--9-5 {
  padding: 84px 133px;
}
.padding-6-5--9 {
  padding: 91px 126px;
}
.padding-6-5--9-5 {
  padding: 91px 133px;
}
.padding-6--10 {
  padding: 84px 140px;
}
.padding-6--10-5 {
  padding: 84px 147px;
}
.padding-6-5--10 {
  padding: 91px 140px;
}
.padding-6-5--10-5 {
  padding: 91px 147px;
}
.padding-6--1 {
  padding: 84px 14px;
}
.padding-6--1-5 {
  padding: 84px 21px;
}
.padding-6-5--1 {
  padding: 91px 14px;
}
.padding-6-5--1-5 {
  padding: 91px 21px;
}
.padding-6--2 {
  padding: 84px 28px;
}
.padding-6--2-5 {
  padding: 84px 35px;
}
.padding-6-5--2 {
  padding: 91px 28px;
}
.padding-6-5--2-5 {
  padding: 91px 35px;
}
.padding-6--3 {
  padding: 84px 42px;
}
.padding-6--3-5 {
  padding: 84px 49px;
}
.padding-6-5--3 {
  padding: 91px 42px;
}
.padding-6-5--3-5 {
  padding: 91px 49px;
}
.padding-6--4 {
  padding: 84px 56px;
}
.padding-6--4-5 {
  padding: 84px 63px;
}
.padding-6-5--4 {
  padding: 91px 56px;
}
.padding-6-5--4-5 {
  padding: 91px 63px;
}
.padding-6--5 {
  padding: 84px 70px;
}
.padding-6--5-5 {
  padding: 84px 77px;
}
.padding-6-5--5 {
  padding: 91px 70px;
}
.padding-6-5--5-5 {
  padding: 91px 77px;
}
.padding-6--6 {
  padding: 84px 84px;
}
.padding-6--6-5 {
  padding: 84px 91px;
}
.padding-6-5--6 {
  padding: 91px 84px;
}
.padding-6-5--6-5 {
  padding: 91px 91px;
}
.padding-6--7 {
  padding: 84px 98px;
}
.padding-6--7-5 {
  padding: 84px 105px;
}
.padding-6-5--7 {
  padding: 91px 98px;
}
.padding-6-5--7-5 {
  padding: 91px 105px;
}
.padding-6--8 {
  padding: 84px 112px;
}
.padding-6--8-5 {
  padding: 84px 119px;
}
.padding-6-5--8 {
  padding: 91px 112px;
}
.padding-6-5--8-5 {
  padding: 91px 119px;
}
.padding-6--9 {
  padding: 84px 126px;
}
.padding-6--9-5 {
  padding: 84px 133px;
}
.padding-6-5--9 {
  padding: 91px 126px;
}
.padding-6-5--9-5 {
  padding: 91px 133px;
}
.padding-6--10 {
  padding: 84px 140px;
}
.padding-6--10-5 {
  padding: 84px 147px;
}
.padding-6-5--10 {
  padding: 91px 140px;
}
.padding-6-5--10-5 {
  padding: 91px 147px;
}
.padding-7 {
  padding: 98px;
}
.padding-7--0 {
  padding: 98px 0;
}
.padding-7--0-5 {
  padding: 98px 7px;
}
.padding-7--1 {
  padding: 98px 14px;
}
.padding-7--1-5 {
  padding: 98px 21px;
}
.padding-7-5--1 {
  padding: 105px 14px;
}
.padding-7-5--1-5 {
  padding: 105px 21px;
}
.padding-7--2 {
  padding: 98px 28px;
}
.padding-7--2-5 {
  padding: 98px 35px;
}
.padding-7-5--2 {
  padding: 105px 28px;
}
.padding-7-5--2-5 {
  padding: 105px 35px;
}
.padding-7--3 {
  padding: 98px 42px;
}
.padding-7--3-5 {
  padding: 98px 49px;
}
.padding-7-5--3 {
  padding: 105px 42px;
}
.padding-7-5--3-5 {
  padding: 105px 49px;
}
.padding-7--4 {
  padding: 98px 56px;
}
.padding-7--4-5 {
  padding: 98px 63px;
}
.padding-7-5--4 {
  padding: 105px 56px;
}
.padding-7-5--4-5 {
  padding: 105px 63px;
}
.padding-7--5 {
  padding: 98px 70px;
}
.padding-7--5-5 {
  padding: 98px 77px;
}
.padding-7-5--5 {
  padding: 105px 70px;
}
.padding-7-5--5-5 {
  padding: 105px 77px;
}
.padding-7--6 {
  padding: 98px 84px;
}
.padding-7--6-5 {
  padding: 98px 91px;
}
.padding-7-5--6 {
  padding: 105px 84px;
}
.padding-7-5--6-5 {
  padding: 105px 91px;
}
.padding-7--7 {
  padding: 98px 98px;
}
.padding-7--7-5 {
  padding: 98px 105px;
}
.padding-7-5--7 {
  padding: 105px 98px;
}
.padding-7-5--7-5 {
  padding: 105px 105px;
}
.padding-7--8 {
  padding: 98px 112px;
}
.padding-7--8-5 {
  padding: 98px 119px;
}
.padding-7-5--8 {
  padding: 105px 112px;
}
.padding-7-5--8-5 {
  padding: 105px 119px;
}
.padding-7--9 {
  padding: 98px 126px;
}
.padding-7--9-5 {
  padding: 98px 133px;
}
.padding-7-5--9 {
  padding: 105px 126px;
}
.padding-7-5--9-5 {
  padding: 105px 133px;
}
.padding-7--10 {
  padding: 98px 140px;
}
.padding-7--10-5 {
  padding: 98px 147px;
}
.padding-7-5--10 {
  padding: 105px 140px;
}
.padding-7-5--10-5 {
  padding: 105px 147px;
}
.padding-7--1 {
  padding: 98px 14px;
}
.padding-7--1-5 {
  padding: 98px 21px;
}
.padding-7-5--1 {
  padding: 105px 14px;
}
.padding-7-5--1-5 {
  padding: 105px 21px;
}
.padding-7--2 {
  padding: 98px 28px;
}
.padding-7--2-5 {
  padding: 98px 35px;
}
.padding-7-5--2 {
  padding: 105px 28px;
}
.padding-7-5--2-5 {
  padding: 105px 35px;
}
.padding-7--3 {
  padding: 98px 42px;
}
.padding-7--3-5 {
  padding: 98px 49px;
}
.padding-7-5--3 {
  padding: 105px 42px;
}
.padding-7-5--3-5 {
  padding: 105px 49px;
}
.padding-7--4 {
  padding: 98px 56px;
}
.padding-7--4-5 {
  padding: 98px 63px;
}
.padding-7-5--4 {
  padding: 105px 56px;
}
.padding-7-5--4-5 {
  padding: 105px 63px;
}
.padding-7--5 {
  padding: 98px 70px;
}
.padding-7--5-5 {
  padding: 98px 77px;
}
.padding-7-5--5 {
  padding: 105px 70px;
}
.padding-7-5--5-5 {
  padding: 105px 77px;
}
.padding-7--6 {
  padding: 98px 84px;
}
.padding-7--6-5 {
  padding: 98px 91px;
}
.padding-7-5--6 {
  padding: 105px 84px;
}
.padding-7-5--6-5 {
  padding: 105px 91px;
}
.padding-7--7 {
  padding: 98px 98px;
}
.padding-7--7-5 {
  padding: 98px 105px;
}
.padding-7-5--7 {
  padding: 105px 98px;
}
.padding-7-5--7-5 {
  padding: 105px 105px;
}
.padding-7--8 {
  padding: 98px 112px;
}
.padding-7--8-5 {
  padding: 98px 119px;
}
.padding-7-5--8 {
  padding: 105px 112px;
}
.padding-7-5--8-5 {
  padding: 105px 119px;
}
.padding-7--9 {
  padding: 98px 126px;
}
.padding-7--9-5 {
  padding: 98px 133px;
}
.padding-7-5--9 {
  padding: 105px 126px;
}
.padding-7-5--9-5 {
  padding: 105px 133px;
}
.padding-7--10 {
  padding: 98px 140px;
}
.padding-7--10-5 {
  padding: 98px 147px;
}
.padding-7-5--10 {
  padding: 105px 140px;
}
.padding-7-5--10-5 {
  padding: 105px 147px;
}
.padding-8 {
  padding: 112px;
}
.padding-8--0 {
  padding: 112px 0;
}
.padding-8--0-5 {
  padding: 112px 7px;
}
.padding-8--1 {
  padding: 112px 14px;
}
.padding-8--1-5 {
  padding: 112px 21px;
}
.padding-8-5--1 {
  padding: 119px 14px;
}
.padding-8-5--1-5 {
  padding: 119px 21px;
}
.padding-8--2 {
  padding: 112px 28px;
}
.padding-8--2-5 {
  padding: 112px 35px;
}
.padding-8-5--2 {
  padding: 119px 28px;
}
.padding-8-5--2-5 {
  padding: 119px 35px;
}
.padding-8--3 {
  padding: 112px 42px;
}
.padding-8--3-5 {
  padding: 112px 49px;
}
.padding-8-5--3 {
  padding: 119px 42px;
}
.padding-8-5--3-5 {
  padding: 119px 49px;
}
.padding-8--4 {
  padding: 112px 56px;
}
.padding-8--4-5 {
  padding: 112px 63px;
}
.padding-8-5--4 {
  padding: 119px 56px;
}
.padding-8-5--4-5 {
  padding: 119px 63px;
}
.padding-8--5 {
  padding: 112px 70px;
}
.padding-8--5-5 {
  padding: 112px 77px;
}
.padding-8-5--5 {
  padding: 119px 70px;
}
.padding-8-5--5-5 {
  padding: 119px 77px;
}
.padding-8--6 {
  padding: 112px 84px;
}
.padding-8--6-5 {
  padding: 112px 91px;
}
.padding-8-5--6 {
  padding: 119px 84px;
}
.padding-8-5--6-5 {
  padding: 119px 91px;
}
.padding-8--7 {
  padding: 112px 98px;
}
.padding-8--7-5 {
  padding: 112px 105px;
}
.padding-8-5--7 {
  padding: 119px 98px;
}
.padding-8-5--7-5 {
  padding: 119px 105px;
}
.padding-8--8 {
  padding: 112px 112px;
}
.padding-8--8-5 {
  padding: 112px 119px;
}
.padding-8-5--8 {
  padding: 119px 112px;
}
.padding-8-5--8-5 {
  padding: 119px 119px;
}
.padding-8--9 {
  padding: 112px 126px;
}
.padding-8--9-5 {
  padding: 112px 133px;
}
.padding-8-5--9 {
  padding: 119px 126px;
}
.padding-8-5--9-5 {
  padding: 119px 133px;
}
.padding-8--10 {
  padding: 112px 140px;
}
.padding-8--10-5 {
  padding: 112px 147px;
}
.padding-8-5--10 {
  padding: 119px 140px;
}
.padding-8-5--10-5 {
  padding: 119px 147px;
}
.padding-8--1 {
  padding: 112px 14px;
}
.padding-8--1-5 {
  padding: 112px 21px;
}
.padding-8-5--1 {
  padding: 119px 14px;
}
.padding-8-5--1-5 {
  padding: 119px 21px;
}
.padding-8--2 {
  padding: 112px 28px;
}
.padding-8--2-5 {
  padding: 112px 35px;
}
.padding-8-5--2 {
  padding: 119px 28px;
}
.padding-8-5--2-5 {
  padding: 119px 35px;
}
.padding-8--3 {
  padding: 112px 42px;
}
.padding-8--3-5 {
  padding: 112px 49px;
}
.padding-8-5--3 {
  padding: 119px 42px;
}
.padding-8-5--3-5 {
  padding: 119px 49px;
}
.padding-8--4 {
  padding: 112px 56px;
}
.padding-8--4-5 {
  padding: 112px 63px;
}
.padding-8-5--4 {
  padding: 119px 56px;
}
.padding-8-5--4-5 {
  padding: 119px 63px;
}
.padding-8--5 {
  padding: 112px 70px;
}
.padding-8--5-5 {
  padding: 112px 77px;
}
.padding-8-5--5 {
  padding: 119px 70px;
}
.padding-8-5--5-5 {
  padding: 119px 77px;
}
.padding-8--6 {
  padding: 112px 84px;
}
.padding-8--6-5 {
  padding: 112px 91px;
}
.padding-8-5--6 {
  padding: 119px 84px;
}
.padding-8-5--6-5 {
  padding: 119px 91px;
}
.padding-8--7 {
  padding: 112px 98px;
}
.padding-8--7-5 {
  padding: 112px 105px;
}
.padding-8-5--7 {
  padding: 119px 98px;
}
.padding-8-5--7-5 {
  padding: 119px 105px;
}
.padding-8--8 {
  padding: 112px 112px;
}
.padding-8--8-5 {
  padding: 112px 119px;
}
.padding-8-5--8 {
  padding: 119px 112px;
}
.padding-8-5--8-5 {
  padding: 119px 119px;
}
.padding-8--9 {
  padding: 112px 126px;
}
.padding-8--9-5 {
  padding: 112px 133px;
}
.padding-8-5--9 {
  padding: 119px 126px;
}
.padding-8-5--9-5 {
  padding: 119px 133px;
}
.padding-8--10 {
  padding: 112px 140px;
}
.padding-8--10-5 {
  padding: 112px 147px;
}
.padding-8-5--10 {
  padding: 119px 140px;
}
.padding-8-5--10-5 {
  padding: 119px 147px;
}
.padding-9 {
  padding: 126px;
}
.padding-9--0 {
  padding: 126px 0;
}
.padding-9--0-5 {
  padding: 126px 7px;
}
.padding-9--1 {
  padding: 126px 14px;
}
.padding-9--1-5 {
  padding: 126px 21px;
}
.padding-9-5--1 {
  padding: 133px 14px;
}
.padding-9-5--1-5 {
  padding: 133px 21px;
}
.padding-9--2 {
  padding: 126px 28px;
}
.padding-9--2-5 {
  padding: 126px 35px;
}
.padding-9-5--2 {
  padding: 133px 28px;
}
.padding-9-5--2-5 {
  padding: 133px 35px;
}
.padding-9--3 {
  padding: 126px 42px;
}
.padding-9--3-5 {
  padding: 126px 49px;
}
.padding-9-5--3 {
  padding: 133px 42px;
}
.padding-9-5--3-5 {
  padding: 133px 49px;
}
.padding-9--4 {
  padding: 126px 56px;
}
.padding-9--4-5 {
  padding: 126px 63px;
}
.padding-9-5--4 {
  padding: 133px 56px;
}
.padding-9-5--4-5 {
  padding: 133px 63px;
}
.padding-9--5 {
  padding: 126px 70px;
}
.padding-9--5-5 {
  padding: 126px 77px;
}
.padding-9-5--5 {
  padding: 133px 70px;
}
.padding-9-5--5-5 {
  padding: 133px 77px;
}
.padding-9--6 {
  padding: 126px 84px;
}
.padding-9--6-5 {
  padding: 126px 91px;
}
.padding-9-5--6 {
  padding: 133px 84px;
}
.padding-9-5--6-5 {
  padding: 133px 91px;
}
.padding-9--7 {
  padding: 126px 98px;
}
.padding-9--7-5 {
  padding: 126px 105px;
}
.padding-9-5--7 {
  padding: 133px 98px;
}
.padding-9-5--7-5 {
  padding: 133px 105px;
}
.padding-9--8 {
  padding: 126px 112px;
}
.padding-9--8-5 {
  padding: 126px 119px;
}
.padding-9-5--8 {
  padding: 133px 112px;
}
.padding-9-5--8-5 {
  padding: 133px 119px;
}
.padding-9--9 {
  padding: 126px 126px;
}
.padding-9--9-5 {
  padding: 126px 133px;
}
.padding-9-5--9 {
  padding: 133px 126px;
}
.padding-9-5--9-5 {
  padding: 133px 133px;
}
.padding-9--10 {
  padding: 126px 140px;
}
.padding-9--10-5 {
  padding: 126px 147px;
}
.padding-9-5--10 {
  padding: 133px 140px;
}
.padding-9-5--10-5 {
  padding: 133px 147px;
}
.padding-9--1 {
  padding: 126px 14px;
}
.padding-9--1-5 {
  padding: 126px 21px;
}
.padding-9-5--1 {
  padding: 133px 14px;
}
.padding-9-5--1-5 {
  padding: 133px 21px;
}
.padding-9--2 {
  padding: 126px 28px;
}
.padding-9--2-5 {
  padding: 126px 35px;
}
.padding-9-5--2 {
  padding: 133px 28px;
}
.padding-9-5--2-5 {
  padding: 133px 35px;
}
.padding-9--3 {
  padding: 126px 42px;
}
.padding-9--3-5 {
  padding: 126px 49px;
}
.padding-9-5--3 {
  padding: 133px 42px;
}
.padding-9-5--3-5 {
  padding: 133px 49px;
}
.padding-9--4 {
  padding: 126px 56px;
}
.padding-9--4-5 {
  padding: 126px 63px;
}
.padding-9-5--4 {
  padding: 133px 56px;
}
.padding-9-5--4-5 {
  padding: 133px 63px;
}
.padding-9--5 {
  padding: 126px 70px;
}
.padding-9--5-5 {
  padding: 126px 77px;
}
.padding-9-5--5 {
  padding: 133px 70px;
}
.padding-9-5--5-5 {
  padding: 133px 77px;
}
.padding-9--6 {
  padding: 126px 84px;
}
.padding-9--6-5 {
  padding: 126px 91px;
}
.padding-9-5--6 {
  padding: 133px 84px;
}
.padding-9-5--6-5 {
  padding: 133px 91px;
}
.padding-9--7 {
  padding: 126px 98px;
}
.padding-9--7-5 {
  padding: 126px 105px;
}
.padding-9-5--7 {
  padding: 133px 98px;
}
.padding-9-5--7-5 {
  padding: 133px 105px;
}
.padding-9--8 {
  padding: 126px 112px;
}
.padding-9--8-5 {
  padding: 126px 119px;
}
.padding-9-5--8 {
  padding: 133px 112px;
}
.padding-9-5--8-5 {
  padding: 133px 119px;
}
.padding-9--9 {
  padding: 126px 126px;
}
.padding-9--9-5 {
  padding: 126px 133px;
}
.padding-9-5--9 {
  padding: 133px 126px;
}
.padding-9-5--9-5 {
  padding: 133px 133px;
}
.padding-9--10 {
  padding: 126px 140px;
}
.padding-9--10-5 {
  padding: 126px 147px;
}
.padding-9-5--10 {
  padding: 133px 140px;
}
.padding-9-5--10-5 {
  padding: 133px 147px;
}
.padding-10 {
  padding: 140px;
}
.padding-10--0 {
  padding: 140px 0;
}
.padding-10--0-5 {
  padding: 140px 7px;
}
.padding-10--1 {
  padding: 140px 14px;
}
.padding-10--1-5 {
  padding: 140px 21px;
}
.padding-10-5--1 {
  padding: 147px 14px;
}
.padding-10-5--1-5 {
  padding: 147px 21px;
}
.padding-10--2 {
  padding: 140px 28px;
}
.padding-10--2-5 {
  padding: 140px 35px;
}
.padding-10-5--2 {
  padding: 147px 28px;
}
.padding-10-5--2-5 {
  padding: 147px 35px;
}
.padding-10--3 {
  padding: 140px 42px;
}
.padding-10--3-5 {
  padding: 140px 49px;
}
.padding-10-5--3 {
  padding: 147px 42px;
}
.padding-10-5--3-5 {
  padding: 147px 49px;
}
.padding-10--4 {
  padding: 140px 56px;
}
.padding-10--4-5 {
  padding: 140px 63px;
}
.padding-10-5--4 {
  padding: 147px 56px;
}
.padding-10-5--4-5 {
  padding: 147px 63px;
}
.padding-10--5 {
  padding: 140px 70px;
}
.padding-10--5-5 {
  padding: 140px 77px;
}
.padding-10-5--5 {
  padding: 147px 70px;
}
.padding-10-5--5-5 {
  padding: 147px 77px;
}
.padding-10--6 {
  padding: 140px 84px;
}
.padding-10--6-5 {
  padding: 140px 91px;
}
.padding-10-5--6 {
  padding: 147px 84px;
}
.padding-10-5--6-5 {
  padding: 147px 91px;
}
.padding-10--7 {
  padding: 140px 98px;
}
.padding-10--7-5 {
  padding: 140px 105px;
}
.padding-10-5--7 {
  padding: 147px 98px;
}
.padding-10-5--7-5 {
  padding: 147px 105px;
}
.padding-10--8 {
  padding: 140px 112px;
}
.padding-10--8-5 {
  padding: 140px 119px;
}
.padding-10-5--8 {
  padding: 147px 112px;
}
.padding-10-5--8-5 {
  padding: 147px 119px;
}
.padding-10--9 {
  padding: 140px 126px;
}
.padding-10--9-5 {
  padding: 140px 133px;
}
.padding-10-5--9 {
  padding: 147px 126px;
}
.padding-10-5--9-5 {
  padding: 147px 133px;
}
.padding-10--10 {
  padding: 140px 140px;
}
.padding-10--10-5 {
  padding: 140px 147px;
}
.padding-10-5--10 {
  padding: 147px 140px;
}
.padding-10-5--10-5 {
  padding: 147px 147px;
}
.padding-10--1 {
  padding: 140px 14px;
}
.padding-10--1-5 {
  padding: 140px 21px;
}
.padding-10-5--1 {
  padding: 147px 14px;
}
.padding-10-5--1-5 {
  padding: 147px 21px;
}
.padding-10--2 {
  padding: 140px 28px;
}
.padding-10--2-5 {
  padding: 140px 35px;
}
.padding-10-5--2 {
  padding: 147px 28px;
}
.padding-10-5--2-5 {
  padding: 147px 35px;
}
.padding-10--3 {
  padding: 140px 42px;
}
.padding-10--3-5 {
  padding: 140px 49px;
}
.padding-10-5--3 {
  padding: 147px 42px;
}
.padding-10-5--3-5 {
  padding: 147px 49px;
}
.padding-10--4 {
  padding: 140px 56px;
}
.padding-10--4-5 {
  padding: 140px 63px;
}
.padding-10-5--4 {
  padding: 147px 56px;
}
.padding-10-5--4-5 {
  padding: 147px 63px;
}
.padding-10--5 {
  padding: 140px 70px;
}
.padding-10--5-5 {
  padding: 140px 77px;
}
.padding-10-5--5 {
  padding: 147px 70px;
}
.padding-10-5--5-5 {
  padding: 147px 77px;
}
.padding-10--6 {
  padding: 140px 84px;
}
.padding-10--6-5 {
  padding: 140px 91px;
}
.padding-10-5--6 {
  padding: 147px 84px;
}
.padding-10-5--6-5 {
  padding: 147px 91px;
}
.padding-10--7 {
  padding: 140px 98px;
}
.padding-10--7-5 {
  padding: 140px 105px;
}
.padding-10-5--7 {
  padding: 147px 98px;
}
.padding-10-5--7-5 {
  padding: 147px 105px;
}
.padding-10--8 {
  padding: 140px 112px;
}
.padding-10--8-5 {
  padding: 140px 119px;
}
.padding-10-5--8 {
  padding: 147px 112px;
}
.padding-10-5--8-5 {
  padding: 147px 119px;
}
.padding-10--9 {
  padding: 140px 126px;
}
.padding-10--9-5 {
  padding: 140px 133px;
}
.padding-10-5--9 {
  padding: 147px 126px;
}
.padding-10-5--9-5 {
  padding: 147px 133px;
}
.padding-10--10 {
  padding: 140px 140px;
}
.padding-10--10-5 {
  padding: 140px 147px;
}
.padding-10-5--10 {
  padding: 147px 140px;
}
.padding-10-5--10-5 {
  padding: 147px 147px;
}
@media (max-width: 1024px) {
  .padding-0-tablet {
    padding: 0px;
  }
}
@media (max-width: 1024px) {
  .padding-0--0-tablet {
    padding: 0px 0;
  }
}
@media (max-width: 1024px) {
  .padding-0--0-5-tablet {
    padding: 0px 7px;
  }
}
@media (max-width: 1024px) {
  .padding-0--1-tablet {
    padding: 0px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-0--1-5-tablet {
    padding: 0px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-0--2-tablet {
    padding: 0px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-0--2-5-tablet {
    padding: 0px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-0--3-tablet {
    padding: 0px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-0--3-5-tablet {
    padding: 0px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-0--4-tablet {
    padding: 0px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-0--4-5-tablet {
    padding: 0px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-0--5-tablet {
    padding: 0px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-0--5-5-tablet {
    padding: 0px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-0--6-tablet {
    padding: 0px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-0--6-5-tablet {
    padding: 0px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-0--7-tablet {
    padding: 0px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-0--7-5-tablet {
    padding: 0px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-0--8-tablet {
    padding: 0px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-0--8-5-tablet {
    padding: 0px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-0--9-tablet {
    padding: 0px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-0--9-5-tablet {
    padding: 0px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-0--10-tablet {
    padding: 0px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-0--10-5-tablet {
    padding: 0px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-0--1-tablet {
    padding: 0px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-0--1-5-tablet {
    padding: 0px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-0--2-tablet {
    padding: 0px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-0--2-5-tablet {
    padding: 0px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-0--3-tablet {
    padding: 0px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-0--3-5-tablet {
    padding: 0px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-0--4-tablet {
    padding: 0px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-0--4-5-tablet {
    padding: 0px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-0--5-tablet {
    padding: 0px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-0--5-5-tablet {
    padding: 0px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-0--6-tablet {
    padding: 0px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-0--6-5-tablet {
    padding: 0px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-0--7-tablet {
    padding: 0px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-0--7-5-tablet {
    padding: 0px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-0--8-tablet {
    padding: 0px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-0--8-5-tablet {
    padding: 0px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-0--9-tablet {
    padding: 0px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-0--9-5-tablet {
    padding: 0px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-0--10-tablet {
    padding: 0px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-0--10-5-tablet {
    padding: 0px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-0-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-1-tablet {
    padding: 14px;
  }
}
@media (max-width: 1024px) {
  .padding-1--0-tablet {
    padding: 14px 0;
  }
}
@media (max-width: 1024px) {
  .padding-1--0-5-tablet {
    padding: 14px 7px;
  }
}
@media (max-width: 1024px) {
  .padding-1--1-tablet {
    padding: 14px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-1--1-5-tablet {
    padding: 14px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-1--2-tablet {
    padding: 14px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-1--2-5-tablet {
    padding: 14px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-1--3-tablet {
    padding: 14px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-1--3-5-tablet {
    padding: 14px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-1--4-tablet {
    padding: 14px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-1--4-5-tablet {
    padding: 14px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-1--5-tablet {
    padding: 14px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-1--5-5-tablet {
    padding: 14px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-1--6-tablet {
    padding: 14px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-1--6-5-tablet {
    padding: 14px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-1--7-tablet {
    padding: 14px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-1--7-5-tablet {
    padding: 14px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-1--8-tablet {
    padding: 14px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-1--8-5-tablet {
    padding: 14px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-1--9-tablet {
    padding: 14px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-1--9-5-tablet {
    padding: 14px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-1--10-tablet {
    padding: 14px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-1--10-5-tablet {
    padding: 14px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-1--1-tablet {
    padding: 14px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-1--1-5-tablet {
    padding: 14px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-1--2-tablet {
    padding: 14px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-1--2-5-tablet {
    padding: 14px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-1--3-tablet {
    padding: 14px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-1--3-5-tablet {
    padding: 14px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-1--4-tablet {
    padding: 14px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-1--4-5-tablet {
    padding: 14px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-1--5-tablet {
    padding: 14px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-1--5-5-tablet {
    padding: 14px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-1--6-tablet {
    padding: 14px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-1--6-5-tablet {
    padding: 14px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-1--7-tablet {
    padding: 14px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-1--7-5-tablet {
    padding: 14px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-1--8-tablet {
    padding: 14px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-1--8-5-tablet {
    padding: 14px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-1--9-tablet {
    padding: 14px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-1--9-5-tablet {
    padding: 14px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-1--10-tablet {
    padding: 14px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-1--10-5-tablet {
    padding: 14px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-1-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-2-tablet {
    padding: 28px;
  }
}
@media (max-width: 1024px) {
  .padding-2--0-tablet {
    padding: 28px 0;
  }
}
@media (max-width: 1024px) {
  .padding-2--0-5-tablet {
    padding: 28px 7px;
  }
}
@media (max-width: 1024px) {
  .padding-2--1-tablet {
    padding: 28px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-2--1-5-tablet {
    padding: 28px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-2--2-tablet {
    padding: 28px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-2--2-5-tablet {
    padding: 28px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-2--3-tablet {
    padding: 28px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-2--3-5-tablet {
    padding: 28px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-2--4-tablet {
    padding: 28px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-2--4-5-tablet {
    padding: 28px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-2--5-tablet {
    padding: 28px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-2--5-5-tablet {
    padding: 28px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-2--6-tablet {
    padding: 28px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-2--6-5-tablet {
    padding: 28px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-2--7-tablet {
    padding: 28px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-2--7-5-tablet {
    padding: 28px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-2--8-tablet {
    padding: 28px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-2--8-5-tablet {
    padding: 28px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-2--9-tablet {
    padding: 28px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-2--9-5-tablet {
    padding: 28px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-2--10-tablet {
    padding: 28px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-2--10-5-tablet {
    padding: 28px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-2--1-tablet {
    padding: 28px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-2--1-5-tablet {
    padding: 28px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-2--2-tablet {
    padding: 28px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-2--2-5-tablet {
    padding: 28px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-2--3-tablet {
    padding: 28px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-2--3-5-tablet {
    padding: 28px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-2--4-tablet {
    padding: 28px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-2--4-5-tablet {
    padding: 28px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-2--5-tablet {
    padding: 28px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-2--5-5-tablet {
    padding: 28px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-2--6-tablet {
    padding: 28px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-2--6-5-tablet {
    padding: 28px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-2--7-tablet {
    padding: 28px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-2--7-5-tablet {
    padding: 28px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-2--8-tablet {
    padding: 28px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-2--8-5-tablet {
    padding: 28px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-2--9-tablet {
    padding: 28px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-2--9-5-tablet {
    padding: 28px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-2--10-tablet {
    padding: 28px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-2--10-5-tablet {
    padding: 28px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-2-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-3-tablet {
    padding: 42px;
  }
}
@media (max-width: 1024px) {
  .padding-3--0-tablet {
    padding: 42px 0;
  }
}
@media (max-width: 1024px) {
  .padding-3--0-5-tablet {
    padding: 42px 7px;
  }
}
@media (max-width: 1024px) {
  .padding-3--1-tablet {
    padding: 42px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-3--1-5-tablet {
    padding: 42px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-3--2-tablet {
    padding: 42px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-3--2-5-tablet {
    padding: 42px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-3--3-tablet {
    padding: 42px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-3--3-5-tablet {
    padding: 42px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-3--4-tablet {
    padding: 42px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-3--4-5-tablet {
    padding: 42px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-3--5-tablet {
    padding: 42px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-3--5-5-tablet {
    padding: 42px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-3--6-tablet {
    padding: 42px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-3--6-5-tablet {
    padding: 42px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-3--7-tablet {
    padding: 42px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-3--7-5-tablet {
    padding: 42px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-3--8-tablet {
    padding: 42px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-3--8-5-tablet {
    padding: 42px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-3--9-tablet {
    padding: 42px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-3--9-5-tablet {
    padding: 42px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-3--10-tablet {
    padding: 42px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-3--10-5-tablet {
    padding: 42px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-3--1-tablet {
    padding: 42px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-3--1-5-tablet {
    padding: 42px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-3--2-tablet {
    padding: 42px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-3--2-5-tablet {
    padding: 42px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-3--3-tablet {
    padding: 42px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-3--3-5-tablet {
    padding: 42px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-3--4-tablet {
    padding: 42px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-3--4-5-tablet {
    padding: 42px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-3--5-tablet {
    padding: 42px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-3--5-5-tablet {
    padding: 42px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-3--6-tablet {
    padding: 42px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-3--6-5-tablet {
    padding: 42px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-3--7-tablet {
    padding: 42px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-3--7-5-tablet {
    padding: 42px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-3--8-tablet {
    padding: 42px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-3--8-5-tablet {
    padding: 42px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-3--9-tablet {
    padding: 42px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-3--9-5-tablet {
    padding: 42px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-3--10-tablet {
    padding: 42px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-3--10-5-tablet {
    padding: 42px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-3-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-4-tablet {
    padding: 56px;
  }
}
@media (max-width: 1024px) {
  .padding-4--0-tablet {
    padding: 56px 0;
  }
}
@media (max-width: 1024px) {
  .padding-4--0-5-tablet {
    padding: 56px 7px;
  }
}
@media (max-width: 1024px) {
  .padding-4--1-tablet {
    padding: 56px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-4--1-5-tablet {
    padding: 56px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-4--2-tablet {
    padding: 56px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-4--2-5-tablet {
    padding: 56px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-4--3-tablet {
    padding: 56px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-4--3-5-tablet {
    padding: 56px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-4--4-tablet {
    padding: 56px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-4--4-5-tablet {
    padding: 56px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-4--5-tablet {
    padding: 56px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-4--5-5-tablet {
    padding: 56px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-4--6-tablet {
    padding: 56px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-4--6-5-tablet {
    padding: 56px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-4--7-tablet {
    padding: 56px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-4--7-5-tablet {
    padding: 56px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-4--8-tablet {
    padding: 56px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-4--8-5-tablet {
    padding: 56px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-4--9-tablet {
    padding: 56px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-4--9-5-tablet {
    padding: 56px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-4--10-tablet {
    padding: 56px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-4--10-5-tablet {
    padding: 56px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-4--1-tablet {
    padding: 56px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-4--1-5-tablet {
    padding: 56px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-4--2-tablet {
    padding: 56px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-4--2-5-tablet {
    padding: 56px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-4--3-tablet {
    padding: 56px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-4--3-5-tablet {
    padding: 56px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-4--4-tablet {
    padding: 56px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-4--4-5-tablet {
    padding: 56px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-4--5-tablet {
    padding: 56px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-4--5-5-tablet {
    padding: 56px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-4--6-tablet {
    padding: 56px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-4--6-5-tablet {
    padding: 56px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-4--7-tablet {
    padding: 56px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-4--7-5-tablet {
    padding: 56px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-4--8-tablet {
    padding: 56px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-4--8-5-tablet {
    padding: 56px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-4--9-tablet {
    padding: 56px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-4--9-5-tablet {
    padding: 56px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-4--10-tablet {
    padding: 56px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-4--10-5-tablet {
    padding: 56px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-4-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-5-tablet {
    padding: 70px;
  }
}
@media (max-width: 1024px) {
  .padding-5--0-tablet {
    padding: 70px 0;
  }
}
@media (max-width: 1024px) {
  .padding-5--0-5-tablet {
    padding: 70px 7px;
  }
}
@media (max-width: 1024px) {
  .padding-5--1-tablet {
    padding: 70px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-5--1-5-tablet {
    padding: 70px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-5--2-tablet {
    padding: 70px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-5--2-5-tablet {
    padding: 70px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-5--3-tablet {
    padding: 70px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-5--3-5-tablet {
    padding: 70px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-5--4-tablet {
    padding: 70px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-5--4-5-tablet {
    padding: 70px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-5--5-tablet {
    padding: 70px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-5--5-5-tablet {
    padding: 70px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-5--6-tablet {
    padding: 70px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-5--6-5-tablet {
    padding: 70px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-5--7-tablet {
    padding: 70px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-5--7-5-tablet {
    padding: 70px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-5--8-tablet {
    padding: 70px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-5--8-5-tablet {
    padding: 70px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-5--9-tablet {
    padding: 70px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-5--9-5-tablet {
    padding: 70px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-5--10-tablet {
    padding: 70px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-5--10-5-tablet {
    padding: 70px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-5--1-tablet {
    padding: 70px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-5--1-5-tablet {
    padding: 70px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-5--2-tablet {
    padding: 70px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-5--2-5-tablet {
    padding: 70px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-5--3-tablet {
    padding: 70px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-5--3-5-tablet {
    padding: 70px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-5--4-tablet {
    padding: 70px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-5--4-5-tablet {
    padding: 70px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-5--5-tablet {
    padding: 70px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-5--5-5-tablet {
    padding: 70px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-5--6-tablet {
    padding: 70px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-5--6-5-tablet {
    padding: 70px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-5--7-tablet {
    padding: 70px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-5--7-5-tablet {
    padding: 70px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-5--8-tablet {
    padding: 70px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-5--8-5-tablet {
    padding: 70px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-5--9-tablet {
    padding: 70px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-5--9-5-tablet {
    padding: 70px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-5--10-tablet {
    padding: 70px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-5--10-5-tablet {
    padding: 70px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-5-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-6-tablet {
    padding: 84px;
  }
}
@media (max-width: 1024px) {
  .padding-6--0-tablet {
    padding: 84px 0;
  }
}
@media (max-width: 1024px) {
  .padding-6--0-5-tablet {
    padding: 84px 7px;
  }
}
@media (max-width: 1024px) {
  .padding-6--1-tablet {
    padding: 84px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-6--1-5-tablet {
    padding: 84px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-6--2-tablet {
    padding: 84px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-6--2-5-tablet {
    padding: 84px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-6--3-tablet {
    padding: 84px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-6--3-5-tablet {
    padding: 84px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-6--4-tablet {
    padding: 84px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-6--4-5-tablet {
    padding: 84px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-6--5-tablet {
    padding: 84px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-6--5-5-tablet {
    padding: 84px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-6--6-tablet {
    padding: 84px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-6--6-5-tablet {
    padding: 84px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-6--7-tablet {
    padding: 84px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-6--7-5-tablet {
    padding: 84px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-6--8-tablet {
    padding: 84px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-6--8-5-tablet {
    padding: 84px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-6--9-tablet {
    padding: 84px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-6--9-5-tablet {
    padding: 84px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-6--10-tablet {
    padding: 84px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-6--10-5-tablet {
    padding: 84px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-6--1-tablet {
    padding: 84px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-6--1-5-tablet {
    padding: 84px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-6--2-tablet {
    padding: 84px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-6--2-5-tablet {
    padding: 84px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-6--3-tablet {
    padding: 84px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-6--3-5-tablet {
    padding: 84px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-6--4-tablet {
    padding: 84px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-6--4-5-tablet {
    padding: 84px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-6--5-tablet {
    padding: 84px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-6--5-5-tablet {
    padding: 84px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-6--6-tablet {
    padding: 84px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-6--6-5-tablet {
    padding: 84px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-6--7-tablet {
    padding: 84px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-6--7-5-tablet {
    padding: 84px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-6--8-tablet {
    padding: 84px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-6--8-5-tablet {
    padding: 84px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-6--9-tablet {
    padding: 84px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-6--9-5-tablet {
    padding: 84px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-6--10-tablet {
    padding: 84px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-6--10-5-tablet {
    padding: 84px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-6-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-7-tablet {
    padding: 98px;
  }
}
@media (max-width: 1024px) {
  .padding-7--0-tablet {
    padding: 98px 0;
  }
}
@media (max-width: 1024px) {
  .padding-7--0-5-tablet {
    padding: 98px 7px;
  }
}
@media (max-width: 1024px) {
  .padding-7--1-tablet {
    padding: 98px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-7--1-5-tablet {
    padding: 98px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-7--2-tablet {
    padding: 98px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-7--2-5-tablet {
    padding: 98px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-7--3-tablet {
    padding: 98px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-7--3-5-tablet {
    padding: 98px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-7--4-tablet {
    padding: 98px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-7--4-5-tablet {
    padding: 98px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-7--5-tablet {
    padding: 98px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-7--5-5-tablet {
    padding: 98px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-7--6-tablet {
    padding: 98px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-7--6-5-tablet {
    padding: 98px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-7--7-tablet {
    padding: 98px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-7--7-5-tablet {
    padding: 98px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-7--8-tablet {
    padding: 98px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-7--8-5-tablet {
    padding: 98px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-7--9-tablet {
    padding: 98px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-7--9-5-tablet {
    padding: 98px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-7--10-tablet {
    padding: 98px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-7--10-5-tablet {
    padding: 98px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-7--1-tablet {
    padding: 98px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-7--1-5-tablet {
    padding: 98px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-7--2-tablet {
    padding: 98px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-7--2-5-tablet {
    padding: 98px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-7--3-tablet {
    padding: 98px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-7--3-5-tablet {
    padding: 98px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-7--4-tablet {
    padding: 98px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-7--4-5-tablet {
    padding: 98px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-7--5-tablet {
    padding: 98px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-7--5-5-tablet {
    padding: 98px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-7--6-tablet {
    padding: 98px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-7--6-5-tablet {
    padding: 98px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-7--7-tablet {
    padding: 98px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-7--7-5-tablet {
    padding: 98px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-7--8-tablet {
    padding: 98px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-7--8-5-tablet {
    padding: 98px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-7--9-tablet {
    padding: 98px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-7--9-5-tablet {
    padding: 98px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-7--10-tablet {
    padding: 98px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-7--10-5-tablet {
    padding: 98px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-7-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-8-tablet {
    padding: 112px;
  }
}
@media (max-width: 1024px) {
  .padding-8--0-tablet {
    padding: 112px 0;
  }
}
@media (max-width: 1024px) {
  .padding-8--0-5-tablet {
    padding: 112px 7px;
  }
}
@media (max-width: 1024px) {
  .padding-8--1-tablet {
    padding: 112px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-8--1-5-tablet {
    padding: 112px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-8--2-tablet {
    padding: 112px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-8--2-5-tablet {
    padding: 112px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-8--3-tablet {
    padding: 112px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-8--3-5-tablet {
    padding: 112px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-8--4-tablet {
    padding: 112px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-8--4-5-tablet {
    padding: 112px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-8--5-tablet {
    padding: 112px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-8--5-5-tablet {
    padding: 112px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-8--6-tablet {
    padding: 112px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-8--6-5-tablet {
    padding: 112px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-8--7-tablet {
    padding: 112px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-8--7-5-tablet {
    padding: 112px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-8--8-tablet {
    padding: 112px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-8--8-5-tablet {
    padding: 112px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-8--9-tablet {
    padding: 112px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-8--9-5-tablet {
    padding: 112px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-8--10-tablet {
    padding: 112px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-8--10-5-tablet {
    padding: 112px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-8--1-tablet {
    padding: 112px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-8--1-5-tablet {
    padding: 112px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-8--2-tablet {
    padding: 112px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-8--2-5-tablet {
    padding: 112px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-8--3-tablet {
    padding: 112px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-8--3-5-tablet {
    padding: 112px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-8--4-tablet {
    padding: 112px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-8--4-5-tablet {
    padding: 112px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-8--5-tablet {
    padding: 112px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-8--5-5-tablet {
    padding: 112px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-8--6-tablet {
    padding: 112px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-8--6-5-tablet {
    padding: 112px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-8--7-tablet {
    padding: 112px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-8--7-5-tablet {
    padding: 112px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-8--8-tablet {
    padding: 112px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-8--8-5-tablet {
    padding: 112px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-8--9-tablet {
    padding: 112px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-8--9-5-tablet {
    padding: 112px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-8--10-tablet {
    padding: 112px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-8--10-5-tablet {
    padding: 112px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-8-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-9-tablet {
    padding: 126px;
  }
}
@media (max-width: 1024px) {
  .padding-9--0-tablet {
    padding: 126px 0;
  }
}
@media (max-width: 1024px) {
  .padding-9--0-5-tablet {
    padding: 126px 7px;
  }
}
@media (max-width: 1024px) {
  .padding-9--1-tablet {
    padding: 126px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-9--1-5-tablet {
    padding: 126px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-9--2-tablet {
    padding: 126px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-9--2-5-tablet {
    padding: 126px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-9--3-tablet {
    padding: 126px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-9--3-5-tablet {
    padding: 126px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-9--4-tablet {
    padding: 126px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-9--4-5-tablet {
    padding: 126px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-9--5-tablet {
    padding: 126px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-9--5-5-tablet {
    padding: 126px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-9--6-tablet {
    padding: 126px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-9--6-5-tablet {
    padding: 126px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-9--7-tablet {
    padding: 126px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-9--7-5-tablet {
    padding: 126px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-9--8-tablet {
    padding: 126px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-9--8-5-tablet {
    padding: 126px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-9--9-tablet {
    padding: 126px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-9--9-5-tablet {
    padding: 126px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-9--10-tablet {
    padding: 126px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-9--10-5-tablet {
    padding: 126px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-9--1-tablet {
    padding: 126px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-9--1-5-tablet {
    padding: 126px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-9--2-tablet {
    padding: 126px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-9--2-5-tablet {
    padding: 126px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-9--3-tablet {
    padding: 126px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-9--3-5-tablet {
    padding: 126px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-9--4-tablet {
    padding: 126px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-9--4-5-tablet {
    padding: 126px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-9--5-tablet {
    padding: 126px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-9--5-5-tablet {
    padding: 126px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-9--6-tablet {
    padding: 126px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-9--6-5-tablet {
    padding: 126px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-9--7-tablet {
    padding: 126px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-9--7-5-tablet {
    padding: 126px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-9--8-tablet {
    padding: 126px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-9--8-5-tablet {
    padding: 126px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-9--9-tablet {
    padding: 126px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-9--9-5-tablet {
    padding: 126px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-9--10-tablet {
    padding: 126px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-9--10-5-tablet {
    padding: 126px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-9-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-10-tablet {
    padding: 140px;
  }
}
@media (max-width: 1024px) {
  .padding-10--0-tablet {
    padding: 140px 0;
  }
}
@media (max-width: 1024px) {
  .padding-10--0-5-tablet {
    padding: 140px 7px;
  }
}
@media (max-width: 1024px) {
  .padding-10--1-tablet {
    padding: 140px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-10--1-5-tablet {
    padding: 140px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-10--2-tablet {
    padding: 140px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-10--2-5-tablet {
    padding: 140px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-10--3-tablet {
    padding: 140px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-10--3-5-tablet {
    padding: 140px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-10--4-tablet {
    padding: 140px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-10--4-5-tablet {
    padding: 140px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-10--5-tablet {
    padding: 140px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-10--5-5-tablet {
    padding: 140px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-10--6-tablet {
    padding: 140px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-10--6-5-tablet {
    padding: 140px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-10--7-tablet {
    padding: 140px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-10--7-5-tablet {
    padding: 140px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-10--8-tablet {
    padding: 140px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-10--8-5-tablet {
    padding: 140px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-10--9-tablet {
    padding: 140px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-10--9-5-tablet {
    padding: 140px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-10--10-tablet {
    padding: 140px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-10--10-5-tablet {
    padding: 140px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-10--1-tablet {
    padding: 140px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-10--1-5-tablet {
    padding: 140px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--1-tablet {
    padding: 7px 14px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--1-5-tablet {
    padding: 7px 21px;
  }
}
@media (max-width: 1024px) {
  .padding-10--2-tablet {
    padding: 140px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-10--2-5-tablet {
    padding: 140px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--2-tablet {
    padding: 7px 28px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--2-5-tablet {
    padding: 7px 35px;
  }
}
@media (max-width: 1024px) {
  .padding-10--3-tablet {
    padding: 140px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-10--3-5-tablet {
    padding: 140px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--3-tablet {
    padding: 7px 42px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--3-5-tablet {
    padding: 7px 49px;
  }
}
@media (max-width: 1024px) {
  .padding-10--4-tablet {
    padding: 140px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-10--4-5-tablet {
    padding: 140px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--4-tablet {
    padding: 7px 56px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--4-5-tablet {
    padding: 7px 63px;
  }
}
@media (max-width: 1024px) {
  .padding-10--5-tablet {
    padding: 140px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-10--5-5-tablet {
    padding: 140px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--5-tablet {
    padding: 7px 70px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--5-5-tablet {
    padding: 7px 77px;
  }
}
@media (max-width: 1024px) {
  .padding-10--6-tablet {
    padding: 140px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-10--6-5-tablet {
    padding: 140px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--6-tablet {
    padding: 7px 84px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--6-5-tablet {
    padding: 7px 91px;
  }
}
@media (max-width: 1024px) {
  .padding-10--7-tablet {
    padding: 140px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-10--7-5-tablet {
    padding: 140px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--7-tablet {
    padding: 7px 98px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--7-5-tablet {
    padding: 7px 105px;
  }
}
@media (max-width: 1024px) {
  .padding-10--8-tablet {
    padding: 140px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-10--8-5-tablet {
    padding: 140px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--8-tablet {
    padding: 7px 112px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--8-5-tablet {
    padding: 7px 119px;
  }
}
@media (max-width: 1024px) {
  .padding-10--9-tablet {
    padding: 140px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-10--9-5-tablet {
    padding: 140px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--9-tablet {
    padding: 7px 126px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--9-5-tablet {
    padding: 7px 133px;
  }
}
@media (max-width: 1024px) {
  .padding-10--10-tablet {
    padding: 140px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-10--10-5-tablet {
    padding: 140px 147px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--10-tablet {
    padding: 7px 140px;
  }
}
@media (max-width: 1024px) {
  .padding-10-5--10-5-tablet {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-0-mobile {
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .padding-0--0-mobile {
    padding: 0px 0;
  }
}
@media (max-width: 767px) {
  .padding-0--0-5-mobile {
    padding: 0px 7px;
  }
}
@media (max-width: 767px) {
  .padding-0--1-mobile {
    padding: 0px 14px;
  }
}
@media (max-width: 767px) {
  .padding-0--1-5-mobile {
    padding: 0px 21px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-0--2-mobile {
    padding: 0px 28px;
  }
}
@media (max-width: 767px) {
  .padding-0--2-5-mobile {
    padding: 0px 35px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-0--3-mobile {
    padding: 0px 42px;
  }
}
@media (max-width: 767px) {
  .padding-0--3-5-mobile {
    padding: 0px 49px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-0--4-mobile {
    padding: 0px 56px;
  }
}
@media (max-width: 767px) {
  .padding-0--4-5-mobile {
    padding: 0px 63px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-0--5-mobile {
    padding: 0px 70px;
  }
}
@media (max-width: 767px) {
  .padding-0--5-5-mobile {
    padding: 0px 77px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-0--6-mobile {
    padding: 0px 84px;
  }
}
@media (max-width: 767px) {
  .padding-0--6-5-mobile {
    padding: 0px 91px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-0--7-mobile {
    padding: 0px 98px;
  }
}
@media (max-width: 767px) {
  .padding-0--7-5-mobile {
    padding: 0px 105px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-0--8-mobile {
    padding: 0px 112px;
  }
}
@media (max-width: 767px) {
  .padding-0--8-5-mobile {
    padding: 0px 119px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-0--9-mobile {
    padding: 0px 126px;
  }
}
@media (max-width: 767px) {
  .padding-0--9-5-mobile {
    padding: 0px 133px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-0--10-mobile {
    padding: 0px 140px;
  }
}
@media (max-width: 767px) {
  .padding-0--10-5-mobile {
    padding: 0px 147px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-0--1-mobile {
    padding: 0px 14px;
  }
}
@media (max-width: 767px) {
  .padding-0--1-5-mobile {
    padding: 0px 21px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-0--2-mobile {
    padding: 0px 28px;
  }
}
@media (max-width: 767px) {
  .padding-0--2-5-mobile {
    padding: 0px 35px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-0--3-mobile {
    padding: 0px 42px;
  }
}
@media (max-width: 767px) {
  .padding-0--3-5-mobile {
    padding: 0px 49px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-0--4-mobile {
    padding: 0px 56px;
  }
}
@media (max-width: 767px) {
  .padding-0--4-5-mobile {
    padding: 0px 63px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-0--5-mobile {
    padding: 0px 70px;
  }
}
@media (max-width: 767px) {
  .padding-0--5-5-mobile {
    padding: 0px 77px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-0--6-mobile {
    padding: 0px 84px;
  }
}
@media (max-width: 767px) {
  .padding-0--6-5-mobile {
    padding: 0px 91px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-0--7-mobile {
    padding: 0px 98px;
  }
}
@media (max-width: 767px) {
  .padding-0--7-5-mobile {
    padding: 0px 105px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-0--8-mobile {
    padding: 0px 112px;
  }
}
@media (max-width: 767px) {
  .padding-0--8-5-mobile {
    padding: 0px 119px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-0--9-mobile {
    padding: 0px 126px;
  }
}
@media (max-width: 767px) {
  .padding-0--9-5-mobile {
    padding: 0px 133px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-0--10-mobile {
    padding: 0px 140px;
  }
}
@media (max-width: 767px) {
  .padding-0--10-5-mobile {
    padding: 0px 147px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-0-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-1-mobile {
    padding: 14px;
  }
}
@media (max-width: 767px) {
  .padding-1--0-mobile {
    padding: 14px 0;
  }
}
@media (max-width: 767px) {
  .padding-1--0-5-mobile {
    padding: 14px 7px;
  }
}
@media (max-width: 767px) {
  .padding-1--1-mobile {
    padding: 14px 14px;
  }
}
@media (max-width: 767px) {
  .padding-1--1-5-mobile {
    padding: 14px 21px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-1--2-mobile {
    padding: 14px 28px;
  }
}
@media (max-width: 767px) {
  .padding-1--2-5-mobile {
    padding: 14px 35px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-1--3-mobile {
    padding: 14px 42px;
  }
}
@media (max-width: 767px) {
  .padding-1--3-5-mobile {
    padding: 14px 49px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-1--4-mobile {
    padding: 14px 56px;
  }
}
@media (max-width: 767px) {
  .padding-1--4-5-mobile {
    padding: 14px 63px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-1--5-mobile {
    padding: 14px 70px;
  }
}
@media (max-width: 767px) {
  .padding-1--5-5-mobile {
    padding: 14px 77px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-1--6-mobile {
    padding: 14px 84px;
  }
}
@media (max-width: 767px) {
  .padding-1--6-5-mobile {
    padding: 14px 91px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-1--7-mobile {
    padding: 14px 98px;
  }
}
@media (max-width: 767px) {
  .padding-1--7-5-mobile {
    padding: 14px 105px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-1--8-mobile {
    padding: 14px 112px;
  }
}
@media (max-width: 767px) {
  .padding-1--8-5-mobile {
    padding: 14px 119px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-1--9-mobile {
    padding: 14px 126px;
  }
}
@media (max-width: 767px) {
  .padding-1--9-5-mobile {
    padding: 14px 133px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-1--10-mobile {
    padding: 14px 140px;
  }
}
@media (max-width: 767px) {
  .padding-1--10-5-mobile {
    padding: 14px 147px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-1--1-mobile {
    padding: 14px 14px;
  }
}
@media (max-width: 767px) {
  .padding-1--1-5-mobile {
    padding: 14px 21px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-1--2-mobile {
    padding: 14px 28px;
  }
}
@media (max-width: 767px) {
  .padding-1--2-5-mobile {
    padding: 14px 35px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-1--3-mobile {
    padding: 14px 42px;
  }
}
@media (max-width: 767px) {
  .padding-1--3-5-mobile {
    padding: 14px 49px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-1--4-mobile {
    padding: 14px 56px;
  }
}
@media (max-width: 767px) {
  .padding-1--4-5-mobile {
    padding: 14px 63px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-1--5-mobile {
    padding: 14px 70px;
  }
}
@media (max-width: 767px) {
  .padding-1--5-5-mobile {
    padding: 14px 77px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-1--6-mobile {
    padding: 14px 84px;
  }
}
@media (max-width: 767px) {
  .padding-1--6-5-mobile {
    padding: 14px 91px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-1--7-mobile {
    padding: 14px 98px;
  }
}
@media (max-width: 767px) {
  .padding-1--7-5-mobile {
    padding: 14px 105px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-1--8-mobile {
    padding: 14px 112px;
  }
}
@media (max-width: 767px) {
  .padding-1--8-5-mobile {
    padding: 14px 119px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-1--9-mobile {
    padding: 14px 126px;
  }
}
@media (max-width: 767px) {
  .padding-1--9-5-mobile {
    padding: 14px 133px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-1--10-mobile {
    padding: 14px 140px;
  }
}
@media (max-width: 767px) {
  .padding-1--10-5-mobile {
    padding: 14px 147px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-1-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-2-mobile {
    padding: 28px;
  }
}
@media (max-width: 767px) {
  .padding-2--0-mobile {
    padding: 28px 0;
  }
}
@media (max-width: 767px) {
  .padding-2--0-5-mobile {
    padding: 28px 7px;
  }
}
@media (max-width: 767px) {
  .padding-2--1-mobile {
    padding: 28px 14px;
  }
}
@media (max-width: 767px) {
  .padding-2--1-5-mobile {
    padding: 28px 21px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-2--2-mobile {
    padding: 28px 28px;
  }
}
@media (max-width: 767px) {
  .padding-2--2-5-mobile {
    padding: 28px 35px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-2--3-mobile {
    padding: 28px 42px;
  }
}
@media (max-width: 767px) {
  .padding-2--3-5-mobile {
    padding: 28px 49px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-2--4-mobile {
    padding: 28px 56px;
  }
}
@media (max-width: 767px) {
  .padding-2--4-5-mobile {
    padding: 28px 63px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-2--5-mobile {
    padding: 28px 70px;
  }
}
@media (max-width: 767px) {
  .padding-2--5-5-mobile {
    padding: 28px 77px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-2--6-mobile {
    padding: 28px 84px;
  }
}
@media (max-width: 767px) {
  .padding-2--6-5-mobile {
    padding: 28px 91px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-2--7-mobile {
    padding: 28px 98px;
  }
}
@media (max-width: 767px) {
  .padding-2--7-5-mobile {
    padding: 28px 105px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-2--8-mobile {
    padding: 28px 112px;
  }
}
@media (max-width: 767px) {
  .padding-2--8-5-mobile {
    padding: 28px 119px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-2--9-mobile {
    padding: 28px 126px;
  }
}
@media (max-width: 767px) {
  .padding-2--9-5-mobile {
    padding: 28px 133px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-2--10-mobile {
    padding: 28px 140px;
  }
}
@media (max-width: 767px) {
  .padding-2--10-5-mobile {
    padding: 28px 147px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-2--1-mobile {
    padding: 28px 14px;
  }
}
@media (max-width: 767px) {
  .padding-2--1-5-mobile {
    padding: 28px 21px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-2--2-mobile {
    padding: 28px 28px;
  }
}
@media (max-width: 767px) {
  .padding-2--2-5-mobile {
    padding: 28px 35px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-2--3-mobile {
    padding: 28px 42px;
  }
}
@media (max-width: 767px) {
  .padding-2--3-5-mobile {
    padding: 28px 49px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-2--4-mobile {
    padding: 28px 56px;
  }
}
@media (max-width: 767px) {
  .padding-2--4-5-mobile {
    padding: 28px 63px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-2--5-mobile {
    padding: 28px 70px;
  }
}
@media (max-width: 767px) {
  .padding-2--5-5-mobile {
    padding: 28px 77px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-2--6-mobile {
    padding: 28px 84px;
  }
}
@media (max-width: 767px) {
  .padding-2--6-5-mobile {
    padding: 28px 91px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-2--7-mobile {
    padding: 28px 98px;
  }
}
@media (max-width: 767px) {
  .padding-2--7-5-mobile {
    padding: 28px 105px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-2--8-mobile {
    padding: 28px 112px;
  }
}
@media (max-width: 767px) {
  .padding-2--8-5-mobile {
    padding: 28px 119px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-2--9-mobile {
    padding: 28px 126px;
  }
}
@media (max-width: 767px) {
  .padding-2--9-5-mobile {
    padding: 28px 133px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-2--10-mobile {
    padding: 28px 140px;
  }
}
@media (max-width: 767px) {
  .padding-2--10-5-mobile {
    padding: 28px 147px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-2-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-3-mobile {
    padding: 42px;
  }
}
@media (max-width: 767px) {
  .padding-3--0-mobile {
    padding: 42px 0;
  }
}
@media (max-width: 767px) {
  .padding-3--0-5-mobile {
    padding: 42px 7px;
  }
}
@media (max-width: 767px) {
  .padding-3--1-mobile {
    padding: 42px 14px;
  }
}
@media (max-width: 767px) {
  .padding-3--1-5-mobile {
    padding: 42px 21px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-3--2-mobile {
    padding: 42px 28px;
  }
}
@media (max-width: 767px) {
  .padding-3--2-5-mobile {
    padding: 42px 35px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-3--3-mobile {
    padding: 42px 42px;
  }
}
@media (max-width: 767px) {
  .padding-3--3-5-mobile {
    padding: 42px 49px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-3--4-mobile {
    padding: 42px 56px;
  }
}
@media (max-width: 767px) {
  .padding-3--4-5-mobile {
    padding: 42px 63px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-3--5-mobile {
    padding: 42px 70px;
  }
}
@media (max-width: 767px) {
  .padding-3--5-5-mobile {
    padding: 42px 77px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-3--6-mobile {
    padding: 42px 84px;
  }
}
@media (max-width: 767px) {
  .padding-3--6-5-mobile {
    padding: 42px 91px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-3--7-mobile {
    padding: 42px 98px;
  }
}
@media (max-width: 767px) {
  .padding-3--7-5-mobile {
    padding: 42px 105px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-3--8-mobile {
    padding: 42px 112px;
  }
}
@media (max-width: 767px) {
  .padding-3--8-5-mobile {
    padding: 42px 119px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-3--9-mobile {
    padding: 42px 126px;
  }
}
@media (max-width: 767px) {
  .padding-3--9-5-mobile {
    padding: 42px 133px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-3--10-mobile {
    padding: 42px 140px;
  }
}
@media (max-width: 767px) {
  .padding-3--10-5-mobile {
    padding: 42px 147px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-3--1-mobile {
    padding: 42px 14px;
  }
}
@media (max-width: 767px) {
  .padding-3--1-5-mobile {
    padding: 42px 21px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-3--2-mobile {
    padding: 42px 28px;
  }
}
@media (max-width: 767px) {
  .padding-3--2-5-mobile {
    padding: 42px 35px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-3--3-mobile {
    padding: 42px 42px;
  }
}
@media (max-width: 767px) {
  .padding-3--3-5-mobile {
    padding: 42px 49px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-3--4-mobile {
    padding: 42px 56px;
  }
}
@media (max-width: 767px) {
  .padding-3--4-5-mobile {
    padding: 42px 63px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-3--5-mobile {
    padding: 42px 70px;
  }
}
@media (max-width: 767px) {
  .padding-3--5-5-mobile {
    padding: 42px 77px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-3--6-mobile {
    padding: 42px 84px;
  }
}
@media (max-width: 767px) {
  .padding-3--6-5-mobile {
    padding: 42px 91px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-3--7-mobile {
    padding: 42px 98px;
  }
}
@media (max-width: 767px) {
  .padding-3--7-5-mobile {
    padding: 42px 105px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-3--8-mobile {
    padding: 42px 112px;
  }
}
@media (max-width: 767px) {
  .padding-3--8-5-mobile {
    padding: 42px 119px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-3--9-mobile {
    padding: 42px 126px;
  }
}
@media (max-width: 767px) {
  .padding-3--9-5-mobile {
    padding: 42px 133px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-3--10-mobile {
    padding: 42px 140px;
  }
}
@media (max-width: 767px) {
  .padding-3--10-5-mobile {
    padding: 42px 147px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-3-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-4-mobile {
    padding: 56px;
  }
}
@media (max-width: 767px) {
  .padding-4--0-mobile {
    padding: 56px 0;
  }
}
@media (max-width: 767px) {
  .padding-4--0-5-mobile {
    padding: 56px 7px;
  }
}
@media (max-width: 767px) {
  .padding-4--1-mobile {
    padding: 56px 14px;
  }
}
@media (max-width: 767px) {
  .padding-4--1-5-mobile {
    padding: 56px 21px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-4--2-mobile {
    padding: 56px 28px;
  }
}
@media (max-width: 767px) {
  .padding-4--2-5-mobile {
    padding: 56px 35px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-4--3-mobile {
    padding: 56px 42px;
  }
}
@media (max-width: 767px) {
  .padding-4--3-5-mobile {
    padding: 56px 49px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-4--4-mobile {
    padding: 56px 56px;
  }
}
@media (max-width: 767px) {
  .padding-4--4-5-mobile {
    padding: 56px 63px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-4--5-mobile {
    padding: 56px 70px;
  }
}
@media (max-width: 767px) {
  .padding-4--5-5-mobile {
    padding: 56px 77px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-4--6-mobile {
    padding: 56px 84px;
  }
}
@media (max-width: 767px) {
  .padding-4--6-5-mobile {
    padding: 56px 91px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-4--7-mobile {
    padding: 56px 98px;
  }
}
@media (max-width: 767px) {
  .padding-4--7-5-mobile {
    padding: 56px 105px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-4--8-mobile {
    padding: 56px 112px;
  }
}
@media (max-width: 767px) {
  .padding-4--8-5-mobile {
    padding: 56px 119px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-4--9-mobile {
    padding: 56px 126px;
  }
}
@media (max-width: 767px) {
  .padding-4--9-5-mobile {
    padding: 56px 133px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-4--10-mobile {
    padding: 56px 140px;
  }
}
@media (max-width: 767px) {
  .padding-4--10-5-mobile {
    padding: 56px 147px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-4--1-mobile {
    padding: 56px 14px;
  }
}
@media (max-width: 767px) {
  .padding-4--1-5-mobile {
    padding: 56px 21px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-4--2-mobile {
    padding: 56px 28px;
  }
}
@media (max-width: 767px) {
  .padding-4--2-5-mobile {
    padding: 56px 35px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-4--3-mobile {
    padding: 56px 42px;
  }
}
@media (max-width: 767px) {
  .padding-4--3-5-mobile {
    padding: 56px 49px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-4--4-mobile {
    padding: 56px 56px;
  }
}
@media (max-width: 767px) {
  .padding-4--4-5-mobile {
    padding: 56px 63px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-4--5-mobile {
    padding: 56px 70px;
  }
}
@media (max-width: 767px) {
  .padding-4--5-5-mobile {
    padding: 56px 77px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-4--6-mobile {
    padding: 56px 84px;
  }
}
@media (max-width: 767px) {
  .padding-4--6-5-mobile {
    padding: 56px 91px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-4--7-mobile {
    padding: 56px 98px;
  }
}
@media (max-width: 767px) {
  .padding-4--7-5-mobile {
    padding: 56px 105px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-4--8-mobile {
    padding: 56px 112px;
  }
}
@media (max-width: 767px) {
  .padding-4--8-5-mobile {
    padding: 56px 119px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-4--9-mobile {
    padding: 56px 126px;
  }
}
@media (max-width: 767px) {
  .padding-4--9-5-mobile {
    padding: 56px 133px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-4--10-mobile {
    padding: 56px 140px;
  }
}
@media (max-width: 767px) {
  .padding-4--10-5-mobile {
    padding: 56px 147px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-4-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-5-mobile {
    padding: 70px;
  }
}
@media (max-width: 767px) {
  .padding-5--0-mobile {
    padding: 70px 0;
  }
}
@media (max-width: 767px) {
  .padding-5--0-5-mobile {
    padding: 70px 7px;
  }
}
@media (max-width: 767px) {
  .padding-5--1-mobile {
    padding: 70px 14px;
  }
}
@media (max-width: 767px) {
  .padding-5--1-5-mobile {
    padding: 70px 21px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-5--2-mobile {
    padding: 70px 28px;
  }
}
@media (max-width: 767px) {
  .padding-5--2-5-mobile {
    padding: 70px 35px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-5--3-mobile {
    padding: 70px 42px;
  }
}
@media (max-width: 767px) {
  .padding-5--3-5-mobile {
    padding: 70px 49px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-5--4-mobile {
    padding: 70px 56px;
  }
}
@media (max-width: 767px) {
  .padding-5--4-5-mobile {
    padding: 70px 63px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-5--5-mobile {
    padding: 70px 70px;
  }
}
@media (max-width: 767px) {
  .padding-5--5-5-mobile {
    padding: 70px 77px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-5--6-mobile {
    padding: 70px 84px;
  }
}
@media (max-width: 767px) {
  .padding-5--6-5-mobile {
    padding: 70px 91px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-5--7-mobile {
    padding: 70px 98px;
  }
}
@media (max-width: 767px) {
  .padding-5--7-5-mobile {
    padding: 70px 105px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-5--8-mobile {
    padding: 70px 112px;
  }
}
@media (max-width: 767px) {
  .padding-5--8-5-mobile {
    padding: 70px 119px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-5--9-mobile {
    padding: 70px 126px;
  }
}
@media (max-width: 767px) {
  .padding-5--9-5-mobile {
    padding: 70px 133px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-5--10-mobile {
    padding: 70px 140px;
  }
}
@media (max-width: 767px) {
  .padding-5--10-5-mobile {
    padding: 70px 147px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-5--1-mobile {
    padding: 70px 14px;
  }
}
@media (max-width: 767px) {
  .padding-5--1-5-mobile {
    padding: 70px 21px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-5--2-mobile {
    padding: 70px 28px;
  }
}
@media (max-width: 767px) {
  .padding-5--2-5-mobile {
    padding: 70px 35px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-5--3-mobile {
    padding: 70px 42px;
  }
}
@media (max-width: 767px) {
  .padding-5--3-5-mobile {
    padding: 70px 49px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-5--4-mobile {
    padding: 70px 56px;
  }
}
@media (max-width: 767px) {
  .padding-5--4-5-mobile {
    padding: 70px 63px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-5--5-mobile {
    padding: 70px 70px;
  }
}
@media (max-width: 767px) {
  .padding-5--5-5-mobile {
    padding: 70px 77px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-5--6-mobile {
    padding: 70px 84px;
  }
}
@media (max-width: 767px) {
  .padding-5--6-5-mobile {
    padding: 70px 91px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-5--7-mobile {
    padding: 70px 98px;
  }
}
@media (max-width: 767px) {
  .padding-5--7-5-mobile {
    padding: 70px 105px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-5--8-mobile {
    padding: 70px 112px;
  }
}
@media (max-width: 767px) {
  .padding-5--8-5-mobile {
    padding: 70px 119px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-5--9-mobile {
    padding: 70px 126px;
  }
}
@media (max-width: 767px) {
  .padding-5--9-5-mobile {
    padding: 70px 133px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-5--10-mobile {
    padding: 70px 140px;
  }
}
@media (max-width: 767px) {
  .padding-5--10-5-mobile {
    padding: 70px 147px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-5-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-6-mobile {
    padding: 84px;
  }
}
@media (max-width: 767px) {
  .padding-6--0-mobile {
    padding: 84px 0;
  }
}
@media (max-width: 767px) {
  .padding-6--0-5-mobile {
    padding: 84px 7px;
  }
}
@media (max-width: 767px) {
  .padding-6--1-mobile {
    padding: 84px 14px;
  }
}
@media (max-width: 767px) {
  .padding-6--1-5-mobile {
    padding: 84px 21px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-6--2-mobile {
    padding: 84px 28px;
  }
}
@media (max-width: 767px) {
  .padding-6--2-5-mobile {
    padding: 84px 35px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-6--3-mobile {
    padding: 84px 42px;
  }
}
@media (max-width: 767px) {
  .padding-6--3-5-mobile {
    padding: 84px 49px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-6--4-mobile {
    padding: 84px 56px;
  }
}
@media (max-width: 767px) {
  .padding-6--4-5-mobile {
    padding: 84px 63px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-6--5-mobile {
    padding: 84px 70px;
  }
}
@media (max-width: 767px) {
  .padding-6--5-5-mobile {
    padding: 84px 77px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-6--6-mobile {
    padding: 84px 84px;
  }
}
@media (max-width: 767px) {
  .padding-6--6-5-mobile {
    padding: 84px 91px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-6--7-mobile {
    padding: 84px 98px;
  }
}
@media (max-width: 767px) {
  .padding-6--7-5-mobile {
    padding: 84px 105px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-6--8-mobile {
    padding: 84px 112px;
  }
}
@media (max-width: 767px) {
  .padding-6--8-5-mobile {
    padding: 84px 119px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-6--9-mobile {
    padding: 84px 126px;
  }
}
@media (max-width: 767px) {
  .padding-6--9-5-mobile {
    padding: 84px 133px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-6--10-mobile {
    padding: 84px 140px;
  }
}
@media (max-width: 767px) {
  .padding-6--10-5-mobile {
    padding: 84px 147px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-6--1-mobile {
    padding: 84px 14px;
  }
}
@media (max-width: 767px) {
  .padding-6--1-5-mobile {
    padding: 84px 21px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-6--2-mobile {
    padding: 84px 28px;
  }
}
@media (max-width: 767px) {
  .padding-6--2-5-mobile {
    padding: 84px 35px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-6--3-mobile {
    padding: 84px 42px;
  }
}
@media (max-width: 767px) {
  .padding-6--3-5-mobile {
    padding: 84px 49px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-6--4-mobile {
    padding: 84px 56px;
  }
}
@media (max-width: 767px) {
  .padding-6--4-5-mobile {
    padding: 84px 63px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-6--5-mobile {
    padding: 84px 70px;
  }
}
@media (max-width: 767px) {
  .padding-6--5-5-mobile {
    padding: 84px 77px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-6--6-mobile {
    padding: 84px 84px;
  }
}
@media (max-width: 767px) {
  .padding-6--6-5-mobile {
    padding: 84px 91px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-6--7-mobile {
    padding: 84px 98px;
  }
}
@media (max-width: 767px) {
  .padding-6--7-5-mobile {
    padding: 84px 105px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-6--8-mobile {
    padding: 84px 112px;
  }
}
@media (max-width: 767px) {
  .padding-6--8-5-mobile {
    padding: 84px 119px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-6--9-mobile {
    padding: 84px 126px;
  }
}
@media (max-width: 767px) {
  .padding-6--9-5-mobile {
    padding: 84px 133px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-6--10-mobile {
    padding: 84px 140px;
  }
}
@media (max-width: 767px) {
  .padding-6--10-5-mobile {
    padding: 84px 147px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-6-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-7-mobile {
    padding: 98px;
  }
}
@media (max-width: 767px) {
  .padding-7--0-mobile {
    padding: 98px 0;
  }
}
@media (max-width: 767px) {
  .padding-7--0-5-mobile {
    padding: 98px 7px;
  }
}
@media (max-width: 767px) {
  .padding-7--1-mobile {
    padding: 98px 14px;
  }
}
@media (max-width: 767px) {
  .padding-7--1-5-mobile {
    padding: 98px 21px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-7--2-mobile {
    padding: 98px 28px;
  }
}
@media (max-width: 767px) {
  .padding-7--2-5-mobile {
    padding: 98px 35px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-7--3-mobile {
    padding: 98px 42px;
  }
}
@media (max-width: 767px) {
  .padding-7--3-5-mobile {
    padding: 98px 49px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-7--4-mobile {
    padding: 98px 56px;
  }
}
@media (max-width: 767px) {
  .padding-7--4-5-mobile {
    padding: 98px 63px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-7--5-mobile {
    padding: 98px 70px;
  }
}
@media (max-width: 767px) {
  .padding-7--5-5-mobile {
    padding: 98px 77px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-7--6-mobile {
    padding: 98px 84px;
  }
}
@media (max-width: 767px) {
  .padding-7--6-5-mobile {
    padding: 98px 91px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-7--7-mobile {
    padding: 98px 98px;
  }
}
@media (max-width: 767px) {
  .padding-7--7-5-mobile {
    padding: 98px 105px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-7--8-mobile {
    padding: 98px 112px;
  }
}
@media (max-width: 767px) {
  .padding-7--8-5-mobile {
    padding: 98px 119px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-7--9-mobile {
    padding: 98px 126px;
  }
}
@media (max-width: 767px) {
  .padding-7--9-5-mobile {
    padding: 98px 133px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-7--10-mobile {
    padding: 98px 140px;
  }
}
@media (max-width: 767px) {
  .padding-7--10-5-mobile {
    padding: 98px 147px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-7--1-mobile {
    padding: 98px 14px;
  }
}
@media (max-width: 767px) {
  .padding-7--1-5-mobile {
    padding: 98px 21px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-7--2-mobile {
    padding: 98px 28px;
  }
}
@media (max-width: 767px) {
  .padding-7--2-5-mobile {
    padding: 98px 35px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-7--3-mobile {
    padding: 98px 42px;
  }
}
@media (max-width: 767px) {
  .padding-7--3-5-mobile {
    padding: 98px 49px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-7--4-mobile {
    padding: 98px 56px;
  }
}
@media (max-width: 767px) {
  .padding-7--4-5-mobile {
    padding: 98px 63px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-7--5-mobile {
    padding: 98px 70px;
  }
}
@media (max-width: 767px) {
  .padding-7--5-5-mobile {
    padding: 98px 77px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-7--6-mobile {
    padding: 98px 84px;
  }
}
@media (max-width: 767px) {
  .padding-7--6-5-mobile {
    padding: 98px 91px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-7--7-mobile {
    padding: 98px 98px;
  }
}
@media (max-width: 767px) {
  .padding-7--7-5-mobile {
    padding: 98px 105px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-7--8-mobile {
    padding: 98px 112px;
  }
}
@media (max-width: 767px) {
  .padding-7--8-5-mobile {
    padding: 98px 119px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-7--9-mobile {
    padding: 98px 126px;
  }
}
@media (max-width: 767px) {
  .padding-7--9-5-mobile {
    padding: 98px 133px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-7--10-mobile {
    padding: 98px 140px;
  }
}
@media (max-width: 767px) {
  .padding-7--10-5-mobile {
    padding: 98px 147px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-7-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-8-mobile {
    padding: 112px;
  }
}
@media (max-width: 767px) {
  .padding-8--0-mobile {
    padding: 112px 0;
  }
}
@media (max-width: 767px) {
  .padding-8--0-5-mobile {
    padding: 112px 7px;
  }
}
@media (max-width: 767px) {
  .padding-8--1-mobile {
    padding: 112px 14px;
  }
}
@media (max-width: 767px) {
  .padding-8--1-5-mobile {
    padding: 112px 21px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-8--2-mobile {
    padding: 112px 28px;
  }
}
@media (max-width: 767px) {
  .padding-8--2-5-mobile {
    padding: 112px 35px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-8--3-mobile {
    padding: 112px 42px;
  }
}
@media (max-width: 767px) {
  .padding-8--3-5-mobile {
    padding: 112px 49px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-8--4-mobile {
    padding: 112px 56px;
  }
}
@media (max-width: 767px) {
  .padding-8--4-5-mobile {
    padding: 112px 63px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-8--5-mobile {
    padding: 112px 70px;
  }
}
@media (max-width: 767px) {
  .padding-8--5-5-mobile {
    padding: 112px 77px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-8--6-mobile {
    padding: 112px 84px;
  }
}
@media (max-width: 767px) {
  .padding-8--6-5-mobile {
    padding: 112px 91px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-8--7-mobile {
    padding: 112px 98px;
  }
}
@media (max-width: 767px) {
  .padding-8--7-5-mobile {
    padding: 112px 105px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-8--8-mobile {
    padding: 112px 112px;
  }
}
@media (max-width: 767px) {
  .padding-8--8-5-mobile {
    padding: 112px 119px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-8--9-mobile {
    padding: 112px 126px;
  }
}
@media (max-width: 767px) {
  .padding-8--9-5-mobile {
    padding: 112px 133px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-8--10-mobile {
    padding: 112px 140px;
  }
}
@media (max-width: 767px) {
  .padding-8--10-5-mobile {
    padding: 112px 147px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-8--1-mobile {
    padding: 112px 14px;
  }
}
@media (max-width: 767px) {
  .padding-8--1-5-mobile {
    padding: 112px 21px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-8--2-mobile {
    padding: 112px 28px;
  }
}
@media (max-width: 767px) {
  .padding-8--2-5-mobile {
    padding: 112px 35px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-8--3-mobile {
    padding: 112px 42px;
  }
}
@media (max-width: 767px) {
  .padding-8--3-5-mobile {
    padding: 112px 49px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-8--4-mobile {
    padding: 112px 56px;
  }
}
@media (max-width: 767px) {
  .padding-8--4-5-mobile {
    padding: 112px 63px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-8--5-mobile {
    padding: 112px 70px;
  }
}
@media (max-width: 767px) {
  .padding-8--5-5-mobile {
    padding: 112px 77px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-8--6-mobile {
    padding: 112px 84px;
  }
}
@media (max-width: 767px) {
  .padding-8--6-5-mobile {
    padding: 112px 91px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-8--7-mobile {
    padding: 112px 98px;
  }
}
@media (max-width: 767px) {
  .padding-8--7-5-mobile {
    padding: 112px 105px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-8--8-mobile {
    padding: 112px 112px;
  }
}
@media (max-width: 767px) {
  .padding-8--8-5-mobile {
    padding: 112px 119px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-8--9-mobile {
    padding: 112px 126px;
  }
}
@media (max-width: 767px) {
  .padding-8--9-5-mobile {
    padding: 112px 133px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-8--10-mobile {
    padding: 112px 140px;
  }
}
@media (max-width: 767px) {
  .padding-8--10-5-mobile {
    padding: 112px 147px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-8-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-9-mobile {
    padding: 126px;
  }
}
@media (max-width: 767px) {
  .padding-9--0-mobile {
    padding: 126px 0;
  }
}
@media (max-width: 767px) {
  .padding-9--0-5-mobile {
    padding: 126px 7px;
  }
}
@media (max-width: 767px) {
  .padding-9--1-mobile {
    padding: 126px 14px;
  }
}
@media (max-width: 767px) {
  .padding-9--1-5-mobile {
    padding: 126px 21px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-9--2-mobile {
    padding: 126px 28px;
  }
}
@media (max-width: 767px) {
  .padding-9--2-5-mobile {
    padding: 126px 35px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-9--3-mobile {
    padding: 126px 42px;
  }
}
@media (max-width: 767px) {
  .padding-9--3-5-mobile {
    padding: 126px 49px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-9--4-mobile {
    padding: 126px 56px;
  }
}
@media (max-width: 767px) {
  .padding-9--4-5-mobile {
    padding: 126px 63px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-9--5-mobile {
    padding: 126px 70px;
  }
}
@media (max-width: 767px) {
  .padding-9--5-5-mobile {
    padding: 126px 77px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-9--6-mobile {
    padding: 126px 84px;
  }
}
@media (max-width: 767px) {
  .padding-9--6-5-mobile {
    padding: 126px 91px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-9--7-mobile {
    padding: 126px 98px;
  }
}
@media (max-width: 767px) {
  .padding-9--7-5-mobile {
    padding: 126px 105px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-9--8-mobile {
    padding: 126px 112px;
  }
}
@media (max-width: 767px) {
  .padding-9--8-5-mobile {
    padding: 126px 119px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-9--9-mobile {
    padding: 126px 126px;
  }
}
@media (max-width: 767px) {
  .padding-9--9-5-mobile {
    padding: 126px 133px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-9--10-mobile {
    padding: 126px 140px;
  }
}
@media (max-width: 767px) {
  .padding-9--10-5-mobile {
    padding: 126px 147px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-9--1-mobile {
    padding: 126px 14px;
  }
}
@media (max-width: 767px) {
  .padding-9--1-5-mobile {
    padding: 126px 21px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-9--2-mobile {
    padding: 126px 28px;
  }
}
@media (max-width: 767px) {
  .padding-9--2-5-mobile {
    padding: 126px 35px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-9--3-mobile {
    padding: 126px 42px;
  }
}
@media (max-width: 767px) {
  .padding-9--3-5-mobile {
    padding: 126px 49px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-9--4-mobile {
    padding: 126px 56px;
  }
}
@media (max-width: 767px) {
  .padding-9--4-5-mobile {
    padding: 126px 63px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-9--5-mobile {
    padding: 126px 70px;
  }
}
@media (max-width: 767px) {
  .padding-9--5-5-mobile {
    padding: 126px 77px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-9--6-mobile {
    padding: 126px 84px;
  }
}
@media (max-width: 767px) {
  .padding-9--6-5-mobile {
    padding: 126px 91px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-9--7-mobile {
    padding: 126px 98px;
  }
}
@media (max-width: 767px) {
  .padding-9--7-5-mobile {
    padding: 126px 105px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-9--8-mobile {
    padding: 126px 112px;
  }
}
@media (max-width: 767px) {
  .padding-9--8-5-mobile {
    padding: 126px 119px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-9--9-mobile {
    padding: 126px 126px;
  }
}
@media (max-width: 767px) {
  .padding-9--9-5-mobile {
    padding: 126px 133px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-9--10-mobile {
    padding: 126px 140px;
  }
}
@media (max-width: 767px) {
  .padding-9--10-5-mobile {
    padding: 126px 147px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-9-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-10-mobile {
    padding: 140px;
  }
}
@media (max-width: 767px) {
  .padding-10--0-mobile {
    padding: 140px 0;
  }
}
@media (max-width: 767px) {
  .padding-10--0-5-mobile {
    padding: 140px 7px;
  }
}
@media (max-width: 767px) {
  .padding-10--1-mobile {
    padding: 140px 14px;
  }
}
@media (max-width: 767px) {
  .padding-10--1-5-mobile {
    padding: 140px 21px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-10--2-mobile {
    padding: 140px 28px;
  }
}
@media (max-width: 767px) {
  .padding-10--2-5-mobile {
    padding: 140px 35px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-10--3-mobile {
    padding: 140px 42px;
  }
}
@media (max-width: 767px) {
  .padding-10--3-5-mobile {
    padding: 140px 49px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-10--4-mobile {
    padding: 140px 56px;
  }
}
@media (max-width: 767px) {
  .padding-10--4-5-mobile {
    padding: 140px 63px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-10--5-mobile {
    padding: 140px 70px;
  }
}
@media (max-width: 767px) {
  .padding-10--5-5-mobile {
    padding: 140px 77px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-10--6-mobile {
    padding: 140px 84px;
  }
}
@media (max-width: 767px) {
  .padding-10--6-5-mobile {
    padding: 140px 91px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-10--7-mobile {
    padding: 140px 98px;
  }
}
@media (max-width: 767px) {
  .padding-10--7-5-mobile {
    padding: 140px 105px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-10--8-mobile {
    padding: 140px 112px;
  }
}
@media (max-width: 767px) {
  .padding-10--8-5-mobile {
    padding: 140px 119px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-10--9-mobile {
    padding: 140px 126px;
  }
}
@media (max-width: 767px) {
  .padding-10--9-5-mobile {
    padding: 140px 133px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-10--10-mobile {
    padding: 140px 140px;
  }
}
@media (max-width: 767px) {
  .padding-10--10-5-mobile {
    padding: 140px 147px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--10-5-mobile {
    padding: 7px 147px;
  }
}
@media (max-width: 767px) {
  .padding-10--1-mobile {
    padding: 140px 14px;
  }
}
@media (max-width: 767px) {
  .padding-10--1-5-mobile {
    padding: 140px 21px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--1-mobile {
    padding: 7px 14px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--1-5-mobile {
    padding: 7px 21px;
  }
}
@media (max-width: 767px) {
  .padding-10--2-mobile {
    padding: 140px 28px;
  }
}
@media (max-width: 767px) {
  .padding-10--2-5-mobile {
    padding: 140px 35px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--2-mobile {
    padding: 7px 28px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--2-5-mobile {
    padding: 7px 35px;
  }
}
@media (max-width: 767px) {
  .padding-10--3-mobile {
    padding: 140px 42px;
  }
}
@media (max-width: 767px) {
  .padding-10--3-5-mobile {
    padding: 140px 49px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--3-mobile {
    padding: 7px 42px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--3-5-mobile {
    padding: 7px 49px;
  }
}
@media (max-width: 767px) {
  .padding-10--4-mobile {
    padding: 140px 56px;
  }
}
@media (max-width: 767px) {
  .padding-10--4-5-mobile {
    padding: 140px 63px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--4-mobile {
    padding: 7px 56px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--4-5-mobile {
    padding: 7px 63px;
  }
}
@media (max-width: 767px) {
  .padding-10--5-mobile {
    padding: 140px 70px;
  }
}
@media (max-width: 767px) {
  .padding-10--5-5-mobile {
    padding: 140px 77px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--5-mobile {
    padding: 7px 70px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--5-5-mobile {
    padding: 7px 77px;
  }
}
@media (max-width: 767px) {
  .padding-10--6-mobile {
    padding: 140px 84px;
  }
}
@media (max-width: 767px) {
  .padding-10--6-5-mobile {
    padding: 140px 91px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--6-mobile {
    padding: 7px 84px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--6-5-mobile {
    padding: 7px 91px;
  }
}
@media (max-width: 767px) {
  .padding-10--7-mobile {
    padding: 140px 98px;
  }
}
@media (max-width: 767px) {
  .padding-10--7-5-mobile {
    padding: 140px 105px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--7-mobile {
    padding: 7px 98px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--7-5-mobile {
    padding: 7px 105px;
  }
}
@media (max-width: 767px) {
  .padding-10--8-mobile {
    padding: 140px 112px;
  }
}
@media (max-width: 767px) {
  .padding-10--8-5-mobile {
    padding: 140px 119px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--8-mobile {
    padding: 7px 112px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--8-5-mobile {
    padding: 7px 119px;
  }
}
@media (max-width: 767px) {
  .padding-10--9-mobile {
    padding: 140px 126px;
  }
}
@media (max-width: 767px) {
  .padding-10--9-5-mobile {
    padding: 140px 133px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--9-mobile {
    padding: 7px 126px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--9-5-mobile {
    padding: 7px 133px;
  }
}
@media (max-width: 767px) {
  .padding-10--10-mobile {
    padding: 140px 140px;
  }
}
@media (max-width: 767px) {
  .padding-10--10-5-mobile {
    padding: 140px 147px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--10-mobile {
    padding: 7px 140px;
  }
}
@media (max-width: 767px) {
  .padding-10-5--10-5-mobile {
    padding: 7px 147px;
  }
}
.padding-t-0 {
  padding-top: 0px;
}
.padding-t-1 {
  padding-top: 14px;
}
.padding-t-2 {
  padding-top: 28px;
}
.padding-t-3 {
  padding-top: 42px;
}
.padding-t-4 {
  padding-top: 56px;
}
.padding-t-5 {
  padding-top: 70px;
}
.padding-t-6 {
  padding-top: 84px;
}
.padding-t-7 {
  padding-top: 98px;
}
.padding-t-8 {
  padding-top: 112px;
}
.padding-t-9 {
  padding-top: 126px;
}
.padding-t-10 {
  padding-top: 140px;
}
.padding-r-0 {
  padding-right: 0px;
}
.padding-r-1 {
  padding-right: 14px;
}
.padding-r-2 {
  padding-right: 28px;
}
.padding-r-3 {
  padding-right: 42px;
}
.padding-r-4 {
  padding-right: 56px;
}
.padding-r-5 {
  padding-right: 70px;
}
.padding-r-6 {
  padding-right: 84px;
}
.padding-r-7 {
  padding-right: 98px;
}
.padding-r-8 {
  padding-right: 112px;
}
.padding-r-9 {
  padding-right: 126px;
}
.padding-r-10 {
  padding-right: 140px;
}
.padding-b-0 {
  padding-bottom: 0px;
}
.padding-b-1 {
  padding-bottom: 14px;
}
.padding-b-2 {
  padding-bottom: 28px;
}
.padding-b-3 {
  padding-bottom: 42px;
}
.padding-b-4 {
  padding-bottom: 56px;
}
.padding-b-5 {
  padding-bottom: 70px;
}
.padding-b-6 {
  padding-bottom: 84px;
}
.padding-b-7 {
  padding-bottom: 98px;
}
.padding-b-8 {
  padding-bottom: 112px;
}
.padding-b-9 {
  padding-bottom: 126px;
}
.padding-b-10 {
  padding-bottom: 140px;
}
.padding-l-0 {
  padding-left: 0px;
}
.padding-l-1 {
  padding-left: 14px;
}
.padding-l-2 {
  padding-left: 28px;
}
.padding-l-3 {
  padding-left: 42px;
}
.padding-l-4 {
  padding-left: 56px;
}
.padding-l-5 {
  padding-left: 70px;
}
.padding-l-6 {
  padding-left: 84px;
}
.padding-l-7 {
  padding-left: 98px;
}
.padding-l-8 {
  padding-left: 112px;
}
.padding-l-9 {
  padding-left: 126px;
}
.padding-l-10 {
  padding-left: 140px;
}
@media (max-width: 1024px) {
  .padding-t-0-tablet {
    padding-top: 0px;
  }
}
@media (max-width: 1024px) {
  .padding-t-1-tablet {
    padding-top: 14px;
  }
}
@media (max-width: 1024px) {
  .padding-t-2-tablet {
    padding-top: 28px;
  }
}
@media (max-width: 1024px) {
  .padding-t-3-tablet {
    padding-top: 42px;
  }
}
@media (max-width: 1024px) {
  .padding-t-4-tablet {
    padding-top: 56px;
  }
}
@media (max-width: 1024px) {
  .padding-t-5-tablet {
    padding-top: 70px;
  }
}
@media (max-width: 1024px) {
  .padding-t-6-tablet {
    padding-top: 84px;
  }
}
@media (max-width: 1024px) {
  .padding-t-7-tablet {
    padding-top: 98px;
  }
}
@media (max-width: 1024px) {
  .padding-t-8-tablet {
    padding-top: 112px;
  }
}
@media (max-width: 1024px) {
  .padding-t-9-tablet {
    padding-top: 126px;
  }
}
@media (max-width: 1024px) {
  .padding-t-10-tablet {
    padding-top: 140px;
  }
}
@media (max-width: 1024px) {
  .padding-r-0-tablet {
    padding-right: 0px;
  }
}
@media (max-width: 1024px) {
  .padding-r-1-tablet {
    padding-right: 14px;
  }
}
@media (max-width: 1024px) {
  .padding-r-2-tablet {
    padding-right: 28px;
  }
}
@media (max-width: 1024px) {
  .padding-r-3-tablet {
    padding-right: 42px;
  }
}
@media (max-width: 1024px) {
  .padding-r-4-tablet {
    padding-right: 56px;
  }
}
@media (max-width: 1024px) {
  .padding-r-5-tablet {
    padding-right: 70px;
  }
}
@media (max-width: 1024px) {
  .padding-r-6-tablet {
    padding-right: 84px;
  }
}
@media (max-width: 1024px) {
  .padding-r-7-tablet {
    padding-right: 98px;
  }
}
@media (max-width: 1024px) {
  .padding-r-8-tablet {
    padding-right: 112px;
  }
}
@media (max-width: 1024px) {
  .padding-r-9-tablet {
    padding-right: 126px;
  }
}
@media (max-width: 1024px) {
  .padding-r-10-tablet {
    padding-right: 140px;
  }
}
@media (max-width: 1024px) {
  .padding-b-0-tablet {
    padding-bottom: 0px;
  }
}
@media (max-width: 1024px) {
  .padding-b-1-tablet {
    padding-bottom: 14px;
  }
}
@media (max-width: 1024px) {
  .padding-b-2-tablet {
    padding-bottom: 28px;
  }
}
@media (max-width: 1024px) {
  .padding-b-3-tablet {
    padding-bottom: 42px;
  }
}
@media (max-width: 1024px) {
  .padding-b-4-tablet {
    padding-bottom: 56px;
  }
}
@media (max-width: 1024px) {
  .padding-b-5-tablet {
    padding-bottom: 70px;
  }
}
@media (max-width: 1024px) {
  .padding-b-6-tablet {
    padding-bottom: 84px;
  }
}
@media (max-width: 1024px) {
  .padding-b-7-tablet {
    padding-bottom: 98px;
  }
}
@media (max-width: 1024px) {
  .padding-b-8-tablet {
    padding-bottom: 112px;
  }
}
@media (max-width: 1024px) {
  .padding-b-9-tablet {
    padding-bottom: 126px;
  }
}
@media (max-width: 1024px) {
  .padding-b-10-tablet {
    padding-bottom: 140px;
  }
}
@media (max-width: 1024px) {
  .padding-l-0-tablet {
    padding-left: 0px;
  }
}
@media (max-width: 1024px) {
  .padding-l-1-tablet {
    padding-left: 14px;
  }
}
@media (max-width: 1024px) {
  .padding-l-2-tablet {
    padding-left: 28px;
  }
}
@media (max-width: 1024px) {
  .padding-l-3-tablet {
    padding-left: 42px;
  }
}
@media (max-width: 1024px) {
  .padding-l-4-tablet {
    padding-left: 56px;
  }
}
@media (max-width: 1024px) {
  .padding-l-5-tablet {
    padding-left: 70px;
  }
}
@media (max-width: 1024px) {
  .padding-l-6-tablet {
    padding-left: 84px;
  }
}
@media (max-width: 1024px) {
  .padding-l-7-tablet {
    padding-left: 98px;
  }
}
@media (max-width: 1024px) {
  .padding-l-8-tablet {
    padding-left: 112px;
  }
}
@media (max-width: 1024px) {
  .padding-l-9-tablet {
    padding-left: 126px;
  }
}
@media (max-width: 1024px) {
  .padding-l-10-tablet {
    padding-left: 140px;
  }
}
@media (max-width: 767px) {
  .padding-t-0-mobile {
    padding-top: 0px;
  }
}
@media (max-width: 767px) {
  .padding-t-1-mobile {
    padding-top: 14px;
  }
}
@media (max-width: 767px) {
  .padding-t-2-mobile {
    padding-top: 28px;
  }
}
@media (max-width: 767px) {
  .padding-t-3-mobile {
    padding-top: 42px;
  }
}
@media (max-width: 767px) {
  .padding-t-4-mobile {
    padding-top: 56px;
  }
}
@media (max-width: 767px) {
  .padding-t-5-mobile {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .padding-t-6-mobile {
    padding-top: 84px;
  }
}
@media (max-width: 767px) {
  .padding-t-7-mobile {
    padding-top: 98px;
  }
}
@media (max-width: 767px) {
  .padding-t-8-mobile {
    padding-top: 112px;
  }
}
@media (max-width: 767px) {
  .padding-t-9-mobile {
    padding-top: 126px;
  }
}
@media (max-width: 767px) {
  .padding-t-10-mobile {
    padding-top: 140px;
  }
}
@media (max-width: 767px) {
  .padding-r-0-mobile {
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .padding-r-1-mobile {
    padding-right: 14px;
  }
}
@media (max-width: 767px) {
  .padding-r-2-mobile {
    padding-right: 28px;
  }
}
@media (max-width: 767px) {
  .padding-r-3-mobile {
    padding-right: 42px;
  }
}
@media (max-width: 767px) {
  .padding-r-4-mobile {
    padding-right: 56px;
  }
}
@media (max-width: 767px) {
  .padding-r-5-mobile {
    padding-right: 70px;
  }
}
@media (max-width: 767px) {
  .padding-r-6-mobile {
    padding-right: 84px;
  }
}
@media (max-width: 767px) {
  .padding-r-7-mobile {
    padding-right: 98px;
  }
}
@media (max-width: 767px) {
  .padding-r-8-mobile {
    padding-right: 112px;
  }
}
@media (max-width: 767px) {
  .padding-r-9-mobile {
    padding-right: 126px;
  }
}
@media (max-width: 767px) {
  .padding-r-10-mobile {
    padding-right: 140px;
  }
}
@media (max-width: 767px) {
  .padding-b-0-mobile {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .padding-b-1-mobile {
    padding-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .padding-b-2-mobile {
    padding-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .padding-b-3-mobile {
    padding-bottom: 42px;
  }
}
@media (max-width: 767px) {
  .padding-b-4-mobile {
    padding-bottom: 56px;
  }
}
@media (max-width: 767px) {
  .padding-b-5-mobile {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .padding-b-6-mobile {
    padding-bottom: 84px;
  }
}
@media (max-width: 767px) {
  .padding-b-7-mobile {
    padding-bottom: 98px;
  }
}
@media (max-width: 767px) {
  .padding-b-8-mobile {
    padding-bottom: 112px;
  }
}
@media (max-width: 767px) {
  .padding-b-9-mobile {
    padding-bottom: 126px;
  }
}
@media (max-width: 767px) {
  .padding-b-10-mobile {
    padding-bottom: 140px;
  }
}
@media (max-width: 767px) {
  .padding-l-0-mobile {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .padding-l-1-mobile {
    padding-left: 14px;
  }
}
@media (max-width: 767px) {
  .padding-l-2-mobile {
    padding-left: 28px;
  }
}
@media (max-width: 767px) {
  .padding-l-3-mobile {
    padding-left: 42px;
  }
}
@media (max-width: 767px) {
  .padding-l-4-mobile {
    padding-left: 56px;
  }
}
@media (max-width: 767px) {
  .padding-l-5-mobile {
    padding-left: 70px;
  }
}
@media (max-width: 767px) {
  .padding-l-6-mobile {
    padding-left: 84px;
  }
}
@media (max-width: 767px) {
  .padding-l-7-mobile {
    padding-left: 98px;
  }
}
@media (max-width: 767px) {
  .padding-l-8-mobile {
    padding-left: 112px;
  }
}
@media (max-width: 767px) {
  .padding-l-9-mobile {
    padding-left: 126px;
  }
}
@media (max-width: 767px) {
  .padding-l-10-mobile {
    padding-left: 140px;
  }
}
/* WHITE-SPACE */
.white-space-nowrap {
  white-space: nowrap;
}
/* TEXT COLOR */
.color-1 {
  color: var(--color-1);
}
.color-2 {
  color: var(--color-2);
}
.color-3 {
  color: var(--color-3);
}
.color-4 {
  color: var(--color-4);
}
.color-5 {
  color: var(--color-5);
}
.color-6 {
  color: var(--color-6);
}
.color-7 {
  color: var(--color-7);
}
.color-8 {
  color: var(--color-8);
}
.color-9 {
  color: var(--color-9);
}
.color-10 {
  color: var(--color-10);
}
.color-11 {
  color: var(--color-11);
}
.color-12 {
  color: var(--color-12);
}
.color-13 {
  color: var(--color-13);
}
.color-14 {
  color: var(--color-14);
}
.color-15 {
  color: var(--color-15);
}
.color-16 {
  color: var(--color-16);
}
.color-white {
  color: white;
}
.color-success {
  color: var(--color-success);
}
.color-alert {
  color: var(--color-alert);
}
/*WORD BREAK*/
.word-break-normal {
  word-break: normal !important;
}
/* TEXT DECORATION */
.text-underline {
  text-decoration: underline;
}
.text-underline-none {
  text-decoration: none !important;
}
.striked-through {
  position: relative;
  margin: 7px 0 0 0;
}
.striked-through:before {
  content: "";
  height: 1px;
  top: 50%;
  left: 0;
  background: var(--color-5);
  position: absolute;
  border: 0;
  width: 100%;
}
.striked-through.strike-1:before {
  background: var(--color-4);
}
.striked-through.strike-2:before {
  background: var(--color-2);
}
.striked-through.strike-3:before {
  background: var(--color-3);
}
.striked-through.strike-4:before {
  background: var(--color-4);
}
.striked-through.strike-quinary:before {
  background: var(--color-5);
}
.striked-through.strike-6:before {
  background: var(--color-6);
}
.striked-through.strike-7:before {
  background: var(--color-7);
}
.line-through {
  text-decoration: line-through;
}
.td-color-1 {
  text-decoration-color: var(--color-1);
}
.td-color-2 {
  text-decoration-color: var(--color-2);
}
.td-color-3 {
  text-decoration-color: var(--color-3);
}
.td-color-4 {
  text-decoration-color: var(--color-4);
}
.td-color-5 {
  text-decoration-color: var(--color-5);
}
.td-color-6 {
  text-decoration-color: var(--color-6);
}
/* TEXT ALIGNMENT */
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
@media (max-width: 767px) {
  .text-left-mobile {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .text-right-mobile {
    text-align: right;
  }
}
.vertical-align-middle {
  vertical-align: middle;
}
/* TEXT TRANSFORM */
.text-transform-none {
  text-transform: none;
}
.text-transform-uppercase {
  text-transform: uppercase;
}
.text-transform-lowercase {
  text-transform: lowercase;
}
.text-transform-capitalize {
  text-transform: capitalize;
}
.text-first-letter-capitalize:first-letter {
  text-transform: capitalize;
}
/* FONT FACE*/
.font-default {
  font-family: var(--font-default);
}
.font-sans {
  font-family: var(--font-sans);
}
.font-serif {
  font-family: var(--font-serif);
}
.font-display {
  font-family: var(--font-display);
}
@media (max-width: 767px) {
  .font-sans-mobile {
    font-family: var(--font-default);
  }
}
/* FONT-SIZE REM */
/* -- DEFAULT SIZES */
/* FONT WEIGHT */
.font-weight-200 {
  font-weight: 200;
}
.font-weight-300 {
  font-weight: 300;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600;
}
.font-weight-700 {
  font-weight: 700;
}
.font-weight-800 {
  font-weight: 800;
}
.font-w-normal {
  font-weight: 300;
}
.font-w-medium {
  font-weight: 600;
}
.font-w-bold {
  font-weight: 800;
}
.font-very-small {
  font-size: 0.6rem;
}
.font-smaller {
  font-size: 0.7rem;
}
.font-small {
  font-size: 0.88rem;
  line-height: 1.4;
}
.font-normal {
  font-size: 1rem;
  line-height: 1.4;
}
.font-medium {
  font-size: 1.2rem;
  line-height: 1.4;
}
.font-big {
  font-size: 1.7rem;
  line-height: 1.4;
}
.font-medium-big {
  font-size: 2rem;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .font-medium-big {
    font-size: 1.6rem;
  }
}
.font-very-big {
  font-size: var(--f-size-h1);
  line-height: 1.4;
  font-weight: 500;
}
@media (max-width: 767px) {
  .font-very-big {
    font-size: 2rem;
  }
}
.font-very-big-bold {
  font-size: 3rem;
  line-height: 1.4;
  font-weight: 800;
}
@media (max-width: 767px) {
  .font-very-big-bold {
    font-size: 2rem;
  }
}
.font-giga-big-bold {
  font-size: 10rem;
  line-height: 1;
  font-weight: 400;
}
@media (max-width: 767px) {
  .font-giga-big-bold {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .font-very-small-mobile {
    font-size: 0.6rem;
  }
}
@media (max-width: 767px) {
  .font-small-mobile {
    font-size: 0.88rem;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .font-normal-mobile {
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .font-medium-mobile {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
/* LINE HEIGHT */
.line-height-0-8 {
  line-height: 0.8;
}
.line-height-1 {
  line-height: 1;
}
.line-height-1-2 {
  line-height: 1.2;
}
.line-height-1-4 {
  line-height: 1.4;
}
/* HOVER EFFECTS */
.link-underline {
  text-decoration: none;
  position: relative;
}
.link-underline:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: var(--color-1);
  transition: all 0.4s ease-in-out;
}
.link-underline.line-color-2:before {
  background: var(--color-2);
}
.link-underline.color-2 {
  color: var(--color-2);
}
.link-underline.hover-underline-color-2:hover:before {
  background: var(--color-2);
}
.hover-underline:hover {
  text-decoration: underline;
}
.cursor-pointer-hover:hover {
  cursor: pointer;
}
.hover-bg-1:hover {
  background: var(--color-1);
}
.hover-bg-2:hover {
  background: var(--color-2);
}
.hover-bg-3:hover {
  background: var(--color-3);
}
.hover-bg-4:hover {
  background: var(--color-4);
}
.hover-bg-5:hover {
  background: var(--color-5);
}
.hover-bg-6:hover {
  background: var(--color-6);
}
.hover-bg-7:hover {
  background: var(--color-7);
}
.hover-color-1:hover {
  color: var(--color-1);
}
.hover-color-2:hover {
  color: var(--color-2);
}
.hover-color-3:hover {
  color: var(--color-3);
}
.hover-color-4:hover {
  color: var(--color-4);
}
.hover-color-5:hover {
  color: var(--color-5);
}
.hover-color-6:hover {
  color: var(--color-6);
}
.hover-color-7:hover {
  color: var(--color-7);
}
/* POSITIONING */
.relative {
  position: relative;
}
.fixed {
  position: fixed;
}
@media (max-width: 767px) {
  .fixed-mobile {
    position: fixed;
  }
}
.absolute {
  position: absolute;
}
.absolute-b-0 {
  bottom: 0;
}
.absolute-l33-33--t50 {
  left: 33.33%;
  top: 50%;
}
.absolute-l-0--t-0 {
  left: 0;
  top: 0;
}
.absolute-l-0--b-0 {
  left: 0;
  bottom: 0;
}
.absolute-r-0--t-0 {
  right: 0;
  top: 0;
}
.absolute-l-50--t-50 {
  left: 50%;
  top: 50%;
}
.pos-l-50 {
  left: 50%;
}
.pos-l-4--t-50p {
  left: 56px;
  top: 50%;
}
.pos-l-0-5--t-0-5 {
  left: 7px;
  top: 7px;
}
.pos-l-1--t-0-5 {
  left: 14px;
  top: 7px;
}
.absolute-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* TRANSFORM */
.transform-translate-center-center {
  transform: translate3d(-50%, -50%, 0);
}
.top-center-offset {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.transform-translate-left-center {
  transform: translate3d(0%, -50%, 0);
}
.position-l-0--t-0 {
  top: 0;
  left: 0;
}
/* Z-INDEX */
.z-index-1 {
  z-index: 1;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.z-index-4 {
  z-index: 4;
}
.z-index-5 {
  z-index: 5;
}
.z-index-6 {
  z-index: 6;
}
.z-index-7 {
  z-index: 7;
}
.z-index-8 {
  z-index: 8;
}
.z-index-9 {
  z-index: 9;
}
.z-index-10 {
  z-index: 10;
}
/* FLOAT */
.float-right {
  float: right;
}
/* ALIGN */
.align-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.align-items-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.align-items-flex-end {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.align-items-flex-start {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .align-items-flex-start-mobile {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .align-items-flex-end-mobile {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
}
.justify-center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.justify-flex-start {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.justify-flex-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.justify-space-between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .justify-center-mobile {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .justify-flex-start-mobile {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.justify-self-flex-start {
  justify-self: flex-start;
}
.justify-self-flex-end {
  justify-self: flex-end;
}
.justify-self-flex-center {
  justify-self: center;
}
.align-self-flex-start {
  align-self: flex-start;
}
.align-self-flex-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
.align-self-stretch {
  align-self: stretch;
}
/* WIDTH */
.max-width {
  width: 100%;
  max-width: var(--max-px-width);
}
.max-width-big {
  width: 100%;
  max-width: var(--max-px-width-big);
}
.max-width-medium {
  width: 100%;
  max-width: var(--max-px-width-medium);
}
.max-width-small {
  width: 100%;
  max-width: var(--max-px-width-small);
}
.max-width-article {
  width: 100%;
  max-width: var(--max-px-width-article);
}
/* WIDTH PERCENTAGE */
.width-p8-33 {
  width: 8.33%;
}
.width-p10 {
  width: 10%;
}
.width-p15 {
  width: 15%;
}
.width-p16-66 {
  width: 16.66%;
}
.width-p20 {
  width: 20%;
}
.width-p25 {
  width: 25%;
}
.width-p30 {
  width: 30%;
}
.width-p33-33 {
  width: 33.33%;
}
.width-p37-5 {
  width: 37.5%;
}
.width-p40 {
  width: 40%;
}
.width-p41-66 {
  width: 41.66%;
}
.width-p45 {
  width: 45%;
}
.width-p50 {
  width: 50%;
}
.width-p66-66 {
  width: 66.66%;
}
.width-p75 {
  width: 33.33%;
}
.width-p100 {
  width: 100%;
}
.width-16px {
  width: 16px;
}
/* WIDTH PIXELS */
.width-px20 {
  width: 20px;
}
.width-px30 {
  width: 30px;
}
.width-px40 {
  width: 40px;
}
.width-px50 {
  width: 50px;
}
.width-px60 {
  width: 60px;
}
.width-px70 {
  width: 70px;
}
.width-px75 {
  width: 75px;
}
.width-px100 {
  width: 100px;
}
.width-px130 {
  width: 130px;
}
.width-px200 {
  width: 200px;
}
/* WIDTH MOBILE */
@media (max-width: 767px) {
  .width-px30-mobile {
    width: 30px;
  }
}
@media (max-width: 767px) {
  .width-p8-33-mobile {
    width: 8.33%;
  }
}
@media (max-width: 767px) {
  .width-p10-mobile {
    width: 10%;
  }
}
@media (max-width: 767px) {
  .width-p16-66-mobile {
    width: 16.66%;
  }
}
@media (max-width: 767px) {
  .width-p20-mobile {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .width-p25-mobile {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .width-p30-mobile {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .width-p33-33-mobile {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .width-p40-mobile {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .width-p41-66-mobile {
    width: 41.66%;
  }
}
@media (max-width: 767px) {
  .width-p50-mobile {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .width-p60-mobile {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .width-p66-66-mobile {
    width: 66.66%;
  }
}
@media (max-width: 767px) {
  .width-p70-mobile {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .width-p75-mobile {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .width-p80-mobile {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .width-p90-mobile {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .width-p100-mobile {
    width: 100%;
  }
}
.width-fit-content {
  width: fit-content;
}
/* WIDTH AUTO */
.width-auto {
  width: auto;
}
@media (max-width: 1024px) {
  .width-auto-tablet {
    width: auto;
  }
}
@media (max-width: 767px) {
  .width-auto-mobile {
    width: auto;
  }
}
/* HEIGHT */
.height-auto {
  height: auto;
}
.min-height-p100 {
  min-height: 100%;
}
.height-p10 {
  height: 10%;
}
.height-p20 {
  height: 20%;
}
.height-p30 {
  height: 30%;
}
.height-p40 {
  height: 40%;
}
.height-p50 {
  height: 50%;
}
.height-p60 {
  height: 60%;
}
.height-p70 {
  height: 70%;
}
.height-p80 {
  height: 80%;
}
.height-p90 {
  height: 50%;
}
.height-p100,
.full-height {
  height: 100%;
}
.height-fit-content {
  height: fit-content;
}
/* RATIO CALCULATIONS USING PADDING ON CONTAINER */
/*.video-wrapper, .ratio-wrapper {
}*/
[data-ratio] {
  position: relative;
}
[data-ratio][data-ratio='1:1'] {
  padding: 50%;
}
[data-ratio][data-ratio='4:3'] {
  padding: 37.5%;
}
[data-ratio][data-ratio='16:9'] {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
[data-ratio][data-ratio='16:7'] {
  aspect-ratio: 16/7;
  width: 100%;
  height: auto;
}
[data-ratio][data-ratio='2:1'] {
  padding: 25%;
}
@media (max-width: 767px) {
  [data-ratio][data-ratio-mobile="16:9"] {
    aspect-ratio: 16/9;
  }
}
@media (max-width: 767px) {
  [data-ratio][data-ratio-mobile="9:16"] {
    aspect-ratio: 9/16;
  }
}
@media (max-width: 767px) {
  [data-ratio][data-ratio-mobile="4:5"] {
    aspect-ratio: 4/5;
  }
}
@media (max-width: 767px) {
  [data-ratio][data-ratio-mobile="5:7"] {
    aspect-ratio: 5/7;
  }
}
[data-ratio] iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.ratio-1--1 {
  padding: 50%;
}
.ratio-4--3 {
  padding: 37.5%;
}
.ratio-16--9 {
  padding: 26%;
}
.ratio-2--1 {
  padding: 25%;
}
@media (max-width: 767px) {
  .ratio-1--1-mob {
    padding: 50%;
  }
}
@media (max-width: 767px) {
  .ratio-4--3-mob {
    padding: 37.5%;
  }
}
@media (max-width: 767px) {
  .ratio-16--9-mob {
    padding: 26%;
  }
}
@media (max-width: 767px) {
  .ratio-2--1-mob {
    padding: 25%;
  }
}
.aspect-ratio-1 {
  aspect-ratio: 1;
}
.border-0 {
  border: 0;
}
.border {
  border: 1px solid;
}
.border-2 {
  border: 2px solid;
}
.border-3 {
  border: 3px solid;
}
@media (max-width: 767px) {
  .border-0-mobile {
    border: 0;
  }
}
.border-radius {
  border-radius: var(--border-radius);
}
.border-radius-2 {
  border-radius: calc(var(--border-radius) * 2);
}
.border-radius-bottom {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.border-radius-bottom-2 {
  border-radius: 0 0 calc(var(--border-radius)*2) calc(var(--border-radius)*2);
}
.border-radius-p100 {
  border-radius: 100%;
}
.border-top {
  border-top: 1px solid var(--color-4);
}
.border-bottom {
  border-bottom: 1px solid var(--color-4);
}
.border-right {
  border-right: 1px solid var(--color-4);
}
.border-left {
  border-left: 1px solid var(--color-4);
}
.border-left.border-width-10 {
  border-width: 10px;
}
.border-color-1 {
  border-color: var(--color-1);
}
.border-color-2 {
  border-color: var(--color-2);
}
.border-color-3 {
  border-color: var(--color-3);
}
.border-color-4 {
  border-color: var(--color-4);
}
.border-color-5 {
  border-color: var(--color-5);
}
.border-color-6 {
  border-color: var(--color-6);
}
.border-color-7 {
  border-color: var(--color-7);
}
/* OPACITY */
.opacity-0-1 {
  opacity: 0.1;
}
.opacity-0-2 {
  opacity: 0.2;
}
.opacity-0-3 {
  opacity: 0.3;
}
.opacity-0-4 {
  opacity: 0.4;
}
.opacity-0-5 {
  opacity: 0.5;
}
.opacity-0-6 {
  opacity: 0.6;
}
.opacity-0-7 {
  opacity: 0.7;
}
.opacity-0-8 {
  opacity: 0.8;
}
.opacity-0-9 {
  opacity: 0.9;
}
.opacity-1 {
  opacity: 1;
}
/* SHADOWS */
.box-shadow {
  box-shadow: var(--shadow);
}
.box-shadow-dark {
  box-shadow: var(--dark-shadow);
}
.box-shadow-inset-1px {
  box-shadow: inset 0 0 1px var(--color-1);
}
/* FILL SVG */
/*@c: replace(~"color-@{colorname}", "#", "%23");*/
.fill-1 {
  fill: var(--color- 1);
}
/*@c: replace(~"color-@{colorname}", "#", "%23");*/
.fill-2 {
  fill: var(--color- 2);
}
/*@c: replace(~"color-@{colorname}", "#", "%23");*/
.fill-3 {
  fill: var(--color- 3);
}
/*@c: replace(~"color-@{colorname}", "#", "%23");*/
.fill-4 {
  fill: var(--color- 4);
}
/*@c: replace(~"color-@{colorname}", "#", "%23");*/
.fill-5 {
  fill: var(--color- 5);
}
/*@c: replace(~"color-@{colorname}", "#", "%23");*/
.fill-6 {
  fill: var(--color- 6);
}
/*@c: replace(~"color-@{colorname}", "#", "%23");*/
.fill-7 {
  fill: var(--color- 7);
}
.disabled {
  pointer-events: none;
}
.btn-radio {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.btn-radio:before {
  display: block;
  content: "";
  position: relative;
  margin: auto 14px auto 0;
  border-radius: 100%;
  border: 1px solid black;
  background: white;
  width: 14px;
  height: 14px;
}
.btn-radio.active:before {
  background: var(--color-2);
  border: 3.5px solid white;
  box-shadow: 0 0 0 0.5px black;
}
.text-image-left,
.text-image-right {
  flex-direction: row-reverse;
}
.text-image-left img,
.text-image-right img {
  max-height: 500px;
}
.text-image-right {
  flex-direction: row;
}
.cursor-pointer {
  cursor: pointer;
}
.visually-hidden {
  position: absolute;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.site-variables {
  /* COLORS */
  --color-1: #121212;
  --color-2: #ffac00;
  --color-3: #ed8910;
  --color-4: #986514;
  --color-5: #4f3306;
  --color-6: #e9e7e2;
  --color-7: #EFEFEF;
  --color-8: #44453e;
  --color-9: #252623;
  --color-10: #ffcb00;
  --color-11: #bababa;
  --color-1-t-50: rgba(18, 18, 18, 0.5);
  --color-success: #8cc63e;
  --color-hold: #ffdd17;
  --color-alert: #ed1c24;
  --light-green: #bddba9;
  --light-medium-green: #82af3c;
  --medium-green: #739936;
  --trans-medium-green: rgba(115, 153, 54, 0.2);
  --bg-mix-1: radial-gradient(circle at 30% 140%, rgba(217, 126, 75, 0.3), transparent 37%), radial-gradient(circle at 50% 310%, #8078043b, #a2a68700 78%), linear-gradient(transparent, #19150a5e), radial-gradient(circle at 50% -30%, #978d7540, #67454500), radial-gradient(90% 10% at 50% 0, #a85c5c0d, #1f1b1114 90%);
  /* BORDER */
  --border-radius: 8px;
  --border-radius-half: 4px;
  /* SHADOW */
  --shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  --dark-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  /* FONTS */
  --font-default: "Inter", sans-serif;
  --font-display: "Bebas Neue", sans-serif;
  /*  --display-font: "Barlow Condensed", sans-serif;*/
  /* FONT SIZES */
  --f-size-default: 1.05rem;
  --f-size-small: 0.85rem;
  --f-size-h1: 2.6rem;
  --f-size-h2: 1.75rem;
  --f-size-h3: 1.31rem;
  --f-size-h4: 1.1rem;
  --f-size-h5: 1rem;
  --f-size-h6: 1rem;
  /* FONT SIZES - BELOW DESKTOP */
  --f-size-default-below-desktop: 1.05rem;
  --f-size-small-below-desktop: 0.8rem;
  --f-size-h1-below-desktop: 2.8rem;
  --f-size-h2-below-desktop: 1.8rem;
  --f-size-h3-below-desktop: 1.2rem;
  --f-size-h4-below-desktop: 1.1rem;
  --f-size-h5-below-desktop: 1rem;
  --f-size-h6-below-desktop: 1rem;
  /* FONT SIZES - MOBILE */
  --f-size-default-mobile: 1rem;
  --f-size-small-mobile: 0.75rem;
  --f-size-h1-mobile: 2.25rem;
  --f-size-h2-mobile: 1.225rem;
  --f-size-h3-mobile: 1.125rem;
  --f-size-h4-mobile: 1.1rem;
  --f-size-h5-mobile: 1rem;
  --f-size-h6-mobile: 1rem;
  /* SIZES */
  --max-px-width: 1594px;
  --max-px-width-big: calc(var(--max-px-width)*0.78);
  --max-px-width-medium: calc(var(--max-px-width)*0.56);
  --max-px-width-small: calc(var(--max-px-width)*0.28);
  --max-px-width-article: calc(var(--max-px-width)*0.66);
  --header-height: 0px;
  --margin-top-sticky: 0;
}
@media (max-width: 767px) {
  .site-variables {
    --header-height: 0px;
  }
}
/* DEFAULT PADDING */
:root {
  /* COLORS */
  --color-1: #121212;
  --color-2: #ffac00;
  --color-3: #ed8910;
  --color-4: #986514;
  --color-5: #4f3306;
  --color-6: #e9e7e2;
  --color-7: #EFEFEF;
  --color-8: #44453e;
  --color-9: #252623;
  --color-10: #ffcb00;
  --color-11: #bababa;
  --color-1-t-50: rgba(18, 18, 18, 0.5);
  --color-success: #8cc63e;
  --color-hold: #ffdd17;
  --color-alert: #ed1c24;
  --light-green: #bddba9;
  --light-medium-green: #82af3c;
  --medium-green: #739936;
  --trans-medium-green: rgba(115, 153, 54, 0.2);
  --bg-mix-1: radial-gradient(circle at 30% 140%, rgba(217, 126, 75, 0.3), transparent 37%), radial-gradient(circle at 50% 310%, #8078043b, #a2a68700 78%), linear-gradient(transparent, #19150a5e), radial-gradient(circle at 50% -30%, #978d7540, #67454500), radial-gradient(90% 10% at 50% 0, #a85c5c0d, #1f1b1114 90%);
  /* BORDER */
  --border-radius: 8px;
  --border-radius-half: 4px;
  /* SHADOW */
  --shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  --dark-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  /* FONTS */
  --font-default: "Inter", sans-serif;
  --font-display: "Bebas Neue", sans-serif;
  /*  --display-font: "Barlow Condensed", sans-serif;*/
  /* FONT SIZES */
  --f-size-default: 1.05rem;
  --f-size-small: 0.85rem;
  --f-size-h1: 2.6rem;
  --f-size-h2: 1.75rem;
  --f-size-h3: 1.31rem;
  --f-size-h4: 1.1rem;
  --f-size-h5: 1rem;
  --f-size-h6: 1rem;
  /* FONT SIZES - BELOW DESKTOP */
  --f-size-default-below-desktop: 1.05rem;
  --f-size-small-below-desktop: 0.8rem;
  --f-size-h1-below-desktop: 2.8rem;
  --f-size-h2-below-desktop: 1.8rem;
  --f-size-h3-below-desktop: 1.2rem;
  --f-size-h4-below-desktop: 1.1rem;
  --f-size-h5-below-desktop: 1rem;
  --f-size-h6-below-desktop: 1rem;
  /* FONT SIZES - MOBILE */
  --f-size-default-mobile: 1rem;
  --f-size-small-mobile: 0.75rem;
  --f-size-h1-mobile: 2.25rem;
  --f-size-h2-mobile: 1.225rem;
  --f-size-h3-mobile: 1.125rem;
  --f-size-h4-mobile: 1.1rem;
  --f-size-h5-mobile: 1rem;
  --f-size-h6-mobile: 1rem;
  /* SIZES */
  --max-px-width: 1594px;
  --max-px-width-big: calc(var(--max-px-width)*0.78);
  --max-px-width-medium: calc(var(--max-px-width)*0.56);
  --max-px-width-small: calc(var(--max-px-width)*0.28);
  --max-px-width-article: calc(var(--max-px-width)*0.66);
  --header-height: 0px;
  --margin-top-sticky: 0;
}
@media (max-width: 767px) {
  :root {
    --header-height: 0px;
  }
}