@font-face {font-family: 'Handjet'; src: url('/templates/acess/font/all/Handjet-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face {font-family: 'Tektur'; src: url('/templates/acess/font/all/Tektur-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap;}
:root {
	--sir: #989898; --red: #e81c1d; --orang: #e39818; --jovt: #e5e21b; --sun: #1a3fe5; --zel: #62cb29; --fiolt: #8627cb; --font2: normal 12px/1.0 Roboto, sans-serif;
/* Dark */
--c-dark: rgba(26, 29, 32, 1);
--c-dark-80: rgba(26, 29, 32, 0.8);
--c-dark-60: rgba(26, 29, 32, 0.6);
--c-dark-40: rgba(26, 29, 32, 0.4);
--c-dark-20: rgba(26, 29, 32, 0.25);
--c-dark-10: rgba(26, 29, 32, 0.1);
/* Gray */
--c-gray: rgba(148, 162, 176, 1);
--c-gray-80: rgba(148, 162, 176, 0.8);
--c-gray-60: rgba(148, 162, 176, 0.6);
--c-gray-40: rgba(148, 162, 176, 0.4);
--c-gray-20: rgba(148, 162, 176, 0.25);
--c-gray-10: rgba(148, 162, 176, 0.1);

/* White */
--c-white: rgba(255, 255, 255, 1);
--c-white-80: rgba(255, 255, 255, 0.85);
--c-white-60: rgba(255, 255, 255, 0.6);
--c-white-40: rgba(255, 255, 255, 0.4);
--c-white-20: rgba(255, 255, 255, 0.2);
--c-white-10: rgba(255, 255, 255, 0.1);

/* Biruz */
--c-biruz: rgba(22, 128, 153, 1);
--c-biruz-80: rgba(22, 128, 153, 0.8);
--c-biruz-60: rgba(22, 128, 153, 0.6);
--c-biruz-40: rgba(22, 128, 153, 0.4);
--c-biruz-20: rgba(22, 128, 153, 0.2);
--c-biruz-10: rgba(22, 128, 153, 0.1);

/* Blue */
--c-blue: rgba(2, 217, 255, 1);
--c-blue-80: rgba(2, 217, 255, 0.8);
--c-blue-60: rgba(2, 217, 255, 0.6);
--c-blue-40: rgba(2, 217, 255, 0.4);
--c-blue-20: rgba(2, 217, 255, 0.2);
--c-blue-10: rgba(2, 217, 255, 0.1);

/* Red */
--c-red: rgba(255, 76, 76, 1);
--c-red-80: rgba(255, 76, 76, 0.8);
--c-red-60: rgba(255, 76, 76, 0.6);
--c-red-40: rgba(255, 76, 76, 0.4);
--c-red-20: rgba(255, 76, 76, 0.2);
--c-red-10: rgba(255, 76, 76, 0.1);

/* Yellow */
--c-yellow: rgba(255, 193, 7, 1);
--c-yellow-80: rgba(255, 193, 7, 0.8);
--c-yellow-60: rgba(255, 193, 7, 0.6);
--c-yellow-40: rgba(255, 193, 7, 0.4);
--c-yellow-20: rgba(255, 193, 7, 0.2);
--c-yellow-10: rgba(255, 193, 7, 0.1);

/* Green */
--c-green: rgba(40, 199, 111, 1);
--c-green-80: rgba(40, 199, 111, 0.8);
--c-green-60: rgba(40, 199, 111, 0.6);
--c-green-40: rgba(40, 199, 111, 0.4);
--c-green-20: rgba(40, 199, 111, 0.2);
--c-green-10: rgba(40, 199, 111, 0.1);

/* Purple */
--c-purple: rgba(124, 77, 255, 1);
--c-purple-80: rgba(124, 77, 255, 0.8);
--c-purple-60: rgba(124, 77, 255, 0.6);
--c-purple-40: rgba(124, 77, 255, 0.4);
--c-purple-20: rgba(124, 77, 255, 0.2);
--c-purple-10: rgba(124, 77, 255, 0.1);

--gapb1: 22.07px; --gapb2: 28.07px; --gapb3: 35.71px; --gapb4: 45.42px; --gapb5: 57.77px; --gapb6: 73.48px; --gapb7: 93.47px; 
--gap: 17.35px; 
--gapm1: 13.64px; --gapm2: 10.72px; --gapm3: 8.43px; --gapm4: 6.62px; --gapm5: 5.20px; --gapm6: 4px; --gapm7: 3.22px;
--col-1: 8.3333%; --col-2: 16.6667%; --col-3: 25%; --col-4: 33.3333%; --col-5: 41.6667%; --col-6: 50%; --col-7: 58.3333%; --col-8: 66.6667%; --col-9: 75%; --col-10: 83.3333%; --col-11: 91.6667%; --col-12: 100%;
--gap-1: calc(var(--gap) / 2); --gap-2: calc((2 * var(--gap)) / 3); --gap-3: calc((3 * var(--gap)) / 4); --gap-4: calc((4 * var(--gap)) / 5); --gap-5: calc((5 * var(--gap)) / 6); --gap-6: calc((6 * var(--gap)) / 7); --gap-7: calc((7 * var(--gap)) / 8); --gap-8: calc((8 * var(--gap)) / 9); --gap-9: calc((9 * var(--gap)) / 10); --gap-10: calc((10 * var(--gap)) / 11); --gap-11: calc((11 * var(--gap)) / 12);
--btn: rgba(2, 217, 255, 0.9);
}

body {padding:0; margin:0; background:#fff; font-size:11px;color:#191817; font-family: 'Open Sans Condensed',sans-serif; font-weight:inherit;font-style:inherit;border-style:none;}
figure, iframe, media {width:100%;padding:0; margin:0;}
body::before{margin-top:30px; content:''; display:block; height:64px; width:100%; background:#fff url(/templates/v1/jokes/img/sprit.webp) 0px -2141px repeat-x;}
div, section, header, article, main, aside, footer, textarea, input, button, .nav, ol, ul, li, a  {border-style: none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table {border:none;border-collapse:collapse;}td {text-align:left;vertical-align:top;padding:0; margin:0;}
s, u, i {text-decoration:none;font-style:normal;}
a {display:inline-block;text-decoration:none;color:#2f5377;cursor: pointer;transition: color .2s ease-in-out;outline:none;}a:hover{color:#53a4ff;outline:none;}a:focus{color:#53a4ff;outline:none;}
*:focus{outline:none;}
.fullst figure {margin:20px 0; padding:6px; background:gray; text-align:center; color:white;}
input:focus, textarea:focus {cursor:text;}
:focus::-webkit-input-placeholder {color: transparent} :focus::-moz-placeholder {color: transparent}:focus:-moz-placeholder {color: transparent} :focus:-ms-input-placeholder {color: transparent}
:hover::-webkit-input-placeholder {color: transparent; transition:0.6s;} :hover::-moz-placeholder {color: transparent; transition:0.6s;} :hover:-moz-placeholder {color: transparent; transition:0.6s;} :hover:-ms-input-placeholder {color: transparent; transition:0.6s;}
p {text-align:justify;word-wrap: break-word; color:#252215;padding:0 0 1px 0; letter-spacing:1px; margin: 0 0 5px 0;font-size:14px;line-height:1.4;}
strong, b {font-weight: 900;}
em{ font-style: italic;}
ul {display:block; padding:0;margin:0;}
ul li{line-height:1.6;}
.fullst-text ul{padding:15px 0 15px 25px;}.fullst-text li{display:list-item;list-style: circle;}
h1, h2, h3, h4, h5, h6 {font-weight:900; line-height:1;margin:0;padding:0;letter-spacing: 0.003em; text-decoration: none;text-align:center;}
h1{font-size:2.6em;}
h2{font-size:1.5em;color:#0f0f0f;}
h3{font-size:1.2em; color:#0f0f0f;}
h4, h5{font-size:1.1em}
.icon {width: 26px; height: 26px;  color: grey; fill: gray; stroke: gray;}
.arhives {font-size:14px; line-height:1.5; margin-bottom:40px;}
.zagrozd{display:block;position:relative;padding-right:90px;}
.zagrozd::after, .zagbroz::after {opacity:0.5;content:"";display:block; width:100%; height:4px;background: url("/templates/v1/jokes/img/sprit.webp") 0 -2141px repeat-x; position:absolute; top:5px; left:0; z-index:-1;}
.zagrozd a {color:var(--red); text-transform:uppercase; font-size:1.4em;}
.zagrozd a:hover {color:var(--orang);}
.zagbroz::after {height:8px;opacity:1; top:auto; bottom:-12px;}
.zagbroz {display: table; position:relative; padding:0 40px; margin:5px auto;}
.zagv3 a {font-size:16px;color:var(--fiolt);}
.a-center{text-align: center;vertical-align: baseline;}
img.a-center, .a-center img, .a-center iframe, .a-center div {clear:both;display:block;margin-left:auto;margin-right:auto;}
.clear{display:table; width:100%;min-height:1px;font-size:2px;float:none;clear: both;}.clear:before, .clear:after{float:none;content:"";display: block;height:2px;width:100%;clear:both;}
.str-5 {height:5px;}.str-10 {height:10px;}.str-20 {height:20px;}.str-30 {height:30px;}.str-40 {height:40px;} .str-50 {height:50px;}.str-60 {height:60px;} .str-70 {height:70px;}.str-80 {height:80px;} .str-90 {height:90px;}.str-100 {height:100px;}
.relative {position:relative;}iframe, media {max-width:100%;min-height:500px;height:auto;}
.section {width:1700px; margin:1px auto;}
.section img, .section iframe {max-width:100%!important;}
.hedbann {overflow:hidden; min-height:95px;max-height:105px;margin:38px 0 10px 30%; width:70%; z-index:5;} .bannernuz {overflow:hidden;}
.lastkoment li {font-size:13px;margin:0 0 16px 0;}.lastkoment span {color:var(--red);font-weight:bold;}.lastkoment span::before {opacity:0.9;content:"";display:block;float:left; margin:4px 0 0 0; width:17px; height:12px;background: url("/templates/v1/jokes/img/sprit.webp") -314px -1782px repeat-x;}
.sectmain, .row, article.feeddback {display:flex; flex-flow: row wrap;justify-content: space-between;}
.col-74 {width: calc(100% - 313px);}.col-26 {width:293px;}.col-40 {width:40%;}.col-60 {width:60%;}.col-10 {width:100%;}
.row > .shortst, #dle-content  > .shortst{width:48%;}
header .nav {position:fixed; background:#fff; padding:7px 10px 0 10px; top:0; left:380px; z-index:20;}
.nav-top {list-style:none;}.nav-top span {float:left;margin:0 30px 5px 0;list-style:none;}
.nav-top span a{color:var(--red);font-size:15px;background:#fff; border-radius:5px;text-transform:uppercase;letter-spacing: -0.05em;font-weight:700;width:100%;line-height:1;}
.nav-top span a sup{color:#000;font-size:11px;text-shadow:none;}
[class*='sp-logo-'] {position:absolute;top:-10px;left:-10px;transform:scale(0.8, 0.8);}
[class*='sp-logo-'] a {display:block;width:100%;height:100%;z-index:9;}
.nav-top span:nth-of-type(2) a, .nav-top span:last-child a {color:var(--orang);}
.nav-top span:nth-of-type(3) a {color:var(--jovt);}.nav-top span:nth-of-type(4) a {color:var(--sun);}.nav-top span:nth-of-type(5) a {color:var(--zel);}.nav-top span:nth-of-type(6) a {color:var(--fiolt);}
.nav-top span:nth-of-type(7) a {color:var(--sir);}.nav-top span a:hover {color:#fff;text-shadow: var(--orang) 1px 1px 0, var(--orang) -1px -1px 0, var(--orang) -1px 1px 0, var(--orang) 1px -1px 0;}
#chkmenu, #chkmenu .nav {display:none;}#chkmenu:checked ~ label > .nav{display:block;}.btn-menu{display:none;width:40px;height:40px;background:#fff; padding:6px 5px 5px 5px;border:1px solid var(--red); border-radius:5px; position:absolute;top:41px;right:20px;z-index:615;cursor:pointer;transition:left .23s;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}
.btn-menu s{display:block;height:2px;background:var(--red);margin:6px 0 0;transition:all .1s linear .23s;position:relative;}
.btn-menu s:first-child {margin-top:0;}.btn-menu s:nth-of-type(2){margin:10px 0;}#chkmenu:checked ~ label >.btn-menu:before{content:'';}#chkmenu:checked ~ label >.btn-menu s:nth-of-type(1){transform:rotate(45deg);-webkit-transform:rotate(45deg);top:13px;color:#a7a9ab;}#chkmenu:checked ~ label >.btn-menu s:nth-of-type(2){opacity:0;}#chkmenu:checked ~ label >.btn-menu s:nth-of-type(3){transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:-11px;color:#a7a9ab;}.menuhed {position:relative; overflow:hidden;  animation:menuhds .5s linear;}
@keyframes menuhds {0% {height:1px;} 100% {height:150px;} }
.menuhed a::before {content:""; display:inline-block; margin-right:10px; border: 1px solid #fdfdfd;  border-radius: 50%; background-color: rgb(79, 152, 185, 0.5); width: 13px;height: 13px;}
.menuhed a:hover {color:var(--sun);}.menuhed a:hover::before{background-color: rgb(223, 216, 103, 0.9);}
.shortst{padding:20px;position:relative;margin-bottom:30px;}
.shortst h3{margin-top:5px;position:relative;}
.shortst-edit {position:absolute;width:20px;height:20px;left:48%;bottom:-10px;}
.shortst-edit a {display:block;width:20px;height:20px;}
.ysi a{color:var(--orang); font-size:12px;}
.rate {position:absolute;top:20px;right:20px;background:#fff;padding-left:9px;}

.shortst-inbl {margin:6px auto; max-width:1360px; font-size:12px; opacity:0.5;}
.shortst-inbl s {margin-right:10px;}
.shortst p	{font-size:18px}
.ignore-select{font-size:18px;}
.navzprava a{border-style:none none solid none; text-transform:uppercase; font-weight:bold;color:var(--zel); border-width: 1px; border-color:#bcbcbc;display:block; float:left; padding:12px 0 12px 0; margin:5px 20px 5px 0;}

.cectfullh1 {position:relative;}
.vupadkovodiv {margin:20px 0;}
.vupadkovodiv a {padding: 10px; font-size:15px;}
.fullst-text {font-size:17px;line-height:145%; width:94%; margin:0 auto;padding:5px 0 25px 0;}
.fullst-text p {font-size:17px;line-height:145%;}
.fullst-text i {font-style:italic; display:block; border-top:1px dashed #999; margin-top:15px; font-size:0.8em;font-family: 'Lucida Console', Monaco, monospace;}
.foot-minrozd [class*='sp-'] a{width:100%;height:100%;display:block;}
.footcopi{font-size:11px;color:#969595;}
.sp-dek-svpered a, .sp-dek-snazad a {display:block;width:100%;height:100%;}
.info-articl{font-size:11px;color:#666666;} .asid-spis2 > a {padding:10px; text-transform: uppercase;}
.fullst{width:100%;}.fullst .rate {position:relative; top:0; right:auto;}
.fullst h1 {text-transform:uppercase;color:var(--red);}
pre code {display: block; color:#a9a992; margin:20px 0 20px 0; padding:5px; background:rgba(85, 103, 123, 0.1); border: 1px solid #cea06f; overflow:auto; white-space:pre;border-radius:8px;padding:16px;}
pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { color: #93a1a1; font-style: italic;}pre .keyword, pre .css .rule .keyword, pre .winutils, pre .jаvascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title { color: #859900;}pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor { color: #2aa198;}pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator,pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id { color: #268bd2;}pre .tag .title, pre .rules .property, pre .django .tag .keyword { font-weight: bold;}pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title,pre .parent, pre .haskell .label { color: #b58900;}pre .preprocessor, pre .pi, pre .shebang, pre .symbol,pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata { color: #cb4b16;}pre .deletion { color: #dc322f;}pre .tex .formula { background: #eee8d5;}
.feedback-forma {padding-right:50px;}.feedback-forma li {display:block; width:100%; margin:30px 0;}
.pm-menu{height:60px;  white-space:nowrap;  overflow-y:hidden;  overflow-x:auto;  } .pm-menu li{display:inline-block;  margin-right:10px;  } .pm-menu a{padding:0 15px;  background:#f5f5f5;  line-height:40px;  display:block;  } .pm-menu a:hover{background:#444;  color:#fff;  } .pm-status{margin-bottom:40px;  padding:20px;  border-radius:6px;  background-color:#fafafa;  } .pm_progress_bar{border-radius:4px;  background-color:#f5f5f5;  margin:10px 0;  overflow:hidden;  } .pm_progress_bar span{background:#fb643c;  font-size:0;  text-indent:-2000em;  height:20px;  display:block;  overflow:hidden;  } .table-resp{overflow-y:hidden;  overflow-x:auto;  } .pm, .userstop{border:1px solid #ccc;  width:100%;  } .pm tr td, .userstop tr td{padding:10px;  border:1px solid #ccc;  font-size:12px;  } .pm tr:nth-child(1){background-color:#444;  color:#FFF;  } .pm tr:nth-child(2n+2), .userstop tr:nth-child(2n+2){background-color:#f9f9f9;  } .pm select{width:100%;  margin-bottom:10px;  } #dle-pm-preview .bform{ display:none;  } 
.gorizont, .vertikal, .kavadrat {overflow:hidden;margin:20px auto;height:auto;} .gorizont {width:90%;height:600px;} .vertikal {width:500px;height:650px;} .kavadrat {width:560px;height:500px;} .full-video {height:auto;overflow:hidden;} .full-video, .full-video iframe {height:100%;width:100%;max-width:100%;} 
#comments_ifr {height:150px!important;min-height:150px!important;} .komlogo {font-size:16px;font-weight:800;} .komlogo i, .komdata, .komedit {font-size:10px;} .koment-bl {width:97%;min-height:90px;float:none;position: relative; display: inline-block; padding:15px; margin-bottom:15px; font-size:13px;} .samkoment{font-size:14px;border-radius:4px;background:#f7f8f2; padding:6px 19px 6px 19px;} .addcomment{overflow:hidden;text-align: left;margin-top: 20px;border: 1px solid #e3e3e3;background-color: #f0f2e6;padding: 15px;} .addcomment h5{font-size: 25px;} .ui-form {margin:0;} .ui-form li {list-style:none;} .addcomment #comments {height:auto;width:100%;} 
#allow_subscribe {margin:0 5px 0 0; height:6px; float:left;} .form_submit > button {margin:5px 0; padding:3px 10px; border-radius:8px; border: 1px solid var(--zel);} .top-anekdotu > ul > li {position:relative; margin:0 0 40px 55px;counter-increment: step-counter;list-style:none;} .top-anekdotu > ul > li:before {display:block; width:40px; text-align:center; content: counter(step-counter); margin:0 auto; font-size:200%;  background-color: rgb(0,200,200);  color: white; font-weight: bold; padding: 3px 8px;  border-radius: 3px;} .opustop {font-size:11px;color:#ccccca;} .top-anekdotu > ul > li .a-center{position:relative;} .top-anekdotu > ul > li .a-center .rate{position:relative; top:0; right:auto;} .top-anekdotu .fullst-text {padding-top:1px;} .opuscats {font-size:15px;}
[class*='sp-']{display: inline-block; background: url('/templates/v1/jokes/img/sprit.webp') no-repeat; overflow: hidden;}  
.sp-logo-1 {background-position: -5px -0px; width: 347px; height: 135px;} 
.sp-logo-2 {background-position: -5px -140px; width: 347px; height: 135px;} 
.sp-logo-3 {background-position: -5px -280px; width: 347px; height: 135px;} 
.sp-logo-4 {background-position: -5px -420px; width: 347px; height: 135px;} 
.sp-logo-5 {background-position: -5px -560px; width: 347px; height: 135px;} .sp-logo-6 {background-position: -5px -700px; width: 347px; height: 135px;} 
.sp-logo-7 {background-position: -5px -840px; width: 347px; height: 135px;} .sp-dek-top {background-position: -5px -980px; width: 293px; height: 202px;} 
.sp-vup-anekd {background-position: -5px -1187px; width: 256px; height: 67px;} .sp-vup-chtuvo {background-position: -5px -1259px; width: 256px; height: 67px;} 
.sp-vup-gumoresk {background-position: -5px -1331px; width: 256px; height: 67px;} .sp-vup-kartunka {background-position: -5px -1403px; width: 256px; height: 67px;} 
.sp-vup-tost {background-position: -5px -1475px; width: 256px; height: 67px;} .sp-vup-video {background-position: -5px -1547px; width: 256px; height: 67px;} 
.sp-dek-pes {background-position: -5px -1619px; width: 155px; height: 183px;} .sp-dek-yzor {background-position: -165px -1619px; width: 98px; height: 25px;margin-top:20px;} 
.sp-tost-1 {background-position: -266px -1187px; width: 68px; height: 107px;} .sp-tost-2 {background-position: -266px -1299px; width: 68px; height: 107px;} 
.sp-tost-3 {background-position: -266px -1411px; width: 68px; height: 107px;} 
.sp-dek-svpered {background-position: -268px -1619px; width: 64px; height: 110px;} 
.sp-dek-snazad {background-position: -165px -1649px; width: 63px; height: 110px;} 
.sp-roz-anekd {background-position: -266px -1523px; width: 57px; height: 43px;} .sp-roz-foto {background-position: -266px -1571px; width: 57px; height: 43px;} 
.sp-roz-gymoresk {background-position: -233px -1734px; width: 57px; height: 43px;} .sp-roz-istorii {background-position: -165px -1764px; width: 57px; height: 43px;}
.sp-roz-karukat {background-position: -227px -1782px; width: 57px; height: 43px;} .sp-roz-sharg {background-position: -289px -1782px; width: 57px; height: 43px;} 
.sp-roz-video {background-position: -5px -1807px; width: 57px; height: 43px;} .sp-roz-virsh {background-position: -67px -1807px; width: 57px; height: 43px;} 
.sp-roz-vuslovu {background-position: -129px -1812px; width: 57px; height: 43px;} .sp-roz-pisni {background-position: -191px -1830px; width: 56px; height: 42px;} 
.sp-roz-pruvit {background-position: -252px -1830px; width: 56px; height: 42px;} 
.sp-roz-tost {background-position: -5px -1855px; width: 56px; height: 42px;} 
.sp-roz-lichuln{ display:inline-block; width: 106px; height: 42px; margin: 0 30px 0 0;background:none;}
.sp-roz-rullan{ display:inline-block;background-position: -1px -1909px; margin: 0 0 0 30px; width: 90px; height:35px;}
.sp-plus {background-position: -177px -1905px; width:25px; height:31px;} 
.sp-minus {background-position: -120px -1905px; width:25px; height:31px;}
 
.sp-viev {background-position: -323px -1905px; width:18px; height:13px;} 
.sp-comnt {background-position: -293px -1905px; width:18px; height:13px;}
.sp-godun {background-position: -263px -1905px; width:18px; height:13px;}
.sp-user {background-position: -218px -1905px; width:11px; height:11px;}
 
.sp-cat {background-position: -234px -1905px; width:13px; height:13px;} 
.sp-garlic{background-position: -3px -2047px; width:56px; height:91px;} 
.sp-share-social{background-position: -56 px -2047px; width:299px; height:91px;} 
.sp-girl{background-position: 0 -2209 px; width:126px; height:184px;} 
.sp-boy{background-position: -144px -2211px; width:123px; height:153px;} 
.sp-menu{background-position: -298px -2211px; width:60px; height:70px;}  
.sp-addcoment{background-position: -0px -2428px; width:357px; height:113px;} 
.sp-addcoment-lin{background-position: 0 -22547px; height:11px;} 
.sp-ukraine{background-position: -171px -2361px; width:90px; height:62px;} 
.sp-bandyra{background-position: -310px -2289px; width:34px; height:41px;} 
.sp-kozak{background-position: -144px -2339px; width:37px; height:43px;} 
.sp-smailprikol{background-position: -5px -2633px; width:107px; height:92px;} 
.sp-li-v1{background-position: -120px -2634px; width:20px; height:20px;} 
.sp-li-v2{background-position: -120px -2664px; width:20px; height:20px;} 
.sp-minus:hover {transform:scale(0.9, 0.9);filter: hue-rotate(-90deg);}
.sp-plus:hover {transform:scale(0.9, 0.9);filter: hue-rotate(-270deg);}
.sp-dek-top a {display:block;position:absolute;width:120px;height:26px;right:0px;}
.sp-dek-top a:nth-child(1) {top:81px;}
.sp-dek-top a:nth-child(2) {top:118px;}
.sp-dek-top a:nth-child(3) {top:153px;}


[class*='sp-roz-'] > a {display:block; width:100%; height:100%;} [class*='sp-roz-']:hover {transform: skewX(10deg);} #share {width:100%;border:1px solid #eaeaea;margin: 0 auto;background:#fff;text-align:center;} .like {font-size: 14px;color:#94bdcb;}.push {display: inline-block;width: 17%;min-width: 100px;line-height: 40px;margin: 5px 2px 20px 2px;font-size: 15px;text-align: center;color:#fff;cursor: pointer;}.facebook {background-color:#3b5998;}.facebook:hover {background-color:#2d4373; color:#fff;}.google {background-color:#dd4b39;}.google:hover {background-color:#c23321; color:#fff;}.twitter {background-color:#55acee;}.twitter:hover {background-color:#2795e9; color:#fff;}.vkontakte {background-color:#587ea3;}.vkontakte:hover {background-color:#466482; color:#fff;}.ok {background-color:#ee8208;}.ok:hover {background-color:#ee7808; color:#fff;} .box-nav {display: table;width: 100%;padding: 30px 0;} .box-nav.last-comments {padding: 0;} .p-nav {display: block;text-align: center;} .p-nav .pprev a, .p-nav .pnext a, .p-nav .page a, .p-nav .page span, .p-nav .page span.nav_ext {display: inline-block;padding: 13px;border: 1px solid #ccc;background: #fff;font-size: 12px;line-height: 12px;font-weight: 300;letter-spacing: 1px;text-transform: uppercase;text-align: center;color: var(--sir);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease} .p-nav .pprev span, .p-nav .pnext span {display: none;} .p-nav .pprev a:hover, .p-nav .pnext a:hover, .p-nav .pprev a:focus, .p-nav .pnext a:focus, .p-nav .page a:hover, .p-nav .page a:focus, .p-nav .page span {border: 1px solid var(--sir);text-decoration: none;color: #444;} .spuskuli li {font-size:14px; letter-spacing: 1px;margin:5px 0 5px 20px;display:block;display:list-item;list-style: circle} .block_grey {padding:12px 9px 12px 25px;margin-bottom: 15px;border-radius: 5px;display:block; background:#e4f2df;} .block_grey > .title {margin-left:20px; text-align:center;font-size: 1.5em;letter-spacing:0;color:#000;} .vote_more {font-size:1em; margin:12px 0 0 0;} .vote_list {margin:5px 0 9px 0;} .vote_list .vote, .vote_list .pollanswer {margin: .2em 0 .1em 0;padding:5px;} .vote_list .vote > input, .vote_list .pollanswer > input {display:none;} .vote_list .vote:hover {cursor:pointer;background-color: #fff;} .vote_list .vote > input + label:before, .vote_list .pollanswer > input + label:before {
display:inline-block;width: 8px; height: 8px;border: 2px solid #3b3b3b;background-color: #fff;margin: -3px 4px 0 0;vertical-align:middle;cursor:pointer;content: "";border-radius: 2px;} .vote_list .vote > input[type="radio"] + label:before, .vote_list .pollanswer > input[type="radio"] + label:before {border-radius: 50%;} .vote_list .vote > input + label:hover:before, .vote_list .pollanswer > input + label:hover:before {border-color: #e8e619;} .vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input:checked + label:before {
background-color: #e8e619;border-color: #3394e6;} .vote_list .vote > input + label:before, .vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input + label:before, .vote_list .pollanswer > input:checked + label:before {-webkit-transition: border-color ease .2s; transition: border-color ease .2s;} .btn-border .icon-votes {width:14px; height:14px; margin: -3px 0 0 0; vertical-align: middle;} .vote_votes, .pollallvotes {font-size: .9em;}
#dlevotespopupcontent {height: auto !important; overflow: visible !important;} .older {list-style: none; counter-reset: li;} .older li {margin-top:0px; padding: 5px; position:relative;  clear:both;} .older a {color:#252522;font-size:1.8em; text-decoration:none;font-weight: 700;  clear:both; float:none;} .older a:before {display: inline-block; float:left; content: counter(li);counter-increment: li;height: 25px;width: 25px; text-align: center; margin:0 17px 0 0; transition: .2s linear; color: #58bdc7; font-weight: 600; font-size:1.7em;} .older a:hover:before {color:#D72F2C;  -webkit-transform: scale(1.01);  transform: scale(1.01);} .emoji {border: none; vertical-align: middle;}
#dropmenudiv {padding: 10px 0; min-width: 190px; width:auto !important; opacity:1 !important; display: none; font-size: 1.2em;box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1); background-clip: padding-box;}
#dropmenudiv {background-color: #fff;} #dropmenudiv a {text-decoration: none !important; color: inherit; display: block; padding: 3px 20px; border: 0 none; white-space: nowrap; color: inherit;} #dropmenudiv a:hover {background-color: #eeeeef;} .highslide-wrapper, .highslide-outline {background: #fff} .highslide-image {border: 2px solid #fff} .highslide-active-anchor {visibility: hidden} 
.highslide-active-anchor img {visibility: hidden} .highslide-dimming {background-color: black} .highslide-html {background-color: white} .highslide-loading {display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black}
a.highslide-full-expand {background: url(../dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px} .highslide-display-block {display: block} .highslide-display-none {display: none} .highslide-caption {display: none; padding: 5px; background: white} .highslide-controls {width: 195px; height: 40px; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px} .highslide-controls ul {position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px} .highslide-controls li {float: left; padding: 5px 0;} .highslide-controls a {background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif); display: block; float: left; height: 30px; width: 30px; outline: none} .highslide-controls a.disabled {cursor: default} .highslide-controls a span {display: none} .highslide-controls .highslide-previous a {background-position: 0 0} .highslide-controls .highslide-previous a:hover {background-position: 0 -30px} .highslide-controls .highslide-previous a.disabled {background-position: 0 -60px !important} .highslide-controls .highslide-play a {background-position: -30px 0} .highslide-controls .highslide-play a:hover {background-position: -30px -30px} .highslide-controls .highslide-play a.disabled {background-position: -30px -60px !important} .highslide-controls .highslide-pause a {background-position: -60px 0} .highslide-controls .highslide-pause a:hover {background-position: -60px -30px} .highslide-controls .highslide-next a {background-position: -90px 0} .highslide-controls .highslide-next a:hover {background-position: -90px -30px} .highslide-controls .highslide-next a.disabled {background-position: -90px -60px !important} .highslide-controls .highslide-move a {background-position: -120px 0} .highslide-controls .highslide-move a:hover {background-position: -120px -30px} .highslide-controls .highslide-full-expand a {background-position: -150px 0} .highslide-controls .highslide-full-expand a:hover {background-position: -150px -30px} .highslide-controls .highslide-full-expand a.disabled {background-position: -150px -60px !important} .highslide-controls .highslide-close a {background-position: -180px 0} .highslide-controls .highslide-close a:hover {background-position: -180px -30px} .quick-edit-text {padding: .4em;width: 350px;} .quick-edit-textarea {height: 250px;padding: 2px; border: 1px solid #d7d7d7;width: 100%;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} .xfields textarea, .xprofile textarea {height: 186px;margin: 0px 1px 0px 0px;padding: 0px;} .xfields input, .xprofile input {width: 250px;height: 14px;padding: 2px;} .xfields_table td {vertical-align: top;} .ui-dialog {border: 1px solid #c9c9c9;padding:22px;border-radius:3px;} .ui-dialog-titlebar {font-size:19px;text-transform:uppercase;} .ui-icon-closethick {position:absolute;top:5px;right:5px;width:20px;height:20px;padding:2px;border-radius:3px;background:#fb3f51;color:#fb3f51;font-size:1px;} .ui-icon-closethick::before {content:'\20x';white-space:pre;display:block;font-size:21px;color:#fff;width:20px;height:20px;position:absolute;top:0;right:7px;} .ui-widget-content{margin-top:20px;font-size:16px;background:var(--jovt);color:#000;} .ui-button-text-only{background:#4cb5ff;color:#fff;margin-right:15px;} .scriptcode, .title_quote,
.title_spoiler, .text_spoiler, .quote {padding: 1% 2%; background:#f6f3bc; border: 1px solid #dde4ea;} .title_spoiler a{color:#e66732;} .title_quote {border-left: 2px solid #e85319; border-bottom: 0; margin-top: 2px; font-weight: bold;} .quote, blockquote {padding: 1% 4%; border-left: 2px solid #e85319; font-style: italic;} .title_spoiler {margin-top: 2px;} .text_spoiler {margin-bottom: 2px;} .title_spoiler img {vertical-align: middle; margin: -1px 0 0 !important} .scriptcode {color: #4c6d0f; text-align: left; font-family: "Courier New"} .title_spoiler {font-weight: normal;} .text_spoiler {border-top: 0; text-align: justify; background:#ebeacf;} .hide {background-color: #f0f0f0; padding: 5px; color: #4c6d0f; margin: 0 0 1em 0} .hide a {text-decoration: underline;} .hide a:hover {text-decoration: none}
@media screen and (max-width: 1279px) {.page a:nth-child(n+7) {display: none;}} @media screen and (max-width: 991px) {.box-nav {padding: 0 0 30px 0;}} @media screen and (max-width: 767px) {.page a:nth-child(n+1),.page span.nav_ext {display: none;} .page > span:before {float: right;content: '-я стр';text-transform: none;}} .searh2 {height:45px;width:95%;} .tx-searh2, .kn-searh2 {display:block; width:100%; height:33px; line-height:33px; padding:0 15px;color:#000; background-color:#fff; border:1px solid #ccc; border-radius:3px;} .tx-searh2:focus {background-color:#f8f6e2; border-color:#04a2dc; box-shadow:0 0 8px 0 rgba(4,162,220,0.5);} .kn-searh2 {width:50px;position:absolute;right:0;top:0;padding:0;background-color:#9bd4ee;z-index:7;} .kn-searh2:hover {background-color:#3f8bae;}
.foot-nuz {margin-top:30px;position:relative;} .foot-nuz::before {opacity:0.7;content:"";display:block; width:100%; height:24px;
background: url("/templates/v1/jokes/img/sprit.webp") 0 -2566px repeat-x;} .foot-nuz > .a-center{margin:40px 0;font-size:13px;color:var(--orang); line-height:2;padding:1px 20px;} .foot-nuz > .a-center i {color:var(--fiolt);} .foot-nuz > .a-center s {color:var(--zel);} .foot-nuz > .a-center u {color:var(--red);}
.foot-nuz > .row > div {margin:5px 10px 15px 10px;}
@media (max-width: 1700px) {
.section {width:100%; max-width:100%; margin:5px 0; padding:1px 10px;}
header .nav { left:auto; right:0;}
#dle-comments-form {max-width:100%; overflow:hidden;}
}
@media (max-width: 1250px) {
[class*="sp-logo-"]{transform:scale(0.7, 0.7);left:-40px;}
.nav-top span a {font-size: 13px;}
}
@media (max-width: 1100px) {
.nav-top span {margin: 0 15px 5px 0;}
.nav-top span a {font-size: 12px;}
}
@media (max-width: 870px) {
 /*Меню в шапке + мобилка*/
p {text-align:left;word-wrap: normal;}
#chkmenu ~ label > .nav{display:none;width:100%;padding:15px; overflow:hidden;}
.btn-menu{display:block;}
.nav-top span {float:none; display:block; margin:20px 0; text-align: right; padding:0 70px 0 0;}
.nav-top span a {font-size:19px;}
.col-74, .col-26, .col-40, .col-60 {width:100%; margin:5px 0;}
.hedbann {margin:105px 0 10px 0;width: 100%;}
[class*="sp-logo-"] {position: absolute;top:-15px;left:50%; margin-left:-130px;}
#jokes-menu{display:none;}
.jk-header.is-open #jokes-menu{display:block;}

}
@media (max-width: 700px) {
.row > .shortst, #dle-content > .shortst {width:100%;}
}
@media (max-width: 500px) {
[class*="sp-logo-"] {left:-40px; margin-left:0;}
.zagbroz {padding: 0 5px;}
.fullst-text {width:100%;}
.sp-dek-svpered {position:relative;top:0; right:0;float:right;}
.sp-dek-snazad {position:relative;top:0; left:0;float:left;}
}

/* === Jokes breadcrumbs: sp-li-v1 sprite separators === */
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] {
 box-sizing:border-box; width:100%; margin:0 0 22px; padding:3px 0;
 color:red; font:12px/1.7 Arial,sans-serif;

}
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc {
 display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start;
 gap:5px 7px; width:100%; min-width:0; margin:0; padding:0;
 border:0; border-radius:0; background:transparent; box-shadow:none; list-style:none;
 font:inherit; letter-spacing:0;
}
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc::before,
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc::after { content:none; }
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item {
 display:inline-flex; position:relative; float:none; flex:0 1 auto;
 align-items:center; gap:7px; min-width:0; max-width:100%; margin:0; padding:0;
 border:0; background:transparent; color:#6d864f; font:inherit;
 line-height:1.7; list-style:none; white-space:normal; overflow-wrap:anywhere;
}
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item::before,
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item::after { content:none; }
/* Same sprite crop as .sp-li-v1, applied through CSS without changing CMS markup. */
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] .sp-li-v1,
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item + li.breadcrumb-item::before {
 display:inline-block; position:static; float:none; flex:0 0 20px;
 width:20px; height:20px; margin:0; padding:0; overflow:hidden;
 border:0; border-radius:0; background:url('/templates/v1/jokes/img/sprit.webp') no-repeat -120px -2634px;
 color:transparent; font-size:0; line-height:1; vertical-align:middle;
 opacity:1; transform:none; mix-blend-mode:multiply; content:'';
}
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item > a {
 display:inline-flex; align-items:center; min-width:0; max-width:100%; min-height:32px;
 margin:0; padding:5px 9px; 
 background:transparent; color:red; font:inherit; 
 letter-spacing:0; text-align:left; text-decoration:none; white-space:normal; overflow-wrap:anywhere;
 transition:background .18s,color .18s,border-color .18s;
}
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item:first-child > a {
 padding:3px 9px; color:white; background:var(--c-red-60); border-radius:6px; font-weight:700;
}
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item > a:hover {
 border-color:#d9e5c9; color:#426927;
}
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item > a:focus-visible {
 outline:2px solid #8bac66; outline-offset:3px;
}
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item[aria-current="page"],
.jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item.active {
 color:#536e37; font-weight:700;
}
@media(max-width:600px) {
 .jokes-site nav.speedbar[aria-label="Хлібні крихти"] { margin-bottom:18px; padding:10px 11px; border-radius:11px; font-size:11px; }
 .jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc { gap:4px; }
 .jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item { gap:5px; }
 .jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item > a { padding:5px 6px; }
 .jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item:first-child > a { padding-inline:9px; }
}
@media(prefers-reduced-motion:reduce) { .jokes-site nav.speedbar[aria-label="Хлібні крихти"] ol.ard-bc > li.breadcrumb-item > a { transition:none; } }
/* === End jokes breadcrumbs === */

/* === Sprite home and short posts, 20261017 === */
.jokes-site .jk-joke-card, .jk-home .jk-home-content { font-family: Arial,sans-serif; }
.jk-home .jk-home-content { min-width:0; padding-top:16px; color:#394a2f; }
.jk-home .jk-home-content :is(h1,h2,h3,p) { letter-spacing:0; text-align:left; text-transform:none; }
.jk-home .jk-home-content :is(h1,h2,h3) { font-weight:700; line-height:1.3; }
.jk-home .jk-home-content p { color:#76816c; font-size:14px; line-height:1.75; }
.jk-home .jk-home-content [class*='sp-'], .jokes-site .jk-joke-card [class*='sp-'] { display:inline-block; flex-shrink:0; overflow:hidden; background-image:url('/templates/v1/jokes/img/sprit.webp'); background-repeat:no-repeat; vertical-align:middle; }
.jk-home .jh-hero { position:relative; display:flex; align-items:center; justify-content:space-between; gap:22px; padding:38px; border:1px solid #e4e7cf; border-radius:22px; background:linear-gradient(115deg,#fbfaed,#f0f5e2); }
.jk-home .jh-hero-copy { flex:1; min-width:0; }
.jk-home .jh-eyebrow { display:block; color:#8d996c; font-size:9px; font-weight:700; line-height:1.7; letter-spacing:.12em; }
.jk-home .jh-hero h1 { margin:16px 0; color:#35482b; font-size:clamp(34px,3.8vw,55px); line-height:1.08; letter-spacing:-.05em; }
.jk-home .jh-hero h1 > span { position:relative; color:#6c8a3b; }
.jk-home .jh-hero h1 > span::after { position:absolute; right:0; bottom:-7px; left:0; height:4px; border-radius:50%; background:#e4bc69; content:''; transform:rotate(-2deg); }
.jk-home .jh-hero p { max-width:470px; margin:23px 0 0; font-size:14px; color:#778064; }
.jk-home .jh-actions { display:flex; align-items:center; flex-wrap:wrap; gap:17px 22px; margin-top:25px; }
.jk-home .jh-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:44px; padding:12px 18px; border:1px solid #63823c; border-radius:10px; background:#63823c; color:#fff; font-size:12px; font-weight:700; line-height:1.5; transition:background .18s,transform .18s; }
.jk-home .jh-button:hover { transform:translateY(-2px); background:#4b692b; }
.jk-home .jh-text-link { color:#7b875b; font-size:11px; font-weight:700; }
.jk-home .jh-text-link:hover { color:#49682c; text-decoration:underline; text-underline-offset:4px; }
.jk-home .jh-hero-art { display:flex; flex:0 0 190px; flex-direction:column; align-items:center; gap:18px; }
.jk-home .jh-speech { display:block; padding:12px 17px; border:1px solid #e3e5d2; border-radius:13px 13px 3px 13px; background:#fffef8; color:#8a7a50; font-size:12px; line-height:1.6; box-shadow:0 4px 0 #e4e8d7; transform:rotate(4deg); }
.jk-home .jh-hero-art .sp-dek-pes { width:155px; height:183px; background-position:-5px -1619px; }
.jk-home .jh-art-caption { color:#98a183; font-size:10px; font-style:italic; }
.jk-home .jh-editor-intro:empty { display:none; }
.jk-home .jh-editor-intro { margin:18px 0; }
.jk-home .jh-topics { display:flex; flex-wrap:wrap; gap:12px; margin:18px 0 34px; }
.jk-home .jh-topics > a { display:flex; flex:1 1 195px; align-items:center; gap:10px; min-width:0; padding:16px 12px; border:1px solid #e8e9dd; border-radius:13px; background:#fffdf8; color:#66774c; transition:border-color .18s,transform .18s; }
.jk-home .jh-topics > a:nth-child(2) { background:#f8faf4; }
.jk-home .jh-topics > a:nth-child(3) { background:#f6f9fa; }
.jk-home .jh-topics > a:hover { border-color:#c0d0a7; transform:translateY(-3px); }
.jk-home .jh-topics > a > span:nth-child(2) { flex:1; min-width:0; }
.jk-home .jh-topics strong { display:block; color:#5c6e43; font-size:12px; font-weight:700; line-height:1.5; }
.jk-home .jh-topics small { display:block; margin-top:4px; color:#939d83; font-size:9px; line-height:1.5; }
.jk-home .jh-topics b { color:#aab795; font-size:15px; font-weight:400; }
.jk-home .jk-home-section { margin:0 0 36px; }
.jk-home .jh-section-head { display:flex; align-items:center; gap:13px; margin:0 0 18px; }
.jk-home .jh-section-icon { display:flex; flex:0 0 64px; align-items:center; justify-content:center; width:64px; height:60px; border:1px solid #e7ebda; border-radius:15px; background:#f5f8ee; }
.jk-home .jh-icon-warm { background:#fff7e9; border-color:#f1e8d6; }
.jk-home .jh-icon-blue { background:#f0f6f8; border-color:#e0eaed; }
.jk-home .jh-section-head > div { flex:1; min-width:0; }
.jk-home .jh-section-head h2 { margin:4px 0 0; color:#3d542f; font-size:23px; }
.jk-home .jh-section-head > a { flex-shrink:0; color:#8a9a74; font-size:11px; }
.jk-home .jh-section-head > a:hover { color:#527332; }
.jk-home .jk-post-list [data-ard-shortpost] { display:flex; flex-wrap:wrap; align-items:stretch; gap:18px; }
.jk-home .jk-post-list [data-ard-shortpost] > .jk-short { flex:0 0 calc(50% - 9px); width:calc(50% - 9px); min-width:0; }
.jk-home .jk-post-list [data-ard-shortpost] > :is(.pagination,.p-nav,.box-nav) { flex-basis:100%; }
.jokes-site .jk-joke-card { display:flex; flex-direction:column; position:relative; min-width:0; margin:0 0 20px; padding:23px 25px 0; overflow:hidden; border:1px solid #e2e7d9; border-radius:16px; background:#fff; box-shadow:0 5px 18px rgb(65 81 41 / 3%); transition:border-color .2s,box-shadow .2s,transform .2s; }
.jokes-site .jk-joke-card:nth-child(3n+2) { background:#fffef9; border-color:#eae6d8; }
.jokes-site .jk-joke-card:hover { transform:translateY(-3px); border-color:#b9cba0; box-shadow:0 10px 26px rgb(68 89 39 / 8%); }
.jokes-site .jk-joke-card .jk-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:15px; }
.jokes-site .jk-joke-card .jk-card-mark { display:flex; flex:0 0 43px; align-items:center; justify-content:center; width:43px; height:39px; border-radius:10px; background:#f4f7ec; }
.jokes-site .jk-joke-card .jk-card-mark .sp-roz-anekd { width:57px; height:43px; background-position:-266px -1523px; transform:scale(.75); }
.jokes-site .jk-joke-card .jk-card-date { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:5px; color:#9aa38e; font-size:9px; line-height:1.6; }
.jokes-site .jk-joke-card .zagrozd { margin:0 0 13px; padding:0; text-align:left; line-height:1.4; }
.jokes-site .jk-joke-card .zagrozd::after { content:none; }
.jokes-site .jk-joke-card .zagrozd a { color:#455e33; font-family:Arial,sans-serif; font-size:20px; font-weight:700; line-height:1.4; text-transform:none; overflow-wrap:anywhere; }
.jokes-site .jk-joke-card .zagrozd a:hover { color:#7d983c; }
.jokes-site .jk-joke-card .jk-short-text { flex:1; margin:0 0 22px; padding:0; color:#66725b; font-size:15px; font-weight:400; line-height:1.85; letter-spacing:0; white-space:pre-line; text-align:left; overflow-wrap:anywhere; }
.jokes-site .jk-joke-card .jk-preview { margin:0 0 16px; border-radius:10px; overflow:hidden; background:#f7f8f2; }
.jokes-site .jk-joke-card .jk-preview img { max-height:370px; }
.jokes-site .jk-joke-card .jk-card-stats { display:flex; align-items:center; gap:17px; margin-bottom:13px; color:#9aab8a; font-size:10px; line-height:1.5; }
.jokes-site .jk-joke-card .jk-card-stats > :is(span,a) { display:inline-flex; align-items:center; gap:5px; color:inherit; }
.jokes-site .jk-joke-card .jk-card-stats > a:hover { color:#537536; }
.jokes-site .jk-joke-card .jk-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid #edf0e6; }
.jokes-site .jk-joke-card .jk-card-read { display:inline-flex; align-items:center; gap:20px; min-height:36px; color:#718c4e; font-size:11px; font-weight:700; line-height:1.5; }
.jokes-site .jk-joke-card .jk-card-read:hover { color:#3e6626; }
.jokes-site .jk-joke-card .rate { display:inline-flex; position:static; align-items:center; gap:5px; min-height:35px; margin:0; padding:2px 10px 2px 4px; border:1px solid #e6eddc; border-radius:9px; background:#f5f9ed; color:#6b854b; font-size:12px; font-weight:700; }
.jokes-site .jk-joke-card .rate .sp-plus { width:25px; height:31px; background-position:-177px -1905px; transform:scale(.75); }
.jokes-site .jk-joke-card .sp-godun { width:18px; height:13px; background-position:-263px -1905px; }
.jokes-site .jk-joke-card .sp-viev { width:18px; height:13px; background-position:-323px -1905px; }
.jokes-site .jk-joke-card .sp-comnt { width:18px; height:13px; background-position:-293px -1905px; }
.jokes-site .jk-joke-card .jk-visually-hidden { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.jk-home .jk-post-list .jk-joke-card { margin-bottom:0; }
.jk-home .jh-more { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px; margin-top:23px; }
.jk-home .jh-more .sp-dek-yzor { margin:0; }
.jk-home .jh-button-light { background:#f6f9ef; color:#77904f; border-color:#e0e8d3; font-size:11px; }
.jk-home .jh-button-light:hover { background:#edf3e2; }
.jk-home .jh-break { display:flex; align-items:center; gap:20px; margin:34px 0; padding:23px 25px; border:1px solid #eee2c9; border-radius:17px; background:#fff9ec; }
.jk-home .jh-break .sp-smailprikol { width:107px; height:92px; background-position:-5px -2633px; }
.jk-home .jh-break > div { flex:1; min-width:0; }
.jk-home .jh-break h2 { margin:5px 0 7px; color:#8a6d38; font-size:20px; }
.jk-home .jh-break p { margin:0; color:#ab9670; font-size:12px; }
.jk-home .jh-break > a { display:inline-flex; align-items:center; gap:20px; min-height:40px; padding:10px 15px; border:1px solid #e8d6ad; border-radius:9px; color:#a08750; background:#fffcf4; font-size:11px; font-weight:700; }
.jk-home .jh-break > a:hover { border-color:#c9af76; color:#80612c; }
.jk-home .jh-media .jk-short { display:flex; flex-direction:column; position:relative; margin:0; padding:22px; border:1px solid #e7e9df; border-radius:16px; background:#fff; }
.jk-home .jh-media .zagrozd { margin:0 60px 9px 0; padding:0; text-align:left; }
.jk-home .jh-media .zagrozd::after { content:none; }
.jk-home .jh-media .zagrozd a { color:#5b7044; font-size:17px; line-height:1.45; text-transform:none; }
.jk-home .jh-media .rate { display:flex; align-items:center; top:18px; right:16px; gap:3px; padding:0; background:transparent; color:#84986a; font-size:10px; }
.jk-home .jh-media .rate .sp-plus { transform:scale(.65); }
.jk-home .jh-media .shortst-inbl { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 12px; color:#94a285; font-size:9px; opacity:1; }
.jk-home .jh-media .shortst-inbl > span { display:inline-flex; align-items:center; gap:4px; }
.jk-home .jh-media .jk-preview { flex:1; display:flex; align-items:center; justify-content:center; margin:0; min-height:220px; padding:10px; border-radius:10px; background:#f9faf6; }
.jk-home .jh-media .jk-preview img { max-height:300px; object-fit:contain; }
.jk-home .jh-media .jk-media-story:empty { display:none; }
.jk-home .jh-media .jk-read-more { display:block; margin-top:17px; padding-top:15px; border-top:1px solid #edf0e7; color:#829761; font-size:11px; font-weight:700; }
.jk-home .jh-editorial { padding:24px; border:1px solid #e5eadb; border-radius:16px; background:#fafbf6; }
.jk-home .jh-editorial p { margin:0 0 14px; font-size:13px; }
.jk-home .jh-editorial h2 { margin:20px 0 14px; padding:0; color:#5b7142; font-size:21px; text-align:left; }
.jk-home .jh-editorial .zagbroz { display:block; }
.jk-home .jh-editorial .zagbroz::after { content:none; }
.jk-home .jh-editorial .jk-intro-links { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:10px; }
.jk-home .jh-editorial a { color:#73944c; font-size:12px; }
.jk-home .jh-editorial a:hover { color:#466b28; text-decoration:underline; }
.jk-home .jh-editorial .jk-about-columns { display:flex; flex-wrap:wrap; gap:22px; margin:20px 0; }
.jk-home .jh-editorial .jk-about-columns > article { flex:1 1 220px; min-width:0; }
.jk-home .jh-editorial h3 { margin:0 0 9px; color:#6a7c54; font-size:15px; }
.jk-home .jh-editorial details { margin:0; border-bottom:1px solid #e6ebdc; }
.jk-home .jh-editorial details:last-child { border:0; }
.jk-home .jh-editorial summary { padding:15px 0; color:#6c7e57; font-size:13px; line-height:1.6; cursor:pointer; }
.jk-home .jh-editorial details[open] > summary { color:#426a2a; }
.jk-home .jh-editorial details > p { padding:0 0 7px 16px; color:#939f85; font-size:12px; }
.jk-home .jk-home-content :where(a,summary):focus-visible, .jokes-site .jk-joke-card a:focus-visible { outline:2px solid #89a964; outline-offset:4px; }
@media(max-width:1100px) {
 .jk-home .jh-hero { padding:28px; gap:15px; }
 .jk-home .jh-hero-art { flex-basis:155px; }
 .jk-home .jh-topics { gap:9px; }
 .jk-home .jh-topics > a { flex-basis:170px; }
 .jk-home .jh-section-head { flex-wrap:wrap; }
 .jk-home .jh-section-head > a { margin-left:77px; }
 .jk-home .jh-break { flex-wrap:wrap; }
 .jk-home .jh-break > a { margin-left:127px; }
}
@media(max-width:600px) {
 .jk-home .jk-home-content { padding-top:12px; }
 .jk-home .jh-hero { flex-wrap:wrap; padding:25px; border-radius:17px; }
 .jk-home .jh-hero-copy { flex-basis:100%; }
 .jk-home .jh-hero h1 { font-size:39px; }
 .jk-home .jh-hero-art { flex-direction:row; justify-content:center; gap:12px; flex-basis:100%; margin-top:8px; }
 .jk-home .jh-hero-art .sp-dek-pes { transform:scale(.8); transform-origin:center; margin:-15px -14px; }
 .jk-home .jh-speech { padding:10px; font-size:11px; }
 .jk-home .jh-art-caption { display:none; }
 .jk-home .jh-topics { margin-bottom:27px; }
 .jk-home .jh-topics > a { flex-basis:100%; padding:13px 17px; }
 .jk-home .jh-topics strong { font-size:13px; }
 .jk-home .jh-topics small { font-size:10px; }
 .jk-home .jh-section-head { gap:11px; }
 .jk-home .jh-section-icon { flex-basis:57px; width:57px; height:54px; }
 .jk-home .jh-section-head h2 { font-size:20px; }
 .jk-home .jh-section-head > a { margin-left:68px; }
 .jk-home .jk-post-list [data-ard-shortpost] > .jk-short { flex-basis:100%; width:100%; }
 .jokes-site .jk-joke-card { padding:21px 21px 0; }
 .jokes-site .jk-joke-card .jk-short-text { font-size:15px; line-height:1.8; }
 .jk-home .jh-break { gap:14px; padding:20px; }
 .jk-home .jh-break .sp-smailprikol { transform:scale(.8); margin:-6px -11px; }
 .jk-home .jh-break h2 { font-size:18px; }
 .jk-home .jh-break > a { margin-left:0; }
 .jk-home .jh-editorial { padding:21px; }
}
@media(max-width:360px) {
 .jk-home .jh-hero { padding:22px 18px; }
 .jk-home .jh-hero h1 { font-size:36px; }
 .jk-home .jh-speech { font-size:9px; padding:8px; }
 .jk-home .jh-hero-art .sp-dek-pes { transform:scale(.7); margin:-22px -22px; }
 .jk-home .jh-eyebrow { font-size:8px; letter-spacing:.08em; }
 .jk-home .jh-section-head h2 { font-size:18px; }
 .jk-home .jh-break > div { flex-basis:100%; }
 .jokes-site .jk-joke-card { padding:18px 17px 0; }
 .jokes-site .jk-joke-card .zagrozd a { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) {
 .jk-home :is(.jh-button,.jh-topics > a), .jokes-site .jk-joke-card { transition:none; transform:none; }
}
/* === End sprite home and short posts === */

/* Sprite matte blending and category card layout. */
.jk-home .jk-home-content [class*='sp-'], .jokes-site .jk-joke-card [class*='sp-'] { mix-blend-mode:multiply; }
.jokes-site .jk-category-list [data-ard-shortpost] { display:flex; flex-wrap:wrap; align-items:stretch; gap:20px; }
.jokes-site .jk-category-list [data-ard-shortpost] > .jk-joke-card { flex:0 0 calc(50% - 10px); width:calc(50% - 10px); margin-bottom:0; }
.jokes-site .jk-category-list [data-ard-shortpost] > :is(.pagination,.p-nav,.box-nav) { flex-basis:100%; width:100%; }
@media(max-width:600px) { .jokes-site .jk-category-list [data-ard-shortpost] > .jk-joke-card { flex-basis:100%; width:100%; } }
/* Category and feed pagination. */
.jokes-site .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--gapm1);width:100%;box-sizing:border-box;margin:var(--gapb1) 0;padding:var(--gap) 0;clear:both}
.jokes-site .pagination>.page-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:44px;max-width:100%;padding:var(--gapm1) var(--gap);border:1px solid var(--c-green-20);border-radius:10px;background:var(--bg-card);color:var(--text);font-size:14px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;overflow-wrap:anywhere;transition:background .18s,border-color .18s,box-shadow .18s}
.jokes-site .pagination>.page-link:hover{border-color:var(--c-green);background:var(--c-green-10);color:var(--text);box-shadow:var(--shadow-1)}
.jokes-site .pagination>.page-link.active{border-color:var(--c-green);background:var(--c-green-20);color:var(--text);font-weight:800;box-shadow:inset 0 -3px 0 var(--c-green)}
.jokes-site .pagination>.page-link:focus-visible{outline:2px solid var(--c-green);outline-offset:3px}
.jokes-site .pagination>:is(.page-next,.page-prev){gap:var(--gapm1);padding-inline:var(--gapb1);border-color:var(--c-green-40);background:var(--c-green-10)}
@media(max-width:480px){.jokes-site .pagination{gap:var(--gapm2)}.jokes-site .pagination>.page-link{padding:var(--gapm1)}.jokes-site .pagination>:is(.page-next,.page-prev){padding-inline:var(--gap)}}

/* Category editorial text. */
.jk-category .jk-category-text{
 position:relative;
 clear:both;
 isolation:isolate;
 overflow:hidden;
 margin:var(--gapb2) 0 var(--gapb1);
 padding:var(--gapb2);
 border:1px solid var(--c-green-20);
 border-left:4px solid var(--c-green);
 corner-shape:bevel;
 background:
  linear-gradient(135deg,var(--c-green-10),transparent 42%),
  linear-gradient(315deg,var(--c-purple-10),transparent 38%),
  var(--bg-card,#fff);
 box-shadow:var(--shadow-1,0 12px 35px rgba(31,48,40,.08));
 color:var(--text,#252215);
 font-size:15px;
 line-height:1.85;
 letter-spacing:.015em;
 text-align:left;
}
.jk-category .jk-category-text::before{
 content:"ПРО КАТЕГОРІЮ  /  CATEGORY GUIDE";
 display:table;
 position:relative;
 z-index:1;
 margin:0 0 var(--gapb1);
 padding:var(--gapm3) var(--gapm1);
 border:1px solid var(--c-green-40);
 border-left:3px solid var(--c-green);
 corner-shape:bevel;
 background:var(--bg-card,#fff);
 box-shadow:inset 0 -2px 0 var(--c-green-10);
 color:var(--c-biruz,#168099);
 font-size:11px;
 font-weight:900;
 line-height:1.3;
 letter-spacing:.14em;
 text-transform:uppercase;
}
.jk-category .jk-category-text::after{
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 right:0;
 width:120px;
 height:120px;
 border-right:1px solid var(--c-purple-20);
 border-bottom:1px solid var(--c-purple-20);
 background:repeating-linear-gradient(135deg,transparent 0,transparent 8px,var(--c-purple-10) 8px,var(--c-purple-10) 9px);
 opacity:.75;
 pointer-events:none;
}
.jk-category .jk-category-text :is(h2,h3,h4){
 position:relative;
 margin:var(--gapb1) 0 var(--gapm1);
 color:var(--text,#252215);
 line-height:1.25;
 text-align:left;
}
.jk-category .jk-category-text h2{font-size:clamp(22px,3vw,30px)}
.jk-category .jk-category-text h3{font-size:clamp(18px,2.4vw,23px)}
.jk-category .jk-category-text h4{font-size:16px}
.jk-category .jk-category-text p{
 margin:var(--gap) 0 0;
 padding:var(--gap) 0 0;
 border-top:1px solid var(--c-green-20);
 color:var(--text-l,#677986);
 font-size:14px;
 line-height:1.75;
 letter-spacing:.02em;
 text-align:left;
}
.jk-category .jk-category-text p:first-of-type{
 padding:var(--gap);
 border:1px solid var(--c-green-20);
 border-left:3px solid var(--c-green);
 corner-shape:bevel;
 background:var(--c-green-10);
 color:var(--text,#252215);
}
.jk-category .jk-category-text :is(ul,ol){margin:var(--gap) 0;padding-left:var(--gapb2)}
.jk-category .jk-category-text li{display:list-item;margin:var(--gapm3) 0;line-height:1.65}
.jk-category .jk-category-text li::marker{color:var(--c-green);font-weight:900}
.jk-category .jk-category-text blockquote{
 margin:var(--gap) 0;
 padding:var(--gap) var(--gapb1);
 border-left:4px solid var(--c-purple);
 corner-shape:bevel;
 background:var(--c-purple-10);
 color:var(--text,#252215);
}
.jk-category .jk-category-text a{color:var(--c-biruz,#168099);font-weight:800;text-decoration:underline;text-decoration-color:var(--c-green-40);text-underline-offset:3px}
.jk-category .jk-category-text a:hover{color:var(--c-purple);text-decoration-color:currentColor}
.jk-category .jk-category-text :is(a,summary):focus-visible{outline:2px solid var(--c-green);outline-offset:3px}
.jk-category .jk-category-text details{margin:var(--gap) 0 0;border-bottom:1px solid var(--c-green-20)}
.jk-category .jk-category-text summary{padding:var(--gapm1) 0;color:var(--text,#252215);font-size:14px;font-weight:800;line-height:1.5;cursor:pointer}
.jk-category .jk-category-text details[open] summary{color:var(--c-biruz,#168099)}
.jk-category .jk-category-text .keyjoke{
 margin:var(--gapb1) 0 0;
 padding:var(--gap);
 border-top:1px dashed var(--c-green-40);
 background:var(--bg-glass,#f6fafc);
 color:var(--text-l,#677986);
 font-size:11px;
 line-height:1.7;
 letter-spacing:.04em;
}
.jk-category .jk-category-text .keyjoke::before{content:"КЛЮЧОВІ ТЕМИ  / ";color:var(--c-green);font-weight:900;letter-spacing:.1em}
.article-text{flex:1;width:auto;}
@media(max-width:600px){
 .jk-category .jk-category-text{margin:var(--gapb1) 0;padding:var(--gapb1);font-size:14px;line-height:1.75}
 .jk-category .jk-category-text::before{margin-bottom:var(--gap);font-size:11px;letter-spacing:.08em}
 .jk-category .jk-category-text::after{width:80px;height:80px}
}
@media(prefers-reduced-motion:reduce){.jk-category .jk-category-text *{scroll-behavior:auto}}