#xxx{fill:red}
#count{display:none;}

#breadcrumbs{display:flex;align-items:center;font-size:16px;color:#fffff5;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;bottom:4px;font-weight:600;padding:4px;}
#cont-home-svg{width: 24px;height: 24px;} .crumbs-home{fill:#fffff5;} #cont-home-svg:hover .crumbs-home{fill:#E0FDFF;} .separator{margin: 0 8px;font-size: 125%;}
.crumbs-link{color: #fffff5; text-decoration: underline;} .crumbs-link:hover{color: #E0FDFF; text-decoration:none;}
#burger-mob{position:fixed;background-color:hsl(48, 11%, 84%);box-shadow:3px 4px hsl(48, 11%, 60%);border: 2px solid hsl(48deg 11% 60%);z-index:3;display:none;border-radius:10px;}
.close-burg{fill:none; stroke:#555555;stroke-width:2;stroke-linecap:round;}.close-burg:hover{stroke:#B40003;}
.link-mob{display:block;color:#414141;text-decoration:none;}.link-mob:hover{text-decoration:underline;color:#894700;}
.menu-box-mob{display:flex;align-items:center;margin: 0 10px 0 20px;font-size:16px;font-weight:bold;font-family: Arial;height:53px;}
#menu-nax{height:37px;border-top-left-radius:10px;border-top-right-radius:10px;}.menu-down{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
#clouse-menu{position:absolute;top:4px;right:5px;width:30px;height:30px;cursor:pointer;}
.icon-mob{width:42px;height:42px;margin-right:20px;flex-shrink:0;}.menu-light{background-color:hsl(48deg 11% 87%);border-bottom:1px solid #c3c1b6;border-top: 1px solid #c3c1b6;}
.link-osn{color:#00588d;text-decoration:underline;}.link-osn:hover{text-decoration:none;color:#00188d;}
.link-lin2 {stroke:hsl(212deg 100% 97%);fill:none;stroke-width:2.4;stroke-linecap:round;}

#text-for-mobile,#text-for-mand{z-index:9;width:80%;text-align:justify;border:2px solid #787878;background-color:hsl(37, 59%, 98%);border-radius:10px;color:#333;display:none;font-size: 18px;line-height:24px;max-width:600px;padding:8px 16px;box-shadow:0 0 20px rgb(255 255 255 / 60%);position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-weight: 500;}
#text-comp-nax,#text-mand-nax{cursor:pointer;width:30px;height:30px;box-shadow:0 0 10px rgba(0, 0, 0, 0.3);float:right;margin: -2px -8px 10px 14px;}
#text-comp-nax:hover,#text-mand-nax:hover {box-shadow: none;transform: scale(1.04);}
#overlay-dark,#overlay-mand{position: fixed;top:0;left:0;width:100%;height: 100%;background-image: url("/ris/fon-dark.jpg");display: none;z-index:8;}

#kras-1,#kras-2,#kras-3,#kras-4,#kras-5,#kras-6,#kras-7,#kras-8,#kras-9,#kras-10,#orang-1,#orang-2,#orang-3,#orang-4,#orang-5,#orang-6,#orang-7,#orang-8,#orang-9,#orang-10,
#golt-1,#golt-2,#golt-3,#golt-4,#golt-5,#golt-6,#golt-7,#golt-8,#golt-9,#golt-10,#golzel-1,#golzel-2,#golzel-3,#golzel-4,#golzel-5,#golzel-6,#golzel-7,#golzel-8,#golzel-9,#golzel-10,
#zel-1,#zel-2,#zel-3,#zel-4,#zel-5,#zel-6,#zel-7,#zel-8,#zel-9,#zel-10,#zelgol-1,#zelgol-2,#zelgol-3,#zelgol-4,#zelgol-5,#zelgol-6,#zelgol-7,#zelgol-8,#zelgol-9,#zelgol-10,
#gol-1,#gol-2,#gol-3,#gol-4,#gol-5,#gol-6,#gol-7,#gol-8,#gol-9,#gol-10,#singol-1,#singol-2,#singol-3,#singol-4,#singol-5,#singol-6,#singol-7,#singol-8,#singol-9,#singol-10,
#sinij-1,#sinij-2,#sinij-3,#sinij-4,#sinij-5,#sinij-6,#sinij-7,#sinij-8,#sinij-9,#sinij-10,#pur-1,#pur-2,#pur-3,#pur-4,#pur-5,#pur-6,#pur-7,#pur-8,#pur-9,#pur-10,
#roz-1,#roz-2,#roz-3,#roz-4,#roz-5,#roz-6,#roz-7,#roz-8,#roz-9,#roz-10,#rozkr-1,#rozkr-2,#rozkr-3,#rozkr-4,#rozkr-5,#rozkr-6,#rozkr-7,#rozkr-8,#rozkr-9,#rozkr-10,
#chern-1,#chern-2,#chern-3,#chern-4,#chern-5,#chern-6,#chern-7,#chern-8,#chern-9,#chern-10,
#kor-1,#kor-2,#kor-3,#kor-4,#kor-5,#kor-6,#kor-7,#kor-8,#kor-9,#kor-10{border-radius: 50%; margin: 0 auto; width: 86%; aspect-ratio: 1 / 1;box-sizing: border-box;}

#kras-1 {background-color: hsl(0, 100%, 20%);} #kras-2 {background-color: hsl(0, 100%, 35%);} #kras-3 {background-color: hsl(351, 87%, 47%);}
#kras-4 {background-color: hsl(0, 100%, 50%);} #kras-5{background-color: hsl(0, 53%, 58%);} #kras-6 {background-color: hsl(0, 80%, 65%);} 
#kras-7 {background-color: hsl(6, 93%, 71%);} #kras-8 {background-color: hsl(0, 100%, 80%);} #kras-9{background-color: hsl(10, 90%, 84%);}  
#kras-10{background-color: hsl(0, 100%, 96%);}
#kor-1 {background-color:hsl(30, 100%, 20%);} #kor-2 {background-color:hsl(25, 76%, 31%);} #kor-3 {background-color:hsl(30, 100%, 35%);}
#kor-4 {background-color:hsl(30, 48%, 44%);} #kor-5 {background-color:hsl(29, 52%, 50%);} #kor-6 {background-color:hsl(27, 65%, 60%);}
#kor-7 {background-color:hsl(34, 70%, 70%);} #kor-8 {background-color:hsl(34, 44%, 69%);} #kor-9 {background-color:hsl(39, 77%, 83%);}
#kor-10{background-color: hsl(39, 80%, 96%);}
#orang-1 {background-color:hsl(26, 100%, 33%);} #orang-2 {background-color:hsl(25, 100%, 38%);} #orang-3 {background-color:hsl(24, 100%, 44%);} 
#orang-4 {background-color:hsl(33, 100%, 48%);} #orang-5 {background-color:hsl(26, 100%, 53%);} #orang-6 {background-color:hsl(30, 100%, 62%);}
#orang-7 {background-color:hsl(28, 80%, 70%);} #orang-8 {background-color:hsl(32, 90%, 78%);} #orang-9 {background-color:hsl(34, 100%, 88%);}
#orang-10{background-color: hsl(24,100%, 96%);}
#golt-1 {background-color:hsl(43, 74%, 49%);} #golt-2 {background-color:hsl(51, 75%, 53%);} #golt-3 {background-color:hsl(60, 100%, 50%);}  
#golt-4 {background-color:hsl(45, 100%, 63%);} #golt-5 {background-color:hsl(46, 97%, 71%);} #golt-6 {background-color:hsl(50, 95%, 75%);}  
#golt-7 {background-color:hsl(60, 100%, 80%);} #golt-8{background-color:hsl(48, 80%, 83%);} #golt-9 {background-color:hsl(60, 60%, 90%);} 
#golt-10 {background-color:hsl(60, 100%, 96%);}
#golzel-1 {background-color:hsl(82, 39%, 30%);}  #golzel-2 {background-color:hsl(90, 100%, 35%);} #golzel-3 {background-color:hsl(80, 60%, 35%);} 
#golzel-4 {background-color:hsl(75, 100%, 50%);} #golzel-5 {background-color:hsl(84, 100%, 59%);} #golzel-6 {background-color:hsl(73, 64%, 60%);}
#golzel-7 {background-color:hsl(90, 60%, 65%);} #golzel-8 {background-color:hsl(90, 100%, 80%);} #golzel-9 {background-color:hsl(90, 56%, 91%);} 
#golzel-10 {background-color:hsl(90, 100%, 96%);} 
#zel-1 {background-color: hsl(120, 100%, 20%);} #zel-2 {background-color: hsl(120, 100%, 35%);} #zel-3 {background-color: hsl(120, 100%, 50%);} 
#zel-4 {background-color: hsl(120, 9%, 53%);} #zel-5 {background-color: hsl(138, 29%, 55%);} #zel-6 {background-color: hsl(120, 70%, 65%);}
#zel-7 {background-color: hsl(113, 56%, 76%);} #zel-8 {background-color: hsl(120, 93%, 79%);} #zel-9 {background-color: hsl(130, 65%, 88%);} 
#zel-10 {background-color: hsl(120, 100%, 96%);} 
#zelgol-1 {background-color: hsl(165, 61%, 28%);} #zelgol-2 {background-color: hsl(155, 100%, 35%);} #zelgol-3 {background-color: hsl(165, 80%, 42%);}  
#zelgol-4 {background-color: hsl(157, 100%, 49%);} #zelgol-5 {background-color: hsl(155, 40%, 50%);} #zelgol-6 {background-color: hsl(160, 51%, 60%);} 
#zelgol-7 {background-color: hsl(160, 100%, 75%);} #zelgol-8 {background-color: hsl(157, 50%, 77%);} #zelgol-9 {background-color: hsl(145, 50%, 88%);} 
#zelgol-10 {background-color: hsl(159, 100%, 96%);} 
#gol-1 {background-color:hsl(180, 100%, 20%);}  #gol-2 {background-color:hsl(180, 100%, 35%);}  #gol-3 {background-color:hsl(180, 100%, 50%);}
#gol-4 {background-color:hsl(175, 34%, 64%);} #gol-5 {background-color:hsl(170, 100%, 65%);} #gol-6 {background-color:hsl(185, 55%, 71%);}
#gol-7 {background-color:hsl(183, 30%, 80%);} #gol-8 {background-color:hsl(180, 100%, 80%);} #gol-9 {background-color:hsl(190, 80%, 90%);} 
#gol-10 {background-color:hsl(180, 100%, 96%);}
#singol-1 {background-color:hsl(210, 100%, 20%);}  #singol-2 {background-color:hsl(210, 100%, 35%);}  #singol-3{background-color:hsl(195, 100%, 48%);}
#singol-4 {background-color:hsl(207, 44%, 49%);} #singol-5 {background-color:hsl(210, 100%, 50%);} #singol-6 {background-color:hsl(207, 100%, 63%);} 
#singol-7 {background-color:hsl(210, 50%, 65%);} #singol-8 {background-color:hsl(210, 100%, 80%);} #singol-9 {background-color:hsl(220, 80%, 90%);} 
#singol-10 {background-color:hsl(210, 100%, 96%);} 
#sinij-1 {background-color:hsl(240, 100%, 20%);} #sinij-2 {background-color:hsl(240, 100%, 35%);} #sinij-3 {background-color:hsl(240, 100%, 50%);} 
#sinij-4 {background-color:hsl(248, 53%, 58%);} #sinij-5 {background-color:hsl(235, 60%, 60%);} #sinij-6 {background-color:hsl(250, 80%, 70%);} 
#sinij-7 {background-color:hsl(240, 100%, 75%);} #sinij-8 {background-color:hsl(250, 87%, 84%);} #sinij-9 {background-color:hsl(240, 100%, 90%);}
#sinij-10 {background-color:hsl(240, 100%, 96%);}
#pur-1 {background-color:hsl(275, 100%, 25%);}  #pur-2 {background-color:hsl(270, 100%, 35%);} #pur-3 {background-color:hsl(282, 100%, 41%);}
#pur-4 {background-color:hsl(270, 100%, 50%);} #pur-5 {background-color:hsl(265, 20%, 54%);} #pur-6 {background-color:hsl(288, 59%, 58%);} 
#pur-7 {background-color:hsl(270, 100%, 65%);} #pur-8 {background-color:hsl(270, 100%, 80%);} #pur-9 {background-color:hsl(280, 80%, 88%);} 
#pur-10 {background-color:hsl(270, 100%, 96%);} 
#roz-1 {background-color:hsl(300, 100%, 20%);} #roz-2 {background-color:hsl(300, 100%, 35%);} #roz-3 {background-color:hsl(300, 100%, 45%);} 
#roz-4 {background-color:hsl(300, 100%, 55%);} #roz-5 {background-color:hsl(290, 70%, 60%);}  #roz-6 {background-color:hsl(300, 30%, 70%);}
#roz-7 {background-color:hsl(300, 76%, 72%);} #roz-8 {background-color:hsl(310, 70%, 80%);} #roz-9 {background-color:hsl(290, 100%, 88%);}
#roz-10 {background-color:hsl(300, 100%, 96%);}
#rozkr-1 {background-color:hsl(330, 100%, 20%);} #rozkr-2 {background-color:hsl(330, 100%, 35%);} #rozkr-3 {background-color:hsl(335, 80%, 47%);}
#rozkr-4 {background-color:hsl(328, 100%, 52%);} #rozkr-5 {background-color:hsl(345, 100%, 60%);} #rozkr-6 {background-color:hsl(350, 96%, 71%);} 
#rozkr-7 {background-color:hsl(330, 100%, 72%);} #rozkr-8 {background-color:hsl(330, 70%, 80%);} #rozkr-9 {background-color:hsl(340, 80%, 88%);}
#rozkr-10 {background-color:hsl(330, 100%, 96%);}
#chern-1 {background-color:hsl(1, 0%, 0%);} #chern-2 {background-color:hsl(1, 0%, 20%);} #chern-3 {background-color:hsl(180, 25%, 25%);} 
#chern-4 {background-color:hsl(1, 0%, 45%);} #chern-5 {background-color:hsl(210, 13%, 50%);} #chern-6 {background-color:hsl(1, 0%, 55%);}
#chern-7 {background-color:hsl(1, 0%, 67%);} #chern-8 {background-color:hsl(1, 0%, 80%);} #chern-9 {background-color:hsl(1, 0%, 90%);}
#chern-10 {background-color:hsl(1, 0%, 98%);}

html, body {height: 100%;margin: 0;padding: 0;position: relative;} body {font-family: 'Nunito', 'Roboto', 'Arial', sans-serif;background-color:#9C9C9C;}
#fon{justify-content:space-between;display:flex;} #veil{fill:transparent;}
#im{height:100%;background-color:#F9F9F9;position: relative;border:solid 3px #828282;box-sizing:border-box;margin:0 auto;} 
#pal-osn{width:160px;border:solid 3px #828282;border-left: none;background:linear-gradient(hsl(27deg 20% 70%), hsl(27deg 20% 60%));padding: 4px 0px; flex-shrink: 0;} #pal-osn{display:flex;justify-content:space-between;box-sizing: border-box;} #pal{display:flex;flex-direction:column;justify-content:space-around;width:90px;}
#pal-2{display:none;width:100%;height:100%;position:relative;flex-direction:column;justify-content:space-between;}
#pal-c0,#pal-c25,#pal-c30,#pal-c60,#pal-c90,#pal-c120,#pal-c150,#pal-c180,#pal-c210,#pal-c240,#pal-c270,#pal-c300,#pal-c330,#pal-c1{display:none;width: 60px;flex-direction: column;justify-content: space-around;}
#c0,#c25,#c30,#c60,#c90,#c120,#c150,#c180,#c210,#c240,#c270,#c300,#c330,#c1{height:38px;width:60px;background-position:center right;background-repeat:no-repeat;display:block;transition: 0.25s width linear;}
#pal-c0,#pal-c25,#pal-c30,#pal-c60,#pal-c90,#pal-c120,#pal-c150,#pal-c180,#pal-c210,#pal-c240,#pal-c270,#pal-c300,#pal-c330,#pal-c1 > div:hover {cursor: pointer;}
#c0{background-image: url(im/0-l.png);} #c25{background-image: url(im/25-l.png);} #c30{background-image: url(im/30-l.png);} #c60{background-image: url(im/60-l.png);}
#c90{background-image: url(im/90-l.png);} #c120{background-image: url(im/120-l.png);} #c150{background-image: url(im/150-l.png);}
#c180{background-image: url(im/180-l.png);} #c210{background-image: url(im/210-l.png);} #c240{background-image: url(im/240-l.png);}
#c270{background-image: url(im/270-l.png);} #c300{background-image: url(im/300-l.png);} #c330{background-image: url(im/330-l.png);}#c1{background-image: url(im/1-l.png);}

.all-block{width: 100%; height: 100%;display: block;} .curs-point:hover{cursor: pointer;}

.kar-d{fill:hsl(48, 62%, 78%);}.kar-l{fill:hsl(48, 62%, 90%);}.kar-g{fill:hsl(55, 90%, 50%);}.kar-gl{fill:hsl(55, 90%, 65%);}.kar-gd{fill:hsl(55, 90%, 45%);}.kar-k{fill:hsl(0, 90%, 50%);}.kar-kl{fill:hsl(0, 90%, 65%);}.kar-kd{fill:hsl(0, 90%, 45%);}.kar-z{fill:hsl(120, 90%, 50%);}.kar-zl{fill:hsl(120, 90%, 65%);}.kar-zd{fill:hsl(120, 90%, 45%);}.kar-s{fill:hsl(212, 90%, 50%);}.kar-sl{fill:hsl(212, 90%, 65%);}.kar-sd{fill:hsl(212, 90%, 45%);}.kar-o{fill:hsl(35, 90%, 50%);}.kar-ol{fill:hsl(35, 90%, 65%);}.kar-od{fill:hsl(35, 90%, 45%);}.kar-f{fill:hsl(280, 90%, 50%);}.kar-fl{fill:hsl(280, 90%, 65%);}.kar-fd{fill:hsl(280, 90%, 45%);}
.krug-zel1{fill:hsl(82, 75%, 20%);}.krug-zel2{fill:hsl(82, 75%, 35%);}.krug-zel3{fill:hsl(82, 75%, 50%);stroke:#fff; stroke-width: 1.4; }.krug-zel4{fill:hsl(82, 75%, 65%);}
.krug-zel5{fill:hsl(82, 75%, 80%);}.bel-fill{fill:#fff;}.chern-fill{fill:#000000;}.svetlo-ser-fill{fill:#E4E4E4;}
.ic-return{fill:none;stroke:#4E2F0C;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

.zag-info{margin: 0 0 10px 0;text-align:center;font-size: 20px;font-weight:bold;color: hsl(220, 100%, 30%);}
.grid-button{display: flex;flex-direction: column;background-color: hsl(40, 40%, 94%);margin-bottom: 20px;padding: 12px;border-radius: 12px;border: 1px solid hsl(40, 40%, 74%);}
.grid-stripe{display: flex;align-items: center;padding: 4px 0;margin-bottom: 10px;background-color: hsl(40deg 40% 99%);border-radius: 10px;border: 1px solid hsl(45deg 40% 85%);}

.img-button,.img-button-long{margin: 0 14px 0 6px;flex-shrink: 0;border: 1px solid hsl(0, 0%, 44%);border-radius: 4px;width: 36px;height: 36px;background: linear-gradient(to bottom, hsl(0, 0%, 71%), hsl(0, 0%, 51%));box-shadow: 2px 3px 5px rgb(0 0 0 / 15%);box-sizing: border-box;}
.img-button-long{width: 110px;height: auto;}.fon-kor{background: #baa798;} #no-full-scr-mob{display: none;}
.help-text {margin: 0;font-size: 17px;line-height: 1.4;color: #333;display: block;}.bold{font-weight: bold;}.dark210{color: hsl(210, 100%, 20%);}

#dimm {height:40px;display: flex;justify-content:flex-start;align-items:center;margin-top:12px;width: 100%;} #dimm0{width:160px;position:relative;}
#dimm1,#dimm2{width:96px;margin:0 auto;height:auto;border: 1px solid hsl(0, 0%, 90%);cursor:pointer;border-radius: 8px;}
#dimm1{display: none;}#dimm2{display: flex;align-items: center;} #dimm3,#dimm4,#dimm5,#dimm6,#dimm7{ display:flex;justify-content:space-between;}
#dimm3{width: 42px;} #dimm4,#dimm5,#dimm7{width: 160px;} #dimm6{width: 100px;} #dimm-a{display:flex;justify-content:space-around;flex: 1;}
#dimm1:hover, #dimm2:hover{cursor:pointer;background-color:hsl(0, 0%, 55%);border:1px solid hsl(0, 0%, 99%);filter: brightness(1.03);transform: scale(1.02);}
#dimm1:active, #dimm2:active{cursor:pointer;background-color:hsl(0, 0%, 55%);border:1px solid hsl(0, 0%, 99%);filter: brightness(0.98);transform: scale(0.97);}

#errorPopup, #errorPopup2, #errorPopup3, #err-popup, #err-popup2, #err-popup3, #fon-popup, #fon-popup2, #fon-popup3 {position:absolute;display:none;background-color:#606060;color:#fffef2;align-items:center;border-radius:10px;z-index:8;width:192px;height: 50px;border: 2px solid #fffee7;}
.pop{font-size: 16px; font-family: Arial;margin:0;padding: 0 2px; text-align: center;}
#burger-menu,#home,#fullscreen,#no-fullscreen,#description,#cancel,#pipet,#refresh,#question,#telegram-sh,#twitter-sh,#facebook-sh,#pinterest-sh,#share,#link,#share2,#download,#print,#test{border: 1px solid hsl(0deg 0% 82%);border-radius: 4px;cursor: pointer;width: 40px;height: 40px;position: relative;background: linear-gradient(to bottom, hsl(0, 0%, 71%), hsl(0, 0%, 51%));box-shadow: 2px 3px 5px rgb(0 0 0 / 15%);box-sizing: border-box;}
#share-box{display:none;flex-wrap:wrap;width:46px;background-color:#9c9c9c;position:absolute;bottom:-1px;left:50%;transform:translate(-50%, 0px);border-radius:8px;align-content:flex-end;}

.link-bar{stroke: none; fill: hsl(212deg 100% 97%);}.link-lin{stroke: hsl(212deg 100% 97%); fill: none; stroke-width:2;}
.print-2-bar{stroke: hsl(212deg 100% 97%);fill: none;stroke-width: 1.8px;}.print-3-bar{stroke:hsl(212deg 100% 97%);fill: none;stroke-width: 1.4px;}
.print-all{stroke:hsl(212deg 100% 97%);fill: hsl(0deg 0% 55%);stroke-width: 1.8px;}#share{position:relative;}#share2{margin:0 auto;border: 1px solid hsl(50deg 100% 90%);}
#burger-menu:hover, #home:hover, #fullscreen:hover, #cancel:hover, #pipet:hover, #refresh:hover, #question:hover, #description:hover, #link:hover, #share:hover, #print:hover, #download:hover, #test:hover{border: 1px solid hsl(50, 100%, 90%);filter: brightness(1.04);transform: scale(1.05);box-shadow: none;}
#burger-menu:active, #home:active, #fullscreen:active, #cancel:active, #pipet:active, #refresh:active, #question:active, #description:active, #link:active, #share:active, #print:active, #download:active, #test:active{border: 1px solid hsl(50, 100%, 90%);filter:brightness(0.97);transform: scale(0.97);box-shadow:none;}
#home:hover #home-link, #cancel:hover #cancel-link, #pipet:hover #pipet-link, #refresh:hover #refresh-link, #question:hover #question-link, #description:hover #description-link, #link:hover #link-link, #share:hover #share-link, #print:hover #print-link, #download:hover #download-link{stroke: hsl(50deg 0% 59%); fill: hsl(50deg 100% 90%);stroke-width:0.5;}

#burger-menu:hover #burger-menu-link, #fullscreen:hover .link-lin, #no-fullscreen:hover .link-lin, #share:hover #share-link-lin, #print:hover #print-2-link, #print:hover #print-all, #test:hover #test-link{stroke: hsl(50deg 100% 90%);stroke-width:1.6;}
#no-fullscreen{ display: none;} #no-fullscreen:hover{border: 1px solid hsl(50deg 100% 90%);} 
#telegram-sh{margin:10px auto 0;}#telegram-sh:hover{border:1px solid hsl(196deg 79% 85%);}#telegram-sh:hover #telegram-sh-light{stroke:hsl(196deg 50% 85%);}
#telegram-sh:hover #telegram-sh-link{stroke:hsl(50deg 0% 59%); fill:hsl(196deg 79% 85%);stroke-width:0.5;}#telegram-sh:hover #telegram-sh-darck{stroke:hsl(196deg 50% 65%);}
#twitter-sh{margin:16px auto;} #twitter-sh:hover{ border: 1px solid hsl(0deg 0% 90%);}#twitter-sh:hover #twitter-sh-link{stroke: hsl(50deg 0% 59%); fill: hsl(0deg 0% 90%);stroke-width:0.5;}
#facebook-sh{margin:0 auto;} #facebook-sh:hover{ border: 1px solid hsl(217deg 100% 86%);}#facebook-sh:hover #facebook-sh-link{stroke: hsl(50deg 0% 59%); fill: hsl(217deg 100% 86%);stroke-width:0.5;}
#pinterest-sh{margin:16px auto;} #pinterest-sh:hover{ border: 1px solid hsl(18deg 100% 88%);}#pinterest-sh:hover #pinterest-sh-link{stroke: hsl(50deg 0% 59%); fill: hsl(18deg 100% 88%);stroke-width:0.5;}
#print:hover #print-3-link{stroke: hsl(50deg 100% 90%);stroke-width:1.2;}
#telegram-sh:hover #telegram-text, #twitter-sh:hover #twitter-text, #facebook-sh:hover #facebook-text, #pinterest-sh:hover #pinterest-text {visibility: visible;opacity:1;}

.refresh-text,.pipet-text,.cancel-text,.descr-text,.no-full-text,.full-text,.home-text,.pallit-text,.link-text,.download-text,.print-text,.test-text,.question-text { visibility:hidden; color:#ffffff;text-align:center;border-radius:4px;padding:6px;position:absolute;z-index: 9;bottom:48px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.6s;font-size:14px;font-family:Tahoma;white-space:nowrap;font-weight: bold;letter-spacing:1px;background: linear-gradient(to bottom, hsl(0deg 0% 96%) 2%, hsl(0deg 0% 68%) 6%, hsl(0deg 0% 40%) 98%);border: 1px solid hsl(0deg 0% 30%);}

#telegram-text,#twitter-text,#facebook-text,#pinterest-text{ visibility:hidden; color:#ffffff;text-align:center;border-radius:4px;padding:6px;position:absolute;z-index: 9; right:58px;top: 2px;opacity:0;transition:opacity 0.6s;font-size:14px;font-family:Tahoma;white-space:nowrap;font-weight: bold;letter-spacing:1px;background: linear-gradient(to bottom, hsl(0deg 0% 96%) 2%, hsl(0deg 0% 68%) 6%, hsl(0deg 0% 40%) 98%);border: 1px solid hsl(0deg 0% 30%);}

.treug-l {width:0;height:0;border:0 solid transparent;position:absolute;transform:translateY(-50%);z-index:9;border-top-width:10px;border-bottom-width:10px;border-left:10px solid hsl(0deg 0% 50%);top:50%;right: -10px;}
.treug-d{width:0;height:0;border:0 solid transparent;border-left-width:12px;border-right-width:12px;border-top:12px solid hsl(0deg 0% 30%);position:absolute;left: 50%;transform: translateX(-50%);bottom: -12px;z-index:9;}
.treug-r{width:0;height:0;border:0 solid transparent;border-bottom-width:10px;border-top-width:10px;border-left:14px solid hsl(0deg 0% 50%);position:absolute;transform:translateY(-50%);z-index:9;top:50%;right: -14px;}

#pal-ranger{width: 26px;height: 80%;position: relative;} #canvas:hover{cursor: pointer;}
#part-top{display: flex;width: 100%;height: 82%;justify-content: space-around;}
#rainbow{width: 35%;display: flex;align-items: center;justify-content: center;}
#regulators{display: flex; flex-direction: column; width: 50%;justify-content:space-around;align-items: center;} #ic-return-cont{width:42px;height:24px;}
.slider-wrap,.number-wrap,#mix-wrap{display:flex;justify-content:center;align-items:center;} #color-mix{width:50%;height:60%;border:6px solid white;border-radius:16px;max-height:50px;}
.slider-wrap{height:33%;} .number-wrap{width:48px;height:24px;} #mix-wrap{height: 19%;width:100%;}
#sbros{width:60px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;background: linear-gradient(to bottom, hsl(34, 30%, 84%), hsl(34, 30%, 64%));box-shadow: 2px 3px 6px rgb(0 0 0 / 15%);}
#sbros:hover{transform: scale(1.04);filter: rightness(1.04);box-shadow:none;cursor:pointer;}#sbros:active{transform:scale(0.97);filter:brightness(0.98);box-shadow:none;cursor:pointer;}	
#brightness,#saturation { -webkit-appearance:none;appearance:none;outline:none;opacity:0.88;transform:rotate(270deg);width:150px;height:6px;display:block;background-color:#FFF;touch-action:manipulation;cursor:pointer;}
#colors { -webkit-appearance:none;appearance:none;outline:none;transform:rotate(90deg);transform-origin:0% 0%;height:0px;top:-2px;left:50%;position:absolute;display:block;cursor:pointer;}
#brightness-value,#saturation-value{width:100%;height:100%;display:block;text-align:center;border:1px solid hsl(34, 30%, 44%);outline:none;background-color:hsl(34, 30%, 74%);color:hsl(34, 100%, 15%);font-weight:700;font-size:18px;border-radius:6px;box-sizing:border-box;padding:0;}
#brightness-value:focus, #saturation-value:focus {background-color: hsl(34deg 30% 95%);border: 2px solid hsl(34, 30%, 44%);}
#brightness-value:hover, #saturation-value:hover {background-color: hsl(34deg 30% 82%);border: 2px solid hsl(34, 30%, 44%);}
#brightness:hover, #saturation:hover, #colors:hover{opacity:1;}
#colors::-webkit-slider-thumb { -webkit-appearance:none;appearance:none;width:8px;height:30px;border:0; cursor:pointer;background-color: #FFF;border-radius: 6px;}
#colors::-moz-range-thumb {width: 8px;height: 30px;  border: 0; cursor: pointer; background-color: #FFF;border-radius: 6px;}
#brightness::-webkit-slider-thumb, #saturation::-webkit-slider-thumb { -webkit-appearance:none;appearance:none;background-size:cover;width:24px;height:24px;border-radius:50%;border: 0;cursor: pointer;}
#brightness::-webkit-slider-thumb { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20fill%3D%22%23000%22%20width%3D%2228%22%20height%3D%2228%22/%3E%3Crect%20fill%3D%22%23FFF%22%20width%3D%2228%22%20height%3D%2214%22/%3E%3C/svg%3E");}
#saturation::-webkit-slider-thumb { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20fill%3D%22%230054ff%22%20width%3D%2228%22%20height%3D%2228%22/%3E%3Crect%20fill%3D%22%23ff0000%22%20width%3D%2214%22%20height%3D%2228%22/%3E%3Crect%20fill%3D%22%2302ec00%22%20y%3D%2214%22%20width%3D%2228%22%20height%3D%2214%22/%3E%3Crect%20fill%3D%22%23ffd300%22%20y%3D%2214%22%20width%3D%2214%22%20height%3D%2214%22/%3E%3C/svg%3E");}
#brightness::-moz-range-thumb,#saturation::-moz-range-thumb {background-size: cover;width: 24px;height: 24px;border-radius: 50%;border: 0;cursor: pointer;}
#brightness::-moz-range-thumb {background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20fill%3D%22%23000%22%20width%3D%2228%22%20height%3D%2228%22/%3E%3Crect%20fill%3D%22%23FFF%22%20width%3D%2228%22%20height%3D%2214%22/%3E%3C/svg%3E");}
#saturation::-moz-range-thumb { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Crect%20fill%3D%22%230054ff%22%20width%3D%2228%22%20height%3D%2228%22/%3E%3Crect%20fill%3D%22%23ff0000%22%20width%3D%2214%22%20height%3D%2228%22/%3E%3Crect%20fill%3D%22%2302ec00%22%20y%3D%2214%22%20width%3D%2228%22%20height%3D%2214%22/%3E%3Crect%20fill%3D%22%23ffd300%22%20y%3D%2214%22%20width%3D%2214%22%20height%3D%2214%22/%3E%3C/svg%3E");}
input[type="range"] {touch-action: manipulation;} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none;margin:0;}
input[type="number"] { -moz-appearance: textfield;} input[type="number"]:hover, input[type="number"]:focus { -moz-appearance: number-input; }
#sst1,#sst2,#sst3{ transform-origin: 50% 50%; transform-box: fill-box; transition: transform .5s linear; transform: scale(0.05);}
#sst1{fill:#0069EE;} #sst2{fill:#2BEB00;} #sst3{fill:#F00048;} #vsph{display: none;}

/*-------Описание--------*/
#box-text,#confirm,#conf-link,#box-test,#question-text{position:absolute;top:0px;left:50%;font-size:17px;font-weight: 500;padding:8px 34px;background-color: hsl(37deg 59% 98%);box-shadow: 3px 4px hsl(310deg 60% 50%);border: 2px solid hsl(310deg 60% 50%);z-index:3;display:none;}
#confirm,#conf-link{width:30%;max-width: 480px;transform: translate(-50%, -50%);border-radius:20px;} .img-svg-auto {display: block;width: 100%;height: auto;}
#box-text,#box-test,#question-text{width:80%;transform: translate(-50%, 0px);max-width: 950px;border-top-left-radius: 18px; border-bottom-left-radius: 18px;overflow-y: auto;}
.h-comic{font-size: 22px;color: hsl(310deg 100% 30%);margin: 10px 0;} .h2-comic,.h3-comic {font-size: 20px;color: hsl(310deg 100% 30%);margin: 10px 0;} p {margin: 10px 0;} 
#overlay{position:fixed;top:0;left:0;width:100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display:none;z-index:2;}
#clouse,#clouse-question{position: absolute;right:10px;top:12px;width:30px;height:30px;cursor: pointer;box-shadow: 0 4px 8px rgb(0 0 0 / 15%);}
.akk-btn{padding:6px 18px;border-radius:10px;border:1px solid hsl(33, 40%, 65%);color: hsl(30, 70%, 22%);font-size:19px;font-weight:bold;text-align:center;cursor:pointer;letter-spacing: 0.4px;display:block;text-decoration:none;min-width:70px;background: linear-gradient(to bottom, hsl(33, 55%, 92%), hsl(33, 55%, 78%));width: fit-content;margin: 0 auto;box-shadow: 0 4px 8px rgb(0 0 0 / 15%);}
.akk-btn:hover{transform: scale(1.04);filter: brightness(1.05);box-shadow: none;}.akk-btn:active{transform: scale(0.98);filter: brightness(0.97);box-shadow: none;}
.orang{color: hsl(17deg 100% 40%);font-size: 110%;font-weight: bold; text-align: center;} #flex-btn{display: flex; width: 100%; margin: 26px auto 16px;justify-content: space-around;}
.conf{font-size: 19px; text-align: center;}.ser-centr{font-weight: bold; text-align: center; color:#5B5B5B;}.p110{font-size: 110%;}.p-cent{text-align:center;}.pb{font-weight:bold;}
/*-------Описание--------*/

@media (min-width:2100px) {
#c0,#c25,#c30,#c60,#c90,#c120,#c150,#c180,#c210,#c240,#c270,#c300,#c330,#c1{height:76px;width:120px;background-size: cover;}
#pal-osn,#dimm0,#dimm4,#dimm5,#dimm7{width:320px;} #im,#pal-osn{border:solid 6px #828282;} #pal{width: 170px;} #dimm {height:80px;margin-top:22px;}
#burger-menu, #home, #fullscreen, #no-fullscreen, #description, #cancel, #pipet, #refresh, #question, #telegram-sh, #twitter-sh, #facebook-sh, #pinterest-sh, #share, #link, #share2, #download, #print, #test {border: 2px solid hsl(0deg 0% 82%);border-radius: 8px;width: 80px;height: 80px;} #dimm3{width: 84px;}
#dimm6{width: 200px;} #dimm1, #dimm2 {width: 220px;} #breadcrumbs {font-size:17px;}
#pal-c0, #pal-c25, #pal-c30, #pal-c60, #pal-c90, #pal-c120, #pal-c150, #pal-c180, #pal-c210, #pal-c240, #pal-c270, #pal-c300, #pal-c330, #pal-c1 {width: 120px;}
#pal-ranger {width: 52px;} #colors::-webkit-slider-thumb {width:16px;height:58px;} #colors::-moz-range-thumb {width:16px;height:52px;} #brightness, #saturation {height:12px;}
#brightness::-moz-range-thumb, #saturation::-moz-range-thumb {width:48px;height:48px;} #brightness::-webkit-slider-thumb, #saturation::-webkit-slider-thumb {width:48px;height:48px;}
.number-wrapper{width:96px;height:48px;} #brightness-value, #saturation-value{font-size:24px;} #sbros{width:120px;height:60px;} #ic-return-cont{width:84px;height:48px;}
}

@media (max-width: 979px)  {
#confirm,#conf-link{width:50%;} #man-osn{width:118px;padding:2px 0px;border:solid 2px #828282;}
 }

@font-face {font-family: 'Nunito'; src: url('/fonts/Nunito-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: 'Nunito'; src: url('/fonts/Nunito-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face {font-family: 'Nunito'; src: url('/fonts/Nunito-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face {font-family: 'Nunito'; src: url('/fonts/Nunito-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap;}