/*OG tailwind postioning, responsive, skeleton, etc*/
*,
:after,
:before {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59,130,246,.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}
::backdrop {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59,130,246,.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}
/*
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
*/*,
:after,
:before {
  box-sizing:border-box;
  border:0 solid #e5e7eb
}
:after,
:before {
  --tw-content:""
}
:host,
html {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:var(--font-space-grotesk),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}

hr {
  height:0;
  color:inherit;
  border-top-width:1px
}
abbr:where([title]) {
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:inherit;
  font-weight:inherit
}
a {
  color:inherit;
  text-decoration:inherit
}
b,
strong {
  font-weight:bolder
}
code,
kbd,
pre,
samp {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0
}
button,
select {
  text-transform:none
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}
:-moz-focusring {
  outline:auto
}
:-moz-ui-invalid {
  box-shadow:none
}
progress {
  vertical-align:baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
summary {
  display:list-item
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin:0
}
fieldset {
  margin:0
}
fieldset,
legend {
  padding:0
}
menu,
ol,
ul {
  list-style:none;
  margin:0;
  padding:0
}
dialog {
  padding:0
}
textarea {
  resize:vertical
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color:#9ca3af
}
input::placeholder,
textarea::placeholder {
  color:#9ca3af
}
[role=button],
button {
  cursor:pointer
}
:disabled {
  cursor:default
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display:block;
  vertical-align:middle
}
img,
video {
  max-width:100%;
  height:auto
}
[hidden]:where(:not([hidden=until-found])) {
  display:none
}
[multiple],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:where(:not([type])),
select,
textarea {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  border-radius:0;
  padding:.5rem .75rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-shadow:0 0 #0000
}
[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:where(:not([type])):focus,
select:focus,
textarea:focus {
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#4d4d4d;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  border-color:#4d4d4d
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color:#6b7280;
  opacity:1
}
input::placeholder,
textarea::placeholder {
  color:#6b7280;
  opacity:1
}
::-webkit-datetime-edit-fields-wrapper {
  padding:0
}
::-webkit-date-and-time-value {
  min-height:1.5em;
  text-align:inherit
}
::-webkit-datetime-edit {
  display:inline-flex
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-meridiem-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-year-field {
  padding-top:0;
  padding-bottom:0
}
select {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position:right .5rem center;
  background-repeat:no-repeat;
  background-size:1.5em 1.5em;
  padding-right:2.5rem;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact
}
[multiple],
[size]:where(select:not([size="1"])) {
  background-image:none;
  background-position:0 0;
  background-repeat:unset;
  background-size:initial;
  padding-right:.75rem;
  -webkit-print-color-adjust:unset;
  print-color-adjust:unset
}
[type=checkbox],
[type=radio] {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  padding:0;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
  display:inline-block;
  vertical-align:middle;
  background-origin:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  flex-shrink:0;
  height:1rem;
  width:1rem;
  color:#2563eb;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  --tw-shadow:0 0 #0000
}
[type=checkbox] {
  border-radius:0
}
[type=radio] {
  border-radius:100%
}
[type=checkbox]:focus,
[type=radio]:focus {
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:2px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
[type=checkbox]:checked,
[type=radio]:checked {
  border-color:transparent;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:50%;
  background-repeat:no-repeat
}
[type=checkbox]:checked {
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
@media (forced-colors:active) {
  [type=checkbox]:checked {
    -webkit-appearance:auto;
    -moz-appearance:auto;
    appearance:auto
  }
}
[type=radio]:checked {
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}
@media (forced-colors:active) {
  [type=radio]:checked {
    -webkit-appearance:auto;
    -moz-appearance:auto;
    appearance:auto
  }
}
[type=checkbox]:checked:focus,
[type=checkbox]:checked:hover,
[type=radio]:checked:focus,
[type=radio]:checked:hover {
  border-color:transparent;
  background-color:currentColor
}
[type=checkbox]:indeterminate {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color:transparent;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:50%;
  background-repeat:no-repeat
}
@media (forced-colors:active) {
  [type=checkbox]:indeterminate {
    -webkit-appearance:auto;
    -moz-appearance:auto;
    appearance:auto
  }
}
[type=checkbox]:indeterminate:focus,
[type=checkbox]:indeterminate:hover {
  border-color:transparent;
  background-color:currentColor
}
[type=file] {
  background:unset;
  border-color:inherit;
  border-width:0;
  border-radius:0;
  padding:0;
  font-size:unset;
  line-height:inherit
}
[type=file]:focus {
  outline:1px solid ButtonText;
  outline:1px auto -webkit-focus-ring-color
}


.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border-width:0
}
.\!collapse {
  visibility:collapse!important
}
.collapse {
  visibility:collapse
}
.static {
  position:static
}
.fixed {
  position:fixed
}
.absolute {
  position:absolute
}
.relative {
  position:relative
}
.sticky {
  position:sticky
}
.inset-0 {
  inset:0
}
.z-50 {
  z-index:50
}
.z-60 {
  z-index:60
}
.z-70 {
  z-index:70
}
.z-80 {
  z-index:80
}
.mx-auto {
  margin-left:auto;
  margin-right:auto
}
.ml-\[calc\(-50vw\+50\%\)\] {
  margin-left:calc(-50vw + 50%)
}
.mr-\[calc\(-50vw\+50\%\)\] {
  margin-right:calc(-50vw + 50%)
}
.hidden {
  display:none
}
.aspect-\[2\/1\] {
  aspect-ratio:2/1
}
.w-10 {
  width:2.5rem
}
.w-16 {
  width:4rem
}
.w-32 {
  width:8rem
}
.w-4 {
  width:1rem
}
.w-48 {
  width:12rem
}
.w-5 {
  width:1.25rem
}
.w-6 {
  width:1.5rem
}
.w-72 {
  width:18rem
}
.w-8 {
  width:2rem
}
.w-full {
  width:100%
}
.min-w-\[280px\] {
  min-width:280px
}
.max-w-3xl {
  max-width:48rem
}
.max-w-40 {
  max-width:10rem
}
.max-w-\[280px\] {
  max-width:280px
}
.max-w-\[544px\] {
  max-width:544px
}
.max-w-lg {
  max-width:32rem
}
.max-w-md {
  max-width:28rem
}
.max-w-none {
  max-width:none
}
.max-w-xl {
  max-width:36rem
}
.basis-0 {
  flex-basis:0px
}
.origin-top-right {
  transform-origin:top right
}
.translate-x-0 {
  --tw-translate-x:0px
}
.translate-x-0,
.translate-x-full {
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-full {
  --tw-translate-x:100%
}
.scale-100 {
  --tw-scale-x:1;
  --tw-scale-y:1
}
.scale-100,
.scale-95 {
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-95 {
  --tw-scale-x:.95;
  --tw-scale-y:.95
}
.transform {
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-auto {
  cursor:auto
}
.cursor-default {
  cursor:default
}
.cursor-pointer {
  cursor:pointer
}
.flex-row {
  flex-direction:row
}
.flex-col {
  flex-direction:column
}
.grid-rows-\[auto_1fr\] {
  grid-template-rows:auto 1fr
}
.gap-3 {
  gap:.75rem
}
.gap-4 {
  gap:1rem
}
.gap-x-2 {
  -moz-column-gap:.5rem;
  column-gap:.5rem
}
.space-x-2>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(.5rem * var(--tw-space-x-reverse));
  margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-3>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(.75rem * var(--tw-space-x-reverse));
  margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-4>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(1rem * var(--tw-space-x-reverse));
  margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-1>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.25rem * var(--tw-space-y-reverse))
}
.space-y-10>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))
}
.space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.5rem * var(--tw-space-y-reverse))
}
.space-y-3>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.75rem * var(--tw-space-y-reverse))
}
.space-y-5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
}
.space-y-6>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}
.divide-y>:not([hidden])~:not([hidden]) {
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}
.divide-gray-100>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity:1;
  border-color:rgb(243 244 246/var(--tw-divide-opacity))
}
.divide-gray-200>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity:1;
  border-color:rgb(229 231 235/var(--tw-divide-opacity))
}
.scroll-smooth {
  scroll-behavior:smooth
}
.whitespace-nowrap {
  white-space:nowrap
}
.break-words {
  overflow-wrap:break-word
}
.rounded {
  border-radius:.25rem
}
.rounded-2xl {
  border-radius:1rem
}
.rounded-full {
  border-radius:9999px
}
.rounded-lg {
  border-radius:.5rem
}
.rounded-md {
  border-radius:.375rem
}
.border {
  border-width:1px
}
.border-2 {
  border-width:2px
}
.border-b {
  border-bottom-width:1px
}
.border-l-4 {
  border-left-width:4px
}
.border-t {
  border-top-width:1px
}
.border-gray-100 {
  --tw-border-opacity:1;
  border-color:rgb(243 244 246/var(--tw-border-opacity))
}
.border-gray-200 {
  --tw-border-opacity:1;
  border-color:rgb(229 231 235/var(--tw-border-opacity))
}
.border-gray-300 {
  --tw-border-opacity:1;
  border-color:rgb(209 213 219/var(--tw-border-opacity))
}
.border-gray-400 {
  --tw-border-opacity:1;
  border-color:rgb(156 163 175/var(--tw-border-opacity))
}
.border-green-400 {
  --tw-border-opacity:1;
  border-color:rgb(74 222 128/var(--tw-border-opacity))
}
.border-primary-500 {
  --tw-border-opacity:1;
  border-color:rgb(236 72 153/var(--tw-border-opacity))
}
.border-transparent {
  border-color:transparent
}
.border-opacity-0 {
  --tw-border-opacity:0
}
.border-opacity-60 {
  --tw-border-opacity:0.6
}

.fill-current {
  fill:currentColor
}
.object-cover {
  -o-object-fit:cover;
  object-fit:cover
}
.object-center {
  -o-object-position:center;
  object-position:center
}

.text-left {
  text-align:left
}
.text-center {
  text-align:center
}
.text-right {
  text-align:right
}
.align-middle {
  vertical-align:middle
}
.font-sans {
  font-family:var(--font-space-grotesk),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
.tracking-tight {
  letter-spacing:-.025em
}
.tracking-wide {
  letter-spacing:.025em
}
.tracking-widest {
  letter-spacing:.1em
}
.antialiased {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.placeholder-gray-400::-moz-placeholder {
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175/var(--tw-placeholder-opacity))
}
.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175/var(--tw-placeholder-opacity))
}
.opacity-0 {
  opacity:0
}
.opacity-100 {
  opacity:1
}
.opacity-95 {
  opacity:.95
}
.shadow {
  --tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}
.shadow,
.shadow-lg {
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-lg {
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}
.shadow-md {
  --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}
.shadow-md,
.shadow-sm {
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-sm {
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)
}
.outline {
  outline-style:solid
}
.outline-0 {
  outline-width:0
}
.ring-1 {
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-black {
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))
}
.ring-opacity-5 {
  --tw-ring-opacity:0.05
}
.filter {
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur {
  --tw-backdrop-blur:blur(8px)
}
.backdrop-blur,
.backdrop-filter {
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-all {
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-colors {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.duration-100 {
  transition-duration:.1s
}
.duration-150 {
  transition-duration:.15s
}
.duration-200 {
  transition-duration:.2s
}
.duration-300 {
  transition-duration:.3s
}
.duration-75 {
  transition-duration:75ms
}
.ease-in {
  transition-timing-function:cubic-bezier(.4,0,1,1)
}
.ease-in-out {
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.ease-out {
  transition-timing-function:cubic-bezier(0,0,.2,1)
}
.task-list-item:before {
  display:none
}
.task-list-item {
  list-style-type:none
}
.footnotes {
  margin-top:3rem;
  border-top-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(229 231 235/var(--tw-border-opacity));
  padding-top:2rem
}
.footnotes:is(.dark *) {
  --tw-border-opacity:1;
  border-color:rgb(55 65 81/var(--tw-border-opacity))
}
.data-footnote-backref {
  text-decoration-line:none
}
.csl-entry {
  margin-top:1.25rem;
  margin-bottom:1.25rem
}
.no-scrollbar::-webkit-scrollbar {
  display:none
}
.no-scrollbar {
  -ms-overflow-style:none;
  scrollbar-width:none
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-transition:background-color 600000s 0s,color 600000s 0s;
  transition:background-color 600000s 0s,color 600000s 0s
}
.katex-display {
  overflow:auto hidden
}
.content-header-link {
  opacity:0;
  margin-left:-24px;
  padding-right:4px
}
.content-header-link:hover,
.content-header:hover .content-header-link {
  opacity:1
}
.linkicon {
  display:inline-block;
  vertical-align:middle
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216/var(--tw-bg-opacity))
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219/var(--tw-bg-opacity))
}
.hover\:bg-primary-700:hover {
  --tw-bg-opacity:1;
  background-color:rgb(190 24 93/var(--tw-bg-opacity))
}
.hover\:text-gray-600:hover {
  --tw-text-opacity:1;
  color:rgb(75 85 99/var(--tw-text-opacity))
}
.hover\:text-primary-500:hover {
  --tw-text-opacity:1;
  color:rgb(236 72 153/var(--tw-text-opacity))
}
.hover\:text-primary-600:hover {
  --tw-text-opacity:1;
  color:rgb(219 39 119/var(--tw-text-opacity))
}
.focus\:border-green-400:focus {
  --tw-border-opacity:1;
  border-color:rgb(74 222 128/var(--tw-border-opacity))
}
.focus\:border-primary-500:focus {
  --tw-border-opacity:1;
  border-color:rgb(236 72 153/var(--tw-border-opacity))
}
.focus\:border-transparent:focus {
  border-color:transparent
}
.focus\:outline-none:focus {
  outline:2px solid transparent;
  outline-offset:2px
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.focus\:ring-primary-500:focus {
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity))
}
.focus\:ring-primary-600:focus {
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(219 39 119/var(--tw-ring-opacity))
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width:2px
}
.disabled\:opacity-50:disabled {
  opacity:.5
}

.menu-mobile {
	display:none;
}


.search-form {
	display:none;
}

.is-search-open .search-form {
	display: flex;
	width:300px;
}

.ppxlmodal1 {
	display:none;
}

.is-ppxlmodal1-open .ppxlmodal1 {
	display: flex;
	width:300px;
}

.ppxlmodal2 {
	display:none;
}

.is-ppxlmodal2-open .ppxlmodal2 {
	display: flex;
	width:300px;
}

.ppxlmodal3 {
	display:none;
}

.is-ppxlmodal3-open .ppxlmodal3 {
	display: flex;
	width:300px;
}


.ppxlmodal4 {
	display:none;
}
.is-ppxlmodal4-open .ppxlmodal4 {
	display: flex;
	width:300px;
}
.ppxlmodal5 {
	display:none;
}

.is-ppxlmodal5-open .ppxlmodal5 {
	display: flex;
	width:300px;
}
.ppxlmodal6 {
	display:none;
}

.is-ppxlmodal6-open .ppxlmodal6 {
	display: flex;
	width:300px;
}

.ppxlmobileminimenu {
	display:none;
}

.is-ppxlmobileminimenu-open .ppxlmobileminimenu {
	display: flex;
	width:300px;
}

/*pnkpxls.net PPXL theme padding, positioning, framework*/
#container {
    margin: auto;
    max-width: 1400px!important;
}


.ck-bn{
  background: #fe5d9f;
  padding: 20px;
}



#hdescriptionbox.hbox0 {min-height:100px;}

.themenavtop { height:40px; }

ul.nav-top { position:relative;width:95%;    display: inline-block;  top: -5px;  list-style-type: none;  margin: 0;  padding: 0; }
.nav-top li {   display:inline-block;    margin-left: 1.5rem;	font-weight: 500 }
.nav-top li a { font-size: 1.35em;  animation: bavlnk .2s ease-in; }
.nav-top li a:hover { animation: bavlnkhov .2s ease-in-out; }
.themenavtop button.search-open{ position:relative;    display: inline-block;  left:-50px;top: -6px;   }

div#scroll-up.scrolluptotop { position:fixed; right:2em;bottom:2em; height:75px;width:75px; }

div.ppxlmodal1row {height:60vh;width:60vw;overflow-y:auto;}
div.ppxlmodal2row {height:60vh;width:60vw;overflow-y:auto;}
div.ppxlmodal3row {height:60vh;width:60vw;overflow-y:auto;}
div.ppxlmodal4row {height:60vh;width:60vw;overflow-y:auto;}
div.ppxlmodal5row {height:60vh;width:60vw;overflow-y:auto;}
div.ppxlmodal6row {height:60vh;width:60vw;overflow-y:auto;}
div.ppxlmobileminimenurow {height:60vh;width:60vw;overflow-y:auto;}


button.themefamodalclosebutton {float:right; z-index:9999;}
button.themefamodalclosebutton > i {padding:2px;}

div.thememodalsearchrow {height:75vh;width:75vw;}
#themesearchmodalcontentbox.themesearchmodalcontentbox { height:50vh; overflow-y:auto; }

aside#ppxlthemefrontsidebarr {float:right;}
aside.frontsidebar { top:0; }

aside#ppxlthemefullsidebar { top:0; }




.modal2tab:first-child >label img { position: absolute; left: 2%; top: -10%; width: 97%;}
.modal2tab:first-child>label { }

.modal2tab > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.modal2tab .modal2tab-panel {
  display: none;
}

.modal2tab > input:first-child:checked ~ .modal2tab-panels > .modal2tab-panel:first-child,
.modal2tab > input:nth-child(3):checked ~ .modal2tab-panels > .modal2tab-panel:nth-child(2),
.modal2tab > input:nth-child(5):checked ~ .modal2tab-panels > .modal2tab-panel:nth-child(3),
.modal2tab > input:nth-child(7):checked ~ .modal2tab-panels > .modal2tab-panel:nth-child(4),
.modal2tab > input:nth-child(9):checked ~ .modal2tab-panels > .modal2tab-panel:nth-child(5),
.modal2tab > input:nth-child(11):checked ~ .modal2tab-panels > .modal2tab-panel:nth-child(6) {
  display: block;
}

.modal2tab > label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 1.25%;
  padding: 1.25%;
  height: 4%;
  width: 18.5%;
  cursor: pointer;
}

.modal2tab input:focus-visible + label {

}

.modal2tab > label:hover,
.modal2tab > input:focus + label,
.modal2tab > input:checked + label {

}


.modal2tab > input:checked + label {
  margin-bottom: -1px;
}

.modal2tab-panel {
  margin: 1.25%;
  height: 150px;
  overflow-y: auto;
  padding: 1.25% 0;
}


.modal3tab:first-child >label img { position: absolute; left: 2%; top: -10%; width: 97%;}
.modal3tab:first-child>label { }

.modal3tab > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.modal3tab .modal3tab-panel {
  display: none;
}

.modal3tab > input:first-child:checked ~ .modal3tab-panels > .modal3tab-panel:first-child,
.modal3tab > input:nth-child(3):checked ~ .modal3tab-panels > .modal3tab-panel:nth-child(2),
.modal3tab > input:nth-child(5):checked ~ .modal3tab-panels > .modal3tab-panel:nth-child(3),
.modal3tab > input:nth-child(7):checked ~ .modal3tab-panels > .modal3tab-panel:nth-child(4),
.modal3tab > input:nth-child(9):checked ~ .modal3tab-panels > .modal3tab-panel:nth-child(5),
.modal3tab > input:nth-child(11):checked ~ .modal3tab-panels > .modal3tab-panel:nth-child(6) {
  display: block;
}

.modal3tab > label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 1.25%;
  padding: 1.25%;
  height: 4%;
  width: 18.5%;
  cursor: pointer;
}

.modal3tab input:focus-visible + label {

}

.modal3tab > label:hover,
.modal3tab > input:focus + label,
.modal3tab > input:checked + label {

}


.modal3tab > input:checked + label {
  margin-bottom: -1px;
}

.modal3tab-panel {
  margin: 1.25%;
  height: 150px;
  overflow-y: auto;
  padding: 1.25% 0;
}


footer {
  padding: 1.25%;
}
.footertab:first-child >label img { position: absolute; left: 2%; top: -10%; width: 97%;}
.footertab:first-child>label { }

.footertab > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.footertab .footertab-panel {
  display: none;
}

.footertab > input:first-child:checked ~ .footertab-panels > .footertab-panel:first-child,
.footertab > input:nth-child(3):checked ~ .footertab-panels > .footertab-panel:nth-child(2),
.footertab > input:nth-child(5):checked ~ .footertab-panels > .footertab-panel:nth-child(3),
.footertab > input:nth-child(7):checked ~ .footertab-panels > .footertab-panel:nth-child(4),
.footertab > input:nth-child(9):checked ~ .footertab-panels > .footertab-panel:nth-child(5),
.footertab > input:nth-child(11):checked ~ .footertab-panels > .footertab-panel:nth-child(6) {
  display: block;
}

.footertab > label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 1.25%;
  padding: 1.25%;
  height: 4%;
  width: 18.5%;
  cursor: pointer;
}

.footertab input:focus-visible + label {

}

.footertab > label:hover,
.footertab > input:focus + label,
.footertab > input:checked + label {

}


.footertab > input:checked + label {
  margin-bottom: -1px;
}

.footertab-panel {
  margin: 1.25%;
  height: 150px;
  overflow-y: auto;
  padding: 1.25% 0;
}



.mtabtab:first-child >label img { position: absolute; left: 2%; top: -10%; width: 97%;}
.mtabtab:first-child>label { }

.mtabtab > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.mtabtab .mtabtab-panel {
  display: none;
}

.mtabtab > input:first-child:checked ~ .mtabtab-panels > .mtabtab-panel:first-child,
.mtabtab > input:nth-child(3):checked ~ .mtabtab-panels > .mtabtab-panel:nth-child(2),
.mtabtab > input:nth-child(5):checked ~ .mtabtab-panels > .mtabtab-panel:nth-child(3),
.mtabtab > input:nth-child(7):checked ~ .mtabtab-panels > .mtabtab-panel:nth-child(4),
.mtabtab > input:nth-child(9):checked ~ .mtabtab-panels > .mtabtab-panel:nth-child(5),
.mtabtab > input:nth-child(11):checked ~ .mtabtab-panels > .mtabtab-panel:nth-child(6) {
  display: block;
}

.mtabtab > label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 1.25%;
  padding: 1.25%;
  height: 4%;
  width: 18.5%;
  cursor: pointer;
}

.mtabtab input:focus-visible + label {

}

.mtabtab > label:hover,
.mtabtab > input:focus + label,
.mtabtab > input:checked + label {

}


.mtabtab > input:checked + label {
  margin-bottom: -1px;
}

.mtabtab-panel {
  margin: 1.25%;
  height: 150px;
  overflow-y: auto;
  padding: 1.25% 0;
}

#mh1tbox3 { max-height:120px;overflow-y:auto; }
#mh1tbox4 { max-height:120px;overflow-y:auto; }



.dtabtab:first-child >label img { position: absolute; left: 2%; top: -10%; width: 97%;}
.dtabtab:first-child>label { }

.dtabtab > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.dtabtab .dtabtab-panel {
  display: none;
}

.dtabtab > input:first-child:checked ~ .dtabtab-panels > .dtabtab-panel:first-child,
.dtabtab > input:nth-child(3):checked ~ .dtabtab-panels > .dtabtab-panel:nth-child(2),
.dtabtab > input:nth-child(5):checked ~ .dtabtab-panels > .dtabtab-panel:nth-child(3),
.dtabtab > input:nth-child(7):checked ~ .dtabtab-panels > .dtabtab-panel:nth-child(4),
.dtabtab > input:nth-child(9):checked ~ .dtabtab-panels > .dtabtab-panel:nth-child(5),
.dtabtab > input:nth-child(11):checked ~ .dtabtab-panels > .dtabtab-panel:nth-child(6) {
  display: block;
}

.dtabtab > label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 1.25%;
  padding: 1.25%;
  height: 4%;
  width: 18.5%;
  cursor: pointer;
}

.dtabtab input:focus-visible + label {

}

.dtabtab > label:hover,
.dtabtab > input:focus + label,
.dtabtab > input:checked + label {

}


.dtabtab > input:checked + label {
  margin-bottom: -1px;
}

.dtabtab-panel {
  margin: 1.25%;
  height: 150px;
  overflow-y: auto;
  padding: 1.25% 0;
}

#dh1tbox3 { max-height:140px;overflow-y:auto; }
#dh1tbox4 { max-height:140px;overflow-y:auto; }                

#ppxlthemeheadersmall { }
.phonetab { height:210px; }

.phonetab:first-child >label img { margin:.1em;padding:.1em;position: absolute; left: 2%; top: 0; width: 93%;}
.phonetab:first-child>label { min-height:36px; }

.phonetab > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.phonetab .phone-panel {
  display: none;
}

.phonetab > input:first-child:checked ~ .phone-panels > .phone-panel:first-child,
.phonetab > input:nth-child(3):checked ~ .phone-panels > .phone-panel:nth-child(2),
.phonetab > input:nth-child(5):checked ~ .phone-panels > .phone-panel:nth-child(3),
.phonetab > input:nth-child(7):checked ~ .phone-panels > .phone-panel:nth-child(4),
.phonetab > input:nth-child(9):checked ~ .phone-panels > .phone-panel:nth-child(5),
.phonetab > input:nth-child(11):checked ~ .phone-panels > .phone-panel:nth-child(6) {
  display: block;
}

.phonetab > label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 1.25%;
  padding: 1.25%;
  height: 4%;
  width: 18.5%;
  cursor: pointer;
}

.phonetab input:focus-visible + label {

}

.phonetab > label:hover,
.phonetab > input:focus + label,
.phonetab > input:checked + label {

}


.phonetab > input:checked + label {
  margin-bottom: -1px;
}

.phone-panel {
  margin: 1.25%;
  height: 150px;
  overflow-y: scroll;
  padding: 1.25% 0;
}


img.logobadge {position:relative;left:-30px;top:-50px;}

#ppxlthemeheaderrwd { }

#ppxlthemeheaderrwd img {  }
img.dban { width: 85%; }
.fulltab {float: right;}
.desktop img { width: 100%; }
.fulltab > label img { margin-top:2%; width:100%; } 
.fulltab img { margin-top:2%; width:10%; }
.fulltab > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.fulltab .full-panel {
  display: none;
}

.fulltab > input:first-child:checked ~ .full-panels > .full-panel:first-child,
.fulltab > input:nth-child(3):checked ~ .full-panels > .full-panel:nth-child(2),
.fulltab > input:nth-child(5):checked ~ .full-panels > .full-panel:nth-child(3),
.fulltab > input:nth-child(7):checked ~ .full-panels > .full-panel:nth-child(4),
.fulltab > input:nth-child(9):checked ~ .full-panels > .full-panel:nth-child(5),
.fulltab > input:nth-child(11):checked ~ .full-panels > .full-panel:nth-child(6) {
  display: block;
}

.fulltab > label {
  position: relative;
  display: block;
  margin-top: 1%;
  padding: 1.25%;
  width: 23.5%;
  cursor: pointer;
  min-height:31px;
}

.fulltab input:focus-visible + label {

}

.fulltab > label:hover,
.fulltab > input:focus + label,
.fulltab > input:checked + label {

}


.fulltab > input:checked + label {
  margin-bottom: -1px;
}

.fulltab { max-height:293px; }

.full-panel {
    height: 190px;
  margin: -10% 1.25% 1.25% 1.25%;
  overflow-y: auto;
  padding: 1.25% 0;
}
.full-panels {
margin-top: -38.25%;
  width: 76%;
  padding: 1.25% 0;
  float: right;
}


/*pnkpxls.net PPXL responsive web*/
/*responsive grid*/
* {
  box-sizing: border-box;
}



/* XExtra small devices (phones, raspberrypis, etc 350px and down) */
@media only screen and (max-width: 350px) {
  /* For mobile phones: */
  #ppxlthememobilesidebar, #ppxlthemefrontmobilesidebar,#ppxlthemeheadersmall, aside#ppxlthemefullsidebar,aside.frontsidebar,#wraprow-link-menu, #ppxlthemeheaderrwd, .desktop,.ldesktop,.themenavtop { display:none; }
  

  [class*="col-"] {
    width: 100%;
}
}
/* Extra small devices (phones, ereaders, raspberrypis 350px and up) */
@media only screen and (min-width: 350px) {
  /* For tablets: */
  aside#ppxlthemefullsidebar,aside.frontsidebar,#ppxlthemeheaderrwd , .desktop,.ldesktop { display:none; }
  #ppxlthememobilesidebar, #ppxlthemefrontmobilesidebar,#ppxlthemeheadersmall { display:block; }


    [class*="col-"] {
        width: 100%;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  /* For tablets: */
  aside#ppxlthemefullsidebar,aside.frontsidebar,#ppxlthemeheaderrwd , .desktop,.ldesktop { display:none; }
  #ppxlthememobilesidebar, #ppxlthemefrontmobilesidebar,#ppxlthemeheadersmall { display:block; }



  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  aside#ppxlthemefullsidebar,aside.frontsidebar,#ppxlthemeheaderrwd { display:block; }
  #ppxlthememobilesidebar, #ppxlthemefrontmobilesidebar,#ppxlthemeheadersmall,.dban, .desktop,.ldesktop { display:none; }

      .full-panels {
              margin-top: -45.25%;
            }


  .col-m-1 {width: 8.33%;}
  .col-m-2 {width: 16.66%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.33%;}
  .col-m-5 {width: 41.66%;}
  .col-m-6 {width: 50%;}
  .col-m-7 {width: 58.33%;}
  .col-m-8 {width: 66.66%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.33%;}
  .col-m-11 {width: 91.66%;}
  .col-m-12 {width: 100%;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  /* For desktop: */
  aside#ppxlthemefullsidebar,aside.frontsidebar, #ppxlthemeheaderrwd,.dban, .desktop { display:block; }
  #ppxlthememobilesidebar, #ppxlthemefrontmobilesidebar,#ppxlthemeheadersmall,.ldesktop { display:none; }


        .full-panels {
          margin-top: -44.25%;
        }




  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  aside#ppxlthemefullsidebar,aside.frontsidebar, #ppxlthemeheaderrwd, .desktop { display:block; }
  #ppxlthememobilesidebar, #ppxlthemefrontmobilesidebar, #ppxlthemeheadersmall,.ldesktop { display:none; }
  
          .full-panels {
          margin-top: -42.25%;
            }
  
  .col-l-1 {width: 8.33%;}
  .col-l-2 {width: 16.66%;}
  .col-l-3 {width: 25%;}
  .col-l-4 {width: 33.33%;}
  .col-l-5 {width: 41.66%;}
  .col-l-6 {width: 50%;}
  .col-l-7 {width: 58.33%;}
  .col-l-8 {width: 66.66%;}
  .col-l-9 {width: 75%;}
  .col-l-10 {width: 83.33%;}
  .col-l-11 {width: 91.66%;}
  .col-l-12 {width: 100%;}
}
/* XExtra large devices (large laptops and desktops, 2000px and up) */
@media only screen and (min-width: 1200px) {
  .ldesktop {display:block;}
}


[class*="col-"] {
  float: left;
  padding: 15px;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}


/* animations */


@keyframes sidebaraffiescroll {
  0% {
    transform: translatey(0);
  }
  100% {
    transform: translatey(-50%);
  }
}


#container, #header, #main, #footer{
 animation: load .2s ease-in;
}
section, aside, article, nav {
 animation: load .5s ease-in;
}
@keyframes load {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 100;
  }
}

@keyframes bavlnk {
  from {letter-spacing: 2px;}
  to {letter-spacing: initial;}
}

@keyframes bavlnkhov {
  from {color: #aaaaaa;letter-spacing: initial;}
  to {color: #ffc2db;letter-spacing: 2px;}
}