/* -----------------------------------------------------   FONTS   ------------------------------------------------ */

@font-face{font-display:swap;font-family:'Morpheus Cyr'; 
src:local('Morpheus Cyr'), local('MorpheusCyr'), 
url(/js/fonts/MorpheusCyr/MorpheusCyr.woff2) format('woff2'), 
url(/js/fonts/MorpheusCyr/MorpheusCyr.woff) format('woff'), 
url(/js/fonts/MorpheusCyr/MorpheusCyr.otf) format('truetype'), 
url(/js/fonts/MorpheusCyr/MorpheusCyr.ttf) format('truetype'); font-weight:400; font-style:normal;}

@font-face{font-display:swap;font-family:'ZurichCalligraphic'; 
src:local('ZurichCalligraphic'), local('ZurichCalligraphic'), 
url(/js/fonts/ZurichCalligraphic/ZurichCalligraphic.woff2) format('woff2'), 
url(/js/fonts/ZurichCalligraphic/ZurichCalligraphic.woff) format('woff'), 
url(/js/fonts/ZurichCalligraphic/ZurichCalligraphic.otf) format('truetype'), 
url(/js/fonts/ZurichCalligraphic/ZurichCalligraphic.ttf) format('truetype'); font-weight:400; font-style:normal;}

@font-face{font-display:swap;font-family:'Myriad Pro'; 
src:local('Myriad Pro'), local('MyriadPro-Regular'), 
url(/js/fonts/MyriadPro/MyriadPro-Regular.woff2) format('woff2'), 
url(/js/fonts/MyriadPro/MyriadPro-Regular.woff) format('woff'), 
url(/js/fonts/MyriadPro/MyriadPro-Regular.otf) format('truetype'); font-weight:400; font-style:normal;}

@font-face{font-display:swap;font-family:'Georgia'; src:local('Times new roman'); unicode-range:U+0030-0039;}
@font-face{font-display:swap;font-family:'Georgia'; src:local('Georgia'); unicode-range:U+0000-0029, U+0040-10FFFF;}
li {font-family:'Georgia', 'Times new roman';}

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

a, a:hover, a:hover::before, .uk-nav a, .uk-nav a:hover, div:hover, .art-r-300-pad .hole:hover, .art-r-300-pad .hole {transition:all 300ms ease-out !important; -webkit-transition:all 300ms ease-out !important; -moz-transition:all 300ms ease-out !important; -o-transition:all 300ms ease-out  !important; outline:none;}

h2 a {color:#990000; margin:0; padding:5px 0; position:relative; -moz-transition:ease-out .3s .1s;-o-transition:ease-out .3s .1s;-webkit-transition:ease-out .3s; -webkit-transition-delay:.1s; transition:ease-out .3s .1s;}

h2 a::after {height:.06em; width:100%; background:#c00; content:""; position:absolute;left:0; bottom:0;-moz-transform:scaleX(0);-ms-transform:scaleX(0); -webkit-transform:scaleX(0); transform:scaleX(0); -moz-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;transition:.3s;}
h2 a:hover::after {-moz-transform:scaleX(1); -ms-transform:scaleX(1); -webkit-transform:scaleX(1); transform:scaleX(1);}

h2 a::before {font-family:'Font Awesome 6 Pro'; font-weight:400; content:"\f061"; margin-right:8px; /*display:block; position:relative;*/}

.uk-slidenav, .uk-slidenav:hover {transition:inherit !important; -webkit-transition:inherit !important; -moz-transition:inherit !important; -o-transition:inherit !important;}

.upper, .upper a {text-transform:uppercase;}
.noupper, .noupper a {text-transform:none !important;}
.italka, .italka a, em {font-style:italic !important;}
.norma {font-style:normal !important;}
.bolda, .bolda a, .boldd, .boldd 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;}

.maroon, .maron {color:#990000 !important;}
.maroon:hover, .maron:hover {color:#c00 !important;}
.brown {color:#5a3918 !important;}
.ocher {color:#8c6331 !important;}
.yellow {color:#fae264 !important;}
.yellow-old {color:#d9b149 !important;}
.green {color:#7f6b31 !important;}
.green-dark {color:#302302 !important;}
.black {color:#000800 !important;}
.red {color:#c00;}
.grey {color:#424242;}
.grey-w {color:#999;}
.white, .white a, .white h3 {color:#fff !important}

.size-80, .size-80 p, .size-80 td, .size-80 code {font-size:80% !important; line-height:120%;}
.size-90, .size-90 p, .size-90 td, .size-90 code {font-size:90% !important; line-height:120%;}
.size-100, .size-100 p, .size-100 td {font-size:100% !important;}
.size-110, .size-110 p, .size-110 td {font-size:110% !important;}
.size-120, .size-120 p, .size-120 td {font-size:120% !important;}
.size-150, .size-150 p, .size-150 td {font-size:150% !important;}
.size-200, .size-200 p, .size-200 td {font-size:200% !important;}

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

.bottom-15, .tb-15 {padding-bottom:15px !important;}
.bottom-30 {padding-bottom:30px !important;}

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

.just .left, .just .uk-article p, .just .uk-article li, .just .uk-article p, .just .uk-article li, .just-all p, p.just-all, .just-all li, li .just-all, .just-p, .just-ul li, .just-a, .just-div {text-align:justify;}
.just .uk-h2, .just .uk-h3, .just .uk-h4, .just .uk-h5, .just-all h2, .just-all h3, .just-all h4, .just-all h5, .just .lead, .just .tm-sidebar .upper, .just .formValidation, .just .uk-form-controls, .just blockquote p, .just code, .just p code, .tarantian-data, .tarantian-peredovica, .tarantian-sobkor, .uk-h3 {text-align:left !important;}

.center, .just .center, .just .center p, .just .center, .just .center p, .just .center h2, .just .center h3, .just .center-img, .just .center-img p, .just .center-you, .just .center-you-650, .just .widgetkit-art, .just .uk-article .center p, .just .uk-h3.uk-text-center, .center-you-600, .center-you-600 p, .right-center-img p, .right-center-img-top p, .right-center-img-trans p, .art-r-300 p, .art-l-300 p, .art-l-200 p, .just-all h4.sound-off {text-align:center !important;}

.just .right, .just .podpis {text-align:right !important;}

.center-img, .tarantian-sobkor, .tarantian-img-titr {font-weight:400 !important; text-align:center !important;}
.center-img img, .category-desc .center-img img {margin:15px auto; float:none !important; width:auto !important; height:auto !important;}
.center-img p, .center-you-600 p, .art-r-300 p, .art-l-300 p, .art-l-200 p, .right-center-img p, .right-center-img-top p, .right-center-img-trans p, .center-you-600 p {margin-top:5px; font-style:italic; color:#7f6b31; font-size:90%;}

.center-you, .center-you-600 .video, .center-you-600 iframe, .center-you-600 .avPlayerWrapper .avPlayerContainer .avPlayerBlock iframe {margin:15px auto !important;}
.center-you-600 .avPlayerWrapper .avPlayerContainer .avPlayerBlock {padding:0 !important;}
.center-you-600 .video, .center-you-600 iframe, .center-you-600 .avPlayerWrapper .avPlayerContainer .avPlayerBlock iframe {width:600px !important; height:450px !important; position:relative !important;}

.right-center-img {width:310px !important;}
.right-center-img img {width:310px !important;}
.right-center-img p {margin-top:15px !important; font-style:italic; vertical-align:top;}
.right-center-img-top {width:310px !important; margin:15px 0 0 40px !important;}
.right-center-img-top img {width:310px !important; margin:15px 0 0 40px !important;}
.right-center-img-top p {margin-top:15px !important; font-style:italic; vertical-align:top;}
.right-center-img-trans {width:auto !important; margin:0 0 0 15px !important;}
.right-center-img-trans img {float:right; width:auto !important; margin:0 0 0 15px !important;}
.right-center-img-trans p {margin-top:15px !important; font-style:italic; vertical-align:top;}
.right-center-img-trans-top {width:auto !important; margin:30px 0 0 15px !important;}
.right-center-img-trans-top img {width:auto !important; margin:30px 0 0 15px !important;}

.right-center-img, .right-center-img img {margin:0 0 0 40px !important;}

.art-r-300-pad, .art-r-300, .category-desc .art-r-300-pad, .category-desc .art-r-300, .art-l-300-pad, .art-l-300, .category-desc .art-l-300-pad, .category-desc .art-l-300, .art-r-podpis, .tarantian .art-r-300-pad 
{width:300px !important; height:auto !important;}
.art-r-200-pad, .art-r-200, .category-desc .art-r-200-pad, .category-desc .art-r-200, .art-l-200-pad, .art-l-200, .category-desc .art-l-200-pad, .category-desc .art-l-200 
{width:200px !important; height:auto !important;}
.art-r-150, .category-desc .art-r-150 {width:150px !important; height:auto !important;}
.art-r-128, .category-desc .art-r-128 {width:128px !important; height:128px;}
.art-r-120 {width:120px !important; height:120px;}
.art-r-76 {width:76px !important; height:76px !important;}
.art-l-350-pad {width:350px !important; height:auto !important;}
.art-64-pad, .art-64 {width:64px !important; height:64px !important;}
.art-r-auto, .art-l-auto, .art-r-auto-pad, .art-l-auto-pad, .category-desc .art-r-auto, .category-desc .art-l-auto, .category-desc.art-r-auto-pad, .category-desc .art-l-auto-pad 
{width:auto !important; height:auto !important;}

.art-r-auto-pad, .art-l-350-pad, .art-l-300-pad, .art-l-200-pad, .art-l-auto-pad, .art-r-300-pad, .art-r-200-pad, .center-you, .center-you-600 .video, .widgetkit-art img, .padded, .art-64-pad, .category-desc .art-r-300-pad {background:rgb(255,255,255,.3) !important;}
.art-r-300-pad, .art-r-300, .art-r-200-pad, .art-r-200, .art-r-150, .art-r-128, .art-r-120, .art-r-76, .art-r-auto, .art-r-auto-pad, .right-center-img img, .right-center-img-top, .right-center-img-top img, .right-center-img-trans, .right-center-img-trans img, .right-center-img-trans-top, .right-center-img-trans-top img, .lb-r-200, .art-64-pad, .art-r-podpis, .tarantian .art-r-300-pad 
{float:right !important;}
.art-l-350-pad, .art-l-300-pad, .art-l-300, .art-l-auto, .art-l-200-pad, .art-l-200, .art-l-auto-pad {float:left !important; margin:15px 30px 15px 0 !important;}
.art-r-300-pad, .art-r-300, .art-r-200-pad, .art-r-200, .art-r-150, .art-r-128, .art-r-120, .art-r-76, .art-r-auto, .art-r-auto-pad, .lb-r-200, .art-64-pad, .tarantian .art-r-300-pad 
{margin:15px 0 15px 30px !important;}

.art-r-podpis {margin:5px 0 15px 30px;}
.art-l-podpis {margin:5px 30px 15px 0;}
.art-r-podpis p, .art-l-podpis p {text-align:center; font-size:90%; margin:5px auto; color:#563e04;}

.art-r-300-pad, .category-desc .art-r-300-pad, .art-l-200-pad, .art-r-200-pad, .art-l-auto-pad, .art-r-auto-pad, .art-l-350-pad, .art-l-300-pad, .center-you, .center-you-600 .video, .widgetkit-art img, .padded, .art-64-pad {border:solid 1px #ccc !important; padding:10px;}
.art-r-auto, .category-desc .art-r-auto, .art-r-150, .category-desc .art-r-auto {border:0 !important; padding:0 !important; background:none !important;}
.art-icon {width:75px; height:75px; background:rgb(255,255,255,.8) !important; text-align:center; padding:5px; border:solid 1px #ccc !important;}
.art-icon .art-64 {width:64px; height:64px; margin:auto 0; padding:0 !important;}

.art-r-300-pad .hole {background:#f00; width:30px; height:30px;}
.art-r-300-pad .youtube-icon {margin:-20px 0 0 -20px;}
.art-r-300-pad .youtube-icon::before {content:"\f167"; font-family:'Font Awesome 6 Brands'; font-weight:400; font-size:3em; color:#fff;}
.art-r-300-pad .youtube-icon:hover::before {color:#f00;}
.art-r-300-pad .hole:hover {background:#fff;}

.video-up .hole {background:#f00; width:30px; height:30px;}
.video-up .youtube-icon {margin:-20px 0 0 -20px;}
.video-up .youtube-icon::before {content:"\f167"; font-family:'Font Awesome 6 Brands'; font-weight:400; font-size:3em; color:#fff;}
.video-up .youtube-icon:hover::before {color:#f00;}
.video-up .hole:hover {background:#fff;}

.lb-r-200 {width:200px !important;}
.lb-r-200 .art-r-200-pad {margin:0 0 10px 0 !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;}
.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%;}
.no-padded {border:0 none !important; padding:0 !important; margin:0 auto !important; background:none !important;}

.letter-back p {text-indent:30px; margin:0 !important;}
.letter-back .uk-article-meta {text-indent:0; margin:inherit !important;}

.indent-no, .indent-no p, .letter-back .indent-no, .letter-back .indent-no p, .letter-back .category-desc p, .letter-back .lead, .letter-back .readmore, .letter-back .readon, .letter-back p .readon, .subline, .promo2, .promo3, .tit-h2, .tit-h3 {text-indent:0 !important;}
.readmore, .readon, .letter-back .readmore, .letter-back .readon, .letter-back p.readmore, .letter-back p.readon, .subline, .promo2, .promo3 {margin-top:15px !important;}
 
.subline {font-size:1em !important;}
.promo2 {font-size:1.4em !important;}
.promo3 {font-size:1.6em !important;}
.subline, .promo2, .promo3 {color:#663333; text-transform:uppercase;}

.tit-h2, .tit-h3 {line-height:135%; margin:15px 0 !important;}
.tit-h2 {font-size:2em !important;}
.tit-h3 {font-size:1.6em !important;}

.lead {font-size:120%; font-style:italic !important; color:#990000; line-height:120% !important;}

.title-morph {font-family:'Morpheus Cyr', Georgia, sans-serif; letter-spacing:.04em;}
.title-calligraph, .troika {font-family:'ZurichCalligraphic', Georgia, sans-serif;}

h1 {display:list-item; list-style-position:inside;}
h1::marker {content:"\f71d  "; font-weight:300; font-family:'Font Awesome 6 Pro'; display:block; position:absolute;}

.head-zag-zc h1 {font-family:'ZurichCalligraphic', Georgia, sans-serif; font-size:56px; text-align:center;}

.monospace, .monospace p, .monospace li, .manual .monospace, .manual .monospace p, .manual .monospace li, .manual .monospace span {font-family:'Courier New', monospace !important; text-align:left !important;}

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

.georg .uk-nav-default {font-family:'Georgia' !important;}

.breadcrumbs {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-icon.uk-pagination-previous {margin:0 8px 0 0;}
.uk-icon.uk-pagination-previous svg, .uk-icon.uk-pagination-next svg {margin-bottom:3px !important;}
.uk-icon.uk-pagination-next {margin:0 0 0 8px;}

.content_vote .form-select {border-bottom:0 none !important; cursor:pointer;}
h2.uk-h2 a.uk-link-reset:hover {color:#c00 !important;}

.uk-tooltip {font-family:Arial, Verdana !important;}
.curs-help abbr {cursor:help !important;}
code {white-space:inherit !important;}
.tm-toolbar {position:initial;}
.uk-offcanvas-bar {border-collapse:separate; border-left:2px solid rgb(255,255,255,.2) !important; background:url(/images/bg/wood-bg.webp) repeat;}
.uk-lightbox-button svg {width:30px; height:30px;}

.tm-main {min-height:100px !important;} /* ====================================================   The ukit crutch is from nowhere   */

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

.com-content-categories__item {text-transform:uppercase !important; padding:10px 0 10px 30px;}
.com-content-categories__item .category-desc {text-transform:none !important;}

.com-content-category__table {padding:10px 0 10px 30px; font-size:90%;}
.com-content-category__table .list-title {text-transform:none !important; text-align:left; font-weight:400 !important;}

.category-desc {padding-bottom:30px; margin-bottom:15px; border-bottom:3px solid #946834;}
.category-desc p {font-style:italic; margin:0 !important; color:#302302; text-align:justify; line-height:120% !important;}
.category-desc img {float:right !important; margin:0 0 5px 30px !important; width:64px; height:auto;}
.category-desc img.no-padded {float:right !important; margin:10px 0 5px 30px !important; width:64px; height:auto; padding:0; border:0; background:none;}
.category-desc img.w-full {margin:15px auto !important; width:100%; height:auto; padding:10px; border:solid 1px #ccc; background:rgb(255,255,255,.3) !important;}
.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 !important; height:auto !important; padding:0 !important; border:0 none !important; background:transparent !important; margin:0 8px !important;}
.category-desc h1, .com-weblinks-categories.categories-list h1 {line-height:120%; color:#302302; font-family:'Morpheus Cyr', Georgia, sans-serif; font-size:35px;}
.category-desc a {color:#990000;}
.category-desc a:hover {color:#c00;}

.category-desc .no-desc p, .category-desc .no-desc li {font-style:normal !important;  line-height:135% !important;  color:#000 !important;}
.category-desc .no-desc blockquote p {line-height:130%;}
.category-desc .no-desc blockquote p {font-style:inherit !important;  line-height:inherit !important; color:inherit !important; line-height:130%;}
.category-desc .no-desc img {}

/*.list-blog .uk-link-reset {font-size:70% !important; line-height:135% !important;}*/
.comments-readmore {margin-top:15px;}

.container-adapt-center {width:100%; max-width:100%; margin:15px auto;}
.container-adapt-center img {width:100%; height:auto;}

.img-content-right-top {float:right; margin:0 0 15px 30px !important; width:300px; height:auto;}
.img-content-right {float:right; margin:15px 0 15px 30px !important; width:300px; height:auto;}
.img-content-right-auto {float:right; margin:15px 0 15px 30px !important; width:auto; height:auto;}

.warning {margin:15px !important; color:#5a3918 !important; font-style:italic !important; font-weight:400 !important; font-size:110% !important;}
.warning a {color:#990000 !important;}

.verse {padding-left:60px; padding-bottom:30px;}
.verse p {font-style:italic; margin:0 !important; padding:0 !important; line-height:1.4em !important;}
.verse .top-15 {padding-top:15px !important;}
.verse .bottom-15 {padding-bottom:15px !important;}
.verse .centr {padding:15px 60px 15px 180px !important; font-weight:600 !important;}
.verse h3 {color:#990000 !important;}
.verse h4 {color:#5a3918 !important;}

.manual, .manual p, .manual a, .manual li, .manual td, .manual span, .manual h1, .manual h2, .manual h3, .manual h4, .manual h5, .manual h6, .manual .uk-h2, .manual .uk-h3, .manual .uk-h4, .manual .uk-h5, .manual .uk-h6 {font-family:Arial, Verdana !important;}
.manual .italka {font-style:normal !important; color:#003366;}
.manual .uk-table td {padding: 3px; border:1px solid #ccc;}

.manual .hex-1, .manual .hex-1 span {font:normal 8pt/140% 'Courier New', 'Tahoma' !important; text-align:left !important;}
.manual .blue {background-color:#00ffff; color:#000 !important;}
.manual .green {background-color:#00ff00; color:#000 !important;}
.manual .yellow {background-color:#ffff00; color:#000 !important;}
.manual .darc-blue {color:#0000ff !important;}
.manual .grey {background-color:#c0c0c0; color: #000 !important;}
.manual .red {background-color:#ff0000; color:#fff !important;}
.manual .magenta {background-color:#ff00ff; color: #fff !important;}

#lib-r {width:380px; margin:0 auto;}
#lib-r .null-1 {background:url(/images/bg/interface/top.webp) no-repeat top left; background-size:380px 16px; width:380px; height:16px;}
#lib-r .letter2 {background:url(/images/bg/interface/plaque-bg.webp) repeat-y top left; background-size:380px 16px; width:380px; height:auto;}
#lib-r .null-2 {background:url(/images/bg/interface/bottom.webp) no-repeat top left; background-size:380px 18px; width:380px; height:18px;}

.epigraf {color:#f5deb3; margin:0 30px; text-align:justify;}
.epigraf a {color:#f5deb3; border-bottom:1px dotted #f5deb3; text-decoration:none;}
.epigraf a:hover, .epigraf span {color:#faf678;}
.epigraf a:hover {border-bottom:1px dotted #faf678; text-decoration:none;}

.widgetkit-content .uk-panel {text-align:center !important;}
.widgetkit-content .uk-panel .uk-h5 {text-align:center !important;}
.widgetkit-content .uk-panel p {font-size:90% !important;}
.widgetkit-content .uk-panel .uk-h6 {font-size:10px !important;}
.widgetkit-content .uk-panel img {padding:10px !important; border:solid 1px #ccc !important; background:rgb(255,255,255,.3) !important;}
.widgetkit-content.no-pad .uk-panel img {padding:0 !important; border:0 none; background:none;}
.widgetkit-content .uk-grid {margin-top:5px;}
.widgetkit-cat .uk-panel p {text-align:center !important; margin-top:15px; text-transform:uppercase; font-size:90% !important;}
.widgetkit-cat .uk-border-circle {border:1px solid #ccc;}

.podpis {text-align:right; font-style:italic;}
.uk-subnav.modes a {font-size:16px !important;}
.uk-button.uk-button-default::before {font-family:'Font Awesome 6 Sharp'; font-weight:300; content:"\f061"; margin:0 8px 0 0;}

.arc-sity-1 {background-color:#1a0e00; margin:15px; padding:15px 0;}
.arc-sity-1 p {color:#e09004; font-family: Verdana, Arial; margin:0; padding: 5px 30px;}

.articles-blog-head-min article .uk-h2 {font-size:1.2em; text-transform:none !important;}
.articles-blog-head-min article .uk-margin-medium-top {margin-top:5px !important;}
.articles-blog-head-min article .readmore, .articles-blog-head-min article .comments-readmore {margin-top:0 !important; padding:0;}
.articles-blog-head-min article p, .articles-blog-head-min article li {font-size:.9em; line-height:1.2;}
.articles-blog-head-min article .btn {font-size:.7em; line-height:2.5em; padding:0 25px; border:0 none !important;}
.articles-blog-head-min article .img-top-up-35 {margin-top:-35px !important;}
.articles-blog-head-min article .content_rating {display:none;}

/* -------------------------------------------------------  ACCORDION          --------------------------    --------------------- */

.spoiler-content-1 {}
.spoiler-content-1 .header-sp {border:2px dotted #ccc; text-decoration:none; background:rgb(255,255,255,.4); padding:5px 15px;}

/* -------------------------------------------------------- TARANTIAN ---------------------------------------------------------- */

.tarantian {margin:15px auto; padding:15px 10px; font-family:'Times New Roman' !important; max-width:1200px; border-collapse:separate; border:2px solid #633 !important; 
background:url(/images/tarantian/background.webp) repeat; -webkit-box-shadow:2px 3px 6px 0 rgba(0,0,0,.9); box-shadow:2px 3px 6px 0 rgba(0,0,0,.9);}
.tarantian .page-min {max-width:100%; margin:30px 60px;}

.tarantian p, .tarantian li {font-size:16px; line-height:130%; color:#633 !important;}
.tarantian p {margin-top:8px;}
.tarantian a {color:#990000 !important;}
.tarantian a:hover {color:#c00;}
.tarantian img {border:1px solid #ccc; width:100%; padding:8px;}
.tarantian .logo-page {border:0 !important; padding:0 !important;}

.tarantian-peredovica, .tarantian-peredovica h1, tarantian-peredovica h2 {font-family:'Myriad Pro', Georgia, sans-serif; font-size:26px !important; text-align:left !important; margin:0 0 10px !important; line-height:110% !important;}
.tarantian-sobkor {text-align:center; margin:15px auto 20px !important; padding:8px 0; position:relative;}
.tarantian-sobkor::before {background-color:#633; bottom:0; content:''; display:block; height:1px; left:50%; position:absolute; transform:translate(-50%,0); width:50%;}
.tarantian-sobkor::after {background-color:#633; top:0; content:''; display:block; height:1px; left:50%; position:absolute; transform:translate(-50%,0); width:50%;}
.tarantian-data {font-size:14px !important; text-align:left;}
.tarantian-img-titr {margin:14px auto; font-family:'Myriad Pro', Georgia, sans-serif;}
.tarantian-img-titr a {color:#990000;}
.tarantian-img-titr a:hover {color:#c00;}
.tarantian-hr {border-top:solid 1px #633; text-align:center; margin:15px auto; width:50% !important;}
.tarantian p, .tarantian li, .tarantian-sobkor, .tarantian-data, tarantian-peredovica {font-style:normal;}
.tarantian-peredovica, .tarantian-peredovica h1, .tarantian-peredovica h2 {text-transform:uppercase; font-weight:600;}

.tarantian-ramka {padding:20px 10px; border:1px solid #633;}
.tarantian-ramka p {margin:0 15px;}

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

.logo-head {width:280px; height:50px;}
.head-right {}

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

.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 6 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, .karta-sajta .mod-articles-group h4 {margin:15px auto; line-height:1.1; text-transform:uppercase; color:#666; font-size:.8em;}
.karta-sajta h3 {font-size:.9em;}

.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:#990000; background:none !important;}
.karta-sajta-menu .uk-nav li a::before {margin:0 2px 0 10px;}
.karta-sajta-menu .uk-nav li a::before{font-family:'Font Awesome 6 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 6 Pro'; font-weight:900; content:"\f00c"; display:block; position:absolute; margin-left:-25px;}

.menu-v .uk-nav li a:hover {color:#990000;}
.menu-v .uk-nav li a::before {margin:0 10px 1px 5px;}
.menu-v .uk-nav li a::before {font-family:'Font Awesome 6 Pro'; font-weight:400; content:"\f105"; display:block; position:relative;}

.menu-lib-r {margin:0 30px; padding:30px 0;}
.menu-lib-r h4, #lib-r h4 {font-family:'ZurichCalligraphic', Georgia, sans-serif; color:#fff; font-size:30px; margin-bottom:15px; text-align:center !important; text-transform:none !important;}

.menu-lib-r .uk-nav li {border-top:0 none !important; border-bottom:1px dashed #eee !important; margin-top:0 !important; padding-top:0 !important;}
.menu-lib-r .uk-nav li a, .menu-lib-r .mod-articlescategory li a, .menu-lib-r .mod-articles li a {color:#d9b149 !important; line-height:1; margin:5px 0;}
.menu-lib-r .uk-nav li a:hover, .menu-lib-r .mod-articlescategory li a:hover, .menu-lib-r .mod-articles a:hover {color:#fae264 !important;}
.menu-lib-r .uk-nav .uk-active a, .menu-lib-r .mod-articlescategory .active, .menu-lib-r .mod-articles .active {color:#3c0 !important;}
.menu-lib-r .uk-nav li a::before {margin:0; padding:1px 8px 0 0;}
.menu-lib-r .uk-nav li a::before {font-family:'Font Awesome 6 Pro'; font-weight:400; content:"\f105"; display:block; position:relative;}

.menu-lib-r .mod-articlescategory, .menu-lib-r .mod-articles {list-style-type:none; padding:0; position:relative; margin:0; font-size:90% !important;}
.menu-lib-r .mod-articlescategory li, .menu-lib-r .mod-articles li {border-top:0 none !important; border-bottom:1px dashed #eee !important; margin-top:0 !important; padding-top:4px; padding-bottom:4px;}
.menu-lib-r .mod-articlescategory li a, .menu-lib-r .mod-articles li a {display:flex; align-items:center; line-height:110%;}
.menu-lib-r .mod-articlescategory li a::before, .menu-lib-r .mod-articles li a::before {margin:0 8px 0 0; padding:1px 0; font-family:'Font Awesome 6 Pro'; font-weight:400; content:"\f105"; position:relative;}

.menu-cell {background:url(/images/bg/background-cell.webp) repeat; padding:30px; font-size:90%; border:8px solid rgb(81,74,33,.6); font-weight:500;
text-shadow:0 3px 3px rgba(255,255,255,0.5);}
.menu-cell .uk-h3 {text-align:center !important; color:rgba(0,0,0,.7);}

.menu-bumaga-zg {background:url(/images/modules/compass.webp) 95% 40% no-repeat, url(/images/bg/staraya-zheltaya-bumaga-fon.webp) left top repeat; padding:30px; border:2px solid rgb(73,50,0,1);}
.menu-bumaga-zg .uk-h4 {text-align:center !important; color:#493200; font-family:'ZurichCalligraphic', Georgia, sans-serif; font-size:30px; text-transform:none !important;}
.menu-bumaga-zg .uk-heading-divider {border-bottom:calc(.5px + .02em) solid #493200 !important;}
.menu-bumaga-zg ul {list-style-type:none; padding:0; position:relative; margin:30px 0;}
.menu-bumaga-zg ul li {margin:0 0 8px 0; line-height:110% !important; font-size:1em; border-bottom:1px dashed #493200; padding:0 0 3px 0; display:flex;}
.menu-bumaga-zg ul li a {color:#493200; padding-left:20px;}
.menu-bumaga-zg ul li a.active {color:#c00;}
.menu-bumaga-zg ul li a:hover {color:#990000;}
.menu-bumaga-zg ul li a::before {font-family:'Font Awesome 6 Pro'; font-weight:400; content:"\f105"; display:block; position:absolute; margin:1px 0 0 -20px;}

.menu-bumaga-zg.no-border {padding:0 !important; border:0 none !important; background:url(/images/modules/compass.webp) 95% 40% no-repeat !important;}

.newsflash img {float:right; width:76px; height:auto; margin:0 0 10px 15px;}
.newsflash.img-auto img {float:none; width:auto; height:auto; margin:10px auto !important;}
.newsflash .otstup-sml {float:none !important; width:auto !important; height:auto !important; margin:0 3px !important;}
.newsflash .mod-articles-items {padding-left:0; list-style:none;}

.newsflash .mod-articles-title {text-align:center;}
.newsflash p {font-size:.85em; line-height:1.2; text-align:justify;}
.newsflash h4 {line-height:1.2;}
.newsflash dd, .blognews dt {font-size:.8em; color:#666; line-height:1.2;}
.newsflash dd span[class*="icon-"] {font-family:'Font Awesome 6 Pro'; font-weight:400; font-style:normal !important; font-variant:normal; line-height:1; margin-right:5px; color:rgba(0,0,0,.6);}
.newsflash .icon-user::before {content:"\f508";}
.newsflash .icon-calendar::before {content:"\f073";}
.newsflash .icon-folder-open::before {content:"\f07c";}
.newsflash .mod-articles-image, .blognews .readmore {text-align:center;}
.newsflash .mod-articles-image img  {margin:0 auto;}
.newsflash .btn-secondary {background-color:#ddd; color:#888;}
.newsflash .btn-secondary:hover {background-color:#ccc; color:#000;}
.newsflash .mod-articles-item blockquote {padding:0 0 5px 25px; font-size:.9em;}
.newsflash .mod-articles-item h4 {font-size:0.9em;}
.newsflash h2 {font-size:1.2em; line-height:1.2;}
.newsflash h2 a {margin:0 !important; padding:2px 0 !important;}
.newsflash h2 a::after {height:1px !important;}

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

.left-big .module-title .title {text-align:left !important; font-size:250% !important; line-height:120% !important;}
.left-big .module-title .title small {font-size:40% !important; color:#663333; text-transform:uppercase; padding:5px 0 5px 50px;}

.translate {text-align:left; padding:0;}
.translate .flag img {margin-right:5px !important; opacity:1 !important;}

.question {font-weight:400 !important;}
.question ul {list-style-type:none !important}
.question #row_term_condition {padding:15px 0; line-height:110%;}
.question input, .question textarea, .question .uneditable-input {width:290px !important;}
.question #term_condition {width:auto !important;}
.question #row_term_condition label {display:contents !important;}
.question .required, .question #contact_emailmsg, .question #contact_subjectmsg, .question #contact_textmsg {color:#990000 !important; font-size:80% !important; text-transform:uppercase;}
.question #row_text, .question #contact_subjectmsg, .question #contact_emailmsg {padding-top:15px !important;}
.question #contact_subject {background-color:#fff; border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 1px rgb(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgb(0,0,0,0.075);box-shadow:inset 0 1px 1px rgb(0,0,0,0.075); display:inline-block; height:20px; padding:4px 6px; margin-bottom:9px; font-size:14px; line-height:20px; color:#555; border-radius:3px;}

.search-s .button {margin-left:15px !important;}
.jllikeproSharesContayner {padding-top:15px !important;}

.expansion-download {text-align:center; padding-bottom:15px;}
.expansion-download img {text-align:center; margin:0 auto;}

.menu-get p {font-size:85%; text-transform:none !important; font-style:italic; color:#fae264 !important; text-align:justify;}
.menu-get h3, .menu-get h4 {text-align:center; color:#fff !important;}
.menu-get h3 {margin-top:15px;}
.menu-get h4 {font-family:'Morpheus Cyr', Georgia, sans-serif; font-size:150%;}
.donat {font-size:80%; text-align:justify;}
.donat img {float:right; margin:15px 0 5px 15px;}
.donat h4 {text-align:center; font-family:'Morpheus Cyr', Georgia, sans-serif; font-size:200%; color:#8c6331 !important; text-align:center;}
.u-button {width:230px; margin:20px auto 0;}

.gold {background:linear-gradient(-180deg, #fce9ac 0%, #f8e099 40%, #734d00 50%, #fde7a6 60%, #fcfac8 100%); box-shadow:inset 0 0 3px 0 rgba(69,2,2,0.67); border-radius:10px; border:1px solid #fff; display:inline-block; width:600px; height:400px; padding:5px; text-decoration:none;}
.gold span {background:#000; display:block; width:590px; height:390px; border-radius:8px; padding:5px 5px;}

.offcanvas-san {color:rgba(255,255,255,.6) !important;}
.offcanvas-san:hover {color:#fff !important;}

.norma .ul-gear li {margin-bottom:10px !important;}
.norma .ul-gear li::before {color:#990000 !important; font-size:1.2em !important; margin-left:-30px !important; font-weight:300 !important;}

.grecaptcha-badge {visibility:hidden;}
.yandex {text-align:center !important; margin:15px auto !important; border:none 0 !important; max-height:150px !important;}

.extravote {margin:5px 0 10px;}
.extravote-info {margin-left:8px !important;}

/* ---------------------------------------------- SECTIONS ----------------------------------------------------*/

#head-main {background-image:url(/images/bg/railway-station.webp); background-position:bottom center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.main-head {display:flex; align-items:center;}

.main-slogan {text-align:center; text-shadow:0 0 7px #fff, 0 0 10px #fff, 0 0 21px #980000, 0 0 42px #f7ff00, 0 0 82px #000, 0 0 92px #ff5400, 0 0 102px #76544f, 0 0 151px #76544f;}
.main-slogan h2 {font-size:450%; font-family:'Morpheus Cyr', Georgia, sans-serif; letter-spacing:.04em;/* animation:pulsate 3.5s infinite alternate;*/}
.main-slogan h3 {margin:0 !important; animation:pulsate 1.5s infinite alternate;}
.main-slogan h2, .main-slogan h3 {color:#fff !important;}

@keyframes pulsate {
100% {text-shadow:0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #3100cd, 0 0 80px #3100cd, 0 0 90px #3100cd, 0 0 100px #0000ff, 0 0 150px #0000ff;} 
0% {text-shadow:0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 10px #3100cd, 0 0 45px #3100cd, 0 0 55px #3100cd, 0 0 70px #0000ff, 0 0 80px #0000ff;}
}
.pulsate {animation:pulsate 1.5s infinite alternate;}

.main-verse h2, .main-verse p, .head-slogan h1, .main-slogan h2, .main-slogan h3, .head-slogan h2, .head-slogan h3 {user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;-ms-user-select: none;}

.main-verse {background-image:url(/images/bg/ramka.webp); background-position:50% 100%; background-repeat:no-repeat; background-size:auto 100%; width:380px; height:350px; text-align:center;}
.main-verse, .main-verse h2 {color:#fae264 !important; text-transform:none; padding-top:20px;}

.head-slogan {position:relative; text-align:center; background-image:url(/images/bg/border.webp), url(/images/bg/border.webp), url(/images/bg/rustic-charm.webp); background-position:top right, bottom left, top left; background-repeat:repeat-x, repeat-x, no-repeat; background-size:auto, auto, cover;}
.head-slogan h1 {color:#fae264 !important; font-size:250%; font-family:'Morpheus Cyr', Georgia, sans-serif; text-shadow:0 0 6px rgba(255,255,255,.7); letter-spacing:.04em;}
.head-slogan h2 {color:#fae264 !important; font-size:230%; font-family:'Morpheus Cyr', Georgia, sans-serif; text-shadow:0 0 6px rgba(255,255,255,.7); letter-spacing:.04em;}
.head-slogan h2::before {content:"\f71d"; font-weight:300; font-family:'Font Awesome 6 Sharp'; margin-right:10px;}
.head-slogan h3 {margin-top:0 !important;}

#main-wood-dark {position:relative; background-image:url(/images/bg/border.webp), url(/images/bg/wood-dark.webp); background-position:bottom left, top left; background-repeat:repeat-x, repeat;}

#main-tarantian {position:relative; background-image:url(/images/bg/wood-bg.webp); background-position:top left; background-repeat:repeat; box-shadow:0 20px 15px -10px rgba(0,0,0,.8) inset; -webkit-box-shadow:0 20px 15px -10px rgba(0,0,0,.8) inset; -moz-box-shadow:0 20px 15px -10px rgba(0,0,0,.8) inset;}

#home-news {background-image:url(/images/bg/utility-bg.webp); background-position:center bottom; background-repeat:no-repeat; background-size:contain;}
#home-news h2 {margin:0 !important;}

#home-content {background-image:url(/images/bg/border.webp), url(/images/bg/map-tarant-min.webp); background-position:bottom left, center bottom; background-repeat:repeat-x, no-repeat; background-size:100% 6px, contain;}

.wood {background:url(/images/bg/wood-bg.webp) repeat;}
.wood-dark {background:url(/images/bg/wood-dark.webp) repeat;}
.uk-card-primary {position:relative; text-align:center; background-image:url(/images/bg/border.webp), url(/images/bg/border.webp), url(/images/bg/rustic-charm.webp); background-position:top right, bottom left, top left; background-repeat:repeat-x, repeat-x, no-repeat;}

#home-bottom {background-image:url(/images/bg/splash-arcanum.webp); background-position:center top; background-repeat:no-repeat, no-repeat; background-attachment:fixed; background-size:cover; box-shadow:0 20px 15px -10px rgba(0,0,0,.8) inset; -webkit-box-shadow:0 20px 15px -10px rgba(0,0,0,.8) inset; -moz-box-shadow:0 20px 15px -10px rgba(0,0,0,.8) inset;}

@media (min-width:360px) and (max-width:767px) {
   #home-content img {margin:15px auto !important; float:none !important; display:flex;}
   #home-bottom {background-attachment:inherit; text-align:center;}
}

#home-bottom h2 {margin:0 auto !important; font-size:250%; color:transparent; background:rgb(238,180,69); background-image:linear-gradient(347deg, rgba(242,239,187,1) 0%, rgba(236,218,102,1) 17%, rgba(242,239,187,1) 34%, rgba(236,218,102,1) 50%, rgba(242,239,187,1) 66%, rgba(236,218,102,1) 83%, rgba(242,239,187,.9) 100%); background-clip:text; -webkit-background-clip:text; -moz-background-clip:text; text-shadow:0 0 6px rgba(255,255,255,.6);}

#home-bottom h3 {margin:0 auto !important;}
#home-bottom img {margin-top:0 !important;}
#home-bottom .uk-button-secondary {background-color:rgb(97,74,4,0.2); color:rgb(255,255,255,.8); border-color:rgb(97,74,4,0.8);}
#home-bottom .uk-button-secondary:hover {background-color:rgb(97,74,4,0.8); color:#fff; border-color:transparent;}

#footer-main {background-image:url(/images/bg/border.webp), url(/images/bg/interface/ground-3.webp), url(/images/bg/interface/ground-3.webp), url(/images/bg/ground.webp); background-position:top left, 98% 50%, 2% 50%, top left; background-repeat:repeat-x, no-repeat, no-repeat, repeat; background-size:100% 6px, 60px 300px, 60px 300px, auto auto;}

#footer-main a {color:rgba(255,255,255,.9) !important;}
#footer-main a:hover {color:#ff0 !important;}
#footer-main h3 {color:#fae264 !important;}
#footer-main h3.uk-heading-divider {border-bottom-color:#fae264 !important;}

#footer-menu {background-image:url(/images/bg/interface/rivet.webp), url(/images/bg/interface/rivet.webp), url(/images/bg/ground.webp); background-position:20% 50%, 80% 50%, left top; background-repeat:no-repeat, no-repeat, repeat; background-size:11px 11px, 11px 11px, auto auto; border-top:3px solid rgba(255,255,255,.2);}

#footer-menu .footer-menu {background-color:#000800; padding:10px 15px; margin:0 auto; width:max-content; border:2px solid transparent; border-image-slice:1 !important; border-image:linear-gradient(#735a29, #c7913b); -moz-border-image:-moz-linear-gradient(#735a29, #c7913b); -webkit-border-image:-webkit-linear-gradient(#735a29, #c7913b);}

#main-footer-dark {position:relative; background-image:url(/images/bg/border-wood.webp), url(/images/bg/wood-dark.webp); background-position:top left, top left; background-repeat:repeat-x, repeat;}
#main-footer-dark p, #main-footer-dark a {color:rgba(255,255,255,.6) !important;}

/* --------------------------------------------- HEAD ---------------------------------------------*/

.tm-headerbar-top.tm-headerbar-default {background-image:url(/images/bg/wood-bg.webp); background-repeat:repeat repeat; background-size:auto auto; z-index:inherit;}
.head-right-main {display:flex; flex-direction:row;}
.head-right {background-image:url(/images/bg/interface/int-top.webp); background-repeat:no-repeat; background-size:100% 100%; width:800px; height:110px; margin:0; padding:0;}
.int-top-time {background-image:url(/images/bg/interface/int-top-time.webp); background-repeat:no-repeat; background-size:132px 33px; position:absolute; margin:-36px 0 0 648px; width:128px; height:33px;}
.pan {width:128px; height:29px; overflow:hidden; position:absolute; margin:6px 0 0 648px;}
#pan-bg {background-image:url(/images/bg/interface/timestrip.webp); background-size:4480px 29px; width:4480px; height:29px; animation:slide 60s linear infinite;}
@keyframes slide {0% {transform:translate3d(0, 0, 0);} 100% {transform:translate3d(-4096px, 0, 0);}}

.spells-skills, .spells-skills:hover {margin:57px 0 0 249px;}
.spells-skills {background-image:url(/images/bg/buttons/spells-skills-off.webp);}
.spells-skills:hover {background-image:url(/images/bg/buttons/spells-skills-fokus.webp);}
.schematics-but, .schematics-but:hover {margin:57px 0 0 379px;}
.schematics-but {background-image:url(/images/bg/buttons/schematics-but-off.webp);}
.schematics-but:hover {background-image:url(/images/bg/buttons/schematics-but-fokus.webp);}
.combat-but, .combat-but:hover {margin:57px 0 0 517px;}
.combat-but {background-image:url(/images/bg/buttons/combat-but-off.webp);}
.combat-but:hover {background-image:url(/images/bg/buttons/combat-but-fokus.webp);}
.spells-skills, .schematics-but, .combat-but, .spells-skills:hover, .schematics-but:hover, .combat-but:hover {position:absolute; background-repeat:no-repeat; background-size:100% 100%; width:39px; height:39px;}

.inven-lil, .inven-lil:hover {margin:7px 0 0 155px;}
.inven-lil:hover {background-image:url(/images/bg/buttons/inven-lil-but-on.webp);}
.but-mail, but-mail:hover {margin:7px 0 0 602px;}
.but-mail:hover {background-image:url(/images/bg/buttons/but-mail-on.webp);}
.but-mail, .inven-lil, .but-mail:hover, .inven-lil:hover {position:absolute; background-repeat:no-repeat; background-size:100% 100%; width:28px; height:27px; z-index:1;}

.informer-top {margin:10px auto; color:rgba(255,255,255,.5); text-align:center;}
.informer-top .fa-calendar-days {margin-right:8px;}
.ornament {background-image:url(/images/bg/interface/ornament-circle-min.webp); background-size:103px 103px; width:103px; height:103px; margin:8px 0 -5px 10px; 
background-position:0% 0%;}

.head-logo {background-image:url(/images/head-logo.webp); background-size:280px 50px; width:210px; height:50px; margin:0; background-position:0% 0%; background-repeat:no-repeat;}

@media (min-width:960px) and (max-width:1100px) {
   .head-logo {background-image:url(/images/logo/apple-touch-icon-76x76.webp); background-size:76px 76px; width:76px; height:76px; margin:0; background-position:0% 0%; background-repeat:no-repeat;}
   .gtranslate {right:125px !important;}
   h2.pulsate {font-size:400% !important;}
   .main-verse {margin-left:-50px;}
}

/*.map-zoom {background-image:width:111px; height:56px; position:absolute; margin:52px 0 0 32px !important;}
.map-zoom:hover {background-image:url('/images/bg/buttons/map-zoom-but-on.webp'); background-size:111px 56px; width:111px; height:56px; background-repeat:no-repeat; position:absolute; margin:52px 0 0 32px !important;}*/
/*
.line-border {background-image:url('/images/bg/rustic-charm.webp'); background-repeat:no-repeat;}
.line-border-1 {background-image:url('/images/bg/border.webp'); background-repeat:repeat-x; height:6px; width:100%; padding:0 !important; margin:0 !important;}*/

/* ------------------------------------------------------  LINK COMPONENT --------------------------------------------------------- */

.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:#c00;}

/* ---------------------------------------  BULLETED LISTS ------------------------------------------------ */

.ol-numbers {list-style-type:none; counter-reset:num; margin:0 0 0 45px; padding:15px 0 5px 0; /*font-size:16px;*/}
.ol-numbers li {position:relative; margin:0; padding:0 0 10px 0; line-height:1.4;}
.ol-numbers li::before {content:counter(num); counter-increment:num; display:inline-block; position:absolute; top:0; left:-38px; width:28px; height:28px; background:#7f6b31; color:#fff; text-align:center; line-height:28px; font-size:18px; border-radius:50%; border:0;}

.ol-numbers ul {counter-reset:nenum;}
.ol-numbers ul li::before {counter-increment:nenum;}

.ul-check, .ul-check-red, .ul-check-yellow, .ul-check-white, .ol-numbers li .ul-check, .ul-check ul, .ul-check ul ul, .ul-check ul ul ul, 
.ul-star, .ul-star-red, .ul-star-yellow, .ul-star-o, .ul-star-red-o, 
.ul-navigation, 
.ul-alert, 
.ul-information, 
.ul-exclamation, 
.ul-question, 
.ul-plus, 
.ul-minus, 
.ul-smile, 
.ul-leaf, 
.ul-marker, 
.ul-download, 
.ul-gear, 
.ul-swords, 
.ul-khanda, 
.ul-link, 
.ul-circle-check, 
.ul-sword, 
.ul-paw-claws, 
.ul-circle-arrow-right, 
.ul-chevron-right, 
.ul-arrow-right-long, 
.bullet, .bullet-small, .bullet-large, 
.null 
{list-style-type:none; padding:15px 0 15px 35px; margin:0; position:inherit;}

.ul-check li, .ul-check-red li, .ul-check-yellow li, .ul-check-white li, .ol-numbers li .ul-check li, .ul-check ul li, .ul-check ul ul li, .ul-check ul ul ul li, 
.ul-star li, .ul-star-red li, .ul-star-yellow li, .ul-star-o li, .ul-star-red-o li, 
.ul-navigation li, 
.ul-alert li, 
.ul-information li, 
.ul-exclamation li, 
.ul-question li, 
.ul-plus li, 
.ul-minus li, 
.ul-leaf li,
.ul-marker li, 
.ul-download li, 
.ul-gear li, 
.ul-swords li, 
.ul-khanda li, 
.ul-link li,
.ul-circle-check li, 
.ul-sword li, 
.ul-paw-claws li, 
.ul-circle-arrow-right li, 
.ul-chevron-right li, 
.bullet li, .bullet-small li, .bullet-large li, 
.null li
{margin-bottom:2px !important;}

.ul-check li::before, .ul-check-red li::before, .ul-check-yellow li::before, .ul-check-white li::before, .ol-numbers li .ul-check li::before, 
.ul-navigation li::before, 
.ul-alert li::before, 
.ul-information li::before, 
.ul-exclamation 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, 
.ul-gear li::before, 
.ul-khanda li::before, 
.ul-link li::before, 
.ul-circle-check li::before, 
.ul-paw-claws li::before, 
.ul-circle-arrow-right li::before, 
.ul-chevron-right li::before, 
.ul-arrow-right-long li::before, 
.bullet li::before, .bullet-small li::before, .bullet-large li::before 
{font-family:'Font Awesome 6 Pro'; display:block; position:absolute; margin:0 0 0 -25px; padding:0;}
.ul-chevron-right li::before {margin:0 0 0 -17px;}

.ul-star li::before, .ul-star-red li::before, .ul-star-yellow li::before, .ul-star-o li::before, .ul-star-red-o li::before, 
.ul-swords li::before, 
.ul-sword li::before 
{font-family:'Font Awesome 6 Sharp'; display:block; position:absolute; margin:0 0 0 -25px; padding:0;}
.ul-chevron-right li::before {margin:0 0 0 -17px;}

.ul-star li::before, .ul-star-red li::before, .ul-star-yellow li::before {content:"\e28b" !important; font-weight:900 !important;}
.ul-star-o li::before, .ul-star-red-o li::before {content:"\e28b";}
.ul-navigation li::before {content:"\f101";}

.ul-star li::before, .ul-star-red li::before, .ul-star-yellow li::before, .ul-star-o li::before, .ul-star-red-o li::before 
{font-weight:400; font-size:.9em; margin-top:0;}
.ul-navigation li::before, .ul-chevron-right li::before {font-weight:600; font-size:.9em; margin-top:2px;}
.ul-link li::before {font-weight:400; font-size:.9em; margin-top:2px;}
.ul-circle-check li::before, .ul-circle-arrow-right li::before {font-weight:400; font-size:1em; margin-top:1px;}
.ul-sword li::before {font-weight:400; font-size:.9em; margin-top:2px;}
.ul-paw-claws li::before {font-weight:400; font-size:.9em; margin-top:1px;}

.ul-alert li::before {content:"\f071";}
.ul-information li::before {content:"\f05a" !important;}
.ul-exclamation li::before {content:"\f06a";}
.ul-question li::before {content:"\f059"}
.ul-plus li::before {content:"\f055";}
.ul-minus li::before {content:"\f056";}
.ul-smile li::before {content:"\f118"; margin-top:1px;}
.ul-leaf li::before {content:"\f06c";}
.ul-marker li::before {content:"\f3c5";}
.ul-download li::before {content:"\f019";}
.ul-gear li::before {content:"\f013";}
.ul-swords li::before {content:"\f71d"; font-weight:400;}
.ul-khanda li::before {content:"\f66d"; font-weight:300;}
.ul-link li::before {content:"\f0c1";}
.ul-circle-check li::before {content:"\f058";}
.ul-sword li::before {content:"\f71c";}
.ul-paw-claws li::before {content:"\f702";}
.ul-circle-arrow-right li::before {content:"\f0a9";}
.ul-chevron-right li::before {content:"\f054";}
.ul-arrow-right-long li::before {content:"\f178"; margin-top:1px;}
.bullet li::before, .bullet-small li::before {content:"\f111";}
.bullet-large li::before {content:"\f192";}

.ul-check li::before, .ul-check-red li::before, .ul-check-yellow li::before, .ul-check-white li::before, .ol-numbers li .ul-check li::before {content:"\f00c"; font-weight:600; font-size:1em; left:inherit; width:inherit; height:inherit; background:inherit;}

.ul-check ul li::before {content:"\f058"; font-weight:400;}
.ul-check ul ul li::before {content:"\f101";}

.ul-alert li::before, .ul-information li::before, .ul-exclamation 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, .ul-swords li::before, .ul-arrow-right-long li::before, .ul-gear li::before 
{font-size:1em;}

.ul-gear li::before, .ul-swords li::before, .ul-khanda li::before, .ul-check li::before, .ul-navigation li::before, .ul-information li::before, .ul-exclamation 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, .ul-link li::before, .ul-circle-check li::before, .ul-sword li::before, .ul-paw-claws li::before, .ul-circle-arrow-right li::before, .ul-chevron-right li::before, .ul-arrow-right-long li::before {color:#333;}

.ul-check-red li::before, .ul-star-red-o li::before, .ul-star-red li::before, .ul-navigation-red li::before, .ul-check-white a:hover {color:#990000;}
.ul-leaf li::before {color:#74924a;}
.ul-check-white li::before, .ul-check-white {color:#fff;}
.ul-check-yellow li::before, .ul-check-yellow li, .ul-star-yellow li::before, .ul-navigation-yellow li::before, .ul-smile li::before, .ul-check-white a {color:#fd7e14;}

.ul-check-yellow li a {color:#ffdb42 !important;}
.ul-check-yellow li a:hover {color:#c00 !important;}

.bullet 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 {margin:1px 0 0 -25px; font-weight:400;}

.ul_numbers {padding:0; margin:15px 0 15px 0; list-style-type:none;}
.ul_numbers li {padding:0 15px 8px 15px;}
.ul_numbers li[class*="li_number"]::before {position:relative; left:0; width:1.5em; height:1.5em; list-style-position:outside !important; text-align:center; display:inline-block; padding:0; background:#7f6b31; line-height:1.45; font-size:18px; color:#fff; vertical-align:middle; white-space:nowrap; font-weight:300; border-radius:500px; margin:0 15px 0 0;}

.ul_numbers .li_number1::before {content:"1";}
.ul_numbers .li_number2::before {content:"2";}
.ul_numbers .li_number3::before {content:"3";}
.ul_numbers .li_number4::before {content:"4";}
.ul_numbers .li_number5::before {content:"5";}
.ul_numbers .li_number6::before {content:"6";}
.ul_numbers .li_number7::before {content:"7";}
.ul_numbers .li_number8::before {content:"8";}
.ul_numbers .li_number9::before {content:"9";}
.ul_numbers .li_number10::before {content:"10";}
.ul_numbers .li_number11::before {content:"11";}
.ul_numbers .li_number12::before {content:"12";}
.ul_numbers .li_number13::before {content:"13";}
.ul_numbers .li_number14::before {content:"14";}
.ul_numbers .li_number15::before {content:"15";}
.ul_numbers .li_number16::before {content:"16";}
.ul_numbers .li_number17::before {content:"17";}
.ul_numbers .li_number18::before {content:"18";}
.ul_numbers .li_number19::before {content:"19";}
.ul_numbers .li_number20::before {content:"20";}

blockquote {position:relative; border:0 none !important; background:none !important; padding:5px 0 5px 45px !important; margin:40px 0 50px !important; line-height:1.1em;}
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;}

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

.otstup-top-110 li::before {margin-top:2px !important;}

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

.red-box, .blue-box, .green-box, .orange-box, .yellow-box, .gray-box, .black-box, .alert, .attention, .notice, .approved {padding:30px; margin:30px auto; width:100%;}
.red-box, .alert {background:#ffd6d6; color:#c00;}
.red-box a, .alert a {color:#c00;}
.blue-box, .notice {background:#d0dcec; color:#1b6fc2;}
.blue-box a, .notice a, .blue-box em, .notice em {color:#1b6fc2;}
.green-box, .approved {background:#eef7dd;}
.orange-box {background:#fef6d8;}
.yellow-box, .attention {background:#f4f5b9;}
.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:#990000; border-bottom:1px dotted #990000;}
.black-box a:hover, .gray-box a:hover, .green-box a:hover, .orange-box a:hover, .yellow-box a:hover {color:#c00; border-bottom:1px dotted #c00;}

.orange-box-v {background:#fef6d8; color:#333; position:relative; padding:0; margin:30px auto; box-shadow:0 5px 15px rgb(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:#c00 !important; border-bottom:1px dotted #c00;}

.graybox, .greenbox, .ocher, .redbox, .darkbox, .maroonbox {padding:30px 15px 20px; margin:30px auto; line-height:1.2em; position:relative;}
.graybox p, .greenbox p, .ocher p, .redbox p, .darkbox p, .maroonbox p {margin:0; text-align:justify;}
.ocher {background:#8b6331;}
.graybox {background:#f0e7d8;}
.graybox a{color:#990000;}
.graybox a:hover {color:#c00;}
.greenbox {background:rgb(97,74,4,.8);}
.redbox {background:#c00;}
.darkbox {background:#373737;}
.maroonbox {background:#990000;}
.greenbox, .ocher, .redbox, .darkbox, .maroonbox, .greenbox em, .ocher em, .redbox em, .darkbox em, .maroonbox em {color:#fff !important;}
.graybox, .graybox em {color:#313131;}
.greenbox a, .ocher a, .redbox a, .grayboxdark a, .darkbox a, .maroonbox a {color:#cdbb6d;}
.greenbox a:hover, .ocher a:hover, .redbox a:hover, .darkbox a:hover, .maroonbox a:hover {color:#ff0 !important;}

.help, .favorite-place, .edit, .swords, .favorite, .favorite-black, .favorite-white, .favorite-yellow, .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, .edit, .face-grin-wide, .swords, .gear, .helmet-battle, .axe, .clouds-moon, .fort, .treasure-chest, .dungeon, .skull-crossbones 
{padding-left:60px; 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, .edit::before, .face-grin-wide::before, .gear::before, .helmet-battle::before, .axe::before, .fort::before, .treasure-chest::before, .dungeon::before, .skull-crossbones::before 
{font-family:'Font Awesome 6 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, 
.clouds-moon::before, 
.swords::before, 
.favorite::before, .favorite-black::before, .favorite-black::before, .favorite-white::before, .favorite-yellow::before 
{font-family:'Font Awesome 6 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-yellow::before {content:"\e28b";}
.favorite-place::before {content:"\f277";}
.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";}
.edit::before {content:"\f044";}
.face-grin-wide::before {content:"\f581";}
.gear::before {content:"\f013";}
.swords::before {content:"\f71d";}
.helmet-battle::before {content:"\f6eb";}
.axe::before {content:"\f6b2";}
.clouds-moon::before {content:"\f745";}
.fort::before {content:"\e486";}
.treasure-chest::before {content:"\f723";}
.dungeon::before {content:"\f6d9";}
.skull-crossbones::before {content:"\f714";}

.graybox .point::before, .graybox .favorite::before, .graybox .help::before, .graybox .info::before, .point-black::before, .favorite-black::before, .question-black::before, .face-grin-wide::before, .helmet-battle::before, .axe::before, .clouds-moon::before, .fort::before, .treasure-chest::before, .dungeon::before, .skull-crossbones::before 
{color:rgba(0,0,0,.6);}

.point-white::before, .favorite-white::before, .question-white::before, .maroonbox .face-grin-wide::before, .darkbox .clouds-moon::before, .greenbox .gear::before, .greenbox .swords::before, .greenbox .fort::before, .ocher .gear::before, .ocher .swords::before, .ocher .treasure-chest::before, .ocher .dungeon::before, .greenbox .dungeon::before, .darkbox .dungeon::before, .ocher .skull-crossbones::before 
{color:#fff !important;}

.point-yellow::before, .favorite-yellow::before, .question-yellow::before {color:#ffdb42;}

/* ------------------------------------------------ FONT AWESOME ------------------------------------------------------------------*/

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

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

#button-up {display:none; position:fixed; right:20px; bottom:40px; color:rgba(153,153,153,.5); outline:none; cursor:pointer; z-index:1000;}
#button-up:hover {cursor:pointer; color:rgba(153,153,153,.8);}
#button-up, #button-up:hover {transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;}

/*  ---------------------------------------------- COMMENTS  ----------------------------------------------------------------------*/

/* --------------------------- Extreme Comments Module ---------------------- */

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

.jc-last .d-flex {flex-direction:column !important;}
.jc-last .w-75 {width:100% !important;}
.jc-last small.author {font-size:100% !important;}

/*  -------------------- Arcanum Map interactive ------------------------------*/

#world-arcanum {background:#f9f3e9 url(/images/play/world-arcanum/map-arcanum.webp) no-repeat; position:relative; margin:0 auto; padding:0; width:1200px; height:1200px;}
#world-arcanum p, #world-arcanum a {color:#fff; padding:1px 0 0 9px; font:15px 'Georgia', 'Times New Roman', serif !important; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,.8), 2px 1px 0 rgba(0,0,0,.8); position:absolute; white-space:nowrap;}
#world-arcanum p.map-icon a, #world-arcanum p[class*="map-icon-"] a {border-bottom:1px solid transparent;}
#world-arcanum p.map-icon a:hover, #world-arcanum p.map-icon a:focus, #world-arcanum p[class*="map-icon-"] a:hover, #world-arcanum p[class*="map-icon-"] a:focus {border-bottom:1px solid rgb(72,49,0,.4); color:#ffba00;}
#world-arcanum p.map-icon a::before, #world-arcanum p[class*="map-icon-"] a::after {content:"\f111"; font-family:'Font Awesome 6 Pro'; display:block; position:absolute; padding:0; font-weight:600; font-size:.6em; color:rgba(255,255,255,.8); text-shadow:none;}
#world-arcanum p.map-icon a:hover::before, #world-arcanum p[class*="map-icon-"] a:hover::after {color:#c00 !important; text-shadow:none;}

#world-arcanum p.map-icon a::before {margin:2px 15px 0 -15px;}
#world-arcanum p.map-icon-l a::after {margin:-12px 0 0 106px;}
#world-arcanum p.map-icon-l-1 a::after {margin:-6px 0 0 96px;}
#world-arcanum p.map-icon-l-2 a::after {margin:-12px 0 0 98px;}
#world-arcanum p.map-icon-l-3 a::after {margin:-12px 0 0 156px;}
#world-arcanum p.map-icon-l-4 a::after {margin:-20px 0 0 80px;}
#world-arcanum p.map-icon-l-5 a::after {margin:-22px 0 0 113px;}
#world-arcanum p.map-icon-r-1 a::after {margin:-40px 0 0 -15px;}
#world-arcanum p.map-icon-r-2 a::after {margin:-20px 15px 0 -15px;}
#world-arcanum p.map-icon-r-3 a::after {margin:-20px 15px 0 -15px;}
#world-arcanum p.map-icon-r-4 a::after {margin:-3px 0 0 98px;}
#world-arcanum p.map-icon-c-1 a::after {margin:2px 0 0 40px;}

#world-arcanum p.map-icon a br {display:block; content:""; margin-top:5px;}
#world-arcanum p.map-icon a.tp-1 br {display:block; content:""; margin-top:-10px;}
#world-arcanum p.map-icon a.tp-2 br, #world-arcanum p.map-icon-l-4 br {display:block; content:""; margin-top:-2px;}
#world-arcanum p.map-icon-l-2 a br, #world-arcanum p.map-icon-r-1 a br, #world-arcanum p.map-icon-r-2 a br, #world-arcanum p.map-icon-r-3 a br, #world-arcanum p.map-icon-c-1 a br {display:block; content:""; margin-top:-4px;}

#world-arcanum p, #world-arcanum a:link, #world-arcanum a:visited {filter:progid:DXImageTransform.Microsoft.Shadow(color='black',Direction=135,Strength=2);}

.world-arcanum-txt {text-align:left !important;}
.world-arcanum-txt i {font-style:normal !important;}
.world-arcanum-txt i::before {content:"\f05a"; font-family:'Font Awesome 6 Pro'; position:absolute; margin:1px 0 0; padding-left:8px; font-weight:400; font-size:1em;}

#world-arcanum a.choice {z-index:1; text-shadow:1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em #000;}
#world-arcanum a.choice {color:#fae264; text-decoration:none; -webkit-animation:rainbow 2s linear infinite alternate; -moz-animation:rainbow 2s linear infinite alternate; -ms-animation:rainbow 2s linear infinite alternate; -o-animation:rainbow 2s linear infinite alternate; animation:rainbow 2s linear infinite alternate;}
@-webkit-keyframes rainbow {
0% {color:#c00;}
10% {color:#ffa800;}
20% {color:#fae264;}
30% {color:#c00;}
60% {color:#ffa800;}
70%  {color:#fae264;}
80% {color:#c00}
90% {color:#ffa800}
100% {color:#fae264;}
}
@-moz-keyframes rainbow {
0% {color:#c00;}
10% {color:#ffa800;}
20% {color:#fae264;}
30% {color:#c00;}
60% {color:#ffa800;}
70%  {color:#fae264;}
80% {color:#c00}
90% {color:#ffa800}
100% {color:#fae264;}
}
@-ms-keyframes rainbow {
0% {color:#c00;}
10% {color:#ffa800;}
20% {color:#fae264;}
30% {color:#c00;}
60% {color:#ffa800;}
70% {color:#fae264;}
80% {color:#c00}
90% {color:#ffa800}
100% {color:#fae264;}
}
@-o-keyframes rainbow {
0% {color:#c00;}
10% {color:#ffa800;}
20% {color:#fae264;}
30% {color:#c00;}
60% {color:#ffa800;}
70% {color:#fae264;}
80% {color:#c00}
90% {color:#ffa800}
100% {color:#fae264;}
}
@keyframes rainbow {
0% {color:#c00;}
10% {color:#ffa800;}
20% {color:#fae264;}
30% {color:#c00;}
60% {color:#ffa800;}
70% {color:#fae264;}
80% {color:#c00}
90% {color:#ffa800}
100% {color:#fae264;}
}

#world-arcanum a.choice:hover {text-shadow:1px 1px 0 rgba(0,0,0,.8), 2px 1px 0 rgba(0,0,0,.8) !important; animation:none !important;}

#world-arcanum .map-logo {width:200px; height:100px; left:920px; top:920px;}
#world-arcanum .map-logo a {width:100%; height:100%;}
#map-logo-arcanum .troika {text-align:center; font-size:150%; padding:80px 30px; background:#f9f3e9 url(/images/bg/staraya-zheltaya-bumaga-fon.webp) no-repeat; position:relative; border:3px solid #493101;}
#map-logo-arcanum .troika h2 {font-family:'ZurichCalligraphic', Georgia, sans-serif; margin:0 auto !important; font-size:80px; color:#000; text-transform:none !important;}

#map-logo-arcanum .troika::after, #map-logo-arcanum .troika::before {content:''; position:absolute; top:0; left:0; bottom:0; right:0;}
#map-logo-arcanum .troika::after {border:7px dashed #f3e7cc;}
#map-logo-arcanum .troika::before {border:9px solid #493101;}

/*------------------------------------------GTRANSLATE------------------------------------------*/

.gtranslate {position:fixed; right:15px; top:138px; z-index:1000; display:flex;}
.gtranslate a.glink img {opacity:0.4 !important; width:21px !important;}
.gtranslate a.glink:hover img {opacity:0.9 !important;}

/*  -------------------------------------- DJ MEGAMENU ----------------------------------------*/

.uk-navbar-container {border-top:1px solid #7c590c; background:rgb(87,63,4); background:-webkit-gradient(linear, left top, left bottom, from(rgb(87,63,4,1)), to(rgb(48,35,2,1))); background:-o-linear-gradient(top, rgb(87,63,4,1) 0%, rgb(48,35,2,1) 100%); background:linear-gradient(to bottom, rgb(87,63,4,1) 0%, rgb(48,35,2,1) 100%); border-bottom:1px solid rgb(0,0,0,.6);}

.dj-megamenu-accordion-light .dj-mobile-open-btn {color:#73ae57 !important; background:transparent !important;}
ul.dj-mobile-light li.dj-mobileitem>a {font-size:18px !important;}
ul.dj-mobile-light li.dj-mobileitem>a:hover {color:#c00 !important;}

.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {font-size:30px !important; background:transparent !important; color:rgba(255,255,255,.8); border-radius:0 !important;}
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn:focus {color:rgba(255,255,255,.8);}

ul.dj-mobile-dark-san li.dj-mobileitem {font-family:Arial, Georgia, sans-serif;}
ul.dj-mobile-dark-san li.dj-mobileitem.parent > a {line-height:1.2;}

/* -----------------------------------------MOBIL -----------------------------------------------*/

.uk-navbar-item {z-index:inherit !important;}

.tm-header-mobile .uk-navbar-left {flex-wrap:nowrap !important; width:100% !important;}
.tm-header-mobile .head-mob {width:100% !important; margin:0 auto;}
.tm-header-mobile .head-mob img {width:280px; height:50px;}
.tm-header-mobile .uk-navbar-toggle {display:none !important;}

.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;}

#offcanvas-san .uk-offcanvas-bar a, .uk-offcanvas-bar .uk-close {color:#eee !important;}
#offcanvas-san .uk-offcanvas-bar .uk-close:hover {border:1px solid rgba(255,255,255,.2); background:rgba(0,0,0,.4); border-radius:500px;}

@media (min-width:360px) and (max-width:960px) {
   .b-page_newyear .b-head-decor {display:none;}
}

@media (min-width: 768px) and (max-width: 1280px) {
   .dj-megamenu-san li a.dj-up_a, .dj-megamenu-san li ul.dj-submenu > li > a, .dj-megamenu-san li ul.dj-submenu > li > a .name {font-size:10px !important;}
   .dj-megamenu-san li a.dj-up_a {padding:0 15px;}
   .gtranslate {right:55px;}
}

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

.control-group span[class*="icon-"], .btn-group span[class*="icon-"], .btn-secondary span[class*="icon-"] 
{font-family:'Font Awesome 6 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;}

/* ---------------------------------------------- RSFORM ---------------------------------------------- */

.formError, .formRed, .rsform-password-hint {font-weight:400; font-size:14px; line-height:1.1; color:#f00 !important;}
.formValidation {color:#800000 !important;}

/* -------------------------------- UNNECESSARY ---------------------------------------------*/

.fog {position:relative; top:0;left:0; width:100%; height:400px; overflow:hidden; background:url(/images/bg/showcase-bg.webp) center center; background-size:cover;}
.fog::before, .fog::after, .fog div::before, .fog div::after {content:""; position:absolute; top:0; left:0; height:100%; width:100%; background-size:cover; background-position:center; background-repeat:repeat-x;}
.fog div::before, .fog div::after {left:100%;}
.fog::before, .fog div::before {background-image:url(/images/bg/fog-1.webp); animation:fogmove 20s linear 0s infinite;}
.fog::after, .fog div::after {background-image:url(/images/bg/fog-2.webp); animation:fogmove 10s linear 0s infinite;}
@keyframes fogmove {
    from {
        transform:translate3d(0, 0, 0);
    }
    to {
        transform:translate3d(-100%, 0, 0);
    }
}

/*
* {scrollbar-width:thin; scrollbar-color:#6d4d0a #89602b;}

*::-webkit-scrollbar {height:12px;width:12px;}
*::-webkit-scrollbar-track {background:#89602b;}
*::-webkit-scrollbar-thumb {background-color:#6d4d0a; border-radius:5px; border:3px solid #89602b;}
*/

/* ------------------------------------------------------------ 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 !important; margin:5px 8px; vertical-align:bottom !important;}

.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 6 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 6 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 6 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 6 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);}