:root{
--c1:rgb(250,250,250);
--c1-1:rgb(248,248,248);
--c2:rgb(245,245,245);
--c2-1:rgb(237,237,237);
--c3:rgb(229,229,229);
--c3-1:rgb(221,221,221);
--c4:rgb(212,212,212);
--c4-1:rgb(188,188,188);
--c5:rgb(163,163,163);
--c5-1:rgb(139,139,139);
--c6:rgb(115,115,115);
--c6-1:rgb(99,99,99);
--c7:rgb(82,82,82);
--c7-1:rgb(73,73,73);
--c8:rgb(64,64,64);
--c8-1:rgb(51,51,51);
--c9:rgb(38,38,38);
--c9-1:rgb(31,31,31);
--c10:rgb(23,23,23);
--c10-1:rgb(17,17,17);
--c11:rgb(10,10,10);
--c11-1:rgb(5,5,5);

--s1: 1px;
--s2: 2px;
--s3: 3px;
--s4: 4px;
--s5: 5px;
--s6: 6px;
--s7: 7px;
--s8: 8px;
--s9: 9px;
--s10: 10px;
--s11: 11px;
--s12: 12px;
--s13: 13px;
--s14: 14px;
--s15: 15px;
--s16: 16px;
--s17: 17px;
--s18: 18px;
--s19: 19px;
--s20: 20px;
--s21: 21px;
--s22: 22px;
--s23: 23px;
--s24: 24px;
--s25: 25px;
--s26: 26px;
--s27: 27px;
--s28: 28px;
--s29: 29px;
--s30: 30px;
--s31: 31px;
--s32: 32px;
--s33: 33px;
--s34: 34px;
--s35: 35px;
--s36: 36px;
--s37: 37px;
--s38: 38px;
--s39: 39px;
--s40: 40px;

--fcx1:rgb(20,20,20);
--fcx2:var(--c9-1);
--fcx3:var(--c8-1);

--fsx1:var(--s14);
--fsx2:var(--s13);
--fsx3:var(--s12);
--fsx4:var(--s11);
--fsx5:var(--s10);
--fsx1-1:var(--s15);
--fsx2-1:var(--s16);
--fsx3-1:var(--s17);

--bodybgc:rgb(250,250,250);
--navbgc:rgb(249,249,249);
--modbgc:rgba(30,30,30,1);

--brd1:rgba(220,220,220,1);
--brd2:rgba(200,200,200,1);

--actionbgc:rgba(0,0,0,.4);
--actionhoverbgc:rgba(0,0,0,.3);

--action2bgc:rgba(0,0,0,.2);
--action2hoverbgc:rgba(0,0,0,.1);

--activebgc:rgba(255,255,255,.05);

--activebbgc:rgb(60,60,60,1);

--actionbrd:rgba(255,255,255,.1);

--action3bgc:rgba(35,35,35,1);

--disabledfc:rgb(100,100,100,1);
--disabledbgc:rgb(35,35,35,1);

--buttonbgc:rgba(35,35,35,1);
--buttonbgchover:rgba(36,36,36,1);
--buttonbgcactive:rgba(50,50,50,1);
--buttonbgcdisabled:rgba(0,0,0,1);

--playbuttonbgc:rgba(116,181,124,1);

--playbuttonbgc:rgba(20,20,20,1);
--playbuttonbgchover:rgba(26,26,26,1);

--itemborder:rgba(15,15,15,1);
--itemborder2:rgba(30,30,30,1);
--itememptybackground:rgba(0,0,0,0.05);
--itememptyborder:rgba(72, 71, 71, 0.25);

/*--
--navbgc:rgba(53,54,58);
--bodybgc:rgba(53,54,58);
--fc:rgba(238,238,238,0.85);
--border:rgba(0,0,0,0.15);
*/

--navbgcKIDS:rgba(46,75,50);
--bodybgcKIDS:rgba(46,75,50);

--fcfoot:rgba(238,238,238,0.65);
--fcfoothover:rgba(238,238,238,0.5);

--fcinv:rgba(32,33,36);
--fcinvdimmed:rgba(144,144,144);

--button2bgc:rgba(0,0,0,0.3);
--button2bgchover:rgba(0,0,0,0.2);
--stickybtnbgr:rgba(0,0,0);

--pagiitembgc:rgba(0,0,0,0.5);
--pagiitemactivebgc:rgba(171,171,171,0.8);
--pagiitemdisabledbgc:rgba(0,0,0,0.1);

--selectorlegendborder:#616161;
--drawlegendborder:#7a7a7a;
--itemborderhover:#919191;
--pitemborder:#ededed;
--legendborder:#ddd;
}

body{
font-family:'sf','sfm','sfml' sans-serif;
background-color:rgb(251,251,251)!important;
color:var(--fcx1)!important;
font-size:var(--fsx1);
letter-spacing:1.2px;
cursor:default;
font-weight:500;
}

.btn,.btn2,.btn4{
font-size:var(--fsx2);
font-weight:550;
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:3px;
padding:8px;
}
.btn{
background-color:var(--c8-1);
color:var(--c2);
}
.btn svg{
width:14px;height:14px;
fill:var(--c2);
margin-right:2px;margin-top:1px;
}
.btn2{
background-color:var(--c3);
color:var(--c7);
}
.btn2 svg{
fill:var(--c7);stroke:none;
padding:2px;
}
.btn2.p3 svg{
padding:4px;
}
.btn4{
background-color:var(--c4);
color:var(--c8);
}
.btn4 svg{
fill:var(--c8);
padding:3px;
}
.btn:hover{
background-color:var(--c8);
color:var(--c1-1);
cursor:pointer;
}
.btn2:hover{
background-color:var(--c2-1);
cursor:pointer;
}
.btn.nbrr,.btn2.nbrr{
border-top-right-radius:0px;
border-bottom-right-radius:0px;
}
.btn.nbrl,.btn2.nbrl{
border-top-left-radius:0px;
border-bottom-left-radius:0px;
}

.btn3{
display:flex;align-items:center;justify-content:center;
padding:12px;border-radius:3px;margin-bottom:10px;border:1px solid var(--c5);
font-size:var(--fsx3);
font-weight:500;text-transform:uppercase;
min-width:350px;
}
.btn3:hover{
background-color:var(--c2);
}

footer{
border-top:1px solid var(--c2);
padding:30px;
margin-bottom:70px;
}
footer a{
padding-right:6px;
}
footer .selected{
color:var(--c11-1);
font-weight:800;
}
footer .bb{
border-bottom:1px solid var(--c2-1);
}

h1.a{
font-size:20px;
font-weight:500;
line-height:28px;
}
h1.a.b{
font-size:34px;
}
h2.a{
font-size:18px;
line-height:20px;
}
h2.b{
font-size:16px;
display:inline-flex;
font-weight:300;
position:relative;
top:14px;
left:50%;
transform: translateX(-50%);
background-color:var(--c1);
text-transform:uppercase;
padding-left:20px;
padding-right:20px;
}
h3.a{
font-size:16px;
line-height:18px;
}
h4.a{
font-size:14px;
line-height:16px;
color:var(--fc2);
}
h5.a{
font-size:14px;
line-height:16px;
}

a{
text-decoration:none;
}

.nowr{
white-space:nowrap;
}

#sorter{
display:flex;align-items:center;
width:100%;
color:var(--c7);
margin-top:14px;
margin-bottom:18px;
font-weight:700;
font-size:var(--fsx3);
line-height:1;
letter-spacing:1.4px;
border-radius:2px;
}
#sorter svg{
width:11px;height:11px;
}
#sorter div,#sorter a{
display:flex;
align-items:center;
white-space:nowrap;
line-height:1;
align-self:flex-end;
margin-right:7px;
padding:8px;
}
#sorter .rh div,#sorter .rh a,#sorter .rh .selected{
font-size:var(--fsx4);
color:var(--c7);
margin-right:0px;
margin-left:7px;
}
#sorter a:hover{
color:var(--c11-1);
}
#sorter .selected{
text-decoration:underline;
letter-spacing:1.2px;
color:var(--c8);
font-weight:800;
}
#sorter .lb{
border:0;
background-color:transparent;
padding-left:2px;
margin-right:5px;
}
#sorter .lb svg{
width:13px;height:13px;margin-right:3px;
}

#brtxt{
position:relative;
margin-top:20px;margin-bottom:20px;padding-left:2px;padding-right:2px;
color:var(--c7);
font-weight:500;
line-height:1.3;
font-size:var(--fsx2);
}
#brtxt:hover{
cursor:pointer;
}

.x2{
border-color:var(--c2);
}

.pn{
display:flex;align-items:bottom;justify-content:space-between;
overflow:hidden;
flex-wrap:wrap;
margin-bottom:10px;
}
.pn h1{
display:inline-flex;align-items:center;justify-content:center;
font-size:22px;
font-weight:500;
text-transform:uppercase;
line-height:1;
}
.pnr{
font-weight:500;
color:var(--c7);
font-size:var(--fsx1);
text-transform:none;
margin-bottom:10px;
}
.pn h2{
color:var(--c7);
border-radius:2px 2px 0px 0px;
font-size:var(--fsx1);
font-weight:500;
text-transform:uppercase;
line-height:1;
align-self:flex-end;
padding:10px;
padding-top:8px;
padding-bottom:8px;
margin-right:10px;
letter-spacing:1.2px;
}
.pn h3,#sorter h3{
color:var(--c7);
border-radius:2px 2px 0px 0px;
font-size:var(--fsx3);
font-weight:500;
text-transform:uppercase;
line-height:1;
align-self:flex-end;
padding:10px;
padding-top:8px;
padding-bottom:8px;
margin-left:10px;
}
.pn .i{
border-radius:2px;
float:left;
}
.pn h2.selected{
color:var(--c11-1);
background-color:var(--c2);
font-weight:650;
}
.pn h3.selected,#sorter h3.selected{
color:var(--c11-1);
background-color:var(--c2);
font-weight:600;
}
.pn a{
align-self:flex-end;
}

.pload{
position:fixed;top:0px;left:0px;right:0px;height:1px;z-index:99;background-color:#3b82f6;opacity:1;
}
#banner{
position:fixed;bottom:0px;left:0px;right:0px;z-index:999;
}

.red{
color:rgba(161,45,53,1)!important;
}
.brdred{
border-color:rgba(239,68,68,.20)!important;
}
.bgcred{
background-color:rgba(239,68,68,.03)!important;
}
.bgctrp{
background-color:transparent!important;
}

.if{
display:inline-flex;
}

.brd1{
border:1px solid var(--brd1)!important;
}

#az .az{
border-bottom:1px solid var(--c2-1);
padding-left:2px;
font-weight:600;
}

.action{ background-color:var(--actionbgc)!important;color:var(--fc1)!important; }
.action2{ background-color:var(--action2bgc)!important;color:var(--fc2)!important; }
.action3{ background-color:var(--action3bgc)!important;color:var(--fc2)!important; }

.active{ background-color:var(--activebgc);border-color:rgba(0,0,0,1)!important; }

button.active:hover{
cursor:unset;
}

.disabled{
color:var(--disabledfc)!important;
background-color:var(--disabledbgc)!important;
}
.disabledfc{
color:var(--disabledfc)!important;
}

.fs1{ font-size:var(--fs1)!important; }
.fs2{ font-size:var(--fs2)!important; }
.fs3{ font-size:var(--fs3)!important; }
.fs4{ font-size:var(--fs4)!important; }

.fs8{ font-size:8px!important; }
.fs9{ font-size:9px!important; }
.fs10{ font-size:10px!important; }
.fs11{ font-size:11px!important; }
.fs12{ font-size:12px!important; }
.fs13{ font-size:13px!important; }
.fs14{ font-size:14px!important; }
.fs15{ font-size:15px!important; }
.fs16{ font-size:16px!important; }
.fs17{ font-size:17px!important; }
.fs18{ font-size:18px!important; }
.fs19{ font-size:19px!important; }
.fs20{ font-size:20px!important; }
.fs21{ font-size:21px!important; }
.fs22{ font-size:22px!important; }
.fs23{ font-size:23px!important; }
.fs24{ font-size:24px!important; }
.fs25{ font-size:25px!important; }
.fs26{ font-size:26px!important; }
.fs27{ font-size:27px!important; }
.fs28{ font-size:28px!important; }
.fs29{ font-size:29px!important; }
.fs30{ font-size:30px!important; }
.fs31{ font-size:31px!important; }
.fs32{ font-size:32px!important; }
.fs33{ font-size:33px!important; }
.fs34{ font-size:34px!important; }
.fs35{ font-size:35px!important; }
.fs36{ font-size:36px!important; }
.fs37{ font-size:37px!important; }
.fs38{ font-size:38px!important; }
.fs39{ font-size:39px!important; }
.fs40{ font-size:40px!important; }

.fw0{ font-weight:0!important; }
.fw1{ font-weight:1!important; }
.fw100{ font-weight:100!important; }
.fw150{ font-weight:150!important; }
.fw200{ font-weight:200!important; }
.fw250{ font-weight:250!important; }
.fw300{ font-weight:300!important; }
.fw350{ font-weight:350!important; }
.fw400{ font-weight:400!important; }
.fw450{ font-weight:450!important; }
.fw500{ font-weight:500!important; }
.fw550{ font-weight:550!important; }
.fw600{ font-weight:600!important; }
.fw650{ font-weight:650!important; }
.fw700{ font-weight:700!important; }
.fw750{ font-weight:750!important; }
.fw800{ font-weight:800!important; }
.fw850{ font-weight:850!important; }
.fw900{ font-weight:900!important; }
.fw950{ font-weight:950!important; }
.fw1000{ font-weight:1000!important; }
.fw2000{ font-weight:2000!important; }

.bc1{ background-color:var(--bgc1)!important; }
.bc2{ background-color:var(--bgc2)!important; }
.bc3{ background-color:var(--bgc3)!important; }
.bc4{ background-color:var(--bgc4)!important; }
.bc5{ background-color:var(--bgc5)!important; }

.bc1:hover{ background-color:var(--bgc2)!important; }
.bc2:hover{ background-color:var(--bgc3)!important; }
.bc3:hover{ background-color:var(--bgc4)!important; }

.nbgc{
background-color:transparent!important;
}

.bt{
padding-left:6px!important;padding-right:6px!important;
}

.xx_bg_l{
margin:0px;
margin-right:2px;
border-radius:2px;
}
.xx_bg_m{
margin:0px;
margin-left:2px;
margin-right:2px;
border-radius:2px;
}
.xx_bg_r{
margin:0px;
margin-left:2px;
border-radius:2px;
}
.xx_bg_s{
border-radius:2px;
}

.p_start.pre{
position:relative;width:100%;height:300px;
display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.p_start .pre2{
position:absolute;top:0px;right:0px;left:0px;bottom:0px;
display:flex;align-items:center;justify-content:center;overflow:hidden;
background:radial-gradient(circle,rgba(5,5,5,0.9)30%,rgba(50,50,50,.9)100%);background-size:cover;background-position:center;
}
.p_start.pre .bgr{
min-width:100%;min-height:100%;
object-fit:cover;object-position:center;
transition:opacity .5s ease-in;
}
.spbg1{
position:absolute;top:0px;right:0px;left:0px;bottom:0px;
display:flex;align-items:center;justify-content:center;overflow:hidden;
background:radial-gradient(circle,rgba(5,5,5,0.9)30%,rgba(50,50,50,.9)100%);background-size:cover;background-position:center;
transition:all .5s;transition-timing-function:ease-out;
}
.spbg2{
background-color:rgba(10,10,10,.35);position:absolute;top:0px;left:0px;right:0px;bottom:0px;
}
.p_start #txt1,.p_start #txt2,.p_start #txt3{
position:absolute;top:0px;right:0px;left:0px;bottom:0px;
display:flex;align-items:center;justify-content:center;
flex-direction:column;
}
.p_start #txt1 div{
padding:2px;line-height:1;
opacity:0;
}
.p_start #txt1 .xxx{
animation:changeOpacity 4.3s 1 forwards;
}
.p_start #txt1 .xxxx{
animation:changeOpacity 6s 1 forwards;
}

@keyframes changeOpacity {
0% {
opacity: 0.05;
}
40% {
opacity: 0.8;
animation-timing-function: cubic-bezier(0.2, 1, 0.8, 1); /* Accelerating */
}
50% {
opacity: 1;
animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); /* Begin to slow down */
}
100% {
opacity: 0;
}
}

.p_start h1{
font-weight:250;
color:var(--c4);
font-size:var(--s14);
margin-bottom:20px;
max-width:350px;
}
.p_start h2{
font-weight:700;
letter-spacing:1.3px;
font-size:var(--fsx1-1);
color:var(--c7);
margin-bottom:4px;
}

.p_start .hli{
display:flex;align-items:center;justify-content:center;margin-bottom:10px;
}
.p_start .hli span:first-child{
width:20px;flex-shrink:1;margin-left:2px;margin-right:10px;margin-bottom:3px;height:1px;border-top:1px solid var(--c2-1);
}
.p_start .hli span:last-child{
flex-grow:1;margin-left:10px;margin-bottom:3px;height:1px;border-top:1px solid var(--c2-1);
}

.p_start .sec5{
margin-bottom:4px;border-radius:8px;background-color:var(--c1-1);
font-weight:500;
margin-bottom:10px;
float:left;
width:100%;
}

.p_start .xmore{
display:flex;align-items:center;justify-content:end;
margin-bottom:25px;
font-weight:700;
font-size:var(--fsx4);
color:var(--c7);
}
.p_start .xmore svg{
width:13px;height:13px;margin-right:1px;margin-bottom:.5px;
fill:var(--c6);
}
.p_start .xmore a{
display:flex;align-items:center;justify-content:center;
}

.sec3{
display:flex;
align-items:center;justify-content:center;
width:100%;
max-width:400px;
white-space:wrap;
flex-wrap:wrap;
padding-left:20px;
padding-right:20px;
}
.sec3 svg{
width:13px;height:13px;
fill:var(--c3);
margin-right:2px;
margin-bottom:1px;
}
.sec3 a{
display:flex;
align-items:center;justify-content:center;
background:rgba(30,30,30,.3);
color:var(--c4);
font-weight:450;
white-space:nowrap;
border-radius:6px;
margin-left:6px;
margin-right:6px;
margin-bottom:5px;
}
.sec3 a:hover{
background:rgba(30,30,30,.45);
}

.sec4{
display:flex;
align-items:center;justify-content:center;
width:100%;
max-width:600px;
white-space:wrap;
margin-top:30px;
margin-bottom:8px;
}
.sec4 h2{
background:rgba(30,30,30,.5);
color:var(--c2-1);
font-size:16px;
font-weight:500;
margin:4px;
white-space:nowrap;
border-radius:6px;
padding:10px;
text-transform:none;
}
.sec4 h2:hover{
background:rgba(30,30,30,.65);
}

.sec2{
display:flex;
background:var(--c9);
color:var(--c3);
max-width:500px;
}
.sec2 div:first-child{
flex:0 0 auto;margin-right:10px;
}
.sec2 div:nth-child(2){
flex:1;word-wrap:break-word;
text-align:left;
}
.sec2 div:nth-child(2) a{
font-weight:500;
margin:2px;
padding:2px;
padding-right:6px;
border-radius:2px;
}

.p_start .sec{
text-align:center;align-items:center;justify-content:center;
}
.p_start .sec div{
background:var(--c9);
color:var(--c3);
padding-left:20px;
padding-right:20px;
border-radius:16px;
width:50%;
}
.p_start .sec a.i{
font-weight:500;
margin:2px;
padding:2px;
padding-left:6px;
padding-right:6px;
border-radius:2px;
}
.p_start .sec h3{
display:inline-block;
line-height:2.6;
font-weight:500;
text-transform:uppercase;
margin-right:10px;
}

.tag{
max-width:340px;margin-bottom:15px;
}
.tag h1{
font-size:var(--fsx3);
font-weight:500;
color:var(--c4-1);
letter-spacing:2px;
text-transform:uppercase;
}
.tag.e{
height:10px;
}

#tag3{
height:30px;
max-width:250px;
}

.oh{
overflow:hidden;
}

.p_start.logo{
height:80px;width:auto;
opacity:0;
transition:opacity .4s linear;
}

#navbar.sp{
background-color:transparent;
}
#navbar{
display:flex;align-items:center;justify-content:center;
height:60px;z-index:40;
position:absolute;top:0px;left:0px;right:0px;
font-weight:700;
background-color:var(--c1-1);
}
#navbar .a1{
display:flex;align-items:center;justify-content:center;
width:100%;height:100%;position:relative;max-width:855px;
}
#navbar .a2{
flex-grow:1;
}
#navbar .a3{
display:flex;
flex-grow:1;
align-items:center;
justify-content:end;
}
#navbar .a4{
display:flex;align-items:center;justify-content:center;
flex-shrink:1;
}
#navbar .i{
padding:6px;padding-left:8px;padding-right:8px;
text-transform:uppercase;
display:flex;align-items:center;justify-content:center;
border:1px solid var(--c2-1);
border-radius:2px;
background-color:var(--c2);
color:var(--c7);
}
#navbar .brd{
margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;
border-left:1px solid var(--c3);
}
#navbar.sp .brd{
border-left:1px solid var(--c8-1);
}
#navbar .i.selected{
color:var(--c11);
background-color:var(--c2-1);
}
#navbar.sp .i{
border:1px solid var(--c8-1);
border-radius:2px;
background-color:var(--c9);
color:var(--c4);
}
.p_start #navbar .w{
justify-content:end;
}
#navbar #hamb,#navbar #my,#navbar #sc{
height:36px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid var(--c3);
border-radius:2px;
aspect-ratio:1;
font-size:var(--fsx3);
font-weight:700;
background-color:var(--c2);
color:var(--c7);
}
#navbar.sp #hamb,#navbar.sp #my,#navbar.sp #sc{
border:1px solid var(--c8);
background-color:var(--c8);
color:var(--c4);
}
#navbar #hamb svg,#navbar #my svg,#navbar #sc svg{
fill:var(--c6);stroke:none;margin:0px;padding:2px;
}
#navbar.sp #hamb svg,#navbar.sp #my svg,#navbar.sp #sc svg{
fill:var(--c4-1);
}
#navbar #sc svg{
fill:var(--c6);
}
#navbar #sc.items svg{
fill:#3b82f6;
}
#navbar #my,#navbar #sc{
margin-left:6px;
}
#navbar #hamb:hover,#navbar #my:hover,#navbar #sc.items:hover{
background-color:var(--c1-1);
cursor:pointer;
}
#navbar.sp #hamb:hover,#navbar.sp #my:hover,#navbar.sp #sc.items:hover{
background-color:var(--c8-1);
border:1px solid var(--c8-1);
cursor:pointer;
}
#navbar #logo{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
justify-content:center;
align-items:center;
}
#navbar #logo img{
height:26px;width:auto;
}
#navbar #logo2{
margin-left:20px;justify-content:center;align-items:center;
}
#navbar #logo2 img{
height:20px;width:auto;
}

.w_search{
position:relative;
width:80%;max-width:250px;
}
.w_search .c1{
width:30px;
}
#navbar .w_search{
display:flex;
justify-content:end;
width:85%;max-width:250px;
margin-left:10px;
}
/* #navbar .w_search:focus-within{
} */
#navbar #autocomplete{
border:0px;
}

.search{
font-size:15px;
border:1px solid var(--c3)!important;
background-color:var(--c2);
border-radius:2px;
background-clip:padding-box;
display:flex;
z-index:10;
outline:none;
height:50px;
margin-bottom:35px;
}
.sp .search{
font-size:15px;
border:1px solid var(--c8)!important;
background-color:var(--c8);
}
.search.t2{
height:36px;
width:140px;
font-size:var(--fsx2);
position:relative;
margin:0px;
transition:width .5s;
}
.p_start .search.t2{
border-color:var(--c8)!important;
background-color:var(--c8);
}
.search.t2 svg{
margin:6px;
fill:var(--c7);
}
.p_start .search.t2 svg{
fill:var(--c4);
}
.search .progress{
position:absolute;
top:5px;left:5px;
}
.search .progress2{
position:absolute;
top:8px;left:8px;
}
.search:focus-within{
transform:scale(1.01);
}
.search.t2:focus-within{
width:100%;
background-color:var(--c1-1);
transform:scale(1);
}
.sp .search.t2:focus-within{
background-color:var(--c8);
transform:scale(1);
}
.p_start .search{
width:100%;
}
.search.t2:focus-within + #autocomplete{
width:95%;
}
.search .si{
background-color:transparent;
display:flex;
align-items:center;
justify-content:center;
height:100%;
aspect-ratio:1;
cursor:pointer;
}
.sp .search .si{
background-color:var(--c8);
}
.search .si svg{
fill:var(--c6);stroke:none;margin:0px;padding:1px;
}
.sp .search .si svg{
fill:var(--c4-1);stroke:none;margin:0px;padding:3px;
}
.search input{
color:var(--c1);width:100%;height:100%;margin:0px;padding:0px;border:0px;border-radius:0px;background-color:transparent;line-height:16px;flex:1;
}
.search.t2 input{
color:var(--c10);background-color:var(--c2);
}
.sp .search.t2 input{
color:var(--c4-1);background-color:var(--c8);
}
.search input:focus, .msearch input:focus{
outline:none;
}

#autocomplete{
font-size:var(--fsx2);
background-color:var(--c1-1);
border-left:1px solid var(--c4)!important;
border-bottom:1px solid var(--c4)!important;
border-right:1px solid var(--c4)!important;
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
position:absolute;
top:52px;
margin-left:2.5%;margin-right:2.5%;
padding:10px;
width:130px;
max-width:100%!important;
visibility:hidden;
overflow:auto;
z-index:99;
font-weight:500;
transition:all .5s;
}
#autocomplete.t2{
background-color:var(--c2);
top:36px;
}
.sp #autocomplete.t2{
color:var(--c4-1);
background-color:var(--c7-1);
border-left:1px solid var(--c10)!important;
border-bottom:1px solid var(--c10)!important;
border-right:1px solid var(--c10)!important;
}
#autocomplete #grid{
overflow:hidden;
width:100%;
}
#autocomplete #grid a{
display:block;
text-align:left;
width:100%;
padding:3px;
}
#autocomplete #grid a:hover{
text-decoration:underline;
}
#autocomplete #grid a span.c{
float:right;
}
#autocomplete #grid div.m:hover{
text-decoration:underline;
}

#autocomplete.show{
visibility:visible;
}
#autocomplete.hide{
visibility:hidden;
}

#mnav #logo{
margin-bottom:14px;height:64px;width:auto;
}
#mnav ul{
margin-bottom:10px;
}
#mnav li.a{
background-color:rgba(200,200,200,.01);
font-size:20px;
font-weight:500;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;
margin-bottom:3px;
}
#mnav li.selected{
background-color:rgba(200,200,200,.05);
}
#mnav li.b{
font-size:17px;
font-weight:500;
padding-left:10px;
padding-bottom:5px;
}
#mnav li.c{
font-size:15px;
font-weight:500;
padding-left:10px;
padding-bottom:5px;
}
#mnav li.d{
font-size:14px;
font-weight:500;
padding-left:10px;
padding-bottom:5px;
}

#stt{
color:var(--c8);
border-top:1px solid var(--c3);
background-color:var(--c2-1);
position:fixed;bottom:0px;left:0px;right:0px;
height:65px;
display:hidden;
z-index:30;
margin:0px;padding:0px;
}
#stt div{
display:flex;
align-items:center;
justify-content:center;
font-size:40px;
width:100%;height:100%;
margin:0px;padding:0px;
line-height:1;
letter-spacing:0px;
}
#stt:hover{
cursor:pointer;
}

#stt2{
color:var(--c8);
border-radius:2px;
background-color:var(--c2-1);
position:fixed;bottom:14px;right:14px;
width:58px;height:58px;
display:hidden;
z-index:30;
margin:0px;padding:0px;
}
#stt2 div{
display:flex;
align-items:center;
justify-content:center;
font-size:40px;
width:100%;height:100%;
margin:0px;padding:0px;
line-height:1;
letter-spacing:0px;
}
#stt2:hover{
cursor:pointer;
}

.hr{
max-width:100%;height:1px!important;background-color:var(--c2-1);
border-bottom-style:none!important;
border-bottom-width:0px!important;
}

#pu{
position:fixed;top:0px;left:0px;bottom:0px;right:0px;
background-color:rgba(0,0,0,.9);
display:flex;justify-content:center;align-items:center;
overflow-y:auto;
padding:5%;
z-index:9999;
}
#pu .w{
box-shadow:0px 0px 20px 8px rgba(0,0,0,.7);
border-radius:4px;
width:100%;max-width:600px;
z-index:10000;
}
#pu #lo .hr{
width:40%!important;
}
#pu #lo .orw span{
background-color:var(--c2);
position:relative;top:-10px;
padding:10px;
}
#pu #lo{
width:100%;max-width:700px;min-height:200px;box-sizing:border-box;background-color:var(--c2);
border:3px solid var(--c3);
border-radius:4px;
display:flex;flex-direction:column;align-items:center;justify-content:center;
padding:20px;
box-shadow:0px 0px 20px 8px rgba(0,0,0,.7);
}
#pu #lo .btn{
color:var(--c10);
border:2px solid var(--c3);
background-color:var(--c2);
border-radius:4px;
margin:5px;padding:10px;
width:100%;max-width:300px;
}
#pu #lo .btn:hover{
background-color:var(--c2-1);
}
#pu #lo svg{
height:17px;width:17px;margin-bottom:2.5px;padding-right:2px;fill:var(--c10);
}
#pu #lo h3{
color:var(--c8-1);
font-size:26px;
font-weight:700;
margin-bottom:30px;
}
#pu #lo .hr{
width:350px;height:1px!important;background-color:var(--c4-1);
margin-top:20px;margin-bottom:30px;
}
#pu #lo .logo{
width:70px;margin:auto;margin-bottom:20px;
}
#pu #lo #w_email{
display:flex;align-items:center;justify-content:center;background-color:var(--c2);border-radius:4px;border:2px solid var(--c3);
width:100%;max-width:300px;
}
#pu #lo #w_email form{
display:flex;align-items:center;justify-content:center;width:100%;
}
#pu #lo #email{
flex-grow:1;padding:10px;font-size:16px;border-radius:10px;background-color:var(--c1-1);
}
#pu #lo #email:focus{
outline:0;
}
#pu #lo #w_email form button{
flex-shrink:1;
background-color:var(--c2-1);
font-size:13px;
margin:8px;font-weight:600;padding:8px;border-radius:5px;
}
#pu #lo #w_email form button:hover{
background-color:var(--c3);
}
#pu #lo .fb{
display:flex;align-items:center;justify-content:center;
height:20px;margin-top:5px;font-weight:550;
}
#pu #lo svg{
height:20px;margin-right:4px;
}

#pu #yt{
position:relative;
aspect-ratio:16/9;width:100%;max-width:700px;box-sizing:border-box;background-color:black;
border:1px solid var(--c10);
border-radius:4px;
display:flex;align-items:center;justify-content:center;overflow:hidden;
box-shadow:0px 0px 20px 8px rgba(0,0,0,.7);
}
#pu #yt iframe{
position:absolute;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;
}

@keyframes pufi{
0%{background-color:rgba(0,0,0,0);}
100%{background-color:rgba(0,0,0,.92);}
}
#pu.bgfi{
animation:pufi .1s ease-in-out;
}

#mod{
position:fixed;top:0px;left:0px;bottom:0px;right:0px;z-index:40;
}
#mod .w{
position:fixed;top:0px;left:0px;bottom:0px;right:0px;opacity:0;z-index:-1;
background-color:var(--modbgc);
color:var(--c1-1)
}
#mod .fwclose{
position:absolute;top:0px;right:10px;padding:0px;font-size:34px;padding-left:20px;padding-bottom:20px;
}
@keyframes mofi{
0%{background-color:rgba(0,0,0,0);}
100%{background-color:var(--modbgc);}
}
#mod.bgfi{
animation:mofi .15s ease-in-out;
}

.da{
opacity:0.6;
}
p.tsyn{
display:inline-block;margin-top:6px;margin-bottom:2px;
}
p.tsyn a{
font-weight:500;
}

#pi{
display:none;
}

.dn{
display:none;
}
.db{
display:block!important;
}
.di{
display:inline!important;
}

.ul,.ul:hover{
text-decoration:underline;cursor:pointer;
}

/*.item a,.item a:hover,.people a,.people a:hover{
text-decoration-line:underline;text-decoration-style:dotted;
}
.item a:hover,.people a:hover{
text-decoration-style:solid;
}*/

.results{
margin:0px!important;padding:0px!important;
}
.result{
margin:0px!important;padding:0px!important;
}
.result .content{
margin:0px!important;padding:0px!important;
}
.result .content .title{
margin:0px!important;padding:8px!important;padding-bottom:2px!important;
}
.result .content .description{
margin:0px!important;padding:8px!important;padding-top:0px!important;
}

.lh0{
line-height:1!important;
}
.ls0{
letter-spacing:-1px!important;
}

.mi{
font-family:'Material Icons';
font-style:normal;
text-transform:none;
font-weight:550;
letter-spacing:-1px;
white-space:nowrap;
word-wrap:normal;
direction:ltr;
font-feature-settings:'liga';
-webkit-font-feature-settings:'liga';
-webkit-font-smoothing:antialiased;
font-variation-settings:'FILL' 1;
}
.mi.o{
font-family:'Material Icons Outlined';
}

.w100p{ width:100%!important; }
.w40p{ width:40%!important; }
.w33p{ width:33.3%!important; }

.h100p{ height:100%!important; }
.mh150{ min-height:150%; }
.mw1100{ max-width:1100px; }
.mw1200{ max-width:1200px; }

.mw80p{ max-width:80%; }

.w50{ width:50px!important; }
.w50p{ width:50%!important; }
.w60{ width:60px!important; }
.w100{ width:100px!important; }
.w150{ width:150px!important; }
.w170{ width:170px!important; }

.br0{ border-radius:0px; }
.br2{ border-radius:2px; }

.mb01{ margin-bottom:0.1px!important;}
.mb02{ margin-bottom:0.2px!important;}
.mb03{ margin-bottom:0.3px!important;}
.mb04{ margin-bottom:0.4px!important;}
.mb05{ margin-bottom:0.5px!important;}
.mb06{ margin-bottom:0.6px!important;}
.mb07{ margin-bottom:0.7px!important;}
.mb08{ margin-bottom:0.8px!important;}
.mb09{ margin-bottom:0.9px!important;}
.mb1{ margin-bottom:1px!important; }
.mb2{ margin-bottom:2px!important; }
.mb3{ margin-bottom:3px!important; }
.mb4{ margin-bottom:4px!important; }
.mb5{ margin-bottom:5px!important; }
.mb6{ margin-bottom:6px!important; }
.mb7{ margin-bottom:7px!important; }
.mb8{ margin-bottom:8px!important; }
.mb9{ margin-bottom:9px!important; }
.mb10{ margin-bottom:10px!important; }

.ml01{ margin-left:0.1px!important; }
.ml02{ margin-left:0.2px!important; }
.ml03{ margin-left:0.3px!important; }
.ml04{ margin-left:0.4px!important; }
.ml05{ margin-left:0.5px!important; }
.ml06{ margin-left:0.6px!important; }
.ml07{ margin-left:0.7px!important; }
.ml08{ margin-left:0.8px!important; }
.ml09{ margin-left:0.9px!important; }

.mr01{ margin-right:0.1px!important; }
.mr02{ margin-right:0.2px!important; }
.mr03{ margin-right:0.3px!important; }
.mr04{ margin-right:0.4px!important; }

.pr15{ padding-right:15px!important; }
.pr16{ padding-right:16px!important; }

#main{
width:100%;max-width:850px;min-height:120vh;
margin:auto;
display:flex;flex-direction:column;
border-left:1px solid var(--c2);border-right:1px solid var(--c2);
}
#main.p_start{
min-height:0;
margin-top:5px;
}

#rez{
opacity:1;transition:all 5s;
}

.vvv{
position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;transition:all .4s;
}

.g1{
display:flex;
flex-direction:column;
border:1px solid var(--c2-1);
border-radius:2px;
overflow:hidden;
color:var(--c10);
transition:all .2s;
}
.g1:hover{
border:1px solid var(--c3-1);
transform:scale(1.015);
}
.g1.hidden:hover{
border:1px solid var(--c2-1);
transform:scale(1);
}
.g2{
display:flex;
flex:1 1 auto;
width:100%;height:auto;
border-bottom:1px solid var(--c2-1);
overflow:hidden;aspect-ratio:1;
}
.g1.hidden .g2{
border-bottom:0px;
}
.pulse{
animation:pulsate 1s infinite;
}
@keyframes pulsate{
0%{opacity:.5;}
50%{opacity:1;}
100%{opacity:.5;}
}
.g2 img,.g2 Image{
min-width:100%;min-height:100%;
object-fit:cover;object-position:center;
opacity:0;
transform:scale(1.2);
transition:opacity .5s ease-in;
}
.g3{
flex: 0 1 auto;
overflow:hidden;
transition:all .5s;
transition-timing-function:ease-out;
background-color:var(--c2);
font-size:var(--fsx2);
line-height:1;
padding:9px;
padding-top:10px;
padding-bottom:11px;
}
.g3 div{
display:flex;justify-content:left;align-items:center;
}
.g3 .price{
font-weight:500;
color:var(--c6-1);
font-size:var(--fsx4);
font-weight:700;
}
.g3 .ic{
display:flex;justify-content:right;align-items:center;
font-size:var(--fsx2-1);
}
.g3 span{
margin:0px;padding:0px;
}
.g3 .bid{
display:flex;
align-items:center;
font-size:var(--fsx3);
font-weight:550;
line-height:1;
}
.g3 .estimate{
color:var(--c8);
}
.g3 .cd{
font-weight:450;
color:var(--c6-1);
display:flex;
flex-grow:1;
align-items:center;
justify-content:end;
font-size:var(--fsx4);
}
.g3 .cd svg{
width:11px;height:11px;margin-bottom:1px;fill:var(--c6-1);
}
.g3 .cd img{
height:12px;
margin-right:2px;
}
.g3 .brand{
font-weight:650;
color:var(--c6-1);
font-size:var(--fsx4);
overflow:hidden;
word-break:break-all;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
line-height:1.1;
margin-top:5px;
}

.gx{
transition:all .2s;
transition-timing-function:ease-out;
}

.p_grid .cut{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
line-height:1;
}
#shotxt{
width:400px;max-width:90%;
margin:auto;
font-size:var(--fsx5);
line-height:1.2;
color:var(--c6-1);
font-weight:600;
display:flex;justify-content:center;
text-align:center;
}
#shotxt svg{
width:22px;height:22px;
margin:0px;padding:3px;
fill:var(--c6-1);
margin:auto;
}

.show{
opacity:1!important;
}
.hide{
opacity:0!important;
}
.xshow{
display:block;
}
.xhide{
display:none;
}
.xxshow{
visibility:visible;
}
.xxhide{
visibility:hidden;
}

.bs{
position:absolute;top:0px;left:0px;bottom:0px;right:0px;box-shadow:inset 0px 0px 15px 1px rgba(25,25,25,.8);
}

#house{
text-align:center;
}
#house h4{
color:var(--fcx2);
font-weight:500;
display:block;
text-transform:uppercase;
margin-bottom:3px;
}

#xhouse{
display:flex;
}
#xhouse div:first-child{
flex:0 0 auto;margin-right:10px;
}
#xhouse div:nth-child(2){
flex:1;word-wrap:break-word;
}

.p_item .itimbr{
border-right:1px solid var(--border2);
}

.p_item #mimg{
position:relative;
width:100%;
aspect-ratio:1;
overflow:hidden;
z-index:9;
border:1px solid var(--c3);
margin:0px;padding:0px;margin-bottom:6px;
transition:max-height 1s ease;
display:flex;align-items:top;justify-content:center;
}
.p_item #mimg.expanded{
aspect-ratio:auto;
max-height:650px;
}
.p_item #mimg .fs{
position:absolute;bottom:4px;right:4px;border:1px solid var(--c3);
display:flex;align-items:center;justify-content:center;
background-color:var(--c2);
width:34px;aspect-ratio:1;border-radius:1px;
}
.p_item #mimg img{
object-fit:cover;object-position:center;
min-width:100%;min-height:100%;
transition:opacity .5s ease-in;
opacity:0;
overflow:hidden;
align-self:flex-start;
}
.p_item #mimg img.det{
min-width:210%;min-height:210%;
align-self:center;
}    
.p_item #mimg div.sht{
position:absolute;top:0px;left:0px;bottom:0px;right:0px;
margin:0px;padding:0px;
}
.p_item #mimg div.shb{
position:absolute;top:0px;left:0px;bottom:0px;right:0px;
margin:0px;padding:0px;
}
.p_item #image{
width:100%;aspect-ratio:.8;
margin:0px;padding:0px;overflow:hidden;border-radius:3px;
border:1px solid var(--c3);
margin-bottom:2px;
}
.p_item #image .ph{
width:100%;height:100%;margin:0px;padding:0px;display:flex;align-items:center;justify-content:center;
}
.p_item #image img{
min-width:100%;min-height:100%;object-fit:cover;object-position:center;
opacity:0;
cursor:zoom-in;
transition:opacity .5s ease-in;
transition:transform .7s ease; 
}
.p_item #image img.det{
min-width:210%;min-height:210%;
}    
.p_item #image img:hover{
transform:scale(1.015);
}
.p_item #image img.scaled{
transform:scale(1.5);
cursor:zoom-out;
}

.p_item .thumbs{
position:relative;margin-top:5px;margin-bottom:6px;
}
.p_item .thumbs .wr{
width:100%;height:100%;
border:1px solid transparent;border-radius:2px;padding:2px;
aspect-ratio:1;
}
.p_item .thumbs .wr.selected{
border-radius:1px;
border:1px solid var(--c5);
}
.p_item .thumbs .wr .img{
display:flex;border:1px solid var(--c3);border-radius:2px;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;
}
.p_item .thumbs .wr .img img{
min-width:100%;min-height:100%;
opacity:0;
transition:opacity .5s ease-in;
}
.p_item .thumbs .wr .img img.det{
min-width:210%;min-height:210%;
}
.p_item .thumbs .videoplay{
position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;
}
.p_item .thumbs .videoplay svg{
width:50%;height:50%;opacity:.9;stroke:var(--c8);fill:var(--c8);
}

.p_item .head{
margin-left:auto;margin-right:auto;
}
.p_item .head h1{
color:var(--c8-1);
font-size:18px;
font-weight:650;
line-height:1;
margin:0px;padding:0px;
margin-bottom:4px;
}
.p_item .head h2{
color:var(--c7-1);
font-size:16px;
font-weight:500;
line-height:1;
margin:0px;padding:0px;
padding-left:10px;
padding-right:10px;
}
.p_item .head .quote svg{
width:13px;height:13px;
}
.p_item #bid{
margin:20px;
}

.p_item #ends{
margin:20px;
padding:12px;
font-size:14px;
font-weight:550;
}
.p_item #ends h3{
font-size:11px;
line-height:1;
margin-bottom:6px;
}
.p_item #ends .b{
background-color:var(--c2);
border-radius:2px;
}
.p_item #ends div{
line-height:1;
}

.p_item .br1{
border-right:1px solid var(--c2-1);
}
.p_item .br2{
border-right:1px solid var(--c2-1);
}
.p_item .second{
display:inline-flex;
justify-content:center;
align-items:center;
text-align:center;
width:100%;
color:var(--c7);
font-size:var(--fsx4);
font-weight:500;
}
.p_item .second svg{
width:15px;height:15px;
}

.p_item .cut{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.p_item #text{
font-size:var(--fsx2);
color:var(--c7-1);
line-height:1.4;
}

.p_item #map{
position:relative;
}
.p_item #map .wr{
opacity:.9;width:100%;height:140px;overflow:hidden;
display:flex;align-items:center;justify-content:center;
}
.p_item #map .wr2{
position:absolute;top:0px;left:0px;bottom:0px;right:0px;
}
.p_item #map .wr3{
width:100%;margin-top:-20px;
}
.p_item #map iframe{
width:100%;height:380px;border:0;margin-bottom:-30px;
-webkit-filter:grayscale(100%) saturate(0%) contrast(170%);filter:grayscale(100%) saturate(0%) contrast(170%);
opacity:.85;
}

.p_item .details{
font-size:var(--fsx3);
color:var(--c9);
}
.p_item .details h1,.p_item .details h2,.p_item .details h3{
align-self:flex-start;
white-space:nowrap;
font-weight:600;
margin-right:17px;
}
.p_item .details .dots{
align-self:flex-start;
flex:1;
min-width:20px;
margin-right:17px;
color:var(--c2);
font-size:var(--fsx5);
font-weight:400;
letter-spacing:0;
}
.p_item .details .dots:before{
content: '__________________________________________________________________________________________________________________';
display:block;
white-space:nowrap;
overflow:hidden;
}
.p_item .details .txt{
align-self:flex-start;
flex-wrap:wrap;
text-align:right;
}

.p_item #expert{
display:inline-flex;
color:var(--c10);
position:relative;
font-size:var(--fsx3);
font-weight:450;
font-style:italic;
}
.p_item #expert svg{
width:18px;height:18px;fill:var(--c6-1);
}
.p_item #expert .sec svg{
display:inline;width:16px;height:16px;margin-bottom:5px;
}
.p_item #expert:hover{
cursor:pointer;
}

.p_blog .editors{
display:block;
width:100%;max-width:150px;
float:left;
}
.p_blog .editors .image{
position:relative;
width:100%;
aspect-ratio:1;
transition:all .2s;
transition-timing-function:ease-out;
border-radius:4px;
background-color:var(--c3);
display:flex;align-items:center;justify-content:center;
}
.p_blog .editors .image .ph{
position:absolute;top:0px;left:0px;bottom:0px;right:0px;margin:0px;padding:0px;
}
.p_blog .editors .image .ph img{
min-width:100%;min-height:100%;object-fit:cover;
}

.p_blog #image{
position:relative;
width:38%;
aspect-ratio:1;
float:right;
transition:all .2s;
transition-timing-function:ease-out;
margin-left:30px;
margin-bottom:20px;
border-radius:4px;
background-color:var(--c3);
overflow:hidden;
display:flex;align-items:center;justify-content:center;
}
.p_blog #image .ph{
position:absolute;top:0px;left:0px;bottom:0px;right:0px;margin:0px;padding:0px;overflow:hidden;
}
.p_blog #image img{
min-width:100%;min-height:100%;object-fit:cover;
}

#checkout{
width:100%;max-width:400px;margin-top:20px;margin-left:auto;margin-right:auto;
}

.mlra{
margin-left:auto;margin-right:auto;
}

#bd{
position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:-1;opacity:.08;filter: brightness(40%);
}
#bd img{
min-width:100%;min-height:100%;margin:auto;filter:grayscale(.8) brightness(1.5) contrast(1.2);
transition:all .2s;
transition-timing-function:ease-out;
opacity:0;
object-fit:cover;
}

.boxed{
border:1px solid var(--c2-1);border-radius:2px;
}

.nb{
border:0px!important;
} 

.ingress{
font-weight:600;
}

#models{
display:flex;
margin-bottom:14px;
padding-left:3px;
padding-right:3px;
}
#models a{
font-weight:500;
margin-right:20px;
}
#models a.selected{
font-weight:800;
}

.bgc1{ background-color:var(--c1)!important; }
.bgc1-1{ background-color:var(--c1-1)!important; }
.bgc2{ background-color:var(--c2)!important; }
.bgc2-1{ background-color:var(--c2-1)!important; }
.bgc3 { background-color:var(--c3)!important; }
.bgc3-1 { background-color:var(--c3-1)!important; }
.bgc4 { background-color:var(--c4)!important; }
.bgc4-1 { background-color:var(--c4-1)!important; }
.bgc5 { background-color:var(--c5)!important; }
.bgc5-1 { background-color:var(--c5-1)!important; }
.bgc6 { background-color:var(--c6)!important; }
.bgc6-1 { background-color:var(--c6-1)!important; }
.bgc7 { background-color:var(--c7)!important; }
.bgc7-1 { background-color:var(--c7-1)!important; }
.bgc8 { background-color:var(--c8)!important; }
.bgc8-1 { background-color:var(--c8-1)!important; }
.bgc9 { background-color:var(--c9)!important; }
.bgc9-1 { background-color:var(--c9-1)!important; }
.bgc10 { background-color:var(--c10)!important; }
.bgc10-1 { background-color:var(--c10-1)!important; }
.bgc11 { background-color:var(--c11)!important; }
.bgc11-1 { background-color:var(--c11-1)!important; }

.brdc1 { border-color: var(--c1) !important; }
.brdc1-1 { border-color: var(--c1-1) !important; }
.brdc2 { border-color: var(--c2) !important; }
.brdc2-1 { border-color: var(--c2-1) !important; }
.brdc3 { border-color: var(--c3) !important; }
.brdc3-1 { border-color: var(--c3-1) !important; }
.brdc4 { border-color: var(--c4) !important; }
.brdc4-1 { border-color: var(--c4-1) !important; }
.brdc5 { border-color: var(--c5) !important; }
.brdc5-1 { border-color: var(--c5-1) !important; }
.brdc6 { border-color: var(--c6) !important; }
.brdc6-1 { border-color: var(--c6-1) !important; }
.brdc7 { border-color: var(--c7) !important; }
.brdc7-1 { border-color: var(--c7-1) !important; }
.brdc8 { border-color: var(--c8) !important; }
.brdc8-1 { border-color: var(--c8-1) !important; }
.brdc9 { border-color: var(--c9) !important; }
.brdc9-1 { border-color: var(--c9-1) !important; }
.brdc10 { border-color: var(--c10) !important; }
.brdc10-1 { border-color: var(--c10-1) !important; }
.brdc11 { border-color: var(--c11) !important; }
.brdc11-1 { border-color: var(--c11-1) !important; }

.fc1{ color:var(--c1)!important; }
.fc1-1{ color:var(--c1-1)!important; }
.fc2{ color:var(--c2)!important; }
.fc2-1{ color:var(--c2-1)!important; }
.fc3 { color:var(--c3)!important; }
.fc3-1 { color:var(--c3-1)!important; }
.fc4 { color:var(--c4)!important; }
.fc4-1 { color:var(--c4-1)!important; }
.fc5 { color:var(--c5)!important; }
.fc5-1 { color:var(--c5-1)!important; }
.fc6 { color:var(--c6)!important; }
.fc6-1 { color:var(--c6-1)!important; }
.fc7 { color:var(--c7)!important; }
.fc7-1 { color:var(--c7-1)!important; }
.fc8 { color:var(--c8)!important; }
.fc8-1 { color:var(--c8-1)!important; }
.fc9 { color:var(--c9)!important; }
.fc9-1 { color:var(--c9-1)!important; }
.fc10 { color:var(--c10)!important; }
.fc10-1 { color:var(--c10-1)!important; }
.fc11 { color:var(--c11)!important; }
.fc11-1 { color:var(--c11-1)!important; }

.fs1 { font-size: var(--s1)!important; }
.fs2 { font-size: var(--s2)!important; }
.fs3 { font-size: var(--s3)!important; }
.fs4 { font-size: var(--s4)!important; }
.fs5 { font-size: var(--s5)!important; }
.fs6 { font-size: var(--s6)!important; }
.fs7 { font-size: var(--s7)!important; }
.fs8 { font-size: var(--s8)!important; }
.fs9 { font-size: var(--s9)!important; }
.fs10 { font-size: var(--s10)!important; }
.fs11 { font-size: var(--s11)!important; }
.fs12 { font-size: var(--s12)!important; }
.fs13 { font-size: var(--s13)!important; }
.fs14 { font-size: var(--s14)!important; }
.fs15 { font-size: var(--s15)!important; }
.fs16 { font-size: var(--s16)!important; }
.fs17 { font-size: var(--s17)!important; }
.fs18 { font-size: var(--s18)!important; }
.fs19 { font-size: var(--s19)!important; }
.fs20 { font-size: var(--s20)!important; }
.fs21 { font-size: var(--s21)!important; }
.fs22 { font-size: var(--s22)!important; }
.fs23 { font-size: var(--s23)!important; }
.fs24 { font-size: var(--s24)!important; }
.fs25 { font-size: var(--s25)!important; }
.fs26 { font-size: var(--s26)!important; }
.fs27 { font-size: var(--s27)!important; }
.fs28 { font-size: var(--s28)!important; }
.fs29 { font-size: var(--s29)!important; }
.fs30 { font-size: var(--s30)!important; }
.fs31 { font-size: var(--s31)!important; }
.fs32 { font-size: var(--s32)!important; }
.fs33 { font-size: var(--s33)!important; }
.fs34 { font-size: var(--s34)!important; }
.fs35 { font-size: var(--s35)!important; }
.fs36 { font-size: var(--s36)!important; }
.fs37 { font-size: var(--s37)!important; }
.fs38 { font-size: var(--s38)!important; }
.fs39 { font-size: var(--s39)!important; }
.fs40 { font-size: var(--s40)!important; }

.fsx1 { font-size:var(--fsx1)!important; }
.fsx2 { font-size:var(--fsx2)!important; }
.fsx3 { font-size:var(--fsx3)!important; }
.fsx4 { font-size:var(--fsx4)!important; }
.fsx5 { font-size:var(--fsx5)!important; }
.fsx1-1 { font-size:var(--fsx1-1)!important; }
.fsx2-1 { font-size:var(--fsx2-1)!important; }
.fsx3-1 { font-size:var(--fsx3-1)!important; }

.lh05 { line-height: .5px!important; }
.lh1 { line-height: 1px!important;; }
.lh2 { line-height: 2px!important;; }
.lh3 { line-height: 3px!important;; }
.lh4 { line-height: 4px!important;; }
.lh5 { line-height: 5px!important;; }
.lh6 { line-height: 6px!important;; }
.lh7 { line-height: 7px!important;; }
.lh8 { line-height: 8px!important;; }
.lh9 { line-height: 9px!important;; }
.lh10 { line-height: 10px!important;; }
.lh11 { line-height: 11px!important;; }
.lh12 { line-height: 12px!important;; }
.lh13 { line-height: 13px!important;; }
.lh14 { line-height: 14px!important;; }
.lh15 { line-height: 15px!important;; }
.lh16 { line-height: 16px!important;; }
.lh17 { line-height: 17px!important;; }
.lh18 { line-height: 18px!important;; }
.lh19 { line-height: 19px!important;; }
.lh20 { line-height: 20px!important;; }