@import "plx-slider.css";
html {
    font-family: "Quicksand",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 400; 
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background-color: var(--bg-main);
    background-image: var(--bg-main);
    background-attachment: fixed;
    color: var(--text-main);
    cursor: url(/cur/cur.png), default;
} 
  
body {    
    margin: 0  
}
 .plx-sticky-placeholder{
     //height:0 !important;
     /* ^ -- REMOVED: BREAKS STICKY DEFAULT BEHAVIOUR IN STICKERS PAGE */ 
     
     margin-bottom:25px
 }
  
.plx-grid {
    display: flex; 
    flex-wrap: wrap;
    margin: 0; 
    padding: 0;
    list-style: none
}

.plx-grid>* {
    margin: 0
}

.plx-grid>*>:last-child {
    margin-bottom: 0
}
 
.plx-grid {
    /*! margin-left: -30px */
}

.plx-grid>* { 
    padding-left: 30px
}

*+.plx-grid-margin,
.plx-grid+.plx-grid,
.plx-grid>.plx-grid-margin {
    margin-top: 30px
}

a {
    -webkit-text-decoration-skip: objects
} 

a:active,
a:hover {
    outline: 0
}

a,
.plx-link {
  color: var(--links,#87f);
  text-decoration: none;
  cursor: url(/cur/pointer.png), pointer;
}
a:hover,
.plx-link:hover {
  color: var(--links-hover, #8af);
  text-decoration: underline;
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted
}

b,
strong {
    font-weight: bolder
}

:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
    font-family: var(--mono-font, monospace);
    font-size: .875rem;
    color: var(--code-main-color);
    /*! white-space: nowrap; */
    border-radius: 3px;
    padding: 1px 3px;
    border: var(--code-main-border);
    background: var(--code-main-bg);
    margin-right: 2px;
}
code.mistyblue {
    //font-size: 1.4rem;
    margin-right: 0.2rem;
    //padding: 0.3rem 0.6rem; 
    white-space: nowrap;
    background: var(--code-misty-bg);
    border: var(--code-misty-border);
    border-radius: 3px;
    color: var(--code-misty-color);
}


em {
    color: var(--darkest-pink,#dd0055);
}

ins {
    //background: var(--bg-inverse);
    //color: var(--mid-main);
    text-decoration: none
}

mark {
    background: var(--bg-inverse);
    color: var(--mid-main);
}

q {
    font-style: italic
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

canvas,
img,
video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

@supports (display:block) {
    svg {
        max-width: 100%;
        height: auto;
        box-sizing: border-box
    }
}

svg:not(:root) {
    overflow: hidden
}

img:not([src]) {
    visibility: hidden
}

iframe {
    border: 0
}

address,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
    margin: 0 0 20px 0
}

*+address,
*+dl,
*+fieldset,
*+figure,
*+ol,
*+p,
*+pre,
*+ul {
    margin-top: 20px
}

.plx-h1,
.plx-h2,
.plx-h3,
.plx-h4,
.plx-h5,
.plx-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px 0;
    font-family: "Panton", "Quicksand",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    color: var( --text-bold);
    text-transform: none
}

*+.plx-h1,
*+.plx-h2,
*+.plx-h3,
*+.plx-h4,
*+.plx-h5,
*+.plx-h6,
*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
    margin-top: 40px
}

.plx-h1,
h1 {
    font-size: 2.23125rem;
    line-height: 1.5
}

.plx-h2,
h2 {
    font-size: 1.7rem;
    line-height: 1.4
}

.plx-h3,
h3 {
    font-size: 1.5rem;
    line-height: 1.4;
}

.plx-h4,
h4 {
    font-size: 1.25rem;
    line-height: 1.4
}

.plx-h5,
h5 {
    font-size: 16px;
    line-height: 1.4
}

.plx-h6,
h6 {
    font-size: .875rem;
    line-height: 1.4
}

@media (min-width:960px) {

    .plx-h1,
    h1 {
        font-size: 2.625rem
    }

    .plx-h2,
    h2 {
        font-size: 2rem
    }
}

ol,
ul {
    padding-left: 30px
}

ol>li>ol,
ol>li>ul,
ul>li>ol,
ul>li>ul {
    margin: 0
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.plx-hr,
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 1px solid var(--divider-color)
}

*+.plx-hr,
*+hr {
    margin-top: 20px
}

address {
    font-style: normal
}

blockquote {
    margin: 0 0 20px 0;
    font-size: 1.25rem;
    line-height: 1.5;
    font-style: italic;
    color: #CCC
}

*+blockquote {
    margin-top: 20px
}

blockquote p:last-of-type {
    margin-bottom: 0
}

blockquote footer {
    margin-top: 10px;
    font-size: .875rem;
    line-height: 1.5;
    color: var(--text-dim-mid)
}

blockquote footer::before {
    content: "— "
}

pre {
    font: .875rem/1.5 Share Tech Mono, Consolas, monaco, monospace;
    color: #F5496E;
    -moz-tab-size: 4;
    tab-size: 4;
    overflow: auto;
    padding: 10px;
    border: 1px solid #dd789f;
    border-radius: 3px;
    background: #2c1d2f;
}

pre code {
    font-family: Consolas, monaco, monospace
}

::selection {
    background: var(--select);
    color: var(--select-bg);
    text-shadow: 0 0 2px #FFFD;    

}

.rainbow { 
background: var(--rainbow)
background-size: 1800% 1800%;
animation: rainbow 18s ease infinite;
}

@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

details,
main {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

.plx-breakpoint-s::before {
    content: '640px'
}

.plx-breakpoint-m::before {
    content: '960px'
}

.plx-breakpoint-l::before {
    content: '1200px'
}

.plx-breakpoint-xl::before {
    content: '1600px'
}

:root {
    --plx-breakpoint-s: 640px;
    --plx-breakpoint-m: 960px;
    --plx-breakpoint-l: 1400px;
    --plx-breakpoint-xl: 1600px
}

.plx-link-muted a,
a.plx-link-muted {
    color: var(--muted)
}

.plx-link-muted a:hover,
a.plx-link-muted:hover {
    color: var(--text-dim-mid)A
}

.plx-link-text a:not(:hover),
a.plx-link-text:not(:hover) {
    color: inherit
}

.plx-link-text a:hover,
a.plx-link-text:hover {
    color: var(--text-dim)
}

.plx-link-heading a:not(:hover),
a.plx-link-heading:not(:hover) {
    color: inherit
}

.plx-link-heading a:hover,
a.plx-link-heading:hover {
    color: var(--link-head-hover);
    text-decoration: none
}

.plx-link-reset a,
.plx-link-reset a:hover,
a.plx-link-reset,
a.plx-link-reset:hover {
    color: inherit !important;
    text-decoration: none !important
}

.plx-heading-primary {
    font-size: 3rem;
    line-height: 1.2
}

@media (min-width:960px) {
    .plx-heading-primary {
        font-size: 3.375rem
    }
}

@media (min-width:1400px) {
    .plx-heading-primary {
        font-size: 3.75rem;
        line-height: 1.1
    }
}

.plx-heading-hero {
    font-size: 4rem;
    line-height: 1.1
}

@media (min-width:960px) {
    .plx-heading-hero {
        font-size: 6rem;
        line-height: 1
    }
}

@media (min-width:1400px) {
    .plx-heading-hero {
        font-size: 8rem;
        line-height: 1
    }
}

.plx-heading-divider {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--heading-divider-color)
}

.plx-heading-bullet {
    position: relative
}
 
.plx-heading-bullet::before {
    content: "";
    display: inline-block;
    position: relative;  
    top: calc(-.1 * 1em);
    vertical-align: middle;
    height: .9em;
    margin-right: 10px;
    border-left: 5px solid var(--heading-divider-color)
}
 
.plx-heading-line {
    overflow: hidden
} 

.plx-heading-line>* {
    display: inline-block;
    position: relative
}

.plx-heading-line>::after,
.plx-heading-line>::before {
    content: "";
    position: absolute;
    top: calc(50% - (1px / 2));
    width: 2000px;
    border-bottom: 1px solid var(--heading-divider-color)
}

.plx-heading-line>::before {
    right: 100%;
    margin-right: .6em
}

.plx-heading-line>::after {
    left: 100%;
    margin-left: .6em
}

[class*=plx-divider] {
    border: none;
    margin-bottom: 20px
}

*+[class*=plx-divider] {
    margin-top: 20px
} 
.plx-divider-icon-fill,
.plx-divider-icon {
    position: relative;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;

}
.plx-divider-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' xmlns:xlink='http://www.w3.org/19999AA/xlink' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cpath fill='%238b8b9F' d='m121.6,40.1c-3.3-16.6-15.1-27.3-30.3-27.3-8.5,0-17.7,3.5-26.7,10.1-9.1-6.8-18.3-10.3-26.9-10.3-15.2,0-27.1,10.8-30.3,27.6-4.8,24.9 10.6,58 55.7,76 0.5,0.2 1,0.3 1.5,0.3 0.5,0 1-0.1 1.5-0.3 45-18.4 60.3-51.4 55.5-76.1zm-57,67.9c-39.6-16.4-53.3-45-49.2-66.3 2.4-12.7 11.2-21 22.3-21 7.5,0 15.9,3.6 24.3,10.5 1.5,1.2 3.6,1.2 5.1,0 8.4-6.7 16.7-10.2 24.2-10.2 11.1,0 19.8,8.1 22.3,20.7 4.1,21.1-9.5,49.6-49,66.3z'/%3E%3C/g%3E%3C/svg%3E%0A");
    opacity:.35;
}
.plx-divider-icon-fill {
    background-image: url("data:image/svg+xml,%0A%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' xmlns:xlink='http://www.w3.org/19999AA/xlink' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cpath fill='%238b8b9F' d='m121.6,40.1c-3.3-16.6-15.1-27.3-30.3-27.3-8.5,0-17.7,3.5-26.7,10.1-9.1-6.8-18.3-10.3-26.9-10.3-15.2,0-27.1,10.8-30.3,27.6-4.8,24.9 10.6,58 55.7,76 0.5,0.2 1,0.3 1.5,0.3 0.5,0 1-0.1 1.5-0.3 45-18.4 60.3-51.4 55.5-76.1zm-57,'/%3E%3C/g%3E%3C/svg%3E%0A");
    opacity:1
}

.plx-divider-icon-fill::after,
.plx-divider-icon-fill::before {
    border-bottom: 1px solid var(--divider-color)
}
.plx-divider-icon::after,
.plx-divider-icon::before {
    border-bottom: 1px solid var(--divider-color)
}
.plx-divider-icon-fill::after, 
.plx-divider-icon-fill::before,
.plx-divider-icon::after,
.plx-divider-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    max-width: calc(50% - (50px / 2));
}

.plx-divider-icon-fill::before,
.plx-divider-icon::before {
    right: calc(50% + (50px / 2));
    width: 100%
}

.plx-divider-icon-fill::after,
.plx-divider-icon::after {
    left: calc(50% + (50px / 2));
    width: 100%
}
.plx-divider-icon-fill::before{right:50%}
.plx-divider-icon-fill::after{left:50%}
.plx-divider-icon-fill::after, .plx-divider-icon-fill::before{max-width:50%}



.plx-divider-small {
    height: 1px
}

.plx-divider-small::after {
    content: "";
    display: inline-block;
    width: 100px;
    max-width: 100%;
    border-top: 1px solid var(--heading-divider-color);
    vertical-align: top
}

.plx-divider-vertical {
    width: 1px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid var(--heading-divider-color)
}

.plx-list {
    padding: 0;
    list-style: none
}

.plx-list>li::after,
.plx-list>li::before {
    content: "";
    display: table
}

.plx-list>li::after {
    clear: both
}

.plx-list>li>:last-child {
    margin-bottom: 0
}

.plx-list ul {
    margin: 0;
    padding-left: 30px;
    list-style: none
}

.plx-list>li:nth-child(n+2),
.plx-list>li>ul {
    margin-top: 10px
}

.plx-list-divider>li:nth-child(n+2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--text-lighter)
}

.plx-list-striped>li {
    padding: 10px 10px
}

.plx-list-striped>li:nth-of-type(odd) {
    border-top: 1px solid var(--heading-divider-color);
    border-bottom: 1px solid var(--heading-divider-color);
}

.plx-list-striped>li:nth-of-type(odd) {
    background: #112
}

.plx-list-striped>li:nth-child(n+2) {
    margin-top: 0
}

.plx-list-bullet>li {
    position: relative;
    padding-left: calc(1.5em + 10px)
}

.plx-list-bullet>li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%2388A%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block
}

.plx-list-large>li:nth-child(n+2),
.plx-list-large>li>ul {
    margin-top: 20px
}

.plx-list-large.plx-list-divider>li:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px
}

.plx-list-large.plx-list-striped>li {
    padding: 20px 10px
}

.plx-list-large.plx-list-striped>li:nth-of-type(odd) {
    border-top: 1px solid var(--heading-divider-color);
    border-bottom: 1px solid var(--heading-divider-color);
}

.plx-list-large.plx-list-striped>li:nth-child(n+2) {
    margin-top: 0
}

.plx-description-list>dt {
    color: var(--text-faint);
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase
}

.plx-description-list>dt:nth-child(n+2) {
    margin-top: 20px
}

.plx-description-list-divider>dt:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--heading-divider-color);
}

.plx-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px
}

*+.plx-table {
    margin-top: 20px
}

.plx-table th {
    padding: 16px 12px;
    text-align: left;
    vertical-align: bottom;
    font-size: .875rem;
    font-weight: 400;
    color: var(--text-main);
    text-transform: uppercase
}

.plx-table td {
    padding: 16px 12px;
    vertical-align: top
}

.plx-table td>:last-child {
    margin-bottom: 0
}

.plx-table tfoot {
    font-size: .875rem
}

.plx-table caption {
    font-size: .875rem;
    text-align: left;
    color: var(--text-faint);
}

.plx-table-middle,
.plx-table-middle td {
    vertical-align: middle !important
}

.plx-table-divider>:first-child>tr:not(:first-child),
.plx-table-divider>:not(:first-child)>tr,
.plx-table-divider>tr:not(:first-child) {
    border-top: 1px solid var(--heading-divider-color);
}

.plx-table-striped tbody tr:nth-of-type(odd),
.plx-table-striped>tr:nth-of-type(odd) {
    background: #112;
    border-top: 1px solid var(--heading-divider-color);
    border-bottom: 1px solid var(--text-lighter)
}

.plx-table-hover tbody tr:hover,
.plx-table-hover>tr:hover {
    background: #EED
}

.plx-table tbody tr.plx-active,
.plx-table>tr.plx-active {
    background: #EED
}

.plx-table-small td,
.plx-table-small th {
    padding: 10px 12px
}

.plx-table-large td,
.plx-table-large th {
    padding: 22px 12px
}

.plx-table-justify td:first-child,
.plx-table-justify th:first-child {
    padding-left: 0
}

.plx-table-justify td:last-child,
.plx-table-justify th:last-child {
    padding-right: 0
}

.plx-table-shrink {
    width: 1px
}

.plx-table-expand {
    min-width: 150px
}

.plx-table-link {
    padding: 0 !important
}

.plx-table-link>a {
    display: block;
    padding: 16px 12px
}

.plx-table-small .plx-table-link>a {
    padding: 10px 12px
}

@media (max-width:959px) {
    .plx-sticky-placeholder{
        height: 0 !important;
    }
    .plx-table-responsive,
    .plx-table-responsive tbody,
    .plx-table-responsive td,
    .plx-table-responsive th,
    .plx-table-responsive tr {
        display: block
    }

    .plx-table-responsive thead {
        display: none
    }

    .plx-table-responsive td,
    .plx-table-responsive th {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        overflow: visible !important;
        white-space: normal !important
    }

    .plx-table-responsive .plx-table-link:not(:first-child)>a,
    .plx-table-responsive td:not(:first-child):not(.plx-table-link),
    .plx-table-responsive th:not(:first-child):not(.plx-table-link) {
        padding-top: 5px !important
    }

    .plx-table-responsive .plx-table-link:not(:last-child)>a,
    .plx-table-responsive td:not(:last-child):not(.plx-table-link),
    .plx-table-responsive th:not(:last-child):not(.plx-table-link) {
        padding-bottom: 5px !important
    }

    .plx-table-justify.plx-table-responsive td,
    .plx-table-justify.plx-table-responsive th {
        padding-left: 0;
        padding-right: 0
    }
}

.plx-table tbody tr {
    transition: background-color .1s linear
}

.plx-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0
}

button.plx-icon:not(:disabled) {
    cursor: url(/cur/pointer.png), pointer
}

.plx-icon::-moz-focus-inner {
    border: 0;
    padding: 0
}

.plx-icon:not(.plx-preserve) [fill*='#']:not(.plx-preserve) {
    fill: currentcolor
}

.plx-icon:not(.plx-preserve) [stroke*='#']:not(.plx-preserve) {
    stroke: var(--accent-color,#F58)
}

.plx-icon>* {
    transform: translate(0, 0)
}

.plx-icon-image {
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle
}

.plx-icon-link {
    color: var(--text-dim)
}

.plx-icon-link:focus,
.plx-icon-link:hover {
    color: var(--text-dim-mid);
    outline: 0
}

.plx-active>.plx-icon-link,
.plx-icon-link:active {
    color: #595959
}

.plx-icon-button {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: #112;
    color: var(--text-dim);
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .1s ease-in-out;
    transition-property: color, background-color
}

.plx-icon-button:focus,
.plx-icon-button:hover {
    background-color: var(--mid-dark);
    color: var(--text-dim-mid);
    outline: 0
}

.plx-active>.plx-icon-button,
.plx-icon-button:active {
    background-color: #dfdfdf;
    color: var(--text-dim-mid)
}

.plx-range {
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    -webkit-appearance: none;
    background: 0 0;
    padding: 0
}

.plx-range:focus {
    outline: 0
}

.plx-range::-moz-focus-outer {
    border: none
}

.plx-range::-ms-track {
    height: 15px;
    background: 0 0;
    border-color: transparent;
    color: transparent
}

.plx-range:not(:disabled)::-webkit-slider-thumb {
    cursor: url(/cur/pointer.png), pointer
}

.plx-range:not(:disabled)::-moz-range-thumb {
    cursor: url(/cur/pointer.png), pointer
}

.plx-range:not(:disabled)::-ms-thumb {
    cursor: url(/cur/pointer.png), pointer
}

.plx-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -7px;
    height: 15px;
    width: 15px;
    border-radius: 500px;
    background:  var(--bg-main);
    border: 1px solid #ccc
}

.plx-range::-moz-range-thumb {
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 500px;
    background:  var(--bg-main);
    border: 1px solid #ccc
}

.plx-range::-ms-thumb {
    margin-top: 0
}

.plx-range::-ms-thumb {
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 500px;
    background:  var(--bg-main);
    border: 1px solid #ccc
}

.plx-range::-ms-tooltip {
    display: none
}

.plx-range::-webkit-slider-runnable-track {
    height: 3px;
    background: var(--mid-dark);
    border-radius: 500px
}

.plx-range:active::-webkit-slider-runnable-track,
.plx-range:focus::-webkit-slider-runnable-track {
    background: var(--darkest)
}

.plx-range::-moz-range-track {
    height: 3px;
    background: var(--mid-dark);
    border-radius: 500px
}

.plx-range:focus::-moz-range-track {
    background: var(--darkest)
}

.plx-range::-ms-fill-lower,
.plx-range::-ms-fill-upper {
    height: 3px;
    background: var(--mid-dark);
    border-radius: 500px
}

.plx-range:focus::-ms-fill-lower,
.plx-range:focus::-ms-fill-upper {
    background: var(--darkest)
}

.plx-checkbox,
.plx-input,
.plx-radio,
.plx-select,
.plx-textarea {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit
}

.plx-input {
    overflow: visible
}

.plx-select {
    text-transform: none
}

.plx-select optgroup {
    font: inherit;
    font-weight: 700
}

.plx-textarea {
    overflow: auto
}

.plx-input[type=search]::-webkit-search-cancel-button,
.plx-input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.plx-input[type=number]::-webkit-inner-spin-button,
.plx-input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.plx-input::-moz-placeholder,
.plx-textarea::-moz-placeholder {
    opacity: 1
}

.plx-checkbox:not(:disabled),
.plx-radio:not(:disabled) {
    cursor: url(/cur/pointer.png), pointer
}

.plx-fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.plx-input,
.plx-textarea {
    -webkit-appearance: none
}

.plx-input,
.plx-select,
.plx-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background:  var(--bg-main);
    color: var(--text-dim-mid);
    border: 1px solid var(--heading-divider-color);
    transition: .2s ease-in-out;
    transition-property: color, background-color, border
}

.plx-input,
.plx-select:not([multiple]):not([size]) {
    height: 40px;
    vertical-align: middle;
    display: inline-block
}

.plx-input:not(input),
.plx-select:not(select) {
    line-height: 38px
}

.plx-select[multiple],
.plx-select[size],
.plx-textarea {
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: top
}

.plx-input:focus,
.plx-select:focus,
.plx-textarea:focus {
    outline: 0;
    background-color:  var(--text-lightest);
    color: var(--text-dim-mid);
    border-color: var(--accent-color)
}

.plx-input:disabled,
.plx-select:disabled,
.plx-textarea:disabled {
    background-color: #112;
    color: var(--text-dim);
    border-color: var(--text-lighter)
}

.plx-input::-ms-input-placeholder {
    color: var(--text-dim) !important
}

.plx-input::placeholder {
    color: var(--text-dim)
}

.plx-textarea::-ms-input-placeholder {
    color: var(--text-dim) !important
}

.plx-textarea::placeholder {
    color: var(--text-dim)
}

.plx-form-small {
    font-size: .875rem
}

.plx-form-small:not(textarea):not([multiple]):not([size]) {
    height: 30px;
    padding-left: 8px;
    padding-right: 8px
}

.plx-form-small:not(select):not(input):not(textarea) {
    line-height: 28px
}

.plx-form-large {
    font-size: 1.25rem
}

.plx-form-large:not(textarea):not([multiple]):not([size]) {
    height: 55px;
    padding-left: 12px;
    padding-right: 12px
}

.plx-form-large:not(select):not(input):not(textarea) {
    line-height: 53px
}

.plx-form-danger,
.plx-form-danger:focus {
    color: #F03050;
    border-color: #F03050
}

.plx-form-success,
.plx-form-success:focus {
    color: #15E070;
    border-color: #15E070
}

.plx-form-blank {
    background: 0 0;
    border-color: transparent
}

.plx-form-blank:focus {
    border-color: var(--heading-divider-color);
    border-style: dashed
}

input.plx-form-width-xsmall {
    width: 50px
}

select.plx-form-width-xsmall {
    width: 75px
}

.plx-form-width-small {
    width: 130px
}

.plx-form-width-medium {
    width: 200px
}

.plx-form-width-large {
    width: 500px
}

.plx-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%2388A%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%2388A%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.plx-select:not([multiple]):not([size])::-ms-expand {
    display: none
}

.plx-select:not([multiple]):not([size]) option {
    color: #444
}

.plx-select:not([multiple]):not([size]):disabled {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%239999AA%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%239999AA%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.plx-checkbox,
.plx-radio {
    display: inline-block;
    height: 23px;
    width: 23px;
    overflow: hidden;
    margin: -1px 10px 0 10px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #ccc;
    transition: .2s ease-in-out;
    transition-property: background-color, border;
    border-radius: 3px;
    background-color:  var(--text-lightest);
}

.plx-radio {
    border-radius: 50%
}

.plx-checkbox:focus,
.plx-radio:focus {
    outline: 0;
    border-color: var(--accent-color)
}

.plx-checkbox:checked,
.plx-checkbox:indeterminate,
.plx-radio:checked {
    background-color: var(--accent-color);
    border-color: transparent;
    border-radius: 3px;
}

.plx-checkbox:checked:focus,
.plx-checkbox:indeterminate:focus,
.plx-radio:checked:focus {
    background-color: #ff68a8;
}

.plx-radio:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    /*! content: "sda"; */
}

.plx-checkbox:indeterminate {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-checkbox:disabled,
.plx-radio:disabled {
    background-color: #112;
    border-color: var(--text-lighter)
}

.plx-radio:disabled:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%239999AA%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-checkbox:disabled:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%239999AA%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.plx-checkbox:disabled:indeterminate {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%239999AA%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-legend {
    width: 100%;
    color: inherit;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.4
}

.plx-form-custom {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle
}

.plx-form-custom input[type=file],
.plx-form-custom select {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    -webkit-appearance: none;
    opacity: 0;
    cursor: url(/cur/pointer.png), pointer
}

.plx-form-custom input[type=file] {
    font-size: 500px;
    overflow: hidden
}

.plx-form-label {
    color: #333;
    font-size: .875rem
}

.plx-form-stacked .plx-form-label {
    display: block;
    margin-bottom: 5px
}

@media (max-width:959px) {
    .plx-form-horizontal .plx-form-label {
        display: block;
        margin-bottom: 5px
    }
}

@media (min-width:960px) {
    .plx-form-horizontal .plx-form-label {
        width: 200px;
        margin-top: 7px;
        float: left
    }

    .plx-form-horizontal .plx-form-controls {
        margin-left: 215px
    }

    .plx-form-horizontal .plx-form-controls-text {
        padding-top: 7px
    }
}

.plx-form-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--text-dim)
}

.plx-form-icon:hover {
    color: var(--text-dim-mid)
}

.plx-form-icon:not(a):not(button):not(input) {
    pointer-events: none
}

.plx-form-icon:not(.plx-form-icon-flip)~.plx-input {
    padding-left: 40px !important
}

.plx-form-icon-flip {
    right: 0;
    left: auto
}

.plx-form-icon-flip~.plx-input {
    padding-right: 40px !important
}

.plx-button {
    margin: 0;
    border: none;
    border-radius:4px;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color
}

.plx-button:not(:disabled) {
    cursor: url(/cur/pointer.png), pointer
}

.plx-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.plx-button:hover {
    text-decoration: none
}

.plx-button:focus {
    outline: 0
}

.plx-button-default {
    background-color: transparent;
    /*color: #333;*/
    border: 1px solid var(--text-lighter)
}

.plx-button-default:focus,
.plx-button-default:hover {
    background-color: transparent;
    color:  var(--secondary-color);
    border-color: #b2b2b2
}

.plx-button-default.plx-active,
.plx-button-default:active {
    background-color: transparent;
    color: var(--accent-color);
    border-color: var(--text-dim)
}

.plx-button-primary {
    background-color: var(--accent-color);
    color:  var(--text-lightest);
    border: 1px solid transparent
}

.plx-button-primary:focus,
.plx-button-primary:hover {
    background-color: #0DC;
    color:  var(--text-lightest);
    box-shadow: 0 5px 10px #0DC5;
}

.plx-button-primary.plx-active,
.plx-button-primary:active {
    background-color: #d47;
    color:  var(--text-lightest)
}

.plx-button-secondary {
    background-color: var(--secondary-color);
    color:  var(--text-lightest);
    border: 1px solid transparent
}

.plx-button-secondary:focus,
.plx-button-secondary:hover {
    background-color: #0DC;
    color:  var(--text-lightest);
    box-shadow: 0 5px 10px #0DC5;
}

.plx-button-secondary.plx-active,
.plx-button-secondary:active {
    background-color: #536;
    color:  var(--text-lightest);
   
    
}

.plx-button-danger {
    background-color: #FF3050;
    color:  var(--text-lightest);
    border: 1px solid transparent
}

.plx-button-danger:focus,
.plx-button-danger:hover {
    background-color:
#df3962;
color: var(--text-lightest);
box-shadow: 0 5px 10px
#F355;
}

.plx-button-danger.plx-active,
.plx-button-danger:active {
    background-color: #ec2147; 
    color:  var(--text-lightest)
}



.plx-button-warn {
    background-color: #ffb52c;
    color:  var(--text-lightest);
    border: 1px solid transparent
    ;
}

.plx-button-warn:focus,
.plx-button-warn:hover {
    background-color: #fad46c;
    box-shadow: 0 5px 10px
#ffb52c55;
    color:  var(--text-lightest)
}

.plx-button-warn.plx-active,
.plx-button-warn:active {
    background-color: #ff922c; 
    color:  var(--text-lightest)
}


.plx-button-warn:disabled,
.plx-button-danger:disabled,
.plx-button-default:disabled,
.plx-button-primary:disabled,
.plx-button-secondary:disabled {
    background-color: transparent;
    color: var(--text-dim);
    border-color: var(--text-lighter)
}

.plx-button-small {
    padding: 0 15px;
    line-height: 28px;
    font-size: .875rem
}

.plx-button-large {
    padding: 0 40px;
    line-height: 53px;
    font-size: .875rem
}

.plx-button-text {
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #333;
    position: relative
}

.plx-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    border-bottom: 1px solid #333;
    transition: right .3s ease-out
}

.plx-button-text:focus,
.plx-button-text:hover {
    color: #333
}

.plx-button-text:focus::before,
.plx-button-text:hover::before {
    right: 0
}

.plx-button-text:disabled {
    color: var(--text-dim)
}

.plx-button-text:disabled::before {
    display: none
}

.plx-button-link {
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: var(--accent-color)
}

.plx-button-link:focus,
.plx-button-link:hover {
    color: #0DC;
    text-decoration: underline
}

.plx-button-link:disabled {
    color: #536;
    text-decoration: none
}

.plx-button-group {
    display: inline-flex;
    vertical-align: middle;
    position: relative
}

.plx-button-group>.plx-button:nth-child(n+2),
.plx-button-group>div:nth-child(n+2) .plx-button {
    margin-left: -1px
}
.plx-button:active{
    box-shadow: none;
}
.plx-button-group .plx-button.plx-active,
.plx-button-group .plx-button:active,
.plx-button-group .plx-button:focus,
.plx-button-group .plx-button:hover {
    position: relative;
    z-index: 1;
   
}

.plx-section {
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:960px) {
    .plx-section {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.plx-section::after,
.plx-section::before {
    content: "";
    display: table
}

.plx-section::after {
    clear: both
}

.plx-section>:last-child {
    margin-bottom: 0
}

.plx-section-xsmall {
    padding-top: 20px;
    padding-bottom: 20px
}

.plx-section-small {
    padding-top: 40px;
    padding-bottom: 40px
}

.plx-section-large {
    padding-top: 70px;
    padding-bottom: 70px
}

@media (min-width:960px) {
    .plx-section-large {
        padding-top: 140px;
        padding-bottom: 140px
    }
}

.plx-section-xlarge {
    padding-top: 140px;
    padding-bottom: 140px
}

@media (min-width:960px) {
    .plx-section-xlarge {
        padding-top: 210px;
        padding-bottom: 210px
    }
}

.plx-section-default {
    background: #112
}

.plx-section-muted {
    background: #333
}

.plx-section-primary {
    background: var(--accent-color)
}

.plx-section-secondary {
    background: var(--secondary-color)
}

.plx-container {
    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:640px) {
    .plx-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:960px) {
    .plx-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

.plx-container::after,
.plx-container::before {
    content: "";
    display: table
}

.plx-container::after {
    clear: both
}

.plx-container>:last-child {
    margin-bottom: 0
}

.plx-container .plx-container {
    padding-left: 0;
    padding-right: 0
}

.plx-container-xsmall {
    max-width: 750px
}

.plx-container-small {
    max-width: 900px
}

.plx-container-large {
    max-width: 1600px
}

.plx-container-expand {
    max-width: none
}

.plx-container-expand-left {
    margin-left: 0
}

.plx-container-expand-right {
    margin-right: 0
}

@media (min-width:640px) {

    .plx-container-expand-left.plx-container-xsmall,
    .plx-container-expand-right.plx-container-xsmall {
        max-width: calc(50% + (750px / 2) - 30px)
    }

    .plx-container-expand-left.plx-container-small,
    .plx-container-expand-right.plx-container-small {
        max-width: calc(50% + (900px / 2) - 30px)
    }
}

@media (min-width:960px) {

    .plx-container-expand-left,
    .plx-container-expand-right {
        max-width: calc(50% + (1200px / 2) - 40px)
    }

    .plx-container-expand-left.plx-container-xsmall,
    .plx-container-expand-right.plx-container-xsmall {
        max-width: calc(50% + (750px / 2) - 40px)
    }

    .plx-container-expand-left.plx-container-small,
    .plx-container-expand-right.plx-container-small {
        max-width: calc(50% + (900px / 2) - 40px)
    }

    .plx-container-expand-left.plx-container-large,
    .plx-container-expand-right.plx-container-large {
        max-width: calc(50% + (1600px / 2) - 40px)
    }
}

.plx-container-item-padding-remove-left,
.plx-container-item-padding-remove-right {
    width: calc(100% + 15px)
}

.plx-container-item-padding-remove-left {
    margin-left: -15px
}

.plx-container-item-padding-remove-right {
    margin-right: -15px
}

@media (min-width:640px) {

    .plx-container-item-padding-remove-left,
    .plx-container-item-padding-remove-right {
        width: calc(100% + 30px)
    }

    .plx-container-item-padding-remove-left {
        margin-left: -30px
    }

    .plx-container-item-padding-remove-right {
        margin-right: -30px
    }
}

@media (min-width:960px) {

    .plx-container-item-padding-remove-left,
    .plx-container-item-padding-remove-right {
        width: calc(100% + 40px)
    }

    .plx-container-item-padding-remove-left {
        margin-left: -40px
    }

    .plx-container-item-padding-remove-right {
        margin-right: -40px
    }
}


@media (min-width:1400px) {
    .plx-grid {
        margin-left: -40px
    }

    .plx-grid>* {
        padding-left: 40px
    }

    *+.plx-grid-margin,
    .plx-grid+.plx-grid,
    .plx-grid>.plx-grid-margin {
        margin-top: 40px
    }
}

.plx-grid-small {
    margin-left: -15px;
}

.plx-grid-small>* {
    padding-left: 15px
}

*+.plx-grid-margin-small,
.plx-grid+.plx-grid-small,
.plx-grid-small>.plx-grid-margin {
    margin-top: 15px
}

.plx-grid-medium {
    margin-left: -30px
}

.plx-grid-medium>* {
    padding-left: 30px
}

*+.plx-grid-margin-medium,
.plx-grid+.plx-grid-medium,
.plx-grid-medium>.plx-grid-margin {
    margin-top: 30px
}

.plx-grid-large {
    margin-left: -40px
}

.plx-grid-large>* {
    padding-left: 40px
}

*+.plx-grid-margin-large,
.plx-grid+.plx-grid-large,
.plx-grid-large>.plx-grid-margin {
    margin-top: 40px
}

@media (min-width:1400px) {
    .plx-grid-large {
        margin-left: -70px
    }

    .plx-grid-large>* {
        padding-left: 70px
    }

    *+.plx-grid-margin-large,
    .plx-grid+.plx-grid-large,
    .plx-grid-large>.plx-grid-margin {
        margin-top: 70px
    }
}

.plx-grid-collapse {
    margin-left: 0
}

.plx-grid-collapse>* {
    padding-left: 0
}

.plx-grid+.plx-grid-collapse, 
.plx-grid-collapse>.plx-grid-margin {
    margin-top: 0
}

.plx-grid-divider>* {
    position: relative
}

.plx-grid-divider>:not(.plx-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #FAA5; 
}

.plx-grid-divider.plx-grid-stack>.plx-grid-margin::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid var(--text-lighter)
}

.plx-grid-divider {
    margin-left: -60px
}

.plx-grid-divider>* {
    padding-left: 60px
}

.plx-grid-divider>:not(.plx-first-column)::before {
    left: 30px
}

.plx-grid-divider.plx-grid-stack>.plx-grid-margin {
    margin-top: 60px
}

.plx-grid-divider.plx-grid-stack>.plx-grid-margin::before {
    top: -30px;
    left: 60px
}

@media (min-width:1400px) {
    .plx-grid-divider {
        margin-left: -80px
    }

    .plx-grid-divider>* {
        padding-left: 80px
    }

    .plx-grid-divider>:not(.plx-first-column)::before {
        left: 40px
    }

    .plx-grid-divider.plx-grid-stack>.plx-grid-margin {
        margin-top: 80px
    }

    .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before {
        top: -40px;
        left: 80px
    }
}

.plx-grid-divider.plx-grid-small {
    margin-left: -30px
}

.plx-grid-divider.plx-grid-small>* {
    padding-left: 30px
}

.plx-grid-divider.plx-grid-small>:not(.plx-first-column)::before {
    left: 15px
}

.plx-grid-divider.plx-grid-small.plx-grid-stack>.plx-grid-margin {
    margin-top: 30px
}

.plx-grid-divider.plx-grid-small.plx-grid-stack>.plx-grid-margin::before {
    top: -15px;
    left: 30px
}

.plx-grid-divider.plx-grid-medium {
    margin-left: -60px
}

.plx-grid-divider.plx-grid-medium>* {
    padding-left: 60px
}

.plx-grid-divider.plx-grid-medium>:not(.plx-first-column)::before {
    left: 30px
}

.plx-grid-divider.plx-grid-medium.plx-grid-stack>.plx-grid-margin {
    margin-top: 60px
}

.plx-grid-divider.plx-grid-medium.plx-grid-stack>.plx-grid-margin::before {
    top: -30px;
    left: 60px
}

.plx-grid-divider.plx-grid-large {
    margin-left: -80px
}

.plx-grid-divider.plx-grid-large>* {
    padding-left: 80px
}

.plx-grid-divider.plx-grid-large>:not(.plx-first-column)::before {
    left: 40px
}

.plx-grid-divider.plx-grid-large.plx-grid-stack>.plx-grid-margin {
    margin-top: 80px
}

.plx-grid-divider.plx-grid-large.plx-grid-stack>.plx-grid-margin::before {
    top: -40px;
    left: 80px
}

@media (min-width:1400px) {
    .plx-grid-divider.plx-grid-large {
        margin-left: -140px
    }

    .plx-grid-divider.plx-grid-large>* {
        padding-left: 140px
    }

    .plx-grid-divider.plx-grid-large>:not(.plx-first-column)::before {
        left: 70px
    }

    .plx-grid-divider.plx-grid-large.plx-grid-stack>.plx-grid-margin {
        margin-top: 140px
    }

    .plx-grid-divider.plx-grid-large.plx-grid-stack>.plx-grid-margin::before {
        top: -70px;
        left: 140px
    }
}

.plx-grid-item-match,
.plx-grid-match>* {
    display: flex;
    flex-wrap: wrap
}

.plx-grid-item-match>:not([class*=plx-width]),
.plx-grid-match>*>:not([class*=plx-width]) {
    box-sizing: border-box;
    width: 100%;
    flex: auto
}

.plx-tile {
    position: relative;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:640px) {
    .plx-tile {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:960px) {
    .plx-tile {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.plx-tile::after,
.plx-tile::before {
    content: "";
    display: table
}

.plx-tile::after {
    clear: both
}

.plx-tile>:last-child {
    margin-bottom: 0
}

.plx-tile-xsmall {
    padding-top: 20px;
    padding-bottom: 20px
}

.plx-tile-small {
    padding-top: 40px;
    padding-bottom: 40px
}

.plx-tile-large {
    padding-top: 70px;
    padding-bottom: 70px
}

@media (min-width:960px) {
    .plx-tile-large {
        padding-top: 140px;
        padding-bottom: 140px
    }
}

.plx-tile-xlarge {
    padding-top: 140px;
    padding-bottom: 140px
}

@media (min-width:960px) {
    .plx-tile-xlarge {
        padding-top: 210px;
        padding-bottom: 210px
    }
}

.plx-tile-default {
    background: #fff
}

.plx-tile-muted {
    background: #112
}

.plx-tile-primary {
    background: var(--accent-color)
}

.plx-tile-secondary {
    background: #222
}

.plx-card {
    position: relative;
    box-sizing: border-box;
    transition: box-shadow .1s ease-in-out
}

.plx-card-body {
    padding: 30px 30px
}

.plx-card-header {
    padding: 15px 30px
}

.plx-card-footer {
    padding: 15px 30px
}

@media (min-width:1400px) {
    .plx-card-body {
        padding: 40px 40px
    }

    .plx-card-header {
        padding: 20px 40px
    }

    .plx-card-footer {
        padding: 20px 40px
    }
}

.plx-card-body::after,
.plx-card-body::before,
.plx-card-footer::after,
.plx-card-footer::before,
.plx-card-header::after,
.plx-card-header::before {
    content: "";
    display: table
}

.plx-card-body::after,
.plx-card-footer::after,
.plx-card-header::after {
    clear: both
}

.plx-card-body>:last-child,
.plx-card-footer>:last-child,
.plx-card-header>:last-child {
    margin-bottom: 0
}

.plx-card-title {
    font-size: 1.5rem;
    line-height: 1.4
}

.plx-card-badge {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1
}

.plx-card-badge:first-child+* {
    margin-top: 0
}

.plx-card-hover:not(.plx-card-default):not(.plx-card-primary):not(.plx-card-secondary):hover {
    background:   var(--bg-card,#FFF);
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.plx-card-default {
    background:  var(--bg-card);
    color: var(--text-dim-mid);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.plx-card-default .plx-card-title {
    color: #333
}

.plx-card-default.plx-card-hover:hover {
    background-color:  var(--bg-card);
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.plx-card-default .plx-card-header {
    border-bottom: 1px solid var(--text-lighter)
}

.plx-card-default .plx-card-footer {
    border-top: 1px solid var(--text-lighter)
}

.plx-card-primary {
    background: var(--accent-color);
    color:  var(--text-contrast);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.plx-card-primary .plx-card-title {
    color:  var(--text-contrast)
}

.plx-card-primary.plx-card-hover:hover {
    background-color: var(--accent-color);
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.plx-card-secondary {
    background: #222;
    color:  var(--text-lightest);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.plx-card-secondary .plx-card-title {
    color:  var(--text-lightest)
}

.plx-card-secondary.plx-card-hover:hover {
    background-color: #222;
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.plx-card-small .plx-card-body,
.plx-card-small.plx-card-body {
    padding: 20px 20px
}

.plx-card-small .plx-card-header {
    padding: 13px 20px
}

.plx-card-small .plx-card-footer {
    padding: 13px 20px
}

@media (min-width:1400px) {

    .plx-card-large .plx-card-body,
    .plx-card-large.plx-card-body {
        padding: 70px 70px
    }

    .plx-card-large .plx-card-header {
        padding: 35px 70px
    }

    .plx-card-large .plx-card-footer {
        padding: 35px 70px
    }
}

.plx-card-body>.plx-nav-default {
    margin-left: -30px;
    margin-right: -30px
}

.plx-card-body>.plx-nav-default:only-child {
    margin-top: -15px;
    margin-bottom: -15px
}

.plx-card-body .plx-nav-default .plx-nav-divider,
.plx-card-body .plx-nav-default .plx-nav-header,
.plx-card-body .plx-nav-default>li>a {
    padding-left: 30px;
    padding-right: 30px
}

.plx-card-body .plx-nav-default .plx-nav-sub {
    padding-left: 45px
}

@media (min-width:1400px) {
    .plx-card-body>.plx-nav-default {
        margin-left: -40px;
        margin-right: -40px
    }

    .plx-card-body>.plx-nav-default:only-child {
        margin-top: -25px;
        margin-bottom: -25px
    }

    .plx-card-body .plx-nav-default .plx-nav-divider,
    .plx-card-body .plx-nav-default .plx-nav-header,
    .plx-card-body .plx-nav-default>li>a {
        padding-left: 40px;
        padding-right: 40px
    }

    .plx-card-body .plx-nav-default .plx-nav-sub {
        padding-left: 55px
    }
}

.plx-card-small>.plx-nav-default {
    margin-left: -20px;
    margin-right: -20px
}

.plx-card-small>.plx-nav-default:only-child {
    margin-top: -5px;
    margin-bottom: -5px
}

.plx-card-small .plx-nav-default .plx-nav-divider,
.plx-card-small .plx-nav-default .plx-nav-header,
.plx-card-small .plx-nav-default>li>a {
    padding-left: 20px;
    padding-right: 20px
}

.plx-card-small .plx-nav-default .plx-nav-sub {
    padding-left: 35px
}

@media (min-width:1400px) {
    .plx-card-large>.plx-nav-default {
        margin: 0
    }

    .plx-card-large>.plx-nav-default:only-child {
        margin: 0
    }

    .plx-card-large .plx-nav-default .plx-nav-divider,
    .plx-card-large .plx-nav-default .plx-nav-header,
    .plx-card-large .plx-nav-default>li>a {
        padding-left: 0;
        padding-right: 0
    }

    .plx-card-large .plx-nav-default .plx-nav-sub {
        padding-left: 15px
    }
}

.plx-close {
    color: var(--text-dim);
    transition: .1s ease-in-out;
    transition-property: color, opacity
}

.plx-close:focus,
.plx-close:hover {
    color: var(--text-dim-mid);
    outline: 0
}

.plx-spinner>* {
    animation: plx-spinner-rotate 1.4s linear infinite
}

@keyframes plx-spinner-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(270deg)
    }
}

.plx-spinner>*>* {
    stroke-dasharray: 88px;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: plx-spinner-dash 1.4s ease-in-out infinite;
    stroke-width: 1;
    stroke-linecap: round
}

@keyframes plx-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 88px;
        transform: rotate(450deg)
    }
}

.plx-totop {
    padding: 5px;
    color: var(--text-dim);
    transition: color .1s ease-in-out
}

.plx-totop:focus,
.plx-totop:hover {
    color: var(--text-dim-mid);
    outline: 0
}

.plx-totop:active {
    color: #333
}

.plx-marker {
    padding: 5px;
    background: #222;
    color:  var(--text-lightest);
    border-radius: 500px
}

.plx-marker:focus,
.plx-marker:hover {
    color:  var(--text-lightest);
    outline: 0
}

.plx-alert {
    position: relative;
    margin-bottom: 20px;
    padding: 15px 29px 15px 15px;
    background: #112;
    color: var(--text-dim-mid)
}

*+.plx-alert {
    margin-top: 20px
}

.plx-alert>:last-child {
    margin-bottom: 0
}

.plx-alert-close {
    position: absolute;
    top: 20px;
    right: 15px;
    color: inherit;
    opacity: .4
}

.plx-alert-close:first-child+* {
    margin-top: 0
}

.plx-alert-close:focus,
.plx-alert-close:hover {
    color: inherit;
    opacity: .8
}

.plx-alert-primary {
    background: #d8eafc;
    color: var(--accent-color)
}

.plx-alert-success {
    background: #edfbf6;
    color: #15E070
}

.plx-alert-warning {
    background: #fff6ee;
    color: #faa05a
}

.plx-alert-danger {
    background: #fef4f6;
    color: #F03050
}

.plx-alert h1,
.plx-alert h2,
.plx-alert h3,
.plx-alert h4,
.plx-alert h5,
.plx-alert h6 {
    color: inherit
}

.plx-alert a:not([class]) {
    color: inherit;
    text-decoration: underline
}

.plx-alert a:not([class]):hover {
    color: inherit;
    text-decoration: underline
}

.plx-badge {
    box-sizing: border-box;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    border-radius: 500px;
    vertical-align: middle;
    background: var(--accent-color);
    color:  var(--text-lightest);
    font-size: .875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.plx-badge:focus,
.plx-badge:hover {
    color:  var(--text-lightest);
    text-decoration: none;
    outline: 0
}

.plx-label {
    display: inline-block;
    padding: 0 10px;
    background: var(--accent-color);
    line-height: 1.5;
    font-size: .875rem;
    color:  var(--text-lightest);
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 2px;
    text-transform: uppercase
}

.plx-label-success {
    background-color: #15E070;
    color:  var(--text-lightest)
}

.plx-label-warning {
    background-color: #faa05a;
    color:  var(--text-lightest)
}

.plx-label-danger {
    background-color: #F03050;
    color:  var(--text-lightest)
}

.plx-overlay {
    padding: 30px 30px
}

.plx-overlay>:last-child {
    margin-bottom: 0
}

.plx-overlay-default {
    background: rgba(255, 255, 255, .8)
}

.plx-overlay-primary {
    background: rgba(34, 34, 34, .8)
}

.plx-article::after,
.plx-article::before {
    content: "";
    display: table
}

.plx-article::after {
    clear: both
}

.plx-article>:last-child {
    margin-bottom: 0
}

.plx-article+.plx-article {
    margin-top: 70px
}

.plx-article-title {
    font-size: 2.23125rem;
    line-height: 1.2
}

@media (min-width:960px) {
    .plx-article-title {
        font-size: 2.625rem
    }
}

.plx-article-meta {
    font-size: .875rem;
    line-height: 1.4;
    color: var(--text-dim)
}

.plx-article-meta a {
    color: var(--text-dim)
}

.plx-article-meta a:hover {
    color: var(--text-dim-mid);
    text-decoration: none
}

.plx-comment-body {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.plx-comment-header {
    margin-bottom: 20px
}

.plx-comment-body::after,
.plx-comment-body::before,
.plx-comment-header::after,
.plx-comment-header::before {
    content: "";
    display: table
}

.plx-comment-body::after,
.plx-comment-header::after {
    clear: both
}

.plx-comment-body>:last-child,
.plx-comment-header>:last-child {
    margin-bottom: 0
}

.plx-comment-title {
    font-size: 1.25rem;
    line-height: 1.4
}

.plx-comment-meta {
    font-size: .875rem;
    line-height: 1.4;
    color: var(--text-dim)
}

.plx-comment-list {
    padding: 0;
    list-style: none
}

.plx-comment-list>:nth-child(n+2) {
    margin-top: 70px
}

.plx-comment-list .plx-comment~ul {
    margin: 70px 0 0 0;
    padding-left: 30px;
    list-style: none
}

@media (min-width:960px) {
    .plx-comment-list .plx-comment~ul {
        padding-left: 100px
    }
}

.plx-comment-list .plx-comment~ul>:nth-child(n+2) {
    margin-top: 70px
}

.plx-comment-primary {
    padding: 30px;
    background-color: #112
}

.plx-search {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0
}

.plx-search-input::-webkit-search-cancel-button,
.plx-search-input::-webkit-search-decoration {
    -webkit-appearance: none
}

.plx-search-input::-moz-placeholder {
    opacity: 1
}

.plx-search-input {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    overflow: visible;
    -webkit-appearance: none;
    vertical-align: middle;
    width: 100%;
    border: none;
    color: var(--text-dim-mid)
}

.plx-search-input:focus {
    outline: 0
}

.plx-search-input:-ms-input-placeholder {
    color: var(--text-dim) !important
}

.plx-search-input::placeholder {
    color: var(--text-dim)
}

.plx-search-icon:focus {
    outline: 0
}

.plx-search .plx-search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--text-dim)
}

.plx-search .plx-search-icon:hover {
    color: var(--text-dim)
}

.plx-search .plx-search-icon:not(a):not(button):not(input) {
    pointer-events: none
}

.plx-search .plx-search-icon-flip {
    right: 0;
    left: auto
}

.plx-search-default {
    width: 180px
}

.plx-search-default .plx-search-input {
    height: 40px;
    padding-left: 6px;
    padding-right: 6px;
    background: 0 0;
    border: 1px solid var(--text-lighter)
}

.plx-search-default .plx-search-input:focus {
    background-color: transparent
}

.plx-search-default .plx-search-icon {
    width: 40px
}

.plx-search-default .plx-search-icon:not(.plx-search-icon-flip)~.plx-search-input {
    padding-left: 40px
}

.plx-search-default .plx-search-icon-flip~.plx-search-input {
    padding-right: 40px
}

.plx-search-navbar {
    width: 400px
}

.plx-search-navbar .plx-search-input {
    height: 40px;
    background: 0 0;
    font-size: 1.5rem
}

.plx-search-navbar .plx-search-icon {
    width: 40px
}

.plx-search-navbar .plx-search-icon:not(.plx-search-icon-flip)~.plx-search-input {
    padding-left: 40px
}

.plx-search-navbar .plx-search-icon-flip~.plx-search-input {
    padding-right: 40px
}

.plx-search-large {
    width: 500px
}

.plx-search-large .plx-search-input {
    height: 80px;
    background: 0 0;
    font-size: 2.625rem
}

.plx-search-large .plx-search-icon {
    width: 80px
}

.plx-search-large .plx-search-icon:not(.plx-search-icon-flip)~.plx-search-input {
    padding-left: 80px
}

.plx-search-large .plx-search-icon-flip~.plx-search-input {
    padding-right: 80px
}

.plx-search-toggle {
    color: var(--text-dim)
}

.plx-search-toggle:focus,
.plx-search-toggle:hover {
    color: var(--text-dim-mid)
}

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

.plx-nav li>a {
    display: block;
    text-decoration: none
}

.plx-nav li>a:focus {
    outline: 0
}

.plx-nav>li>a {
    padding: 5px 0
}

ul.plx-nav-sub {
    padding: 5px 0 5px 15px
}

.plx-nav-sub ul {
    padding-left: 15px
}

.plx-nav-sub a {
    padding: 2px 0
}

.plx-nav-parent-icon>.plx-parent>a::after {
    content: "";
    width: 1.5em;
    height: 1.5em;
    float: right;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%2388A%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.plx-nav-parent-icon>.plx-parent.plx-open>a::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%2388A%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-nav-header {
    padding: 5px 0;
    text-transform: uppercase;
    font-size: .875rem
}

.plx-nav-header:not(:first-child) {
    margin-top: 20px
}

.plx-nav-divider {
    margin: 5px 0
}

.plx-nav-default {
    font-size: .875rem
}

.plx-nav-default>li>a {
    color: var(--text-dim)
}

.plx-nav-default>li>a:focus,
.plx-nav-default>li>a:hover {
    color: var(--text-dim-mid)
}

.plx-nav-default>li.plx-active>a {
    color: #333
}

.plx-nav-default .plx-nav-header {
    color: #333
}

.plx-nav-default .plx-nav-divider {
    border-top: 1px solid var(--text-lighter)
}

.plx-nav-default .plx-nav-sub a {
    color: #6b6b8b
}

.plx-nav-default .plx-nav-sub a:focus,
.plx-nav-default .plx-nav-sub a:hover {
    color: var(--text-dim-mid)
}

.plx-nav-default .plx-nav-sub li.plx-active>a {
    color: var(--accent-color)
}

.plx-nav-primary>li>a {
    font-size: 1.5rem;
    line-height: 1.5;
    color: var(--text-dim)
}

.plx-nav-primary>li>a:focus,
.plx-nav-primary>li>a:hover {
    color: var(--text-dim-mid)
}

.plx-nav-primary>li.plx-active>a {
    color: #333
}

.plx-nav-primary .plx-nav-header {
    color: #333
}

.plx-nav-primary .plx-nav-divider {
    border-top: 1px solid var(--text-lighter)
}

.plx-nav-primary .plx-nav-sub a {
    color: var(--text-dim)
}

.plx-nav-primary .plx-nav-sub a:focus,
.plx-nav-primary .plx-nav-sub a:hover {
    color: var(--text-dim-mid)
}

.plx-nav-primary .plx-nav-sub li.plx-active>a {
    color: #333
}

.plx-nav-center {
    text-align: center
}

.plx-nav-center .plx-nav-sub,
.plx-nav-center .plx-nav-sub ul {
    padding-left: 0
}

.plx-nav-center.plx-nav-parent-icon>.plx-parent>a::after {
    position: absolute
}

.plx-navbar {
    display: flex;
    position: relative;
    z-index:2
}

.plx-navbar-container:not(.plx-navbar-transparent) {
    background: #112
}

.plx-navbar-container>::after,
.plx-navbar-container>::before {
    display: none !important
}

.plx-navbar-center,
.plx-navbar-center-left>*,
.plx-navbar-center-right>*,
.plx-navbar-left,
.plx-navbar-right {
    display: flex;
    align-items: center
}

.plx-navbar-right {
    margin-left: auto
}

.plx-navbar-center:only-child {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.plx-navbar-center:not(:only-child) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 990
}

.plx-navbar-center:not(:only-child) .plx-navbar-item,
.plx-navbar-center:not(:only-child) .plx-navbar-nav>li>a,
.plx-navbar-center:not(:only-child) .plx-navbar-toggle {
    white-space: nowrap
}

.plx-navbar-center-left,
.plx-navbar-center-right {
    position: absolute;
    top: 0
}

.plx-navbar-center-left {
    right: 100%
}

.plx-navbar-center-right {
    left: 100%
}

[class*=plx-navbar-center-] .plx-navbar-item,
[class*=plx-navbar-center-] .plx-navbar-nav>li>a,
[class*=plx-navbar-center-] .plx-navbar-toggle {
    white-space: nowrap
}
.topbar.home .plx-logo{
    visibility: hidden;
    width: 0;
    margin: 0 -20px;

}
.topbar.plx-active .plx-logo{
    display: inherit;
    visibility: visible;
    width: unset;
    margin: 0 10px;
}
.plx-navbar-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.plx-navbar-center:only-child,
.plx-navbar-left,
.plx-navbar-right {
    flex-wrap: wrap
}

.plx-navbar-item,
.plx-navbar-nav>li>a,
.plx-navbar-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 80px;
    padding: 0 15px;
    font-size: .875rem;
    font-family: "Quicksand",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-decoration: none
}

.plx-navbar-nav>li>a {
    color: var(--text-dim);
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color, background-color
}

.plx-navbar-nav>li:hover>a,
.plx-navbar-nav>li>a.plx-open,
.plx-navbar-nav>li>a:focus {
    color:  var(--text-lightest);
    outline: 0
}

.plx-navbar-nav>li>a:active {
    color:  var(--text-lightest)A
}

.plx-navbar-nav>li.plx-active>a {
    color: #333
}

.plx-navbar-item {
    color: var(--text-dim-mid)
}

.plx-navbar-toggle {
    color: var(--text-dim)
}

.plx-navbar-toggle.plx-open,
.plx-navbar-toggle:focus,
.plx-navbar-toggle:hover {
    color: var(--text-dim-mid);
    outline: 0;
    text-decoration: none
}

.plx-navbar-subtitle {
    font-size: .875rem
}

.plx-navbar-dropdown {
    display: none;
    position: absolute; 
    z-index: 1020;
    box-sizing: border-box;
    width: 200px;
    padding: 20px 15px 25px 15px; 
    background:  #FFF;
    color: var(--text-dim-mid);
    box-shadow: 0 5px 12px rgba(0, 0, 0, .15)
}

.plx-navbar-dropdown.plx-open {
    display: block
}

[class*=plx-navbar-dropdown-top] {
    margin-top: -15px
}

[class*=plx-navbar-dropdown-bottom] {
    margin-top: 15px
}

[class*=plx-navbar-dropdown-left] {
    margin-left: -15px
}

[class*=plx-navbar-dropdown-right] {
    margin-left: 15px
}

.plx-navbar-dropdown-grid {
    margin-left: -50px
}

.plx-navbar-dropdown-grid>* {
    padding-left: 50px
}

.plx-navbar-dropdown-grid>.plx-grid-margin {
    margin-top: 50px
}

.plx-navbar-dropdown-stack .plx-navbar-dropdown-grid>* {
    width: 100% !important
}

.plx-navbar-dropdown-width-2:not(.plx-navbar-dropdown-stack) {
    width: 400px
}

.plx-navbar-dropdown-width-3:not(.plx-navbar-dropdown-stack) {
    width: 600px
}

.plx-navbar-dropdown-width-4:not(.plx-navbar-dropdown-stack) {
    width: 800px
}

.plx-navbar-dropdown-width-5:not(.plx-navbar-dropdown-stack) {
    width: 1000px
}

.plx-navbar-dropdown-dropbar {
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none
}

.plx-navbar-dropdown-nav {
    font-size: .875rem
}

.plx-navbar-dropdown-nav>li>a {
    color: var(--text-dim)
}

.plx-navbar-dropdown-nav>li>a:focus,
.plx-navbar-dropdown-nav>li>a:hover {
    color: var(--text-dim-mid)
}

.plx-navbar-dropdown-nav>li.plx-active>a {
    color: #333
}

.plx-navbar-dropdown-nav .plx-nav-header {
    color: #333
}

.plx-navbar-dropdown-nav .plx-nav-divider {
    border-top: 1px solid var(--text-lighter)
}

.plx-navbar-dropdown-nav .plx-nav-sub a {
    color: var(--text-dim)
}

.plx-navbar-dropdown-nav .plx-nav-sub a:focus,
.plx-navbar-dropdown-nav .plx-nav-sub a:hover {
    color: var(--text-dim-mid)
}

.plx-navbar-dropdown-nav .plx-nav-sub li.plx-active>a {
    color: #333
}

.plx-navbar-dropbar {
    background: #fff
}

.plx-navbar-dropbar-slide {
    position: absolute;
    z-index: 980;
    left: 0;
    right: 0;
    box-shadow: 0 5px 7px rgba(0, 0, 0, .05)
}

.plx-navbar-container>.plx-container .plx-navbar-left {
    margin-left: -15px;
    margin-right: -15px
}

.plx-navbar-container>.plx-container .plx-navbar-right {
    margin-right: -15px
}

.plx-navbar-dropdown-grid>* {
    position: relative
}

.plx-navbar-dropdown-grid>:not(.plx-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    border-left: 1px solid var(--text-lighter)
}

.plx-navbar-dropdown-grid.plx-grid-stack>.plx-grid-margin::before {
    content: "";
    position: absolute;
    top: -25px;
    left: 50px;
    right: 0;
    border-top: 1px solid var(--text-lighter)
}

.plx-subnav {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none
}

.plx-subnav>* {
    flex: none;
    padding-left: 20px;
    position: relative;
    /*! box-sizing: border-box; */
}

.plx-subnav>*>:first-child {
    display: block;
    color: var(--text-dim);
    font-size: .875rem;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color, background-color
}

.plx-subnav>*>a:focus,
.plx-subnav>*>a:hover {
    color: var(--text-dim-mid);
    text-decoration: none;
    outline: 0
}

.plx-subnav>.plx-active>a {
    color: #333
}

.plx-subnav-divider>* {
    display: flex;
    align-items: center
}

.plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before {
    content: "";
    height: 1.5em;
    margin-left: 0;
    margin-right: 20px;
    border-left: 1px solid var(--text-lighter)
}

.plx-subnav-pill>*>:first-child {
    padding: 1px 8px;
    background: 0 0;
    color:var(--text-dim);
    border-radius: 2px;
    border: solid 1px transparent;
}

.plx-subnav-pill>*>a:focus,
.plx-subnav-pill>*>a:hover {
    background-color: var(--accent-color);
    color: #DDF;
    background: var(--secondary-color);
}

.plx-subnav-pill>*>a:active {
    background-color:var(--secondary-color-dark);
    color: #FFCFE3;
    border: solid 1px var(--secondary-color);
}

.plx-subnav-pill>.plx-active>a {
    background-color: var(--accent-color);
    color:  var(--color-contrast);
}

.plx-subnav>.plx-disabled>a {
    color: var(--text-dim)
}

.plx-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

.plx-breadcrumb>* {
    flex: none
}

.plx-breadcrumb>*>* {
    display: inline-block;
    font-size: .875rem;
    color: var(--text-dim)
}

.plx-breadcrumb>*>:focus,
.plx-breadcrumb>*>:hover {
    color: var(--text-dim-mid);
    text-decoration: none
}

.plx-breadcrumb>:last-child>* {
    color: var(--text-dim-mid)
}

.plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before {
    content: "/";
    display: inline-block;
    margin: 0 20px;
    color: var(--text-dim)
}

.plx-pagination {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none
}

.plx-pagination>* {
    flex: none;
    padding-left: 20px;
    position: relative
}

.plx-pagination>*>* {
    display: block;
    color: var(--text-dim);
    transition: color .1s ease-in-out
}

.plx-pagination>*>:focus,
.plx-pagination>*>:hover {
    color: var(--text-dim-mid);
    text-decoration: none
}

.plx-pagination>.plx-active>* {
    color: var(--text-dim-mid)
}

.plx-pagination>.plx-disabled>* {
    color: var(--text-dim)
}

.plx-tab {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none;
    position: relative
}

.plx-tab::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
    border-bottom: 1px solid var(--text-lighter)
}

.plx-tab>* {
    flex: none;
    padding-left: 20px;
    position: relative
}

.plx-tab>*>a {
    display: block;
    text-align: center;
    padding: 5px 10px;
    color: var(--text-dim);
    border-bottom: 1px solid transparent;
    font-size: .875rem;
    text-transform: uppercase;
    transition: color .1s ease-in-out
}

.plx-tab>*>a:focus,
.plx-tab>*>a:hover {
    color: var(--text-dim-mid);
    text-decoration: none
}

.plx-tab>.plx-active>a {
    color: var(--text-inverse);
    border-color: var(--accent-color)
}

.plx-tab>.plx-disabled>a {
    color: var(--text-dim)
}

.plx-tab-bottom::before {
    top: 0;
    bottom: auto
}

.plx-tab-bottom>*>a {
    border-top: 1px solid transparent;
    border-bottom: none
}

.plx-tab-left,
.plx-tab-right {
    flex-direction: column;
    margin-left: 0
}

.plx-tab-left>*,
.plx-tab-right>* {
    padding-left: 0
}

.plx-tab-left::before {
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    border-left: 1px solid var(--heading-divider-color);
    border-bottom: none
}

.plx-tab-right::before {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    border-left: 1px solid var(--heading-divider-color);
    border-bottom: none
}

.plx-tab-left>*>a {
    text-align: left;
    border-right: 1px solid transparent;
    border-bottom: none
}

.plx-tab-right>*>a {
    text-align: left;
    border-left: 1px solid transparent;
    border-bottom: none
}

.plx-tab .plx-dropdown {
    margin-left: 30px
}

.plx-slidenav {
    padding: 5px 10px;
    color: rgba(102, 102, 102, .5);
    transition: color .1s ease-in-out
}

.plx-slidenav:focus,
.plx-slidenav:hover {
    color: rgba(102, 102, 102, .9);
    outline: 0
}

.plx-slidenav:active {
    color: rgba(102, 102, 102, .5)
}

.plx-slidenav-large {
    padding: 10px 10px
}

.plx-slidenav-container {
    display: flex
}

.plx-dotnav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -12px
}

.plx-dotnav>* {
    flex: none;
    padding-left: 12px
}

.plx-dotnav>*>* {
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: 0 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid rgba(102, 102, 102, .4);
    transition: .2s ease-in-out;
    transition-property: background-color, border-color
}

.plx-dotnav>*>:focus,
.plx-dotnav>*>:hover {
    background-color: rgba(102, 102, 102, .6);
    outline: 0;
    border-color: transparent
}

.plx-dotnav>*>:active {
    background-color: rgba(102, 102, 102, .2);
    border-color: transparent
}

.plx-dotnav>.plx-active>* {
    background-color: rgba(102, 102, 102, .6);
    border-color: transparent
}

.plx-dotnav-vertical {
    flex-direction: column;
    margin-left: 0;
    margin-top: -12px
}

.plx-dotnav-vertical>* {
    padding-left: 0;
    padding-top: 12px
}

.plx-thumbnav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -15px
}

.plx-thumbnav>* {
    padding-left: 15px
}

.plx-thumbnav>*>* {
    display: inline-block;
    position: relative
}

.plx-thumbnav>*>::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, .4);
    transition: background-color .1s ease-in-out
}

.plx-thumbnav>*>:focus,
.plx-thumbnav>*>:hover {
    outline: 0
}

.plx-thumbnav>*>:focus::after,
.plx-thumbnav>*>:hover::after {
    background-color: transparent
}

.plx-thumbnav>.plx-active>::after {
    background-color: transparent
}

.plx-thumbnav-vertical {
    flex-direction: column;
    margin-left: 0;
    margin-top: -15px
}

.plx-thumbnav-vertical>* {
    padding-left: 0;
    padding-top: 15px
}

.plx-accordion {
    padding: 0;
    list-style: none
}

.plx-accordion>:nth-child(n+2) {
    margin-top: 20px
}

.plx-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333;
    overflow: hidden
}

.plx-accordion-title::before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: right;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%2388A%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%2388A%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.plx-open>.plx-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%2388A%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-accordion-title:focus,
.plx-accordion-title:hover {
    color: var(--text-dim-mid);
    text-decoration: none;
    outline: 0
}

.plx-accordion-content {
    margin-top: 20px
}

.plx-accordion-content::after,
.plx-accordion-content::before {
    content: "";
    display: table
}

.plx-accordion-content::after {
    clear: both
}

.plx-accordion-content>:last-child {
    margin-bottom: 0
}

.plx-drop {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 300px
}

.plx-drop.plx-open {
    display: block
}

[class*=plx-drop-top] {
    margin-top: -20px
}

[class*=plx-drop-bottom] {
    margin-top: 20px
}

[class*=plx-drop-left] {
    margin-left: -20px
}

[class*=plx-drop-right] {
    margin-left: 20px
}

.plx-drop-stack .plx-drop-grid>* {
    width: 100% !important
}

.plx-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    min-width: 200px;
    padding: 25px;
    background:  var(--bg-main);
    color: var(--text-dim-mid);
    box-shadow: 0 5px 12px rgba(0, 0, 0, .15)
}

.plx-dropdown.plx-open {
    display: block
}

.plx-dropdown-nav {
    white-space: nowrap;
    font-size: .875rem
}

.plx-dropdown-nav>li>a {
    color: var(--text-dim)
}

.plx-dropdown-nav>li.plx-active>a,
.plx-dropdown-nav>li>a:focus,
.plx-dropdown-nav>li>a:hover {
    color: var(--text-dim-mid)
}

.plx-dropdown-nav .plx-nav-header {
    color: #333
}

.plx-dropdown-nav .plx-nav-divider {
    border-top: 1px solid var(--text-lighter)
}

.plx-dropdown-nav .plx-nav-sub a {
    color: var(--text-dim)
}

.plx-dropdown-nav .plx-nav-sub a:focus,
.plx-dropdown-nav .plx-nav-sub a:hover,
.plx-dropdown-nav .plx-nav-sub li.plx-active>a {
    color: var(--text-dim-mid)
}

[class*=plx-dropdown-top] {
    margin-top: -10px
}

[class*=plx-dropdown-bottom] {
    margin-top: 10px
}

[class*=plx-dropdown-left] {
    margin-left: -10px
}

[class*=plx-dropdown-right] {
    margin-left: 10px
}

.plx-dropdown-stack .plx-dropdown-grid>* {
    width: 100% !important
}

.plx-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px 15px;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: opacity .1s ease;
    border-radius: 10px;
    backdrop-filter: grayscale(.1) blur(5px);
    
}

@media (min-width:640px) {
    .plx-modal {
        padding: 50px 30px
    }
}

@media (min-width:960px) {
    .plx-modal {
        padding-left: 40px;
        padding-right: 40px
    }
}

.plx-modal.plx-open {
    opacity: 1
}

.plx-modal-page {
    overflow: hidden
}

.plx-modal-dialog {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    max-width: calc(100% - .01px) !important;
    background:  var(--bg-main);
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s linear;
    transition-property: opacity, transform;
    animation: plx-fade-scale-02 .3s forwards;
    box-shadow: 0 10px 50px -10px #25F8;
}

.plx-open>.plx-modal-dialog {
    opacity: 1;
    transform: translateY(0)
}

.plx-modal-container .plx-modal-dialog {
    width: 1200px
}

.plx-modal-full {
    padding: 0;
    background: 0 0
}

.plx-modal-full .plx-modal-dialog {
    margin: 0;
    width: 100%;
    max-width: 100%;
    transform: translateY(0)
}

.plx-modal-body {
    padding: 30px 30px
}

.plx-modal-header {
    padding: 15px 30px;
    background:  var(--bg-dark);
    border-bottom: 1px solid var(--text-lighter)
}

.plx-modal-footer {
    padding: 15px 30px;
    background: var(--bg-dark);
    border-top: 1px solid var(--text-lighter)
}

.plx-modal-body::after,
.plx-modal-body::before,
.plx-modal-footer::after,
.plx-modal-footer::before,
.plx-modal-header::after,
.plx-modal-header::before {
    content: "";
    display: table
}

.plx-modal-body::after,
.plx-modal-footer::after,
.plx-modal-header::after {
    clear: both
}

.plx-modal-body>:last-child,
.plx-modal-footer>:last-child,
.plx-modal-header>:last-child {
    margin-bottom: 0
}

.plx-modal-title {
    font-size: 2rem;
    line-height: 1.3
}

[class*=plx-modal-close-] {
    position: absolute;
    z-index: 1010;
    top: 10px;
    right: 10px;
    padding: 5px
}

[class*=plx-modal-close-]:first-child+* {
    margin-top: 0
}

.plx-modal-close-outside {
    top: 0;
    right: -5px;
    transform: translate(0, -100%);
    color:  var(--text-lightest)
}

.plx-modal-close-outside:hover {
    color:  var(--text-lightest)
}

@media (min-width:960px) {
    .plx-modal-close-outside {
        right: 0;
        transform: translate(100%, -100%)
    }
}

.plx-modal-close-full {
    top: 0;
    right: 0;
    padding: 20px;
    background: #fff
}

.plx-lightbox {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    background: #000D;
    opacity: 0;
    transition: opacity .15s linear
}

.plx-lightbox.plx-open {
    display: block;
    opacity: 1
}

.plx-lightbox-page {
    overflow: hidden
}

.plx-lightbox-items>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, .7);
    will-change: transform, opacity
}

.plx-lightbox-items>*>* {
    max-width: 100vw;
    max-height: 100vh
}

.plx-lightbox-items>*>:not(iframe) {
    width: auto;
    height: auto
}

.plx-lightbox-items>.plx-active {
    display: flex
}

.plx-lightbox-toolbar {
    padding: 10px 10px;
    background: rgba(0, 0, 0, .3);
    color: rgba(255, 255, 255, .7)
}

.plx-lightbox-toolbar>* {
    color: rgba(255, 255, 255, .7)
}

.plx-lightbox-toolbar-icon {
    padding: 5px;
    color: rgba(255, 255, 255, .7)
}

.plx-lightbox-toolbar-icon:hover {
    color:  var(--text-lightest)
}

.plx-lightbox-button {
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, .3);
    color: rgba(255, 255, 255, .7);
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.plx-lightbox-button:hover {
    color:  var(--text-lightest)
}

.plx-lightbox-iframe {
    width: 80%;
    height: 80%
}

.plx-slideshow {
    -webkit-tap-highlight-color: transparent
}

.plx-slideshow-items {
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    -webkit-touch-callout: none
}

.plx-slideshow-items>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    will-change: transform, opacity;
    touch-action: pan-y
}

.plx-slideshow-items>:not(.plx-active) {
    display: none
}

.plx-slider {
    -webkit-tap-highlight-color: transparent
}

.plx-slider-container {
    overflow: hidden
}

.plx-slider-items {
    will-change: transform;
    position: relative
}

.plx-slider-items:not(.plx-grid) {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-touch-callout: none
}

.plx-slider-items.plx-grid {
    flex-wrap: nowrap
}

.plx-slider-items>* {
    flex: none;
    position: relative;
    touch-action: pan-y
}

.plx-sticky-fixed {
    z-index: 980;
    box-sizing: border-box;
    margin: 0 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.plx-sticky[class*=plx-animation-] {
    animation-duration: .2s
}

.plx-sticky.plx-animation-reverse {
    animation-duration: .2s
}

.plx-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000
}

.plx-offcanvas-flip .plx-offcanvas {
    right: 0;
    left: auto
}

.plx-offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -270px;
    box-sizing: border-box;
    width: 270px;
    padding: 20px 20px;
    background: #202031;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media (min-width:960px) {
    .plx-offcanvas-bar {
        left: -350px;
        width: 350px;
        padding: 40px 40px
    }
}

.plx-offcanvas-flip .plx-offcanvas-bar {
    left: auto;
    right: -320px
}

@media (min-width:960px) {
    .plx-offcanvas-flip .plx-offcanvas-bar {
        right: -350px
    }
}

.plx-open>.plx-offcanvas-bar {
    left: 0
}

.plx-offcanvas-flip .plx-open>.plx-offcanvas-bar {
    left: auto;
    right: 0
}

.plx-offcanvas-bar-animation {
    transition: left .3s ease-out
}

.plx-offcanvas-flip .plx-offcanvas-bar-animation {
    transition-property: right
}

.plx-offcanvas-reveal {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    transition: width .3s ease-out
}

.plx-offcanvas-reveal .plx-offcanvas-bar {
    left: 0
}

.plx-offcanvas-flip .plx-offcanvas-reveal .plx-offcanvas-bar {
    left: auto;
    right: 0
}

.plx-open>.plx-offcanvas-reveal {
    width: 320px
}

@media (min-width:960px) {
    .plx-open>.plx-offcanvas-reveal {
        width: 350px
    }
}

.plx-offcanvas-flip .plx-offcanvas-reveal {
    right: 0;
    left: auto;
    /*! overflow-x: hidden; */
}

.plx-offcanvas-close {
    position: absolute;
    z-index: 1000;
    top: 20px;
    right: 20px;
    padding: 5px
}

.plx-offcanvas-overlay {
    width: 100vw;
    touch-action: none
}

.plx-offcanvas-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0b0b0FA0;
    opacity: 0;
    transition: opacity .15s linear;
}


.plx-offcanvas-overlay.plx-open::before {
    opacity: 1
}

.plx-offcanvas-container,
.plx-offcanvas-page {
    overflow-x: hidden
}

.plx-offcanvas-container {
    position: relative;
    left: 0; 
    transition: left .8s cubic-bezier(.52,.01,.22,.99);
    box-sizing: border-box;
    width: 100%
}

:not(.plx-offcanvas-flip).plx-offcanvas-container-animation {
    left: 270px
}

.plx-offcanvas-flip.plx-offcanvas-container-animation {
    left: -270px
}

@media (min-width:960px) {
    :not(.plx-offcanvas-flip).plx-offcanvas-container-animation {
        left: 350px
    }

    .plx-offcanvas-flip.plx-offcanvas-container-animation {
        left: -350px
    }
}

.plx-switcher {
    margin: 0;
    padding: 0;
    list-style: none
}

.plx-switcher>:not(.plx-active) {
    display: none
}

.plx-switcher>*>:last-child {
    margin-bottom: 0
}

.plx-leader {
    overflow: hidden
}

.plx-leader-fill::after {
    display: inline-block;
    margin-left: 15px;
    width: 0;
    content: attr(data-fill);
    white-space: nowrap
}

.plx-leader-fill.plx-leader-hide::after {
    display: none
}

.plx-leader-fill-content::before {
    content: '.'
}

:root {
    --plx-leader-fill-content: .
}

.plx-iconnav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -10px
}

.plx-iconnav>* {
    padding-left: 10px
}

.plx-iconnav>*>a {
    display: block;
    color: var(--text-dim)
}

.plx-iconnav>*>a:focus,
.plx-iconnav>*>a:hover {
    color: var(--text-dim-mid);
    outline: 0
}

.plx-iconnav>.plx-active>a {
    color: var(--text-dim-mid)
}

.plx-iconnav-vertical {
    flex-direction: column;
    margin-left: 0;
    margin-top: -10px
}

.plx-iconnav-vertical>* {
    padding-left: 0;
    padding-top: 10px
}

.plx-notification {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1040;
    box-sizing: border-box;
    width: 350px
}

.plx-notification-bottom-right,
.plx-notification-top-right {
    left: auto;
    right: 10px
}

.plx-notification-bottom-center,
.plx-notification-top-center {
    left: 50%;
    margin-left: -175px
}

.plx-notification-bottom-center,
.plx-notification-bottom-left,
.plx-notification-bottom-right {
    top: auto;
    bottom: 10px
}

@media (max-width:639px) {
    .plx-notification {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.plx-notification-message {
    position: relative;
    padding: 15px;
    background: var(--mid-dark);
    color: var(--text-dim-mid);
    font-size: 1.25rem;
    line-height: 1.4;
    cursor: url(/cur/pointer.png), pointer;
    border-radius: 5px;
    border-left: solid 5px #ACACCA;
}

*+.plx-notification-message {
    margin-top: 10px
}

.plx-notification-close {
    display: none;
    position: absolute;
    top: 20px;
    right: 15px
}

.plx-notification-message:hover .plx-notification-close {
    display: block
}

.plx-notification-message-primary {
    border-left: solid 5px var(--accent-color);
   

}

.plx-notification-message-success {
    color: #15E070
}

.plx-notification-message-warning {
    color: #faa05a
}

.plx-notification-message-danger {
    color: var(--plx-danger)
}

.plx-tooltip {
    display: none;
    font-family: 'Quicksand';
    letter-spacing: 1px;
    position: absolute;
    z-index: 1030;
    box-sizing: border-box;
    max-width: 200px;
    padding: 3px 6px;
    background: #111;
    border-radius: 2px;
    color:  var(--text-lightest);
    font-size: 11px
}

.plx-tooltip.plx-active {
    display: block
}

[class*=plx-tooltip-top] {
    margin-top: -10px
}

[class*=plx-tooltip-bottom] {
    margin-top: 10px
}

[class*=plx-tooltip-left] {
    margin-left: -10px
}

[class*=plx-tooltip-right] {
    margin-left: 10px
}

.plx-placeholder {
    margin-bottom: 20px;
    padding: 30px 30px;
    background: 0 0;
    border: 1px dashed var(--text-lighter)
}

*+.plx-placeholder {
    margin-top: 20px
}

.plx-placeholder>:last-child {
    margin-bottom: 0
}

.plx-progress {
    vertical-align: baseline;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 100%;
    border: 0;
    background-color: #112;
    margin-bottom: 20px;
    height: 15px;
    border-radius: 500px;
    overflow: hidden
}

*+.plx-progress {
    margin-top: 20px
}

.plx-progress:indeterminate {
    color: transparent
}

.plx-progress::-webkit-progress-bar {
    background-color: #112;
    border-radius: 500px;
    overflow: hidden
}

.plx-progress:indeterminate::-moz-progress-bar {
    width: 0
}

.plx-progress::-webkit-progress-value {
    background-color: var(--accent-color);
    transition: width .6s ease
}

.plx-progress::-moz-progress-bar {
    background-color: var(--accent-color)
}

.plx-progress::-ms-fill {
    background-color: var(--accent-color);
    transition: width .6s ease;
    border: 0
}

.plx-sortable {
    position: relative
}

.plx-sortable svg {
    pointer-events: none
}

.plx-sortable>:last-child {
    margin-bottom: 0
}

.plx-sortable-drag {
    position: absolute !important;
    z-index: 1050 !important;
    pointer-events: none
}

.plx-sortable-placeholder {
    opacity: 0
}

.plx-sortable-empty {
    min-height: 50px
}

.plx-sortable-handle:hover {
    cursor: move
}

.plx-countdown-number,
.plx-countdown-separator {
    line-height: 70px
}

.plx-countdown-number {
    font-size: 2rem
}

@media (min-width:640px) {
    .plx-countdown-number {
        font-size: 4rem
    }
}

@media (min-width:960px) {
    .plx-countdown-number {
        font-size: 6rem
    }
}

.plx-countdown-separator {
    font-size: 1rem
}

@media (min-width:640px) {
    .plx-countdown-separator {
        font-size: 2rem
    }
}

@media (min-width:960px) {
    .plx-countdown-separator {
        font-size: 3rem
    }
}

.cl-loaded [class*=plx-animation-] {
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

.plx-animation-reverse {
    animation-direction: reverse;
    animation-timing-function: ease-in
}

.plx-animation-toggle:not(:hover):not(:focus) [class*=plx-animation-] {
    animation-name: none
}

.plx-animation-toggle {
    -webkit-tap-highlight-color: transparent
}

.plx-animation-toggle:focus {
    outline: 0
}

.plx-animation-fade {
    animation-name: plx-fade;
    animation-duration: .8s;
    animation-timing-function: linear
}

.plx-animation-scale-up {
    animation-name: plx-fade-scale-02
}

.plx-animation-scale-down {
    animation-name: plx-fade-scale-18
}

.plx-animation-slide-top {
    animation-name: plx-fade-top
}

.plx-animation-slide-bottom {
    animation-name: plx-fade-bottom
}

.plx-animation-slide-left {
    animation-name: plx-fade-left
}

.plx-animation-slide-right {
    animation-name: plx-fade-right
}

.plx-animation-slide-top-small {
    animation-name: plx-fade-top-small
}

.plx-animation-slide-bottom-small {
    animation-name: plx-fade-bottom-small
}

.plx-animation-slide-left-small {
    animation-name: plx-fade-left-small
}

.plx-animation-slide-right-small {
    animation-name: plx-fade-right-small
}

.plx-animation-slide-top-medium {
    animation-name: plx-fade-top-medium
}

.plx-animation-slide-bottom-medium {
    animation-name: plx-fade-bottom-medium;
}

.plx-animation-slide-left-medium {
    animation-name: plx-fade-left-medium
}

.plx-animation-slide-right-medium {
    animation-name: plx-fade-right-medium
}

.plx-animation-kenburns {
    animation-name: plx-scale-kenburns;
    animation-duration: 15s
}

.plx-animation-shake {
    animation-name: plx-shake
}

.plx-animation-fast {
    animation-duration: .1s
}

@keyframes plx-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes plx-fade-top {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plx-fade-bottom {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plx-fade-left {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes plx-fade-right {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes plx-fade-top-small {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plx-fade-bottom-small {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plx-fade-left-small {
    0% {
        opacity: 0;
        transform: translateX(-10px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes plx-fade-right-small {
    0% {
        opacity: 0;
        transform: translateX(10px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes plx-fade-top-medium {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plx-fade-bottom-medium {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes plx-fade-left-medium {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes plx-fade-right-medium {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes plx-fade-scale-02 {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes plx-fade-scale-18 {
    0% {
        opacity: 0;
        transform: scale(1.8)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes plx-scale-kenburns {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.2)
    }
}

@keyframes plx-shake {

    0%,
    100% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(-9px)
    }

    20% {
        transform: translateX(8px)
    }

    30% {
        transform: translateX(-7px)
    }

    40% {
        transform: translateX(6px)
    }

    50% {
        transform: translateX(-5px)
    }

    60% {
        transform: translateX(4px)
    }

    70% {
        transform: translateX(-3px)
    }

    80% {
        transform: translateX(2px)
    }

    90% {
        transform: translateX(-1px)
    }
}

[class*=plx-child-width]>* {
    box-sizing: border-box;
    width: 100%
}

.plx-child-width-1-2>* {
    width: 50%
}

.plx-child-width-1-3>* {
    width: calc(100% * 1 / 3.001)
}

.plx-child-width-1-4>* {
    width: 25%
}

.plx-child-width-1-5>* {
    width: 20%
}

.plx-child-width-1-6>* {
    width: calc(100% * 1 / 6.001)
}

.plx-child-width-auto>* {
    width: auto
}

.plx-child-width-expand>:not([class*=plx-width]) {
    flex: 1;
    min-width: 1px
}

@media (min-width:640px) {
    .plx-child-width-1-1\@s>* {
        width: 100%
    }

    .plx-child-width-1-2\@s>* {
        width: 50%
    }

    .plx-child-width-1-3\@s>* {
        width: calc(100% * 1 / 3.001)
    }

    .plx-child-width-1-4\@s>* {
        width: 25%
    }

    .plx-child-width-1-5\@s>* {
        width: 20%
    }

    .plx-child-width-1-6\@s>* {
        width: calc(100% * 1 / 6.001)
    }

    .plx-child-width-auto\@s>* {
        width: auto
    }

    .plx-child-width-expand\@s>:not([class*=plx-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:960px) {
    .plx-child-width-1-1\@m>* {
        width: 100%
    }

    .plx-child-width-1-2\@m>* {
        width: 50%
    }

    .plx-child-width-1-3\@m>* {
        width: calc(100% * 1 / 3.001)
    }

    .plx-child-width-1-4\@m>* {
        width: 25%
    }

    .plx-child-width-1-5\@m>* {
        width: 20%
    }

    .plx-child-width-1-6\@m>* {
        width: calc(100% * 1 / 6.001)
    }

    .plx-child-width-auto\@m>* {
        width: auto
    }

    .plx-child-width-expand\@m>:not([class*=plx-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1400px) {
    .plx-child-width-1-1\@l>* {
        width: 100%
    }

    .plx-child-width-1-2\@l>* {
        width: 50%
    }

    .plx-child-width-1-3\@l>* {
        width: calc(100% * 1 / 3.001)
    }

    .plx-child-width-1-4\@l>* {
        width: 25%
    }

    .plx-child-width-1-5\@l>* {
        width: 20%
    }

    .plx-child-width-1-6\@l>* {
        width: calc(100% * 1 / 6.001)
    }

    .plx-child-width-auto\@l>* {
        width: auto
    }

    .plx-child-width-expand\@l>:not([class*=plx-width]) {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1600px) {
    .plx-child-width-1-1\@xl>* {
        width: 100%
    }

    .plx-child-width-1-2\@xl>* {
        width: 50%
    }

    .plx-child-width-1-3\@xl>* {
        width: calc(100% * 1 / 3.001)
    }

    .plx-child-width-1-4\@xl>* {
        width: 25%
    }

    .plx-child-width-1-5\@xl>* {
        width: 20%
    }

    .plx-child-width-1-6\@xl>* {
        width: calc(100% * 1 / 6.001)
    }

    .plx-child-width-auto\@xl>* {
        width: auto
    }

    .plx-child-width-expand\@xl>:not([class*=plx-width]) {
        flex: 1;
        min-width: 1px
    }
}

[class*=plx-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.plx-width-1-2 {
    width: 50%
}

.plx-width-1-3 {
    width: calc(100% * 1 / 3.001)
}

.plx-width-2-3 {
    width: calc(100% * 2 / 3.001)
}

.plx-width-1-4 {
    width: 25%
}

.plx-width-3-4 {
    width: 75%
}
 
.plx-width-1-5 {
    width: 20%
}

.plx-width-2-5 {
    width: 40%
}

.plx-width-3-5 {
    width: 60%
}

.plx-width-4-5 {
    width: 80%
}

.plx-width-1-6 {
    width: calc(100% * 1 / 6.001)
}

.plx-width-2-6 {
    width: calc(100% * 2 / 6.001)
}

.plx-width-3-6 {
    width: calc(100% * 3 / 6.001)
}

.plx-width-5-6 {
    width: calc(100% * 5 / 6.001)
}
.plx-width-1-12 {
    width: calc(100% * 1/ 12.001);
}

.plx-width-small {
    width: 150px
}

.plx-width-medium {
    width: 300px
}

.plx-width-large {
    width: 450px
}

.plx-width-xlarge {
    width: 600px
}

.plx-width-xxlarge {
    width: 750px
}

.plx-width-auto {
    width: auto
}

.plx-width-expand {
    flex: 1;
    min-width: 1px
}

@media (min-width:640px) {
    .plx-width-1-1\@s {
        width: 100%
    }

    .plx-width-1-2\@s {
        width: 50%
    }

    .plx-width-1-3\@s {
        width: calc(100% * 1 / 3.001)
    }

    .plx-width-2-3\@s {
        width: calc(100% * 2 / 3.001)
    }

    .plx-width-1-4\@s {
        width: 25%
    }

    .plx-width-3-4\@s {
        width: 75%
    }

    .plx-width-1-5\@s {
        width: 20%
    }

    .plx-width-2-5\@s {
        width: 40%
    }

    .plx-width-3-5\@s {
        width: 60%
    }

    .plx-width-4-5\@s {
        width: 80%
    }

    .plx-width-1-6\@s {
        width: calc(100% * 1 / 6.001)
    }

    .plx-width-5-6\@s {
        width: calc(100% * 5 / 6.001)
    }

    .plx-width-small\@s {
        width: 150px
    }

    .plx-width-medium\@s {
        width: 300px
    }

    .plx-width-large\@s {
        width: 450px
    }

    .plx-width-xlarge\@s {
        width: 600px
    }

    .plx-width-xxlarge\@s {
        width: 750px
    }

    .plx-width-auto\@s {
        width: auto
    }

    .plx-width-expand\@s {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:960px) {
    .plx-width-1-1\@m {
        width: 100%
    }

    .plx-width-1-2\@m {
        width: 50%
    }

    .plx-width-1-3\@m {
        width: calc(100% * 1 / 3.001)
    }

    .plx-width-2-3\@m {
        width: calc(100% * 2 / 3.001)
    }

    .plx-width-1-4\@m {
        width: 25%
    }

    .plx-width-3-4\@m {
        width: 75%
    }

    .plx-width-1-5\@m {
        width: 20%
    }

    .plx-width-2-5\@m {
        width: 40%
    }

    .plx-width-3-5\@m {
        width: 60%
    }

    .plx-width-4-5\@m {
        width: 80%
    }

    .plx-width-1-6\@m {
        width: calc(100% * 1 / 6.001)
    }

    .plx-width-5-6\@m {
        width: calc(100% * 5 / 6.001)
    }

    .plx-width-small\@m {
        width: 150px
    }

    .plx-width-medium\@m {
        width: 300px
    }

    .plx-width-large\@m {
        width: 450px
    }

    .plx-width-xlarge\@m {
        width: 600px
    }

    .plx-width-xxlarge\@m {
        width: 750px
    }

    .plx-width-auto\@m {
        width: auto
    }

    .plx-width-expand\@m {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1400px) {
    .plx-width-1-1\@l {
        width: 100%
    }

    .plx-width-1-2\@l {
        width: 50%
    }

    .plx-width-1-3\@l {
        width: calc(100% * 1 / 3.001)
    }

    .plx-width-2-3\@l {
        width: calc(100% * 2 / 3.001)
    }

    .plx-width-1-4\@l {
        width: 25%
    }

    .plx-width-3-4\@l {
        width: 75%
    }

    .plx-width-1-5\@l {
        width: 20%
    }

    .plx-width-2-5\@l {
        width: 40%
    }

    .plx-width-3-5\@l {
        width: 60%
    }

    .plx-width-4-5\@l {
        width: 80%
    }

    .plx-width-1-6\@l {
        width: calc(100% * 1 / 6.001)
    }

    .plx-width-5-6\@l {
        width: calc(100% * 5 / 6.001)
    }

    .plx-width-small\@l {
        width: 150px
    }

    .plx-width-medium\@l {
        width: 300px
    }

    .plx-width-large\@l {
        width: 450px
    }

    .plx-width-xlarge\@l {
        width: 600px
    }

    .plx-width-xxlarge\@l {
        width: 750px
    }

    .plx-width-auto\@l {
        width: auto
    }

    .plx-width-expand\@l {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1600px) {
    .plx-width-1-1\@xl {
        width: 100%
    }

    .plx-width-1-2\@xl {
        width: 50%
    }

    .plx-width-1-3\@xl {
        width: calc(100% * 1 / 3.001)
    }

    .plx-width-2-3\@xl {
        width: calc(100% * 2 / 3.001)
    }

    .plx-width-1-4\@xl {
        width: 25%
    }

    .plx-width-3-4\@xl {
        width: 75%
    }

    .plx-width-1-5\@xl {
        width: 20%
    }

    .plx-width-2-5\@xl {
        width: 40%
    }

    .plx-width-3-5\@xl {
        width: 60%
    }

    .plx-width-4-5\@xl {
        width: 80%
    }

    .plx-width-1-6\@xl {
        width: calc(100% * 1 / 6.001)
    }

    .plx-width-5-6\@xl {
        width: calc(100% * 5 / 6.001)
    }

    .plx-width-small\@xl {
        width: 150px
    }

    .plx-width-medium\@xl {
        width: 300px
    }

    .plx-width-large\@xl {
        width: 450px
    }

    .plx-width-xlarge\@xl {
        width: 600px
    }

    .plx-width-xxlarge\@xl {
        width: 750px
    }

    .plx-width-auto\@xl {
        width: auto
    }

    .plx-width-expand\@xl {
        flex: 1;
        min-width: 1px
    }
}

[class*=plx-height] {
    box-sizing: border-box
}

.plx-height-1-1 {
    height: 100%
}

.plx-height-viewport {
    min-height: 100vh
}

.plx-height-small {
    height: 150px
}

.plx-height-medium {
    height: 300px
}

.plx-height-large {
    height: 450px
}

.plx-height-max-small {
    max-height: 150px
}

.plx-height-max-medium {
    max-height: 300px
}

.plx-height-max-large {
    max-height: 450px
}

.plx-text-lead {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #333
}

.plx-text-meta {
    font-size: .875rem;
    line-height: 1.4;
    color: var(--text-dim)
}

.plx-text-meta a {
    color: var(--text-dim)
}

.plx-text-meta a:hover {
    color: var(--text-dim-mid);
    text-decoration: none
}

.plx-text-small {
    font-size: .875rem;
    line-height: 1.5
}

.plx-text-large {
    font-size: 1.5rem;
    line-height: 1.5
}

.plx-text-bold {
    font-weight: bolder
}

.plx-text-uppercase {
    text-transform: uppercase !important
}

.plx-text-capitalize {
    text-transform: capitalize !important
}

.plx-text-lowercase {
    text-transform: lowercase !important
}

.plx-text-muted {
    color:  var(--text-lightest)5 !important
}

.plx-text-emphasis {
    color: #333 !important
}

.plx-text-primary {
    color: var(--accent-color) !important
}

.plx-text-success {
    color: #15E070 !important
}

.plx-text-warning {
    color: #faa05a !important
}

.plx-text-danger {
    color: #F03050 !important
}

.plx-text-background {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    color: var(--accent-color) !important
}

@supports (-webkit-background-clip:text) {
    .plx-text-background {
        background-color: var(--accent-color)
    }
}

.plx-text-left {
    text-align: left !important
}

.plx-text-right {
    text-align: right !important
}

.plx-text-center {
    text-align: center !important
}

.plx-text-justify {
    text-align: justify !important
}

@media (min-width:640px) {
    .plx-text-left\@s {
        text-align: left !important
    }

    .plx-text-right\@s {
        text-align: right !important
    }

    .plx-text-center\@s {
        text-align: center !important
    }
}

@media (min-width:960px) {
    .plx-text-left\@m {
        text-align: left !important
    }

    .plx-text-right\@m {
        text-align: right !important
    }

    .plx-text-center\@m {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .plx-text-left\@l {
        text-align: left !important
    }

    .plx-text-right\@l {
        text-align: right !important
    }

    .plx-text-center\@l {
        text-align: center !important
    }
}

@media (min-width:1600px) {
    .plx-text-left\@xl {
        text-align: left !important
    }

    .plx-text-right\@xl {
        text-align: right !important
    }

    .plx-text-center\@xl {
        text-align: center !important
    }
}

.plx-text-top {
    vertical-align: top !important
}

.plx-text-middle {
    vertical-align: middle !important
}

.plx-text-bottom {
    vertical-align: bottom !important
}

.plx-text-baseline {
    vertical-align: baseline !important
}

.plx-text-nowrap {
    white-space: nowrap
}

.plx-text-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

td.plx-text-truncate,
th.plx-text-truncate {
    max-width: 0
}

.plx-text-break {
    overflow-wrap: break-word;
    word-wrap: break-word
}

td.plx-text-break,
th.plx-text-break {
    word-break: break-all
}

[class*=plx-column-] {
    column-gap: 30px
}

@media (min-width:1400px) {
    [class*=plx-column-] {
        column-gap: 40px
    }
}

[class*=plx-column-] img {
    transform: translate3d(0, 0, 0)
}

.plx-column-divider {
    column-rule: 1px solid var(--heading-divider-color);
    column-gap: 60px
}

@media (min-width:1400px) {
    .plx-column-divider {
        column-gap: 80px
    }
}

.plx-column-1-2 {
    column-count: 2
}

.plx-column-1-3 {
    column-count: 3
}

.plx-column-1-4 {
    column-count: 4
}

.plx-column-1-5 {
    column-count: 5
}

.plx-column-1-6 {
    column-count: 6
}

@media (min-width:640px) {
    .plx-column-1-2\@s {
        column-count: 2
    }

    .plx-column-1-3\@s {
        column-count: 3
    }

    .plx-column-1-4\@s {
        column-count: 4
    }

    .plx-column-1-5\@s {
        column-count: 5
    }

    .plx-column-1-6\@s {
        column-count: 6
    }
}

@media (min-width:960px) {
    .plx-column-1-2\@m {
        column-count: 2
    }

    .plx-column-1-3\@m {
        column-count: 3
    }

    .plx-column-1-4\@m {
        column-count: 4
    }

    .plx-column-1-5\@m {
        column-count: 5
    }

    .plx-column-1-6\@m {
        column-count: 6
    }
}

@media (min-width:1400px) {
    .plx-column-1-2\@l {
        column-count: 2
    }

    .plx-column-1-3\@l {
        column-count: 3
    }

    .plx-column-1-4\@l {
        column-count: 4
    }

    .plx-column-1-5\@l {
        column-count: 5
    }

    .plx-column-1-6\@l {
        column-count: 6
    }
}

@media (min-width:1600px) {
    .plx-column-1-2\@xl {
        column-count: 2
    }

    .plx-column-1-3\@xl {
        column-count: 3
    }

    .plx-column-1-4\@xl {
        column-count: 4
    }

    .plx-column-1-5\@xl {
        column-count: 5
    }

    .plx-column-1-6\@xl {
        column-count: 6
    }
}

.plx-column-span {
    column-span: all
}

.plx-cover {
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

iframe.plx-cover {
    pointer-events: none
} 

.plx-cover-container { 
    overflow: hidden;
    position: relative
}

.plx-background-default {
    background-color:  var(--text-lightest)
}

.plx-background-muted {
    background-color: #112
}

.plx-background-primary {
    background-color: var(--accent-color);
    background-image: linear-gradient( 90deg, var(--accent-color-dark) 0%, var(--accent-color-mid) 71%, var(--accent-color-dark)100%);
}

.plx-background-secondary {
    background-color:var(--bg-opaque);
}

.plx-background-contain,
.plx-background-cover {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.plx-background-cover {
    background-size: cover
}

.plx-background-contain {
    background-size: contain
}

.plx-background-top-left {
    background-position: 0 0
}

.plx-background-top-center {
    background-position: 50% 0
}

.plx-background-top-right {
    background-position: 100% 0
}

.plx-background-center-left {
    background-position: 0 50%
}

.plx-background-center-center {
    background-position: 50% 50%
}

.plx-background-center-right {
    background-position: 100% 50%
}

.plx-background-bottom-left {
    background-position: 0 100%
}

.plx-background-bottom-center {
    background-position: 50% 100%
}

.plx-background-bottom-right {
    background-position: 100% 100%
}

.plx-background-norepeat {
    background-repeat: no-repeat
}

.plx-background-fixed {
    background-attachment: fixed;
    backface-visibility: hidden
}

@media (pointer:coarse) {
    .plx-background-fixed {
        background-attachment: scroll
    }
}

@media (max-width:639px) {
    .plx-background-image\@s {
        background-image: none !important
    }
}

@media (max-width:959px) {
    .plx-background-image\@m {
        background-image: none !important
    }
}

@media (max-width:1199px) {
    .plx-background-image\@l {
        background-image: none !important
    }
}

@media (max-width:1599px) {
    .plx-background-image\@xl {
        background-image: none !important
    }
}

.plx-background-blend-multiply {
    background-blend-mode: multiply
}

.plx-background-blend-screen {
    background-blend-mode: screen
}

.plx-background-blend-overlay {
    background-blend-mode: overlay
}

.plx-background-blend-darken {
    background-blend-mode: darken
}

.plx-background-blend-lighten {
    background-blend-mode: lighten
}

.plx-background-blend-color-dodge {
    background-blend-mode: color-dodge
}

.plx-background-blend-color-burn {
    background-blend-mode: color-burn
}

.plx-background-blend-hard-light {
    background-blend-mode: hard-light
}

.plx-background-blend-soft-light {
    background-blend-mode: soft-light
}

.plx-background-blend-difference {
    background-blend-mode: difference
}

.plx-background-blend-exclusion {
    background-blend-mode: exclusion
}

.plx-background-blend-hue {
    background-blend-mode: hue
}

.plx-background-blend-saturation {
    background-blend-mode: saturation
}

.plx-background-blend-color {
    background-blend-mode: color
}

.plx-background-blend-luminosity {
    background-blend-mode: luminosity
}

[class*=plx-align] {
    display: block;
    margin-bottom: 30px
}

*+[class*=plx-align] {
    margin-top: 30px
}

.plx-align-center {
    margin-left: auto;
    margin-right: auto
}

.plx-align-left {
    margin-top: 0;
    margin-right: 30px;
    float: left
}

.plx-align-right {
    margin-top: 0;
    margin-left: 30px;
    float: right
}

@media (min-width:640px) {
    .plx-align-left\@s {
        margin-top: 0;
        margin-right: 30px;
        float: left
    }

    .plx-align-right\@s {
        margin-top: 0;
        margin-left: 30px;
        float: right
    }
}

@media (min-width:960px) {
    .plx-align-left\@m {
        margin-top: 0;
        margin-right: 30px;
        float: left
    }

    .plx-align-right\@m {
        margin-top: 0;
        margin-left: 30px;
        float: right
    }
}

@media (min-width:1400px) {
    .plx-align-left\@l {
        margin-top: 0;
        float: left
    }

    .plx-align-right\@l {
        margin-top: 0;
        float: right
    }

    .plx-align-left,
    .plx-align-left\@l,
    .plx-align-left\@m,
    .plx-align-left\@s {
        margin-right: 40px
    }

    .plx-align-right,
    .plx-align-right\@l,
    .plx-align-right\@m,
    .plx-align-right\@s {
        margin-left: 40px
    }
}

@media (min-width:1600px) {
    .plx-align-left\@xl {
        margin-top: 0;
        margin-right: 40px;
        float: left
    }

    .plx-align-right\@xl {
        margin-top: 0;
        margin-left: 40px;
        float: right
    }
}

.plx-svg,
.plx-svg:not(.plx-preserve) [fill*='#']:not(.plx-preserve) {
    fill: currentcolor
}

.plx-svg:not(.plx-preserve) [stroke*='#']:not(.plx-preserve) {
    stroke: currentcolor
}

.plx-svg {
    transform: translate(0, 0)
}

.plx-panel {
    position: relative;
    box-sizing: border-box
}

.plx-panel::after,
.plx-panel::before {
    content: "";
    display: table
}

.plx-panel::after {
    clear: both
}

.plx-panel>:last-child {
    margin-bottom: 0
}

.plx-panel-scrollable {
    height: 170px;
    padding: 10px;
    border: 1px solid var(--heading-divider-color);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both
}

.plx-clearfix::before {
    content: "";
    display: table-cell
}

.plx-clearfix::after {
    content: "";
    display: table;
    clear: both
}

.plx-float-left {
    float: left
}

.plx-float-right {
    float: right
}

[class*=plx-float-] {
    max-width: 100%
}

.plx-overflow-hidden {
    overflow: hidden
}

.plx-overflow-auto {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.plx-overflow-auto>:last-child {
    margin-bottom: 0
}

.plx-resize {
    resize: both
}

.plx-resize-vertical {
    resize: vertical
}

.plx-display-block {
    display: block !important
}

.plx-display-inline {
    display: inline !important
}

.plx-display-inline-block {
    display: inline-block !important
}

[class*=plx-inline] {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    -webkit-backface-visibility: hidden
}

.plx-inline-clip {
    overflow: hidden
}

.plx-preserve-width,
.plx-preserve-width canvas,
.plx-preserve-width img,
.plx-preserve-width svg,
.plx-preserve-width video {
    max-width: none
}

.plx-responsive-height,
.plx-responsive-width {
    box-sizing: border-box
}

.plx-responsive-width {
    max-width: 100% !important;
    height: auto
}

.plx-responsive-height {
    max-height: 100%;
    width: auto;
    max-width: none
}

.plx-border-circle {
    border-radius: 50%
}

.plx-border-pill {
    border-radius: 500px
}

.plx-border-rounded {
    border-radius: 5px
}

.plx-inline-clip[class*=plx-border-] {
    -webkit-transform: translateZ(0)
}

.plx-box-shadow-small {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
}

.plx-box-shadow-medium {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.plx-box-shadow-large {
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.plx-box-shadow-xlarge {
    box-shadow: 0 28px 50px rgba(0, 0, 0, .16)
}

[class*=plx-box-shadow-hover] {
    transition: box-shadow .1s ease-in-out
}

.plx-box-shadow-hover-small:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
}

.plx-box-shadow-hover-medium:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.plx-box-shadow-hover-large:hover {
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.plx-box-shadow-hover-xlarge:hover {
    box-shadow: 0 28px 50px rgba(0, 0, 0, .16)
}

@supports (filter:blur(0)) {
    .plx-box-shadow-bottom {
        display: inline-block;
        position: relative;
        max-width: 100%;
        vertical-align: middle
    }

    .plx-box-shadow-bottom::before {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 0;
        right: 0;
        height: 30px;
        border-radius: 100%;
        background: #444;
        filter: blur(20px)
    }

    .plx-box-shadow-bottom>* {
        position: relative
    }
}

.plx-dropcap::first-letter,
.plx-dropcap>p:first-of-type::first-letter {
    display: block;
    margin-right: 10px;
    float: left;
    font-size: 4.5em;
    line-height: 1;
    margin-bottom: -2px
}

@-moz-document url-prefix() {

    .plx-dropcap::first-letter,
    .plx-dropcap>p:first-of-type::first-letter {
        margin-top: 1.1%
    }
}

@supports (-ms-ime-align:auto) {
    .plx-dropcap>p:first-of-type::first-letter {
        font-size: 1em
    }
}

.plx-logo {
    font-size: 1.5rem;
    font-family: "Quicksand",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: var(--text-dim-mid);
    text-decoration: none
}

.plx-logo:focus,
.plx-logo:hover {
    color: var(--text-dim-mid);
    outline: 0;
    text-decoration: none
}

.plx-logo-inverse {
    display: none
}

.plx-disabled {
    pointer-events: none
}

.plx-drag,
.plx-drag * {
    cursor: move
}

.plx-drag iframe {
    pointer-events: none
}

.plx-dragover {
    box-shadow: 0 0 20px rgba(100, 100, 100, .3)
}

.plx-blend-multiply {
    mix-blend-mode: multiply
}

.plx-blend-screen {
    mix-blend-mode: screen
}

.plx-blend-overlay {
    mix-blend-mode: overlay
}

.plx-blend-darken {
    mix-blend-mode: darken
}

.plx-blend-lighten {
    mix-blend-mode: lighten
}

.plx-blend-color-dodge {
    mix-blend-mode: color-dodge
}

.plx-blend-color-burn {
    mix-blend-mode: color-burn
}

.plx-blend-hard-light {
    mix-blend-mode: hard-light
}

.plx-blend-soft-light {
    mix-blend-mode: soft-light
}

.plx-blend-difference {
    mix-blend-mode: difference
}

.plx-blend-exclusion {
    mix-blend-mode: exclusion
}

.plx-blend-hue {
    mix-blend-mode: hue
}

.plx-blend-saturation {
    mix-blend-mode: saturation
}

.plx-blend-color {
    mix-blend-mode: color
}

.plx-blend-luminosity {
    mix-blend-mode: luminosity
}

.plx-transform-center {
    transform: translate(-50%, -50%)
}

.plx-transform-origin-top-left {
    transform-origin: 0 0
}

.plx-transform-origin-top-center {
    transform-origin: 50% 0
}

.plx-transform-origin-top-right {
    transform-origin: 100% 0
}

.plx-transform-origin-center-left {
    transform-origin: 0 50%
}

.plx-transform-origin-center-right {
    transform-origin: 100% 50%
}

.plx-transform-origin-bottom-left {
    transform-origin: 0 100%
}

.plx-transform-origin-bottom-center {
    transform-origin: 50% 100%
}

.plx-transform-origin-bottom-right {
    transform-origin: 100% 100%
}

.plx-flex {
    display: flex
}

.plx-flex-inline {
    display: inline-flex
}

.plx-flex-inline::after,
.plx-flex-inline::before,
.plx-flex::after,
.plx-flex::before {
    display: none
}

.plx-flex-left {
    justify-content: flex-start
}

.plx-flex-center {
    justify-content: center
}

.plx-flex-right {
    justify-content: flex-end
}

.plx-flex-between {
    justify-content: space-between
}

.plx-flex-around {
    justify-content: space-around
}

@media (min-width:640px) {
    .plx-flex-left\@s {
        justify-content: flex-start
    }

    .plx-flex-center\@s {
        justify-content: center
    }

    .plx-flex-right\@s {
        justify-content: flex-end
    }

    .plx-flex-between\@s {
        justify-content: space-between
    }

    .plx-flex-around\@s {
        justify-content: space-around
    }
}

@media (min-width:960px) {
    .plx-flex-left\@m {
        justify-content: flex-start
    }

    .plx-flex-center\@m {
        justify-content: center
    }

    .plx-flex-right\@m {
        justify-content: flex-end
    }

    .plx-flex-between\@m {
        justify-content: space-between
    }

    .plx-flex-around\@m {
        justify-content: space-around
    }
}

@media (min-width:1400px) {
    .plx-flex-left\@l {
        justify-content: flex-start
    }

    .plx-flex-center\@l {
        justify-content: center
    }

    .plx-flex-right\@l {
        justify-content: flex-end
    }

    .plx-flex-between\@l {
        justify-content: space-between
    }

    .plx-flex-around\@l {
        justify-content: space-around
    }
}

@media (min-width:1600px) {
    .plx-flex-left\@xl {
        justify-content: flex-start
    }

    .plx-flex-center\@xl {
        justify-content: center
    }

    .plx-flex-right\@xl {
        justify-content: flex-end
    }

    .plx-flex-between\@xl {
        justify-content: space-between
    }

    .plx-flex-around\@xl {
        justify-content: space-around
    }
}

.plx-flex-stretch {
    align-items: stretch
}

.plx-flex-top {
    align-items: flex-start
}

.plx-flex-middle {
    align-items: center
}

.plx-flex-bottom {
    align-items: flex-end
}

.plx-flex-row {
    flex-direction: row
}

.plx-flex-row-reverse {
    flex-direction: row-reverse
}

.plx-flex-column {
    flex-direction: column
}

.plx-flex-column-reverse {
    flex-direction: column-reverse
}

.plx-flex-nowrap {
    flex-wrap: nowrap
}

.plx-flex-wrap {
    flex-wrap: wrap
}

.plx-flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.plx-flex-wrap-stretch {
    align-content: stretch
}

.plx-flex-wrap-top {
    align-content: flex-start
}

.plx-flex-wrap-middle {
    align-content: center
}

.plx-flex-wrap-bottom {
    align-content: flex-end
}

.plx-flex-wrap-between {
    align-content: space-between
}

.plx-flex-wrap-around {
    align-content: space-around
}

.plx-flex-first {
    order: -1
}

.plx-flex-last {
    order: 99
}

@media (min-width:640px) {
    .plx-flex-first\@s {
        order: -1
    }

    .plx-flex-last\@s {
        order: 99
    }
}

@media (min-width:960px) {
    .plx-flex-first\@m {
        order: -1
    }

    .plx-flex-last\@m {
        order: 99
    }
}

@media (min-width:1400px) {
    .plx-flex-first\@l {
        order: -1
    }

    .plx-flex-last\@l {
        order: 99
    }
}

@media (min-width:1600px) {
    .plx-flex-first\@xl {
        order: -1
    }

    .plx-flex-last\@xl {
        order: 99
    }
}

.plx-flex-none {
    flex: none
}

.plx-flex-auto {
    flex: auto
}

.plx-flex-1 {
    flex: 1
}

.plx-margin {
    margin-bottom: 20px
}

*+.plx-margin {
    margin-top: 20px !important
}

.plx-margin-top {
    margin-top: 20px !important
}

.plx-margin-bottom {
    margin-bottom: 20px !important
}

.plx-margin-left {
    margin-left: 20px !important
}

.plx-margin-right {
    margin-right: 20px !important
}

.plx-margin-small {
    margin-bottom: 10px
}

*+.plx-margin-small {
    margin-top: 10px !important
}

.plx-margin-small-top {
    margin-top: 10px !important
}

.plx-margin-small-bottom {
    margin-bottom: 10px !important
}

.plx-margin-small-left {
    margin-left: 10px !important
}

.plx-margin-small-right {
    margin-right: 10px !important
}

.plx-margin-medium {
    margin-bottom: 40px
}

*+.plx-margin-medium {
    margin-top: 40px !important
}

.plx-margin-medium-top {
    margin-top: 40px !important
}

.plx-margin-medium-bottom {
    margin-bottom: 40px !important
}

.plx-margin-medium-left {
    margin-left: 40px !important
}

.plx-margin-medium-right {
    margin-right: 40px !important
}

.plx-margin-large {
    margin-bottom: 40px
}

*+.plx-margin-large {
    margin-top: 40px !important
}

.plx-margin-large-top {
    margin-top: 40px !important
}

.plx-margin-large-bottom {
    margin-bottom: 40px !important
}

.plx-margin-large-left {
    margin-left: 40px !important
}

.plx-margin-large-right {
    margin-right: 40px !important
}

@media (min-width:1400px) {
    .plx-margin-large {
        margin-bottom: 70px
    }

    *+.plx-margin-large {
        margin-top: 70px !important
    }

    .plx-margin-large-top {
        margin-top: 70px !important
    }

    .plx-margin-large-bottom {
        margin-bottom: 70px !important
    }

    .plx-margin-large-left {
        margin-left: 70px !important
    }

    .plx-margin-large-right {
        margin-right: 70px !important
    }
}

.plx-margin-xlarge {
    margin-bottom: 70px
}

*+.plx-margin-xlarge {
    margin-top: 70px !important
}

.plx-margin-xlarge-top {
    margin-top: 70px !important
}

.plx-margin-xlarge-bottom {
    margin-bottom: 70px !important
}

.plx-margin-xlarge-left {
    margin-left: 70px !important
}

.plx-margin-xlarge-right {
    margin-right: 70px !important
}

@media (min-width:1400px) {
    .plx-margin-xlarge {
        margin-bottom: 140px
    }

    *+.plx-margin-xlarge {
        margin-top: 140px !important
    }

    .plx-margin-xlarge-top {
        margin-top: 140px !important
    }

    .plx-margin-xlarge-bottom {
        margin-bottom: 140px !important
    }

    .plx-margin-xlarge-left {
        margin-left: 140px !important
    }

    .plx-margin-xlarge-right {
        margin-right: 140px !important
    }
}

.plx-margin-remove {
    margin: 0 !important
}

.plx-margin-remove-top {
    margin-top: 0 !important
}

.plx-margin-remove-bottom {
    margin-bottom: 0 !important
}

.plx-margin-remove-left {
    margin-left: 0 !important
}

.plx-margin-remove-right {
    margin-right: 0 !important
}

.plx-margin-remove-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.plx-margin-remove-adjacent+* {
    margin-top: 0 !important
}

.plx-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.plx-margin-auto-top {
    margin-top: auto !important
}

.plx-margin-auto-bottom {
    margin-bottom: auto !important
}

.plx-margin-auto-left {
    margin-left: auto !important
}

.plx-margin-auto-right {
    margin-right: auto !important
}

.plx-margin-auto-vertical {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.plx-padding {
    padding: 30px
}

@media (min-width:1400px) {
    .plx-padding {
        padding: 40px
    }
}

.plx-padding-small {
    padding: 15px
}

.plx-padding-large {
    padding: 30px
}

@media (min-width:1400px) {
    .plx-padding-large {
        padding: 70px
    }
}

.plx-padding-remove {
    padding: 0 !important
}

.plx-padding-remove-top {
    padding-top: 0 !important
}

.plx-padding-remove-bottom {
    padding-bottom: 0 !important
}

.plx-padding-remove-left {
    padding-left: 0 !important
}

.plx-padding-remove-right {
    padding-right: 0 !important
}

.plx-padding-remove-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.plx-padding-remove-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important
}

[class*=plx-position-bottom],
[class*=plx-position-center],
[class*=plx-position-left],
[class*=plx-position-right],
[class*=plx-position-top] {
    position: absolute !important
}

.plx-position-top {
    top: 0;
    left: 0;
    right: 0
}

.plx-position-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.plx-position-left {
    top: 0;
    bottom: 0;
    left: 0
}

.plx-position-right {
    top: 0;
    bottom: 0;
    right: 0
}

.plx-position-top-left {
    top: 0;
    left: 0
}

.plx-position-top-right {
    top: 0;
    right: 0
}

.plx-position-bottom-left {
    bottom: 0;
    left: 0
}

.plx-position-bottom-right {
    bottom: 0;
    right: 0
}

.plx-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box
}

[class*=plx-position-center-left],
[class*=plx-position-center-right] {
    top: 50%;
    transform: translateY(-50%)
}

.plx-position-center-left {
    left: 0
}

.plx-position-center-right {
    right: 0
}

.plx-position-center-left-out {
    right: 100%;
    width: -moz-max-content;
    width: max-content
}

.plx-position-center-right-out {
    left: 100%;
    width: -moz-max-content;
    width: max-content
}

.plx-position-bottom-center,
.plx-position-top-center {
    left: 50%;
    transform: translateX(-50%);
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box
}

.plx-position-top-center {
    top: 0
}

.plx-position-bottom-center {
    bottom: 0
}

.plx-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.plx-position-relative {
    position: relative !important
}

.plx-position-absolute {
    position: absolute !important
}

.plx-position-fixed {
    position: fixed !important
}

.plx-position-z-index {
    z-index: 1
}

.plx-position-small {
    max-width: calc(100% - (15px * 2));
    margin: 15px
}

.plx-position-small.plx-position-center {
    transform: translate(-50%, -50%) translate(-15px, -15px)
}

.plx-position-small[class*=plx-position-center-left],
.plx-position-small[class*=plx-position-center-right] {
    transform: translateY(-50%) translateY(-15px)
}

.plx-position-small.plx-position-bottom-center,
.plx-position-small.plx-position-top-center {
    transform: translateX(-50%) translateX(-15px)
}

.plx-position-medium {
    max-width: calc(100% - (30px * 2));
    margin: 30px
}

.plx-position-medium.plx-position-center {
    transform: translate(-50%, -50%) translate(-30px, -30px)
}

.plx-position-medium[class*=plx-position-center-left],
.plx-position-medium[class*=plx-position-center-right] {
    transform: translateY(-50%) translateY(-30px)
}

.plx-position-medium.plx-position-bottom-center,
.plx-position-medium.plx-position-top-center {
    transform: translateX(-50%) translateX(-30px)
}

.plx-position-large {
    max-width: calc(100% - (30px * 2));
    margin: 30px
}

.plx-position-large.plx-position-center {
    transform: translate(-50%, -50%) translate(-30px, -30px)
}

.plx-position-large[class*=plx-position-center-left],
.plx-position-large[class*=plx-position-center-right] {
    transform: translateY(-50%) translateY(-30px)
}

.plx-position-large.plx-position-bottom-center,
.plx-position-large.plx-position-top-center {
    transform: translateX(-50%) translateX(-30px)
}

@media (min-width:1400px) {
    .plx-position-large {
        max-width: calc(100% - (50px * 2));
        margin: 50px
    }

    .plx-position-large.plx-position-center {
        transform: translate(-50%, -50%) translate(-50px, -50px)
    }

    .plx-position-large[class*=plx-position-center-left],
    .plx-position-large[class*=plx-position-center-right] {
        transform: translateY(-50%) translateY(-50px)
    }

    .plx-position-large.plx-position-bottom-center,
    .plx-position-large.plx-position-top-center {
        transform: translateX(-50%) translateX(-50px)
    }
}

.plx-transition-toggle {
    -webkit-tap-highlight-color: transparent
}

.plx-transition-toggle:focus {
    outline: 0
}

.plx-transition-fade,
.plx-transition-stroke,
[class*=plx-transition-scale],
[class*=plx-transition-slide] {
    transition: .3s ease-out;
    transition-property: opacity, transform, filter, stroke-dashoffset;
    opacity: 0
}

.plx-transition-active.plx-active .plx-transition-fade,
.plx-transition-toggle:focus .plx-transition-fade,
.plx-transition-toggle:hover .plx-transition-fade {
    opacity: 1
}

.plx-transition-scale-up {
    transform: scale3d(1, 1, 1)
}

.plx-transition-scale-down {
    transform: scale3d(1.1, 1.1, 1)
}

.plx-transition-active.plx-active .plx-transition-scale-up,
.plx-transition-toggle:focus .plx-transition-scale-up,
.plx-transition-toggle:hover .plx-transition-scale-up {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1)
}

.plx-transition-active.plx-active .plx-transition-scale-down,
.plx-transition-toggle:focus .plx-transition-scale-down,
.plx-transition-toggle:hover .plx-transition-scale-down {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.plx-transition-slide-top {
    transform: translateY(-100%)
}

.plx-transition-slide-bottom {
    transform: translateY(100%)
}

.plx-transition-slide-left {
    transform: translateX(-100%)
}

.plx-transition-slide-right {
    transform: translateX(100%)
}

.plx-transition-slide-top-small {
    transform: translateY(-10px)
}

.plx-transition-slide-bottom-small {
    transform: translateY(10px)
}

.plx-transition-slide-left-small {
    transform: translateX(-10px)
}

.plx-transition-slide-right-small {
    transform: translateX(10px)
}

.plx-transition-slide-top-medium {
    transform: translateY(-50px)
}

.plx-transition-slide-bottom-medium {
    transform: translateY(50px)
}

.plx-transition-slide-left-medium {
    transform: translateX(-50px)
}

.plx-transition-slide-right-medium {
    transform: translateX(50px)
}

.plx-transition-active.plx-active [class*=plx-transition-slide],
.plx-transition-toggle:focus [class*=plx-transition-slide],
.plx-transition-toggle:hover [class*=plx-transition-slide] {
    opacity: 1;
    transform: translate(0, 0)
}

.plx-transition-stroke {
    transition-duration: 3s
}

.plx-transition-stroke.plx-transition-active,
.plx-transition-stroke:focus,
.plx-transition-stroke:hover {
    opacity: 1;
    stroke-dashoffset: 0 !important
}

.plx-transition-opaque {
    opacity: 1
}

.plx-transition-slow {
    transition-duration: .7s
}

.plx-hidden,
[hidden] {
    display: none !important
}

@media (min-width:640px) {
    .plx-hidden\@s {
        display: none !important
    }
}

@media (min-width:960px) {
    .plx-hidden\@m {
        display: none !important
    }
}

@media (min-width:1400px) {
    .plx-hidden\@l {
        display: none !important
    }
}

@media (min-width:1600px) {
    .plx-hidden\@xl {
        display: none !important
    }
}

@media (max-width:639px) {
    .plx-visible\@s {
        display: none !important
    }
}

@media (max-width:959px) {
    .plx-visible\@m {
        display: none !important
    }
}

@media (max-width:1199px) {
    .plx-visible\@l {
        display: none !important
    }
}

@media (max-width:1599px) {
    .plx-visible\@xl {
        display: none !important
    }
}

.plx-invisible {
    visibility: hidden !important
}

.plx-visible-toggle:not(:hover):not(:focus) .plx-hidden-hover:not(:focus-within) {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important
}

.plx-visible-toggle:not(:hover):not(:focus) .plx-invisible-hover:not(:focus-within) {
    opacity: 0 !important
}

.plx-visible-toggle {
    -webkit-tap-highlight-color: transparent
}

.plx-visible-toggle:focus {
    outline: 0
}

@media (pointer:coarse) {
    .plx-hidden-touch {
        display: none !important
    }
}

.plx-hidden-notouch {
    display: none !important
}

@media (pointer:coarse) {
    .plx-hidden-notouch {
        display: block !important
    }
}

.plx-card-primary.plx-card-body,
.plx-card-primary>:not([class*=plx-card-media]),
.plx-card-secondary.plx-card-body,
.plx-card-secondary>:not([class*=plx-card-media]),
.plx-light,
.plx-offcanvas-bar,
.plx-overlay-primary,
.plx-section-primary:not(.plx-preserve-color),
.plx-section-secondary:not(.plx-preserve-color),
.plx-tile-primary:not(.plx-preserve-color),
.plx-tile-secondary:not(.plx-preserve-color) {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-link,
.plx-card-primary.plx-card-body a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-link,
.plx-card-primary>:not([class*=plx-card-media]) a,
.plx-card-secondary.plx-card-body .plx-link,
.plx-card-secondary.plx-card-body a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-link,
.plx-card-secondary>:not([class*=plx-card-media]) a,
.plx-light .plx-link,
.plx-light a,
.plx-offcanvas-bar .plx-link,
.plx-offcanvas-bar a,
.plx-overlay-primary .plx-link,
.plx-overlay-primary a,
.plx-section-primary:not(.plx-preserve-color) .plx-link,
.plx-section-primary:not(.plx-preserve-color) a,
.plx-section-secondary:not(.plx-preserve-color) .plx-link,
.plx-section-secondary:not(.plx-preserve-color) a,
.plx-tile-primary:not(.plx-preserve-color) .plx-link,
.plx-tile-primary:not(.plx-preserve-color) a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-link,
.plx-tile-secondary:not(.plx-preserve-color) a {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-link:hover,
.plx-card-primary.plx-card-body a:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-link:hover,
.plx-card-primary>:not([class*=plx-card-media]) a:hover,
.plx-card-secondary.plx-card-body .plx-link:hover,
.plx-card-secondary.plx-card-body a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-link:hover,
.plx-card-secondary>:not([class*=plx-card-media]) a:hover,
.plx-light .plx-link:hover,
.plx-light a:hover,
.plx-offcanvas-bar .plx-link:hover,
.plx-offcanvas-bar a:hover,
.plx-overlay-primary .plx-link:hover,
.plx-overlay-primary a:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-link:hover,
.plx-section-primary:not(.plx-preserve-color) a:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-link:hover,
.plx-section-secondary:not(.plx-preserve-color) a:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-link:hover,
.plx-tile-primary:not(.plx-preserve-color) a:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-link:hover,
.plx-tile-secondary:not(.plx-preserve-color) a:hover {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body :not(pre)>code,
.plx-card-primary.plx-card-body :not(pre)>kbd,
.plx-card-primary.plx-card-body :not(pre)>samp,
.plx-card-primary>:not([class*=plx-card-media]) :not(pre)>code,
.plx-card-primary>:not([class*=plx-card-media]) :not(pre)>kbd,
.plx-card-primary>:not([class*=plx-card-media]) :not(pre)>samp,
.plx-card-secondary.plx-card-body :not(pre)>code,
.plx-card-secondary.plx-card-body :not(pre)>kbd,
.plx-card-secondary.plx-card-body :not(pre)>samp,
.plx-card-secondary>:not([class*=plx-card-media]) :not(pre)>code,
.plx-card-secondary>:not([class*=plx-card-media]) :not(pre)>kbd,
.plx-card-secondary>:not([class*=plx-card-media]) :not(pre)>samp,
.plx-light :not(pre)>code,
.plx-light :not(pre)>kbd,
.plx-light :not(pre)>samp,
.plx-offcanvas-bar :not(pre)>code,
.plx-offcanvas-bar :not(pre)>kbd,
.plx-offcanvas-bar :not(pre)>samp,
.plx-overlay-primary :not(pre)>code,
.plx-overlay-primary :not(pre)>kbd,
.plx-overlay-primary :not(pre)>samp,
.plx-section-primary:not(.plx-preserve-color) :not(pre)>code,
.plx-section-primary:not(.plx-preserve-color) :not(pre)>kbd,
.plx-section-primary:not(.plx-preserve-color) :not(pre)>samp,
.plx-section-secondary:not(.plx-preserve-color) :not(pre)>code,
.plx-section-secondary:not(.plx-preserve-color) :not(pre)>kbd,
.plx-section-secondary:not(.plx-preserve-color) :not(pre)>samp,
.plx-tile-primary:not(.plx-preserve-color) :not(pre)>code,
.plx-tile-primary:not(.plx-preserve-color) :not(pre)>kbd,
.plx-tile-primary:not(.plx-preserve-color) :not(pre)>samp,
.plx-tile-secondary:not(.plx-preserve-color) :not(pre)>code,
.plx-tile-secondary:not(.plx-preserve-color) :not(pre)>kbd,
.plx-tile-secondary:not(.plx-preserve-color) :not(pre)>samp {
    color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .1)
}

.plx-card-primary.plx-card-body em,
.plx-card-primary>:not([class*=plx-card-media]) em,
.plx-card-secondary.plx-card-body em,
.plx-card-secondary>:not([class*=plx-card-media]) em,
.plx-light em,
.plx-offcanvas-bar em,
.plx-overlay-primary em,
.plx-section-primary:not(.plx-preserve-color) em,
.plx-section-secondary:not(.plx-preserve-color) em,
.plx-tile-primary:not(.plx-preserve-color) em,
.plx-tile-secondary:not(.plx-preserve-color) em {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-h1,
.plx-card-primary.plx-card-body .plx-h2,
.plx-card-primary.plx-card-body .plx-h3,
.plx-card-primary.plx-card-body .plx-h4,
.plx-card-primary.plx-card-body .plx-h5,
.plx-card-primary.plx-card-body .plx-h6,
.plx-card-primary.plx-card-body h1,
.plx-card-primary.plx-card-body h2,
.plx-card-primary.plx-card-body h3,
.plx-card-primary.plx-card-body h4,
.plx-card-primary.plx-card-body h5,
.plx-card-primary.plx-card-body h6,
.plx-card-primary>:not([class*=plx-card-media]) .plx-h1,
.plx-card-primary>:not([class*=plx-card-media]) .plx-h2,
.plx-card-primary>:not([class*=plx-card-media]) .plx-h3,
.plx-card-primary>:not([class*=plx-card-media]) .plx-h4,
.plx-card-primary>:not([class*=plx-card-media]) .plx-h5,
.plx-card-primary>:not([class*=plx-card-media]) .plx-h6,
.plx-card-primary>:not([class*=plx-card-media]) h1,
.plx-card-primary>:not([class*=plx-card-media]) h2,
.plx-card-primary>:not([class*=plx-card-media]) h3,
.plx-card-primary>:not([class*=plx-card-media]) h4,
.plx-card-primary>:not([class*=plx-card-media]) h5,
.plx-card-primary>:not([class*=plx-card-media]) h6,
.plx-card-secondary.plx-card-body .plx-h1,
.plx-card-secondary.plx-card-body .plx-h2,
.plx-card-secondary.plx-card-body .plx-h3,
.plx-card-secondary.plx-card-body .plx-h4,
.plx-card-secondary.plx-card-body .plx-h5,
.plx-card-secondary.plx-card-body .plx-h6,
.plx-card-secondary.plx-card-body h1,
.plx-card-secondary.plx-card-body h2,
.plx-card-secondary.plx-card-body h3,
.plx-card-secondary.plx-card-body h4,
.plx-card-secondary.plx-card-body h5,
.plx-card-secondary.plx-card-body h6,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-h1,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-h2,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-h3,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-h4,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-h5,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-h6,
.plx-card-secondary>:not([class*=plx-card-media]) h1,
.plx-card-secondary>:not([class*=plx-card-media]) h2,
.plx-card-secondary>:not([class*=plx-card-media]) h3,
.plx-card-secondary>:not([class*=plx-card-media]) h4,
.plx-card-secondary>:not([class*=plx-card-media]) h5,
.plx-card-secondary>:not([class*=plx-card-media]) h6,
.plx-light .plx-h1,
.plx-light .plx-h2,
.plx-light .plx-h3,
.plx-light .plx-h4,
.plx-light .plx-h5,
.plx-light .plx-h6,
.plx-light h1,
.plx-light h2,
.plx-light h3,
.plx-light h4,
.plx-light h5,
.plx-light h6,
.plx-offcanvas-bar .plx-h1,
.plx-offcanvas-bar .plx-h2,
.plx-offcanvas-bar .plx-h3,
.plx-offcanvas-bar .plx-h4,
.plx-offcanvas-bar .plx-h5,
.plx-offcanvas-bar .plx-h6,
.plx-offcanvas-bar h1,
.plx-offcanvas-bar h2,
.plx-offcanvas-bar h3,
.plx-offcanvas-bar h4,
.plx-offcanvas-bar h5,
.plx-offcanvas-bar h6,
.plx-overlay-primary .plx-h1,
.plx-overlay-primary .plx-h2,
.plx-overlay-primary .plx-h3,
.plx-overlay-primary .plx-h4,
.plx-overlay-primary .plx-h5,
.plx-overlay-primary .plx-h6,
.plx-overlay-primary h1,
.plx-overlay-primary h2,
.plx-overlay-primary h3,
.plx-overlay-primary h4,
.plx-overlay-primary h5,
.plx-overlay-primary h6,
.plx-section-primary:not(.plx-preserve-color) .plx-h1,
.plx-section-primary:not(.plx-preserve-color) .plx-h2,
.plx-section-primary:not(.plx-preserve-color) .plx-h3,
.plx-section-primary:not(.plx-preserve-color) .plx-h4,
.plx-section-primary:not(.plx-preserve-color) .plx-h5,
.plx-section-primary:not(.plx-preserve-color) .plx-h6,
.plx-section-primary:not(.plx-preserve-color) h1,
.plx-section-primary:not(.plx-preserve-color) h2,
.plx-section-primary:not(.plx-preserve-color) h3,
.plx-section-primary:not(.plx-preserve-color) h4,
.plx-section-primary:not(.plx-preserve-color) h5,
.plx-section-primary:not(.plx-preserve-color) h6,
.plx-section-secondary:not(.plx-preserve-color) .plx-h1,
.plx-section-secondary:not(.plx-preserve-color) .plx-h2,
.plx-section-secondary:not(.plx-preserve-color) .plx-h3,
.plx-section-secondary:not(.plx-preserve-color) .plx-h4,
.plx-section-secondary:not(.plx-preserve-color) .plx-h5,
.plx-section-secondary:not(.plx-preserve-color) .plx-h6,
.plx-section-secondary:not(.plx-preserve-color) h1,
.plx-section-secondary:not(.plx-preserve-color) h2,
.plx-section-secondary:not(.plx-preserve-color) h3,
.plx-section-secondary:not(.plx-preserve-color) h4,
.plx-section-secondary:not(.plx-preserve-color) h5,
.plx-section-secondary:not(.plx-preserve-color) h6,
.plx-tile-primary:not(.plx-preserve-color) .plx-h1,
.plx-tile-primary:not(.plx-preserve-color) .plx-h2,
.plx-tile-primary:not(.plx-preserve-color) .plx-h3,
.plx-tile-primary:not(.plx-preserve-color) .plx-h4,
.plx-tile-primary:not(.plx-preserve-color) .plx-h5,
.plx-tile-primary:not(.plx-preserve-color) .plx-h6,
.plx-tile-primary:not(.plx-preserve-color) h1,
.plx-tile-primary:not(.plx-preserve-color) h2,
.plx-tile-primary:not(.plx-preserve-color) h3,
.plx-tile-primary:not(.plx-preserve-color) h4,
.plx-tile-primary:not(.plx-preserve-color) h5,
.plx-tile-primary:not(.plx-preserve-color) h6,
.plx-tile-secondary:not(.plx-preserve-color) .plx-h1,
.plx-tile-secondary:not(.plx-preserve-color) .plx-h2,
.plx-tile-secondary:not(.plx-preserve-color) .plx-h3,
.plx-tile-secondary:not(.plx-preserve-color) .plx-h4,
.plx-tile-secondary:not(.plx-preserve-color) .plx-h5,
.plx-tile-secondary:not(.plx-preserve-color) .plx-h6,
.plx-tile-secondary:not(.plx-preserve-color) h1,
.plx-tile-secondary:not(.plx-preserve-color) h2,
.plx-tile-secondary:not(.plx-preserve-color) h3,
.plx-tile-secondary:not(.plx-preserve-color) h4,
.plx-tile-secondary:not(.plx-preserve-color) h5,
.plx-tile-secondary:not(.plx-preserve-color) h6 {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body blockquote,
.plx-card-primary>:not([class*=plx-card-media]) blockquote,
.plx-card-secondary.plx-card-body blockquote,
.plx-card-secondary>:not([class*=plx-card-media]) blockquote,
.plx-light blockquote,
.plx-offcanvas-bar blockquote,
.plx-overlay-primary blockquote,
.plx-section-primary:not(.plx-preserve-color) blockquote,
.plx-section-secondary:not(.plx-preserve-color) blockquote,
.plx-tile-primary:not(.plx-preserve-color) blockquote,
.plx-tile-secondary:not(.plx-preserve-color) blockquote {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body blockquote footer,
.plx-card-primary>:not([class*=plx-card-media]) blockquote footer,
.plx-card-secondary.plx-card-body blockquote footer,
.plx-card-secondary>:not([class*=plx-card-media]) blockquote footer,
.plx-light blockquote footer,
.plx-offcanvas-bar blockquote footer,
.plx-overlay-primary blockquote footer,
.plx-section-primary:not(.plx-preserve-color) blockquote footer,
.plx-section-secondary:not(.plx-preserve-color) blockquote footer,
.plx-tile-primary:not(.plx-preserve-color) blockquote footer,
.plx-tile-secondary:not(.plx-preserve-color) blockquote footer {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-hr,
.plx-card-primary.plx-card-body hr,
.plx-card-primary>:not([class*=plx-card-media]) .plx-hr,
.plx-card-primary>:not([class*=plx-card-media]) hr,
.plx-card-secondary.plx-card-body .plx-hr,
.plx-card-secondary.plx-card-body hr,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-hr,
.plx-card-secondary>:not([class*=plx-card-media]) hr,
.plx-light .plx-hr,
.plx-light hr,
.plx-offcanvas-bar .plx-hr,
.plx-offcanvas-bar hr,
.plx-overlay-primary .plx-hr,
.plx-overlay-primary hr,
.plx-section-primary:not(.plx-preserve-color) .plx-hr,
.plx-section-primary:not(.plx-preserve-color) hr,
.plx-section-secondary:not(.plx-preserve-color) .plx-hr,
.plx-section-secondary:not(.plx-preserve-color) hr,
.plx-tile-primary:not(.plx-preserve-color) .plx-hr,
.plx-tile-primary:not(.plx-preserve-color) hr,
.plx-tile-secondary:not(.plx-preserve-color) .plx-hr,
.plx-tile-secondary:not(.plx-preserve-color) hr {
    border-top-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-link-muted a,
.plx-card-primary.plx-card-body a.plx-link-muted,
.plx-card-primary>:not([class*=plx-card-media]) .plx-link-muted a,
.plx-card-primary>:not([class*=plx-card-media]) a.plx-link-muted,
.plx-card-secondary.plx-card-body .plx-link-muted a,
.plx-card-secondary.plx-card-body a.plx-link-muted,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-link-muted a,
.plx-card-secondary>:not([class*=plx-card-media]) a.plx-link-muted,
.plx-light .plx-link-muted a,
.plx-light a.plx-link-muted,
.plx-offcanvas-bar .plx-link-muted a,
.plx-offcanvas-bar a.plx-link-muted,
.plx-overlay-primary .plx-link-muted a,
.plx-overlay-primary a.plx-link-muted,
.plx-section-primary:not(.plx-preserve-color) .plx-link-muted a,
.plx-section-primary:not(.plx-preserve-color) a.plx-link-muted,
.plx-section-secondary:not(.plx-preserve-color) .plx-link-muted a,
.plx-section-secondary:not(.plx-preserve-color) a.plx-link-muted,
.plx-tile-primary:not(.plx-preserve-color) .plx-link-muted a,
.plx-tile-primary:not(.plx-preserve-color) a.plx-link-muted,
.plx-tile-secondary:not(.plx-preserve-color) .plx-link-muted a,
.plx-tile-secondary:not(.plx-preserve-color) a.plx-link-muted {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-link-muted a:hover,
.plx-card-primary.plx-card-body a.plx-link-muted:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-link-muted a:hover,
.plx-card-primary>:not([class*=plx-card-media]) a.plx-link-muted:hover,
.plx-card-secondary.plx-card-body .plx-link-muted a:hover,
.plx-card-secondary.plx-card-body a.plx-link-muted:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-link-muted a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) a.plx-link-muted:hover,
.plx-light .plx-link-muted a:hover,
.plx-light a.plx-link-muted:hover,
.plx-offcanvas-bar .plx-link-muted a:hover,
.plx-offcanvas-bar a.plx-link-muted:hover,
.plx-overlay-primary .plx-link-muted a:hover,
.plx-overlay-primary a.plx-link-muted:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-link-muted a:hover,
.plx-section-primary:not(.plx-preserve-color) a.plx-link-muted:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-link-muted a:hover,
.plx-section-secondary:not(.plx-preserve-color) a.plx-link-muted:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-link-muted a:hover,
.plx-tile-primary:not(.plx-preserve-color) a.plx-link-muted:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-link-muted a:hover,
.plx-tile-secondary:not(.plx-preserve-color) a.plx-link-muted:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-link-text a:hover,
.plx-card-primary.plx-card-body a.plx-link-text:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-link-text a:hover,
.plx-card-primary>:not([class*=plx-card-media]) a.plx-link-text:hover,
.plx-card-secondary.plx-card-body .plx-link-text a:hover,
.plx-card-secondary.plx-card-body a.plx-link-text:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-link-text a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) a.plx-link-text:hover,
.plx-light .plx-link-text a:hover,
.plx-light a.plx-link-text:hover,
.plx-offcanvas-bar .plx-link-text a:hover,
.plx-offcanvas-bar a.plx-link-text:hover,
.plx-overlay-primary .plx-link-text a:hover,
.plx-overlay-primary a.plx-link-text:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-link-text a:hover,
.plx-section-primary:not(.plx-preserve-color) a.plx-link-text:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-link-text a:hover,
.plx-section-secondary:not(.plx-preserve-color) a.plx-link-text:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-link-text a:hover,
.plx-tile-primary:not(.plx-preserve-color) a.plx-link-text:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-link-text a:hover,
.plx-tile-secondary:not(.plx-preserve-color) a.plx-link-text:hover {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-link-heading a:hover,
.plx-card-primary.plx-card-body a.plx-link-heading:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-link-heading a:hover,
.plx-card-primary>:not([class*=plx-card-media]) a.plx-link-heading:hover,
.plx-card-secondary.plx-card-body .plx-link-heading a:hover,
.plx-card-secondary.plx-card-body a.plx-link-heading:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-link-heading a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) a.plx-link-heading:hover,
.plx-light .plx-link-heading a:hover,
.plx-light a.plx-link-heading:hover,
.plx-offcanvas-bar .plx-link-heading a:hover,
.plx-offcanvas-bar a.plx-link-heading:hover,
.plx-overlay-primary .plx-link-heading a:hover,
.plx-overlay-primary a.plx-link-heading:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-link-heading a:hover,
.plx-section-primary:not(.plx-preserve-color) a.plx-link-heading:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-link-heading a:hover,
.plx-section-secondary:not(.plx-preserve-color) a.plx-link-heading:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-link-heading a:hover,
.plx-tile-primary:not(.plx-preserve-color) a.plx-link-heading:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-link-heading a:hover,
.plx-tile-secondary:not(.plx-preserve-color) a.plx-link-heading:hover {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-heading-divider,
.plx-card-primary>:not([class*=plx-card-media]) .plx-heading-divider,
.plx-card-secondary.plx-card-body .plx-heading-divider,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-heading-divider,
.plx-light .plx-heading-divider,
.plx-offcanvas-bar .plx-heading-divider,
.plx-overlay-primary .plx-heading-divider,
.plx-section-primary:not(.plx-preserve-color) .plx-heading-divider,
.plx-section-secondary:not(.plx-preserve-color) .plx-heading-divider,
.plx-tile-primary:not(.plx-preserve-color) .plx-heading-divider,
.plx-tile-secondary:not(.plx-preserve-color) .plx-heading-divider {
    border-bottom-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-heading-bullet::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-heading-bullet::before,
.plx-card-secondary.plx-card-body .plx-heading-bullet::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-heading-bullet::before,
.plx-light .plx-heading-bullet::before,
.plx-offcanvas-bar .plx-heading-bullet::before,
.plx-overlay-primary .plx-heading-bullet::before,
.plx-section-primary:not(.plx-preserve-color) .plx-heading-bullet::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-heading-bullet::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-heading-bullet::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-heading-bullet::before {
    border-left-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-heading-line>::after,
.plx-card-primary.plx-card-body .plx-heading-line>::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-heading-line>::after,
.plx-card-primary>:not([class*=plx-card-media]) .plx-heading-line>::before,
.plx-card-secondary.plx-card-body .plx-heading-line>::after,
.plx-card-secondary.plx-card-body .plx-heading-line>::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-heading-line>::after,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-heading-line>::before,
.plx-light .plx-heading-line>::after,
.plx-light .plx-heading-line>::before,
.plx-offcanvas-bar .plx-heading-line>::after,
.plx-offcanvas-bar .plx-heading-line>::before,
.plx-overlay-primary .plx-heading-line>::after,
.plx-overlay-primary .plx-heading-line>::before,
.plx-section-primary:not(.plx-preserve-color) .plx-heading-line>::after,
.plx-section-primary:not(.plx-preserve-color) .plx-heading-line>::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-heading-line>::after,
.plx-section-secondary:not(.plx-preserve-color) .plx-heading-line>::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-heading-line>::after,
.plx-tile-primary:not(.plx-preserve-color) .plx-heading-line>::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-heading-line>::after,
.plx-tile-secondary:not(.plx-preserve-color) .plx-heading-line>::before {
    border-bottom-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-divider-icon,
.plx-card-primary>:not([class*=plx-card-media]) .plx-divider-icon,
.plx-card-secondary.plx-card-body .plx-divider-icon,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-divider-icon,
.plx-light .plx-divider-icon,
.plx-offcanvas-bar .plx-divider-icon,
.plx-overlay-primary .plx-divider-icon,
.plx-section-primary:not(.plx-preserve-color) .plx-divider-icon,
.plx-section-secondary:not(.plx-preserve-color) .plx-divider-icon,
.plx-tile-primary:not(.plx-preserve-color) .plx-divider-icon,
.plx-tile-secondary:not(.plx-preserve-color) .plx-divider-icon {
  //  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.plx-card-primary.plx-card-body .plx-divider-icon::after,
.plx-card-primary.plx-card-body .plx-divider-icon::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-divider-icon::after,
.plx-card-primary>:not([class*=plx-card-media]) .plx-divider-icon::before,
.plx-card-secondary.plx-card-body .plx-divider-icon::after,
.plx-card-secondary.plx-card-body .plx-divider-icon::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-divider-icon::after,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-divider-icon::before,
.plx-light .plx-divider-icon::after,
.plx-light .plx-divider-icon::before,
.plx-offcanvas-bar .plx-divider-icon::after,
.plx-offcanvas-bar .plx-divider-icon::before,
.plx-overlay-primary .plx-divider-icon::after,
.plx-overlay-primary .plx-divider-icon::before,
.plx-section-primary:not(.plx-preserve-color) .plx-divider-icon::after,
.plx-section-primary:not(.plx-preserve-color) .plx-divider-icon::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-divider-icon::after,
.plx-section-secondary:not(.plx-preserve-color) .plx-divider-icon::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-divider-icon::after,
.plx-tile-primary:not(.plx-preserve-color) .plx-divider-icon::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-divider-icon::after,
.plx-tile-secondary:not(.plx-preserve-color) .plx-divider-icon::before {
    border-bottom-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-divider-small::after,
.plx-card-primary>:not([class*=plx-card-media]) .plx-divider-small::after,
.plx-card-secondary.plx-card-body .plx-divider-small::after,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-divider-small::after,
.plx-light .plx-divider-small::after,
.plx-offcanvas-bar .plx-divider-small::after,
.plx-overlay-primary .plx-divider-small::after,
.plx-section-primary:not(.plx-preserve-color) .plx-divider-small::after,
.plx-section-secondary:not(.plx-preserve-color) .plx-divider-small::after,
.plx-tile-primary:not(.plx-preserve-color) .plx-divider-small::after,
.plx-tile-secondary:not(.plx-preserve-color) .plx-divider-small::after {
    border-top-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-divider-vertical::after,
.plx-card-primary>:not([class*=plx-card-media]) .plx-divider-vertical::after,
.plx-card-secondary.plx-card-body .plx-divider-vertical::after,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-divider-vertical::after,
.plx-light .plx-divider-vertical::after,
.plx-offcanvas-bar .plx-divider-vertical::after,
.plx-overlay-primary .plx-divider-vertical::after,
.plx-section-primary:not(.plx-preserve-color) .plx-divider-vertical::after,
.plx-section-secondary:not(.plx-preserve-color) .plx-divider-vertical::after,
.plx-tile-primary:not(.plx-preserve-color) .plx-divider-vertical::after,
.plx-tile-secondary:not(.plx-preserve-color) .plx-divider-vertical::after {
    border-left-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-list-divider>li:nth-child(n+2),
.plx-card-primary>:not([class*=plx-card-media]) .plx-list-divider>li:nth-child(n+2),
.plx-card-secondary.plx-card-body .plx-list-divider>li:nth-child(n+2),
.plx-card-secondary>:not([class*=plx-card-media]) .plx-list-divider>li:nth-child(n+2),
.plx-light .plx-list-divider>li:nth-child(n+2),
.plx-offcanvas-bar .plx-list-divider>li:nth-child(n+2),
.plx-overlay-primary .plx-list-divider>li:nth-child(n+2),
.plx-section-primary:not(.plx-preserve-color) .plx-list-divider>li:nth-child(n+2),
.plx-section-secondary:not(.plx-preserve-color) .plx-list-divider>li:nth-child(n+2),
.plx-tile-primary:not(.plx-preserve-color) .plx-list-divider>li:nth-child(n+2),
.plx-tile-secondary:not(.plx-preserve-color) .plx-list-divider>li:nth-child(n+2) {
    border-top-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-list-striped>li:nth-of-type(odd),
.plx-card-primary>:not([class*=plx-card-media]) .plx-list-striped>li:nth-of-type(odd),
.plx-card-secondary.plx-card-body .plx-list-striped>li:nth-of-type(odd),
.plx-card-secondary>:not([class*=plx-card-media]) .plx-list-striped>li:nth-of-type(odd),
.plx-light .plx-list-striped>li:nth-of-type(odd),
.plx-offcanvas-bar .plx-list-striped>li:nth-of-type(odd),
.plx-overlay-primary .plx-list-striped>li:nth-of-type(odd),
.plx-section-primary:not(.plx-preserve-color) .plx-list-striped>li:nth-of-type(odd),
.plx-section-secondary:not(.plx-preserve-color) .plx-list-striped>li:nth-of-type(odd),
.plx-tile-primary:not(.plx-preserve-color) .plx-list-striped>li:nth-of-type(odd),
.plx-tile-secondary:not(.plx-preserve-color) .plx-list-striped>li:nth-of-type(odd) {
    border-top-color: rgba(255, 255, 255, .2);
    border-bottom-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-list-striped>li:nth-of-type(odd),
.plx-card-primary>:not([class*=plx-card-media]) .plx-list-striped>li:nth-of-type(odd),
.plx-card-secondary.plx-card-body .plx-list-striped>li:nth-of-type(odd),
.plx-card-secondary>:not([class*=plx-card-media]) .plx-list-striped>li:nth-of-type(odd),
.plx-light .plx-list-striped>li:nth-of-type(odd),
.plx-offcanvas-bar .plx-list-striped>li:nth-of-type(odd),
.plx-overlay-primary .plx-list-striped>li:nth-of-type(odd),
.plx-section-primary:not(.plx-preserve-color) .plx-list-striped>li:nth-of-type(odd),
.plx-section-secondary:not(.plx-preserve-color) .plx-list-striped>li:nth-of-type(odd),
.plx-tile-primary:not(.plx-preserve-color) .plx-list-striped>li:nth-of-type(odd),
.plx-tile-secondary:not(.plx-preserve-color) .plx-list-striped>li:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .1)
}

.plx-card-primary.plx-card-body .plx-list-bullet>li::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-list-bullet>li::before,
.plx-card-secondary.plx-card-body .plx-list-bullet>li::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-list-bullet>li::before,
.plx-light .plx-list-bullet>li::before,
.plx-offcanvas-bar .plx-list-bullet>li::before,
.plx-overlay-primary .plx-list-bullet>li::before,
.plx-section-primary:not(.plx-preserve-color) .plx-list-bullet>li::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-list-bullet>li::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-list-bullet>li::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-list-bullet>li::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-card-primary.plx-card-body .plx-table th,
.plx-card-primary>:not([class*=plx-card-media]) .plx-table th,
.plx-card-secondary.plx-card-body .plx-table th,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-table th,
.plx-light .plx-table th,
.plx-offcanvas-bar .plx-table th,
.plx-overlay-primary .plx-table th,
.plx-section-primary:not(.plx-preserve-color) .plx-table th,
.plx-section-secondary:not(.plx-preserve-color) .plx-table th,
.plx-tile-primary:not(.plx-preserve-color) .plx-table th,
.plx-tile-secondary:not(.plx-preserve-color) .plx-table th {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-table caption,
.plx-card-primary>:not([class*=plx-card-media]) .plx-table caption,
.plx-card-secondary.plx-card-body .plx-table caption,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-table caption,
.plx-light .plx-table caption,
.plx-offcanvas-bar .plx-table caption,
.plx-overlay-primary .plx-table caption,
.plx-section-primary:not(.plx-preserve-color) .plx-table caption,
.plx-section-secondary:not(.plx-preserve-color) .plx-table caption,
.plx-tile-primary:not(.plx-preserve-color) .plx-table caption,
.plx-tile-secondary:not(.plx-preserve-color) .plx-table caption {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-table tbody tr.plx-active,
.plx-card-primary.plx-card-body .plx-table>tr.plx-active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-table tbody tr.plx-active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-table>tr.plx-active,
.plx-card-secondary.plx-card-body .plx-table tbody tr.plx-active,
.plx-card-secondary.plx-card-body .plx-table>tr.plx-active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-table tbody tr.plx-active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-table>tr.plx-active,
.plx-light .plx-table tbody tr.plx-active,
.plx-light .plx-table>tr.plx-active,
.plx-offcanvas-bar .plx-table tbody tr.plx-active,
.plx-offcanvas-bar .plx-table>tr.plx-active,
.plx-overlay-primary .plx-table tbody tr.plx-active,
.plx-overlay-primary .plx-table>tr.plx-active,
.plx-section-primary:not(.plx-preserve-color) .plx-table tbody tr.plx-active,
.plx-section-primary:not(.plx-preserve-color) .plx-table>tr.plx-active,
.plx-section-secondary:not(.plx-preserve-color) .plx-table tbody tr.plx-active,
.plx-section-secondary:not(.plx-preserve-color) .plx-table>tr.plx-active,
.plx-tile-primary:not(.plx-preserve-color) .plx-table tbody tr.plx-active,
.plx-tile-primary:not(.plx-preserve-color) .plx-table>tr.plx-active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-table tbody tr.plx-active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-table>tr.plx-active {
    background: rgba(255, 255, 255, .08)
}

.plx-card-primary.plx-card-body .plx-table-divider>:first-child>tr:not(:first-child),
.plx-card-primary.plx-card-body .plx-table-divider>:not(:first-child)>tr,
.plx-card-primary.plx-card-body .plx-table-divider>tr:not(:first-child),
.plx-card-primary>:not([class*=plx-card-media]) .plx-table-divider>:first-child>tr:not(:first-child),
.plx-card-primary>:not([class*=plx-card-media]) .plx-table-divider>:not(:first-child)>tr,
.plx-card-primary>:not([class*=plx-card-media]) .plx-table-divider>tr:not(:first-child),
.plx-card-secondary.plx-card-body .plx-table-divider>:first-child>tr:not(:first-child),
.plx-card-secondary.plx-card-body .plx-table-divider>:not(:first-child)>tr,
.plx-card-secondary.plx-card-body .plx-table-divider>tr:not(:first-child),
.plx-card-secondary>:not([class*=plx-card-media]) .plx-table-divider>:first-child>tr:not(:first-child),
.plx-card-secondary>:not([class*=plx-card-media]) .plx-table-divider>:not(:first-child)>tr,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-table-divider>tr:not(:first-child),
.plx-light .plx-table-divider>:first-child>tr:not(:first-child),
.plx-light .plx-table-divider>:not(:first-child)>tr,
.plx-light .plx-table-divider>tr:not(:first-child),
.plx-offcanvas-bar .plx-table-divider>:first-child>tr:not(:first-child),
.plx-offcanvas-bar .plx-table-divider>:not(:first-child)>tr,
.plx-offcanvas-bar .plx-table-divider>tr:not(:first-child),
.plx-overlay-primary .plx-table-divider>:first-child>tr:not(:first-child),
.plx-overlay-primary .plx-table-divider>:not(:first-child)>tr,
.plx-overlay-primary .plx-table-divider>tr:not(:first-child),
.plx-section-primary:not(.plx-preserve-color) .plx-table-divider>:first-child>tr:not(:first-child),
.plx-section-primary:not(.plx-preserve-color) .plx-table-divider>:not(:first-child)>tr,
.plx-section-primary:not(.plx-preserve-color) .plx-table-divider>tr:not(:first-child),
.plx-section-secondary:not(.plx-preserve-color) .plx-table-divider>:first-child>tr:not(:first-child),
.plx-section-secondary:not(.plx-preserve-color) .plx-table-divider>:not(:first-child)>tr,
.plx-section-secondary:not(.plx-preserve-color) .plx-table-divider>tr:not(:first-child),
.plx-tile-primary:not(.plx-preserve-color) .plx-table-divider>:first-child>tr:not(:first-child),
.plx-tile-primary:not(.plx-preserve-color) .plx-table-divider>:not(:first-child)>tr,
.plx-tile-primary:not(.plx-preserve-color) .plx-table-divider>tr:not(:first-child),
.plx-tile-secondary:not(.plx-preserve-color) .plx-table-divider>:first-child>tr:not(:first-child),
.plx-tile-secondary:not(.plx-preserve-color) .plx-table-divider>:not(:first-child)>tr,
.plx-tile-secondary:not(.plx-preserve-color) .plx-table-divider>tr:not(:first-child) {
    border-top-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-table-striped tbody tr:nth-of-type(odd),
.plx-card-primary.plx-card-body .plx-table-striped>tr:nth-of-type(odd),
.plx-card-primary>:not([class*=plx-card-media]) .plx-table-striped tbody tr:nth-of-type(odd),
.plx-card-primary>:not([class*=plx-card-media]) .plx-table-striped>tr:nth-of-type(odd),
.plx-card-secondary.plx-card-body .plx-table-striped tbody tr:nth-of-type(odd),
.plx-card-secondary.plx-card-body .plx-table-striped>tr:nth-of-type(odd),
.plx-card-secondary>:not([class*=plx-card-media]) .plx-table-striped tbody tr:nth-of-type(odd),
.plx-card-secondary>:not([class*=plx-card-media]) .plx-table-striped>tr:nth-of-type(odd),
.plx-light .plx-table-striped tbody tr:nth-of-type(odd),
.plx-light .plx-table-striped>tr:nth-of-type(odd),
.plx-offcanvas-bar .plx-table-striped tbody tr:nth-of-type(odd),
.plx-offcanvas-bar .plx-table-striped>tr:nth-of-type(odd),
.plx-overlay-primary .plx-table-striped tbody tr:nth-of-type(odd),
.plx-overlay-primary .plx-table-striped>tr:nth-of-type(odd),
.plx-section-primary:not(.plx-preserve-color) .plx-table-striped tbody tr:nth-of-type(odd),
.plx-section-primary:not(.plx-preserve-color) .plx-table-striped>tr:nth-of-type(odd),
.plx-section-secondary:not(.plx-preserve-color) .plx-table-striped tbody tr:nth-of-type(odd),
.plx-section-secondary:not(.plx-preserve-color) .plx-table-striped>tr:nth-of-type(odd),
.plx-tile-primary:not(.plx-preserve-color) .plx-table-striped tbody tr:nth-of-type(odd),
.plx-tile-primary:not(.plx-preserve-color) .plx-table-striped>tr:nth-of-type(odd),
.plx-tile-secondary:not(.plx-preserve-color) .plx-table-striped tbody tr:nth-of-type(odd),
.plx-tile-secondary:not(.plx-preserve-color) .plx-table-striped>tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, .1);
    border-top-color: rgba(255, 255, 255, .2);
    border-bottom-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-table-hover tbody tr:hover,
.plx-card-primary.plx-card-body .plx-table-hover>tr:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-table-hover tbody tr:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-table-hover>tr:hover,
.plx-card-secondary.plx-card-body .plx-table-hover tbody tr:hover,
.plx-card-secondary.plx-card-body .plx-table-hover>tr:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-table-hover tbody tr:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-table-hover>tr:hover,
.plx-light .plx-table-hover tbody tr:hover,
.plx-light .plx-table-hover>tr:hover,
.plx-offcanvas-bar .plx-table-hover tbody tr:hover,
.plx-offcanvas-bar .plx-table-hover>tr:hover,
.plx-overlay-primary .plx-table-hover tbody tr:hover,
.plx-overlay-primary .plx-table-hover>tr:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-table-hover tbody tr:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-table-hover>tr:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-table-hover tbody tr:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-table-hover>tr:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-table-hover tbody tr:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-table-hover>tr:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-table-hover tbody tr:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-table-hover>tr:hover {
    background: rgba(255, 255, 255, .08)
}

.plx-card-primary.plx-card-body .plx-icon-link,
.plx-card-primary>:not([class*=plx-card-media]) .plx-icon-link,
.plx-card-secondary.plx-card-body .plx-icon-link,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-icon-link,
.plx-light .plx-icon-link,
.plx-offcanvas-bar .plx-icon-link,
.plx-overlay-primary .plx-icon-link,
.plx-section-primary:not(.plx-preserve-color) .plx-icon-link,
.plx-section-secondary:not(.plx-preserve-color) .plx-icon-link,
.plx-tile-primary:not(.plx-preserve-color) .plx-icon-link,
.plx-tile-secondary:not(.plx-preserve-color) .plx-icon-link {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-icon-link:focus,
.plx-card-primary.plx-card-body .plx-icon-link:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-icon-link:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-icon-link:hover,
.plx-card-secondary.plx-card-body .plx-icon-link:focus,
.plx-card-secondary.plx-card-body .plx-icon-link:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-icon-link:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-icon-link:hover,
.plx-light .plx-icon-link:focus,
.plx-light .plx-icon-link:hover,
.plx-offcanvas-bar .plx-icon-link:focus,
.plx-offcanvas-bar .plx-icon-link:hover,
.plx-overlay-primary .plx-icon-link:focus,
.plx-overlay-primary .plx-icon-link:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-icon-link:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-icon-link:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-icon-link:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-icon-link:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-icon-link:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-icon-link:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-icon-link:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-icon-link:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-active>.plx-icon-link,
.plx-card-primary.plx-card-body .plx-icon-link:active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-active>.plx-icon-link,
.plx-card-primary>:not([class*=plx-card-media]) .plx-icon-link:active,
.plx-card-secondary.plx-card-body .plx-active>.plx-icon-link,
.plx-card-secondary.plx-card-body .plx-icon-link:active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-active>.plx-icon-link,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-icon-link:active,
.plx-light .plx-active>.plx-icon-link,
.plx-light .plx-icon-link:active,
.plx-offcanvas-bar .plx-active>.plx-icon-link,
.plx-offcanvas-bar .plx-icon-link:active,
.plx-overlay-primary .plx-active>.plx-icon-link,
.plx-overlay-primary .plx-icon-link:active,
.plx-section-primary:not(.plx-preserve-color) .plx-active>.plx-icon-link,
.plx-section-primary:not(.plx-preserve-color) .plx-icon-link:active,
.plx-section-secondary:not(.plx-preserve-color) .plx-active>.plx-icon-link,
.plx-section-secondary:not(.plx-preserve-color) .plx-icon-link:active,
.plx-tile-primary:not(.plx-preserve-color) .plx-active>.plx-icon-link,
.plx-tile-primary:not(.plx-preserve-color) .plx-icon-link:active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-active>.plx-icon-link,
.plx-tile-secondary:not(.plx-preserve-color) .plx-icon-link:active {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-icon-button,
.plx-card-primary>:not([class*=plx-card-media]) .plx-icon-button,
.plx-card-secondary.plx-card-body .plx-icon-button,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-icon-button,
.plx-light .plx-icon-button,
.plx-offcanvas-bar .plx-icon-button,
.plx-overlay-primary .plx-icon-button,
.plx-section-primary:not(.plx-preserve-color) .plx-icon-button,
.plx-section-secondary:not(.plx-preserve-color) .plx-icon-button,
.plx-tile-primary:not(.plx-preserve-color) .plx-icon-button,
.plx-tile-secondary:not(.plx-preserve-color) .plx-icon-button {
    background-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-icon-button:focus,
.plx-card-primary.plx-card-body .plx-icon-button:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-icon-button:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-icon-button:hover,
.plx-card-secondary.plx-card-body .plx-icon-button:focus,
.plx-card-secondary.plx-card-body .plx-icon-button:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-icon-button:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-icon-button:hover,
.plx-light .plx-icon-button:focus,
.plx-light .plx-icon-button:hover,
.plx-offcanvas-bar .plx-icon-button:focus,
.plx-offcanvas-bar .plx-icon-button:hover,
.plx-overlay-primary .plx-icon-button:focus,
.plx-overlay-primary .plx-icon-button:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-icon-button:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-icon-button:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-icon-button:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-icon-button:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-icon-button:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-icon-button:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-icon-button:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-icon-button:hover {
    background-color: rgba(242, 242, 242, .1);
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-icon-button:active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-icon-button:active,
.plx-card-secondary.plx-card-body .plx-icon-button:active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-icon-button:active,
.plx-light .plx-icon-button:active,
.plx-offcanvas-bar .plx-icon-button:active,
.plx-overlay-primary .plx-icon-button:active,
.plx-section-primary:not(.plx-preserve-color) .plx-icon-button:active,
.plx-section-secondary:not(.plx-preserve-color) .plx-icon-button:active,
.plx-tile-primary:not(.plx-preserve-color) .plx-icon-button:active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-icon-button:active {
    background-color: rgba(230, 230, 230, .1);
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-input,
.plx-card-primary.plx-card-body .plx-select,
.plx-card-primary.plx-card-body .plx-textarea,
.plx-card-primary>:not([class*=plx-card-media]) .plx-input,
.plx-card-primary>:not([class*=plx-card-media]) .plx-select,
.plx-card-primary>:not([class*=plx-card-media]) .plx-textarea,
.plx-card-secondary.plx-card-body .plx-input,
.plx-card-secondary.plx-card-body .plx-select,
.plx-card-secondary.plx-card-body .plx-textarea,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-input,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-select,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-textarea,
.plx-light .plx-input,
.plx-light .plx-select,
.plx-light .plx-textarea,
.plx-offcanvas-bar .plx-input,
.plx-offcanvas-bar .plx-select,
.plx-offcanvas-bar .plx-textarea,
.plx-overlay-primary .plx-input,
.plx-overlay-primary .plx-select,
.plx-overlay-primary .plx-textarea,
.plx-section-primary:not(.plx-preserve-color) .plx-input,
.plx-section-primary:not(.plx-preserve-color) .plx-select,
.plx-section-primary:not(.plx-preserve-color) .plx-textarea,
.plx-section-secondary:not(.plx-preserve-color) .plx-input,
.plx-section-secondary:not(.plx-preserve-color) .plx-select,
.plx-section-secondary:not(.plx-preserve-color) .plx-textarea,
.plx-tile-primary:not(.plx-preserve-color) .plx-input,
.plx-tile-primary:not(.plx-preserve-color) .plx-select,
.plx-tile-primary:not(.plx-preserve-color) .plx-textarea,
.plx-tile-secondary:not(.plx-preserve-color) .plx-input,
.plx-tile-secondary:not(.plx-preserve-color) .plx-select,
.plx-tile-secondary:not(.plx-preserve-color) .plx-textarea {
    background-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .7);
    background-clip: padding-box;
    border-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-input:focus,
.plx-card-primary.plx-card-body .plx-select:focus,
.plx-card-primary.plx-card-body .plx-textarea:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-input:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-select:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-textarea:focus,
.plx-card-secondary.plx-card-body .plx-input:focus,
.plx-card-secondary.plx-card-body .plx-select:focus,
.plx-card-secondary.plx-card-body .plx-textarea:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-input:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-select:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-textarea:focus,
.plx-light .plx-input:focus,
.plx-light .plx-select:focus,
.plx-light .plx-textarea:focus,
.plx-offcanvas-bar .plx-input:focus,
.plx-offcanvas-bar .plx-select:focus,
.plx-offcanvas-bar .plx-textarea:focus,
.plx-overlay-primary .plx-input:focus,
.plx-overlay-primary .plx-select:focus,
.plx-overlay-primary .plx-textarea:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-input:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-select:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-textarea:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-input:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-select:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-textarea:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-input:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-select:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-textarea:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-input:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-select:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-textarea:focus {
    background-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .7);
    border-color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-input::-ms-input-placeholder,
.plx-card-primary>:not([class*=plx-card-media]) .plx-input::-ms-input-placeholder,
.plx-card-secondary.plx-card-body .plx-input::-ms-input-placeholder,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-input::-ms-input-placeholder,
.plx-light .plx-input::-ms-input-placeholder,
.plx-offcanvas-bar .plx-input::-ms-input-placeholder,
.plx-overlay-primary .plx-input::-ms-input-placeholder,
.plx-section-primary:not(.plx-preserve-color) .plx-input::-ms-input-placeholder,
.plx-section-secondary:not(.plx-preserve-color) .plx-input::-ms-input-placeholder,
.plx-tile-primary:not(.plx-preserve-color) .plx-input::-ms-input-placeholder,
.plx-tile-secondary:not(.plx-preserve-color) .plx-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .5) !important
}

.plx-card-primary.plx-card-body .plx-input::placeholder,
.plx-card-primary>:not([class*=plx-card-media]) .plx-input::placeholder,
.plx-card-secondary.plx-card-body .plx-input::placeholder,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-input::placeholder,
.plx-light .plx-input::placeholder,
.plx-offcanvas-bar .plx-input::placeholder,
.plx-overlay-primary .plx-input::placeholder,
.plx-section-primary:not(.plx-preserve-color) .plx-input::placeholder,
.plx-section-secondary:not(.plx-preserve-color) .plx-input::placeholder,
.plx-tile-primary:not(.plx-preserve-color) .plx-input::placeholder,
.plx-tile-secondary:not(.plx-preserve-color) .plx-input::placeholder {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-textarea::-ms-input-placeholder,
.plx-card-primary>:not([class*=plx-card-media]) .plx-textarea::-ms-input-placeholder,
.plx-card-secondary.plx-card-body .plx-textarea::-ms-input-placeholder,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-textarea::-ms-input-placeholder,
.plx-light .plx-textarea::-ms-input-placeholder,
.plx-offcanvas-bar .plx-textarea::-ms-input-placeholder,
.plx-overlay-primary .plx-textarea::-ms-input-placeholder,
.plx-section-primary:not(.plx-preserve-color) .plx-textarea::-ms-input-placeholder,
.plx-section-secondary:not(.plx-preserve-color) .plx-textarea::-ms-input-placeholder,
.plx-tile-primary:not(.plx-preserve-color) .plx-textarea::-ms-input-placeholder,
.plx-tile-secondary:not(.plx-preserve-color) .plx-textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, .5) !important
}

.plx-card-primary.plx-card-body .plx-textarea::placeholder,
.plx-card-primary>:not([class*=plx-card-media]) .plx-textarea::placeholder,
.plx-card-secondary.plx-card-body .plx-textarea::placeholder,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-textarea::placeholder,
.plx-light .plx-textarea::placeholder,
.plx-offcanvas-bar .plx-textarea::placeholder,
.plx-overlay-primary .plx-textarea::placeholder,
.plx-section-primary:not(.plx-preserve-color) .plx-textarea::placeholder,
.plx-section-secondary:not(.plx-preserve-color) .plx-textarea::placeholder,
.plx-tile-primary:not(.plx-preserve-color) .plx-textarea::placeholder,
.plx-tile-secondary:not(.plx-preserve-color) .plx-textarea::placeholder {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-select:not([multiple]):not([size]),
.plx-card-primary>:not([class*=plx-card-media]) .plx-select:not([multiple]):not([size]),
.plx-card-secondary.plx-card-body .plx-select:not([multiple]):not([size]),
.plx-card-secondary>:not([class*=plx-card-media]) .plx-select:not([multiple]):not([size]),
.plx-light .plx-select:not([multiple]):not([size]),
.plx-offcanvas-bar .plx-select:not([multiple]):not([size]),
.plx-overlay-primary .plx-select:not([multiple]):not([size]),
.plx-section-primary:not(.plx-preserve-color) .plx-select:not([multiple]):not([size]),
.plx-section-secondary:not(.plx-preserve-color) .plx-select:not([multiple]):not([size]),
.plx-tile-primary:not(.plx-preserve-color) .plx-select:not([multiple]):not([size]),
.plx-tile-secondary:not(.plx-preserve-color) .plx-select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.plx-card-primary.plx-card-body .plx-checkbox,
.plx-card-primary.plx-card-body .plx-radio,
.plx-card-primary>:not([class*=plx-card-media]) .plx-checkbox,
.plx-card-primary>:not([class*=plx-card-media]) .plx-radio,
.plx-card-secondary.plx-card-body .plx-checkbox,
.plx-card-secondary.plx-card-body .plx-radio,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-checkbox,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-radio,
.plx-light .plx-checkbox,
.plx-light .plx-radio,
.plx-offcanvas-bar .plx-checkbox,
.plx-offcanvas-bar .plx-radio,
.plx-overlay-primary .plx-checkbox,
.plx-overlay-primary .plx-radio,
.plx-section-primary:not(.plx-preserve-color) .plx-checkbox,
.plx-section-primary:not(.plx-preserve-color) .plx-radio,
.plx-section-secondary:not(.plx-preserve-color) .plx-checkbox,
.plx-section-secondary:not(.plx-preserve-color) .plx-radio,
.plx-tile-primary:not(.plx-preserve-color) .plx-checkbox,
.plx-tile-primary:not(.plx-preserve-color) .plx-radio,
.plx-tile-secondary:not(.plx-preserve-color) .plx-checkbox,
.plx-tile-secondary:not(.plx-preserve-color) .plx-radio {
    background-color: rgba(242, 242, 242, .1);
    border-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-checkbox:focus,
.plx-card-primary.plx-card-body .plx-radio:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-checkbox:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-radio:focus,
.plx-card-secondary.plx-card-body .plx-checkbox:focus,
.plx-card-secondary.plx-card-body .plx-radio:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-checkbox:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-radio:focus,
.plx-light .plx-checkbox:focus,
.plx-light .plx-radio:focus,
.plx-offcanvas-bar .plx-checkbox:focus,
.plx-offcanvas-bar .plx-radio:focus,
.plx-overlay-primary .plx-checkbox:focus,
.plx-overlay-primary .plx-radio:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-checkbox:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-radio:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-checkbox:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-radio:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-checkbox:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-radio:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-checkbox:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-radio:focus {
    border-color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-checkbox:checked,
.plx-card-primary.plx-card-body .plx-checkbox:indeterminate,
.plx-card-primary.plx-card-body .plx-radio:checked,
.plx-card-primary>:not([class*=plx-card-media]) .plx-checkbox:checked,
.plx-card-primary>:not([class*=plx-card-media]) .plx-checkbox:indeterminate,
.plx-card-primary>:not([class*=plx-card-media]) .plx-radio:checked,
.plx-card-secondary.plx-card-body .plx-checkbox:checked,
.plx-card-secondary.plx-card-body .plx-checkbox:indeterminate,
.plx-card-secondary.plx-card-body .plx-radio:checked,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-checkbox:checked,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-checkbox:indeterminate,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-radio:checked,
.plx-light .plx-checkbox:checked,
.plx-light .plx-checkbox:indeterminate,
.plx-light .plx-radio:checked,
.plx-offcanvas-bar .plx-checkbox:checked,
.plx-offcanvas-bar .plx-checkbox:indeterminate,
.plx-offcanvas-bar .plx-radio:checked,
.plx-overlay-primary .plx-checkbox:checked,
.plx-overlay-primary .plx-checkbox:indeterminate,
.plx-overlay-primary .plx-radio:checked,
.plx-section-primary:not(.plx-preserve-color) .plx-checkbox:checked,
.plx-section-primary:not(.plx-preserve-color) .plx-checkbox:indeterminate,
.plx-section-primary:not(.plx-preserve-color) .plx-radio:checked,
.plx-section-secondary:not(.plx-preserve-color) .plx-checkbox:checked,
.plx-section-secondary:not(.plx-preserve-color) .plx-checkbox:indeterminate,
.plx-section-secondary:not(.plx-preserve-color) .plx-radio:checked,
.plx-tile-primary:not(.plx-preserve-color) .plx-checkbox:checked,
.plx-tile-primary:not(.plx-preserve-color) .plx-checkbox:indeterminate,
.plx-tile-primary:not(.plx-preserve-color) .plx-radio:checked,
.plx-tile-secondary:not(.plx-preserve-color) .plx-checkbox:checked,
.plx-tile-secondary:not(.plx-preserve-color) .plx-checkbox:indeterminate,
.plx-tile-secondary:not(.plx-preserve-color) .plx-radio:checked {
    background-color:  var(--text-lightest);
    border-color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-checkbox:checked:focus,
.plx-card-primary.plx-card-body .plx-checkbox:indeterminate:focus,
.plx-card-primary.plx-card-body .plx-radio:checked:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-checkbox:checked:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-checkbox:indeterminate:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-radio:checked:focus,
.plx-card-secondary.plx-card-body .plx-checkbox:checked:focus,
.plx-card-secondary.plx-card-body .plx-checkbox:indeterminate:focus,
.plx-card-secondary.plx-card-body .plx-radio:checked:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-checkbox:checked:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-checkbox:indeterminate:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-radio:checked:focus,
.plx-light .plx-checkbox:checked:focus,
.plx-light .plx-checkbox:indeterminate:focus,
.plx-light .plx-radio:checked:focus,
.plx-offcanvas-bar .plx-checkbox:checked:focus,
.plx-offcanvas-bar .plx-checkbox:indeterminate:focus,
.plx-offcanvas-bar .plx-radio:checked:focus,
.plx-overlay-primary .plx-checkbox:checked:focus,
.plx-overlay-primary .plx-checkbox:indeterminate:focus,
.plx-overlay-primary .plx-radio:checked:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-checkbox:checked:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-checkbox:indeterminate:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-radio:checked:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-checkbox:checked:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-checkbox:indeterminate:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-radio:checked:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-checkbox:checked:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-checkbox:indeterminate:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-radio:checked:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-checkbox:checked:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-checkbox:indeterminate:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-radio:checked:focus {
    background-color: #e6e6e6
}

.plx-card-primary.plx-card-body .plx-radio:checked,
.plx-card-primary>:not([class*=plx-card-media]) .plx-radio:checked,
.plx-card-secondary.plx-card-body .plx-radio:checked,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-radio:checked,
.plx-light .plx-radio:checked,
.plx-offcanvas-bar .plx-radio:checked,
.plx-overlay-primary .plx-radio:checked,
.plx-section-primary:not(.plx-preserve-color) .plx-radio:checked,
.plx-section-secondary:not(.plx-preserve-color) .plx-radio:checked,
.plx-tile-primary:not(.plx-preserve-color) .plx-radio:checked,
.plx-tile-secondary:not(.plx-preserve-color) .plx-radio:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%2388A%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-card-primary.plx-card-body .plx-checkbox:checked,
.plx-card-primary>:not([class*=plx-card-media]) .plx-checkbox:checked,
.plx-card-secondary.plx-card-body .plx-checkbox:checked,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-checkbox:checked,
.plx-light .plx-checkbox:checked,
.plx-offcanvas-bar .plx-checkbox:checked,
.plx-overlay-primary .plx-checkbox:checked,
.plx-section-primary:not(.plx-preserve-color) .plx-checkbox:checked,
.plx-section-secondary:not(.plx-preserve-color) .plx-checkbox:checked,
.plx-tile-primary:not(.plx-preserve-color) .plx-checkbox:checked,
.plx-tile-secondary:not(.plx-preserve-color) .plx-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%2388A%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.plx-card-primary.plx-card-body .plx-checkbox:indeterminate,
.plx-card-primary>:not([class*=plx-card-media]) .plx-checkbox:indeterminate,
.plx-card-secondary.plx-card-body .plx-checkbox:indeterminate,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-checkbox:indeterminate,
.plx-light .plx-checkbox:indeterminate,
.plx-offcanvas-bar .plx-checkbox:indeterminate,
.plx-overlay-primary .plx-checkbox:indeterminate,
.plx-section-primary:not(.plx-preserve-color) .plx-checkbox:indeterminate,
.plx-section-secondary:not(.plx-preserve-color) .plx-checkbox:indeterminate,
.plx-tile-primary:not(.plx-preserve-color) .plx-checkbox:indeterminate,
.plx-tile-secondary:not(.plx-preserve-color) .plx-checkbox:indeterminate {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%2388A%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-card-primary.plx-card-body .plx-form-label,
.plx-card-primary>:not([class*=plx-card-media]) .plx-form-label,
.plx-card-secondary.plx-card-body .plx-form-label,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-form-label,
.plx-light .plx-form-label,
.plx-offcanvas-bar .plx-form-label,
.plx-overlay-primary .plx-form-label,
.plx-section-primary:not(.plx-preserve-color) .plx-form-label,
.plx-section-secondary:not(.plx-preserve-color) .plx-form-label,
.plx-tile-primary:not(.plx-preserve-color) .plx-form-label,
.plx-tile-secondary:not(.plx-preserve-color) .plx-form-label {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-form-icon,
.plx-card-primary>:not([class*=plx-card-media]) .plx-form-icon,
.plx-card-secondary.plx-card-body .plx-form-icon,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-form-icon,
.plx-light .plx-form-icon,
.plx-offcanvas-bar .plx-form-icon,
.plx-overlay-primary .plx-form-icon,
.plx-section-primary:not(.plx-preserve-color) .plx-form-icon,
.plx-section-secondary:not(.plx-preserve-color) .plx-form-icon,
.plx-tile-primary:not(.plx-preserve-color) .plx-form-icon,
.plx-tile-secondary:not(.plx-preserve-color) .plx-form-icon {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-form-icon:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-form-icon:hover,
.plx-card-secondary.plx-card-body .plx-form-icon:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-form-icon:hover,
.plx-light .plx-form-icon:hover,
.plx-offcanvas-bar .plx-form-icon:hover,
.plx-overlay-primary .plx-form-icon:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-form-icon:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-form-icon:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-form-icon:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-form-icon:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-button-default,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-default,
.plx-card-secondary.plx-card-body .plx-button-default,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-default,
.plx-light .plx-button-default,
.plx-offcanvas-bar .plx-button-default,
.plx-overlay-primary .plx-button-default,
.plx-section-primary:not(.plx-preserve-color) .plx-button-default,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-default,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-default,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-default {
    background-color: transparent;
    color:  var(--text-lightest);
    border-color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-button-default:focus,
.plx-card-primary.plx-card-body .plx-button-default:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-default:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-default:hover,
.plx-card-secondary.plx-card-body .plx-button-default:focus,
.plx-card-secondary.plx-card-body .plx-button-default:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-default:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-default:hover,
.plx-light .plx-button-default:focus,
.plx-light .plx-button-default:hover,
.plx-offcanvas-bar .plx-button-default:focus,
.plx-offcanvas-bar .plx-button-default:hover,
.plx-overlay-primary .plx-button-default:focus,
.plx-overlay-primary .plx-button-default:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-button-default:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-button-default:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-default:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-default:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-default:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-default:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-default:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-default:hover {
    background-color: transparent;
    color:  var(--text-lightest);
    border-color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-button-default.plx-active,
.plx-card-primary.plx-card-body .plx-button-default:active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-default.plx-active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-default:active,
.plx-card-secondary.plx-card-body .plx-button-default.plx-active,
.plx-card-secondary.plx-card-body .plx-button-default:active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-default.plx-active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-default:active,
.plx-light .plx-button-default.plx-active,
.plx-light .plx-button-default:active,
.plx-offcanvas-bar .plx-button-default.plx-active,
.plx-offcanvas-bar .plx-button-default:active,
.plx-overlay-primary .plx-button-default.plx-active,
.plx-overlay-primary .plx-button-default:active,
.plx-section-primary:not(.plx-preserve-color) .plx-button-default.plx-active,
.plx-section-primary:not(.plx-preserve-color) .plx-button-default:active,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-default.plx-active,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-default:active,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-default.plx-active,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-default:active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-default.plx-active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-default:active {
    background-color: transparent;
    color:  var(--text-lightest);
    border-color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-button-primary,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-primary,
.plx-card-secondary.plx-card-body .plx-button-primary,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-primary,
.plx-light .plx-button-primary,
.plx-offcanvas-bar .plx-button-primary,
.plx-overlay-primary .plx-button-primary,
.plx-section-primary:not(.plx-preserve-color) .plx-button-primary,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-primary,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-primary,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-primary {
    background-color:  var(--text-lightest);
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-button-primary:focus,
.plx-card-primary.plx-card-body .plx-button-primary:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-primary:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-primary:hover,
.plx-card-secondary.plx-card-body .plx-button-primary:focus,
.plx-card-secondary.plx-card-body .plx-button-primary:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-primary:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-primary:hover,
.plx-light .plx-button-primary:focus,
.plx-light .plx-button-primary:hover,
.plx-offcanvas-bar .plx-button-primary:focus,
.plx-offcanvas-bar .plx-button-primary:hover,
.plx-overlay-primary .plx-button-primary:focus,
.plx-overlay-primary .plx-button-primary:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-button-primary:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-button-primary:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-primary:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-primary:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-primary:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-primary:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-primary:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-primary:hover {
    background-color: #f2f2f2;
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-button-primary.plx-active,
.plx-card-primary.plx-card-body .plx-button-primary:active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-primary.plx-active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-primary:active,
.plx-card-secondary.plx-card-body .plx-button-primary.plx-active,
.plx-card-secondary.plx-card-body .plx-button-primary:active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-primary.plx-active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-primary:active,
.plx-light .plx-button-primary.plx-active,
.plx-light .plx-button-primary:active,
.plx-offcanvas-bar .plx-button-primary.plx-active,
.plx-offcanvas-bar .plx-button-primary:active,
.plx-overlay-primary .plx-button-primary.plx-active,
.plx-overlay-primary .plx-button-primary:active,
.plx-section-primary:not(.plx-preserve-color) .plx-button-primary.plx-active,
.plx-section-primary:not(.plx-preserve-color) .plx-button-primary:active,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-primary.plx-active,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-primary:active,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-primary.plx-active,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-primary:active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-primary.plx-active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-primary:active {
    background-color: #e6e6e6;
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-button-secondary,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-secondary,
.plx-card-secondary.plx-card-body .plx-button-secondary,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-secondary,
.plx-light .plx-button-secondary,
.plx-offcanvas-bar .plx-button-secondary,
.plx-overlay-primary .plx-button-secondary,
.plx-section-primary:not(.plx-preserve-color) .plx-button-secondary,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-secondary,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-secondary,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-secondary {
    background-color:  var(--text-lightest);
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-button-secondary:focus,
.plx-card-primary.plx-card-body .plx-button-secondary:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-secondary:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-secondary:hover,
.plx-card-secondary.plx-card-body .plx-button-secondary:focus,
.plx-card-secondary.plx-card-body .plx-button-secondary:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-secondary:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-secondary:hover,
.plx-light .plx-button-secondary:focus,
.plx-light .plx-button-secondary:hover,
.plx-offcanvas-bar .plx-button-secondary:focus,
.plx-offcanvas-bar .plx-button-secondary:hover,
.plx-overlay-primary .plx-button-secondary:focus,
.plx-overlay-primary .plx-button-secondary:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-button-secondary:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-button-secondary:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-secondary:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-secondary:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-secondary:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-secondary:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-secondary:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-secondary:hover {
    background-color: #f2f2f2;
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-button-secondary.plx-active,
.plx-card-primary.plx-card-body .plx-button-secondary:active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-secondary.plx-active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-secondary:active,
.plx-card-secondary.plx-card-body .plx-button-secondary.plx-active,
.plx-card-secondary.plx-card-body .plx-button-secondary:active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-secondary.plx-active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-secondary:active,
.plx-light .plx-button-secondary.plx-active,
.plx-light .plx-button-secondary:active,
.plx-offcanvas-bar .plx-button-secondary.plx-active,
.plx-offcanvas-bar .plx-button-secondary:active,
.plx-overlay-primary .plx-button-secondary.plx-active,
.plx-overlay-primary .plx-button-secondary:active,
.plx-section-primary:not(.plx-preserve-color) .plx-button-secondary.plx-active,
.plx-section-primary:not(.plx-preserve-color) .plx-button-secondary:active,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-secondary.plx-active,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-secondary:active,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-secondary.plx-active,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-secondary:active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-secondary.plx-active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-secondary:active {
    background-color: #e6e6e6;
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-button-text,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-text,
.plx-card-secondary.plx-card-body .plx-button-text,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-text,
.plx-light .plx-button-text,
.plx-offcanvas-bar .plx-button-text,
.plx-overlay-primary .plx-button-text,
.plx-section-primary:not(.plx-preserve-color) .plx-button-text,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-text,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-text,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-text {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-button-text::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-text::before,
.plx-card-secondary.plx-card-body .plx-button-text::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-text::before,
.plx-light .plx-button-text::before,
.plx-offcanvas-bar .plx-button-text::before,
.plx-overlay-primary .plx-button-text::before,
.plx-section-primary:not(.plx-preserve-color) .plx-button-text::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-text::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-text::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-text::before {
    border-bottom-color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-button-text:focus,
.plx-card-primary.plx-card-body .plx-button-text:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-text:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-text:hover,
.plx-card-secondary.plx-card-body .plx-button-text:focus,
.plx-card-secondary.plx-card-body .plx-button-text:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-text:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-text:hover,
.plx-light .plx-button-text:focus,
.plx-light .plx-button-text:hover,
.plx-offcanvas-bar .plx-button-text:focus,
.plx-offcanvas-bar .plx-button-text:hover,
.plx-overlay-primary .plx-button-text:focus,
.plx-overlay-primary .plx-button-text:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-button-text:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-button-text:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-text:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-text:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-text:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-text:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-text:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-text:hover {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-button-text:disabled,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-text:disabled,
.plx-card-secondary.plx-card-body .plx-button-text:disabled,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-text:disabled,
.plx-light .plx-button-text:disabled,
.plx-offcanvas-bar .plx-button-text:disabled,
.plx-overlay-primary .plx-button-text:disabled,
.plx-section-primary:not(.plx-preserve-color) .plx-button-text:disabled,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-text:disabled,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-text:disabled,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-text:disabled {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-button-link,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-link,
.plx-card-secondary.plx-card-body .plx-button-link,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-link,
.plx-light .plx-button-link,
.plx-offcanvas-bar .plx-button-link,
.plx-overlay-primary .plx-button-link,
.plx-section-primary:not(.plx-preserve-color) .plx-button-link,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-link,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-link,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-link {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-button-link:focus,
.plx-card-primary.plx-card-body .plx-button-link:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-link:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-button-link:hover,
.plx-card-secondary.plx-card-body .plx-button-link:focus,
.plx-card-secondary.plx-card-body .plx-button-link:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-link:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-button-link:hover,
.plx-light .plx-button-link:focus,
.plx-light .plx-button-link:hover,
.plx-offcanvas-bar .plx-button-link:focus,
.plx-offcanvas-bar .plx-button-link:hover,
.plx-overlay-primary .plx-button-link:focus,
.plx-overlay-primary .plx-button-link:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-button-link:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-button-link:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-link:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-button-link:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-link:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-button-link:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-link:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-button-link:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-grid-divider>:not(.plx-first-column)::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-grid-divider>:not(.plx-first-column)::before,
.plx-card-secondary.plx-card-body .plx-grid-divider>:not(.plx-first-column)::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-grid-divider>:not(.plx-first-column)::before,
.plx-light .plx-grid-divider>:not(.plx-first-column)::before,
.plx-offcanvas-bar .plx-grid-divider>:not(.plx-first-column)::before,
.plx-overlay-primary .plx-grid-divider>:not(.plx-first-column)::before,
.plx-section-primary:not(.plx-preserve-color) .plx-grid-divider>:not(.plx-first-column)::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-grid-divider>:not(.plx-first-column)::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-grid-divider>:not(.plx-first-column)::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-grid-divider>:not(.plx-first-column)::before {
    border-left-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before,
.plx-card-secondary.plx-card-body .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before,
.plx-light .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before,
.plx-offcanvas-bar .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before,
.plx-overlay-primary .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before,
.plx-section-primary:not(.plx-preserve-color) .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-grid-divider.plx-grid-stack>.plx-grid-margin::before {
    border-top-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-close,
.plx-card-primary>:not([class*=plx-card-media]) .plx-close,
.plx-card-secondary.plx-card-body .plx-close,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-close,
.plx-light .plx-close,
.plx-offcanvas-bar .plx-close,
.plx-overlay-primary .plx-close,
.plx-section-primary:not(.plx-preserve-color) .plx-close,
.plx-section-secondary:not(.plx-preserve-color) .plx-close,
.plx-tile-primary:not(.plx-preserve-color) .plx-close,
.plx-tile-secondary:not(.plx-preserve-color) .plx-close {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-close:focus,
.plx-card-primary.plx-card-body .plx-close:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-close:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-close:hover,
.plx-card-secondary.plx-card-body .plx-close:focus,
.plx-card-secondary.plx-card-body .plx-close:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-close:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-close:hover,
.plx-light .plx-close:focus,
.plx-light .plx-close:hover,
.plx-offcanvas-bar .plx-close:focus,
.plx-offcanvas-bar .plx-close:hover,
.plx-overlay-primary .plx-close:focus,
.plx-overlay-primary .plx-close:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-close:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-close:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-close:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-close:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-close:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-close:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-close:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-close:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-totop,
.plx-card-primary>:not([class*=plx-card-media]) .plx-totop,
.plx-card-secondary.plx-card-body .plx-totop,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-totop,
.plx-light .plx-totop,
.plx-offcanvas-bar .plx-totop,
.plx-overlay-primary .plx-totop,
.plx-section-primary:not(.plx-preserve-color) .plx-totop,
.plx-section-secondary:not(.plx-preserve-color) .plx-totop,
.plx-tile-primary:not(.plx-preserve-color) .plx-totop,
.plx-tile-secondary:not(.plx-preserve-color) .plx-totop {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-totop:focus,
.plx-card-primary.plx-card-body .plx-totop:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-totop:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-totop:hover,
.plx-card-secondary.plx-card-body .plx-totop:focus,
.plx-card-secondary.plx-card-body .plx-totop:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-totop:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-totop:hover,
.plx-light .plx-totop:focus,
.plx-light .plx-totop:hover,
.plx-offcanvas-bar .plx-totop:focus,
.plx-offcanvas-bar .plx-totop:hover,
.plx-overlay-primary .plx-totop:focus,
.plx-overlay-primary .plx-totop:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-totop:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-totop:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-totop:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-totop:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-totop:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-totop:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-totop:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-totop:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-totop:active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-totop:active,
.plx-card-secondary.plx-card-body .plx-totop:active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-totop:active,
.plx-light .plx-totop:active,
.plx-offcanvas-bar .plx-totop:active,
.plx-overlay-primary .plx-totop:active,
.plx-section-primary:not(.plx-preserve-color) .plx-totop:active,
.plx-section-secondary:not(.plx-preserve-color) .plx-totop:active,
.plx-tile-primary:not(.plx-preserve-color) .plx-totop:active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-totop:active {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-marker,
.plx-card-primary>:not([class*=plx-card-media]) .plx-marker,
.plx-card-secondary.plx-card-body .plx-marker,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-marker,
.plx-light .plx-marker,
.plx-offcanvas-bar .plx-marker,
.plx-overlay-primary .plx-marker,
.plx-section-primary:not(.plx-preserve-color) .plx-marker,
.plx-section-secondary:not(.plx-preserve-color) .plx-marker,
.plx-tile-primary:not(.plx-preserve-color) .plx-marker,
.plx-tile-secondary:not(.plx-preserve-color) .plx-marker {
    background: #112;
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-marker:focus,
.plx-card-primary.plx-card-body .plx-marker:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-marker:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-marker:hover,
.plx-card-secondary.plx-card-body .plx-marker:focus,
.plx-card-secondary.plx-card-body .plx-marker:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-marker:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-marker:hover,
.plx-light .plx-marker:focus,
.plx-light .plx-marker:hover,
.plx-offcanvas-bar .plx-marker:focus,
.plx-offcanvas-bar .plx-marker:hover,
.plx-overlay-primary .plx-marker:focus,
.plx-overlay-primary .plx-marker:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-marker:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-marker:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-marker:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-marker:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-marker:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-marker:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-marker:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-marker:hover {
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-badge,
.plx-card-primary>:not([class*=plx-card-media]) .plx-badge,
.plx-card-secondary.plx-card-body .plx-badge,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-badge,
.plx-light .plx-badge,
.plx-offcanvas-bar .plx-badge,
.plx-overlay-primary .plx-badge,
.plx-section-primary:not(.plx-preserve-color) .plx-badge,
.plx-section-secondary:not(.plx-preserve-color) .plx-badge,
.plx-tile-primary:not(.plx-preserve-color) .plx-badge,
.plx-tile-secondary:not(.plx-preserve-color) .plx-badge {
    background-color:  var(--text-lightest);
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-badge:focus,
.plx-card-primary.plx-card-body .plx-badge:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-badge:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-badge:hover,
.plx-card-secondary.plx-card-body .plx-badge:focus,
.plx-card-secondary.plx-card-body .plx-badge:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-badge:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-badge:hover,
.plx-light .plx-badge:focus,
.plx-light .plx-badge:hover,
.plx-offcanvas-bar .plx-badge:focus,
.plx-offcanvas-bar .plx-badge:hover,
.plx-overlay-primary .plx-badge:focus,
.plx-overlay-primary .plx-badge:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-badge:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-badge:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-badge:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-badge:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-badge:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-badge:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-badge:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-badge:hover {
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-label,
.plx-card-primary>:not([class*=plx-card-media]) .plx-label,
.plx-card-secondary.plx-card-body .plx-label,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-label,
.plx-light .plx-label,
.plx-offcanvas-bar .plx-label,
.plx-overlay-primary .plx-label,
.plx-section-primary:not(.plx-preserve-color) .plx-label,
.plx-section-secondary:not(.plx-preserve-color) .plx-label,
.plx-tile-primary:not(.plx-preserve-color) .plx-label,
.plx-tile-secondary:not(.plx-preserve-color) .plx-label {
    background-color:  var(--text-lightest);
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-article-meta,
.plx-card-primary>:not([class*=plx-card-media]) .plx-article-meta,
.plx-card-secondary.plx-card-body .plx-article-meta,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-article-meta,
.plx-light .plx-article-meta,
.plx-offcanvas-bar .plx-article-meta,
.plx-overlay-primary .plx-article-meta,
.plx-section-primary:not(.plx-preserve-color) .plx-article-meta,
.plx-section-secondary:not(.plx-preserve-color) .plx-article-meta,
.plx-tile-primary:not(.plx-preserve-color) .plx-article-meta,
.plx-tile-secondary:not(.plx-preserve-color) .plx-article-meta {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-search-input,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search-input,
.plx-card-secondary.plx-card-body .plx-search-input,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search-input,
.plx-light .plx-search-input,
.plx-offcanvas-bar .plx-search-input,
.plx-overlay-primary .plx-search-input,
.plx-section-primary:not(.plx-preserve-color) .plx-search-input,
.plx-section-secondary:not(.plx-preserve-color) .plx-search-input,
.plx-tile-primary:not(.plx-preserve-color) .plx-search-input,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search-input {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-search-input:-ms-input-placeholder,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search-input:-ms-input-placeholder,
.plx-card-secondary.plx-card-body .plx-search-input:-ms-input-placeholder,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search-input:-ms-input-placeholder,
.plx-light .plx-search-input:-ms-input-placeholder,
.plx-offcanvas-bar .plx-search-input:-ms-input-placeholder,
.plx-overlay-primary .plx-search-input:-ms-input-placeholder,
.plx-section-primary:not(.plx-preserve-color) .plx-search-input:-ms-input-placeholder,
.plx-section-secondary:not(.plx-preserve-color) .plx-search-input:-ms-input-placeholder,
.plx-tile-primary:not(.plx-preserve-color) .plx-search-input:-ms-input-placeholder,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5) !important
}

.plx-card-primary.plx-card-body .plx-search-input::placeholder,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search-input::placeholder,
.plx-card-secondary.plx-card-body .plx-search-input::placeholder,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search-input::placeholder,
.plx-light .plx-search-input::placeholder,
.plx-offcanvas-bar .plx-search-input::placeholder,
.plx-overlay-primary .plx-search-input::placeholder,
.plx-section-primary:not(.plx-preserve-color) .plx-search-input::placeholder,
.plx-section-secondary:not(.plx-preserve-color) .plx-search-input::placeholder,
.plx-tile-primary:not(.plx-preserve-color) .plx-search-input::placeholder,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search-input::placeholder {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-search .plx-search-icon,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search .plx-search-icon,
.plx-card-secondary.plx-card-body .plx-search .plx-search-icon,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search .plx-search-icon,
.plx-light .plx-search .plx-search-icon,
.plx-offcanvas-bar .plx-search .plx-search-icon,
.plx-overlay-primary .plx-search .plx-search-icon,
.plx-section-primary:not(.plx-preserve-color) .plx-search .plx-search-icon,
.plx-section-secondary:not(.plx-preserve-color) .plx-search .plx-search-icon,
.plx-tile-primary:not(.plx-preserve-color) .plx-search .plx-search-icon,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search .plx-search-icon {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-search .plx-search-icon:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search .plx-search-icon:hover,
.plx-card-secondary.plx-card-body .plx-search .plx-search-icon:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search .plx-search-icon:hover,
.plx-light .plx-search .plx-search-icon:hover,
.plx-offcanvas-bar .plx-search .plx-search-icon:hover,
.plx-overlay-primary .plx-search .plx-search-icon:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-search .plx-search-icon:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-search .plx-search-icon:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-search .plx-search-icon:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search .plx-search-icon:hover {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-search-default .plx-search-input,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search-default .plx-search-input,
.plx-card-secondary.plx-card-body .plx-search-default .plx-search-input,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search-default .plx-search-input,
.plx-light .plx-search-default .plx-search-input,
.plx-offcanvas-bar .plx-search-default .plx-search-input,
.plx-overlay-primary .plx-search-default .plx-search-input,
.plx-section-primary:not(.plx-preserve-color) .plx-search-default .plx-search-input,
.plx-section-secondary:not(.plx-preserve-color) .plx-search-default .plx-search-input,
.plx-tile-primary:not(.plx-preserve-color) .plx-search-default .plx-search-input,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search-default .plx-search-input {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-search-default .plx-search-input:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search-default .plx-search-input:focus,
.plx-card-secondary.plx-card-body .plx-search-default .plx-search-input:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search-default .plx-search-input:focus,
.plx-light .plx-search-default .plx-search-input:focus,
.plx-offcanvas-bar .plx-search-default .plx-search-input:focus,
.plx-overlay-primary .plx-search-default .plx-search-input:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-search-default .plx-search-input:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-search-default .plx-search-input:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-search-default .plx-search-input:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search-default .plx-search-input:focus {
    background-color: transparent
}

.plx-card-primary.plx-card-body .plx-search-navbar .plx-search-input,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search-navbar .plx-search-input,
.plx-card-secondary.plx-card-body .plx-search-navbar .plx-search-input,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search-navbar .plx-search-input,
.plx-light .plx-search-navbar .plx-search-input,
.plx-offcanvas-bar .plx-search-navbar .plx-search-input,
.plx-overlay-primary .plx-search-navbar .plx-search-input,
.plx-section-primary:not(.plx-preserve-color) .plx-search-navbar .plx-search-input,
.plx-section-secondary:not(.plx-preserve-color) .plx-search-navbar .plx-search-input,
.plx-tile-primary:not(.plx-preserve-color) .plx-search-navbar .plx-search-input,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search-navbar .plx-search-input {
    background-color: transparent
}

.plx-card-primary.plx-card-body .plx-search-large .plx-search-input,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search-large .plx-search-input,
.plx-card-secondary.plx-card-body .plx-search-large .plx-search-input,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search-large .plx-search-input,
.plx-light .plx-search-large .plx-search-input,
.plx-offcanvas-bar .plx-search-large .plx-search-input,
.plx-overlay-primary .plx-search-large .plx-search-input,
.plx-section-primary:not(.plx-preserve-color) .plx-search-large .plx-search-input,
.plx-section-secondary:not(.plx-preserve-color) .plx-search-large .plx-search-input,
.plx-tile-primary:not(.plx-preserve-color) .plx-search-large .plx-search-input,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search-large .plx-search-input {
    background-color: transparent
}

.plx-card-primary.plx-card-body .plx-search-toggle,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search-toggle,
.plx-card-secondary.plx-card-body .plx-search-toggle,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search-toggle,
.plx-light .plx-search-toggle,
.plx-offcanvas-bar .plx-search-toggle,
.plx-overlay-primary .plx-search-toggle,
.plx-section-primary:not(.plx-preserve-color) .plx-search-toggle,
.plx-section-secondary:not(.plx-preserve-color) .plx-search-toggle,
.plx-tile-primary:not(.plx-preserve-color) .plx-search-toggle,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search-toggle {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-search-toggle:focus,
.plx-card-primary.plx-card-body .plx-search-toggle:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search-toggle:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-search-toggle:hover,
.plx-card-secondary.plx-card-body .plx-search-toggle:focus,
.plx-card-secondary.plx-card-body .plx-search-toggle:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search-toggle:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-search-toggle:hover,
.plx-light .plx-search-toggle:focus,
.plx-light .plx-search-toggle:hover,
.plx-offcanvas-bar .plx-search-toggle:focus,
.plx-offcanvas-bar .plx-search-toggle:hover,
.plx-overlay-primary .plx-search-toggle:focus,
.plx-overlay-primary .plx-search-toggle:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-search-toggle:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-search-toggle:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-search-toggle:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-search-toggle:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-search-toggle:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-search-toggle:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search-toggle:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-search-toggle:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-nav-parent-icon>.plx-parent>a::after,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-parent-icon>.plx-parent>a::after,
.plx-card-secondary.plx-card-body .plx-nav-parent-icon>.plx-parent>a::after,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-parent-icon>.plx-parent>a::after,
.plx-light .plx-nav-parent-icon>.plx-parent>a::after,
.plx-offcanvas-bar .plx-nav-parent-icon>.plx-parent>a::after,
.plx-overlay-primary .plx-nav-parent-icon>.plx-parent>a::after,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-parent-icon>.plx-parent>a::after,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-parent-icon>.plx-parent>a::after,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-parent-icon>.plx-parent>a::after,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-parent-icon>.plx-parent>a::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-card-primary.plx-card-body .plx-nav-parent-icon>.plx-parent.plx-open>a::after,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-parent-icon>.plx-parent.plx-open>a::after,
.plx-card-secondary.plx-card-body .plx-nav-parent-icon>.plx-parent.plx-open>a::after,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-parent-icon>.plx-parent.plx-open>a::after,
.plx-light .plx-nav-parent-icon>.plx-parent.plx-open>a::after,
.plx-offcanvas-bar .plx-nav-parent-icon>.plx-parent.plx-open>a::after,
.plx-overlay-primary .plx-nav-parent-icon>.plx-parent.plx-open>a::after,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-parent-icon>.plx-parent.plx-open>a::after,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-parent-icon>.plx-parent.plx-open>a::after,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-parent-icon>.plx-parent.plx-open>a::after,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-parent-icon>.plx-parent.plx-open>a::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-card-primary.plx-card-body .plx-nav-default>li>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-default>li>a,
.plx-card-secondary.plx-card-body .plx-nav-default>li>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-default>li>a,
.plx-light .plx-nav-default>li>a,
.plx-offcanvas-bar .plx-nav-default>li>a,
.plx-overlay-primary .plx-nav-default>li>a,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-default>li>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-default>li>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-default>li>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-default>li>a {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-nav-default>li>a:focus,
.plx-card-primary.plx-card-body .plx-nav-default>li>a:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-default>li>a:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-default>li>a:hover,
.plx-card-secondary.plx-card-body .plx-nav-default>li>a:focus,
.plx-card-secondary.plx-card-body .plx-nav-default>li>a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-default>li>a:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-default>li>a:hover,
.plx-light .plx-nav-default>li>a:focus,
.plx-light .plx-nav-default>li>a:hover,
.plx-offcanvas-bar .plx-nav-default>li>a:focus,
.plx-offcanvas-bar .plx-nav-default>li>a:hover,
.plx-overlay-primary .plx-nav-default>li>a:focus,
.plx-overlay-primary .plx-nav-default>li>a:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-default>li>a:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-default>li>a:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-default>li>a:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-default>li>a:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-default>li>a:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-default>li>a:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-default>li>a:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-default>li>a:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-nav-default>li.plx-active>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-default>li.plx-active>a,
.plx-card-secondary.plx-card-body .plx-nav-default>li.plx-active>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-default>li.plx-active>a,
.plx-light .plx-nav-default>li.plx-active>a,
.plx-offcanvas-bar .plx-nav-default>li.plx-active>a,
.plx-overlay-primary .plx-nav-default>li.plx-active>a,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-default>li.plx-active>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-default>li.plx-active>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-default>li.plx-active>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-default>li.plx-active>a {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-nav-default .plx-nav-header,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-header,
.plx-card-secondary.plx-card-body .plx-nav-default .plx-nav-header,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-header,
.plx-light .plx-nav-default .plx-nav-header,
.plx-offcanvas-bar .plx-nav-default .plx-nav-header,
.plx-overlay-primary .plx-nav-default .plx-nav-header,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-header,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-header,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-header,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-header {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-nav-default .plx-nav-divider,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-divider,
.plx-card-secondary.plx-card-body .plx-nav-default .plx-nav-divider,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-divider,
.plx-light .plx-nav-default .plx-nav-divider,
.plx-offcanvas-bar .plx-nav-default .plx-nav-divider,
.plx-overlay-primary .plx-nav-default .plx-nav-divider,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-divider,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-divider,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-divider,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-divider {
    border-top-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-nav-default .plx-nav-sub a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-sub a,
.plx-card-secondary.plx-card-body .plx-nav-default .plx-nav-sub a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-sub a,
.plx-light .plx-nav-default .plx-nav-sub a,
.plx-offcanvas-bar .plx-nav-default .plx-nav-sub a,
.plx-overlay-primary .plx-nav-default .plx-nav-sub a,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-nav-default .plx-nav-sub a:focus,
.plx-card-primary.plx-card-body .plx-nav-default .plx-nav-sub a:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-sub a:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-sub a:hover,
.plx-card-secondary.plx-card-body .plx-nav-default .plx-nav-sub a:focus,
.plx-card-secondary.plx-card-body .plx-nav-default .plx-nav-sub a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-sub a:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-sub a:hover,
.plx-light .plx-nav-default .plx-nav-sub a:focus,
.plx-light .plx-nav-default .plx-nav-sub a:hover,
.plx-offcanvas-bar .plx-nav-default .plx-nav-sub a:focus,
.plx-offcanvas-bar .plx-nav-default .plx-nav-sub a:hover,
.plx-overlay-primary .plx-nav-default .plx-nav-sub a:focus,
.plx-overlay-primary .plx-nav-default .plx-nav-sub a:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub a:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-nav-default .plx-nav-sub li.plx-active>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-sub li.plx-active>a,
.plx-card-secondary.plx-card-body .plx-nav-default .plx-nav-sub li.plx-active>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-default .plx-nav-sub li.plx-active>a,
.plx-light .plx-nav-default .plx-nav-sub li.plx-active>a,
.plx-offcanvas-bar .plx-nav-default .plx-nav-sub li.plx-active>a,
.plx-overlay-primary .plx-nav-default .plx-nav-sub li.plx-active>a,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub li.plx-active>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub li.plx-active>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub li.plx-active>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-default .plx-nav-sub li.plx-active>a {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-nav-primary>li>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-primary>li>a,
.plx-card-secondary.plx-card-body .plx-nav-primary>li>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-primary>li>a,
.plx-light .plx-nav-primary>li>a,
.plx-offcanvas-bar .plx-nav-primary>li>a,
.plx-overlay-primary .plx-nav-primary>li>a,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-primary>li>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-primary>li>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-primary>li>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-primary>li>a {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-nav-primary>li>a:focus,
.plx-card-primary.plx-card-body .plx-nav-primary>li>a:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-primary>li>a:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-primary>li>a:hover,
.plx-card-secondary.plx-card-body .plx-nav-primary>li>a:focus,
.plx-card-secondary.plx-card-body .plx-nav-primary>li>a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-primary>li>a:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-primary>li>a:hover,
.plx-light .plx-nav-primary>li>a:focus,
.plx-light .plx-nav-primary>li>a:hover,
.plx-offcanvas-bar .plx-nav-primary>li>a:focus,
.plx-offcanvas-bar .plx-nav-primary>li>a:hover,
.plx-overlay-primary .plx-nav-primary>li>a:focus,
.plx-overlay-primary .plx-nav-primary>li>a:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-primary>li>a:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-primary>li>a:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-primary>li>a:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-primary>li>a:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-primary>li>a:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-primary>li>a:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-primary>li>a:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-primary>li>a:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-nav-primary>li.plx-active>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-primary>li.plx-active>a,
.plx-card-secondary.plx-card-body .plx-nav-primary>li.plx-active>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-primary>li.plx-active>a,
.plx-light .plx-nav-primary>li.plx-active>a,
.plx-offcanvas-bar .plx-nav-primary>li.plx-active>a,
.plx-overlay-primary .plx-nav-primary>li.plx-active>a,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-primary>li.plx-active>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-primary>li.plx-active>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-primary>li.plx-active>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-primary>li.plx-active>a {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-nav-primary .plx-nav-header,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-header,
.plx-card-secondary.plx-card-body .plx-nav-primary .plx-nav-header,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-header,
.plx-light .plx-nav-primary .plx-nav-header,
.plx-offcanvas-bar .plx-nav-primary .plx-nav-header,
.plx-overlay-primary .plx-nav-primary .plx-nav-header,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-header,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-header,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-header,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-header {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-nav-primary .plx-nav-divider,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-divider,
.plx-card-secondary.plx-card-body .plx-nav-primary .plx-nav-divider,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-divider,
.plx-light .plx-nav-primary .plx-nav-divider,
.plx-offcanvas-bar .plx-nav-primary .plx-nav-divider,
.plx-overlay-primary .plx-nav-primary .plx-nav-divider,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-divider,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-divider,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-divider,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-divider {
    border-top-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-nav-primary .plx-nav-sub a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-sub a,
.plx-card-secondary.plx-card-body .plx-nav-primary .plx-nav-sub a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-sub a,
.plx-light .plx-nav-primary .plx-nav-sub a,
.plx-offcanvas-bar .plx-nav-primary .plx-nav-sub a,
.plx-overlay-primary .plx-nav-primary .plx-nav-sub a,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-nav-primary .plx-nav-sub a:focus,
.plx-card-primary.plx-card-body .plx-nav-primary .plx-nav-sub a:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-sub a:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-sub a:hover,
.plx-card-secondary.plx-card-body .plx-nav-primary .plx-nav-sub a:focus,
.plx-card-secondary.plx-card-body .plx-nav-primary .plx-nav-sub a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-sub a:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-sub a:hover,
.plx-light .plx-nav-primary .plx-nav-sub a:focus,
.plx-light .plx-nav-primary .plx-nav-sub a:hover,
.plx-offcanvas-bar .plx-nav-primary .plx-nav-sub a:focus,
.plx-offcanvas-bar .plx-nav-primary .plx-nav-sub a:hover,
.plx-overlay-primary .plx-nav-primary .plx-nav-sub a:focus,
.plx-overlay-primary .plx-nav-primary .plx-nav-sub a:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub a:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-nav-primary .plx-nav-sub li.plx-active>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-sub li.plx-active>a,
.plx-card-secondary.plx-card-body .plx-nav-primary .plx-nav-sub li.plx-active>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-nav-primary .plx-nav-sub li.plx-active>a,
.plx-light .plx-nav-primary .plx-nav-sub li.plx-active>a,
.plx-offcanvas-bar .plx-nav-primary .plx-nav-sub li.plx-active>a,
.plx-overlay-primary .plx-nav-primary .plx-nav-sub li.plx-active>a,
.plx-section-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub li.plx-active>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub li.plx-active>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub li.plx-active>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-nav-primary .plx-nav-sub li.plx-active>a {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-navbar-nav>li>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-navbar-nav>li>a,
.plx-card-secondary.plx-card-body .plx-navbar-nav>li>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-navbar-nav>li>a,
.plx-light .plx-navbar-nav>li>a,
.plx-offcanvas-bar .plx-navbar-nav>li>a,
.plx-overlay-primary .plx-navbar-nav>li>a,
.plx-section-primary:not(.plx-preserve-color) .plx-navbar-nav>li>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-navbar-nav>li>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-navbar-nav>li>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-navbar-nav>li>a {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-navbar-nav>li:hover>a,
.plx-card-primary.plx-card-body .plx-navbar-nav>li>a.plx-open,
.plx-card-primary.plx-card-body .plx-navbar-nav>li>a:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-navbar-nav>li:hover>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-navbar-nav>li>a.plx-open,
.plx-card-primary>:not([class*=plx-card-media]) .plx-navbar-nav>li>a:focus,
.plx-card-secondary.plx-card-body .plx-navbar-nav>li:hover>a,
.plx-card-secondary.plx-card-body .plx-navbar-nav>li>a.plx-open,
.plx-card-secondary.plx-card-body .plx-navbar-nav>li>a:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-navbar-nav>li:hover>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-navbar-nav>li>a.plx-open,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-navbar-nav>li>a:focus,
.plx-light .plx-navbar-nav>li:hover>a,
.plx-light .plx-navbar-nav>li>a.plx-open,
.plx-light .plx-navbar-nav>li>a:focus,
.plx-offcanvas-bar .plx-navbar-nav>li:hover>a,
.plx-offcanvas-bar .plx-navbar-nav>li>a.plx-open,
.plx-offcanvas-bar .plx-navbar-nav>li>a:focus,
.plx-overlay-primary .plx-navbar-nav>li:hover>a,
.plx-overlay-primary .plx-navbar-nav>li>a.plx-open,
.plx-overlay-primary .plx-navbar-nav>li>a:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-navbar-nav>li:hover>a,
.plx-section-primary:not(.plx-preserve-color) .plx-navbar-nav>li>a.plx-open,
.plx-section-primary:not(.plx-preserve-color) .plx-navbar-nav>li>a:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-navbar-nav>li:hover>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-navbar-nav>li>a.plx-open,
.plx-section-secondary:not(.plx-preserve-color) .plx-navbar-nav>li>a:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-navbar-nav>li:hover>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-navbar-nav>li>a.plx-open,
.plx-tile-primary:not(.plx-preserve-color) .plx-navbar-nav>li>a:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-navbar-nav>li:hover>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-navbar-nav>li>a.plx-open,
.plx-tile-secondary:not(.plx-preserve-color) .plx-navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-navbar-nav>li>a:active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-navbar-nav>li>a:active,
.plx-card-secondary.plx-card-body .plx-navbar-nav>li>a:active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-navbar-nav>li>a:active,
.plx-light .plx-navbar-nav>li>a:active,
.plx-offcanvas-bar .plx-navbar-nav>li>a:active,
.plx-overlay-primary .plx-navbar-nav>li>a:active,
.plx-section-primary:not(.plx-preserve-color) .plx-navbar-nav>li>a:active,
.plx-section-secondary:not(.plx-preserve-color) .plx-navbar-nav>li>a:active,
.plx-tile-primary:not(.plx-preserve-color) .plx-navbar-nav>li>a:active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-navbar-nav>li>a:active {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-navbar-nav>li.plx-active>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-navbar-nav>li.plx-active>a,
.plx-card-secondary.plx-card-body .plx-navbar-nav>li.plx-active>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-navbar-nav>li.plx-active>a,
.plx-light .plx-navbar-nav>li.plx-active>a,
.plx-offcanvas-bar .plx-navbar-nav>li.plx-active>a,
.plx-overlay-primary .plx-navbar-nav>li.plx-active>a,
.plx-section-primary:not(.plx-preserve-color) .plx-navbar-nav>li.plx-active>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-navbar-nav>li.plx-active>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-navbar-nav>li.plx-active>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-navbar-nav>li.plx-active>a {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-navbar-item,
.plx-card-primary>:not([class*=plx-card-media]) .plx-navbar-item,
.plx-card-secondary.plx-card-body .plx-navbar-item,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-navbar-item,
.plx-light .plx-navbar-item,
.plx-offcanvas-bar .plx-navbar-item,
.plx-overlay-primary .plx-navbar-item,
.plx-section-primary:not(.plx-preserve-color) .plx-navbar-item,
.plx-section-secondary:not(.plx-preserve-color) .plx-navbar-item,
.plx-tile-primary:not(.plx-preserve-color) .plx-navbar-item,
.plx-tile-secondary:not(.plx-preserve-color) .plx-navbar-item {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-navbar-toggle,
.plx-card-primary>:not([class*=plx-card-media]) .plx-navbar-toggle,
.plx-card-secondary.plx-card-body .plx-navbar-toggle,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-navbar-toggle,
.plx-light .plx-navbar-toggle,
.plx-offcanvas-bar .plx-navbar-toggle,
.plx-overlay-primary .plx-navbar-toggle,
.plx-section-primary:not(.plx-preserve-color) .plx-navbar-toggle,
.plx-section-secondary:not(.plx-preserve-color) .plx-navbar-toggle,
.plx-tile-primary:not(.plx-preserve-color) .plx-navbar-toggle,
.plx-tile-secondary:not(.plx-preserve-color) .plx-navbar-toggle {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-navbar-toggle.plx-open,
.plx-card-primary.plx-card-body .plx-navbar-toggle:focus,
.plx-card-primary.plx-card-body .plx-navbar-toggle:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-navbar-toggle.plx-open,
.plx-card-primary>:not([class*=plx-card-media]) .plx-navbar-toggle:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-navbar-toggle:hover,
.plx-card-secondary.plx-card-body .plx-navbar-toggle.plx-open,
.plx-card-secondary.plx-card-body .plx-navbar-toggle:focus,
.plx-card-secondary.plx-card-body .plx-navbar-toggle:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-navbar-toggle.plx-open,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-navbar-toggle:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-navbar-toggle:hover,
.plx-light .plx-navbar-toggle.plx-open,
.plx-light .plx-navbar-toggle:focus,
.plx-light .plx-navbar-toggle:hover,
.plx-offcanvas-bar .plx-navbar-toggle.plx-open,
.plx-offcanvas-bar .plx-navbar-toggle:focus,
.plx-offcanvas-bar .plx-navbar-toggle:hover,
.plx-overlay-primary .plx-navbar-toggle.plx-open,
.plx-overlay-primary .plx-navbar-toggle:focus,
.plx-overlay-primary .plx-navbar-toggle:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-navbar-toggle.plx-open,
.plx-section-primary:not(.plx-preserve-color) .plx-navbar-toggle:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-navbar-toggle:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-navbar-toggle.plx-open,
.plx-section-secondary:not(.plx-preserve-color) .plx-navbar-toggle:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-navbar-toggle:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-navbar-toggle.plx-open,
.plx-tile-primary:not(.plx-preserve-color) .plx-navbar-toggle:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-navbar-toggle:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-navbar-toggle.plx-open,
.plx-tile-secondary:not(.plx-preserve-color) .plx-navbar-toggle:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-navbar-toggle:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-subnav>*>:first-child,
.plx-card-primary>:not([class*=plx-card-media]) .plx-subnav>*>:first-child,
.plx-card-secondary.plx-card-body .plx-subnav>*>:first-child,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-subnav>*>:first-child,
.plx-light .plx-subnav>*>:first-child,
.plx-offcanvas-bar .plx-subnav>*>:first-child,
.plx-overlay-primary .plx-subnav>*>:first-child,
.plx-section-primary:not(.plx-preserve-color) .plx-subnav>*>:first-child,
.plx-section-secondary:not(.plx-preserve-color) .plx-subnav>*>:first-child,
.plx-tile-primary:not(.plx-preserve-color) .plx-subnav>*>:first-child,
.plx-tile-secondary:not(.plx-preserve-color) .plx-subnav>*>:first-child {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-subnav>*>a:focus,
.plx-card-primary.plx-card-body .plx-subnav>*>a:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-subnav>*>a:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-subnav>*>a:hover,
.plx-card-secondary.plx-card-body .plx-subnav>*>a:focus,
.plx-card-secondary.plx-card-body .plx-subnav>*>a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-subnav>*>a:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-subnav>*>a:hover,
.plx-light .plx-subnav>*>a:focus,
.plx-light .plx-subnav>*>a:hover,
.plx-offcanvas-bar .plx-subnav>*>a:focus,
.plx-offcanvas-bar .plx-subnav>*>a:hover,
.plx-overlay-primary .plx-subnav>*>a:focus,
.plx-overlay-primary .plx-subnav>*>a:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-subnav>*>a:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-subnav>*>a:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-subnav>*>a:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-subnav>*>a:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-subnav>*>a:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-subnav>*>a:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-subnav>*>a:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-subnav>*>a:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-subnav>.plx-active>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-subnav>.plx-active>a,
.plx-card-secondary.plx-card-body .plx-subnav>.plx-active>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-subnav>.plx-active>a,
.plx-light .plx-subnav>.plx-active>a,
.plx-offcanvas-bar .plx-subnav>.plx-active>a,
.plx-overlay-primary .plx-subnav>.plx-active>a,
.plx-section-primary:not(.plx-preserve-color) .plx-subnav>.plx-active>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-subnav>.plx-active>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-subnav>.plx-active>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-subnav>.plx-active>a {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before,
.plx-card-secondary.plx-card-body .plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before,
.plx-light .plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before,
.plx-offcanvas-bar .plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before,
.plx-overlay-primary .plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before,
.plx-section-primary:not(.plx-preserve-color) .plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-subnav-divider>:nth-child(n+2):not(.plx-first-column)::before {
    border-left-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-subnav-pill>*>:first-child,
.plx-card-primary>:not([class*=plx-card-media]) .plx-subnav-pill>*>:first-child,
.plx-card-secondary.plx-card-body .plx-subnav-pill>*>:first-child,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-subnav-pill>*>:first-child,
.plx-light .plx-subnav-pill>*>:first-child,
.plx-offcanvas-bar .plx-subnav-pill>*>:first-child,
.plx-overlay-primary .plx-subnav-pill>*>:first-child,
.plx-section-primary:not(.plx-preserve-color) .plx-subnav-pill>*>:first-child,
.plx-section-secondary:not(.plx-preserve-color) .plx-subnav-pill>*>:first-child,
.plx-tile-primary:not(.plx-preserve-color) .plx-subnav-pill>*>:first-child,
.plx-tile-secondary:not(.plx-preserve-color) .plx-subnav-pill>*>:first-child {
    background-color: transparent;
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-subnav-pill>*>a:focus,
.plx-card-primary.plx-card-body .plx-subnav-pill>*>a:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-subnav-pill>*>a:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-subnav-pill>*>a:hover,
.plx-card-secondary.plx-card-body .plx-subnav-pill>*>a:focus,
.plx-card-secondary.plx-card-body .plx-subnav-pill>*>a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-subnav-pill>*>a:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-subnav-pill>*>a:hover,
.plx-light .plx-subnav-pill>*>a:focus,
.plx-light .plx-subnav-pill>*>a:hover,
.plx-offcanvas-bar .plx-subnav-pill>*>a:focus,
.plx-offcanvas-bar .plx-subnav-pill>*>a:hover,
.plx-overlay-primary .plx-subnav-pill>*>a:focus,
.plx-overlay-primary .plx-subnav-pill>*>a:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-subnav-pill>*>a:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-subnav-pill>*>a:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-subnav-pill>*>a:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-subnav-pill>*>a:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-subnav-pill>*>a:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-subnav-pill>*>a:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-subnav-pill>*>a:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-subnav-pill>*>a:hover {
    background-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-subnav-pill>*>a:active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-subnav-pill>*>a:active,
.plx-card-secondary.plx-card-body .plx-subnav-pill>*>a:active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-subnav-pill>*>a:active,
.plx-light .plx-subnav-pill>*>a:active,
.plx-offcanvas-bar .plx-subnav-pill>*>a:active,
.plx-overlay-primary .plx-subnav-pill>*>a:active,
.plx-section-primary:not(.plx-preserve-color) .plx-subnav-pill>*>a:active,
.plx-section-secondary:not(.plx-preserve-color) .plx-subnav-pill>*>a:active,
.plx-tile-primary:not(.plx-preserve-color) .plx-subnav-pill>*>a:active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-subnav-pill>*>a:active {
    background-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-subnav-pill>.plx-active>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-subnav-pill>.plx-active>a,
.plx-card-secondary.plx-card-body .plx-subnav-pill>.plx-active>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-subnav-pill>.plx-active>a,
.plx-light .plx-subnav-pill>.plx-active>a,
.plx-offcanvas-bar .plx-subnav-pill>.plx-active>a,
.plx-overlay-primary .plx-subnav-pill>.plx-active>a,
.plx-section-primary:not(.plx-preserve-color) .plx-subnav-pill>.plx-active>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-subnav-pill>.plx-active>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-subnav-pill>.plx-active>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-subnav-pill>.plx-active>a {
    background-color:  var(--text-lightest);
    color: var(--text-dim-mid)
}

.plx-card-primary.plx-card-body .plx-subnav>.plx-disabled>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-subnav>.plx-disabled>a,
.plx-card-secondary.plx-card-body .plx-subnav>.plx-disabled>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-subnav>.plx-disabled>a,
.plx-light .plx-subnav>.plx-disabled>a,
.plx-offcanvas-bar .plx-subnav>.plx-disabled>a,
.plx-overlay-primary .plx-subnav>.plx-disabled>a,
.plx-section-primary:not(.plx-preserve-color) .plx-subnav>.plx-disabled>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-subnav>.plx-disabled>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-subnav>.plx-disabled>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-subnav>.plx-disabled>a {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-breadcrumb>*>*,
.plx-card-primary>:not([class*=plx-card-media]) .plx-breadcrumb>*>*,
.plx-card-secondary.plx-card-body .plx-breadcrumb>*>*,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-breadcrumb>*>*,
.plx-light .plx-breadcrumb>*>*,
.plx-offcanvas-bar .plx-breadcrumb>*>*,
.plx-overlay-primary .plx-breadcrumb>*>*,
.plx-section-primary:not(.plx-preserve-color) .plx-breadcrumb>*>*,
.plx-section-secondary:not(.plx-preserve-color) .plx-breadcrumb>*>*,
.plx-tile-primary:not(.plx-preserve-color) .plx-breadcrumb>*>*,
.plx-tile-secondary:not(.plx-preserve-color) .plx-breadcrumb>*>* {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-breadcrumb>*>:focus,
.plx-card-primary.plx-card-body .plx-breadcrumb>*>:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-breadcrumb>*>:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-breadcrumb>*>:hover,
.plx-card-secondary.plx-card-body .plx-breadcrumb>*>:focus,
.plx-card-secondary.plx-card-body .plx-breadcrumb>*>:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-breadcrumb>*>:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-breadcrumb>*>:hover,
.plx-light .plx-breadcrumb>*>:focus,
.plx-light .plx-breadcrumb>*>:hover,
.plx-offcanvas-bar .plx-breadcrumb>*>:focus,
.plx-offcanvas-bar .plx-breadcrumb>*>:hover,
.plx-overlay-primary .plx-breadcrumb>*>:focus,
.plx-overlay-primary .plx-breadcrumb>*>:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-breadcrumb>*>:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-breadcrumb>*>:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-breadcrumb>*>:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-breadcrumb>*>:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-breadcrumb>*>:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-breadcrumb>*>:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-breadcrumb>*>:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-breadcrumb>*>:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-breadcrumb>:last-child>*,
.plx-card-primary>:not([class*=plx-card-media]) .plx-breadcrumb>:last-child>*,
.plx-card-secondary.plx-card-body .plx-breadcrumb>:last-child>*,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-breadcrumb>:last-child>*,
.plx-light .plx-breadcrumb>:last-child>*,
.plx-offcanvas-bar .plx-breadcrumb>:last-child>*,
.plx-overlay-primary .plx-breadcrumb>:last-child>*,
.plx-section-primary:not(.plx-preserve-color) .plx-breadcrumb>:last-child>*,
.plx-section-secondary:not(.plx-preserve-color) .plx-breadcrumb>:last-child>*,
.plx-tile-primary:not(.plx-preserve-color) .plx-breadcrumb>:last-child>*,
.plx-tile-secondary:not(.plx-preserve-color) .plx-breadcrumb>:last-child>* {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before,
.plx-card-secondary.plx-card-body .plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before,
.plx-light .plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before,
.plx-offcanvas-bar .plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before,
.plx-overlay-primary .plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before,
.plx-section-primary:not(.plx-preserve-color) .plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-breadcrumb>:nth-child(n+2):not(.plx-first-column)::before {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-pagination>*>*,
.plx-card-primary>:not([class*=plx-card-media]) .plx-pagination>*>*,
.plx-card-secondary.plx-card-body .plx-pagination>*>*,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-pagination>*>*,
.plx-light .plx-pagination>*>*,
.plx-offcanvas-bar .plx-pagination>*>*,
.plx-overlay-primary .plx-pagination>*>*,
.plx-section-primary:not(.plx-preserve-color) .plx-pagination>*>*,
.plx-section-secondary:not(.plx-preserve-color) .plx-pagination>*>*,
.plx-tile-primary:not(.plx-preserve-color) .plx-pagination>*>*,
.plx-tile-secondary:not(.plx-preserve-color) .plx-pagination>*>* {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-pagination>*>:focus,
.plx-card-primary.plx-card-body .plx-pagination>*>:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-pagination>*>:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-pagination>*>:hover,
.plx-card-secondary.plx-card-body .plx-pagination>*>:focus,
.plx-card-secondary.plx-card-body .plx-pagination>*>:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-pagination>*>:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-pagination>*>:hover,
.plx-light .plx-pagination>*>:focus,
.plx-light .plx-pagination>*>:hover,
.plx-offcanvas-bar .plx-pagination>*>:focus,
.plx-offcanvas-bar .plx-pagination>*>:hover,
.plx-overlay-primary .plx-pagination>*>:focus,
.plx-overlay-primary .plx-pagination>*>:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-pagination>*>:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-pagination>*>:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-pagination>*>:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-pagination>*>:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-pagination>*>:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-pagination>*>:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-pagination>*>:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-pagination>*>:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-pagination>.plx-active>*,
.plx-card-primary>:not([class*=plx-card-media]) .plx-pagination>.plx-active>*,
.plx-card-secondary.plx-card-body .plx-pagination>.plx-active>*,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-pagination>.plx-active>*,
.plx-light .plx-pagination>.plx-active>*,
.plx-offcanvas-bar .plx-pagination>.plx-active>*,
.plx-overlay-primary .plx-pagination>.plx-active>*,
.plx-section-primary:not(.plx-preserve-color) .plx-pagination>.plx-active>*,
.plx-section-secondary:not(.plx-preserve-color) .plx-pagination>.plx-active>*,
.plx-tile-primary:not(.plx-preserve-color) .plx-pagination>.plx-active>*,
.plx-tile-secondary:not(.plx-preserve-color) .plx-pagination>.plx-active>* {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-pagination>.plx-disabled>*,
.plx-card-primary>:not([class*=plx-card-media]) .plx-pagination>.plx-disabled>*,
.plx-card-secondary.plx-card-body .plx-pagination>.plx-disabled>*,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-pagination>.plx-disabled>*,
.plx-light .plx-pagination>.plx-disabled>*,
.plx-offcanvas-bar .plx-pagination>.plx-disabled>*,
.plx-overlay-primary .plx-pagination>.plx-disabled>*,
.plx-section-primary:not(.plx-preserve-color) .plx-pagination>.plx-disabled>*,
.plx-section-secondary:not(.plx-preserve-color) .plx-pagination>.plx-disabled>*,
.plx-tile-primary:not(.plx-preserve-color) .plx-pagination>.plx-disabled>*,
.plx-tile-secondary:not(.plx-preserve-color) .plx-pagination>.plx-disabled>* {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-tab::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-tab::before,
.plx-card-secondary.plx-card-body .plx-tab::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-tab::before,
.plx-light .plx-tab::before,
.plx-offcanvas-bar .plx-tab::before,
.plx-overlay-primary .plx-tab::before,
.plx-section-primary:not(.plx-preserve-color) .plx-tab::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-tab::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-tab::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-tab::before {
    border-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-tab>*>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-tab>*>a,
.plx-card-secondary.plx-card-body .plx-tab>*>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-tab>*>a,
.plx-light .plx-tab>*>a,
.plx-offcanvas-bar .plx-tab>*>a,
.plx-overlay-primary .plx-tab>*>a,
.plx-section-primary:not(.plx-preserve-color) .plx-tab>*>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-tab>*>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-tab>*>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-tab>*>a {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-tab>*>a:focus,
.plx-card-primary.plx-card-body .plx-tab>*>a:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-tab>*>a:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-tab>*>a:hover,
.plx-card-secondary.plx-card-body .plx-tab>*>a:focus,
.plx-card-secondary.plx-card-body .plx-tab>*>a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-tab>*>a:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-tab>*>a:hover,
.plx-light .plx-tab>*>a:focus,
.plx-light .plx-tab>*>a:hover,
.plx-offcanvas-bar .plx-tab>*>a:focus,
.plx-offcanvas-bar .plx-tab>*>a:hover,
.plx-overlay-primary .plx-tab>*>a:focus,
.plx-overlay-primary .plx-tab>*>a:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-tab>*>a:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-tab>*>a:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-tab>*>a:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-tab>*>a:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-tab>*>a:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-tab>*>a:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-tab>*>a:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-tab>*>a:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-tab>.plx-active>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-tab>.plx-active>a,
.plx-card-secondary.plx-card-body .plx-tab>.plx-active>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-tab>.plx-active>a,
.plx-light .plx-tab>.plx-active>a,
.plx-offcanvas-bar .plx-tab>.plx-active>a,
.plx-overlay-primary .plx-tab>.plx-active>a,
.plx-section-primary:not(.plx-preserve-color) .plx-tab>.plx-active>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-tab>.plx-active>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-tab>.plx-active>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-tab>.plx-active>a {
    color:  var(--text-lightest);
    border-color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-tab>.plx-disabled>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-tab>.plx-disabled>a,
.plx-card-secondary.plx-card-body .plx-tab>.plx-disabled>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-tab>.plx-disabled>a,
.plx-light .plx-tab>.plx-disabled>a,
.plx-offcanvas-bar .plx-tab>.plx-disabled>a,
.plx-overlay-primary .plx-tab>.plx-disabled>a,
.plx-section-primary:not(.plx-preserve-color) .plx-tab>.plx-disabled>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-tab>.plx-disabled>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-tab>.plx-disabled>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-tab>.plx-disabled>a {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-slidenav,
.plx-card-primary>:not([class*=plx-card-media]) .plx-slidenav,
.plx-card-secondary.plx-card-body .plx-slidenav,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-slidenav,
.plx-light .plx-slidenav,
.plx-offcanvas-bar .plx-slidenav,
.plx-overlay-primary .plx-slidenav,
.plx-section-primary:not(.plx-preserve-color) .plx-slidenav,
.plx-section-secondary:not(.plx-preserve-color) .plx-slidenav,
.plx-tile-primary:not(.plx-preserve-color) .plx-slidenav,
.plx-tile-secondary:not(.plx-preserve-color) .plx-slidenav {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-slidenav:focus,
.plx-card-primary.plx-card-body .plx-slidenav:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-slidenav:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-slidenav:hover,
.plx-card-secondary.plx-card-body .plx-slidenav:focus,
.plx-card-secondary.plx-card-body .plx-slidenav:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-slidenav:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-slidenav:hover,
.plx-light .plx-slidenav:focus,
.plx-light .plx-slidenav:hover,
.plx-offcanvas-bar .plx-slidenav:focus,
.plx-offcanvas-bar .plx-slidenav:hover,
.plx-overlay-primary .plx-slidenav:focus,
.plx-overlay-primary .plx-slidenav:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-slidenav:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-slidenav:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-slidenav:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-slidenav:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-slidenav:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-slidenav:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-slidenav:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-slidenav:hover {
    color: rgba(255, 255, 255, .95)
}

.plx-card-primary.plx-card-body .plx-slidenav:active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-slidenav:active,
.plx-card-secondary.plx-card-body .plx-slidenav:active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-slidenav:active,
.plx-light .plx-slidenav:active,
.plx-offcanvas-bar .plx-slidenav:active,
.plx-overlay-primary .plx-slidenav:active,
.plx-section-primary:not(.plx-preserve-color) .plx-slidenav:active,
.plx-section-secondary:not(.plx-preserve-color) .plx-slidenav:active,
.plx-tile-primary:not(.plx-preserve-color) .plx-slidenav:active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-slidenav:active {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-dotnav>*>*,
.plx-card-primary>:not([class*=plx-card-media]) .plx-dotnav>*>*,
.plx-card-secondary.plx-card-body .plx-dotnav>*>*,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-dotnav>*>*,
.plx-light .plx-dotnav>*>*,
.plx-offcanvas-bar .plx-dotnav>*>*,
.plx-overlay-primary .plx-dotnav>*>*,
.plx-section-primary:not(.plx-preserve-color) .plx-dotnav>*>*,
.plx-section-secondary:not(.plx-preserve-color) .plx-dotnav>*>*,
.plx-tile-primary:not(.plx-preserve-color) .plx-dotnav>*>*,
.plx-tile-secondary:not(.plx-preserve-color) .plx-dotnav>*>* {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .9)
}

.plx-card-primary.plx-card-body .plx-dotnav>*>:focus,
.plx-card-primary.plx-card-body .plx-dotnav>*>:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-dotnav>*>:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-dotnav>*>:hover,
.plx-card-secondary.plx-card-body .plx-dotnav>*>:focus,
.plx-card-secondary.plx-card-body .plx-dotnav>*>:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-dotnav>*>:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-dotnav>*>:hover,
.plx-light .plx-dotnav>*>:focus,
.plx-light .plx-dotnav>*>:hover,
.plx-offcanvas-bar .plx-dotnav>*>:focus,
.plx-offcanvas-bar .plx-dotnav>*>:hover,
.plx-overlay-primary .plx-dotnav>*>:focus,
.plx-overlay-primary .plx-dotnav>*>:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-dotnav>*>:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-dotnav>*>:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-dotnav>*>:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-dotnav>*>:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-dotnav>*>:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-dotnav>*>:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-dotnav>*>:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-dotnav>*>:hover {
    background-color: rgba(255, 255, 255, .9);
    border-color: transparent
}

.plx-card-primary.plx-card-body .plx-dotnav>*>:active,
.plx-card-primary>:not([class*=plx-card-media]) .plx-dotnav>*>:active,
.plx-card-secondary.plx-card-body .plx-dotnav>*>:active,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-dotnav>*>:active,
.plx-light .plx-dotnav>*>:active,
.plx-offcanvas-bar .plx-dotnav>*>:active,
.plx-overlay-primary .plx-dotnav>*>:active,
.plx-section-primary:not(.plx-preserve-color) .plx-dotnav>*>:active,
.plx-section-secondary:not(.plx-preserve-color) .plx-dotnav>*>:active,
.plx-tile-primary:not(.plx-preserve-color) .plx-dotnav>*>:active,
.plx-tile-secondary:not(.plx-preserve-color) .plx-dotnav>*>:active {
    background-color: rgba(255, 255, 255, .5);
    border-color: transparent
}

.plx-card-primary.plx-card-body .plx-dotnav>.plx-active>*,
.plx-card-primary>:not([class*=plx-card-media]) .plx-dotnav>.plx-active>*,
.plx-card-secondary.plx-card-body .plx-dotnav>.plx-active>*,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-dotnav>.plx-active>*,
.plx-light .plx-dotnav>.plx-active>*,
.plx-offcanvas-bar .plx-dotnav>.plx-active>*,
.plx-overlay-primary .plx-dotnav>.plx-active>*,
.plx-section-primary:not(.plx-preserve-color) .plx-dotnav>.plx-active>*,
.plx-section-secondary:not(.plx-preserve-color) .plx-dotnav>.plx-active>*,
.plx-tile-primary:not(.plx-preserve-color) .plx-dotnav>.plx-active>*,
.plx-tile-secondary:not(.plx-preserve-color) .plx-dotnav>.plx-active>* {
    background-color: rgba(255, 255, 255, .9);
    border-color: transparent
}

.plx-card-primary.plx-card-body .plx-accordion-title,
.plx-card-primary>:not([class*=plx-card-media]) .plx-accordion-title,
.plx-card-secondary.plx-card-body .plx-accordion-title,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-accordion-title,
.plx-light .plx-accordion-title,
.plx-offcanvas-bar .plx-accordion-title,
.plx-overlay-primary .plx-accordion-title,
.plx-section-primary:not(.plx-preserve-color) .plx-accordion-title,
.plx-section-secondary:not(.plx-preserve-color) .plx-accordion-title,
.plx-tile-primary:not(.plx-preserve-color) .plx-accordion-title,
.plx-tile-secondary:not(.plx-preserve-color) .plx-accordion-title {
    color:  var(--text-lightest)
}

.plx-card-primary.plx-card-body .plx-accordion-title:focus,
.plx-card-primary.plx-card-body .plx-accordion-title:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-accordion-title:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-accordion-title:hover,
.plx-card-secondary.plx-card-body .plx-accordion-title:focus,
.plx-card-secondary.plx-card-body .plx-accordion-title:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-accordion-title:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-accordion-title:hover,
.plx-light .plx-accordion-title:focus,
.plx-light .plx-accordion-title:hover,
.plx-offcanvas-bar .plx-accordion-title:focus,
.plx-offcanvas-bar .plx-accordion-title:hover,
.plx-overlay-primary .plx-accordion-title:focus,
.plx-overlay-primary .plx-accordion-title:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-accordion-title:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-accordion-title:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-accordion-title:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-accordion-title:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-accordion-title:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-accordion-title:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-accordion-title:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-accordion-title:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-iconnav>*>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-iconnav>*>a,
.plx-card-secondary.plx-card-body .plx-iconnav>*>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-iconnav>*>a,
.plx-light .plx-iconnav>*>a,
.plx-offcanvas-bar .plx-iconnav>*>a,
.plx-overlay-primary .plx-iconnav>*>a,
.plx-section-primary:not(.plx-preserve-color) .plx-iconnav>*>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-iconnav>*>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-iconnav>*>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-iconnav>*>a {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-iconnav>*>a:focus,
.plx-card-primary.plx-card-body .plx-iconnav>*>a:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-iconnav>*>a:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-iconnav>*>a:hover,
.plx-card-secondary.plx-card-body .plx-iconnav>*>a:focus,
.plx-card-secondary.plx-card-body .plx-iconnav>*>a:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-iconnav>*>a:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-iconnav>*>a:hover,
.plx-light .plx-iconnav>*>a:focus,
.plx-light .plx-iconnav>*>a:hover,
.plx-offcanvas-bar .plx-iconnav>*>a:focus,
.plx-offcanvas-bar .plx-iconnav>*>a:hover,
.plx-overlay-primary .plx-iconnav>*>a:focus,
.plx-overlay-primary .plx-iconnav>*>a:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-iconnav>*>a:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-iconnav>*>a:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-iconnav>*>a:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-iconnav>*>a:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-iconnav>*>a:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-iconnav>*>a:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-iconnav>*>a:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-iconnav>*>a:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-iconnav>.plx-active>a,
.plx-card-primary>:not([class*=plx-card-media]) .plx-iconnav>.plx-active>a,
.plx-card-secondary.plx-card-body .plx-iconnav>.plx-active>a,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-iconnav>.plx-active>a,
.plx-light .plx-iconnav>.plx-active>a,
.plx-offcanvas-bar .plx-iconnav>.plx-active>a,
.plx-overlay-primary .plx-iconnav>.plx-active>a,
.plx-section-primary:not(.plx-preserve-color) .plx-iconnav>.plx-active>a,
.plx-section-secondary:not(.plx-preserve-color) .plx-iconnav>.plx-active>a,
.plx-tile-primary:not(.plx-preserve-color) .plx-iconnav>.plx-active>a,
.plx-tile-secondary:not(.plx-preserve-color) .plx-iconnav>.plx-active>a {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-text-lead,
.plx-card-primary>:not([class*=plx-card-media]) .plx-text-lead,
.plx-card-secondary.plx-card-body .plx-text-lead,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-text-lead,
.plx-light .plx-text-lead,
.plx-offcanvas-bar .plx-text-lead,
.plx-overlay-primary .plx-text-lead,
.plx-section-primary:not(.plx-preserve-color) .plx-text-lead,
.plx-section-secondary:not(.plx-preserve-color) .plx-text-lead,
.plx-tile-primary:not(.plx-preserve-color) .plx-text-lead,
.plx-tile-secondary:not(.plx-preserve-color) .plx-text-lead {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-text-meta,
.plx-card-primary>:not([class*=plx-card-media]) .plx-text-meta,
.plx-card-secondary.plx-card-body .plx-text-meta,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-text-meta,
.plx-light .plx-text-meta,
.plx-offcanvas-bar .plx-text-meta,
.plx-overlay-primary .plx-text-meta,
.plx-section-primary:not(.plx-preserve-color) .plx-text-meta,
.plx-section-secondary:not(.plx-preserve-color) .plx-text-meta,
.plx-tile-primary:not(.plx-preserve-color) .plx-text-meta,
.plx-tile-secondary:not(.plx-preserve-color) .plx-text-meta {
    color: rgba(255, 255, 255, .5)
}

.plx-card-primary.plx-card-body .plx-text-muted,
.plx-card-primary>:not([class*=plx-card-media]) .plx-text-muted,
.plx-card-secondary.plx-card-body .plx-text-muted,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-text-muted,
.plx-light .plx-text-muted,
.plx-offcanvas-bar .plx-text-muted,
.plx-overlay-primary .plx-text-muted,
.plx-section-primary:not(.plx-preserve-color) .plx-text-muted,
.plx-section-secondary:not(.plx-preserve-color) .plx-text-muted,
.plx-tile-primary:not(.plx-preserve-color) .plx-text-muted, 
.plx-tile-secondary:not(.plx-preserve-color) .plx-text-muted {
    color: rgba(255, 255, 255, .5) !important
} 

.plx-card-primary.plx-card-body .plx-text-emphasis,
.plx-card-primary>:not([class*=plx-card-media]) .plx-text-emphasis,
.plx-card-secondary.plx-card-body .plx-text-emphasis, 
.plx-card-secondary>:not([class*=plx-card-media]) .plx-text-emphasis,
.plx-light .plx-text-emphasis,
.plx-offcanvas-bar .plx-text-emphasis,
.plx-overlay-primary .plx-text-emphasis,
.plx-section-primary:not(.plx-preserve-color) .plx-text-emphasis,
.plx-section-secondary:not(.plx-preserve-color) .plx-text-emphasis,
.plx-tile-primary:not(.plx-preserve-color) .plx-text-emphasis,
.plx-tile-secondary:not(.plx-preserve-color) .plx-text-emphasis {
    color:  var(--text-lightest) !important
}
 
.plx-card-primary.plx-card-body .plx-text-primary,
.plx-card-primary>:not([class*=plx-card-media]) .plx-text-primary,
.plx-card-secondary.plx-card-body .plx-text-primary,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-text-primary,
.plx-light .plx-text-primary,
.plx-offcanvas-bar .plx-text-primary,
.plx-overlay-primary .plx-text-primary,
.plx-section-primary:not(.plx-preserve-color) .plx-text-primary,
.plx-section-secondary:not(.plx-preserve-color) .plx-text-primary,
.plx-tile-primary:not(.plx-preserve-color) .plx-text-primary,
.plx-tile-secondary:not(.plx-preserve-color) .plx-text-primary {
    color: rgba(255, 255, 255, .7) !important
}

.plx-card-primary.plx-card-body .plx-column-divider,
.plx-card-primary>:not([class*=plx-card-media]) .plx-column-divider,
.plx-card-secondary.plx-card-body .plx-column-divider,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-column-divider,
.plx-light .plx-column-divider,
.plx-offcanvas-bar .plx-column-divider,
.plx-overlay-primary .plx-column-divider,
.plx-section-primary:not(.plx-preserve-color) .plx-column-divider,
.plx-section-secondary:not(.plx-preserve-color) .plx-column-divider,
.plx-tile-primary:not(.plx-preserve-color) .plx-column-divider,
.plx-tile-secondary:not(.plx-preserve-color) .plx-column-divider {
    column-rule-color: rgba(255, 255, 255, .2)
}

.plx-card-primary.plx-card-body .plx-logo,
.plx-card-primary>:not([class*=plx-card-media]) .plx-logo,
.plx-card-secondary.plx-card-body .plx-logo,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-logo,
.plx-light .plx-logo,
.plx-offcanvas-bar .plx-logo,
.plx-overlay-primary .plx-logo,
.plx-section-primary:not(.plx-preserve-color) .plx-logo,
.plx-section-secondary:not(.plx-preserve-color) .plx-logo,
.plx-tile-primary:not(.plx-preserve-color) .plx-logo,
.plx-tile-secondary:not(.plx-preserve-color) .plx-logo {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-logo:focus,
.plx-card-primary.plx-card-body .plx-logo:hover,
.plx-card-primary>:not([class*=plx-card-media]) .plx-logo:focus,
.plx-card-primary>:not([class*=plx-card-media]) .plx-logo:hover,
.plx-card-secondary.plx-card-body .plx-logo:focus,
.plx-card-secondary.plx-card-body .plx-logo:hover,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-logo:focus,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-logo:hover,
.plx-light .plx-logo:focus,
.plx-light .plx-logo:hover,
.plx-offcanvas-bar .plx-logo:focus,
.plx-offcanvas-bar .plx-logo:hover,
.plx-overlay-primary .plx-logo:focus,
.plx-overlay-primary .plx-logo:hover,
.plx-section-primary:not(.plx-preserve-color) .plx-logo:focus,
.plx-section-primary:not(.plx-preserve-color) .plx-logo:hover,
.plx-section-secondary:not(.plx-preserve-color) .plx-logo:focus,
.plx-section-secondary:not(.plx-preserve-color) .plx-logo:hover,
.plx-tile-primary:not(.plx-preserve-color) .plx-logo:focus,
.plx-tile-primary:not(.plx-preserve-color) .plx-logo:hover,
.plx-tile-secondary:not(.plx-preserve-color) .plx-logo:focus,
.plx-tile-secondary:not(.plx-preserve-color) .plx-logo:hover {
    color: rgba(255, 255, 255, .7)
}

.plx-card-primary.plx-card-body .plx-logo>:not(.plx-logo-inverse):not(:only-of-type),
.plx-card-primary>:not([class*=plx-card-media]) .plx-logo>:not(.plx-logo-inverse):not(:only-of-type),
.plx-card-secondary.plx-card-body .plx-logo>:not(.plx-logo-inverse):not(:only-of-type),
.plx-card-secondary>:not([class*=plx-card-media]) .plx-logo>:not(.plx-logo-inverse):not(:only-of-type),
.plx-light .plx-logo>:not(.plx-logo-inverse):not(:only-of-type),
.plx-offcanvas-bar .plx-logo>:not(.plx-logo-inverse):not(:only-of-type),
.plx-overlay-primary .plx-logo>:not(.plx-logo-inverse):not(:only-of-type),
.plx-section-primary:not(.plx-preserve-color) .plx-logo>:not(.plx-logo-inverse):not(:only-of-type),
.plx-section-secondary:not(.plx-preserve-color) .plx-logo>:not(.plx-logo-inverse):not(:only-of-type),
.plx-tile-primary:not(.plx-preserve-color) .plx-logo>:not(.plx-logo-inverse):not(:only-of-type),
.plx-tile-secondary:not(.plx-preserve-color) .plx-logo>:not(.plx-logo-inverse):not(:only-of-type) {
    display: none
}
 
.plx-card-primary.plx-card-body .plx-logo-inverse,
.plx-card-primary>:not([class*=plx-card-media]) .plx-logo-inverse,
.plx-card-secondary.plx-card-body .plx-logo-inverse,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-logo-inverse,
.plx-light .plx-logo-inverse,
.plx-offcanvas-bar .plx-logo-inverse,
.plx-overlay-primary .plx-logo-inverse,
.plx-section-primary:not(.plx-preserve-color) .plx-logo-inverse,
.plx-section-secondary:not(.plx-preserve-color) .plx-logo-inverse,
.plx-tile-primary:not(.plx-preserve-color) .plx-logo-inverse,
.plx-tile-secondary:not(.plx-preserve-color) .plx-logo-inverse {
    display: inline
}  
 
.plx-card-primary.plx-card-body .plx-accordion-title::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-accordion-title::before,
.plx-card-secondary.plx-card-body .plx-accordion-title::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-accordion-title::before,
.plx-light .plx-accordion-title::before,
.plx-offcanvas-bar .plx-accordion-title::before,
.plx-overlay-primary .plx-accordion-title::before,
.plx-section-primary:not(.plx-preserve-color) .plx-accordion-title::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-accordion-title::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-accordion-title::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.plx-card-primary.plx-card-body .plx-open>.plx-accordion-title::before,
.plx-card-primary>:not([class*=plx-card-media]) .plx-open>.plx-accordion-title::before,
.plx-card-secondary.plx-card-body .plx-open>.plx-accordion-title::before,
.plx-card-secondary>:not([class*=plx-card-media]) .plx-open>.plx-accordion-title::before,
.plx-light .plx-open>.plx-accordion-title::before,
.plx-offcanvas-bar .plx-open>.plx-accordion-title::before,
.plx-overlay-primary .plx-open>.plx-accordion-title::before,
.plx-section-primary:not(.plx-preserve-color) .plx-open>.plx-accordion-title::before,
.plx-section-secondary:not(.plx-preserve-color) .plx-open>.plx-accordion-title::before,
.plx-tile-primary:not(.plx-preserve-color) .plx-open>.plx-accordion-title::before,
.plx-tile-secondary:not(.plx-preserve-color) .plx-open>.plx-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

@media print { 

    *,
    ::after,
    ::before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    blockquote, 
    pre {
        border: 1px solid var(--text-dim);
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}


/* BULMA FORMS */


.input,
.textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  /*! height: 2.25em; */
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  background-color: white;
  border-color: #dbdbdb;
  color: #363636;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  max-width: 100%;
  width: 100%; }
  .input:focus, .input.is-focused, .input:active, .input.is-active,
  .textarea:focus,
  .textarea.is-focused,
  .textarea:active,
  .textarea.is-active {
    outline: none; }
  .input[disabled],
  .textarea[disabled] {
    cursor: not-allowed; }
  .input:hover, .input.is-hovered,
  .textarea:hover,
  .textarea.is-hovered {
    border-color: #b5b5b5; }
  .input:focus, .input.is-focused, .input:active, .input.is-active,
  .textarea:focus,
  .textarea.is-focused,
  .textarea:active,
  .textarea.is-active {
    border-color: #e87aa9; }
  .input[disabled],
  .textarea[disabled] {
    background-color: #363636;
    border-color: #363636;
    box-shadow: none;
    color: #7a7a7a; }
    .input[disabled]::-moz-placeholder,
    .textarea[disabled]::-moz-placeholder {
      color: rgba(54, 54, 54, 0.3); }
    .input[disabled]::-webkit-input-placeholder,
    .textarea[disabled]::-webkit-input-placeholder {
      color: rgba(54, 54, 54, 0.3); }
    .input[disabled]:-moz-placeholder,
    .textarea[disabled]:-moz-placeholder {
      color: rgba(54, 54, 54, 0.3); }
    .input[disabled]:-ms-input-placeholder,
    .textarea[disabled]:-ms-input-placeholder {
      color: rgba(54, 54, 54, 0.3); }
  .input[type="search"],
  .textarea[type="search"] {
    border-radius: 290486px; }
  .input.is-danger,
  .textarea.is-danger {
    border-color: #eb3c3c; }
  .input.is-info,
  .textarea.is-info {
    border-color: #556de5; }
  .input.is-success,
  .textarea.is-success {
    border-color: #5fd061; }
  .input.is-warning,
  .textarea.is-warning {
    border-color: #ffcb10; }
  .input.is-ruby,
  .textarea.is-ruby {
    border-color: var(--accent-color-mid); }
  .input.is-pink,
  .textarea.is-pink {
    border-color: #e87aa9; }
  .input.is-blurple,
  .textarea.is-blurple {
    border-color: #7289DA; }
  .input.is-purple,
  .textarea.is-purple {
    border-color: #ae77dd; }
  .input.is-nsfw,
  .textarea.is-nsfw {
    border-color: #5258e8; }
  .input.is-mod,
  .textarea.is-mod {
    border-color: #788fff; }
  .input.is-white,
  .textarea.is-white {
    border-color: white; }
  .input.is-black,
  .textarea.is-black {
    border-color: #0a0a0a; }
  .input.is-light,
  .textarea.is-light {
    border-color: whitesmoke; }
  .input.is-dark,
  .textarea.is-dark {
    border-color: #24242A; }
  .input.is-primary,
  .textarea.is-primary {
    border-color: #e87aa9; }
  .input.is-small,
  .textarea.is-small {
    border-radius: 2px;
    font-size: 0.75rem; }
  .input.is-medium,
  .textarea.is-medium {
    font-size: 1.25rem; }
  .input.is-large,
  .textarea.is-large {
    font-size: 1.5rem; }
  .input.is-fullwidth,
  .textarea.is-fullwidth {
    display: block;
    width: 100%; }
  .input.is-inline,
  .textarea.is-inline {
    display: inline;
    width: auto; }

.textarea {
  display: block; 
  max-height: 600px;
  max-width: 100%;
  min-height: 120px;
  min-width: 100%;
  padding: 0.625em;
  resize: vertical; }

.checkbox,
.radio {
  cursor: url(/cur/pointer.png), pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative; }
  .checkbox input,
  .radio input {
    cursor: url(/cur/pointer.png), pointer; }
  .checkbox:hover,
  .radio:hover {
    color: #363636; }
  .checkbox[disabled],
  .radio[disabled] {
    color: #7a7a7a;
    cursor: not-allowed; }

.radio + .radio {
  margin-left: 0.5em; }

.select {
  display: inline-block;
  height: 2.25em;
  max-width: 100%;
  position: relative;
  vertical-align: top; }
  .select:after {
    border: 1px solid #e87aa9;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 0.5em;
    pointer-events: none;
    position: absolute;
    transform: rotate(-45deg);
    width: 0.5em;
    margin-top: -0.375em;
    right: 1.125em;
    top: 50%;
    z-index: 4; }
  .select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em; 
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.375em - 1px);
    padding-left: calc(0.625em - 1px);
    padding-right: calc(0.625em - 1px);
    padding-top: calc(0.375em - 1px);
    position: relative;
    vertical-align: top;
    background-color: white;
    border-color: #dbdbdb;
    color: #363636;
    cursor: url(/cur/pointer.png), pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none;
    padding-right: 2.5em; }
    .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
      outline: none; }
    .select select[disabled] {
      cursor: not-allowed; }
    .select select:hover, .select select.is-hovered {
      border-color: #b5b5b5; }
    .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
      border-color: #e87aa9; }
    .select select[disabled] {
      background-color: #363636;
      border-color: #363636;
      box-shadow: none;
      color: #7a7a7a; }
      .select select[disabled]::-moz-placeholder {
        color: rgba(54, 54, 54, 0.3); }
      .select select[disabled]::-webkit-input-placeholder {
        color: rgba(54, 54, 54, 0.3); }
      .select select[disabled]:-moz-placeholder {
        color: rgba(54, 54, 54, 0.3); }
      .select select[disabled]:-ms-input-placeholder {
        color: rgba(54, 54, 54, 0.3); }
    .select select:hover {
      border-color: #b5b5b5; }
    .select select::-ms-expand {
      display: none; }
    .select select[disabled]:hover {
      border-color: #363636; }
  .select:hover:after {
    border-color: #363636; }
  .select.is-danger select {
    border-color: #eb3c3c; }
  .select.is-info select {
    border-color: #556de5; }
  .select.is-success select {
    border-color: #5fd061; }
  .select.is-warning select {
    border-color: #ffcb10; }
  .select.is-ruby select {
    border-color: var(--accent-color-mid); }
  .select.is-pink select {
    border-color: #e87aa9; }
  .select.is-blurple select {
    border-color: #7289DA; }
  .select.is-purple select {
    border-color: #ae77dd; }
  .select.is-nsfw select {
    border-color: #5258e8; }
  .select.is-mod select {
    border-color: #788fff; }
  .select.is-white select {
    border-color: white; }
  .select.is-black select {
    border-color: #0a0a0a; }
  .select.is-light select {
    border-color: whitesmoke; }
  .select.is-dark select {
    border-color: #24242A; }
  .select.is-primary select {
    border-color: #e87aa9; }
  .select.is-small {
    border-radius: 2px;
    font-size: 0.75rem; }
  .select.is-medium {
    font-size: 1.25rem; }
  .select.is-large {
    font-size: 1.5rem; }
  .select.is-disabled:after {
    border-color: #7a7a7a; }
  .select.is-fullwidth {
    width: 100%; }
    .select.is-fullwidth select {
      width: 100%; }
  .select.is-loading:after {
    animation: spinAround 500ms infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em; 
    position: relative;
    width: 1em;
    margin-top: 0;
    position: absolute;
    right: 0.625em;
    top: 0.625em;
    transform: none; }
  .select.is-loading.is-small:after {
    font-size: 0.75rem; }
  .select.is-loading.is-medium:after {
    font-size: 1.25rem; }
  .select.is-loading.is-large:after {
    font-size: 1.5rem; }

.label {
  display: block;
  font-size: 1rem;
  font-weight: 700; }
  .label:not(:last-child) {
    margin-bottom: 0.5em; }
  .label.is-small {
    font-size: 0.75rem; }
  .label.is-medium {
    font-size: 1.25rem; }
  .label.is-large {
    font-size: 1.5rem; }

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem; }
  .help.is-danger {
    color: #eb3c3c; }
  .help.is-info { 
    color: #556de5; }
  .help.is-success {
    color: #5fd061; }
  .help.is-warning {
    color: #ffcb10; }
  .help.is-ruby {
    color: var(--accent-color-mid); }
  .help.is-pink {
    color: #e87aa9; }
  .help.is-blurple {
    color: #7289DA; }
  .help.is-purple {
    color: #ae77dd; }
  .help.is-nsfw {
    color: #5258e8; }
  .help.is-mod {
    color: #788fff; }
  .help.is-white {
    color: white; }
  .help.is-black {
    color: #0a0a0a; }
  .help.is-light {
    color: whitesmoke; }
  .help.is-dark {
    color: #24242A; }
  .help.is-primary {
    color: #e87aa9; }

.field:not(:last-child) {
  margin-bottom: 0.75rem; }

.field.has-addons {
  display: flex;
  justify-content: flex-start; }
  .field.has-addons .control {
    margin-right: -1px; }
    .field.has-addons .control:first-child .button,
    .field.has-addons .control:first-child .input,
    .field.has-addons .control:first-child .select select {
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px; }
    .field.has-addons .control:last-child .button,
    .field.has-addons .control:last-child .input,
    .field.has-addons .control:last-child .select select {
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px; }
    .field.has-addons .control .button,
    .field.has-addons .control .input,
    .field.has-addons .control .select select {
      border-radius: 0; }
      .field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered,
      .field.has-addons .control .input:hover,
      .field.has-addons .control .input.is-hovered,
      .field.has-addons .control .select select:hover,
      .field.has-addons .control .select select.is-hovered {
        z-index: 2; }
      .field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active,
      .field.has-addons .control .input:focus,
      .field.has-addons .control .input.is-focused,
      .field.has-addons .control .input:active,
      .field.has-addons .control .input.is-active,
      .field.has-addons .control .select select:focus,
      .field.has-addons .control .select select.is-focused,
      .field.has-addons .control .select select:active,
      .field.has-addons .control .select select.is-active {
        z-index: 3; }
        .field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover,
        .field.has-addons .control .input:focus:hover,
        .field.has-addons .control .input.is-focused:hover,
        .field.has-addons .control .input:active:hover,
        .field.has-addons .control .input.is-active:hover,
        .field.has-addons .control .select select:focus:hover,
        .field.has-addons .control .select select.is-focused:hover,
        .field.has-addons .control .select select:active:hover,
        .field.has-addons .control .select select.is-active:hover {
          z-index: 4; }
    .field.has-addons .control.is-expanded {
      flex-grow: 1; }
  .field.has-addons.has-addons-centered {
    justify-content: center; }
  .field.has-addons.has-addons-right {
    justify-content: flex-end; }
  .field.has-addons.has-addons-fullwidth .control {
    flex-grow: 1;
    flex-shrink: 0; }

.field.is-grouped {
  display: flex;
  justify-content: flex-start; }
  .field.is-grouped > .control {
    flex-shrink: 0; }
    .field.is-grouped > .control:not(:last-child) {
      margin-bottom: 0;
      margin-right: 0.75rem; }
    .field.is-grouped > .control.is-expanded {
      flex-grow: 1;
      flex-shrink: 1; }
  .field.is-grouped.is-grouped-centered {
    justify-content: center; }
  .field.is-grouped.is-grouped-right {
    justify-content: flex-end; }

@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex; } }

.field-label .label {
  font-size: inherit; }

@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem; } }

@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right; }
    .field-label.is-small {
      font-size: 0.75rem;
      padding-top: 0.375em; }
    .field-label.is-normal {
      padding-top: 0.375em; }
    .field-label.is-medium {
      font-size: 1.25rem;
      padding-top: 0.375em; }
    .field-label.is-large {
      font-size: 1.5rem;
      padding-top: 0.375em; } }

@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1; }
    .field-body .field {
      flex-shrink: 1; }
      .field-body .field:not(.is-narrow) {
        flex-grow: 1; }
      .field-body .field:not(:last-child) {
        margin-bottom: 0;
        margin-right: 0.75rem; } }

.control {
  font-size: 1rem;
  position: relative;
  text-align: left; }
  .control.has-icon .icon {
    color: #dbdbdb;
    height: 2.25em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.25em;
    z-index: 4; }
  .control.has-icon .input:focus + .icon {
    color: #7a7a7a; }
  .control.has-icon .input.is-small + .icon {
    font-size: 0.75rem; }
  .control.has-icon .input.is-medium + .icon {
    font-size: 1.25rem; }
  .control.has-icon .input.is-large + .icon {
    font-size: 1.5rem; }
  .control.has-icon:not(.has-icon-right) .icon {
    left: 0; }
  .control.has-icon:not(.has-icon-right) .input {
    padding-left: 2.25em; }
  .control.has-icon.has-icon-right .icon {
    right: 0; }
  .control.has-icon.has-icon-right .input {
    padding-right: 2.25em; }
  .control.has-icons-left .input:focus ~ .icon,
  .control.has-icons-left .select select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
  .control.has-icons-right .select select:focus ~ .icon {
    color: #7a7a7a; }
  .control.has-icons-left .input.is-small ~ .icon,
  .control.has-icons-left .select select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
  .control.has-icons-right .select select.is-small ~ .icon {
    font-size: 0.75rem; }
  .control.has-icons-left .input.is-medium ~ .icon,
  .control.has-icons-left .select select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
  .control.has-icons-right .select select.is-medium ~ .icon {
    font-size: 1.25rem; }
  .control.has-icons-left .input.is-large ~ .icon,
  .control.has-icons-left .select select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
  .control.has-icons-right .select select.is-large ~ .icon {
    font-size: 1.5rem; }
  .control.has-icons-left .icon, .control.has-icons-right .icon {
    color: #dbdbdb;
    height: 2.25em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.25em; 
    z-index: 4; }
  .control.has-icons-left .input,
  .control.has-icons-left .select select {
    padding-left: 2.25em; }
  .control.has-icons-left .icon.is-left {
    left: 0; }
  .control.has-icons-right .input,
  .control.has-icons-right .select select {
    padding-right: 2.25em; }
  .control.has-icons-right .icon.is-right {
    right: 0; }
  .control.is-loading:after {
    animation: spinAround 500ms infinite linear;
    border: 6px solid #f4aA;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    position: relative;
    height: .6em; 
    width: .6em;
    position: absolute !important;
    right: -.6em;
    top: 1.8em; }
    .control.is-loading.is-small:after {
        font-size: 0.75rem; }
      .control.is-loading.is-medium:after {
        font-size: 1.25rem; }
      .control.is-loading.is-large:after {
        font-size: 1.5rem; }


@keyframes spinAround {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }


    .plx-pink-check{
        width:70px;
        transform: scale(.7) rotate(-45deg)
    }
    .plx-pink-check input
    {
        display: none;
    }
    
    .plx-pink-check label
    { 
    
    
        display: block;
        width: 70px;
        height: 30px;
    position:relative;
    
        cursor: url(/cur/pointer.png), pointer;
      transition: all 500ms ease;
      border-radius: 20px;

    }
    
    .plx-pink-check label:before
    {
        top: 3px;
        left: 3px;
        width: 24px;
        height: 24px;
        //border: 3px solid red;
       background-color: var(--accent-color);
       transition: all 500ms ease;
        opacity: .5;
    }
    
    .plx-pink-check label:after
    {
        top: 0;
        right: 0;
        width: 70px;
        height: 30px;
        border: 4px solid var(--accent-color);
       transition: all 500ms ease;
    }
    
    .plx-pink-check label:before, label:after
    {
        content: "";
        position: absolute;
        border-radius: 15px;
        box-sizing: border-box;
        transition: 0.5s ease top, 0.5s ease left, 0.5s ease right, 0.5s ease width, 0.5s ease height, 0.5s ease border-color;
    }
    
    .plx-pink-check input:checked + label:before
    {
        top: 0;
        left: 0;
        width: 70px;
        height: 30px;
        border-color: #143240;
      background-color: var(--accent-color);
        opacity: 1;
    }
    
    .plx-pink-check input:checked + label:after
    {
        top: 3px;
        right: 3px;
        width: 24px;
        height: 24px;
        border-color:  var(--text-lightest);
      background-color:#fff5;
    
    
        opacity: 1;

    }
     
    
     
 
.plx-magic-input .plx-flex{ 
    align-items: center;
    align-content: center;
    margin: 24px 0;
}
.plx-pink-input, .plx-pink-check { 
    width: 80px !important;
    text-align: center;  

} 
 
.plx-pink-input>*:first-child{
    min-height: 35px; 
    padding:4px; 
    font-family: Quicksand;
    font-size: 20px;
    line-height: 20px;
    color: #4b4b5F;
    border: solid 3px var(--accent-color);
    border-radius: 4px;
    margin-bottom: 20px;    
     min-width: 280px; 
}
@media screen and (max-width:400px){
    .plx-pink-input>*:first-child{
            max-width: 100%;
    }
}
 



@media screen and (max-width:400px){
    .plx-pink-input>*:first-child{
            max-width: 100%;
    }
}
.short-input input{
    width:35px !important;
    min-width:35px !important;
    max-width:35px !important;
    height:35px;
    text-align: center;
    font-weight: 900;
}
.plx-pink-input>*:first-child:focus{
    border: solid 3px var(--secondary-color);
}

.plx-pink-input input{height: 35px}
.plx-pink-input textarea{font-size: 18px !important}

.plx-pink-input select {
    height: 38px;
  background-color: white;
  display: inline-block;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  padding-right: 1.5em !important;
  margin: 0;      
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.plx-pink-input select {
  background-image:
    linear-gradient(45deg, transparent 50%, var(--accent-color) 50%),
    linear-gradient(135deg, var(--accent-color) 50%, transparent 50%),
    linear-gradient(to right, var(--accent-color)A, var(--accent-color)A);
  background-position:
    calc(100% - 20px) calc(.6em + 2px),
    calc(100% - 15px) calc(.6em + 2px),
    calc(100% - 1.8em) .35em;
  background-size:
    5px 5px,
    5px 5px,
    1px .85em;
  background-repeat: no-repeat;
}

.plx-pink-input select:focus {
  background-image:
    linear-gradient(45deg,  var(--secondary-color) 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%,  var(--secondary-color) 50%),
    linear-gradient(to right, var(--secondary-color-dark), var(--secondary-color));
  background-position:
    calc(100% - 15px) calc(.6em + 2px),
    calc(100% - 20px) calc(.6em + 2px),
    calc(100% - 1.8em) .35em;
  background-size:
    5px 5px,
    5px 5px,
    1px .85em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}


 

.categs-container{ 
    display: flex;
    flex-wrap: wrap;
     margin: 15px -15px ;

    
}

.categ{
    border: solid 2px var(--accent-color);
    margin: 6px;
    margin-top:6px !important;
    padding: 15px 5px; 
    flex: 1 1 30%;
    min-width: 200px;
    flex-wrap: wrap;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;

}
.categ .plx-magic-input{
    flex-grow: 0;
    flex-shrink: 1;
     // flex-basis: 15%;
  
}
.categ .plx-accordion-title{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 30%;
}
.categ .plx-accordion-title:after{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 10%;
}
.categ .plx-accordion-content{
    flex: 1 0 100%;   
}

.categ .container{
    display: flex;
    flex-wrap: wrap;    
    justify-content: center
}


.a-comand input{
    display: none;
}
.a-comand input + span{
    border: solid 2px var(--secondary-color);
     color: var(--secondary-color);
       border-radius: 4px;    
    padding: .2em 1em;
    margin: .2em;
    line-height: 2.2em;
    height: 2em;
    cursor: url(/cur/pointer.png), pointer;
}
.a-comand input:checked + span {
      background: var(--secondary-color);
    color: white;
}
.a-comand input:not(:checked) + span {
   text-decoration: line-through;
}
.spacer{margin:6px}
.plx-accordion-title i{color: #f58} .plx-accordion-title{color: var(--text-extra-bold)}
                .plx-accordion>li{
                        border: solid 1px #AAA3;
                        border-radius: 3px;
                        padding: 12px 24px;
                    }