html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    vertical-align: baseline;
    margin-block: unset;
    margin-inline: unset;
    font-weight: unset;
    font-size: unset;
    line-height: unset;
    font-style: unset;
    word-spacing: unset;
    letter-spacing: unset;
    padding-inline-start: 0px;
    margin: unset;
    padding: unset;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input{
    background-color: unset;
}
a:-webkit-any-link {
    color: unset;
    cursor: unset;
}

*,
*,
*:before,
*:after,
::after,
::before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

.trow,
.t-container,
.t-container-pg-lyt-cmp,
.t-container-lyt,
.t-container-lyt-child,
.t-container-part,
.t-container-grps,
.t-container-grp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

.trow {
    place-items: flex-start;
}

.tcol {
    position: relative;
    width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.t-item-pg-lyt, .t-item-lyt, .t-item {
    -webkit-flex-basis:0;
    -webkit-flex-grow:1;
    -webkit-align-self:auto;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    align-self: auto;
}

.t-item-pg-lyt {
    flex-basis: 10%;
    flex-grow: 0;
}
.grid {
    flex: 1;
    display: grid;
    grid-gap: 2px;
}

.no-gutters > .tcol,
.no-gutters > [class*=tcol-] {
    padding-right: 0;
    padding-left: 0
}

/*div:empty {
    display: none;
}*/

p:empty {
    display: none;
}

/** {
    -webkit-user-select: none;  !* Chrome all / Safari all *!
    -moz-user-select: none;     !* Firefox all *!
    -ms-user-select: none;      !* IE 10+ *!
    user-select: none;          !* Likely future *!
}*/
* {
    touch-action: auto;
}

* {
    speak: auto;
    speak-as: spell-out;
}


body,
aside,
section,
header,
footer {
    position: relative;
}
.cc-bdy {
    min-height: 100vh;
    /*height: 100vh;*/
    display: flex;
    flex-direction: column;
}
.opacity-zero {
    opacity: 0;
}

.opacity-half {
    opacity: 0.5;
}

.opacity-one {
    opacity: 1;
}


:root {
    --t-direction: ltr;
    --t-cntr-mx-wdt: 1400px;
    --t-fnt-fml-pr :  Verdana, sans-serif;
    --t-fnt-fml-sc : Georgia, serif;
    --t-fnt-fml-tr : 'Courier New', monospace;
    --t-fnt-fml-fr : 'Brush Script MT', cursive;
    --t-fnt-stl-fr: normal;
    --t-fnt-stl-fv: normal;
    --t-fnt-stl-pr: normal;
    --t-fnt-stl-sc: normal;
    --t-fnt-stl-si: normal;
    --t-fnt-stl-tr: normal;

    --t-fnt-sz-pr: 2.4rem;
    --t-fnt-sz-sc: 2rem;
    --t-fnt-sz-tr: 1.75rem;
    --t-fnt-sz-fr: 1.5rem;
    --t-fnt-sz-fv: 1.25rem;
    --t-fnt-sz-si: 1rem;

    --t-fnt-sz-pr-px: 38px;
    --t-fnt-sz-sc-px: 32px;
    --t-fnt-sz-tr-px: 28px;
    --t-fnt-sz-fr-px: 24px;
    --t-fnt-sz-fv-px: 20px;
    --t-fnt-sz-si-px: 16px;

    --fnt-sz-pr-num: 2.4;

    --t-ln-ht-pr: 3.5rem;
    --t-ln-ht-sc: 3rem;
    --t-ln-ht-tr: 2.6rem;
    --t-ln-ht-fr: 2.25rem;
    --t-ln-ht-fv: 1.87rem;
    --t-ln-ht-si: 1.5rem;


    --t-fnt-vr-fr: normal;
    --t-fnt-vr-fv: normal;
    --t-fnt-vr-pr: normal;
    --t-fnt-vr-sc: normal;
    --t-fnt-vr-si: normal;
    --t-fnt-vr-tr: normal;
    --t-fnt-wt-fr: 300;
    --t-fnt-wt-fv: 300;
    --t-fnt-wt-pr: 600;
    --t-fnt-wt-sc: 500;
    --t-fnt-wt-si: 300;
    --t-fnt-wt-tr: 400;


    --t-ltr-spc-pr: 0.0475 rem;
    --t-ltr-spc-sc:0.0400 rem;
    --t-ltr-spc-tr: 0.0350 rem;
    --t-ltr-spc-fr: 0.0300 rem;
    --t-ltr-spc-fv: 0.0250 rem;
    --t-ltr-spc-si: 0.0200rem;

    --t-wrd-spc-fr: 0.2375 rem;
    --t-wrd-spc-fv: 0.2000 rem;
    --t-wrd-spc-pr: 0.1750 rem;
    --t-wrd-spc-sc: 0.1500 rem;
    --t-wrd-spc-si: 0.1250 rem;
    --t-wrd-spc-tr: 0.1000 rem;
}

:root {
    --t-clr-h:161;
    --t-clr-s:100;
    --t-clr-l:71;
    --t-clr-a:0.7;
    --t-clr-fr: #e4ff6b;
    --t-clr-fr-cmp: #866bff;
    --t-clr-fr-cmp-bw: #000000;
    --t-clr-fr-grey: #606060;
    --t-clr-fr-grey-lt: #bcc2a3;
    --t-clr-fr-lt: #f9faa3;
    --t-clr-fr-lt-lt: #faf6bd;
    --t-clr-pr: #6bffd0;
    --t-clr-pr-cmp: #ff6b9a;
    --t-clr-pr-cmp-bw: #000000;
    --t-clr-pr-grey: #293d37;
    --t-clr-pr-grey-lt: #a3c2b8;
    --t-clr-pr-lt: #a3fad0;
    --t-clr-pr-lt-lt: #bdfad7;
    --t-clr-sc: #866bff;
    --t-clr-sc-cmp: #e4ff6b;
    --t-clr-sc-cmp-bw: #000000;
    --t-clr-sc-grey: #2d293d;
    --t-clr-sc-grey-lt: #a9a3c2;
    --t-clr-sc-lt: #a4a3fa;
    --t-clr-sc-lt-lt: #bdc1fa;
    --t-clr-tr: #ff6b9a;
    --t-clr-tr-cmp: #6bffd0;
    --t-clr-tr-cmp-bw: #000000;
    --t-clr-tr-grey: #3d292f;
    --t-clr-tr-grey-lt: #c2a3ad;
    --t-clr-tr-lt: #faa3cd;
    --t-clr-tr-lt-lt: #fabddf;
    --t-clr-fnt-bk: #000000;
    --t-clr-fnt-bk-lt: rgba(0, 0, 0, 0.47);
    --t-clr-fnt-bk-lt-lt: rgba(0, 0, 0, 0.24);
    --t-clr-fnt-bk-lt-fr: rgba(0, 0, 0, 0.14);
    --t-clr-fnt-bk-lt-fv: rgba(0, 0, 0, 0.1);
    --t-clr-fnt-wt: #FFFFFF;
    --t-clr-fnt-wt-lt: #ebebeb;
    --t-clr-fnt-wt-lt-lt: #e3e3e3;
    --t-clr-fi: #e6faf3;
    --t-clr-si: #ffffff;
    --t-clr-fi: hsl(var(--t-clr-h),calc(var(--t-clr-s) * 1%),90%) ;
}
.cc-bdy{
    background: var(--t-clr-si);
}

:root {
    --t-bdr-rds-fr: 0.2rem;
    --t-bdr-rds-pr: 0.3rem;
    --t-bdr-rds-sc: 0.2rem;
    --t-bdr-rds-tr: 0.3rem;
    --t-bdr-stl-fr: dotted;
    --t-bdr-stl-pr: solid;
    --t-bdr-stl-sc: dotted;
    --t-bdr-stl-tr: solid;
    --t-bdr-wdt-fr: 0.2rem;
    --t-bdr-wdt-pr: 0.3rem;
    --t-bdr-wdt-sc: 0.2rem;
    --t-bdr-wdt-tr: 0.3rem;
    --t-blur-pr: 3px;
    --t-blur-sc: 3px;
    --t-crsr-pntr-pr: pointer;
    --t-crsr-pntr-sc: pointer;
    --t-flt-pr: none;
    --t-flt-sc: none;
    --t-img-fltr-pr: unset;
    --t-img-fltr-sc: unset;
    --t-lst-stl-pos-pr: none;
    --t-lst-stl-typ-pr: decimal;
    --t-lst-stl-typ-sc: decimal;
    --t-opcty-pr: 0.2;
    --t-opcty-sc: 0.2;
    --t-ani-dly-pr: 5;
    --t-ani-dly-sc: 5;
    --t-ani-dly-tr: 5;
    --t-ani-drt-pr: 5;
    --t-ani-drt-sc: 5;
    --t-ani-drt-tr: 5;
    --t-ani-itr-ani-itr-pr: 5;
    --t-ani-itr-ani-itr-sc: 5;
    --t-ani-itr-ani-itr-tr: 5;
    --t-blur-box-shdw-pr: 8px;
    --t-blur-box-shdw-sc: 20px;
    --t-blur-box-shdw-tr: .25rem;
    --t-blur-box-shdw-fr: .25rem;
    --t-bx-shdw-typ-box-shdw-pr:;
    --t-bx-shdw-typ-box-shdw-sc:;
    --t-bx-shdw-typ-box-shdw-tr:;
    --t-bx-shdw-typ-box-shdw-fr:;
    --t-ofst-box-shdw-hz-pr: 0px;
    --t-ofst-box-shdw-hz-sc: 0px;
    --t-ofst-box-shdw-hz-tr: 0px;
    --t-ofst-box-shdw-hz-fr: 0px;
    --t-ofst-box-shdw-vrt-pr: 4px;
    --t-ofst-box-shdw-vrt-sc: 6px;
    --t-ofst-box-shdw-vrt-tr: .125rem;
    --t-ofst-box-shdw-vrt-fr: .125rem;
    --t-spd-rds-box-shdw-pr: 0px;
    --t-spd-rds-box-shdw-sc: 0px;
    --t-spd-rds-box-shdw-tr: 0px;
    --t-spd-rds-box-shdw-fr: 0px;
}

:root {
    --t-box-shdw-clr-pr: rgba(0, 0, 0, 0.2);
    --t-box-shdw-clr-sc: rgba(0, 0, 0, 0.19);
    --t-box-shdw-clr-tr: rgba(0, 0, 0, .075);
}
:root{
    --navigation-tab-event-type: click;
    --navigation-tab-animate-left-class: animateLayoutLeft;
    --navigation-tab-animate-right-class: animateLayoutRight;
    --navigation-tab-animate-go-back-left-class: animateLayoutGoBackLeft;
    --navigation-tab-animate-go-back-right-class: animateLayoutGoBackRight;
    --navigation-tab-over-flow-handle-class: overflowHandle;
    --navigation-tab-animate-go-back-time-out: 200;
    --navigation-tab-animate-start-time-out: 200;
    --navigation-tab-animate-remove-time-out: 400;
    --navigation-tab-handle-overflow-time-out: 400;
    --navigation-tab-on-scroll-animation-delay: 1000;
    --navigation-tab-enable-on-scroll-animation: false;
    --section-scroll-margin-top: 60;
    --section-scroll-duration: 100;
}
html {
    font-size: 20px;
    white-space: normal;
}

html {
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
}

body {
    padding: 0px;
    margin: 0px;
    overflow-wrap: break-word;
    overscroll-behavior: contain; /* or "none" */
}

/*.cc-bdy *{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}*/
picture, svg {
    width: 100%;
    height: auto;
    object-fit: cover;
}


/*Details Begin*/
/*
summary {
    outline: none;
    padding: 1rem;
    display: block;

    padding-left: 2.2rem;
    position: relative;
    cursor: pointer;
}

summary:focus {
}

details {
    !* max-width: 500px;*!
    box-sizing: border-box;
    margin-top: 5px;
    background: white;
}

details summary::-webkit-details-marker {
    display: none;

}

details[open] > summary:before {
    transform: rotate(90deg);
}

summary:before {
    content: "";
    border-width: 0.4rem;
    border-style: solid;
    border-color: transparent transparent transparent #080703;
    position: absolute;
    top: 1.3rem;
    left: 1rem;
    transform: rotate(0);
    transform-origin: 0.2rem 50%;
    transition: 0.25s transform ease;
}
*/

.content {

}

/*Details End*/


abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

input {
    background-color: var(--t-clr-fnt-wt);
}



embed,
iframe,
object,
video {
    margin-bottom: 1.75em;
    max-width: 100%;
    align-content: center;
    align-items: center;
}

audio,
canvas,
progress,
video {
    display: inline-flex;
    align-items: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

button {
    overflow: visible;
    border: none;
}

button,
input,
select,
textarea {
    max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
    opacity: .5;
}


::-webkit-input-placeholder {
    color: var(--t-clr-pr-lt);
    font-family: var(--t-fnt-fml-sc);
}

:-moz-placeholder {
    color: var(--t-clr-pr-lt);
    font-family: var(--t-fnt-fml-sc);
}

::-moz-placeholder {
    color: var(--t-clr-pr-lt);
    font-family: var(--t-fnt-fml-sc);
    opacity: 1;
}

:-ms-input-placeholder {
    color: var(--t-clr-pr-lt);
    font-family: var(--t-fnt-fml-sc);
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

blockquote {
    padding: 10px 20px;
    padding-left: 0;
    margin: 0 0 20px;
    border-left-width: 0;
    border-top-width: 0 !important;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important;
    border-style: solid;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
    display: flex;
    font-size: 80%;
    line-height: 20px;
    color: #eeeeee;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014   \A0';
}

b,
strong {
    font-weight: 700;
}

small {
    font-size: 80%;
}

code,
kbd,
pre,
samp {
    font-size: 1em;
}

select {
    text-transform: none;
}



button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0.4375em;
    padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

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

fieldset {
    border: 1px solid var(--t-clr-sc, blue);
    margin: 0 0 1.75em;
    min-width: inherit;
    padding: 0.875em;
}

fieldset > :last-child {
    margin-bottom: 0;
}

legend {
    border: 1px;
    padding: 1px;
}

optgroup {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

address {
    font-style: italic;
    margin: 0 0 1.75em;
}

pre {
    border: 1px solid var(--t-clr-sc, blue);
    font-family: var(--t-fnt-fml-sc, "cursive");
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125;
    margin: 0 0 1.75em;
    max-width: 100%;
    overflow: auto;
    padding: 1.75em;
    white-space: pre-wrap;
    word-wrap: break-word;
}

abbr,
acronym {
    border-bottom: 1px dotted var(--t-clr-sc, blue);
    cursor: help;
}

mark,
ins {
    background: var(--t-clr-sc, lightskyblue);
    color: var(--t-clr-sc-cmp, blue);
    padding: 0.125em 0.25em;
    text-decoration: none;
}

big {
    font-size: 125%;
}

dl {
    margin: 0 0 1.75em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 0 1.75em;
}

del {
    opacity: 0.8;
}
/*
*:focus {
    outline: 2px solid var(--t-clr-pr);;
    outline-offset: 2px;
}*/


hr {
    border: 0;
    height: 1px;
    margin: 0 0 1.75em;
    overflow: visible;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* ----   Base Theme Defs*/


.cc-bdy {
    font-family: var(--t-fnt-fml-pr);
    letter-spacing: normal;
    word-spacing: normal;
    /*white-space: pre-wrap;*/
    word-wrap: break-word;
    /* max-width: 80ch;*/
    font-weight: normal;
    /* word-break: break-all;*/
    color: var(--t-clr-fnt-bk);
}

/*h1, h2, h3, h4, h5, h6 {
    color: var(--t-clr-pr);
}*/

.cc-uf-nav-name * {
    font-family: var(--t-fnt-fml-pr);
}


h1 {

    font-size: calc(16px * var(--fnt-sz-pr-num));
    font-size: var(--t-fnt-sz-pr);
    /*    line-height: var(--t-ln-ht-pr);*/
    letter-spacing: var(--t-ltr-spc-pr);
    word-spacing: var(--t-wrd-spc-pr);
    font-weight: var(--t-fnt-wt-pr);
    font-style: var(--t-fnt-stl-pr);
    font-variant: var(--t-fnt-vr-pr);

}

h2 {
    font-size: 20px;
    font-size: var(--t-fnt-sz-sc);
    /*  line-height: var(--t-ln-ht-sc);*/
    letter-spacing: var(--t-ltr-spc-sc);
    word-spacing: var(--t-wrd-spc-sc);
    font-weight: var(--t-fnt-wt-sc);
    font-style: var(--t-fnt-stl-sc);
    font-variant: var(--t-fnt-vr-sc);

}

h3 {
    font-size: 17px;
    font-size: var(--t-fnt-sz-tr);
    /*    line-height: var(--t-ln-ht-tr);*/
    letter-spacing: var(--t-ltr-spc-tr);
    word-spacing: var(--t-wrd-spc-tr);
    font-weight: var(--t-fnt-wt-tr);
    font-style: var(--t-fnt-stl-tr);
    font-variant: var(--t-fnt-vr-tr);

}

h4 {
    font-size: 15px;
    font-size: var(--t-fnt-sz-fr);
    /* line-height: var(--t-ln-ht-fr);*/
    letter-spacing: var(--t-ltr-spc-fr);
    word-spacing: var(--t-wrd-spc-fr);
    font-weight: var(--t-fnt-wt-fr);
    font-style: var(--t-fnt-stl-fr);
    font-variant: var(--t-fnt-vr-fr);

}

h5 {
    font-size: 12px;
    font-size: var(--t-fnt-sz-fv);
    /* line-height: var(--t-ln-ht-fv);*/
    letter-spacing: var(--t-ltr-spc-fv);
    word-spacing: var(--t-wrd-spc-fv);
    font-weight: var(--t-fnt-wt-fv);
    font-style: var(--t-fnt-stl-fv);
    font-variant: var(--t-fnt-vr-fv);

}

h6 {
    font-size: 10px;
    font-size: var(--t-fnt-sz-si);
    /* line-height: var(--t-ln-ht-si);*/
    letter-spacing: var(--t-ltr-spc-si);
    word-spacing: var(--t-wrd-spc-si);
    font-weight: var(--t-fnt-wt-si);
    font-style: var(--t-fnt-stl-si);
    font-variant: var(--t-fnt-vr-si);

}

p {
    font-size: 10px;
    font-size: var(--t-fnt-sz-si);
    /*line-height: var(--t-ln-ht-si);*/
    letter-spacing: var(--t-ltr-spc-si);
    word-spacing: var(--t-wrd-spc-si);
    font-weight: var(--t-fnt-wt-si);
    font-style: var(--t-fnt-stl-si);
    font-variant: var(--t-fnt-vr-si);
    color: var(--t-clr-fnt-bk);
}

a {
    font-size: var(--t-fnt-sz-fv);
    word-spacing: var(--t-wrd-spc-fv);
    font-weight: var(--t-fnt-wt-fv);
    font-style: var(--t-fnt-stl-fv);
    font-variant: var(--t-fnt-vr-fv);
    color: var(--t-clr-pr);
}

/*i {
    color: var(--t-clr-pr);
}*/


a:link {

}

a:visited {
    color: var(--t-clr-pr);
}

a:focus {
    color: var(--t-clr-sc-lt);
}

a:hover {
    text-decoration: underline;
    color: var(--t-clr-sc);
}

a:active {
    color: var(--t-clr-sc);
}

*::selection {
    background-color: var(--t-clr-fnt-bk);
    color: var(--t-clr-fnt-wt);
}

hr {
    background-color: var(--t-clr-sc);
}

.cc-uf-content-button,
.cc-uf-content-button-second {
    /*background: var(--t-clr-pr);*/
}

.cc-uf-content-button-second i,
.cc-uf-content-button i ,
.cc-uf-content-button-second span,
.cc-uf-content-button span ,
.cc-uf-content-button-second a,
.cc-uf-content-button a {
    /*color: var(--t-clr-pr-cmp-bw);*/
    text-decoration: none;
}

.cc-uf-content-button-second a,
.cc-uf-content-button a {
    text-decoration: none;
}


.btn-category-container {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-category {
    padding: 1rem;
    font-size: 1rem;
    border-radius: 0.3rem;
    margin: 10px;
}

.btn-category:hover {
    background-color: var(--t-clr-pr);
    color: var(--t-clr-pr-cmp-bw);
}

.active {
    background-color: var(--t-clr-pr);
    color: var(--t-clr-pr-cmp-bw);
}

.show {
    display: block;
}

.hide {
    display: none;
}

/*
Tabs With Radio buttons
 */
input[name=tabs] {
    display: none;
}

input[name=tabs] + label.a {
    display: inline-block;
    width: fit-content;
    height: fit-content;
}

input[name=tabs] + label.a {
    position: relative;
    top: 1px;
    background: var(--t-clr-sc);
    color: var(--t-clr-sc-cmp-bw);
    border: 1px solid var(--t-clr-sc);
    padding: 4px 12px;
    border-radius: 4px;
}

.tab-links {
    border: 1px solid var(--t-clr-sc);
    background-color: var(--t-clr-pr);
}

.tab-links button, .tab-links a {
    background-color: var(--t-clr-pr);
    color: var(--t-clr-pr-cmp-bw);
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
}

.tab-links button:hover, .tab-links a:hover {
    background-color: var(--t-clr-pr-grey-lt);
}

.tab-links button.active, .tab-links a.active {
    background-color: var(--t-clr-sc);
}

@media (min-width: 5rem) {
    html {
        font-size: 55%;
    }
}

@media (min-width: 10rem) {
    html {
        font-size: 60%;
    }
}

@media (min-width: 20rem) {
    html {
        font-size: 65%;
    }
}

@media (min-width: 30em) {
    html {
        font-size: 70%;
    }
}

@media (min-width: 40em) {
    html {
        font-size: 75%;
    }
}

@media (min-width: 50em) {
    html {
        font-size: 80%;
    }
}

@media (min-width: 60em) {
    html {
        font-size: 85%;
    }
}

@media (min-width: 70em) {
    html {
        font-size: 90%;
    }
}

@media (min-width: 80em) {
    html {
        font-size: 90%;
    }
}

@media (min-width: 90em) {
    html {
        font-size: 90%;
    }
}

@media (min-width: 100em) {
    html {
        font-size: 90%;
    }
}

@media (max-width: 1399px) {
    section {
        flex-grow: 1 !important;
    }
}

@media (min-width: 1400px) {
    .t-container-lyt {
        /*min-width: 1200px;
        max-width: var(--t-cntr-mx-wdt);*/
        width: 1400px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 1500px) {
    .t-container-lyt {
        /*min-width: 1200px;
        max-width: var(--t-cntr-mx-wdt);*/
        width: 1500px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}




.cc-pgl-cmp_cnt {
    justify-content: center;
}

@page {
    margin-top: 2cm;
    margin-bottom: 2cm;
    margin-left: 2cm;
    margin-right: 2cm;
}

@media print {
    section {
        break-after: always;
        break-inside: avoid;
        break-before: always;
    }

    .opacity-zero, .opacity-one {
        opacity: 1;
    }

    #cmpAutNav {
        display: none;
    }
    article{
        break-inside: avoid;
    }
}

.on-page-scroll-all-container {
    position: fixed;
    top: 0;
    width: 100%;
}

.on-page-scroll-progress-container {
    width: 100%;
    height: 8px;
    background: var(--t-clr-fr-grey-lt);
}

.on-page-scroll-progress-bar {
    height: 100%;
    background: var(--t-clr-pr);
    width: 0%;
}

#on-page-scroll-progressbar {
    display: block;
}

.disabled-link {
    pointer-events: none;
    opacity: 0.3;
}

details {
    background: none;
}

summary {
    outline: none;
}

body {
    background-color: var(--t-clr-si);
}


.cc-uf-hero-title h1,
.cc-uf-hero-title h2,
.cc-uf-hero-title h3,
.cc-uf-hero-title h4,
.cc-uf-hero-title h5,
.cc-uf-hero-title h6,
.cc-uf-hero-title p,
.cc-uf-hero-title a,
.cc-uf-hero-title span,
.cc-uf-hero-title-part-two h1,
.cc-uf-hero-title-part-two h2,
.cc-uf-hero-title-part-two h3,
.cc-uf-hero-title-part-two h4,
.cc-uf-hero-title-part-two h5,
.cc-uf-hero-title-part-two h6,
.cc-uf-hero-title-part-two p,
.cc-uf-hero-title-part-two a,
.cc-uf-hero-title-part-two span,
.cc-uf-hero-title-part-three h1,
.cc-uf-hero-title-part-three h2,
.cc-uf-hero-title-part-three h3,
.cc-uf-hero-title-part-three h4,
.cc-uf-hero-title-part-three h5,
.cc-uf-hero-title-part-three h6,
.cc-uf-hero-title-part-three a,
.cc-uf-hero-title-part-three span,
.cc-uf-hero-title-part-three p {
    font-size: calc(16px * var(--fnt-sz-pr-num));
    font-size: var(--t-fnt-sz-pr);
    letter-spacing: var(--t-ltr-spc-pr);
    word-spacing: var(--t-wrd-spc-pr);
    font-weight: var(--t-fnt-wt-pr);
    font-style: var(--t-fnt-stl-pr);
    font-variant: var(--t-fnt-vr-pr);
}
.cc-uf-hero-title h1,
.cc-uf-hero-title h2,
.cc-uf-hero-title h3,
.cc-uf-hero-title h4,
.cc-uf-hero-title h5,
.cc-uf-hero-title h6,
.cc-uf-hero-title p,
.cc-uf-hero-title-part-two h1,
.cc-uf-hero-title-part-two h2,
.cc-uf-hero-title-part-two h3,
.cc-uf-hero-title-part-two h4,
.cc-uf-hero-title-part-two h5,
.cc-uf-hero-title-part-two h6,
.cc-uf-hero-title-part-two p,
.cc-uf-hero-title-part-three h1,
.cc-uf-hero-title-part-three h2,
.cc-uf-hero-title-part-three h3,
.cc-uf-hero-title-part-three h4,
.cc-uf-hero-title-part-three h5,
.cc-uf-hero-title-part-three h6,
.cc-uf-hero-title-part-three p {
    line-height: var(--t-ln-ht-pr);
}


.cc-uf-section-title span,
.cc-uf-section-title a,
.cc-uf-section-title-part-two span,
.cc-uf-section-title-part-two a,
.cc-uf-section-title-part-three span,
.cc-uf-section-title-part-three a,
.cc-uf-hero-tool-tip span,
.cc-uf-hero-tool-tip a,
.cc-uf-hero-tag-line span,
.cc-uf-hero-tag-line a,
.cc-uf-hero-tag-line-part-two span,
.cc-uf-hero-tag-line-part-two a,
.cc-uf-hero-over-line span,
.cc-uf-hero-over-line a,
.cc-uf-hero-first-button a,
.cc-uf-hero-second-button a,
.cc-uf-hero-second-link a,
.cc-uf-hero-first-link a
{
    font-size: 20px;
    font-size: var(--t-fnt-sz-sc);
    letter-spacing: var(--t-ltr-spc-sc);
    word-spacing: var(--t-wrd-spc-sc);
    font-weight: var(--t-fnt-wt-sc);
    font-style: var(--t-fnt-stl-sc);
    font-variant: var(--t-fnt-vr-sc);
}

.cc-uf-section-title h1,
.cc-uf-section-title h2,
.cc-uf-section-title h3,
.cc-uf-section-title h4,
.cc-uf-section-title h5,
.cc-uf-section-title h6,
.cc-uf-section-title p,
.cc-uf-section-title-part-two h1,
.cc-uf-section-title-part-two h2,
.cc-uf-section-title-part-two h3,
.cc-uf-section-title-part-two h4,
.cc-uf-section-title-part-two h5,
.cc-uf-section-title-part-two h6,
.cc-uf-section-title-part-two p,
.cc-uf-section-title-part-three h1,
.cc-uf-section-title-part-three h2,
.cc-uf-section-title-part-three h3,
.cc-uf-section-title-part-three h4,
.cc-uf-section-title-part-three h5,
.cc-uf-section-title-part-three h6,
.cc-uf-section-title-part-three p,
.cc-uf-hero-tool-tip h1,
.cc-uf-hero-tool-tip h2,
.cc-uf-hero-tool-tip h3,
.cc-uf-hero-tool-tip h4,
.cc-uf-hero-tool-tip h5,
.cc-uf-hero-tool-tip h6,
.cc-uf-hero-tool-tip p,
.cc-uf-hero-tag-line h1,
.cc-uf-hero-tag-line h2,
.cc-uf-hero-tag-line h3,
.cc-uf-hero-tag-line h4,
.cc-uf-hero-tag-line h5,
.cc-uf-hero-tag-line h6,
.cc-uf-hero-tag-line p,
.cc-uf-hero-tag-line-part-two h1,
.cc-uf-hero-tag-line-part-two h2,
.cc-uf-hero-tag-line-part-two h3,
.cc-uf-hero-tag-line-part-two h4,
.cc-uf-hero-tag-line-part-two h5,
.cc-uf-hero-tag-line-part-two h6,
.cc-uf-hero-tag-line-part-two p,
.cc-uf-hero-over-line h1,
.cc-uf-hero-over-line h2,
.cc-uf-hero-over-line h3,
.cc-uf-hero-over-line h4,
.cc-uf-hero-over-line h5,
.cc-uf-hero-over-line h6,
.cc-uf-hero-over-line p,
.cc-uf-hero-first-button h1,
.cc-uf-hero-first-button h2,
.cc-uf-hero-first-button h3,
.cc-uf-hero-first-button h4,
.cc-uf-hero-first-button h5,
.cc-uf-hero-first-button h6,
.cc-uf-hero-first-button p,
.cc-uf-hero-second-button h1,
.cc-uf-hero-second-button h2,
.cc-uf-hero-second-button h3,
.cc-uf-hero-second-button h4,
.cc-uf-hero-second-button h5,
.cc-uf-hero-second-button h6,
.cc-uf-hero-second-button p,
.cc-uf-hero-second-link h1,
.cc-uf-hero-second-link h2,
.cc-uf-hero-second-link h3,
.cc-uf-hero-second-link h4,
.cc-uf-hero-second-link h5,
.cc-uf-hero-second-link h6,
.cc-uf-hero-second-link p,
.cc-uf-hero-first-link h1,
.cc-uf-hero-first-link h2,
.cc-uf-hero-first-link h3,
.cc-uf-hero-first-link h4,
.cc-uf-hero-first-link h5,
.cc-uf-hero-first-link h6,
.cc-uf-hero-first-link p
{
    font-size: 20px;
    font-size: var(--t-fnt-sz-sc);
    letter-spacing: var(--t-ltr-spc-sc);
    word-spacing: var(--t-wrd-spc-sc);
    font-weight: var(--t-fnt-wt-sc);
    font-style: var(--t-fnt-stl-sc);
    font-variant: var(--t-fnt-vr-sc);
    line-height: var(--t-ln-ht-sc);
}



.cc-uf-hero-first-link span,
.cc-uf-hero-second-link span,
.cc-uf-hero-second-button span,
.cc-uf-hero-first-button span
{
    font-size: 20px;
    font-size: var(--t-fnt-sz-sc);
    font-weight: var(--t-fnt-wt-sc);
    font-style: var(--t-fnt-stl-sc);
    font-variant: var(--t-fnt-vr-sc);
}


.cc-uf-hero-icon i,
.cc-uf-hero-icon p,
.cc-uf-hero-icon span,
.cc-uf-hero-icon a,
.cc-uf-section-icon i,
.cc-uf-section-icon span,
.cc-uf-section-icon a{
    font-size: 20px;
    font-size: var(--t-fnt-sz-sc);
    font-weight: var(--t-fnt-wt-sc);
    font-style: var(--t-fnt-stl-sc);
    font-variant: var(--t-fnt-vr-sc);
}


.cc-uf-hero-icon h1,
.cc-uf-hero-icon h2,
.cc-uf-hero-icon h3,
.cc-uf-hero-icon h4,
.cc-uf-hero-icon h5,
.cc-uf-hero-icon h6,
.cc-uf-hero-icon p,
.cc-uf-section-icon h1,
.cc-uf-section-icon h2,
.cc-uf-section-icon h3,
.cc-uf-section-icon h4,
.cc-uf-section-icon h5,
.cc-uf-section-icon h6,
.cc-uf-section-icon p{
    font-size: 20px;
    font-size: var(--t-fnt-sz-sc);
    font-weight: var(--t-fnt-wt-sc);
    font-style: var(--t-fnt-stl-sc);
    font-variant: var(--t-fnt-vr-sc);
    line-height:var(--t-ln-ht-sc);
}

.cc-uf-hero-header :where(h1, h2, h3, h4, h5, h6, p),
.cc-uf-hero-sub-header :where(h1, h2, h3, h4, h5, h6, p) {
    font-size: 20px;
    font-size: var(--t-fnt-sz-sc);
    letter-spacing: var(--t-ltr-spc-sc);
    word-spacing: var(--t-wrd-spc-sc);
    font-weight: var(--t-fnt-wt-sc);
    font-style: var(--t-fnt-stl-sc);
    font-variant: var(--t-fnt-vr-sc);
    line-height:var(--t-ln-ht-sc);
}


.cc-uf-section-over-line span,
.cc-uf-section-over-line a,
.cc-uf-section-sub-title span,
.cc-uf-section-sub-title a,
.cc-uf-section-button span,
.cc-uf-section-button a,
.cc-uf-section-button-second span,
.cc-uf-section-button-second a,
.cc-uf-section-tag-line span,
.cc-uf-section-tag-line a{
    font-size: 17px;
    font-size: var(--t-fnt-sz-tr);
    letter-spacing: var(--t-ltr-spc-tr);
    word-spacing: var(--t-wrd-spc-tr);
    font-weight: var(--t-fnt-wt-tr);
    font-style: var(--t-fnt-stl-tr);
    font-variant: var(--t-fnt-vr-tr);
}

.cc-uf-section-over-line h1,
.cc-uf-section-over-line h2,
.cc-uf-section-over-line h3,
.cc-uf-section-over-line h4,
.cc-uf-section-over-line h5,
.cc-uf-section-over-line h6,
.cc-uf-section-over-line p,
.cc-uf-section-sub-title h1,
.cc-uf-section-sub-title h2,
.cc-uf-section-sub-title h3,
.cc-uf-section-sub-title h4,
.cc-uf-section-sub-title h5,
.cc-uf-section-sub-title h6,
.cc-uf-section-sub-title p,
.cc-uf-section-button h1,
.cc-uf-section-button h2,
.cc-uf-section-button h3,
.cc-uf-section-button h4,
.cc-uf-section-button h5,
.cc-uf-section-button h6,
.cc-uf-section-button p,
.cc-uf-section-button-second h1,
.cc-uf-section-button-second h2,
.cc-uf-section-button-second h3,
.cc-uf-section-button-second h4,
.cc-uf-section-button-second h5,
.cc-uf-section-button-second h6,
.cc-uf-section-button-second p,
.cc-uf-section-link h1,
.cc-uf-section-link h2,
.cc-uf-section-link h3,
.cc-uf-section-link h4,
.cc-uf-section-link h5,
.cc-uf-section-link h6,
.cc-uf-section-link p,
.cc-uf-section-link-second h1,
.cc-uf-section-link-second h2,
.cc-uf-section-link-second h3,
.cc-uf-section-link-second h4,
.cc-uf-section-link-second h5,
.cc-uf-section-link-second h6,
.cc-uf-section-link-second p,
.cc-uf-section-description h1,
.cc-uf-section-description h2,
.cc-uf-section-description h3,
.cc-uf-section-description h4,
.cc-uf-section-description h5,
.cc-uf-section-description h6,
.cc-uf-hero-description p,
.cc-uf-hero-description h1,
.cc-uf-hero-description h2,
.cc-uf-hero-description h3,
.cc-uf-hero-description h4,
.cc-uf-hero-description h5,
.cc-uf-hero-description h6,
.cc-uf-hero-description p,
.cc-uf-section-tag-line h1,
.cc-uf-section-tag-line h2,
.cc-uf-section-tag-line h3,
.cc-uf-section-tag-line h4,
.cc-uf-section-tag-line h5,
.cc-uf-section-tag-line h6,
.cc-uf-section-tag-line p{
    line-height:var(--t-ln-ht-tr);
}

.cc-uf-nav-icon-rsp h1,
.cc-uf-nav-icon-rsp h2,
.cc-uf-nav-icon-rsp h3,
.cc-uf-nav-icon-rsp h4,
.cc-uf-nav-icon-rsp h5,
.cc-uf-nav-icon-rsp h6,
.cc-uf-nav-icon-rsp i,
.cc-uf-nav-icon-rsp p,
.cc-uf-nav-icon-rsp span,
.cc-uf-nav-icon-rsp a,
.cc-uf-nav-icon h1,
.cc-uf-nav-icon h2,
.cc-uf-nav-icon h3,
.cc-uf-nav-icon h4,
.cc-uf-nav-icon h5,
.cc-uf-nav-icon h6,
.cc-uf-nav-icon i,
.cc-uf-nav-icon span,
.cc-uf-nav-icon a,
.cc-uf-nav-icon p{
    font-size: 15px;
    font-size: var(--t-fnt-sz-fr);
    font-weight: var(--t-fnt-wt-fr);
    font-style: var(--t-fnt-stl-fr);
    font-variant: var(--t-fnt-vr-fr);
}
.cc-uf-nav-name-rsp h1,
.cc-uf-nav-name-rsp h2,
.cc-uf-nav-name-rsp h3,
.cc-uf-nav-name-rsp h4,
.cc-uf-nav-name-rsp h5,
.cc-uf-nav-name-rsp h6,
.cc-uf-nav-name-rsp p,
.cc-uf-nav-name-rsp span,
.cc-uf-nav-name-rsp a,
.cc-uf-nav-name h1,
.cc-uf-nav-name h2,
.cc-uf-nav-name h3,
.cc-uf-nav-name h4,
.cc-uf-nav-name h5,
.cc-uf-nav-name h6,
.cc-uf-nav-name span,
.cc-uf-nav-name a,
.cc-uf-nav-name p{
    font-size: 15px;
    font-size: var(--t-fnt-sz-fr);
    letter-spacing: var(--t-ltr-spc-fr);
    word-spacing: var(--t-wrd-spc-fr);
    font-weight: var(--t-fnt-wt-fr);
    font-style: var(--t-fnt-stl-fr);
    font-variant: var(--t-fnt-vr-fr);
}


.cc-uf-content-title-icon i,
.cc-uf-content-title-icon span,
.cc-uf-content-title-icon a,
.cc-uf-section-sub-icon i,
.cc-uf-section-sub-icon span,
.cc-uf-section-sub-icon a {
    font-size: 15px;
    font-size: var(--t-fnt-sz-fr);
    font-weight: var(--t-fnt-wt-fr);
    font-style: var(--t-fnt-stl-fr);
    font-variant: var(--t-fnt-vr-fr);
}
.cc-uf-content-title-icon h1,
.cc-uf-content-title-icon h2,
.cc-uf-content-title-icon h3,
.cc-uf-content-title-icon h4,
.cc-uf-content-title-icon h5,
.cc-uf-content-title-icon h6,
.cc-uf-content-title-icon p,
.cc-uf-section-sub-icon h1,
.cc-uf-section-sub-icon h2,
.cc-uf-section-sub-icon h3,
.cc-uf-section-sub-icon h4,
.cc-uf-section-sub-icon h5,
.cc-uf-section-sub-icon h6,
.cc-uf-section-sub-icon p {
    font-size: 15px;
    font-size: var(--t-fnt-sz-fr);
    font-weight: var(--t-fnt-wt-fr);
    font-style: var(--t-fnt-stl-fr);
    font-variant: var(--t-fnt-vr-fr);
    line-height: var(--t-ln-ht-fr);
}

.cc-uf-section-label i,
.cc-uf-section-label span,
.cc-uf-section-label a,
.cc-uf-section-sub-tag-line i,
.cc-uf-section-sub-tag-line span,
.cc-uf-section-sub-tag-line a,
.cc-uf-content-title i,
.cc-uf-content-title span,
.cc-uf-content-title a,
.cc-uf-content-title-two i,
.cc-uf-content-title-two span,
.cc-uf-content-title-two a,
.cc-uf-section-sub-button i,
.cc-uf-section-sub-button a,
.cc-uf-section-sub-link i,
.cc-uf-section-sub-link a,
.cc-uf-section-sub-description i,
.cc-uf-section-sub-description span,
.cc-uf-section-sub-description a {
    font-size: 15px;
    font-size: var(--t-fnt-sz-fr);
    letter-spacing: var(--t-ltr-spc-fr);
    word-spacing: var(--t-wrd-spc-fr);
    font-weight: var(--t-fnt-wt-fr);
    font-style: var(--t-fnt-stl-fr);
    font-variant: var(--t-fnt-vr-fr);
}
.cc-uf-section-label h1,
.cc-uf-section-label h2,
.cc-uf-section-label h3,
.cc-uf-section-label h4,
.cc-uf-section-label h5,
.cc-uf-section-label h6,
.cc-uf-section-label p,
.cc-uf-section-sub-tag-line h1,
.cc-uf-section-sub-tag-line h2,
.cc-uf-section-sub-tag-line h3,
.cc-uf-section-sub-tag-line h4,
.cc-uf-section-sub-tag-line h5,
.cc-uf-section-sub-tag-line h6,
.cc-uf-section-sub-tag-line p,
.cc-uf-content-title h1,
.cc-uf-content-title h2,
.cc-uf-content-title h3,
.cc-uf-content-title h4,
.cc-uf-content-title h5,
.cc-uf-content-title h6,
.cc-uf-content-title p,
.cc-uf-content-title-two h1,
.cc-uf-content-title-two h2,
.cc-uf-content-title-two h3,
.cc-uf-content-title-two h4,
.cc-uf-content-title-two h5,
.cc-uf-content-title-two h6,
.cc-uf-content-title-two p,
.cc-uf-section-sub-button h1,
.cc-uf-section-sub-button h2,
.cc-uf-section-sub-button h3,
.cc-uf-section-sub-button h4,
.cc-uf-section-sub-button h5,
.cc-uf-section-sub-button h6,
.cc-uf-section-sub-button p,
.cc-uf-section-sub-link h1,
.cc-uf-section-sub-link h2,
.cc-uf-section-sub-link h3,
.cc-uf-section-sub-link h4,
.cc-uf-section-sub-link h5,
.cc-uf-section-sub-link h6,
.cc-uf-section-sub-link p,
.cc-uf-section-sub-description h1,
.cc-uf-section-sub-description h2,
.cc-uf-section-sub-description h3,
.cc-uf-section-sub-description h4,
.cc-uf-section-sub-description h5,
.cc-uf-section-sub-description h6,
.cc-uf-section-sub-description p {
    font-size: 15px;
    font-size: var(--t-fnt-sz-fr);
    letter-spacing: var(--t-ltr-spc-fr);
    word-spacing: var(--t-wrd-spc-fr);
    font-weight: var(--t-fnt-wt-fr);
    font-style: var(--t-fnt-stl-fr);
    font-variant: var(--t-fnt-vr-fr);
    line-height: var(--t-ln-ht-fr);
}
.cc-uf-section-sub-button span,
.cc-uf-section-sub-link span
{
    font-size: 15px;
    font-size: var(--t-fnt-sz-fr);

    font-weight: var(--t-fnt-wt-fr);
    font-style: var(--t-fnt-stl-fr);
    font-variant: var(--t-fnt-vr-fr);
}


.cc-uf-content-tag-line h1,
.cc-uf-content-tag-line h2,
.cc-uf-content-tag-line h3,
.cc-uf-content-tag-line h4,
.cc-uf-content-tag-line h5,
.cc-uf-content-tag-line h6,
.cc-uf-content-tag-line p,
.cc-uf-section-sub-label h1,
.cc-uf-section-sub-label h2,
.cc-uf-section-sub-label h3,
.cc-uf-section-sub-label h4,
.cc-uf-section-sub-label h5,
.cc-uf-section-sub-label h6,
.cc-uf-section-sub-label p,
dt {
    font-size: 12px;
    font-size: var(--t-fnt-sz-fv);
    letter-spacing: var(--t-ltr-spc-fv);
    word-spacing: var(--t-wrd-spc-fv);
    font-weight: var(--t-fnt-wt-fv);
    font-style: var(--t-fnt-stl-fv);
    font-variant: var(--t-fnt-vr-fv);
    line-height: var(--t-ln-ht-fv);
}

.cc-uf-content-label h1,
.cc-uf-content-label h2,
.cc-uf-content-label h3,
.cc-uf-content-label h4,
.cc-uf-content-label h5,
.cc-uf-content-label h6,
.cc-uf-content-label p {
    font-size: 10px;
    font-size: var(--t-fnt-sz-si);
    letter-spacing: var(--t-ltr-spc-si);
    word-spacing: var(--t-wrd-spc-si);
    font-weight: var(--t-fnt-wt-si);
    font-style: var(--t-fnt-stl-si);
    font-variant: var(--t-fnt-vr-si);
    line-height: var(--t-ln-ht-si);
}

.lbl-icon {
    flex-basis: 20%;
    text-align: end;
}

.lbl-txt {
    text-align: start;
    flex-basis: 80%;
}

.lbl-icon {
    font-size: 10px;
    font-size: var(--t-fnt-sz-si);
    font-weight: var(--t-fnt-wt-si);
    font-style: var(--t-fnt-stl-si);
    font-variant: var(--t-fnt-vr-si);
}

.lbl-txt {
    font-size: 10px;
    font-size: var(--t-fnt-sz-si);
    letter-spacing: var(--t-ltr-spc-si);
    word-spacing: var(--t-wrd-spc-si);
    font-weight: var(--t-fnt-wt-si);
    font-style: var(--t-fnt-stl-si);
    font-variant: var(--t-fnt-vr-si);

}
.cc-uf-content-icon i,
.cc-uf-content-icon span{
    font-size: 10px;
    font-size: var(--t-fnt-sz-si);
    font-weight: var(--t-fnt-wt-si);
    font-style: var(--t-fnt-stl-si);
    font-variant: var(--t-fnt-vr-si);
    color: var(--t-clr-fnt-bk);
}

.cc-uf-content i,
.cc-uf-content span,
.cc-uf-content a,
.cc-uf-content-description i,
.cc-uf-content-description span,
.cc-uf-content-description a,
.cc-uf-content-button i,
.cc-uf-content-button a,
.cc-uf-content-button-second i,
.cc-uf-content-button-second a,
.cc-uf-content-link a,
.cc-uf-content-link-second a,
.cc-uf-content-over-line i,
.cc-uf-content-over-line span,
.cc-uf-content-over-line a,
dd {
    font-size: 10px;
    font-size: var(--t-fnt-sz-si);
    letter-spacing: var(--t-ltr-spc-si);
    word-spacing: var(--t-wrd-spc-si);
    font-weight: var(--t-fnt-wt-si);
    font-style: var(--t-fnt-stl-si);
    font-variant: var(--t-fnt-vr-si);
    color: var(--t-clr-fnt-bk);
}

.cc-uf-content h1,
.cc-uf-content h2,
.cc-uf-content h3,
.cc-uf-content h4,
.cc-uf-content h5,
.cc-uf-content h6,
.cc-uf-content p,
.cc-uf-content-description h1,
.cc-uf-content-description h2,
.cc-uf-content-description h3,
.cc-uf-content-description h4,
.cc-uf-content-description h5,
.cc-uf-content-description h6,
.cc-uf-content-description p,
.cc-uf-content-button h1,
.cc-uf-content-button h2,
.cc-uf-content-button h3,
.cc-uf-content-button h4,
.cc-uf-content-button h5,
.cc-uf-content-button h6,
.cc-uf-content-button p,
.cc-uf-content-button-second h1,
.cc-uf-content-button-second h2,
.cc-uf-content-button-second h3,
.cc-uf-content-button-second h4,
.cc-uf-content-button-second h5,
.cc-uf-content-button-second h6,
.cc-uf-content-button-second p,
.cc-uf-content-link h1,
.cc-uf-content-link h2,
.cc-uf-content-link h3,
.cc-uf-content-link h4,
.cc-uf-content-link h5,
.cc-uf-content-link h6,
.cc-uf-content-link p,
.cc-uf-content-link-second h1,
.cc-uf-content-link-second h2,
.cc-uf-content-link-second h3,
.cc-uf-content-link-second h4,
.cc-uf-content-link-second h5,
.cc-uf-content-link-second h6,
.cc-uf-content-link-second p,
.cc-uf-content-over-line h1,
.cc-uf-content-over-line h2,
.cc-uf-content-over-line h3,
.cc-uf-content-over-line h4,
.cc-uf-content-over-line h5,
.cc-uf-content-over-line h6,
.cc-uf-content-over-line p,
dd {
    font-size: 10px;
    font-size: var(--t-fnt-sz-si);
    letter-spacing: var(--t-ltr-spc-si);
    word-spacing: var(--t-wrd-spc-si);
    font-weight: var(--t-fnt-wt-si);
    font-style: var(--t-fnt-stl-si);
    font-variant: var(--t-fnt-vr-si);
    color: var(--t-clr-fnt-bk);
    line-height:var(--t-ln-ht-si);
}

.cc-uf-content-link span,
.cc-uf-content-link i,
.cc-uf-content-link-second span,
.cc-uf-content-link-second i,
.cc-uf-content-button span
.cc-uf-content-button-second span
{
    font-size: 10px;
    font-size: var(--t-fnt-sz-si);
    font-weight: var(--t-fnt-wt-si);
    font-style: var(--t-fnt-stl-si);
    font-variant: var(--t-fnt-vr-si);
    color: var(--t-clr-fnt-bk);
}

.cc-uf-social-icon i,
.cc-uf-social-icon span{
    font-size: 17px;
    font-size: var(--t-fnt-sz-tr);
    font-weight: var(--t-fnt-wt-tr);
    font-style: var(--t-fnt-stl-tr);
    font-variant: var(--t-fnt-vr-tr);
}


.cc-uf-social-name i,
.cc-uf-social-name span,
.cc-uf-social-name a,
.cc-uf-legend  i,
.cc-uf-legend  span,
.cc-uf-legend  a {
    font-size: 17px;
    font-size: var(--t-fnt-sz-tr);
    letter-spacing: var(--t-ltr-spc-tr);
    word-spacing: var(--t-wrd-spc-tr);
    font-weight: var(--t-fnt-wt-tr);
    font-style: var(--t-fnt-stl-tr);
    font-variant: var(--t-fnt-vr-tr);
}

.cc-uf-social-name h1,
.cc-uf-social-name h2,
.cc-uf-social-name h3,
.cc-uf-social-name h4,
.cc-uf-social-name h5,
.cc-uf-social-name h6,
.cc-uf-social-name p,
.cc-uf-legend  h1,
.cc-uf-legend  h2,
.cc-uf-legend  h3,
.cc-uf-legend  h4,
.cc-uf-legend  h5,
.cc-uf-legend  h6,
.cc-uf-legend  p {
    font-size: 17px;
    font-size: var(--t-fnt-sz-tr);
    letter-spacing: var(--t-ltr-spc-tr);
    word-spacing: var(--t-wrd-spc-tr);
    font-weight: var(--t-fnt-wt-tr);
    font-style: var(--t-fnt-stl-tr);
    font-variant: var(--t-fnt-vr-tr);
    line-height: var(--t-ln-ht-tr);
}

.cc-uf-content input,
.cc-uf-content textarea {
    width: 100%;
    border-radius: 5px;
    border: none;
    padding-left: 10px;
}

figure {
    text-align: -webkit-center;
    text-align: center;

}



.cc-bdy a {
    text-decoration: none;
    cursor: pointer;
}

.sec-top {
    justify-content: center;
    flex-basis: auto;
}

.section-wrap {
    justify-content: center;
}

.t-container-pg-lyt-cmp{
    flex-direction: column;
}

.t-model{
    position: fixed;
    z-index: 8;
    background-color: var(--t-clr-fi);
    border: 1px solid var(--t-clr-pr);
    align-items: stretch;
    width: 40%;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
    display: none;
    overflow: auto;
    box-shadow: var(--t-ofst-box-shdw-hz-tr) var(--t-ofst-box-shdw-vrt-tr) var(--t-blur-box-shdw-tr) var(--t-spd-rds-box-shdw-pr) var(--t-box-shdw-clr-tr);
    padding:80px 30px;
    -webkit-animation-name: animate-from-top;
    -webkit-animation-duration: 0.4s;
    animation-name: animate-from-top;
    animation-duration: 0.4s;
    border-radius: 10px;
}
.t-model-btn{
    background:var(--t-clr-pr);
    display: inline-block;
    padding:10px 20px;
    color:var(--t-clr-pr-cmp-bw);
    margin-top:20px;
    border-radius: 5px;
    cursor: pointer;
    border:2px solid var(--t-clr-pr);
    float: right;
}
.t-model-btn:hover{
    border:2px solid var(--t-clr-pr);
    background: none;
    border-radius: 5px;
}
@media (max-width: 768px) {
    .t-model {
        width: 90%;
    }
}


.t-model {
    position: fixed;
    border: 1px solid var(--t-clr-pr);
    width: 80%;
    max-width: 500px;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: var(--t-ofst-box-shdw-hz-tr) var(--t-ofst-box-shdw-vrt-tr) var(--t-blur-box-shdw-tr) var(--t-spd-rds-box-shdw-pr) var(--t-box-shdw-clr-tr);
    padding: 4% 2%;
    border-radius: 10px;
    background: var(--t-clr-fi);
    font-size: 1.2rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    left: 50%;
    font-weight: 600;
}

.t-model-btn {
    background: var(--t-clr-pr);
    display: inline-block;
    padding: 8px 16px;
    color: var(--t-clr-pr-cmp-bw);
    margin-top: 5%;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid var(--t-clr-pr);
    float: right;
    position: relative;
    top: 5%;
    transition: background .3s ease-in-out;
}

.t-model-btn:hover {
    color: var(--t-clr-pr);
    background: var(--t-clr-pr-cmp-bw);
}

@media (max-width: 768px) {
    .t-model {
        width: 90%;
        padding: 10% 5%;
    }

    .t-model-btn {
        margin-top: 10%;
    }
}



.lbl-icon{
    text-align:center;
    flex-grow:0;
}
.input-help {
    white-space:nowrap;
}
.input-div{
    display:flex;
}
@media screen and (max-width:600px){
    .input-help {
        align-self:flex-end;
    }
    .lbl-txt {
        flex-basis: unset;
    }
}
.cc-bdy picture{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cc-pgl-itm-cmp_aut_nav article a {
    pointer-events:none;
}

html[dir='ltr'] div[class*=cc-dt-grp-] > div[class*=title]:nth-child(n):not(:last-child) {
    margin-right:8px;
}
html[dir='ltr'] div[class*=cc-shr-sb-grp-] > div[class*=title]:nth-child(n):not(:last-child) {
    margin-right:8px;
}
html[dir='ltr'] div[class*=cc-non-shr-sb-grp-] > div[class*=title]:nth-child(n):not(:last-child) {
    margin-right:8px;
}


html[dir='rtl'] div[class*=cc-dt-grp-] > div[class*=title]:nth-child(n):not(:last-child) {
    margin-left:8px;
}
html[dir='rtl'] div[class*=cc-shr-sb-grp-] > div[class*=title]:nth-child(n):not(:last-child) {
    margin-left:8px;
}
html[dir='rtl'] div[class*=cc-non-shr-sb-grp-] > div[class*=title]:nth-child(n):not(:last-child) {
    margin-left:8px;
}
html[dir="ltr"] div[class*="cc-ft-type-anc-s"] li:not(:last-child){
    margin-right:0.6rem;
}
html[dir="rtl"] div[class*="cc-ft-type-anc-s"] li:not(:first-child){
    margin-right:0.6rem;
}

div[class*='cc-art-wrp-']{
    flex-grow: 1;
    align-self: stretch;
    justify-content: center;
    align-items: center;
    order: 2;
}
a span:first-child{
    flex-grow: 1;
}


.cc-uf-social-icon ul,
.cc-uf-hero-icon  ul,
.cc-uf-footer-icon ul{
    row-gap:.2rem;
    align-items: center;
    justify-content: space-evenly;
}
.cc-uf-social-icon ul li,
.cc-uf-hero-icon  ul li ,
.cc-uf-footer-icon ul li{
    flex-grow: 0;
}
cc-uf-footer-icon ul li a,
.cc-uf-social-icon ul li a,
.cc-uf-hero-icon  ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: unset;
}
a[id*="typeAncS-"] span {
    flex-grow: 0;
}
a[id*="typeAncS-"] span i {
    display: flex;
}
.cc-uf-footer-icon span,
.cc-uf-social-icon span,
.cc-uf-hero-icon  span{
    font-size: unset;
}
div[class*='cc-part-itm'],div[class*='cc-lyt-itm-shd-dt-']{
    overflow: hidden;
}

:root{
    --gbl-scroll-bar-width:6px;
    --gbl-scroll-bar-border-radius:10px;
}
@supports (-moz-appearance:none) {

    .cc-bdy * {
        scrollbar-width: thin;
        scrollbar-color: var(--t-clr-pr-lt-lt) transparent;
    }

    ::-webkit-scrollbar{
        width: var(--gbl-scroll-bar-width);
        background-color: transparent;
    }

    ::-webkit-scrollbar-thumb {
        background-color: var(--t-clr-pr-lt-lt);
    }

}
::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar {
    width: var(--gbl-scroll-bar-width);
    background-color: transparent;
    border-radius: var(--gbl-scroll-bar-border-radius);
}

::-webkit-scrollbar-thumb {
    background-color: var(--t-clr-pr-lt-lt);
    border-radius: var(--gbl-scroll-bar-border-radius);
}


code {
    background-color:var(--t-clr-fi);
    padding: 2px 5px;
    border-radius: 3px;
}
dfn {
    font-style: italic;
    text-decoration: underline;
}
strike {
    text-decoration: line-through;
    color: var(--t-clr-fnt-bk-lt);
}
strong {
    font-weight: 700;
    text-transform:uppercase;
}
u {
    text-decoration: underline;
}
legend {
    font-weight: bold;
   /* font-size: 1.2em;*/
}

.convertedToModel div[class*='cc-part-itm'],
.convertedToModel div[class*='cc-lyt-itm-shd-dt-'] {
    padding: 1rem;
}

.convertedToModel section{ flex-grow: 1; }
.convertedToModel .t-container-lyt{    width: 100%; }


.slide-right {
    -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-left {
    -webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.fade-up {
    -webkit-animation: fade-up 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: fade-up 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes fillBars {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}


@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes slide-left {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}


@-webkit-keyframes fade-up {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        -webkit-transform: translate(0px);
        transform: translate(0px);
    }
}

@keyframes fade-up {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        transform: translate(0px);
        -webkit-transform: translate(0px);
    }
}

.scale-up-center {
    -webkit-animation: scale-up-center 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.slide-bottom {
    -webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.fade-in {
    -webkit-animation: fade-in 4s both;
    animation: fade-in 4s both;
}


@keyframes zoom-out {
    0% {
        transform: scale(0, 0);
    }
    100% {
        transform: scale(1, 1);
        width: 100%;
        height: 100%;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        background-color: var(--t-clr-pr);
    }
    49% {
        background-color: var(--t-clr-pr);
    }
    50% {
        background-color: transparent;
    }
    99% {
        background-color: transparent;
    }
    100% {
        background-color: var(--t-clr-pr);
    }
}

@keyframes wiggle {
    0%, 7% {
        transform: rotateZ(0);
    }
    15% {
        transform: rotateZ(-15deg);
    }
    20% {
        transform: rotateZ(10deg);
    }
    25% {
        transform: rotateZ(-10deg);
    }
    30% {
        transform: rotateZ(6deg);
    }
    35% {
        transform: rotateZ(-4deg);
    }
    40%, 100% {
        transform: rotateZ(0);
    }
}

.slide-left-progress {

    -webkit-animation: slide-left-progress 2s ease-in-out forwards;;
    animation: slide-left-progress 2s ease-in-out forwards;;
}

@-webkit-keyframes slide-left-progress {
    0% {
        width:0%;
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes slide-left-progress {
    0% {
        width:0%;
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.slide-right-progress {

    -webkit-animation: slide-right-progress  2s ease-in-out forwards;
    animation: slide-right-progress 2s ease-in-out forwards;
}

@-webkit-keyframes slide-right-progress{
    0% {
        width:-0%;
        opacity:0;
    }
    100% {

        opacity:1;
    }
}

@keyframes slide-right-progress{
    0% {
        width:-0%;
        opacity:0;
    }
    100% {

        opacity:1;
    }
}
@-webkit-keyframes animate-from-top {
    from {
        top: -100%;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animate-from-top {
    from {
        top: -100%;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes flipInFromTop {
    from {
        transform: perspective(800px) rotateX(-90deg) translateY(-100%);
        opacity: 0;
    }
    to {
        transform: perspective(800px) rotateX(0deg) translateY(0);
        opacity: 1;
    }
}

@keyframes slideInFromBottomRight {
    from {
        transform: perspective(800px) translateY(70%);
        opacity: 0;
    }
    to {
        transform: perspective(800px) translateY(0);
        opacity: 1;
    }
}

@keyframes puffIn {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes slideAndFadeInFromRight {
    from {
        transform: perspective(800px) rotateY(-90deg) translateX(70%);
        opacity: 0;
    }
    to {
        transform: perspective(800px) rotateY(0deg) translateX(0);
        opacity: 1;
    }
}

@keyframes slideAndFadeInFromLeft {
    from {
        transform: perspective(800px) rotateY(90deg) translateX(-70%);
        opacity: 0;
    }
    to {
        transform: perspective(800px) rotateY(0deg) translateX(0);
        opacity: 1;
    }
}



@keyframes t-fadeInLeft {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes t-fadeInRight {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes t-bounceInLeft {
    0% { opacity: 0; transform: translateX(-60%) scale(0.95); }
    60% { opacity: 1; transform: translateX(10%) scale(1.05); }
    80% { transform: translateX(-4%) scale(0.98); }
    100% { transform: translateX(0) scale(1); }
}
@keyframes t-bounceInRight {
    0% { opacity: 0; transform: translateX(60%) scale(0.95); }
    60% { opacity: 1; transform: translateX(-10%) scale(1.05); }
    80% { transform: translateX(4%) scale(0.98); }
    100% { transform: translateX(0) scale(1); }
}


@keyframes t-rubberBand {
    0% { transform: scale3d(1,1,1); }
    30% { transform: scale3d(1.12,0.88,1); }
    40% { transform: scale3d(0.88,1.12,1); }
    50% { transform: scale3d(1.08,0.92,1); }
    65% { transform: scale3d(0.97,1.03,1); }
    75% { transform: scale3d(1.03,0.97,1); }
    100% { transform: scale3d(1,1,1); }
}

@keyframes t-swing {
    20% { transform: rotate(4deg); }
    40% { transform: rotate(-4deg); }
    60% { transform: rotate(2deg); }
    80% { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}

@keyframes t-jello {
    0% { transform: none; }
    12.5% { transform: skewX(-6deg) skewY(-6deg); }
    25% { transform: skewX(3deg) skewY(3deg); }
    37.5% { transform: skewX(-1.5deg) skewY(-1.5deg); }
    50% { transform: skewX(0.75deg) skewY(0.75deg); }
    62.5% { transform: skewX(-0.4deg) skewY(-0.4deg); }
    75% { transform: skewX(0.2deg) skewY(0.2deg); }
    87.5% { transform: skewX(-0.1deg) skewY(-0.1deg); }
    100% { transform: none; }
}

@keyframes t-flipX {
    0% { transform: perspective(400px) rotateX(-90deg); }
    40% { transform: perspective(400px) rotateX(10deg); }
    70% { transform: perspective(400px) rotateX(-5deg); }
    100% { transform: perspective(400px) rotateX(0deg); }
}

@keyframes t-flip {
    0% { transform: perspective(400px) rotateY(-90deg); }
    40% { transform: perspective(400px) rotateY(10deg); }
    70% { transform: perspective(400px) rotateY(-5deg); }
    100% { transform: perspective(400px) rotateY(0deg); }
}

@keyframes t-rotateInLeft {
    0% { transform-origin: center; transform: rotate(-200deg); opacity: 0; }
    100% { transform-origin: center; transform: rotate(0); opacity: 1; }
}

@keyframes t-rotateInRight {
    0% { transform-origin: center; transform: rotate(200deg); opacity: 0; }
    100% { transform-origin: center; transform: rotate(0); opacity: 1; }
}

@keyframes t-lightSpeedInLeft {
    from { transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; }
    60% { transform: skewX(-20deg); opacity: 1; }
    80% { transform: skewX(5deg); }
    to { transform: none; opacity: 1; }
}

@keyframes t-lightSpeedInRight {
    from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
    60% { transform: skewX(20deg); opacity: 1; }
    80% { transform: skewX(-5deg); }
    to { transform: none; opacity: 1; }
}

@keyframes t-zoomInLeft {
    0% { opacity: 0; transform: scale(0.1) translateX(-1000px); }
    60% { opacity: 1; transform: scale(0.475) translateX(10px); }
    100% { transform: scale(1) translateX(0); }
}

@keyframes t-zoomInRight {
    0% { opacity: 0; transform: scale(0.1) translateX(1000px); }
    60% { opacity: 1; transform: scale(0.475) translateX(-10px); }
    100% { transform: scale(1) translateX(0); }
}

@keyframes t-zoomInUp {
    0% { opacity: 0; transform: scale(0.1) translateY(1000px); }
    60% { opacity: 1; transform: scale(0.475) translateY(-20px); }
    100% { transform: scale(1) translateY(0); }
}

@keyframes t-zoomInDown {
    0% { opacity: 0; transform: scale(0.1) translateY(-1000px); }
    60% { opacity: 1; transform: scale(0.475) translateY(20px); }
    100% { transform: scale(1) translateY(0); }
}

@keyframes t-backInLeft {
    0% { transform: translateX(-2000px) scale(0.7); opacity: 0; }
    80% { transform: translateX(0) scale(0.7); opacity: 0.7; }
    100% { transform: translateX(0) scale(1); opacity: 1; }
}

@keyframes t-backInRight {
    0% { transform: translateX(2000px) scale(0.7); opacity: 0; }
    80% { transform: translateX(0) scale(0.7); opacity: 0.7; }
    100% { transform: translateX(0) scale(1); opacity: 1; }
}


@keyframes t-heartbeat {
    0% {
        transform: scale(1);
    }
    14% {
        transform: scale(1.3);
    }
    28% {
        transform: scale(1);
    }
    42% {
        transform: scale(1.3);
    }
    70% {
        transform: scale(1);
    }
}


@keyframes t-fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes t-fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(40px);
    }
}



@keyframes t-rollInLeft {
    from {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
        transform-origin: left center;
    }
    to {
        opacity: 1;
        transform: translateX(0) rotate(0deg);
        transform-origin: left center;
    }
}

@keyframes t-rollInRight {
    from {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
        transform-origin: right center;
    }
    to {
        opacity: 1;
        transform: translateX(0) rotate(0deg);
        transform-origin: right center;
    }
}


@keyframes t-hingeInLeft {
    0% {
        opacity: 0;
        transform-origin: top left;
        transform: rotate(-90deg);
    }
    20% {
        opacity: 1;
        transform: rotate(20deg);
    }
    40% {
        transform: rotate(-15deg);
    }
    60% {
        transform: rotate(10deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes t-hingeInRight {
    0% {
        opacity: 0;
        transform-origin: top right;
        transform: rotate(90deg);
    }
    20% {
        opacity: 1;
        transform: rotate(-20deg);
    }
    40% {
        transform: rotate(15deg);
    }
    60% {
        transform: rotate(-10deg);
    }
    80% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}


@keyframes t-skewInLeft {
    0% {
        opacity: 0;
        transform: skewX(20deg);
    }
    60% {
        opacity: 1;
        transform: skewX(-20deg);
    }
    100% {
        transform: skewX(0deg);
    }
}

@keyframes t-skewInRight {
    0% {
        opacity: 0;
        transform: skewX(-20deg);
    }
    60% {
        opacity: 1;
        transform: skewX(20deg);
    }
    100% {
        transform: skewX(0deg);
    }
}



/* add to keyframesscroll.css */

@keyframes t-wobbleInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    15% {
        opacity: 1;
        transform: translateX(25%);
    }
    30% {
        transform: translateX(-15%);
    }
    45% {
        transform: translateX(10%);
    }
    60% {
        transform: translateX(-5%);
    }
    75% {
        transform: translateX(2%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes t-wobbleInRight {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    15% {
        opacity: 1;
        transform: translateX(-25%);
    }
    30% {
        transform: translateX(15%);
    }
    45% {
        transform: translateX(-10%);
    }
    60% {
        transform: translateX(5%);
    }
    75% {
        transform: translateX(-2%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes t-flip3DLeft {
    0% {
        opacity: 0;
        transform: perspective(1000px) rotateY(-50deg) rotateX(50deg);
    }
    100% {
        opacity: 1;
        transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
    }
}

@keyframes t-flip3DRight {
    0% {
        opacity: 0;
        transform: perspective(1000px) rotateY(50deg) rotateX(-50deg);
    }
    100% {
        opacity: 1;
        transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
    }
}


@keyframes t-zoomOutIn {
    0% {
        opacity: 0;
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


@keyframes t-blurToSharp {
    0% {
        opacity: 0;
        filter: blur(8px);
    }
    100% {
        opacity: 1;
        filter: blur(0);
    }
}


@keyframes t-clipRevealLeft {
    0% {
        opacity: 0;
        clip-path: inset(0 100% 0 0);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }
}

@keyframes t-clipRevealRight {
    0% {
        opacity: 0;
        clip-path: inset(0 0 0 100%);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }
}

@keyframes t-clipRevealUp {
    0% {
        opacity: 0;
        clip-path: inset(100% 0 0 0);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }
}

@keyframes t-clipRevealDown {
    0% {
        opacity: 0;
        clip-path: inset(0 0 100% 0);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }
}


@keyframes t-revealBarsLeft {
    0% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 100% 0 0);
    }
}

@keyframes t-revealBarsRight {
    0% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 0 0 100%);
    }
}

@keyframes t-revealBarsUp {
    0% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }
    100% {
        opacity: 1;
        clip-path: inset(100% 0 0 0);
    }
}
@keyframes t-revealBarsDown {
    0% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 0 100% 0);
    }
}


@keyframes t-spiralInLeft {
    0% {
        opacity: 0;
        transform: scale(0.3) rotate(720deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

@keyframes t-spiralInRight {
    0% {
        opacity: 0;
        transform: scale(0.3) rotate(-720deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

@keyframes t-flipScaleInLeft {
    0% {
        opacity: 0;
        transform: perspective(1000px) rotateY(-90deg) scale(0.2);
    }
    100% {
        opacity: 1;
        transform: perspective(1000px) rotateY(0deg) scale(1);
    }
}

@keyframes t-flipScaleInRight {
    0% {
        opacity: 0;
        transform: perspective(1000px) rotateY(90deg) scale(0.2);
    }
    100% {
        opacity: 1;
        transform: perspective(1000px) rotateY(0deg) scale(1);
    }
}

@keyframes t-flipScaleInUp {
    0% {
        opacity: 0;
        transform: perspective(1000px) rotateX(-90deg) scale(0.2);
    }
    100% {
        opacity: 1;
        transform: perspective(1000px) rotateX(0deg) scale(1);
    }
}
@keyframes t-flipScaleInDown {
    0% {
        opacity: 0;
        transform: perspective(1000px) rotateX(90deg) scale(0.2);
    }
    100% {
        opacity: 1;
        transform: perspective(1000px) rotateX(0deg) scale(1);
    }
}


@keyframes t-panZoomInLeft {
    0% {
        opacity: 0;
        transform: scale(1.4) translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0);
    }
}

@keyframes t-panZoomInRight {
    0% {
        opacity: 0;
        transform: scale(1.4) translateX(50px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0);
    }
}


@keyframes t-zigzagInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    20% {
        transform: translateX(30%);
    }
    40% {
        transform: translateX(-20%);
    }
    60% {
        transform: translateX(10%);
    }
    80% {
        transform: translateX(-5%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes t-zigzagInRight {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    20% {
        transform: translateX(-30%);
    }
    40% {
        transform: translateX(20%);
    }
    60% {
        transform: translateX(-10%);
    }
    80% {
        transform: translateX(5%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


@keyframes t-accordionIn {
    0% {
        opacity: 0;
        transform: scaleY(0);
        transform-origin: top;
    }
    100% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: top;
    }
}

@keyframes t-scaleInLeft {
  0% { transform: scale(0.5); transform-origin: left center; opacity: 0; }
  100% { transform: scale(1); transform-origin: left center; opacity: 1; }
}
@keyframes t-scaleInRight {
  0% { transform: scale(0.5); transform-origin: right center; opacity: 0; }
  100% { transform: scale(1); transform-origin: right center; opacity: 1; }
}


@keyframes t-scaleInUp {
  0% { transform: scale(0.5); transform-origin: top center; opacity: 0; }
  100% { transform: scale(1); transform-origin: top center; opacity: 1; }
}
@keyframes t-scaleInBottom {
  0% { transform: scale(0.5); transform-origin: bottom center; opacity: 0; }
  100% { transform: scale(1); transform-origin: bottom center; opacity: 1; }
}

@keyframes t-scaleInCenter {
  0% { transform: scale(0.5); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes t-scaleInTopLeft {
  0% { transform: scale(0.5); transform-origin: top left; opacity: 0; }
  100% { transform: scale(1); transform-origin: top left; opacity: 1; }
}
@keyframes t-scaleInTopRight {
  0% { transform: scale(0.5); transform-origin: top right; opacity: 0; }
  100% { transform: scale(1); transform-origin: top right; opacity: 1; }
}
@keyframes t-scaleInBottomLeft {
  0% { transform: scale(0.5); transform-origin: bottom left; opacity: 0; }
  100% { transform: scale(1); transform-origin: bottom left; opacity: 1; }
}
@keyframes t-scaleInBottomRight {
  0% { transform: scale(0.5); transform-origin: bottom right; opacity: 0; }
  100% { transform: scale(1); transform-origin: bottom right; opacity: 1; }
}
@keyframes t-scaleInHorCenter {
  0% { transform: scaleX(0.5); opacity: 0; }
  100% { transform: scaleX(1); opacity: 1; }
}
@keyframes t-scaleInHorLeft {
  0% { transform: scaleX(0.5); transform-origin: left center; opacity: 0; }
  100% { transform: scaleX(1); transform-origin: left center; opacity: 1; }
}
@keyframes t-scaleInHorRight {
  0% { transform: scaleX(0.5); transform-origin: right center; opacity: 0; }
  100% { transform: scaleX(1); transform-origin: right center; opacity: 1; }
}
@keyframes t-scaleInVerCenter {
  0% { transform: scaleY(0.5); opacity: 0; }
  100% { transform: scaleY(1); opacity: 1; }
}
@keyframes t-scaleInVerTop {
  0% { transform: scaleY(0.5); transform-origin: top center; opacity: 0; }
  100% { transform: scaleY(1); transform-origin: top center; opacity: 1; }
}
@keyframes t-scaleInVerBottom {
  0% { transform: scaleY(0.5); transform-origin: bottom center; opacity: 0; }
  100% { transform: scaleY(1); transform-origin: bottom center; opacity: 1; }
}


@keyframes t-rotateInHor {
  0% { transform: rotateX(-180deg); transform-origin: center center; opacity: 0; }
  100% { transform: rotateX(0deg); transform-origin: center center; opacity: 1; }
}
@keyframes t-rotateInVer {
  0% { transform: rotateY(-180deg); transform-origin: center center; opacity: 0; }
  100% { transform: rotateY(0deg); transform-origin: center center; opacity: 1; }
}

@keyframes t-swirlInLeft {
  0% {
    transform: rotate(-540deg) scale(0);
    transform-origin: left center;
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(1);
    transform-origin: center center;
    opacity: 1;
  }
}

@keyframes t-swirlInRight {
  0% {
    transform: rotate(540deg) scale(0);
    transform-origin: right center;
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(1);
    transform-origin: center center;
    opacity: 1;
  }
}

@keyframes t-swirlInBckLeft {
  0% {
    transform: rotate(540deg) scale(2);
    transform-origin: left center;
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(1);
    transform-origin: center center;
    opacity: 1;
  }
}

@keyframes t-swirlInBckRight {
  0% {
    transform: rotate(-540deg) scale(2);
    transform-origin: right center;
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(1);
    transform-origin: center center;
    opacity: 1;
  }
}

@keyframes t-flipDiag1TR {
  0% { opacity: 0; transform: perspective(600px) rotate3d(1,-1,0,-80deg); }
  50% { opacity: 1; transform: perspective(600px) rotate3d(1,-1,0,10deg); }
  70% { transform: perspective(600px) rotate3d(1,-1,0,-5deg); }
  100% { opacity: 1; transform: perspective(600px) rotate3d(1,-1,0,0deg); }
}
@keyframes t-flipDiag1BL {
  0% { opacity: 0; transform: perspective(600px) rotate3d(-1,1,0,-80deg); }
  50% { opacity: 1; transform: perspective(600px) rotate3d(-1,1,0,10deg); }
  70% { transform: perspective(600px) rotate3d(-1,1,0,-5deg); }
  100% { opacity: 1; transform: perspective(600px) rotate3d(-1,1,0,0deg); }
}
@keyframes t-flipDiag2TL {
  0% { opacity: 0; transform: perspective(600px) rotate3d(1,1,0,-80deg); }
  50% { opacity: 1; transform: perspective(600px) rotate3d(1,1,0,10deg); }
  70% { transform: perspective(600px) rotate3d(1,1,0,-5deg); }
  100% { opacity: 1; transform: perspective(600px) rotate3d(1,1,0,0deg); }
}
@keyframes t-flipDiag2BR {
  0% { opacity: 0; transform: perspective(600px) rotate3d(-1,-1,0,-80deg); }
  50% { opacity: 1; transform: perspective(600px) rotate3d(-1,-1,0,10deg); }
  70% { transform: perspective(600px) rotate3d(-1,-1,0,-5deg); }
  100% { opacity: 1; transform: perspective(600px) rotate3d(-1,-1,0,0deg); }
}

@keyframes t-slitInVertical {
  0% { transform: translateZ(-800px) rotateY(90deg); opacity: 0; }
  40% { opacity: 1; }
  100% { transform: translateZ(0) rotateY(0); opacity: 1; }
}
@keyframes t-slitInHorizontal {
  0% { transform: translateZ(-800px) rotateX(90deg); opacity: 0; }
  40% { opacity: 1; }
  100% { transform: translateZ(0) rotateX(0); opacity: 1; }
}

@keyframes t-slideInEllipticLeftFwd {
  0% {
    transform: translateX(-600px) rotateY(-30deg) scale(0);
    transform-origin: left center;
    opacity: 0;
  }
  40% { opacity: 1; }
  100% {
    transform: translateX(0) rotateY(0) scale(1);
    transform-origin: left center;
    opacity: 1;
  }
}

@keyframes t-slideInEllipticRightFwd {
  0% {
    transform: translateX(600px) rotateY(30deg) scale(0);
    transform-origin: right center;
    opacity: 0;
  }
  40% { opacity: 1; }
  100% {
    transform: translateX(0) rotateY(0) scale(1);
    transform-origin: right center;
    opacity: 1;
  }
}


@keyframes t-slideInEllipticLeftBck {
  0% {
    transform: translateX(-600px) rotateY(30deg) scale(2);
    transform-origin: left center;
    opacity: 0;
  }
  40% { opacity: 1; }
  100% {
    transform: translateX(0) rotateY(0) scale(1);
    transform-origin: left center;
    opacity: 1;
  }
}

@keyframes t-slideInEllipticRightBck {
  0% {
    transform: translateX(600px) rotateY(-30deg) scale(2);
    transform-origin: right center;
    opacity: 0;
  }
  40% { opacity: 1; }
  100% {
    transform: translateX(0) rotateY(0) scale(1);
    transform-origin: right center;
    opacity: 1;
  }
}



/* hover animations start with t-hov */

@keyframes t-hov-grow {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.08);
  }
}

@keyframes t-hov-slide-right {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(12px);
  }
}

@keyframes t-hov-shadow-pop {
  from {
    box-shadow: none;
  }

  to {
    box-shadow: 2px 2px 4px var(--t-clr-pr-grey);
  }
}

@keyframes t-hov-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(8deg);
  }
}

@keyframes t-hov-skew {
  from {
    transform: skewX(0deg);
  }

  to {
    transform: skewX(8deg);
  }
}

@keyframes t-hov-pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.12);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes t-hov-shake {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-6px);
  }

  50% {
    transform: translateX(6px);
  }

  75% {
    transform: translateX(-4px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes t-hov-ripple {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }

  70% {
    transform: scale(1.2);
    opacity: 0.2;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes t-hov-shine {
 from {
    background: linear-gradient(to right, #fff, #fff);
    background-size: 200px 100%;
    background-position: -200px 0;
  }
  to {
    background: linear-gradient(to right, #fff, #ffff99);
    background-size: 200px 100%;
    background-position: 200px 0;
  }
}

@keyframes t-hov-wobble {
  0% {
    transform: translateX(0);
  }

  15% {
    transform: translateX(-10px) rotate(-5deg);
  }

  30% {
    transform: translateX(8px) rotate(3deg);
  }

  45% {
    transform: translateX(-6px) rotate(-3deg);
  }

  60% {
    transform: translateX(4px) rotate(2deg);
  }

  75% {
    transform: translateX(-2px) rotate(-1deg);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes t-hov-bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  30% {
    transform: translateY(-10px);
  }

  70% {
    transform: translateY(-5px);
  }
}

@keyframes t-hov-flipX {
  0% {
    transform: perspective(600px) rotateX(0deg);
  }

  100% {
    transform: perspective(600px) rotateX(180deg);
  }
}

@keyframes t-hov-flipY {
  0% {
    transform: perspective(600px) rotateY(0deg);
  }

  100% {
    transform: perspective(600px) rotateY(180deg);
  }
}

@keyframes t-hov-neon {
  0% {
    box-shadow: none;
  }

  100% {
    box-shadow: 0 0 16px 4px var(--t-clr-pr-grey-lt), 0 0 32px 8px lightblue;
  }
}

@keyframes t-hov-blur {
  0% {
    transform: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  }

  100% {
    transform: translateZ(20px) rotateY(12deg) scale(1.04);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
  }
}

@keyframes t-hov-press {
  0% {
    transform: translateY(0);
    box-shadow: 0 10px 0 rgba(0, 0, 0, 0.22);
  }

  100% {
    transform: translateY(4px);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.12);
  }
}

@keyframes t-hov-zoom-out {
  from { transform: scale(1); }
  to { transform: scale(0.9); }
}

@keyframes t-hov-slide-up {
  from { transform: translateY(0); }
  to { transform: translateY(-12px); }
}

@keyframes t-hov-slide-down {
  from { transform: translateY(0); }
  to { transform: translateY(12px); }
}

@keyframes t-hov-rotate-clockwise {
  from { transform: rotateZ(0deg); }
  to { transform: rotateZ(90deg); }
}

@keyframes t-hov-rotate-anticlockwise {
  from { transform: rotateZ(0deg); }
  to { transform: rotateZ(-90deg); }
}

@keyframes t-hov-glow {
  from { box-shadow: none; }
  to { box-shadow: 0 0 3px 3px rgba(176, 171, 171, 0.4); }
}

@keyframes t-hov-accordion {
  0% { transform: scaleY(1); }
  100% { transform: scaleY(0.5); }
}

@keyframes t-hov-rotate-scale {
  0% { transform: rotate(0deg) scale(1); }
  100% { transform: rotate(10deg) scale(1.05); }
}

@keyframes t-hov-jelly {
  0% { transform: scale(1, 1); }
  30% { transform: scale(1.25, 0.75); }
  40% { transform: scale(0.75, 1.25); }
  50% { transform: scale(1.15, 0.85); }
  65% { transform: scale(0.95, 1.05); }
  75% { transform: scale(1.05, 0.95); }
  100% { transform: scale(1, 1); }
}

@keyframes t-hov-squish {
  0% { transform: scale(1); }
  100% { transform: scale(1.2, 0.7); }
}

@keyframes t-hov-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

@keyframes t-hov-color-shift {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(180deg); }
}

@keyframes t-hov-corner-flip {
  0% { transform: rotateY(0deg); transform-origin: top right; }
  50% { transform: rotateY(180deg); transform-origin: top right; }
  51% { transform: rotateY(180deg); transform-origin: top right; }
  100% { transform: rotateY(180deg); transform-origin: top right; }
}

@keyframes t-hov-brightness {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.8); }
}


@keyframes t-hov-ring {
  0% { box-shadow: 0 0 0 0 rgba(0, 255, 47, 0.8); }
  100% { box-shadow: 0 0 0 4px rgba(0, 128, 255, 0); }
}

@keyframes t-hov-pop-tilt {
  0% { transform: rotateZ(0deg) scale(1); }
  50% { transform: rotateZ(3deg) scale(1.1); }
  100% { transform: rotateZ(0deg) scale(1); }
}

@keyframes t-hov-hinge {
  0% { transform: rotateZ(0deg); transform-origin: top left; }
  30% { transform: rotateZ(15deg); }
  60% { transform: rotateZ(-10deg); }
  100% { transform: rotateZ(0deg); }
}


@keyframes t-hov-slide-diagonal {
  0% { transform: translate(0, 0); }
  100% { transform: translate(10px, -10px); }
}

@keyframes t-hov-bend {
  0% { transform: skewY(0deg); }
  100% { transform: skewY(6deg); }
}

@keyframes t-hov-color-invert {
  0% { filter: invert(0); }
  100% { filter: invert(1); }
}

@keyframes t-hov-wavy-distort {
  0% { transform: skewX(0deg); }
  100% { transform: skewX(20deg); }
}

@keyframes t-hov-lift-glow {
  0% { transform: translateY(0) scale(1); box-shadow: none; }
  100% { transform: translateY(-4px) scale(1.04); box-shadow: 0 2px 2px rgba(0,0,0,0.5); }
}

@keyframes t-hov-press-glow {
  0% { transform: translateY(0) scale(1); box-shadow: none; }
  100% { transform: translateY(2px) scale(0.98); box-shadow: 0 0 2px rgba(0, 150, 255, 0.8); }
}



/*div[class*='cc-uf-content-title'] :is(h1, h2, h3, h4, h5, h6, i, a){
    text-wrap:nowrap;
}*/
/*div[class*='cc-dt-art-fc-']{
    flex-grow: 1;
}*/

/*div[class*='fld']{
    align-self: center;
}
div[class*='grp']{
    align-self: center;
}

div[class*='c-sb']{
    align-self: center;
}
div[class*='c-se']{
    align-self: center;
}*/







/*@import url("helper-pd.css");*/
/*@import url("print-media.css");*/
/*@import "../flib/bootstrap/bootstrap-icons-1.2.2/font/bootstrap-icons.css";*/