/* ----------------------------------------------   GENERAL FORMATTING   ------------------------------------------------ */

@font-face {font-family: 'Amatic SC Bold'; src: url('/css/fonts/amatic-sc/Amatic-SC-Bold.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap;}
@font-face {font-family: 'Amatic SC Regular'; src: url('/css/fonts/amatic-sc/Amatic-SC-Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap;}
@font-face {font-family: 'Game of Thrones KG'; src: url('/css/fonts/game-of-thrones/game_of_thrones_kg.woff2') format('woff2'); font-weight: 400; font-display: swap; }

.display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .h1, .h2, .h3, .h4, .h5, .h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {font-family:'Amatic SC Regular','Amatic SC Bold',Arial,Verdana; font-style:normal; text-transform:uppercase; font-weight:600;}
.uk-article-title, .uk-card-title, .uk-modal-title {font-family:'Amatic SC Bold','Amatic SC Regular',Arial,Verdana !important; font-style:normal; text-transform:uppercase; font-weight:600;}

.acs-bolda, .acs-bolda h1, .acs-bolda h2, .acs-bolda h3, .acs-bolda h4 {font-family:'Amatic SC Bold','Amatic SC Regular', Arial,Verdana !important; font-style:normal; font-weight:600;}
.acs {font-family:'Amatic SC Regular', 'Amatic SC Bold';}
.game-bolda, .game-bolda h1, .game-bolda h2, .game-bolda h3, .game-bolda h4 {font-family:'Game of Thrones KG', Verdana !important; font-style:normal; font-weight:600;}
.game {font-family:'Game of Thrones KG'; font-weight:400; word-spacing:0.2em;}
.category-desc h1.game {font-size:1.6em !important; font-family:'Game of Thrones KG';}
.game-title .uk-article h1, .game-title h2, .game-title h3 {font-family:'Game of Thrones KG';}
.game-title .uk-article h1, .game-title .uk-article .uk-article-title {font-size:2em; line-height:1.6; letter-spacing:.05em; word-spacing:0.15em;}
.game-title .uk-article h2 {font-size:1.5em; line-height:1.4; letter-spacing:.03em;}
.game-title .uk-article h3, .game-title h3 {font-size:.8em; line-height:1.4; letter-spacing:.1em;}

a, a:hover, .uk-nav a, .uk-nav a:hover {text-decoration:none; outline:none;}
.uk-nav a, .uk-nav a:hover, p a, li a, p a:hover, li a:hover, .switcher-btn, .reset-btn, .switcher-btn:hover, .reset-btn:hover, .lightbulb-code, .lightbulb-code:hover, .paint-roller, .paint-roller:hover, .but-reset, .but-reset:hover, .but-background, .but-background:hover {transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}

.upper, .upper a {text-transform:uppercase;}
.noupper, .noupper a {text-transform:none !important;}
.italka, .italka a, em {font-style:italic;}
.norma {font-style:normal !important;}
.bolda, .bolda a {font-weight:600;}
.nobold, .nobold a {font-weight:400 !important;}
.under, .under a {text-decoration:underline;}
.nodecor, .nodecor a, .nounder, .nounder a {text-decoration:none !important;}
.nolink {cursor:default !important;}

.brown, .brown a {color:#7d3900;}
.brown-dark {color:#2e2723;}
.green {color:#936900;}
.green-dark {color:#453d00;}
.green-light, .green-light a {color:#a0981a;}
.red, .red a {color:#f00;}
.red-dark, .red-dark a {color:#9f1d0f;}
.maroon {color:#800000;}
.grey, .grey a {color:#364247;}
.grey-1, .grey-1 a  {color:#999;}
.grey-dark, .grey-dark a {color:#525252;}
.black {color:#000;}
.white, .white a {color:#fff;}
.yellow, .yellow a {color:#ebcd6b;}
.orange, .orange a {color:#fd7e14;}

.clr {height:0;}
.clr-10 {height:10px;}
.clr-15 {height:15px;}
.clr-30 {height:30px;}
.clr-50 {height:50px;}
.clr, .clr-10, .clr-15, .clr-30, .clr-50 {background:none repeat scroll 0 0 transparent; border:0 none; clear:both; display:block; float:none; font-size:0; list-style:none outside none; margin:0; overflow:hidden; padding:0; visibility:hidden; width:0;}

.bottom-15 {margin-bottom:15px !important;}
.bottom-30 {margin-bottom:30px !important;}
.top-15 {margin-top:15px !important;}
.top-30 {margin-top:30px !important;}

.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}

.right-img {float:right !important;}
.center-img {text-align:center !important;}
.center-img p {margin-top:-20px; color:#bf2d14; font-style:italic; text-align:center !important;}
.art-r-300 p {color:#bf2d14; font-style:italic; text-align:center;}
.center-img img, .center-img div, .center-img iframe {margin:15px auto 30px;}
.center-tab table {margin:15px auto !important;}
 
.video-responsive {position:relative; padding-bottom:56.25%; height:0; /*overflow:hidden;*/}
.video-responsive iframe, .video-responsive object, .video-responsive embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.video-responsive .fa-circle-play {color:rgba(255,255,255,.6); font-size:4em;}
.video-responsive .fa-circle-play:hover {color:rgba(255,255,255,1);}

.just .uk-article p, .just .uk-article li, .just-p, .just-ul li, .just-a, .just-div, .just-all p, .just-all li {text-align:justify;}
.just .lead, .just .tm-sidebar .upper, .just .formValidation, .just .uk-form-controls, .just blockquote p {text-align:left;}
.just .uk-article .center p {text-align:center;}

.font-code {font-family:monospace,Verdana,Arial,Times;}
.size-300, .size-300 td {font-size:300% !important; line-height:120% !important;}
.size-200, .size-200 td {font-size:200% !important; line-height:120% !important;}
.size-180, .size-180 td {font-size:180% !important; line-height:120% !important;}
.size-150, .size-150 td {font-size:150% !important; line-height:120% !important;}
.size-130, .size-130 td, .size-130 h2, .size-130 h1 {font-size:130% !important;}
.size-120, .size-120 td {font-size:120% !important;}
.size-110, .size-110 td {font-size:110% !important;}
.size-100, .size-100 td {font-size:100%;}
.size-90, .size-90 td {font-size:90%; line-height:1.4 !important;}
.size-80, .size-80 td {font-size:80%; line-height:1.3;}
.size-70 {font-size:70%; line-height:1.3;}

.otstup-8-r {margin-right:8px !important;}
.otstup-10-r {margin-right:10px !important;}
.otstup-15-r {margin-right:15px !important;}
.otstup-8-l {margin-left:8px !important;}
.otstup-10-l {margin-left:10px !important;}
.otstup-15-l {margin-left:15px !important;}
.otstup-sml {margin:0 8px !important;}

/* ---------------------------------------------------------- CONTENT    ------------------------------------------------------------ */

.art-r-400-pad {width:400px; height:auto; padding:10px; border:solid 1px #ccc !important; background:rgba(255,255,255,.3) !important;}
.art-r-300-pad {width:300px; height:auto; padding:10px; border:solid 1px #ccc !important; background:rgba(255,255,255,.3) !important;}
.art-r-300 {width:300px; height:auto;}
.art-r-200-pad {width:200px; height:auto; padding:10px; border:solid 1px #ccc !important; background:rgba(255,255,255,.3) !important;}
.art-r-200 {width:200px; height:auto;}
.art-r-150 {width:150px; height:150px;}
.art-r-150-auto {width:150px; height:auto;}
.art-r-128 {width:128px; height:128px;}
.art-r-128-auto {width:128px; height:auto;}
.art-r-120 {width:120px; height:120px;}
.art-r-120-w-auto {width:120px; height:auto;}
.art-r-76 {width:76px; height:76px;}
.art-r-auto, .art-l-auto {width:auto !important; height:auto;}
.art-r-auto-pad {width:auto !important; height:auto; padding:10px; border:solid 1px #ccc !important; background:rgba(255,255,255,.3) !important;}
.text-img-right, .art-r-400-pad, .art-r-300-pad, .art-r-300, .art-r-200-pad, .art-r-200, .art-r-150, .art-r-150-auto, .art-r-128, .art-r-128-auto, .art-r-120, .art-r-120-w-auto, .art-r-76, .art-r-auto-pad, .art-r-auto {float:right !important; margin:15px 0 15px 30px;}
.art-l-auto {float:left !important; margin:15px 30px 15px 0;}

@media only screen and (orientation:portrait) and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
.art-r-400-pad, .art-r-300-pad, .art-r-300, .art-r-200-pad, .art-r-200, .art-r-150 {float:none !important; margin:15px auto !important;}
}

.boxed {background:#d9d9d9 !important; border:1px solid #bfbebe; padding:5px; margin:0;}
.boxed:hover {background:#999 !important;}
.boxed-black {background:#1a1a1a; padding:5px;}
.boxed-black:hover {background:#414141;}
.padded {padding:10px; border:solid 1px #ccc; background:rgba(255,255,255,.3) !important;}
.boxed, .boxed:hover, .boxed-black, .boxed-black:hover {-webkit-transition:background 300ms ease-in; -moz-transition:background 300ms ease-in; -o-transition:background 300ms ease-in; transition:background 300ms ease-in;}
.full-img {width:100%;}
.art-auto {width:auto; height:auto;}

.ban-max {width:88px; height:31px;}
.ban-100 {width:100px; height:100px;}

.avatara-hobby img {width:150px; height:150px; box-shadow:5px 5px 10px rgba(0,0,0,.5); margin:5px 10px; background-color:#fff; padding:0; border-radius:15px;}

.ava {margin:-5px auto 15px !important; text-align:center;}
.ava span {margin-left:8px;}

.ava-anim .uk-text-center {margin-bottom:-20px;}
.ava-anim .uk-grid-margin {margin-top:20px !important;}
.ava-anim .a-link {margin:-30px auto 0 !important; font-size:80%;}
.ava-anim .a-link span {margin-left:8px;}

.ava-anim-a .uk-modal-body {padding:40px !important;}
.ava-anim-a .uk-modal-dialog {background-color:#2e2723 !important; background-image:url('/images/background/background-texture.webp') !important; width:800px;}
.ava-anim-a .uk-modal-dialog a span {margin-left:8px;}
.ava-anim-a .uk-modal-dialog ul {list-style-type:none; padding:15px 0 15px 35px; margin:0; position:relative;}
.ava-anim-a .uk-modal-dialog ul li {line-height:1.2; margin-bottom:8px !important;}
.ava-anim-a .uk-modal-dialog ul li::before {content:"\f00c"; font-weight:900; font-size:.8em; margin-top:3px;font-family:'Font Awesome 7 Pro'; display:block; position:absolute; margin:0 0 0 -25px; padding:0; color:rgba(255,255,255,.8) !important;}
.ava-anim-a .uk-modal-dialog em {font-style:normal !important;}
.ava-anim-a .cart {display:flex; margin:auto; justify-content:center;}
.ava-anim-a .avatar {float:right; margin:0 0 30px 15px; padding:10px; border:solid 1px rgba(255,255,255,.1); background:rgba(255,255,255,.1) !important;}
.ava-anim-a .uk-overlay {padding:0 !important;}
.ava-anim-a .div-select {display:flex;}

.ava-anim-a .div-select .but-select-pix {cursor:pointer; border:solid 1px rgba(255,255,255,.1); background:rgba(255,255,255,.1) !important; text-align:center; padding:0 10px; margin-left:10px; width:auto; height:35px; color:rgba(255,255,255,.8) !important; font-family:monospace; font-size:12px; transition:all 0.5s; -webkit-transition-duration:0.5s; transition-duration:0.5s;}
.ava-anim-a .div-select .but-select-pix:hover {border:solid 1px rgba(255,255,255,.1); background:#453c04 !important; color:#fff !important;}

.ava-anim-a .a-link {margin:10px 0 !important; font-size:80%;}
.ava-anim-a .a-link span, .ava-anim-a .a-info span {margin-left:2px; font-weight:500;}
.ava-anim-a .a-info {margin:10px 5px 10px 0 !important; font-size:80%;}
.ava-anim-a p {text-align:left !important;}
.ava-anim-a a:hover {color:#ebcd6b !important;}
.ava-anim-a .a-select {cursor:cell; user-select:all; -webkit-user-select:all; background:rgba(255,255,255,.1); font-family:monospace; font-size:12px; padding:8px; border:1px solid rgba(255,255,255,.1);}
.ava-anim-a code {background:rgba(255,255,255,.1); font-family:monospace; font-size:10px;}
.ava-anim-a h5 {color:#ebcd6b !important; margin-top:0 !important;}
.ava-anim-a .uk-icon {margin:0 5px 8px -15px !important;}

.ava-anim-a .uk-panel {background-color:rgba(238,238,238,.5); padding:5px;}
.ava-anim-a .uk-panel img {padding:5px; border:1px dotted #ccc; background-color:rgba(255,255,255,.8);}

.ava-category p {margin:10px auto !important; font-size:70%; text-transform:uppercase !important; text-align:center !important;}
.ava-category .uk-icon {margin:0 10px 5px 0 !important;}

.pravila-koshek .uk-card-default {padding:30px 0 0 !important;}
.pravila-koshek .uk-card-default .uk-card-body {padding:0 !important;}
.pravila-koshek .uk-card-default .uk-card-body p {padding-top:10px !important; font-size:150%;}
.pravila-koshek .uk-inline-clip {background-color:rgba(238,238,238,.5); padding:15px; border:1px solid #ccc;}
.pravila-koshek .uk-card-default img {padding:5px 0 0; border:1px dotted #ccc; background-color:rgba(255,255,255,.8);}

.category-desc {margin-bottom:15px !important;}
.category-desc p, .category-desc li {margin:0; color:#453d00; text-align:justify; font-size:.9em; line-height:130%;}
.category-desc img {float:right !important; margin:0 0 5px 15px !important; width:80px; height:auto;}
.category-desc img.w-auto {float:right !important; margin:0 0 5px 15px !important; width:auto; height:auto;}
.category-desc img.otstup-sml {float:none !important; width:auto; height:auto; margin:0 8px !important;}
.category-desc h1 {line-height:120%; color:#800000; font-size:1.8em; padding-bottom:calc(5px + .1em); border-bottom:calc(.5px + .02em) solid rgba(128,0,0,.6);}
.category-desc a {color:#936900;}
.category-desc a:hover {color:#a0981a;}
.category-desc .end-desc-scroll {float:right; font-size:2em; margin:0 0 5px 15px; font-weight:300;}
.category-desc.norma p, .category-desc.norma li, .category-desc.norma em {font-style:normal !important;}
.category-desc.norma h3 {margin:5px 0 0;}
.category-desc.norma ul {padding-top:5px;}

.jreview-quick-star .starContainer, .jreview-quick-star .starContainer {line-height:1 !important;}
.jreview-quick-star .reviewStars + a {vertical-align:inherit !important; font-size:80%;}

.verse {margin-left:60px; font-style:italic;}
.verse p {margin:0;}

.uk-child-width-1-2\@m .uk-article h2, .uk-child-width-1-3\@m .uk-article h2 {font-size:2em;}
.uk-child-width-1-2\@m .uk-article h3, .uk-child-width-1-3\@m .uk-article h3, .uk-child-width-1-2\@m .uk-article .uk-h3, .uk-child-width-1-3\@m .uk-article .uk-h3{font-size:1.6em;}
.uk-child-width-1-2\@m .uk-article .comments-readmore, .uk-child-width-1-3\@m .uk-article .comments-readmore {padding:15px 0 8px !important;}
.uk-child-width-1-2\@m .uk-article p, .uk-child-width-1-3\@m .uk-article p, 
.uk-child-width-1-2\@m .uk-article li, .uk-child-width-1-3\@m .uk-article li {text-align:justify; font-size:80%; margin:0 0 5px; line-height:1.2;}
.uk-child-width-1-2\@m .uk-article .comments-readmore .btn, .uk-child-width-1-3\@m .uk-article .comments-readmore .btn {border-image-width:2px !important; padding:0 10px; font-size:11px;}
.uk-child-width-1-2\@m .uk-article .video-responsive .fa-circle-play {font-size:4em;}
.uk-child-width-1-2\@m .uk-article .extravote-info {font-size:50%;}
.uk-child-width-1-3\@m .uk-article .extravote-info {font-size:40%;}

/* ---------------------------------------------------------- TEMPLATE   ------------------------------------------------------------ */

#head-home {background-color:#000; /*background-image:url('/images/background/fullscreen-image.avif'); background-size:cover; background-repeat:no-repeat; background-position:center; width:auto; height:480px;*/-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;}
#head-home h2 {font-size:4.5rem;}
#head-home h2, #head-home h3{font-family:'Amatic SC Bold';}

#logo-top {width:310px; height:104px; margin:20px 0 0;}

@media (min-width:768px) and (max-width:1280px) {
.tm-headerbar-top.tm-headerbar-default {background:url('/images/background/g-right.webp') bottom right no-repeat, url('/images/background/bg-g.webp') bottom left repeat-x, linear-gradient(180deg, rgba(128,0,0) 0%, rgba(0,0,0) 100%); border-bottom:1px solid #5d0e0e; background-size:800px 148px; width:100%; height:148px;}
}

@media (min-width:1280px) {
.tm-headerbar-top.tm-headerbar-default {background:url('/images/background/g-left.webp') bottom left -170px no-repeat,url('/images/background/g-right.webp') bottom right no-repeat, url('/images/background/bg-g.webp') bottom left repeat-x, linear-gradient(180deg, rgba(128,0,0) 0%, rgba(0,0,0) 100%); border-bottom:1px solid #5d0e0e; background-size:800px 148px; width:100%; height:148px;}
}

.table :where(tbody), .table :where(td), .table :where(tfoot), .table :where(th), .table :where(thead), .table :where(tr) {border-width:0 !important;}

.uk-divider-icon.line-green::before, .uk-divider-icon.line-green::after {border-bottom:1px solid rgba(69,61,0,.8) !important;}
.uk-divider-icon.line-white::before, .uk-divider-icon.line-white::after {border-bottom:1px solid rgba(255,255,255,.4) !important;}

.uk-article {padding-bottom:30px;}
.uk-section-primary.grey-back {background:#364247 !important;}
.category-list .table-striped .list-title {font-weight:400 !important; text-align:left !important;}
.uk-navbar-container {background:#000;}
.com-content-categories__item {text-transform:uppercase !important; padding:10px 0 10px 30px;}
.com-content-categories__item .category-desc {text-transform:none !important;}

.code {background:#ebeaea; border-left:solid 5px #666; color:#000; font-family:Consolas; font-style:normal; font-variant:normal; font-weight:400; line-height:1.5; margin-top:15px; margin-bottom:15px; padding:10px 20px; padding-top:20px; padding-bottom:20px; font-size:1em;}

#main-footer .uk-section-secondary {background-image:none !important;}
.footer-bg.uk-section-primary {background-image:none;}
.footer-bg {background-image:url('/images/background/footer-bg-400.avif') !important; background-size:750px 400px; background-repeat:no-repeat; background-position:right; width:100%; height:400px; -webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;}

blockquote {position:relative; border:0 none !important; background:none !important; padding:5px 0 5px 45px !important; margin:40px 0 50px !important; line-height:150%;}
blockquote p {padding:0 50px 0 0 !important; background:none !important;}
blockquote::before {content:"\201c"; top:-10px; left:0;}
blockquote::after {content:"\201d"; bottom:-30px; right:0;}
blockquote::before, blockquote::after {font-style:normal !important; color:rgba(69,61,0,.4); font-size:60px; position:absolute;}

.formError, .formRed {font-weight:400 !important;}

.grecaptcha-badge {visibility:hidden;}
mark {padding:0 2px 2px;}

#footer-end, #main-index {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;}

/* ---------------------------------------------------------- MODULES   ------------------------------------------------------------ */

.logo-main img {width:229px; height:61px;}

.latestnews {padding:0; position:relative; margin:0;}
.latestnews ul {padding:0;}
.latestnews li {margin:0 0 0 30px; line-height:1.25em; font-size:1.15em; list-style-type:none;}
.latestnews li a {align-items:flex-start !important;}
.latestnews li a::before {font-family:'Font Awesome 7 Pro'; font-weight:600 !important; content:"\f00c" !important; display:block; position:absolute; margin-left:-25px; padding-right:8px;}

.karta-sajta ul {list-style-type:none; padding:0 0 0 25px; position:relative; margin:15px 0 0 0 !important;}
.karta-sajta ul li {font-size:16px !important; line-height:1; margin-bottom:8px;}
.karta-sajta ul li::before {font-family:'Font Awesome 7 Pro'; font-weight:400; content:"\f105"; display:block; position:absolute; margin:0 0 0 -15px; padding:0; color:#666;}
.karta-sajta ul li .mod-articles-category-group {margin:15px auto; line-height:1.1; text-transform:uppercase; color:#000;}

.karta-sajta-menu .uk-nav-default li {font-size:16px !important; line-height:1.2 !important;}
.karta-sajta-menu .uk-nav li a:hover {color:#800000; background:none !important;}
.karta-sajta-menu .uk-nav li a::before {margin:0 2px 0 10px;}
.karta-sajta-menu .uk-nav li a::before, .karta-sajta-menu .uk-nav-default li a::before {font-family:'Font Awesome 7 Pro'; font-weight:400; content:"\f105"; display:block; position:relative;}

ul.mod-links {list-style-type:none; padding:0; position:relative; margin:0;}
ul.mod-links li {margin:0 0 8px 25px;}
ul.mod-links li a::before {font-family:'Font Awesome 7 Pro'; font-weight:600; content:"\f00c"; display:block; position:absolute; margin-left:-25px;}

.menu-v .uk-nav li {font-size:14px !important; display:block !important; text-align:left;}
.menu-v .uk-nav li a:hover {color:#800000;}
.menu-v .uk-nav li a::before {margin:3px 10px 0 5px;}
.menu-v .uk-nav li a::before, .menu-v .uk-nav-default li a::before {font-family:'Font Awesome 7 Pro'; font-weight:400; content:"\f105"; display:block; position:relative;}

.menu-v-sml .uk-nav-default li {text-transform:none !important; font-size:14px !important; text-align:left;}
.menu-v-sml .uk-nav-default li a::before {margin:0 10px 1px 10px;}
.menu-v .uk-nav li a::before, .menu-v-foot.uk-nav li a::before, .menu-v-sml .uk-nav-default li a::before {font-family:'Font Awesome 7 Pro'; font-weight:400; content:"\f105"; display:block; position:relative;}

.newsflash img {float:right !important; width:76px !important; height:76px !important; margin:0 0 10px 15px !important;}
.newsflash p {font-size:90% !important;}

ul.ul-footer-col-check {list-style-type:none !important; padding:0; margin:0; position:relative; margin:0 0 0 25px;}
ul.ul-footer-col-check li {margin-bottom:8px;}
ul.ul-footer-col-check li::before {content:"\f00c"; font-family:'Font Awesome 7 Pro'; font-weight:400; display:block; position:absolute; margin:0 0 0 -25px;}

.oferta {font-weight:400; font-size:80%;}
.oferta .coop {text-transform:uppercase !important; text-align:center;}
.oferta .offer {color:rgba(255,255,255,0.6); padding-bottom:15px;}
.oferta .offer a {color:rgba(255,255,255,0.5);}
.oferta .offer a:hover, .oferta .offer a:active {color:rgba(255,255,255,0.9);}
.oferta .offer span {font-size:300%; float:left; padding:8px 15px 15px 0;}

.uk-button-text::before {left:auto !important; border-bottom:0 !important;}
.uk-button-text a:active, .uk-button-text:focus {color:#314d57 !important;}

.last-publications {margin-top:-50px;}

.likes-block_left {padding:0 !important;}

.uk-navbar-item .offcanvas-san {color:#999 !important;}
.uk-navbar-item .offcanvas-san:hover, #offcanvas-san:active {color:#fff !important;}
.uk-navbar-item .fa-headphones-simple {font-size:1.6em;}

.news-blok .mod-articles-items {list-style:none; padding:0;}
.news-blok .mod-articles-items .icon-folder-open {margin:0 0 0 20px;}
.news-blok .mod-articles-items .mod-articles-category {display:flex; text-transform:uppercase; text-align:left; font-size:.8em;}
.news-blok .mod-articles-items .icon-folder-open::before {content:"\f07c"; font-family:'Font Awesome 7 Sharp'; display:block; margin:0 0 0 -20px;}
.news-blok p, .news-blok li {text-align:justify; font-size:90%; line-height:1.4 !important; margin:0;}
.news-blok .readmore {margin:15px 0;}
.news-blok .mod-articles-title {text-align:left !important;}
.news-blok img.padded, .news-blok img[class*="art-"], .news-blok div[class*="art-"], .news-blok .item-image img {margin:15px auto !important; text-align:center; float:none !important; padding:5px; border:solid 1px #ccc; background:rgba(255,255,255,.3) !important; display:flex;}

/*.yandex, .google {text-align:center !important; border:none 0 !important;}
.yandex {margin:15px auto !important; max-height:150px !important;}
.google {margin:30px auto !important; max-height:auto !important;}*/

.snow-maiden-1 .pine {background-image:url('/images/new-year/chrismas-tree.png'); position:relative !important; margin-top:-380px !important; margin-left:25px !important; background-size:232px 350px; width:232px !important; height:350px !important; z-index:10;}
.snow-maiden-1 .show-snow-maiden-1 {background-image:url('/images/new-year/snow-maiden-1.png'); position:relative !important; width:200px; height:300px; background-size:200px 300px; margin-bottom:0 !important; margin-left:150px !important;  z-index:11;}

.snow-maiden-1 .show-snow-maiden-1 {background-image:url('/images/new-year/snow-maiden-3.png'); position:relative !important; width:214px; height:300px; background-size:214px 300px; margin-bottom:0 !important; margin-left:150px !important;  z-index:11;}

.but-dzen {margin-top:-65px; background-image:url('/images/modules/zen-new-logo-ru-min-0.png'); background-size:30px 30px; background-repeat:no-repeat; background-position:center; position:relative; border-color:#ccc !important;}
.but-dzen:hover {background-image:url('/images/modules/zen-new-logo-ru-min-d.png');}

.quote-box-v {background:#fef6d8; position:relative; padding:0; margin:30px auto; box-shadow:0 5px 15px rgba(0,0,0,.08);}
.quote-box-v h3 {padding-top:15px; text-align:center;}
.quote-box-v p {padding:8px 0; margin:0 !important; font-size:14px; color:rgba(69,61,0,.8); font-family:Georgia, "Times New Roman", serif; text-align:left; font-style:italic; line-height:1.2;}
.quote-box-v p.foot {margin-top:5px; font-size:14px; color:#800000; text-align:right; font-style:normal;}
.quote-box-v::after {content:""; display:block; position:absolute; width:100%; height:30px; background:linear-gradient(-45deg, transparent 75%, #fef6d8 0) 0 50%,linear-gradient(45deg, transparent 75%, #fef6d8 0) 0 50%; background-size:30px 30px;}
.quote-box-v p a {color:#663300; border-bottom:1px dotted #663300;}
.quote-box-v p a:hover {color:#f00 !important; border-bottom:1px dotted #f00;}
.quote-box-v::before {font-style:normal !important; color:rgba(69,61,0,.2); font-size:80px; position:absolute; content:"\201c"; top:30px; left:5px; font-family:Georgia, "Times New Roman"; text-align:left;}
.quote-box-v .uk-overlay {padding:10px 20px !important;}

.breadcrumbs {background:transparent !important; padding:4px 10px; margin-top:30px; margin-bottom:-20px !important;}
.breadcrumbs ul {margin-bottom:0 !important;}
.breadcrumb div, .breadcrumb div ul {margin-bottom:0 !important;}
.uk-breadcrumb {padding:0 0 0 22px;}
.uk-breadcrumb li:first-child a::before {content: "\e010"; font-family:'Font Awesome 7 Sharp'; display:block; position:absolute; margin:-4px 0 0 -22px; font-size:1.2em;}
#donat-copper-labor {align-items:center; background:#f4f5b9;}

.extravote {background:#ffd688; margin:8px 0; padding:10px 15px; color:#800000; align-items:center;}
.extravote-info {margin-left:8px !important;}
.extravote-desc {margin-right:15px !important; font-style:italic;}
.extravote-desc span {margin-right:15px;}

.eb-floating-button {z-index:100;}

.reklama-no {width:230px; font-size:70%; float:right; line-height:1;}
.reklama-no a {color:rgb(255,255,255,.4) !important;}
.reklama-no img {float:right; margin:-2px 0 0 10px; opacity:0.3; width:26px; height:auto;}

/* ------------------------------------------------------------ SMILES     --------------------------------------------------------- */

.kolobok {font-size:.7em; line-height:.9;}
.kolobok img {cursor:pointer; margin:5px auto 3px; max-width:fit-content;}
.kolobok .uk-card {align-items:flex-end; border-top:1px dotted #ccc; padding:5px 0;}
.kolobok .card-txt {display:flex; align-items:flex-end; text-align:center;}
.kolobok .card-txt div {margin:0 auto; padding:3px 2px 5px; border-top: 3px dotted #ccc; color:#999; cursor:default;}

.kolobok.popular {text-align:center;}
.kolobok.popular img {margin:3px 6px;}

.kolobok td {text-align:center;}
.kolobok td.colonka-4 {width:25%; text-align:center !important;}
.kolobok td.ubb, .kolobok td.html {cursor:pointer !important; width:5% !important; color:#314d57 !important; font-weight:600 !important; font-size:1.2em !important;}
.kolobok td.ubb::before {content:'UBB';}
.kolobok td.html::before {content:'HTML';}

.smajliki input {color:#000 !important; background-color:#ececec !important; font-size:0.8em; border:1px solid #d3d3d3 !important; text-decoration:none;}

.internetmap {background:url('/images/hobby/gif/internetmap/grass.gif') repeat #fff; text-align:center !important; background-size:auto auto;}
.internetmap img {padding:5px 15px; cursor:pointer; width:auto; height:auto; /*max-width:300px; max-height:300px; object-fit:contain;*/}
.internetmap, .animation-gif {text-align:center;}
.animation-gif img {padding:5px; cursor:pointer;}

.smiles-main {margin:8px 0 0;}
.smiles-main .smiles div:first-child {align-items:center;}
.smiles-main .uk-radio {margin-right:8px;}
.smiles-main label {font-size:11px; margin-right:5px; color:#666;}

.smiles-main .form-controls {display:flex; align-items:center; gap:10px;}
.smiles-main .form-controls .button-container {display:flex; gap:10px; flex-shrink:0;}
.smiles-main .form-controls .button-container .btn {padding:0 10px; background:#007bff; color:#fff; border:none; border-radius:500px; cursor:pointer; transition:background 0.3s; font-size:.65em;}
.smiles-main .form-controls .button-container .btn:hover {background:#0056b3;}
.smiles-main .form-controls .button-container .clear-btn {color:#dc3545; background-color:transparent; font-size:1.6em; padding:0;}
.smiles-main .form-controls .button-container .clear-btn:hover {color:#c82333; background-color:transparent;}

.smiles-main .form-controls .input-container {flex-grow:1;}
.smiles-main .form-controls .input-container .radio-group {margin:5px 0; display:flex; align-items:center; gap:15px;}
.smiles-main .form-controls .input-container .radio-group label {margin:0; cursor:pointer; display:flex; align-items:center; gap:5px;}
.smiles-main .form-controls .input-container .radio-group input[type="radio"] {margin:0; vertical-align:middle;}
.smiles-main .form-controls .input-container .radio-group .download-btn {margin-left:15px; background:none; border:none; padding:0; cursor:pointer; font-size:16px; color:#666; transition:color 0.3s;}
.smiles-main .form-controls .input-container .radio-group .download-btn:hover {color:#28a745; background:none;}
.smiles-main .form-controls .input-container .uk-textarea {width:100%; background-color:#fff; border:1px solid #ddd; margin:0; resize:none; overflow-x:auto; overflow-y:hidden; white-space:nowrap; font-size:.8em;}
.smiles-main .form-controls .input-container .uk-textarea::selection {color:#fff; background-color:#007bff;}

.toggle-block.hidden {display:none !important; visibility:hidden;}

@media only screen and (orientation:portrait) and (min-device-width:360px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
.smiles-main label {font-size:10px; margin-right:5px; color:#000;}
.smiles-main {margin:15px 0 !important;}
.color-panel {margin:0 auto 10px !important; float:none !important;}
}

.smiles-tab {}
.smiles-tab td {}
.smiles-tab td.left {text-align:left; padding:0 15px;}
.smiles-tab img, .smiles-cursor img {cursor:pointer;}

.smiles-twitch {margin:0 auto;}
.smiles-twitch div {text-align:center; font-size:.8em; line-height:1.1;}
.smiles-twitch img {cursor:pointer;}
.smiles-twitch-accordion .uk-accordion-title {font-size:1.2em;}

.pop-smiles {margin:15px auto;}
.pop-smiles img {cursor:pointer; margin:5px 8px; vertical-align:bottom !important; aspect-ratio:auto;}

.smileys-emotions-nav {margin-bottom:15px;}
.smileys-emotions-nav li a {text-transform:uppercase !important; font-size:.8em;}

h2.girl, h2.boy, h2.grupp, h2.admin {margin:30px 0 15px; padding-left:80px; color:#fd7e14 !important; font-size:2.5em;}
h2.girl {background:transparent url('/smiles/hd-dark-skin/flirt.gif') no-repeat scroll left center; background-size:contain; height:44px;}
h2.boy {background:transparent url('/smiles/hd-dark-skin/air_kiss.gif') no-repeat scroll left center; background-size:contain; height:50px;}
h2.grupp {padding-left:120px !important; background:transparent url('/smiles/hd-dark-skin/kiss3.gif') no-repeat scroll left center; background-size:contain; height:44px;}
h2.admin {background:transparent url('/smiles/hd-dark-skin/bomb.gif') no-repeat scroll left center; background-size:contain; height:40px;}

.uk-heading-divider.smiles-icon::before, .uk-heading-divider.smiles-icon-1::before, .uk-heading-divider.smiles-icon-2::before, .uk-heading-divider.smiles-icon-3::before, .uk-heading-divider.smiles-icon-4::before, .uk-heading-divider.star-icon::before {font-family:'Font Awesome 7 Pro'; font-weight:300;}
.uk-heading-divider.smiles-icon::before {content:"\f118";}
.uk-heading-divider.smiles-icon-1::before {content:"\e36b";}
.uk-heading-divider.smiles-icon-2::before {content:"\f581";}
.uk-heading-divider.smiles-icon-3::before {content:"\f58c";}
.uk-heading-divider.smiles-icon-4::before {content:"\e391";}
.uk-heading-divider.star-icon::before {content:"\e28b";}

#smile {font-size:90%; text-align:justify;}
.help-emoticon {font-size:90%; text-align:justify; width:350px; background-color:#fff; border:1px solid #eee; box-shadow:0 5px 15px rgba(0,0,0,.08);}
.forma-kopirovaniya {font-size:80%; text-align:justify; line-height:1.2;}

.menu-emoticon {width:auto; background-color:#eee; border:1px solid #ccc; box-shadow:0 5px 15px rgba(0,0,0,.08); text-align:center;}
.menu-emoticon h2 {color:#453c03 !important;}
.menu-emoticon-close {color:#666 !important; margin:5px !important; border-radius:500px; background:rgba(0,0,0,.1); padding:5px;}
.menu-emoticon-close:hover {color:#800000 !important;}

.offcanvas-san-smile .uk-drop.uk-open {top:62px !important; left:-200px !important;}

.afterword {margin:30px 0 5px; border-left:6px dashed #ccc; padding-left:30px;}
.afterword p, .afterword li, .afterword .ul-smile li {font-size:.8em; margin:0 !important; text-align:justify; line-height:1.2;}
.afterword ul {margin:3px 10px; padding:0 0 0 35px;}
.afterword img.sml-txt-13, .yellow-box img.sml-txt-13 {margin:-13px 8px 0; padding:5px 0 0;}
.afterword  .uk-h6 {margin:5px 0;}

/* ------------------------------------------------   CHANGE BACKGROUND   -------------------------------------------- */

.color-panel {height:auto; display:flex; align-items:center; width:fit-content; padding:0; margin:0;}
.color-panel div {height:16px; width:16px; border-radius:500px; margin:auto 2px; cursor:pointer !important; display:block;}
.color-panel span {font-size:10px; color:#666; margin:0 8px;}
.reset-btn {background-color:transparent; display:block; color:#f00; font-size:1.3em; line-height:.8; font-weight:600; margin-right:8px !important;}
.reset-btn::before {content:"\f057"; font-family:'Font Awesome 7 Pro'; display:block; position:absolute; margin:0; padding:0;}
.cp-white {background-color:#fff; border:1px solid rgba(0,0,0,.1);}
.cp-dark {background-color:#2e2723;}
.cp-green {background-color:#936900;}
.cp-red {background-color:#e3cfa3;}
.cp-img {background:-webkit-radial-gradient(circle, red, orange, yellow, green, blue, indigo, violet);}
#change-background, #change-background-1 {transition:all 0.5s ease; min-height:10vh; margin:0;  background-size:auto auto; background-position:top left; background-repeat:repeat repeat;}
.switcher-btn, .reset-btn {opacity:.4;}
.switcher-btn:hover, .reset-btn:hover {opacity:1;}

/* ----------------------------------------   SEARCH AND TEXT HIGHLIGHTING   -------------------------------------------- */

#search-block {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.found-all {background-color:#ef0fff; color:#fff; padding:1px 0 3px;}
.found-current {background-color:#33ff00; color:#000; padding:1px 0 3px;}
.key-search {margin-right:10px; width:auto !important;}
.key-search-in {margin-left:0 !important;}
#control-block {margin:0 0 15px !important;}
#control-block .uk-checkbox {margin-right:8px;}
#control-block #input-text {font-size:.8em;}
#control-block .uk-button {float:right;}
.lightbulb-code, .paint-roller {float:right; margin-left:5px; color:#666;}

/* --------------------------------------------   DOWNLOAD STICKER FILES   ------------------------------------------------ */

.code-emoji-control-panel {padding:0; margin:0; opacity:0.5; pointer-events:none; transition: opacity0.3s ease;}
.code-emoji-control-panel.active {opacity:1; pointer-events:auto;}
.code-emoji-control-panel .img-code img {max-width:100%; height:auto;}
.line-but .uk-badge {margin-right:10px;}
.code-emoji-control-panel .uk-button {opacity:0.5;pointer-events:none; transition:opacity 0.3s ease; cursor:not-allowed;}
.code-emoji-control-panel .uk-button.active {opacity:1; pointer-events:auto; cursor:pointer;}
.url-container {margin-bottom:15px; display:none; display:flex;}
.url-container.active {align-items:center; gap:10px;}
.url-input {flex-grow:1; color:#999;}
.copy-url {flex-shrink:0; padding:0 15px; height:40px; margin-left:10px;}
.sticker-choice {color:#1b6fc2; font-size:.8em; background:#d0dcec; margin:5px 0; padding:5px;}
.sticker-choice span {margin:8px; font-size:1.2em;}
.download-buttons {display:flex; margin:0 0 15px;}
.line-but {display:flex;}
.line-but .code-emoji span {font-size:1.5em;}
.but-download {margin-right:8px; padding:5px 8px; font-size:.6em; cursor:pointer; display:flex; height:fit-content; border:1px solid #ccc;}
.but-download::before {content:"\f019"; font-family:'Font Awesome 7 Pro'; display:block; margin:0 5px 0 0; padding:0; font-size:1.1em;}
.but-reset {border:0; background:transparent; font-size:1.2em; font-weight:600; color:rgba(255,0,0,.6); cursor:pointer;}
.but-reset:hover {background:transparent; color:rgba(255,0,0,1);}
.but-reset::before {content:"\f057"; font-family:'Font Awesome 7 Pro'; display:block;}
.but-background {border:0; background:transparent; font-size:1.2em; font-weight:600; color:rgba(0,0,0,.6); cursor:pointer;}
.but-background:hover {background:transparent; color:rgba(255,0,0,1);}

/* -------------------------------------------------------  TABS  --------- ----------------------------------------------------- */

.main-tabs .uk-subnav-pill > .uk-active > * {color:#fff !important; background:#8d8a8a !important; text-transform:uppercase; font-size:12px !important;}
.main-tabs .uk-subnav-pill > * > * {padding:10px 8px !important; text-transform:uppercase; border-radius:0 !important; color:#000 !important;}
.main-tabs .uk-subnav > * {padding-left:0 !important; font-size:12px !important;}
.main-tabs  .uk-subnav > * > :first-child {font-size:12px !important;}
.main-tabs .uk-subnav {padding-left:15px;}
.main-tabs .uk-subnav li {border-bottom:1px dotted #666;}
.main-tabs img {float:right; margin:15px 0 15px 15px;}
.main-tabs p {text-align:justify;}
.main-tabs .fa {margin-left:8px;}

/* ---------------------------------     ----- MOBIL MENU OFFCANVAS------------------------------------------------------ */

.wz-400 .uk-modal-dialog {width:400px !important;}
.uk-navbar-item {z-index:inherit !important;}
.tm-header-mobile .head-mob {width:100% !important; margin:0 auto;}
.tm-header-mobile .head-mob img {width:196px; height:50px;}

.uk-offcanvas-bar, .uk-offcanvas-bar h3, .uk-offcanvas-bar p, .uk-offcanvas-bar li {color:#000;}
.uk-offcanvas-bar a, .uk-offcanvas-bar .uk-close {color:#666;}
.uk-offcanvas-bar .uk-close:hover {color:#000;}

/* --------------------------------------------  BULLET LISTS -------------------------------------------------------------- */

.ul-check, .ul-check-red, .ul-check-black, .ul-check-yellow, .ul-check-white, .ul-check-grey, 
.ul-star, .ul-star-black, .ul-star-red, .ul-star-yellow, .ul-star-o, .ul-star-red-o, 
.ul-navigation, .ul-navigation-black, .ul-navigation-green, 
.ul-alert, .ul-alert-red, .ul-alert-grey, .ul-alert-black, 
.ul-information,  .ul-information-red, .ul-information-grey, .ul-information-black li::before, 
.ul-question, 
.ul-plus, 
.ul-minus, 
.ul-arrow-right, 
.ul-smile, 
.ul-leaf, 
.ul-leaf-maple, 
.ul-marker, 
.ul-download, 
.bullet, .bullet-small, .bullet-large, .bullet-grey, .bullet-black, 
.null 
{list-style-type:none; padding:15px 0 15px 35px; margin:0; position:relative;}

.ul-check li, .ul-check-red li, .ul-check-black li, .ul-check-yellow li, .ul-check-white li, .ul-check-grey li, 
.ul-star li, .ul-star-black li, .ul-star-red li, .ul-star-yellow li, .ul-star-o li, .ul-star-red-o li, 
.ul-navigation li, .ul-navigation-black li, .ul-navigation-green li,
.ul-alert li, .ul-alert-red li, .ul-alert-grey li, .ul-alert-black li, 
.ul-information li, .ul-information-red li, .ul-information-grey li, .ul-information-black li, 
.ul-question li, 
.ul-plus li, 
.ul-minus li, 
.ul-arrow-right li, 
.ul-smile li, 
.ul-leaf-maple li, 
.ul-leaf li,
.ul-marker li, 
.ul-download li, 
.bullet li, .bullet-small li, .bullet-large li, .bullet-grey li, .bullet-black li 
.null li
{margin-bottom:10px !important;}

.ul-check li::before, .ul-check-red li::before, .ul-check-black li::before, .ul-check-yellow li::before, .ul-check-white li::before, .ul-check-grey li::before, 
.ul-navigation li::before, .ul-navigation-black li::before, .ul-navigation-green li::before,
.ul-information li::before, .ul-information-red li::before, .ul-information-grey li::before, .ul-information-black li::before, 
.ul-question li::before, 
.ul-plus li::before, 
.ul-minus li::before, 
.ul-smile li::before, 
.ul-leaf li::before, 
.ul-marker li::before, 
.ul-download li::before, 
.bullet li::before, .bullet-small li::before, .bullet-large li::before, .bullet-grey li::before, .bullet-black li::before 
{font-family:'Font Awesome 7 Pro'; display:block; position:absolute; margin:0 0 0 -25px; padding:0;}

.ul-arrow-right li::before, 
.ul-leaf-maple li::before, 
.ul-alert li::before, .ul-alert-red li::before, .ul-alert-grey li::before, .ul-alert-black li::before, 
.ul-star li::before, .ul-star-black li::before, .ul-star-red li::before, .ul-star-yellow li::before, .ul-star-o li::before, .ul-star-red-o li::before 
{font-family:'Font Awesome 7 Sharp'; display:block; position:absolute; margin:0 0 0 -25px; padding:0;}

.ul-check li::before, .ul-check-red li::before, .ul-check-black li::before, .ul-check-yellow li::before, .ul-check-white li::before, .ul-check-grey li::before {content:"\f00c"; font-weight:500; font-size:1.1em;}
.ul-star li::before, .ul-star-black li::before, .ul-star-red li::before, .ul-star-black li::before, .ul-star-yellow li::before {content:"\e28b"; font-weight:900 !important;}
.ul-star-o li::before, .ul-star-red-o li::before {content:"\e28b";}
.ul-navigation li::before, .ul-navigation-black li::before, .ul-navigation-green li::before {content:"\f101";}

.ul-star li::before, .ul-star-black li::before, .ul-star-red li::before, .ul-star-black li::before, .ul-star-yellow li::before, .ul-star-o li::before, .ul-star-red-o li::before, .ul-navigation li::before, .ul-navigation-black li::before, .ul-navigation-green li::before, .ul-leaf-maple li::before 
{font-weight:400; font-size:1.1em; margin-top:-2px}

.ul-alert li::before, .ul-alert-red li::before, .ul-alert-grey li::before, .ul-alert-black li::before {content:"\f071";}
.ul-information li::before, .ul-information-red li::before, .ul-information-grey li::before, .ul-information-black li::before {content:"\f05a";}
.ul-question li::before {content:"\f059"}
.ul-plus li::before {content:"\f055";}
.ul-minus li::before {content:"\f056";}
.ul-arrow-right li::before {content:"\f061";}
.ul-smile li::before {content:"\f118";}
.ul-leaf li::before {content:"\f06c";}
.ul-leaf-maple li::before {content:"\f6f6";}
.ul-marker li::before {content:"\f3c5";}
.ul-download li::before {content:"\f019";}
.bullet li::before, .bullet-small li::before, .bullet-large li::before, .bullet-grey li::before, .bullet-black li::before {content:"\f111";}

.ul-alert li::before, .ul-alert-red li::before, .ul-alert-grey li::before, .ul-alert-black li::before, .ul-information li::before, .ul-information-red li::before, .ul-information-grey li::before, .ul-information-black li::before, .ul-question li::before, .ul-plus li::before, .ul-minus li::before, .ul-smile li::before, .ul-leaf li::before, .ul-marker li::before, .ul-download li::before, .bullet li::before, .bullet-small li::before, .bullet-large li::before, .bullet-grey li::before, .bullet-black li::before 
{font-size:1.1em;}

.ul-check li::before, .ul-navigation li::before, .ul-information li::before, .bullet li::before, .bullet-small li::before, .bullet-large li::before, .ul-star li::before, .ul-star-o li::before, .ul-alert li::before, .ul-marker li::before, .ul-download li::before, .ul-question li::before, .ul-plus li::before, .ul-minus li::before {color:#453d00;}
.ul-star-black li::before, .ul-navigation-black li::before, .ul-alert-black li::before, .bullet-black li::before, .ul-information-black li::before {color:#333;}
.ul-check-red li::before, .ul-star-red-o li::before, .ul-star-red li::before, .ul-alert-red li::before, .ul-navigation-red li::before, .ul-information-red li::before, .ul-check-white a:hover {color:#f00;}
.ul-check-black li::before, .ul-check-grey li::before, .ul-alert-grey li::before, .bullet-grey li::before, .ul-information-grey li::before {color:#2e2723;}
.ul-navigation-green li::before, .ul-leaf li::before, .ul-leaf-maple li::before {color:#74924a;}
.ul-check-white li::before, .ul-check-white {color:#fff;}
.ul-check-yellow li::before, .ul-star-yellow li::before, .ul-navigation-yellow li::before, .ul-smile li::before, .ul-check-white a {color:#fd7e14;}

.bullet li::before, .bullet-black li::before, .bullet-grey li::before {font-size:60%; margin:6px 0 0 -25px; font-weight:600;}
.bullet-small li::before {font-size:40%; margin:7px 0 0 -25px; font-weight:600;}
.bullet-large li::before {font-size:80%; margin:3px 0 0 -25px; font-weight:600;}

.ul_numbers {padding-left:0; margin-right:0; list-style-type:none;}
.ul_numbers li {padding:0 15px 8px 35px;}
.li_number0::before {content:"\e0ee";}
.li_number1::before {content:"\e0ee";}
.li_number2::before {content:"\e0ef";}
.li_number3::before {content:"\e0f0";}
.li_number4::before {content:"\e0f1";}
.li_number5::before {content:"\e0f2";}
.li_number6::before {content:"\e0f3";}
.li_number7::before {content:"\e0f4";}
.li_number8::before {content:"\e0f5";}
.li_number9::before {content:"\e0f6";}
.li_number0::before, .li_number1::before, .li_number2::before, .li_number3::before, .li_number4::before, .li_number5::before, .li_number6::before, .li_number7::before, .li_number8::before, .li_number9::before {font-family:'Font Awesome 7 Pro'; display:block; position:absolute; margin:-3px 0 0 -30px; padding:0; font-size:1.4em; font-weight:600; color:#a0981a;}

/* -------------------------------------------------------  BOXES ----------------------------------------------------------- */

.graybox, .greenbox, .bluebox, .redbox, .darkbox, .red-box, .blue-box, .green-box, .orange-box, .yellow-box, .gray-box, .black-box, .alert, .attention, .notice, .approved {padding:15px 20px; margin:20px auto; position:relative;}
.graybox p, .greenbox p, .bluebox p, .redbox p, .darkbox p, .red-box p, .blue-box p, .green-box p, .orange-box p, .yellow-box p, .gray-box p, .black-box p, .alert p, .attention p, .notice p, .approved p {margin:0; text-align:justify;}

div[class*="fa-"] {padding:0 65px; height:auto; display:table-cell; vertical-align:middle; position:relative; font-family:inherit; line-height:1.4;}
div[class*="fa-"]::before {font-family:'Font Awesome 7 Pro'; font-weight:300; font-size:40px; position:absolute; top:50%; left:0; line-height:0;}
div.fa-sharp, div.fa-brands {padding:inherit;}
div.fa-sharp::before {font-family:'Font Awesome 7 Sharp' !important;}
div.fa-brands::before {font-family:'Font Awesome 7 Brands' !important;}

.red-box, .alert {background:#ffd6d6; color:#cc0000;}
.red-box a, .alert a {color:#cc0000;}
.blue-box, .notice {background:#d0dcec; color:#1b6fc2;}
.blue-box a, .notice a, .blue-box em, .notice em {color:#1b6fc2;}
.green-box, .approved {background:#eef7dd; color:#269146;}
.orange-box {background:#fef6d8; color:#8e4e00;}
.yellow-box, .attention {background:#f4f5b9; color:#655d2c;}
.yellow-box span[class*="fa-"]::before, .yellow-box span[class*="fa-"] {line-height:inherit !important;}
.gray-box {background:#e6e6e6;}
.black-box {background:#373737; color:#fff;}
.black-box a {color:#ffa63b;}
.gray-box a, .green-box a, .orange-box a, .yellow-box a {color:#800000; border-bottom:1px dotted #800000;}
.black-box a:hover, .gray-box a:hover, .green-box a:hover, .orange-box a:hover, .yellow-box a:hover {color:#f00; border-bottom:1px dotted #f00;}
.gray-box a.no-link, .green-box a.no-link, .orange-box a.no-link, .yellow-box a.no-link, .gray-box a.no-link:hover, .green-box a.no-link:hover, .orange-box a.no-link:hover, .yellow-box a.no-link:hover {color:transparent; border-bottom:0 none;}

.orange-box-v {background:#fef6d8; color:#8e4e00; position:relative; padding:0; margin:30px auto; box-shadow:0 5px 15px rgba(0,0,0,.08);}
.orange-box-v p {padding:30px 30px; margin:0 !important;}
.orange-box-v::after {content:""; display:block; position:absolute; width:100%; height:30px; background:linear-gradient(-45deg, transparent 75%, #fef6d8 0) 0 50%,linear-gradient(45deg, transparent 75%, #fef6d8 0) 0 50%; background-size:30px 30px;}
.orange-box-v a {color:#663300; border-bottom:1px dotted #663300;}
.orange-box-v a:hover {color:#f00 !important; border-bottom:1px dotted #f00;}

.graybox, .greenbox, .bluebox, .redbox, .darkbox, .maroonbox {padding:15px 20px; margin:30px auto; position:relative;}
.graybox p, .greenbox p, .bluebox p, .redbox p, .darkbox p, .maroonbox p {margin:0; text-align:justify;}
.bluebox {background:#2e2723;}
.graybox {background:#ebebeb;}
.graybox a{color:#800000;}
.graybox a:hover {color:#f00;}
.greenbox {background:rgba(69,61,0,.8);}
.redbox {background:#f00;}
.darkbox {background:#373737;}
.maroonbox {background:#800000;}
.greenbox, .bluebox, .redbox, .darkbox, .maroonbox, .greenbox em, .bluebox em, .redbox em, .darkbox em, .maroonbox em {color:#fff !important;}
.graybox, .graybox em {color:#313131;}
.greenbox a, .bluebox a, .redbox a, .grayboxdark a, .darkbox a, .maroonbox a {color:#ffdb42 !important;}
.greenbox a:hover, .bluebox a:hover, .redbox a:hover, .darkbox a:hover, .maroonbox a:hover {color:#ff0 !important;}

.help, .favorite-place, .present, .graybox .edit, .favorite, .favorite-black, .favorite-white, .favorite-red, .favorite-yellow, .favorite-grey, .favorite-grey-dark, .info, .point, .point-black, .point-black, .point-white, .point-red, .point-yellow, .point-grey, .point-grey-dark, .question, .question-black, .question-black, .question-white, .question-red, .question-yellow, .question-grey, .question-grey-dark, .graybox .edit, .face-grin-wide, 
div[class*="fa-"] 
{padding-left:55px; height:35px; display:table-cell; width:100%; vertical-align:middle; position:relative;}

.help::before, .favorite-place::before, .info::before, .question::before, .question-black::before, .question-black::before, .question-white::before, .question-red::before, .question-yellow::before, .question-grey::before, .question-grey-dark::before, .graybox .edit::before, .face-grin-wide::before, 
div[class*="fa-"]::before 
{font-family:'Font Awesome 7 Pro'; font-weight:300; font-size:40px; position:absolute; top:50%; /*right:15px; */left:0; line-height:0;}

.point::before, .point-black::before, .point-white::before, .point-red::before, .point-yellow::before, .point-grey::before, .point-grey-dark::before, 
.favorite::before, .favorite-black::before, .favorite-black::before, .favorite-white::before, .favorite-red::before, .favorite-yellow::before, .favorite-grey::before, .favorite-grey-dark::before 
{font-family:'Font Awesome 7 Sharp'; font-weight:300; font-size:40px; position:absolute; top:50%; right:15px; left:0; line-height:0;}

.help::before {content:"\f059";}
.favorite::before, .favorite-black::before, .favorite-white::before, .favorite-red::before, .favorite-yellow::before, .favorite-grey::before, .favorite-grey-dark::before {content:"\e28b";}
.favorite-place::before {content:"\f3c5";}
.info::before {content:"\f05a";}
.point::before, .point-black::before, .point-white::before, .point-red::before, .point-yellow::before, .point-grey::before, .point-grey-dark::before {content:"\f071";}
.question::before, .question-black::before, .question-black::before, .question-white::before, .question-red::before, .question-yellow::before, .question-grey::before, .question-grey-dark::before {content:"\f059";}
.graybox .edit::before {content:"\f044";}
.face-grin-wide::before {content:"\f581";}

.graybox .point::before, .graybox .favorite::before, .graybox .help::before, .graybox .info::before {color:#314d57 !important;}
.point-black::before, .favorite-black::before, .question-black::before {color:#000;}
.point-white::before, .favorite-white::before, .question-white::before {color:#fff;}
.point-red::before, .favorite-red::before, .question-red::before {color:#f00;}
.point-yellow::before, .favorite-yellow::before, .question-yellow::before {color:#ffdb42;}
.point-grey::before, .favorite-grey::before, .question-grey::before {color:#8e8e8e;}
.point-grey-dark::before, .favorite-grey-dark::before, .question-grey-dark::before {color:#373737;}

/* ------------------------------------  COMPONENT WEBLINKS ---------------------------------------- */

.category.list-striped.list-condensed {list-style-type:none !important; padding:0 0 0 30px;}
.weblink-category h2 {text-transform:uppercase !important; color:#9f1d0f !important;}

.com-weblinks-category__items .mt-3 {margin:0 !important;}
.com-weblinks-category__items .icons.list-group-item {display:none !important;}
.com-weblinks-category .list-group-item {border:0; border-bottom:1px solid #ccc;}
.com-weblinks-category .list-group-item:last-child {border-radius:0;}

.com-weblinks-categories .category-desc {text-align:justify; font-style:italic; font-size:90%; line-height:1.4; padding-bottom:15px;}
.com-weblinks-category .category-desc {padding-bottom:15px;}

.com-content-categories__item a, .com-weblinks-category__items .mt-3 a {color:#000;}
.com-content-categories__item a:hover, .com-weblinks-category__items .mt-3 a:hover {color:#f00;}

/*  -------------------------- COMPONENT COMMENTS | THEME SAN-SAN------------------------------*/

#jc .readon a {color:#fff !important; text-decoration:none !important;}
.comments-readmore {padding-top:20px; padding-left:0 !important;}
.uk-article .uk-button.uk-button-default {display:none !important;}
#jc #comments blockquote {margin:-15px 0 -25px !important; border-left:0.25em solid #645c2b !important; padding:12px !important; background:#ffc !important; color:#645c2b !important;}
#jc #comments blockquote::before, #jc #comments blockquote::after {content: "" !important;}
#jc #comments .quote {margin:-15px 0 0; color:#999 !important; font-size:10px !important; text-transform:uppercase !important;}
#jc #comments .comment-body {font-size:80%; color:rgba(0, 0, 0, 0.8);}

/* ----------------------------------- Extreme comments module ---------------- */

.latest-comments .d-flex {flex-direction:column !important;}
.latest-comments .w-75 {width:100% !important;}
.latest-comments p {font-size:80% !important;}
.latest-comments .avatar-img img {width:50px !important;}

.jc-last {font-size:.9em !important;}
.jc-last .list-group-item {padding:10px 0 !important;}
.latest-comments h5 {font-size:22px !important; line-height:1.2 !important; padding:0 !important; width:100% !important; white-space:inherit !important;}

/* ------------------------------------------- CALAMANSI ---------------------------------------------- */

/*#calamansi-player-1 {width:290px !important;}*/
.calamansi {box-sizing:border-box; width:100%; height:auto;}
.calamansi .clmns--control {cursor:pointer;}
.calamansi .clmns--slider {touch-action:none;}
.calamansi .clmns--noselect {-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.calamansi .clmns--playlist-item {cursor:pointer;}

/* ------------------------------------------- CONTACTS component ---------------------------------- */

#contactList {font-size:80% !important;}
#contactList th {font-weight:400 !important; background:transparent;}
#contactList #categorylist_header_title {text-transform:uppercase !important;}
#contactList .list-title {width:120px !important; border-right:1px solid #ccc;}
#contactList .list-title img {width:100px !important; margin:5px auto;}
#users-profile-custom, #users-profile-custom dt, .dl-horizontal dt {font-weight:400 !important;}

/* ---------------------------------------------- PROFILE ---------------------------------------------- */

.control-group span[class*="icon-"], .btn-group span[class*="icon-"], .btn-secondary span[class*="icon-"] 
{font-family:'Font Awesome 7 Pro'; font-weight:600; font-style:normal !important; font-variant:normal; line-height:1;}
.control-group .icon-eye::before {content:"\f06e";}
.control-group .icon-calendar::before {content:"\e0d5";}
.control-group .icon-backward-2::before {content:"\f08b";}
.control-group .icon-check::before {content:"\f00c";}
.control-group .icon-times::before {content:"\f00d";}
.btn-group .icon-user-edit::before {content:"\f4ff";}
.btn-secondary .icon-chevron-right::before {content:"\f054";}

#user-registration legend {font-size:14px !important;}
#member-registration legend, .com-users-profile legend, #member-profile legend {text-transform:uppercase; font-weight:400 !important; font-size:24px !important; margin:5px 0 15px;}
#member-registration .alert {margin:10px auto !important; padding:1rem 1rem !important;}

.com-users-profile .dl-horizontal {margin:0 0 20px 0; overflow:hidden; border-bottom:1px solid #ccc;}
.com-users-profile .dl-horizontal dt {margin-right:10px; padding:5px 0; border-top:1px solid #ccc; width:250px; float:left; clear:both; color:#443c04;}
.com-users-profile .dl-horizontal dd {border-top:1px solid #ccc; margin:0 0 0 250px; padding:5px 0;}

/* --------------------------------------------------- FIX UIKIT ------------------------------------------------*/

.uk-leader-fill-content::before{content:'.' !important;}
.uk-pagination {margin-top:0 !important;}
.uk-button-primary:focus, .uk-button-primary:visited, .uk-button-primary:active {background-color:#f00 !important; color:#fff !important;}
.uk-heading-line {overflow:inherit !important;}

body {overflow:unset;}
.uk-section-default, .uk-section-secondary, .uk-section-primary {background-image:url('/images/background/background-texture.webp');}
joomla-alert {--jui-alert-margin:0 !important;}

.table :where(tbody), .table :where(td), .table :where(tfoot), .table :where(th), .table :where(thead), .table :where(tr) {border-width:0 !important;}

.tm-main {min-height:100px !important;} /* ----------------------------------  CRUTCH UKIT taken from somewhere unknown------------------------------------------------------------*/

/* ---------------------------------------------------- UP BUTTON ------------------------------------------------------------------------- */

#button-up {display:none; position:fixed; right:15px; bottom:80px; color:rgba(220,70,23,.4); outline:none; cursor:pointer; z-index:1000;}
#button-up:hover {cursor:pointer; color:rgba(220,70,23,.8);}
@media (min-width:360px) and (max-width:960px) {
   #button-up {display:none; position:fixed; right:15px; bottom:80px; color:rgba(220,70,23,.4); outline:none; cursor:pointer; z-index:1000;} 
}

/*---------------- GO-BUT BUTTONS -----------------*/

.go-but {position:fixed; left:15px; bottom:30px; z-index:99999; display:flex; flex-direction:column;}
/*.go-but .bot-wc span:before {color:rgba(255,255,255,.8) !important; margin:0 0 0 2px; line-height:39px !important;}
.go-but .bot-wc {border-radius:500px; color:rgba(255,255,255,.8); width:40px; height:40px; display:block; text-align:center;}
.go-but .bot-wc {background:rgba(115,174,87,.8); margin-bottom:5px;}
.go-but .bot-wc:hover {background:#73ae57;}
.go-but .bot-wc span:before {font-size:160%;}
.go-but .bot-wc span:hover:before {color:#fff !important;}
.go-but .bot-tg .fa-brands {font-size:1.2em;}*/
.go-but .bot-tg .fa-telegram::before {font-size:2em;}
.go-but .bot-tg .fa-telegram:hover::before {font-size:2em; color:#0099ff !important;}

.go-but .bot-tg {display:inline-flex; align-items: center; justify-content: center; width:50px; height:50px; color:#2ca5e0; text-decoration:none; position:relative; transition:all 0.3s ease;}
@keyframes softTelegramPulse {
    0% {transform: scale(1); opacity: 0.85; filter: drop-shadow(0 0 0 rgba(44, 165, 224, 0));}
    50% {transform: scale(1.08); opacity: 1; filter: drop-shadow(0 0 4px rgba(44, 165, 224, 0.5));}
    100% {transform: scale(1); opacity: 0.85; filter: drop-shadow(0 0 0 rgba(44, 165, 224, 0));}
}
.go-but .bot-tg span {display: inline-block; font-size: 28px; animation: softTelegramPulse 2.5s ease-in-out infinite; transform-origin: center;}
.go-but .bot-tg:hover span {animation-play-state: paused; transform: scale(1.05); filter: drop-shadow(0 0 3px rgba(44, 165, 224, 0.6));}

/*.go-but p {line-height:1.4; font-size:13px;}
.go-but h3 {font-size:22px; text-align:center;}
.go-but .bot-help {color:transparent; margin:0 0 8px -4px;}
.go-but .bot-help .pomoshch-online {width:44px; height:52px;}
.go-but .bot-help .sorry {width:24px; height:22px;}
.u-button {width:230px; margin:20px auto 0;}*/

/* ---------------------------------------------------- TAGS ------------------------------------------------------------------------- */

.com-tags__items {display:flex; flex-wrap:wrap;}
.com-tags__items .list-group {margin:5px;}
.com-tags__items .list-group-item {display:flex;}
.com-tags__items .list-group-item h3 {font-family:Verdana,Geneva,sans-serif;  font-size:1em; font-size:.6em; font-weight:400;}
.com-tags__items .list-group-item::before {content:"\f02b"; font-family:'Font Awesome 7 Pro'; font-weight:600; font-style:normal !important; font-variant:normal; line-height:1; margin-right:8px; color:rgba(0,0,0,.4);}

.com-tags-tag-list h2 {display:flex; align-items:center; font-size:180%;}
.com-tags-tag-list h2::before {content:"\f02b"; font-family:'Font Awesome 7 Pro'; font-weight:400; font-style:normal !important; font-variant:normal; line-height:1; margin-right:8px; color:rgba(0,0,0,.4); font-size:60%;}

.com-tags-tag-list__category .list-title {text-align:left !important; font-weight:400 !important;}

.tug {padding:2px 5px; margin:0 3px; background:rgba(0,0,0,.08); font-size:90%; white-space:pre;}
.tug::before {content:"\f02b"; font-family:'Font Awesome 7 Sharp'; font-weight:400; font-style:normal !important; font-variant:normal; line-height:1; margin-right:5px; color:rgba(0,0,0,.4);}

.tag-name {padding:0 2px; margin:0 1px; background:rgba(0,0,0,.08); letter-spacing:-0.02em; line-height:1.6; vertical-align:middle; white-space:pre;}