/*  I N D E X
________________________________________________

- flex
- arrangement
- colours
- text
- borders & outlines
- effects
- interactions

- normalize (additions)

- reference
________________________________________________

 * G L O S S A R Y

* bord`   border
* O`      outline
* t`      text
* c`      corner (border-radius)

* w`      width
* h`      height

* t` r` b` l`

* X       dimensions (width height)
* H       container

* aV      axis vertical
* aH      axis horizontal

------------------------>>  */


/* Special Case */

.outline-27-dark {
 border:0 solid var(--dark);
 outline:27px solid var(--dark);
 outline-offset:-27px;
}

.d-none {display:none!important;}
.inline {display:inline-block;}
.inline-flex {display:inline-flex;}
.block {display:block;}
.flex {display:flex;}
.grid {display:grid;}
.table {display:table;}

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

.scroll-none {overflow-y:hidden!important;}
.scroll-y {overflow-y:scroll;overflow-x:hidden;}
.scroll-x {overflow-x:scroll;overflow-y:hidden;}
.overflow {overflow:visible!important;}
.overflow-hidden {overflow:hidden;}

.image {
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
}
.image.expanded {
 background-size:103%;
}
.easing {
 -webkit-transition:var(--ease-in-out);
 -moz-transition:var(--ease-in-out);
 -o-transition:var(--ease-in-out);
 transition:var(--ease-in-out);
}
.easing-long {
 -webkit-transition:var(--ease-in-out-long);
 -moz-transition:var(--ease-in-out-long);
 -o-transition:var(--ease-in-out-long);
 transition:var(--ease-in-out-long);
}



nav.top {
 z-index:9;
 position:fixed;top:0;
 align-items:center;
 width:100%;min-height:4rem;
 backdrop-filter:blur(1.2px);
 box-shadow:0 1px 15px rgba(0,0,0,.15);
}

ul.nav {
 flex-direction:row;
 margin-block-start:0;
 margin-block-end:0;
 padding-inline-start:0;

}


/*

- flex

------------------------>>  */

.X, .lens, nav, ul.nav {display:flex;}
.wrap {flex-wrap:wrap;}

/*

- arrangement

------------------------>>  */

.overlay {
 position:absolute;
 left:0;right:0;top:0;bottom:0;
 background-color:transparent;
 background-repeat:no-repeat;
 width:100%;height:100%;
}
.overlay.COLOUR {
 background-color: hsl(var(--COLOUR));
 mix-blend-mode:color;
}


.X, .lens {
 width:100%!important;max-width:100%!important;
 height:100%!important;max-height:100%!important;
}
.X9 {
 width:91.66%!important;max-width:91.66%!important;
 height:91.66%!important;max-height:91.66%!important;
}

.lens {
 position:absolute; inset:0;
 background-color:transparent;
 background-repeat:no-repeat;
}

.w0 {width:auto!important;max-width:auto!important;}
.h0 {height:auto!important;max-height:auto!important;}

.w1 {width:8.33%!important;max-width:8.33%!important;}
.h1 {height:8.33%!important;max-height:8.33%!important;}

.w2 {width:16.66%!important;max-width:16.66%!important;}
.h2 {height:16.66%!important;max-height:16.66%!important;}

.w3 {width:25%!important;max-width:25%!important;}
.h3 {height:25%!important;max-height:25%!important;}

.w4 {width:33%!important;max-width:33%!important;}
.h4 {height:33%!important;max-height:33%!important;}

.w5 {width:41%!important;max-width:41%!important;}
.h5 {height:41%!important;max-height:41%!important;}

.w6 {width:50%!important;max-width:50%!important;}
.h6 {height:50%!important;max-height:50%!important;}

.w7 {width:58%!important;max-width:58%!important;}
.h7 {height:58%!important;max-height:58%!important;}

.w8 {width:66.66%!important;max-width:66.66%!important;}
.h8 {height:66.66%!important;max-height:66.66%!important;}

.w9 {width:75%!important;max-width:75%!important;}
.h9 {height:75%!important;max-height:75%!important;}

.w10 {width:83.3%!important;max-width:83.3%!important;}
.h10 {height:83.3%!important;max-height:83.3%!important;}

.w11 {width:91.66%!important;max-width:91.66!important;}
.h11 {height:91.66%!important;max-height:91.66!important;}

.w12 {width:100%!important;max-width:100%!important;}
.h12 {height:100%!important;max-height:100%!important;}


.relative {position:relative;}
.absolute {position:absolute!important;}
.fixed {position:fixed!important;}

.pos-centre-vrt {left:50%;transform:translateX(-50%);}

.t {inset:auto; top:0;}
.r {inset:auto; right:0;}
.b {inset:auto; bottom:0;}
.l {inset:auto; left:0;}

.t0 {top:auto;}
.r0 {right:auto;}
.b0 {bottom:auto;}
.l0 {left:auto;}

.tl {top:0;left:0;}
.tr {bottom:auto;left:auto;transform:none;top:0;right:0;}
.tc {left:50%;transform:translateX(-50%);}
.rc {right:0;top:50%;transform:translateY(-50%);}
.lc {left:0;top:50%;transform:translateY(-50%);}
.cc {top:50%;left:50%;transform:translate(-50%,-50%);}
.br {bottom:0;right:0;}
.bl {bottom:0;left:0;}
.bc {bottom:0;left:50%;transform:translateX(-50%);}

.aH {transform:translateX(-50%);} /*align horizontal*/
.aVt {transform:translateY(-50%);} /*align vertical*/
.aVb {transform:translateY(50%);} /*align vertical*/

.t4 {inset:auto; top:33.3%!important;}
.b4 {inset:auto; bottom:33.3%!important;}

.t8 {inset:auto; top:66.6%!important;}


.ndx-0 {z-index:0;}
.ndx-1 {z-index:1;}
.ndx-2 {z-index:2;}
.ndx-3 {z-index:3;}
.ndx-4 {z-index:4;}
.ndx-5 {z-index:5;}
.ndx-6 {z-index:6;}
.ndx-7 {z-index:7;}
.ndx-8 {z-index:8;}
.ndx-9 {z-index:9;}
.ndx-10 {z-index:10;}
.ndx-11 {z-index:11!important;}

.row.full,
.row-1.full,
.row-2.full,
.row-3.full,
.row-4.full,
.row-5.full,
.row-6.full,
.row-7.full,
.row-8.full,
.row-9.full,
.row-10.full,
.row-11.full,
.row-12.full {
 width:100%;
}

.row {flex-direction:row!important;}
.row-1 {
 flex-direction:row;
 height:08.3%!important;
}
.row-2 {
 flex-direction:row;
 height:16.6%!important;
}
.row-3 {
 flex-direction:row;
 height:25%!important;
}
.row-4 {
 flex-flow:row wrap;
 height:33%!important;
}
.row-5 {
 flex-flow:row wrap;
 height:41%!important;
}
.row-6 {
 flex-flow:row wrap;
 height:50%!important;
}
.row-7 {
 flex-flow:row wrap;
 height:58%!important;
}
.row-8 {
 flex-direction:row;
 height:66.6%!important;
}
.row-9 {
 flex-direction:row;
 height:75%!important;
}
.row-10 {
 flex-direction:row;
 height:83.3%!important;
}
.row-11 {
 flex-direction:row;
 height:91.6%!important;
}
.row-12 {
 flex-direction:row!important;
 height:100%!important;
}



.col {
 flex-direction:column;
}
.col-0 {
 flex-direction:column;
 width:0;
}
.col-1 {
 flex-direction:column;
 width:8.33%!important;
}
.col-1h {
 flex-direction:column;
 width:12.5%!important;
}
.col-2 {
 flex-direction:column;
 width:16.66%!important;
}
.col-3 {
 flex-direction:column;
 width:25%!important;
}
.col-4 {
 flex-direction:column;
 width:33%!important;
}
.col-5 {
 flex-direction:column;
 width:41%!important;
}
.col-6 {
 flex-direction:column;
 width:50%!important;
}
.col-7 {
 flex-direction:column;
 width:58%!important;
}
.col-8 {
 flex-direction:column;
 width:66.66%!important;
}
.col-9 {
 flex-direction:column;
 width:75%!important;
}
.col-10 {
 flex-direction:column;
 width:83.3%!important;
}
.col-11 {
 flex-direction:column;
 width:91.66%!important;
}
.col-12 {
 flex-direction:column;
 width:100%!important;
}


/*

- Text

------------------------>>  */

.italic {font-style:italic;}
.bold {font-weight:bold;}
.allcaps, .caps {text-transform:uppercase;}
.strike {text-decoration:line-through;}

.just-start {justify-content:flex-start;}
.just-centre {justify-content:center!important;}
.just-end {justify-content:flex-end;}
.just-between {justify-content:space-between;}
.just-space {justify-content:space-around;}

.align-start {align-content:flex-start;}
.align-centre {align-content:center;}
.align-end {align-content:flex-end;}
.align-stretch {align-content:stretch;}

.aligni-start {align-items:flex-start;}
.aligni-centre {align-items:center;}
.aligni-end {align-items:flex-end;}
.aligni-stretch {align-items:stretch;}

.tcentre {text-align:center;}
.txt-right {text-align:right;}
.txt-left {text-align:left;}

.y-centre {transform: translateY(-50%);}
.x-centre {transform: translateX(-50%);}

.txt-upper {text-transform: uppercase;}

a.raise {
 position:relative;
 z-index:11;
}


/*

- borders & outlines

------------------------>>  */

.disk {border-radius:50%;}

.bord0 {border:0px solid transparent;}
.bord {border:1px solid transparent;}
.bord1 {border:calc(var(--outline)*1) solid transparent;}
.bord2 {border:calc(var(--outline)*2) solid transparent;}
.bord3 {border:calc(var(--outline)*3) solid transparent;}
.bord4 {border:calc(var(--outline)*4) solid transparent;}
.bord5 {border:calc(var(--outline)*5) solid transparent;}
.bord6 {border:calc(var(--outline)*6) solid transparent;}

.bordt0 {border-top:0px solid transparent;}
.bordt {border-top:1px solid transparent;}
.bordt1 {border-top:calc(var(--outline)*1) solid transparent;}
.bordt2 {border-top:calc(var(--outline)*2) solid transparent;}
.bordt3 {border-top:calc(var(--outline)*3) solid transparent;}
.bordt4 {border-top:calc(var(--outline)*4) solid transparent;}
.bordt5 {border-top:calc(var(--outline)*5) solid transparent;}
.bordt6 {border-top:calc(var(--outline)*6) solid transparent;}

.bordr0 {border-right:0px solid transparent;}
.bordr {border-right:1px solid transparent;}
.bordr1 {border-right:calc(var(--outline)*1) solid transparent;}
.bordr2 {border-right:calc(var(--outline)*2) solid transparent;}
.bordr3 {border-right:calc(var(--outline)*3) solid transparent;}
.bordr4 {border-right:calc(var(--outline)*4) solid transparent;}
.bordr5 {border-right:calc(var(--outline)*5) solid transparent;}
.bordr6 {border-right:calc(var(--outline)*6) solid transparent;}

.bordb0 {border-bottom:0px solid transparent;}
.bordb {border-bottom:1px solid transparent;}
.bordb1 {border-bottom:calc(var(--outline)*1) solid transparent;}
.bordb2 {border-bottom:calc(var(--outline)*2) solid transparent;}
.bordb3 {border-bottom:calc(var(--outline)*3) solid transparent;}
.bordb4 {border-bottom:calc(var(--outline)*4) solid transparent;}
.bordb5 {border-bottom:calc(var(--outline)*5) solid transparent;}
.bordb6 {border-bottom:calc(var(--outline)*6) solid transparent;}

.bordl0 {border-left:0px solid transparent;}
.bordl {border-left:1px solid transparent;}
.bordl1 {border-left:calc(var(--outline)*1) solid transparent;}
.bordl2 {border-left:calc(var(--outline)*2) solid transparent;}
.bordl3 {border-left:calc(var(--outline)*3) solid transparent;}
.bordl4 {border-left:calc(var(--outline)*4) solid transparent;}
.bordl5 {border-left:calc(var(--outline)*5) solid transparent;}
.bordl6 {border-left:calc(var(--outline)*6) solid transparent;}

.border-btm-12 {
 position:absolute;bottom:0;left:0;
 border-radius:0 0 30px 30px;
 padding-bottom:12px;
 margin-bottom:-12px;
}
.border-btm-18 {
 position:absolute;bottom:0;left:0;
 border-radius:0 0 30px 30px;
 padding-bottom:18px;
 margin-bottom:-18px;
}

.bradius-4 {border-radius:4px;}
.bradius-6 {border-radius:6px;}
.bradius-9 {border-radius:9px;}
.bradius-12 {border-radius:12px;}
.bradius-24 {border-radius:24px;}
.bradius-36 {border-radius:36px;}

.bradius50 {border-radius:50%;}

.bradiusb-4 {
 border-bottom-right-radius:4px;
 border-bottom-left-radius:4px;
}
.bradiusb-6 {
 border-bottom-right-radius:6px;
 border-bottom-left-radius:6px;
}
.bradiusb-12 {
 border-bottom-right-radius:12px;
 border-bottom-left-radius:12px;
}
.bradiusb-24 {
 border-bottom-right-radius:24px;
 border-bottom-left-radius:24px;
}
.bradiusb-36 {
 border-bottom-right-radius:36px;
 border-bottom-left-radius:36px;
}

.bradiusb-50 {
 border-bottom-right-radius:50%;
 border-bottom-left-radius:50%;
}


.outline-0 {
 border:0 solid transparent;
 outline:0 solid; outline-offset:0;
}
.outline-1 {
 border:1px solid transparent;
 outline:1px solid; outline-offset:-1px;
}
.outline {
 border:var(--outline) solid transparent;
 outline:var(--outline) solid;
 outline-offset:calc(var(--outline)*-1);
}
.outline-2 {
 border:1px solid transparent;
 outline:calc(var(--outline)*2) solid;
 outline-offset:calc(var(--outline)*-2);
}
.outline-3 {
 border:1px solid transparent;
 outline:calc(var(--outline)*3) solid;
 outline-offset:calc(var(--outline)*-3);
}
.outline-4 {
 border:1px solid transparent;
 outline:calc(var(--outline)*4) solid;
 outline-offset:calc(var(--outline)*-4);
}
.outline-5 {
 border:1px solid transparent;
 outline:calc(var(--outline)*5) solid;
 outline-offset:calc(var(--outline)*-5);
}
.O6 {
 border:0 solid transparent;
 outline:calc(var(--outline)*6) solid;
 outline-offset:calc(var(--outline)*-6);
}


/*
- colours
------------------------>>  */

.COLOUR {
 --COLOUR:hsl(var(--nH) var(--nS) var(--nL));
 background-color:var(--COLOUR);
}

.white, .lighter, .light, .midlight, .neutral, .middark, .dark, .darker, .black {
  --COLOUR:hsl(var(--nH) var(--nS) var(--nL));
  background-color:var(--COLOUR);
}

.twhite, .tlighter, .tlight, .tmidlight, .tneutral, .tmiddark, .tdark, .tdarker, .tblack {
  --COLOUR-t:hsl(var(--nH) var(--nS) var(--nL-t));
  color: var(--COLOUR-t);
}

.owhite, .olighter, .olight, .omidlight, .oneutral, .omiddark, .odark, .odarker, .oblack {
  --COLOUR-o:hsl(var(--nH) var(--nS) var(--nL-o));
  border-color:var(--COLOUR-o);
}

.Owhite, .Olighter, .Olight, .Omidlight, .Oneutral, .Omiddark, .Odark, .Odarker, .Oblack {
  --COLOUR-O:hsl(var(--nH) var(--nS) var(--nL-O));
  outline-color:var(--COLOUR-O);
}

svg path { fill: currentColor; }

/*
.GRADE {
 --aCOLOUR:var(--nH), var(--nS), var(--nL),;
 background: linear-gradient(
  to top,
  hsla(var(--aCOLOUR) 1) 0%,
  hsla(var(--aCOLOUR) 0) 100%
 );
}
*/

/*
background, text, border, outline, fill/stroke(SVG), text-decoration-color, box-shadow, drop-shadow
*/

/*
.white    { --nL:  var(--white); }
.twhite   { --nL-t: var(--white); }
.owhite   { --nL-o: var(--white); }
.Owhite   { --nL-O: var(--white); }

.lighter  { --nL:  var(--lighter); }
.tlighter { --nL-t: var(--lighter); }
.olighter { --nL-o: var(--lighter); }
.Olighter { --nL-O: var(--lighter); }

.light    { --nL:  var(--light); }
.tlight   { --nL-t: var(--light); }
.olight   { --nL-o: var(--light); }
.Olight   { --nL-O: var(--light); }

.midlight    { --nL:  var(--midlight); }
.tmidlight   { --nL-t: var(--midlight); }
.omidlight   { --nL-o: var(--midlight); }
.Omidlight   { --nL-O: var(--midlight); }

.neutral {--nL:var(--neutral)}
.tneutral {--nL-t:var(--neutral)}
.oneutral {--nL-o:var(--neutral)}
.Oneutral {--nL-O:var(--neutral)}

.middark {--nL:var(--middark)}
.tmiddark {--nL-t:var(--middark)}
.omiddark {--nL-o:var(--middark)}
.Omiddark {--nL-O:var(--middark)}

.dark    { --nL:  var(--dark); }
.tdark   { --nL-t: var(--dark); }
.odark   { --nL-o: var(--dark); }
.Odark   { --nL-O: var(--dark); }

.darker {--nL:var(--darker)}
.tdarker {--nL-t:var(--darker)}
.odarker {--nL-o:var(--darker)}
.Odarker {--nL-O:var(--darker)}

.black    { --nL:  var(--black); }
.tblack   { --nL-t: var(--black); }
.oblack   { --nL-o: var(--black); }
.Oblack   { --nL-O: var(--black); }
*/

.GRADE.middark {
 background: linear-gradient(to top, hsla(var(--amiddark) 1) 0%, hsla(var(--amiddark) 0) 100%);
}

.white {background-color:var(--white)}
.lighter {background-color:var(--lighter)}
.light {background-color:var(--light)}
.midlight {background-color:var(--midlight)}
.neutral {background-color:var(--neutral)}
.middark {background-color:var(--middark)}
.dark {background-color:var(--dark)}
.darker {background-color:var(--darker)}
.black {background-color:var(--black)}

.twhite {color:var(--white)}
.tlighter {color:var(--lighter)}
.tlight {color:var(--light)}
.tmidlight {color:var(--midlight)}
.tneutral {color:var(--neutral)}
.tmiddark {color:var(--middark)}
.tdark {color:var(--dark)}
.tdarker {color:var(--darker)}
.tblack {color:var(--black)}

.owhite {border-color:var(--white)}
.olighter {border-color:var(--lighter)}
.olight {border-color:var(--light)}
.omidlight {border-color:var(--midlight)}
.oneutral {border-color:var(--neutral)}
.omiddark {border-color:var(--middark)}
.odark {border-color:var(--dark)}
.odarker {border-color:var(--darker)}
.oblack {border-color:var(--black)}

.Owhite {outline-color:var(--white)}
.Olighter {outline-color:var(--lighter)}
.Olight {outline-color:var(--light)}
.Omidlight {outline-color:var(--midlight)}
.Oneutral {outline-color:var(--neutral)}
.Omiddark {outline-color:var(--middark)}
.Odark {outline-color:var(--dark)}
.Odarker {outline-color:var(--darker)}
.Oblack {outline-color:var(--black)}

/*
.GRADE.dark {
 background: linear-gradient(to top, hsla(var(--adark), 1) 0%, hsla(var(--adark), 0) 100%);
}
.GRADE.black {
 background: linear-gradient(to top, hsla(var(--ablack), 1) 0%, hsla(var(--ablack), 0) 100%);
}
.GRADE.COLOUR {
 background: linear-gradient(to top, hsla(var(--aCOLOUR), 1) 0%, hsla(var(--aCOLOUR), 0) 100%);
}
.GRADE.neutral {
 background: linear-gradient(to top, hsla(var(--neutral), 1) 0%, hsla(var(--neutral), 0) 100%);
}
*/

.multiply {mix-blend-mode:multiply}
.overlay {mix-blend-mode:overlay}
.blend.colour {mix-blend-mode:color}

.alpha-10 {opacity:.1;}
.alpha-20 {opacity:.2;}
.alpha-30 {opacity:.3;}
.alpha-40 {opacity:.4;}
.alpha-50 {opacity:.5;}
.alpha-60 {opacity:.6;}
.alpha-70 {opacity:.7;}
.alpha-80 {opacity:.8;}
.alpha-90 {opacity:.9;}

/*

- text

------------------------>>  */

.tw100 {font-weight:100}
.tw200 {font-weight:200}
.tw300 {font-weight:300}
.tw400 {font-weight:400}
.tw500 {font-weight:500}
.tw600 {font-weight:600}
.tw700 {font-weight:700}
.tw800 {font-weight:800}
.tw900 {font-weight:900}


/*

- effects

------------------------>>  */

.flipV {transform:scaleY(-1);}
.flipH {transform:scaleX(-1);}

.transX-50 {transform:translateX(50%);}
.transY-50 {transform:translateY(50%);}
.transY-50n {transform:translateY(-50%);}

.trans-l-25 {transform:translateX(-25%);}
.trans-l-50 {transform:translateX(-50%);}
.trans-l-75 {transform:translateX(-75%);}
.trans-l-100 {transform:translateX(-100%);}

.trans-r-25 {transform:translateX(25%);}
.trans-r-50 {transform:translateX(50%);}
.rc.trans-r-50 {transform:translate(50%,-50%);}

.trans-tr-50 {transform:translate(50%,-50%);}
.trans-br-50 {transform:translate(50%,50%);}

.trans-tr-25 {transform:translate(25%,-25%);}
.trans-br-25 {transform:translate(25%,25%);}

.blur {filter:blur(calc(var(--outline)*1));}
.blur-02 {filter:blur(calc(var(--outline)*2));}
.blur-03 {filter:blur(calc(var(--outline)*3));}
.blur-04 {filter:blur(calc(var(--outline)*4));}
.blur-05 {filter:blur(calc(var(--outline)*5));}
.blur-06 {filter:blur(calc(var(--outline)*6));}
.blur-07 {filter:blur(calc(var(--outline)*7));}
.blur-08 {filter:blur(calc(var(--outline)*8));}
.blur-09 {filter:blur(calc(var(--outline)*9));}
.blur-10 {filter:blur(calc(var(--outline)*10));}
.blur-11 {filter:blur(calc(var(--outline)*11));}
.blur-12 {filter:blur(calc(var(--outline)*12));}

.glass {
 backdrop-filter:blur(2px);
 background: hsla(var(--aneutral),.1);
}

/*

- interactions

------------------------>>  */

.svg-container {
 pointer-events:auto; /* Allow interactions */
}


/*

- margin padding

------------------------>>  */

.m-0 {
 margin-top:0!important;
 margin-bottom:0!important;
 margin-right:0!important;
 margin-left:0!important;
}
.p-0 {
 padding-top:0!important;
 padding-bottom:0!important;
 padding-right:0!important;
 padding-left:0!important;
}
.mt-0 {margin-top:0!important;}
.mr-0 {margin-right:0!important;}
.mb-0 {margin-bottom:0!important;}
.ml-0 {margin-left:0!important;}
.mx-0 {
 margin-left:0!important;
 margin-right:0!important;
}
.my-0 {
 margin-top:0!important;
 margin-bottom:0!important;
}
.pt-0 {padding-top:0!important;}
.pr-0 {padding-right:0!important;}
.pb-0 {padding-bottom:0!important;}
.pl-0 {padding-left:0!important;}
.px-0 {
 padding-left:0!important;
 padding-right:0!important;
}
.py-0 {
 padding-top:0!important;
 padding-bottom:0!important;
}
.p-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
 padding-left:calc(var(--spacer)*.25)!important;
}
.pt-1 {padding-top:calc(var(--spacer)*.25)!important;}
.pr-1 {padding-right:calc(var(--spacer)*.25)!important;}
.pb-1 {padding-bottom:calc(var(--spacer)*.25)!important;}
.pl-1 {padding-left:calc(var(--spacer)*.25)!important;}
.px-1 {
 padding-left:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
}
.py-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
}
.m-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
 padding-left:calc(var(--spacer)*.25)!important;
}
.mt-1 {padding-top:calc(var(--spacer)*.25)!important;}
.mr-1 {padding-right:calc(var(--spacer)*.25)!important;}
.mb-1 {padding-bottom:calc(var(--spacer)*.25)!important;}
.ml-1 {padding-left:calc(var(--spacer)*.25)!important;}
.mx-1 {
 padding-left:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
}
.my-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
}

.mt-1n {padding-top:calc(var(--spacer)*-.25)!important;}
.mr-1n {padding-right:calc(var(--spacer)*-.25)!important;}
.mb-1n {padding-bottom:calc(var(--spacer)*-.25)!important;}
.ml-1n {padding-left:calc(var(--spacer)*-.25)!important;}


.m-2 {
 margin-top:calc(var(--spacer)*.5)!important;
 margin-right:calc(var(--spacer)*.5)!important;
 margin-bottom:calc(var(--spacer)*.5)!important;
 margin-left:calc(var(--spacer)*.5)!important;
}
.mt-2 {margin-top:calc(var(--spacer)*.5)!important;}
.mr-2 {margin-right:calc(var(--spacer)*.5)!important;}
.mb-2 {margin-bottom:calc(var(--spacer)*.5)!important;}
.ml-2 {margin-left:calc(var(--spacer)*.5)!important;}
.mx-2 {
 margin-left:calc(var(--spacer)*.5)!important;
 margin-right:calc(var(--spacer)*.5)!important;
}
.my-2 {
 margin-top:calc(var(--spacer)*.5)!important;
 margin-bottom:calc(var(--spacer)*.5)!important;
}
.mt-2n {margin-top:calc(var(--spacer)*-.5)!important;}
.mr-2n {margin-right:calc(var(--spacer)*-.5)!important;}
.mb-2n {margin-bottom:calc(var(--spacer)*-.5)!important;}
.ml-2n {margin-left:calc(var(--spacer)*-.5)!important;}


.p-2 {
 padding-top:calc(var(--spacer)*.5)!important;
 padding-right:calc(var(--spacer)*.5)!important;
 padding-bottom:calc(var(--spacer)*.5)!important;
 padding-left:calc(var(--spacer)*.5)!important;
}
.pt-2 {padding-top:calc(var(--spacer)*.5)!important;}
.pr-2 {padding-right:calc(var(--spacer)*.5)!important;}
.pb-2 {padding-bottom:calc(var(--spacer)*.5)!important;}
.pl-2 {padding-left:calc(var(--spacer)*.5)!important;}
.px-2 {
 padding-left:calc(var(--spacer)*.5)!important;
 padding-right:calc(var(--spacer)*.5)!important;
}
.py-2 {
 padding-top:calc(var(--spacer)*.5)!important;
 padding-bottom:calc(var(--spacer)*.5)!important;
}


.mt-3n {margin-top:calc(var(--spacer)*-1)!important;}

.m-3 {
 margin-top:var(--spacer)!important;
 margin-right:var(--spacer)!important;
 margin-bottom:var(--spacer)!important;
 margin-left:var(--spacer)!important;
}
.mt-3 {margin-top:var(--spacer)!important;}
.mr-3 {margin-right:var(--spacer)!important;}
.mb-3 {margin-bottom:var(--spacer)!important;}
.ml-3 {margin-left:var(--spacer)!important;}
.mx-3 {
 margin-left:var(--spacer)!important;
 margin-right:var(--spacer)!important;
}
.my-3 {
 margin-top:var(--spacer)!important;
 margin-bottom:var(--spacer)!important;
}
.mt-3n {margin-top:calc(var(--spacer)*-1)!important;}
.mr-3n {margin-right:calc(var(--spacer)*-1)!important;}
.mb-3n {margin-bottom:calc(var(--spacer)*-1)!important;}
.ml-3n {margin-left:calc(var(--spacer)*-1)!important;}
.mx-3n {
 margin-left:calc(var(--spacer)*-1)!important;
 margin-right:calc(var(--spacer)*-1)!important;
}
.my-3n {
 margin-top:calc(var(--spacer)*-1)!important;
 margin-bottom:calc(var(--spacer)*-1)!important;
}


.p-3 {
 padding-top:var(--spacer)!important;
 padding-right:var(--spacer)!important;
 padding-bottom:var(--spacer)!important;
 padding-left:var(--spacer)!important;
}
.pt-3 {padding-top:var(--spacer)!important;}
.pr-3 {padding-right:var(--spacer)!important;}
.pb-3 {padding-bottom:var(--spacer)!important;}
.pl-3 {padding-left:var(--spacer)!important;}
.px-3 {
 padding-left:var(--spacer)!important;
 padding-right:var(--spacer)!important;
}
.py-3 {
 padding-top:var(--spacer)!important;
 padding-bottom:var(--spacer)!important;
}

.m-4 {margin:calc(var(--spacer)*1.5);}
.mt-4 {margin-top:calc(var(--spacer)*1.5);}
.mr-4 {margin-right:calc(var(--spacer)*1.5);}
.mb-4 {margin-bottom:calc(var(--spacer)*1.5);}
.ml-4 {margin-left:calc(var(--spacer)*1.5);}
.mx-4 {
 margin-left:calc(var(--spacer)*1.5);
 margin-right:calc(var(--spacer)*1.5);
}
.my-4 {
 margin-top:calc(var(--spacer)*1.5);
 margin-bottom:calc(var(--spacer)*1.5);
}
.p-4 {padding:calc(var(--spacer)*1.5);}
.pt-4 {padding-top:calc(var(--spacer)*1.5);}
.pr-4 {padding-right:calc(var(--spacer)*1.5);}
.pb-4 {padding-bottom:calc(var(--spacer)*1.5);}
.pl-4 {padding-left:calc(var(--spacer)*1.5);}
.px-4 {
 padding-left:calc(var(--spacer)*1.5);
 padding-right:calc(var(--spacer)*1.5);
}
.py-4 {
 padding-top:calc(var(--spacer)*1.5);
 padding-bottom:calc(var(--spacer)*1.5);
}

.m-5 {margin:calc(var(--spacer)*2)!important;}
.mt-5 {margin-top:calc(var(--spacer)*2)!important;}
.mr-5 {margin-right:calc(var(--spacer)*2)!important;}
.mb-5 {margin-bottom:calc(var(--spacer)*2)!important;}
.ml-5 {margin-left:calc(var(--spacer)*2)!important;}
.mx-5 {
 margin-left:calc(var(--spacer)*2)!important;
 margin-right:calc(var(--spacer)*2)!important;
}
.my-5 {
 margin-top:calc(var(--spacer)*2)!important;
 margin-bottom:calc(var(--spacer)*2)!important;
}

.p-5 {padding:calc(var(--spacer)*2);}
.pt-5 {padding-top:calc(var(--spacer)*2)!important;}
.pr-5 {padding-right:calc(var(--spacer)*2);}
.pb-5 {padding-bottom:calc(var(--spacer)*2);}
.pl-5 {padding-left:calc(var(--spacer)*2);}
.px-5 {
 padding-left:calc(var(--spacer)*2);
 padding-right:calc(var(--spacer)*2);
}
.py-5 {
 padding-top:calc(var(--spacer)*2);
 padding-bottom:calc(var(--spacer)*2);
}

.m-6 {margin:calc(var(--spacer)*3.3)!important;}
.mt-6 {margin-top:calc(var(--spacer)*3.3)!important;}
.mr-6 {margin-right:calc(var(--spacer)*3.3)!important;}
.mb-6 {margin-bottom:calc(var(--spacer)*3.3)!important;}
.ml-6 {margin-left:calc(var(--spacer)*3.3)!important;}
.mx-6 {
 margin-left:calc(var(--spacer)*3.3)!important;
 margin-right:calc(var(--spacer)*3.3)!important;
}
.my-6 {
 margin-top:calc(var(--spacer)*3.3)!important;
 margin-bottom:calc(var(--spacer)*3.3)!important;
}

.p-6 {padding:calc(var(--spacer)*3.3);}
.pt-6 {padding-top:calc(var(--spacer)*3.3)!important;}
.pr-6 {padding-right:calc(var(--spacer)*3.3);}
.pb-6 {padding-bottom:calc(var(--spacer)*3.3);}
.pl-6 {padding-left:calc(var(--spacer)*3.3);}
.px-6 {
 padding-left:calc(var(--spacer)*3.3);
 padding-right:calc(var(--spacer)*3.3);
}
.py-6 {
 padding-top:calc(var(--spacer)*3.3);
 padding-bottom:calc(var(--spacer)*3.3);
}


.mt-018 {margin-top:1.8%;}
.mr-018 {margin-right:1.8%;}
.mb-018 {margin-bottom:1.8%;}
.ml-018 {margin-left:1.8%;}
.mx-018 {
 margin-left:1.8%;
 margin-right:1.8%;
}
.my-018 {
 margin-top:1.8%;
 margin-bottom:1.8%;
}
.pt-018 {padding-top:1.8%;}
.pr-018 {padding-right:1.8%;}
.pb-018 {padding-bottom:1.8%;}
.pl-018 {padding-left:1.8%;}
.px-018 {
 padding-left:1.8%;
 padding-right:1.8%;
}
.py-018 {
 padding-top:1.8%;
 padding-bottom:1.8%;
}

.pt-06 {padding-top:6%;}
.pr-06 {padding-right:6%;}
.pb-06 {padding-bottom:6%;}
.pl-06 {padding-left:6%;}
.px-06 {
 padding-left:6%;
 padding-right:6%;
}

.m-01 {margin:8.33%;}
.mt-1c {margin-top:8.33%;}
.mr-1c {margin-right:8.33%;}
.mb-1c {margin-bottom:8.33%;}
.ml-1c {margin-left:8.33%;}
.mx-1c {
 margin-left:8.33%;
 margin-right:8.33%;
}
.py-01 {
 padding-top:8.33%;
 padding-bottom:8.33%;
}
.pt-01n {padding-top:-8.33%;}
.pr-01n {padding-right:-8.33%;}
.pb-01n {padding-bottom:-8.33%;}
.pl-01n {padding-left:-8.33%;}

.p-01 {padding:8.33%;}
.pt-01 {padding-top:8.33%;}
.pr-01 {padding-right:8.33%;}
.pb-01 {padding-bottom:8.33%;}
.pl-01 {padding-left:8.33%;}
.px-01 {
 padding-left:8.33%;
 padding-right:8.33%;
}
.py-01 {
 padding-top:8.33%;
 padding-bottom:8.33%;
}
.pt-01n {padding-top:-8.33%;}
.pr-01n {padding-right:-8.33%;}
.pb-01n {padding-bottom:-8.33%;}
.pl-01n {padding-left:-8.33%;}

.m-2c {margin:16.7%;}
.mt-2c {margin-top:16.7%;}
.mr-2c {margin-right:16.7%;}
.mb-2c {margin-bottom:16.7%;}
.ml-2c {margin-left:16.7%;}
.mx-2c {
 margin-left:16.7%;
 margin-right:16.7%;
}
.my-2c {
 margin-top:16.7%;
 margin-bottom:16.7%;
}
.mt-2cn {margin-top:-16.7%;}
.mr-2cn {margin-right:-16.7%;}
.mb-2cn {margin-bottom:-16.7%;}
.ml-2cn {margin-left:-16.7%;}

.py-30 {
 padding-top:30%;
 padding-bottom:30%;
}
.pt-30 {padding-top:30%;}
.pr-30 {padding-right:30%;}
.pb-30 {padding-bottom:30%;}
.pl-30 {padding-left:30%;}
.px-30 {
 padding-left:30%;
 padding-right:30%;
}
.py-30 {
 padding-top:30%;
 padding-bottom:30%;
}

.m-04 {margin:33.3%;}
.mt-04 {margin-top:33.3%;}
.mr-04 {margin-right:33.3%;}
.mb-04 {margin-bottom:33.3%;}
.ml-4c {margin-left:33.3%;}
.mx-4c {
 margin-left:33.3%;
 margin-right:33.3%;
}
.my-4c {
 margin-top:33.3%;
 margin-bottom:33.3%;
}
.mt-4cn {margin-top:-33.3%;}
.mr-4cn {margin-right:-33.3%;}
.mb-4cn {margin-bottom:-33.3%;}
.ml-4cn {margin-left:-33.3%;}


.mt-50 {margin-top:50%;}
.mr-50 {margin-right:50%;}
.mb-50 {margin-bottom:50%;}
.ml-50 {margin-left:50%;}
.mx-50 {
 margin-left:50%;
 margin-right:50%;
}
.py-50 {
 padding-top:50%;
 padding-bottom:50%;
}
.pt-50 {padding-top:50%;}
.pr-50 {padding-right:50%;}
.pb-50 {padding-bottom:50%;}
.pl-50 {padding-left:50%;}
.px-50 {
 padding-left:50%;
 padding-right:50%;
}
.py-50 {
 padding-top:50%;
 padding-bottom:50%;
}

.m-12c {margin:100%;}
.mt-12c {margin-top:100%;}
.mr-12c {margin-right:100%;}
.mb-12c {margin-bottom:100%;}
.ml-12c {margin-left:100%;}
.mx-12c {
 margin-left:100%;
 margin-right:100%;
}
.my-12c {
 margin-top:100%;
 margin-bottom:100%;
}
.mt-12cn {margin-top:-100%;}
.mr-12cn {margin-right:-100%;}
.mb-12cn {margin-bottom:-100%;}
.ml-12cn {margin-left:-100%;}


.mt-1pn {margin-top:-1px;}
.mr-1pn {margin-right:-1px;}
.mb-1pn {margin-bottom:-1px;}
.ml-1pn {margin-left:-1px;}

.mt-2pn {margin-top:-2px;}
.mr-2pn {margin-right:-2px;}
.mb-2pn {margin-bottom:-2px;}
.ml-2pn {margin-left:-2px;}


.mt-12p {margin-top:12px;}
.mr-12p {margin-right:12px;}
.mb-12p {margin-bottom:12px;}
.ml-12p {margin-left:12px;}
.mx-12p {
 margin-left:12px;
 margin-right:12px;
}
.my-12p {
 margin-top:12px;
 margin-bottom:12px;
}
.pt-12p {padding-top:12px;}
.pr-12p {padding-right:12px;}
.pb-12p {padding-bottom:12px;}
.pl-12p {padding-left:12px;}
.px-12p {
 padding-left:12px;
 padding-right:12px;
}
.py-12p {
 padding-top:12px;
 padding-bottom:12px;
}

.mt-18p {margin-top:18px;}
.mr-18p {margin-right:18px;}
.mb-18p {margin-bottom:18px;}
.ml-18p {margin-left:18px;}
.mx-18p {
 margin-left:18px;
 margin-right:18px;
}
.my-18p {
 margin-top:18px;
 margin-bottom:18px;
}
.pt-18p {padding-top:18px;}
.pr-18p {padding-right:18px;}
.pb-18p {padding-bottom:18px;}
.pl-18p {padding-left:18px;}
.px-18p {
 padding-left:18px;
 padding-right:18px;
}
.py-18p {
 padding-top:18px;
 padding-bottom:18px;
}
.pt-24p {padding-top:24px;}
.pr-24p {padding-right:24px;}
.pb-24p {padding-bottom:24px;}
.pl-24p {padding-left:24px;}
.px-24p {
 padding-left:24px;
 padding-right:24px;
}
.py-24p {
 padding-top:24px;
 padding-bottom:24px;
}






@media (min-width: 768px) { /* - break.md */

 .h4-md {height:33%!important;max-height:33%!important;}


 .col-md {}
 .row-md {flex-direction:row;}

 .col-md {
  flex-direction:column;
 }
 .col-0-md {
  flex-direction:column;
  width:0;
 }
 .col-1-md {
  flex-direction:column;
  width:8.33%!important;
 }
 .col-2-md {
  flex-direction:column;
  width:16.66%!important;
 }
 .col-3-md {
  flex-direction:column;
  width:25%!important;
 }
 .col-4-md {
  flex-direction:column;
  width:33%!important;
 }
 .col-5-md {
  flex-direction:column;
  width:41%!important;
 }
 .col-6-md {
  flex-direction:column;
  width:50%!important;
 }
 .col-7-md {
  flex-direction:column;
  width:58%!important;
 }
 .col-8-md {
  flex-direction:column;
  width:66.66%!important;
 }
 .col-9-md {
  flex-direction:column;
  width:75%!important;
 }
 .col-10-md {
  flex-direction:column;
  width:83.3%!important;
 }
 .col-11-md {
  flex-direction:column;
  width:91.66%!important;
 }
 .col-12-md {
  flex-direction:column;
  width:100%!important;
 }

} /* break.md */





@media (min-width: 992px) { /* - break.lg */

 .d-none-lg {display:none!important;}

} /* break.lg */





@media (min-width: 1200px) { /* - break.xl */

} /* break.xl */





@media (min-width: 1400px) { /* - break.xxl */

 .col-xxl {
  flex-direction:column;
 }
 .col-0-xxl {
  flex-direction:column;
  width:0;
 }
 .col-1-xxl {
  flex-direction:column;
  width:8.33%!important;
 }
 .col-2-xxl {
  flex-direction:column;
  width:16.66%!important;
 }
 .col-3-xxl {
  flex-direction:column;
  width:25%!important;
 }
 .col-4-xxl {
  flex-direction:column;
  width:33%!important;
 }
 .col-5-xxl {
  flex-direction:column;
  width:41%!important;
 }
 .col-6-xxl {
  flex-direction:column;
  width:50%!important;
 }
 .col-7-xxl {
  flex-direction:column;
  width:58%!important;
 }
 .col-8-xxl {
  flex-direction:column;
  width:66.66%!important;
 }
 .col-9-xxl {
  flex-direction:column;
  width:75%!important;
 }
 .col-10-xxl {
  flex-direction:column;
  width:83.3%!important;
 }
 .col-11-xxl {
  flex-direction:column;
  width:91.66%!important;
 }
 .col-12-xxl {
  flex-direction:column;
  width:100%!important;
 }


} /* break.xxl */


/*  - normalize
------------------------>>  */

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

a {
 all: unset;
 display: inline;
 cursor: pointer;
}
ul {list-style-type: none;}


/*  R E F E R E N C E   (- reference)
________________________________________________

<meta name="robots" content="noindex, nofollow">

________________________________________________

#box-shadow {
 x,y,blur,spread,colour,inset{x,y,b,s,c}
}
________________________________________________
*/