/* ================== :root (Variables) ================== */
:root{
--black:#111;--red:#e16;--green:#1f9;--yellow:#fd5;--blue:#07f;
--purple:#66f;--cyan:#1ab;--orange:#f71;--white:#fafafa;--gray:#677;
--lightgray:#ddd;--pluto:#fdc;--pink: #f9c;--brown:#963;--teal:#099;
--lime:#9f9;--olive:#6b6;

--primary:var(--blue);--secondary:var(--purple);

--bgprimary:var(--primary);--fgprimary:var(--white);
--bgsecondary:var(--secondary);--fgsecondary:var(--white);

--bg:var(--white);--text:var(--black);
--shcolor:var(--black);--textshcolor:rgba(0,0,0,.4);

--fs:16px;--lh:1.5;/*line height*/

--ss:.5em;--sm:1em;--sl:2em;

--borwidth:.1em;--borcolor:var(--gray);--borradius:4px;
--sh:0 4px 8px rgba(0,0,0,.1);--shhov:0 6px 12px rgba(0,0,0,.15);
/* you can also add/remove/comment transition from global class * */
--transition:0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
/*--transition:0.3s ease-in-out;
--transition:0.3s ease-in;
--transition:0.3s ease-out;
--transition:0.3s linear;*/
/* --transition:0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55); */
/* --transition:0.7s cubic-bezier(0.47, 1.64, 0.41, 0.8); */
/* --transition:1s ease-in-out; */
/* --transition:0.1s ease-in-out; */
/* --transition:0.5s steps(4, end); */
/* --transition:0.4s cubic-bezier(0.4, 0, 1, 1); */
/* --transition:0.4s cubic-bezier(0, 0, 0.2, 1); */
/* --transition:0.3s ease-in-out 0.2s; */
--fontmonospace:monospace
}
/* ================== Base ================== */
*{
box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;
transition:all var(--transition);
}
html,body{font-size:var(--fs);line-height:var(--lh);color:var(--text);background:var(--bg);height:100%}
a,a:visited,a:link{color:var(--primary);text-decoration:none;transition:color var(--transition)}
a:hover,a:focus{color:var(--secondary);outline:none}
::selection{color:var(--fgprimary);background:var(--bgprimary)}
img{max-width:100%;height:auto;image-rendering:pixelated;
image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}
/* ================== Container ================== */
.paper{width:100%;margin:0 auto;padding:0 var(--sm)}
@media(min-width:576px){.paper{max-width:540px}}/*mobile*/
@media(min-width:768px){.paper{max-width:720px}}/*tablet*/
@media(min-width:992px){.paper{max-width:960px}}/*desktop*/
@media(min-width:1200px){.paper{max-width:1140px}}/*wide*/
/* ================== Grid ================== */
.row{display:table;width:100%;table-layout:fixed;border-spacing:var(--sm)}.col{display:table-cell}
.col1{display:table-cell;width:8.3333%}.col2{display:table-cell;width:16.6667%}.col3{display:table-cell;width:25%}
.col4{display:table-cell;width:33.3333%}.col5{display:table-cell;width:41.6667%}.col6{display:table-cell;width:50%}
.col7{display:table-cell;width:58.3333%}.col8{display:table-cell;width:66.6667%}.col9{display:table-cell;width:75%}
.col10{display:table-cell;width:83.3333%}.col11{display:table-cell;width:91.6667%}.col12{display:table-cell;width:100%}
@media(max-width:767.98px){
.Mrow{display:table;width:100%;table-layout:fixed;border-spacing:var(--sm)}.Mcol{display:table-cell}
.Mcol1{display:table-cell;width:8.3333%}.Mcol2{display:table-cell;width:16.6667%}.Mcol3{display:table-cell;width:25%}
.Mcol4{display:table-cell;width:33.3333%}.Mcol5{display:table-cell;width:41.6667%}.Mcol6{display:table-cell;width:50%}
.Mcol7{display:table-cell;width:58.3333%}.Mcol8{display:table-cell;width:66.6667%}.Mcol9{display:table-cell;width:75%}
.Mcol10{display:table-cell;width:83.3333%}.Mcol11{display:table-cell;width:91.6667%}.Mcol12{display:table-cell;width:100%}
}
@media(min-width:768px) and (max-width:991.98px){
.Trow{display:table;width:100%;table-layout:fixed;border-spacing:var(--sm)}.Tcol{display:table-cell}
.Tcol1{display:table-cell;width:8.3333%}.Tcol2{display:table-cell;width:16.6667%}.Tcol3{display:table-cell;width:25%}
.Tcol4{display:table-cell;width:33.3333%}.Tcol5{display:table-cell;width:41.6667%}.Tcol6{display:table-cell;width:50%}
.Tcol7{display:table-cell;width:58.3333%}.Tcol8{display:table-cell;width:66.6667%}.Tcol9{display:table-cell;width:75%}
.Tcol10{display:table-cell;width:83.3333%}.Tcol11{display:table-cell;width:91.6667%}.Tcol12{display:table-cell;width:100%}
}
@media(min-width:992px){
.Drow{display:table;width:100%;table-layout:fixed;border-spacing:var(--sm)}.Dcol{display:table-cell}
.Dcol1{display:table-cell;width:8.3333%}.Dcol2{display:table-cell;width:16.6667%}.Dcol3{display:table-cell;width:25%}
.Dcol4{display:table-cell;width:33.3333%}.Dcol5{display:table-cell;width:41.6667%}.Dcol6{display:table-cell;width:50%}
.Dcol7{display:table-cell;width:58.3333%}.Dcol8{display:table-cell;width:66.6667%}.Dcol9{display:table-cell;width:75%}
.Dcol10{display:table-cell;width:83.3333%}.Dcol11{display:table-cell;width:91.6667%}.Dcol12{display:table-cell;width:100%}
}
@media(min-width:1200px){
.Wrow{display:table;width:100%;table-layout:fixed;border-spacing:var(--sm)}.Wcol{display:table-cell}
.Wcol1{display:table-cell;width:8.3333%}.Wcol2{display:table-cell;width:16.6667%}.Wcol3{display:table-cell;width:25%}
.Wcol4{display:table-cell;width:33.3333%}.Wcol5{display:table-cell;width:41.6667%}.Wcol6{display:table-cell;width:50%}
.Wcol7{display:table-cell;width:58.3333%}.Wcol8{display:table-cell;width:66.6667%}.Wcol9{display:table-cell;width:75%}
.Wcol10{display:table-cell;width:83.3333%}.Wcol11{display:table-cell;width:91.6667%}.Wcol12{display:table-cell;width:100%}
}
@media(min-width:1400px){
.Hrow{display:table;width:100%;table-layout:fixed;border-spacing:var(--sm)}
.Hcol1{display:table-cell;width:8.3333%}.Hcol2{display:table-cell;width:16.6667%}.Hcol3{display:table-cell;width:25%}
.Hcol4{display:table-cell;width:33.3333%}.Hcol5{display:table-cell;width:41.6667%}.Hcol6{display:table-cell;width:50%}
.Hcol7{display:table-cell;width:58.3333%}.Hcol8{display:table-cell;width:66.6667%}.Hcol9{display:table-cell;width:75%}
.Hcol10{display:table-cell;width:83.3333%}.Hcol11{display:table-cell;width:91.6667%}.Hcol12{display:table-cell;width:100%}
}
/* ================== Gap Utility ================== */
.gap0{border-spacing:0}.gap1{border-spacing:var(--ss)}.gap2{border-spacing:var(--sm)}.gap3{border-spacing:var(--sl)}
/* ================== Typo ================== */
h1,h2,h3,h4,h5,h6{font-weight:300;margin-bottom:var(--sm);line-height:1.2}
h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}
p{margin-bottom:var(--sm)}ul,ol{margin-bottom:var(--sm)}
.nobullet{list-style-type:none;padding-left:0}.underline{text-decoration:underline}
.strike{text-decoration:line-through}.monospace{font-family:var(--fontmonospace)}
.bold{font-weight:700}.italic{font-style:italic}.upper{text-transform:uppercase}
.lower{text-transform:lowercase}.center{text-align:center}.left{text-align:left}
.right{text-align:right}.justify{text-align:justify}
/* ================== Buttons ================== */
a.btn{color:var(--fgprimary)}a.btn:hover,a.btn:focus{color:var(--fgsecondary);outline:none;transition:all var(--transition)}
.btn{padding:var(--ss) var(--sm);border-radius:var(--borradius);border:var(--borwidth) solid var(--bgprimary);background:var(--bgprimary);color:var(--fgprimary);cursor:pointer;text-align:center;transition:background-color var(--transition);display:inline-block;text-decoration:none}
.btn:hover,.btn:focus{background:var(--bgsecondary);color:var(--fgsecondary);outline:none}
/* ================== Forms ================== */
input,textarea,select{width:100%;padding:var(--ss);border:var(--borwidth) solid var(--borcolor);border-radius:var(--borradius);background-color:var(--bg);color:var(--text);font-size:1em;margin-bottom:var(--sm)}
input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none}
/* ================== Cards ================== */
.card{padding:var(--sm);border:var(--borwidth) solid var(--borcolor);border-radius:var(--borradius);background:var(--white);box-shadow:var(--sh);transition:box-shadow var(--transition)}
.card:hover{box-shadow:var(--shhov)}
/* ================== Utility Classes ================== */
.w12,.strx{width:100%!important}.h12,.stry{height:100%!important}.str{width:100%!important;height:100%!important}
.w1{width:8%}.w2{width:17%}.w3{width:25%}.w4{width:33%}.w5{width:42%}.w6{width:50%}
.w7{width:58%}.w8{width:66.6%}.w9{width:75%}.w10{width:83%}.w11{width:92%}
.h1{height:8%}.h2{height:17%}.h3{height:25%}.h4{height:33%}.h5{height:42%}.h6{height:50%}
.h7{height:58%}.h8{height:66.6%}.h9{height:75%}.h10{height:83%}.h11{height:92%}
.vw1{width:8.3333vw}.vw2{width:16.6667vw}.vw3{width:25vw}.vw4{width:33.3333vw}.vw5{width:41.6667vw}.vw6{width:50vw}
.vw7{width:58.3333vw}.vw8{width:66.6667vw}.vw9{width:75vw}.vw10{width:83.3333vw}.vw11{width:91.6667vw}.vw12{width:100vw}
.vh1{height:8.3333vh}.vh2{height:16.6667vh}.vh3{height:25vh}.vh4{height:33.3333vh}.vh5{height:41.6667vh}.vh6{height:50vh}
.vh7{height:58.3333vh}.vh8{height:66.6667vh}.vh9{height:75vh}.vh10{height:83.3333vh}.vh11{height:91.6667vh}.vh12{height:100vh}
/* Display */
.inline{display:inline}.inlineblock{display:inline-block}.block{display:block}.flex{display:flex}.grid{display:grid}.none{display:none}
/* Position */
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}
.top0{top:0}.bottom0{bottom:0}.left0{left:0}.right0{right:0}
.top50{top:50%}.left50{left:50%}.right50{right:50%}.bottom50{bottom:50%}
.translatexy{transform:translate(-50%,-50%)}.translatex{transform:translateX(-50%)}.translatey{transform:translateY(-50%)}
.centerxy{top:50%;left:50%;transform:translate(-50%,-50%)}
/* Overflow */
.overflowhidden{overflow:hidden}.overflowauto{overflow:auto}.overflowscroll{overflow:scroll}.overflowvisible{overflow:visible}
/* Sizing */
.w100{width:100%}.h100{height:100%}.minw100{min-width:100%}.minh100{min-height:100%}
.maxw100{max-width:100%}.maxh100{max-height:100%}
/* Margins */
.m0{margin:0}.m1{margin:var(--ss)}.m2{margin:var(--sm)}.m3{margin:var(--sl)}
.mt0{margin-top:0}.mt1{margin-top:var(--ss)}.mt2{margin-top:var(--sm)}.mt3{margin-top:var(--sl)}
.mb0{margin-bottom:0}.mb1{margin-bottom:var(--ss)}.mb2{margin-bottom:var(--sm)}.mb3{margin-bottom:var(--sl)}
.ml0{margin-left:0}.ml1{margin-left:var(--ss)}.ml2{margin-left:var(--sm)}.ml3{margin-left:var(--sl)}
.mr0{margin-right:0}.mr1{margin-right:var(--ss)}.mr2{margin-right:var(--sm)}.mr3{margin-right:var(--sl)}
.my0{margin-top:0;margin-bottom:0}.my1{margin-top:var(--ss);margin-bottom:var(--ss)}
.my2{margin-top:var(--sm);margin-bottom:var(--sm)}.my3{margin-top:var(--sl);margin-bottom:var(--sl)}
.mx0{margin-left:0;margin-right:0}.mx1{margin-left:var(--ss);margin-right:var(--ss)}
.mx2{margin-left:var(--sm);margin-right:var(--sm)}.mx3{margin-left:var(--sl);margin-right:var(--sl)}
/* Negative Margins */
.m-1{margin:calc(-1*var(--ss))}.m-2{margin:calc(-1*var(--sm))}.m-3{margin:calc(-1*var(--sl))}
.mt-1{margin-top:calc(-1*var(--ss))}.mt-2{margin-top:calc(-1*var(--sm))}.mt-3{margin-top:calc(-1*var(--sl))}
.mb-1{margin-bottom:calc(-1*var(--ss))}.mb-2{margin-bottom:calc(-1*var(--sm))}.mb-3{margin-bottom:calc(-1*var(--sl))}
.ml-1{margin-left:calc(-1*var(--ss))}.ml-2{margin-left:calc(-1*var(--sm))}.ml-3{margin-left:calc(-1*var(--sl))}
.mr-1{margin-right:calc(-1*var(--ss))}.mr-2{margin-right:calc(-1*var(--sm))}.mr-3{margin-right:calc(-1*var(--sl))}
.my-1{margin-top:calc(-1*var(--ss));margin-bottom:calc(-1*var(--ss))}
.my-2{margin-top:calc(-1*var(--sm));margin-bottom:calc(-1*var(--sm))}
.my-3{margin-top:calc(-1*var(--sl));margin-bottom:calc(-1*var(--sl))}
.mx-1{margin-left:calc(-1*var(--ss));margin-right:calc(-1*var(--ss))}
.mx-2{margin-left:calc(-1*var(--sm));margin-right:calc(-1*var(--sm))}
.mx-3{margin-left:calc(-1*var(--sl));margin-right:calc(-1*var(--sl))}
/* Paddings */
.p0{padding:0}.p1{padding:var(--ss)}.p2{padding:var(--sm)}.p3{padding:var(--sl)}
.pt0{padding-top:0}.pt1{padding-top:var(--ss)}.pt2{padding-top:var(--sm)}.pt3{padding-top:var(--sl)}
.pb0{padding-bottom:0}.pb1{padding-bottom:var(--ss)}.pb2{padding-bottom:var(--sm)}.pb3{padding-bottom:var(--sl)}
.pl0{padding-left:0}.pl1{padding-left:var(--ss)}.pl2{padding-left:var(--sm)}.pl3{padding-left:var(--sl)}
.pr0{padding-right:0}.pr1{padding-right:var(--ss)}.pr2{padding-right:var(--sm)}.pr3{padding-right:var(--sl)}
.py0{padding-top:0;padding-bottom:0}.py1{padding-top:var(--ss);padding-bottom:var(--ss)}
.py2{padding-top:var(--sm);padding-bottom:var(--sm)}.py3{padding-top:var(--sl);padding-bottom:var(--sl)}
.px0{padding-left:0;padding-right:0}.px1{padding-left:var(--ss);padding-right:var(--ss)}
.px2{padding-left:var(--sm);padding-right:var(--sm)}.px3{padding-left:var(--sl);padding-right:var(--sl)}
/* Negative Paddings */
.p-1{padding:calc(-1*var(--ss))}.p-2{padding:calc(-1*var(--sm))}.p-3{padding:calc(-1*var(--sl))}
.pt-1{padding-top:calc(-1*var(--ss))}.pt-2{padding-top:calc(-1*var(--sm))}.pt-3{padding-top:calc(-1*var(--sl))}
.pb-1{padding-bottom:calc(-1*var(--ss))}.pb-2{padding-bottom:calc(-1*var(--sm))}.pb-3{padding-bottom:calc(-1*var(--sl))}
.pl-1{padding-left:calc(-1*var(--ss))}.pl-2{padding-left:calc(-1*var(--sm))}.pl-3{padding-left:calc(-1*var(--sl))}
.pr-1{padding-right:calc(-1*var(--ss))}.pr-2{padding-right:calc(-1*var(--sm))}.pr-3{padding-right:calc(-1*var(--sl))}
.py-1{padding-top:calc(-1*var(--ss));padding-bottom:calc(-1*var(--ss))}
.py-2{padding-top:calc(-1*var(--sm));padding-bottom:calc(-1*var(--sm))}
.py-3{padding-top:calc(-1*var(--sl));padding-bottom:calc(-1*var(--sl))}
.px-1{padding-left:calc(-1*var(--ss));padding-right:calc(-1*var(--ss))}
.px-2{padding-left:calc(-1*var(--sm));padding-right:calc(-1*var(--sm))}
.px-3{padding-left:calc(-1*var(--sl));padding-right:calc(-1*var(--sl))}
/* ================== Device Specific ================== */
/* Desktop */
@media(min-width:992px){
.Dw12,.Dstrx{width:100%!important}.Dh12,.Dstry{height:100%!important}.Dstr{width:100%!important;height:100%!important}
.Dw1{width:8%}.Dw2{width:17%}.Dw3{width:25%}
.Dw4{width:33%}.Dw5{width:42%}.Dw6{width:50%}.Dw7{width:58%}
.Dw8{width:66.6%}.Dw9{width:75%}.Dw10{width:83%}.Dw11{width:92%}
.Dh1{height:8%}.Dh2{height:17%}.Dh3{height:25%}
.Dh4{height:33%}.Dh5{height:42%}.Dh6{height:50%}.Dh7{height:58%}
.Dh8{height:66.6%}.Dh9{height:75%}.Dh10{height:83%}.Dh11{height:92%}
/* Margini Positivi */
.Dm0{margin:0}.Dm1{margin:var(--ss)}.Dm2{margin:var(--sm)}.Dm3{margin:var(--sl)}
.Dmt0{margin-top:0}.Dmt1{margin-top:var(--ss)}.Dmt2{margin-top:var(--sm)}.Dmt3{margin-top:var(--sl)}
.Dmb0{margin-bottom:0}.Dmb1{margin-bottom:var(--ss)}.Dmb2{margin-bottom:var(--sm)}.Dmb3{margin-bottom:var(--sl)}
.Dml0{margin-left:0}.Dml1{margin-left:var(--ss)}.Dml2{margin-left:var(--sm)}.Dml3{margin-left:var(--sl)}
.Dmr0{margin-right:0}.Dmr1{margin-right:var(--ss)}.Dmr2{margin-right:var(--sm)}.Dmr3{margin-right:var(--sl)}
.Dmy0{margin-top:0;margin-bottom:0}.Dmy1{margin-top:var(--ss);margin-bottom:var(--ss)}
.Dmy2{margin-top:var(--sm);margin-bottom:var(--sm)}.Dmy3{margin-top:var(--sl);margin-bottom:var(--sl)}
.Dmx0{margin-left:0;margin-right:0}.Dmx1{margin-left:var(--ss);margin-right:var(--ss)}
.Dmx2{margin-left:var(--sm);margin-right:var(--sm)}.Dmx3{margin-left:var(--sl);margin-right:var(--sl)}
/* Padding Positivi */
.Dp0{padding:0}.Dp1{padding:var(--ss)}.Dp2{padding:var(--sm)}.Dp3{padding:var(--sl)}
.Dpt0{padding-top:0}.Dpt1{padding-top:var(--ss)}.Dpt2{padding-top:var(--sm)}.Dpt3{padding-top:var(--sl)}
.Dpb0{padding-bottom:0}.Dpb1{padding-bottom:var(--ss)}.Dpb2{padding-bottom:var(--sm)}.Dpb3{padding-bottom:var(--sl)}
.Dpl0{padding-left:0}.Dpl1{padding-left:var(--ss)}.Dpl2{padding-left:var(--sm)}.Dpl3{padding-left:var(--sl)}
.Dpr0{padding-right:0}.Dpr1{padding-right:var(--ss)}.Dpr2{padding-right:var(--sm)}.Dpr3{padding-right:var(--sl)}
.Dpy0{padding-top:0;padding-bottom:0}.Dpy1{padding-top:var(--ss);padding-bottom:var(--ss)}
.Dpy2{padding-top:var(--sm);padding-bottom:var(--sm)}.Dpy3{padding-top:var(--sl);padding-bottom:var(--sl)}
.Dpx0{padding-left:0;padding-right:0}.Dpx1{padding-left:var(--ss);padding-right:var(--ss)}
.Dpx2{padding-left:var(--sm);padding-right:var(--sm)}.Dpx3{padding-left:var(--sl);padding-right:var(--sl)}
/* Display */
.Dinline{display:inline}.Dinlineblock{display:inline-block}.Dblock{display:block}.Dflex{display:flex}.Dgrid{display:grid}.Dnone{display:none}
/* Position */
.Drelative{position:relative}.Dabsolute{position:absolute}.Dfixed{position:fixed}.Dsticky{position:sticky}
.Dtop0{top:0}.Dbottom0{bottom:0}.Dleft0{left:0}.Dright0{right:0}
}
/* Tablet */
@media(min-width:768px) and (max-width:991.98px){
.Tw12,.Tstrx{width:100%!important}.Th12,.Tstry{height:100%!important}.Tstr{width:100%!important;height:100%!important}
.Tw1{width:8%}.Tw2{width:17%}.Tw3{width:25%}
.Tw4{width:33%}.Tw5{width:42%}.Tw6{width:50%}.Tw7{width:58%}
.Tw8{width:66.6%}.Tw9{width:75%}.Tw10{width:83%}.Tw11{width:92%}
.Th1{height:8%}.Th2{height:17%}.Th3{height:25%}
.Th4{height:33%}.Th5{height:42%}.Th6{height:50%}.Th7{height:58%}
.Th8{height:66.6%}.Th9{height:75%}.Th10{height:83%}.Th11{height:92%}
/* Margini Positivi */
.Tm0{margin:0}.Tm1{margin:var(--ss)}.Tm2{margin:var(--sm)}.Tm3{margin:var(--sl)}
.Tmt0{margin-top:0}.Tmt1{margin-top:var(--ss)}.Tmt2{margin-top:var(--sm)}.Tmt3{margin-top:var(--sl)}
.Tmb0{margin-bottom:0}.Tmb1{margin-bottom:var(--ss)}.Tmb2{margin-bottom:var(--sm)}.Tmb3{margin-bottom:var(--sl)}
.Tml0{margin-left:0}.Tml1{margin-left:var(--ss)}.Tml2{margin-left:var(--sm)}.Tml3{margin-left:var(--sl)}
.Tmr0{margin-right:0}.Tmr1{margin-right:var(--ss)}.Tmr2{margin-right:var(--sm)}.Tmr3{margin-right:var(--sl)}
.Tmy0{margin-top:0;margin-bottom:0}.Tmy1{margin-top:var(--ss);margin-bottom:var(--ss)}
.Tmy2{margin-top:var(--sm);margin-bottom:var(--sm)}.Tmy3{margin-top:var(--sl);margin-bottom:var(--sl)}
.Tmx0{margin-left:0;margin-right:0}.Tmx1{margin-left:var(--ss);margin-right:var(--ss)}
.Tmx2{margin-left:var(--sm);margin-right:var(--sm)}.Tmx3{margin-left:var(--sl);margin-right:var(--sl)}
/* Padding Positivi */
.Tp0{padding:0}.Tp1{padding:var(--ss)}.Tp2{padding:var(--sm)}.Tp3{padding:var(--sl)}
.Tpt0{padding-top:0}.Tpt1{padding-top:var(--ss)}.Tpt2{padding-top:var(--sm)}.Tpt3{padding-top:var(--sl)}
.Tpb0{padding-bottom:0}.Tpb1{padding-bottom:var(--ss)}.Tpb2{padding-bottom:var(--sm)}.Tpb3{padding-bottom:var(--sl)}
.Tpl0{padding-left:0}.Tpl1{padding-left:var(--ss)}.Tpl2{padding-left:var(--sm)}.Tpl3{padding-left:var(--sl)}
.Tpr0{padding-right:0}.Tpr1{padding-right:var(--ss)}.Tpr2{padding-right:var(--sm)}.Tpr3{padding-right:var(--sl)}
.Tpy0{padding-top:0;padding-bottom:0}.Tpy1{padding-top:var(--ss);padding-bottom:var(--ss)}
.Tpy2{padding-top:var(--sm);padding-bottom:var(--sm)}.Tpy3{padding-top:var(--sl);padding-bottom:var(--sl)}
.Tpx0{padding-left:0;padding-right:0}.Tpx1{padding-left:var(--ss);padding-right:var(--ss)}
.Tpx2{padding-left:var(--sm);padding-right:var(--sm)}.Tpx3{padding-left:var(--sl);padding-right:var(--sl)}
/* Display */
.Tinline{display:inline}.Tinlineblock{display:inline-block}.Tblock{display:block}.Tflex{display:flex}.Tgrid{display:grid}.Tnone{display:none}
/* Position */
.Trelative{position:relative}.Tabsolute{position:absolute}.Tfixed{position:fixed}.Tsticky{position:sticky}
.Ttop0{top:0}.Tbottom0{bottom:0}.Tleft0{left:0}.Tright0{right:0}
}
/* Mobile */
@media(max-width:767.98px){
.Mw12,.Mstrx{width:100%!important}.Mh12,.Mstry{height:100%!important}.Mstr{width:100%!important;height:100%!important}
.Mw1{width:8%}.Mw2{width:17%}.Mw3{width:25%}
.Mw4{width:33%}.Mw5{width:42%}.Mw6{width:50%}.Mw7{width:58%}
.Mw8{width:66.6%}.Mw9{width:75%}.Mw10{width:83%}.Mw11{width:92%}
.Mh1{height:8%}.Mh2{height:17%}.Mh3{height:25%}
.Mh4{height:33%}.Mh5{height:42%}.Mh6{height:50%}.Mh7{height:58%}
.Mh8{height:66.6%}.Mh9{height:75%}.Mh10{height:83%}.Mh11{height:92%}
/* Margini Positivi */
.Mm0{margin:0}.Mm1{margin:var(--ss)}.Mm2{margin:var(--sm)}.Mm3{margin:var(--sl)}
.Mmt0{margin-top:0}.Mmt1{margin-top:var(--ss)}.Mmt2{margin-top:var(--sm)}.Mmt3{margin-top:var(--sl)}
.Mmb0{margin-bottom:0}.Mmb1{margin-bottom:var(--ss)}.Mmb2{margin-bottom:var(--sm)}.Mmb3{margin-bottom:var(--sl)}
.Mml0{margin-left:0}.Mml1{margin-left:var(--ss)}.Mml2{margin-left:var(--sm)}.Mml3{margin-left:var(--sl)}
.Mmr0{margin-right:0}.Mmr1{margin-right:var(--ss)}.Mmr2{margin-right:var(--sm)}.Mmr3{margin-right:var(--sl)}
.Mmy0{margin-top:0;margin-bottom:0}.Mmy1{margin-top:var(--ss);margin-bottom:var(--ss)}
.Mmy2{margin-top:var(--sm);margin-bottom:var(--sm)}.Mmy3{margin-top:var(--sl);margin-bottom:var(--sl)}
.Mmx0{margin-left:0;margin-right:0}.Mmx1{margin-left:var(--ss);margin-right:var(--ss)}
.Mmx2{margin-left:var(--sm);margin-right:var(--sm)}.Mmx3{margin-left:var(--sl);margin-right:var(--sl)}
/* Padding Positivi */
.Mp0{padding:0}.Mp1{padding:var(--ss)}.Mp2{padding:var(--sm)}.Mp3{padding:var(--sl)}
.Mpt0{padding-top:0}.Mpt1{padding-top:var(--ss)}.Mpt2{padding-top:var(--sm)}.Mpt3{padding-top:var(--sl)}
.Mpb0{padding-bottom:0}.Mpb1{padding-bottom:var(--ss)}.Mpb2{padding-bottom:var(--sm)}.Mpb3{padding-bottom:var(--sl)}
.Mpl0{padding-left:0}.Mpl1{padding-left:var(--ss)}.Mpl2{padding-left:var(--sm)}.Mpl3{padding-left:var(--sl)}
.Mpr0{padding-right:0}.Mpr1{padding-right:var(--ss)}.Mpr2{padding-right:var(--sm)}.Mpr3{padding-right:var(--sl)}
.Mpy0{padding-top:0;padding-bottom:0}.Mpy1{padding-top:var(--ss);padding-bottom:var(--ss)}
.Mpy2{padding-top:var(--sm);padding-bottom:var(--sm)}.Mpy3{padding-top:var(--sl);padding-bottom:var(--sl)}
.Mpx0{padding-left:0;padding-right:0}.Mpx1{padding-left:var(--ss);padding-right:var(--ss)}
.Mpx2{padding-left:var(--sm);padding-right:var(--sm)}.Mpx3{padding-left:var(--sl);padding-right:var(--sl)}
/* Display */
.Minline{display:inline}.Minlineblock{display:inline-block}.Mblock{display:block}.Mflex{display:flex}.Mgrid{display:grid}.Mnone{display:none}
/* Position */
.Mrelative{position:relative}.Mabsolute{position:absolute}.Mfixed{position:fixed}.Msticky{position:sticky}
.Mtop0{top:0}.Mbottom0{bottom:0}.Mleft0{left:0}.Mright0{right:0}
}
/* ================== Text Colors ================== */
.black{color:var(--black)!important}.white{color:var(--white)!important}
.gray{color:var(--gray)!important}.lightgray{color:var(--lightgray)!important}
.primary{color:var(--primary)!important}.secondary{color:var(--secondary)!important}
.red{color:var(--red)!important}.blue{color:var(--blue)!important}
.green{color:var(--green)!important}.yellow{color:var(--yellow)!important}
.purple{color:var(--purple)!important}.cyan{color:var(--cyan)!important}
.orange{color:var(--orange)!important}.pluto{color:var(--pluto)!important}
.pink{color:var(--pink)!important}.brown{color:var(--brown)!important}
.teal{color:var(--teal)!important}.lime{color:var(--lime)!important}
.olive{color:var(--olive)!important}
/* ================== Background Colors ================== */
.bgblack{background-color:var(--black)!important}.bgwhite{background-color:var(--white)!important}
.bggray{background-color:var(--gray)!important}.bglightgray{background-color:var(--lightgray)!important}
.bgprimary{background-color:var(--primary)!important}.bgsecondary{background-color:var(--secondary)!important}
.bgred{background-color:var(--red)!important}.bgblue{background-color:var(--blue)!important}
.bggreen{background-color:var(--green)!important}.bgyellow{background-color:var(--yellow)!important}
.bgpurple{background-color:var(--purple)!important}.bgcyan{background-color:var(--cyan)!important}
.bgorange{background-color:var(--orange)!important}.bgpluto{background-color:var(--pluto)!important}
.bgpink{background-color:var(--pink)!important}.bgbrown{background-color:var(--brown)!important}
.bgteal{background-color:var(--teal)!important}.bglime{background-color:var(--lime)!important}
.bgolive{background-color:var(--olive)!important}.bgtransparent{background-color:transparent!important}
/* ================== Borders ================== */
.b{border:var(--borwidth) solid var(--borcolor)}.btop{border-top:var(--borwidth) solid var(--borcolor)}
.bright{border-right:var(--borwidth) solid var(--borcolor)}.bbottom{border-bottom:var(--borwidth) solid var(--borcolor)}.nobor{border:none.nobor}
.bleft{border-left:var(--borwidth) solid var(--borcolor)}.bnone{border:none!important}
/* Bordi Colorati */
.bgray{border-color:var(--gray)}.bprimary{border-color:var(--primary)}.bsecondary{border-color:var(--secondary)}.bred{border-color:var(--red)}
.bblue{border-color:var(--blue)}.bgreen{border-color:var(--green)}.byellow{border-color:var(--yellow)}.bpurple{border-color:var(--purple)}
.bcyan{border-color:var(--cyan)}.borange{border-color:var(--orange)}
/* ================== Border Radius ================== */
.round{border-radius:var(--borradius)}
.roundtop{border-top-left-radius:var(--borradius);border-top-right-radius:var(--borradius)}
.roundright{border-top-right-radius:var(--borradius);border-bottom-right-radius:var(--borradius)}
.roundbottom{border-bottom-left-radius:var(--borradius);border-bottom-right-radius:var(--borradius)}
.roundleft{border-top-left-radius:var(--borradius);border-bottom-left-radius:var(--borradius)}
.roundcircle{border-radius:50%}
/* ================== Shadows ================== */
.sh{box-shadow:var(--sh)}.shhover:hover{box-shadow:var(--shhov)}.tsh{text-shadow:1px 1px 0 var(--textshcolor)}
/* ================== Opacity ================== */
.o0{opacity:0}.o25{opacity:0.25}.o50{opacity:0.5}.o75{opacity:0.75}.o100{opacity:1}
/* ================== Z-Index ================== */
.z0{z-index:0}.z10{z-index:10}.z20{z-index:20}.z30{z-index:30}.z40{z-index:40}.z50{z-index:50}.zauto{z-index:auto}
/* ================== Media Queries for Visibility ================== */
.nodisplay{display:none;}
@media(max-width:767.98px){.nomobile{display:none!important}}
@media(min-width:768px) and (max-width:991.98px){.notablet{display:none!important}}
@media(min-width:992px){.nodesktop{display:none!important}}
@media(min-width:1200px){.nowide{display:none!important}}
@media(min-width:1400px){.nohd{display:none!important}}
/* ================== Animations ================== */
.fadein{animation:fadeIn var(--transition) forwards;opacity:0}
@keyframes fadeIn{to{opacity:1}}
.fadeout{animation:fadeOut var(--transition) forwards;opacity:1}
@keyframes fadeOut{to{opacity:0}}
/* Hover Section */
.hanirotate{transition:transform var(--transition)}
.hanirotate:hover{transform:rotate(5deg)}
.haniscale{transition:transform var(--transition)}
.haniscale:hover{transform:scale(1.05)}
.hanibounce{animation:none}
.hanibounce:hover{animation:bounce var(--transition)}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}
.hanishake{animation:none}
.hanishake:hover{animation:shake var(--transition)}
@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}
.hanipulse{transition:transform var(--transition)}
.hanipulse:hover{animation:pulse calc(var(--transition) * 2) infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.haniswing{transform-origin:top center;transition:transform var(--transition)}
.haniswing:hover{animation:swing var(--transition)}
@keyframes swing{0%{transform:rotate(0deg)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}
.hanifliphorizontal{transition:transform var(--transition);transform-style:preserve-3d}
.hanifliphorizontal:hover{transform:perspective(400px) rotateY(180deg)}
.haniflipvertical{transition:transform var(--transition);transform-style:preserve-3d}
.haniflipvertical:hover{transform:perspective(400px) rotateX(180deg)}
.hanizoomin{transition:transform var(--transition)}
.hanizoomin:hover{transform:scale(1.1)}
.hanizoomout{transition:transform var(--transition)}
.hanizoomout:hover{transform:scale(0.9)}
.hanioverunderline{position:relative;color:var(--text);text-decoration:none}
.hanioverunderline::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:var(--primary);transition:width var(--transition)}
.hanioverunderline:hover::after{width:100%}
.hanifadeinup{animation:fadeInUp var(--transition) forwards;opacity:0}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.haniglow{transition:box-shadow var(--transition)}
.haniglow:hover{box-shadow:0 0 10px var(--primary)}
.haniskew{transition:transform var(--transition)}
.haniskew:hover{transform:skew(-10deg)}
.haniblur{transition:filter var(--transition)}
.haniblur:hover{filter:blur(2px)}
.hanideblur{filter:blur(2px)}
.hanideblur:hover{filter:none;transition:filter var(--transition)}
.hanicolorshift{background-color:var(--primary);transition:background-color var(--transition)}
.hanicolorshift:hover{background-color:var(--secondary)}
.hanibordergrow{position:relative;border:none}
.hanibordergrow::before{content:"";position:absolute;inset:0;border:2px solid var(--primary);transform:scale(0);transition:transform var(--transition)}
.hanibordergrow:hover::before{transform:scale(1)}
/* ================== Custom Components ================== */
/* Hero Section */
.hero{display:table;width:100%;height:100vh}
.hero-content{display:table-cell;vertical-align:middle}
/* Navigation Bar */
.nb{display:table;width:100%;padding:var(--sm);background-color:var(--bg);border-bottom:var(--borwidth) solid var(--borcolor);table-layout:fixed}
.nbbrand{display:table-cell;vertical-align:middle;width:1%}
.nbmenu{display:table-cell;vertical-align:middle;text-align:right}
.nbmenu,.nbmenu ul{list-style:none;margin:0;padding:0}
.nbmenu ul{display:inline-block}
.nbmenu li{display:inline-block;margin-left:var(--sm)}
.nbitem{text-decoration:none;color:var(--text);padding:var(--ss) var(--sm);border-radius:var(--borradius)}
.nbitem:hover{background-color:var(--lightgray)}
/* Footer */
.footer{padding:var(--sm);background-color:var(--bg);border-top:var(--borwidth) solid var(--borcolor);text-align:center}
/* ================== Helper Classes ================== */
/* Visibility */
.visible{visibility:visible}.invisible{visibility:hidden}
/* Float */
.floatleft{float:left}.floatright{float:right}.clearfix::after{content:"";clear:both;display:table}
/* Cursor */
.cursorpointer{cursor:pointer}.cursordefault{cursor:default}.cursortext{cursor:text}.cursormove{cursor:move}.cursornotallowed{cursor:not-allowed}
/* Lists */
.listunstyled{list-style:none;padding-left:0}
/* Table */
.table{display:table;width:100%;border-collapse:collapse}.table-row{display:table-row}
.table-cell{display:table-cell;padding:var(--ss);border:var(--borwidth) solid var(--borcolor)}
.table th,.table td{padding:var(--ss);border:var(--borwidth) solid var(--borcolor)}
.tablestriped tbody tr:nth-of-type(odd){background-color:var(--lightgray)}
.tablehover tbody tr:hover{background-color:var(--gray);color:var(--white)}
/* Transition on all props. */
.trall{transition:all var(--transition)}
/* Transition on color. */
.trcolor{transition:color var(--transition),background-color var(--transition),border-color var(--transition)}
/* Transition on transf. */
.trtran{transition:transform var(--transition)}
/* Transition on opacity. */
.trop{transition:opacity var(--transition)}