<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
@name:      	Fusion Framework API
@author:    	Michael Sedlacek
@build:     	Snapshot-2025-09-23 02:06
@copyright: 	(c) 2003-2025 Fusion-Datastore Limited
@website:   	www.fusion-datastore.org
@license:   	Framework licenced under a modified Terms of Use licence,
            	see documentation or authors website for more details
@browser:   	gen
@combinine: 	f52b0627edee55d7baa7dfc11b6e4bff
*/



/*
@rev:		+ core | 2.1.0.6 | 2025-04-09 15:33:40 | 43b0bea6fbfdb045e96234f92b5571b4 | (current)
		+ core | 2.1.0.5 | 2025-04-09 15:33:17 | 43b0bea6fbfdb045e96234f92b5571b4 |
		+ core | 2.1.0.4 | 2025-04-05 01:09:12 | 94b241969a648b4440c1e2dc713d8127 |
		+ core | 2.1.0.3 | 2023-01-14 00:04:01 | 94b241969a648b4440c1e2dc713d8127 |
		+ core | 2.1.0.2 | 2023-01-14 00:04:01 | 94b241969a648b4440c1e2dc713d8127 |
		+ core | 2.1.0.1 | 2022-12-30 01:46:22 | 7f36a0c02a6763f7d10c38b38c13c490 |
		+ core | 2.1.0.0 | 2022-11-29 00:10:09 | db12791cc6090001f4b5c41aa9fe24d1 |
		+ core | 2.0.0.2 | 2022-11-09 20:16:20 | 3b9a062caf02f85fc18f3f523be742bf |
		+ core | 2.0.0.1 | 2022-04-14 11:37:33 | d2fe535149a15f4253b94b119d41e001 |
		+ core | 2.0.0.0 | 2022-01-08 22:07:09 | 9352b90ea6f180f294fd5dbee0f59b06 |
		+ core | 1.0.0.5 | 2020-07-19 18:36:21 | b65c0933ce1bbe62ec703baf5faedc49 |
		+ core | 1.0.0.4 | 2019-01-29 16:29:13 | 28b74bbd4def3e66616724204cb34963 |
		+ core | 1.0.0.3 | 2016-02-12 12:19:06 | 30d743a84ac5b0a4ae775b37f34f0715 |
		+ core | 1.0.0.2 | 2014-12-17 17:22:30 | a0edf5f8ec47f148ec752f29a647dbd1 |
		+ core | 1.0.0.1 | 2013-10-11 15:49:09 | 4c87f993525f8f27a27dadc21b41f4a1 |
		+ core | 1.0.0.0 | 2012-06-24 10:45:04 | 52d03724bf8927bd734e1a4e1fd207d2 |
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
display: block;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}


* {
line-height: 130%;
}

body {
padding: 0;
margin: 0;
font-family: 'FusionScreen-Regular',Tahoma,Verdana,Arial,sans-serif;
font-size: 11px;
color: #444;
background-position: top left;
background-color: #fff;
direction: ltr;
opacity: 0;}

html,body {
height: 100%;
}

body.loaded {
opacity: 1;transition: all 0.5s linear;}

body.unloaded {
position: relative;
opacity: 0;transition: all 0.5s linear;}

body.loaded::after, body.unloaded::after {
content: '';
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
margin: 0;
padding: 0;
background-color: #fff;
z-index: 999;
}

body.loaded::after {
opacity: 1;transform: translate(-100%, 0);animation: body-loaded 0.5s normal linear;
}

body.unloaded::after {
opacity: 1;transform: translate(0, 0);animation: body-unloaded 0.5s normal linear;
}

@keyframes body-loaded {
0% {
transform: translate(0, 0);}
100% {
transform: translate(-100%, 0);}
}

@keyframes body-unloaded {
0% {
transform: translate(100%, 0);}
100% {
transform: translate(0, 0);}
}

label {
color: #444;
cursor: default;
}

h1,
h2,
h3,
h4,
h5 {
line-height: 145%;
font-weight: 700;
}

h1 {
margin: 8px 0 4px;
font-size: 146%;
}

h2 {
margin: 8px 0 4px;
font-size: 132%;
}

h3 {
margin: 8px 0 4px;
font-size: 125%;
}

h4 {
margin: 4px 0;
font-size: 110%;
}

h5 {
margin: 4px 0;
font-size: 100%;
}

a:link,
a {
padding: 0 0 0 3px;
font-weight: inherit;
text-decoration: none;
color: #3465a4;
}

a:visited {
color: #3465a4;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #729fcf;
text-decoration: none;
}

ul {
margin: 0;
padding: 0;
list-style-type: disc;
}

li {
margin: 0;
}

font {
line-height: normal;
}

a img {
border: 0;
}

.button,
textarea,
input,
select {
font-family: 'FusionScreen-Regular',Tahoma,Verdana,Arial,sans-serif;
font-size: 11px;
padding-left: 3px;
border: 1px solid #729fcf;
background-color: #fff;
color: #333;
}

table {
border: 0;
}

.favicon {
margin: 5px 3px 3px;
}

.clear {
clear: both;
}

.demand, .ondemand, .ondemanded {
opacity: 0;}

.ondemanded.loaded {
opacity: 1;transition: opacity 0.25s ease-out;}



/*
@rev:		+ index | 2.2.0.5 | 2025-06-27 22:43:34 | af2640dc87d0739bd6c9cf7dd2b641db | (current)
		+ index | 2.2.0.4 | 2023-09-19 11:50:01 | baba6d2caef440b8e7a14cd6ae67beb6 |
		+ index | 2.2.0.3 | 2023-09-19 11:21:16 | 9e91ea530074335805d7b6170ce8d20d |
		+ index | 2.2.0.2 | 2023-04-05 23:09:38 | c511fd7c5e4e3f10f07d358a61a8bd31 |
		+ index | 2.2.0.1 | 2022-12-16 22:56:06 | 8b438e7eb807fa5e6efd7cf038d1a8c8 |
		+ index | 2.2.0.0 | 2022-12-16 22:47:21 | 10cd4793482c80c3c4159bf7566e5384 |
		+ index | 2.1.0.1 | 2022-10-27 15:04:49 | 4b8cd77ff4d4ad32fed97f602666bd0b |
		+ index | 2.1.0.0 | 2022-01-05 21:37:38 | 06f9e68ec8408cc1814020f5129381ed |
		+ index | 2.0.0.2 | 2021-12-31 17:23:07 | dc5c663d3bde510c7e8dac9f64607096 |
		+ index | 2.0.0.1 | 2021-10-23 12:26:37 | ca693595fb5b6868c5779e5ea83c0078 |
		+ index | 2.0.0.0 | 2021-09-23 15:38:51 | 0f324873071df0b6da20090193ffec75 |
		+ index | 1.3.0.1 | 2021-09-23 15:10:47 | 2d47e9cc65e30f0395b35bfc145e25cb |
		+ index | 1.3.0.0 | 2021-09-22 21:05:06 | 38b927fc8739dc684645c41a63da523c |
		+ index | 1.2.3.1 | 2021-09-20 13:32:06 | 7b6ead4791b26b88a8ceb5c2ddc8a0b8 |
		+ index | 1.2.3.0 | 2021-09-01 10:36:19 | 8a9724fb11ee607cf63c10de998af4fd |
		+ index | 1.2.2.1 | 2021-08-21 19:13:21 | 449e1f7255adbccaaca52573e7a27e0b |
		+ index | 1.2.2.0 | 2021-08-20 21:08:31 | 9cea84d358ba2971ada15d8796a3d57c |
		+ index | 1.2.1.1 | 2021-04-18 17:49:36 | 7ebc474b942f2ceca05e26daeb1eafa4 |
		+ index | 1.2.1.0 | 2021-04-16 01:53:51 | c4eb4620274224d2c5b7a7f879db42dd |
		+ index | 1.2.0.0 | 2020-07-24 11:36:05 | af7c37872d87d24c4a2ef239578ff65a |
		+ index | 1.1.2.8 | 2020-06-17 15:34:59 | b8b16f3862ac4b1fa5ecc57d5eea04eb |
		+ index | 1.1.2.7 | 2020-01-22 15:01:55 | 1b6681f75bc72d022445d689f6e77f90 |
		+ index | 1.1.2.6 | 2019-01-29 16:12:19 | 93664be0a01705fd2d735b79079f4b2f |
		+ index | 1.1.2.5 | 2017-01-25 12:00:51 | 1c999c67e28df4650e9628dba96b8454 |
		+ index | 1.1.2.4 | 2016-10-20 15:40:30 | 95d32d9753fcb105bd89d837dabab848 |
		+ index | 1.1.2.3 | 2016-03-07 12:45:17 | c12b3e4806d8cd73a84e386b0b53f905 |
		+ index | 1.1.2.2 | 2016-02-12 12:37:24 | 035a17e7c343eb5673dab2c68e406174 |
		+ index | 1.1.2.1 | 2015-09-30 16:35:23 | fea57d8b695bd69fcbf562a9ff56858a |
		+ index | 1.1.2.0 | 2015-07-02 12:09:04 | 92855aba33cf08867d427a90953b363b |
		+ index | 1.1.1.9 | 2015-05-22 12:32:55 | 462416d3eab612beb646a3837302d70a |
		+ index | 1.1.1.8 | 2014-11-25 16:19:50 | 9fc8aa72c84bd2e2ff9723a6fc950c3f |
		+ index | 1.1.1.7 | 2014-11-18 17:04:34 | 739d96131fec67730e0f888e1a2febbb |
		+ index | 1.1.1.6 | 2014-11-18 17:04:07 | 798d69d2da53843a6634b7addbf5cf23 |
		+ index | 1.1.1.5 | 2014-09-24 13:32:49 | d489f9cf02e5cc71be1c99c10abe23a3 |
		+ index | 1.1.1.4 | 2014-07-31 16:41:15 | 7fdd343b308f839c2ffe0770821b5a2d |
		+ index | 1.1.1.3 | 2014-07-25 12:08:52 | 28c8f760f65b050dba1c07addf0c9caa |
		+ index | 1.1.1.2 | 2014-07-25 12:05:36 | 6fb511f40cebbe8bda1a0bafbaa39724 |
		+ index | 1.1.1.1 | 2014-07-18 13:04:03 | 85ef20d2596110dde0a3fcf9a61f9ea2 |
		+ index | 1.1.1.0 | 2014-07-08 13:20:28 | 0750a9ffe4ca29272e36d48d0c16dba7 |
		+ index | 1.1.0.9 | 2014-07-07 15:42:41 | 933238dc01213bb09df0340ac92dbe4f |
		+ index | 1.1.0.8 | 2014-07-07 13:17:19 | 815eb20bd67980c64fd1ddc26365c3c8 |
		+ index | 1.1.0.7 | 2014-05-07 16:46:30 | b51fee73b1302ebfad67ce8449da5fbc |
		+ index | 1.1.0.6 | 2014-04-03 14:49:49 | 958c3d38be7b85fd9efe244f8495b9ce |
		+ index | 1.1.0.5 | 2014-02-03 15:35:05 | 77ff41427aec0004ca028e1bf2ef08e3 |
		+ index | 1.1.0.4 | 2013-11-25 15:39:33 | f73bc07464a917d7254aec90ce6a9734 |
		+ index | 1.1.0.3 | 2013-11-12 14:53:59 | e4dbe9748b034d4313564a5af1480e28 |
		+ index | 1.1.0.2 | 2013-10-21 14:12:02 | 3d17653a961d0a1aaa25569d0b6dd0b8 |
		+ index | 1.1.0.1 | 2013-10-11 14:55:37 | fc58013d3701cba7546e4d5bf1f5e832 |
		+ index | 1.1.0.0 | 2013-10-06 15:10:06 | 73a1874026dd4972b86b8fe4984bc86d |
		+ index | 1.0.3.4 | 2013-09-30 15:16:37 | 8e9f3975a5fbcc24d8d167d34015615c |
		+ index | 1.0.3.3 | 2013-09-30 14:53:52 | f2dca0947882f469ecee9963a0fc4954 |
		+ index | 1.0.3.2 | 2013-09-06 13:24:14 | a91dcc5a09ad70d554d735de784c87c4 |
		+ index | 1.0.3.1 | 2013-08-08 14:11:18 | 9e715471a7f7772837e3943809e4c94e |
		+ index | 1.0.3.0 | 2013-08-02 13:40:01 | 9d5f07e91d98edb973f6f153bbcdbe80 |
		+ index | 1.0.2.9 | 2013-07-31 16:33:58 | aacd2a188d1eade774ebe743cfa02918 |
		+ index | 1.0.2.8 | 2013-07-17 15:43:19 | 0e58d7df6e24c40bfde7dfb234ac1bd3 |
		+ index | 1.0.2.7 | 2013-06-21 14:25:28 | a1ffdf530fffd6d6eb7db37601d5a3d3 |
		+ index | 1.0.2.6 | 2013-05-12 12:46:03 | 7c772d49c4f7842b62929615614384dd |
		+ index | 1.0.2.5 | 2013-05-08 12:23:03 | 130af60cdac85efe0b7e83d4744663fa |
		+ index | 1.0.2.4 | 2013-05-06 16:01:54 | b839ef3e80adb517c0496791efbf15a7 |
		+ index | 1.0.2.3 | 2013-04-08 16:12:33 | ea2757aafc68fe36c2a2b5e3bde0990b |
		+ index | 1.0.2.2 | 2013-04-02 14:23:53 | a5b0dbf02a0f5aa0f61a030968ccae5c |
		+ index | 1.0.2.1 | 2013-03-21 10:53:43 | 95cf47254709edd692fdf2c99f1a44a3 |
		+ index | 1.0.2.0 | 2013-01-12 20:09:09 | 4e9f5ca4258c6d586a4f5e70f3e134e3 |
		+ index | 1.0.1.4 | 2013-01-06 22:58:44 | 4e9f5ca4258c6d586a4f5e70f3e134e3 |
		+ index | 1.0.1.3 | 2013-01-04 19:09:54 | 2a702875f0528f0dca63ac8f11fa772d |
		+ index | 1.0.1.2 | 2013-01-01 16:39:36 | b876794fcd5b982873af0f1a0455706f |
		+ index | 1.0.1.1 | 2012-12-31 15:28:54 | e43016003b96643a1f1fa9aa3a1ca6ce |
		+ index | 1.0.1.0 | 2012-12-30 23:05:48 | c022f5388c4cbf5f07ae809e0d24b73a |
		+ index | 1.0.0.7 | 2012-08-16 16:26:18 | d7c487201415fdd504c633fbcdb30811 |
		+ index | 1.0.0.6 | 2012-08-16 16:26:18 | d7c487201415fdd504c633fbcdb30811 |
		+ index | 1.0.0.5 | 2012-08-09 10:19:30 | 2ebaf4305fe1b3940b2b050e5e4648a5 |
		+ index | 1.0.0.4 | 2012-07-25 11:08:26 | 65d5793136aecc77af91466f0cbca962 |
		+ index | 1.0.0.3 | 2012-07-25 09:05:40 | af5de4d432472afc78f5e08ae8005639 |
		+ index | 1.0.0.2 | 2012-07-19 15:57:06 | ac9f9eacfa1aa5dbe1721fe0bf0e6947 |
		+ index | 1.0.0.1 | 2012-07-18 10:22:34 | 8f9d0e5e7cb786dc070e1c42f5fbc645 |
		+ index | 1.0.0.0 | 2012-07-18 10:21:24 | 8f9d0e5e7cb786dc070e1c42f5fbc645 |
*/

/* ---------------------------------------------------
&gt;&gt; INDEX &lt;&lt;
------------------------------------------------- */

body {
background-color: #000;
}


div[itemscope=""] {
display: none;
}

.logoimg {
position: fixed;
display: table;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 0;
text-align: center;
z-index: -1;
width: 100%;
height: 100%;
}

.logoimg &gt; div {
display: table-cell;
vertical-align: middle;
}

.logoimg svg {
display: none;
opacity: 0;}

.logoimg h1 {
display: block;
margin: 0;
padding: 0;
width: 100%;
color: #fff;
font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif;
font-size: 60px;
font-weight: 300;
text-transform: uppercase;
text-shadow: 0 0 5px rgba(0,0,0,0.8);
word-spacing: 30px;
z-index: -1;
}

@media screen and (max-width: 649px) {
.logoimg h1 {
font-size: 36px;
}
}



.logoimg h2 {
display: block;
margin: 0;
padding: 0;
width: 100%;
color: #fff;
line-height: 100%;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 28px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 2px rgba(0,0,0,0.55);
word-spacing: 3px;
z-index: -1;
}

@media screen and (max-width: 649px) {
.logoimg h2 {
padding: 5px 0 0;
font-size: 16px;
}
}





.slideshow {
position: relative;
width: 120px;
height: 90px;
overflow: hidden;
border: none;
}

.slideshow img {
position: absolute;
width: 120px;
height: 90px;
margin: 0;
padding: 0;
transition: none !important;}




.liveapp-background {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center 0;
}

.liveapp-background .level1 {
z-index: 1;
}

.liveapp-background .level2 {
z-index: 2;
}

/* ---------------------------------------------------
&gt;&gt; INDEX / Footer  &lt;&lt;
------------------------------------------------- */
.footer {
position: fixed;
bottom: 0;
margin: 0;
padding: 8px 0 10px;
border-top: 6px solid #E7E7E7;
width: 100%;
color: #000;
text-align: center;
background-color: #fff;
box-shadow: 0 0 3px 3px rgba(0,0,0,0.4);font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
cursor: default;
z-index: 99;
}

.footer &gt; p {
display: inline-block;
margin: 0;
padding: 0;
}

.footer &gt; p &gt; b {
line-height: 100%;
}

.footer &gt; p &gt; b &gt; strong {
font-family: 'FusionScreen-Bold', 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
}


.footer &gt; p &gt; a, .footer &gt; p &gt; a:link, .footer &gt; p &gt; a:visited {
display: inline-block;
margin: 0 2px;
padding: 3px 5px;
font-size: 11px;
font-weight: 300;
background-color: #eee;
border-radius: 3px;color: #333;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in;line-height: 100%;
}

.footer &gt; p &gt; a:hover, .footer &gt; p &gt; a:focus {
background-color: #ddd;
color: #000;
transition: all 0.25s ease-in;}

.footer &gt; p &gt; a.active:not(.ssl), .footer &gt; p &gt; a.active:not(.ssl):link, .footer &gt; p &gt; a.active:not(.ssl):visited {
background-color: #3465a4;
background: linear-gradient(0deg, #204a87, #3465a4);}


@media screen and (max-width: 649px) {
.footer &gt; p &gt; a, .footer &gt; p &gt; a:link, .footer &gt; p &gt; a:visited {
margin: 0 0 0 5px;
}
}




.footer &gt; p &gt; a.ssl, .footer &gt; p &gt; a.ssl:visited, .footer &gt; p &gt; a.ssl:link {
background-color: #f57900;
color: #fff;
}

.footer &gt; p &gt; a.ssl:hover, .footer &gt; p &gt; a.ssl:focus {
background-color: #ce5c00;
color: #fff;
}

.footer &gt; p &gt; a.ssl.active, .footer &gt; p &gt; a.ssl.active:visited, .footer &gt; p &gt; a.ssl.active:link {
background-color: #4e9a06;
color: #fff;
}

.footer &gt; p &gt; a.ssl.active:hover, .footer &gt; p &gt; a.ssl.active:focus {
background-color: #73d216;
color: #fff;
}

.footer &gt; #webstream {
position: absolute;
top: 0;
right: 0;
display: none;
margin: 5px 6px 0 0;
padding: 3px 5px;
font-size: 11px;
font-weight: 300;
background-color: #eee;
border-radius: 3px;color: #555;
text-transform: uppercase;
overflow: hidden;
}

.footer &gt; #webstream.show {
display: block;
}

.footer &gt; #webstream.hdr.show {
background-color: #d6a64d;
color: #fff;
text-shadow: 0 2px 2px rgba(0,0,0,0.75);
}




@media screen and (max-width: 769px) {
.footer &gt; p &gt; b {
font-size: 10px;
}
.footer &gt; p &gt; a.cpodcast, .footer &gt; p &gt; a.ssl, .footer &gt; p &gt; a.crss, .footer &gt; p &gt; a.csitemap {
display: none;
}
}

@media screen and (max-width: 649px) {
.footer &gt; p &gt; b {
display: none;
}
.footer &gt; #webstream {
position: static;
}
.footer &gt; #webstream.show {
display: inline-block;
margin: 0 5px;
}
}




#updatetime {
position: fixed;
left: 10px;
bottom: 10px;
font-size: 9px;
color: #999;
}


@media screen and (max-width: 1380px) {
#updatetime {
display: none;
}
}





/*
@rev:		+ header | 2.1.0.2 | 2025-05-15 03:08:35 | 7cb9a5af6744d55aa97b0ab140868b0e | (current)
		+ header | 2.1.0.1 | 2025-03-07 15:47:58 | 330dd0994a81faf1ac76f793189800c7 |
		+ header | 2.1.0.0 | 2023-08-20 02:27:25 | 20d67a1bd726222a65b20363016c5dc7 |
		+ header | 2.0.2.0 | 2022-11-15 00:47:00 | 7da7a8c9b0012cd1cdb421141788b33e |
		+ header | 2.0.1.3 | 2022-10-25 22:41:31 | fd2e4e7fab7c887f9c7bc69219c35769 |
		+ header | 2.0.1.2 | 2022-08-10 16:38:22 | 0ca09c96ad87775cd3d35c45b947dc93 |
		+ header | 2.0.1.1 | 2022-07-21 12:11:22 | ae1b5bff7ed1bf65dab024985c47e07f |
		+ header | 2.0.1.0 | 2022-07-15 00:32:53 | 7eaeb26e62b94cc6e688dce244a666f0 |
		+ header | 2.0.0.3 | 2022-07-07 09:55:56 | bf538d5912f83c8e7b8083b6056d07bc |
		+ header | 2.0.0.2 | 2022-05-31 22:28:08 | 428b59086ba6cae9d306926905e323d8 |
		+ header | 2.0.0.1 | 2022-02-06 23:42:11 | fd3b7ddb71749ea769df1522d2c50057 |
		+ header | 2.0.0.0 | 2022-01-08 19:57:35 | 600fef1e04e57aa43a600895b6df705f |
		+ header | 1.1.0.3 | 2022-01-01 23:58:01 | 68a4f4c0a347976c92db3ae041139fb5 |
		+ header | 1.1.0.2 | 2020-07-22 13:31:25 | 28074415fab99303ecd003fccf343492 |
		+ header | 1.1.0.1 | 2020-05-31 01:25:37 | 83b60700ac614728c50183b7bbd15f28 |
		+ header | 1.1.0.0 | 2018-02-16 15:17:34 | daeef4216f2ddb373b9c77af5b46fd46 |
		+ header | 1.0.3.5 | 2017-02-24 12:24:32 | d616d246555bcfb8ea191405c8877042 |
		+ header | 1.0.3.4 | 2016-10-06 17:07:42 | 618be1cb42fd6d1b7966ef7a63f97c4f |
		+ header | 1.0.3.3 | 2016-10-06 16:01:39 | 8c53a70b871c722565ce9d0f4edb0ac7 |
		+ header | 1.0.3.2 | 2016-04-14 15:14:45 | 9dbbe070943fff75a8447a193dff4c28 |
		+ header | 1.0.3.1 | 2016-03-31 15:33:23 | d3918cdcaad494e99069537ccc806c8d |
		+ header | 1.0.3.0 | 2016-02-12 11:50:36 | eff4b14e6b423bab39254979d3e6f522 |
		+ header | 1.0.2.1 | 2016-02-03 10:17:03 | b82f1a749d1fa0a2929b300189044586 |
		+ header | 1.0.2.0 | 2016-01-08 11:11:30 | 17525d23ac925519ec712867a8fe63db |
		+ header | 1.0.1.8 | 2015-11-20 14:57:49 | 0684c230b27db5f91058152eec7350ce |
		+ header | 1.0.1.7 | 2015-11-06 17:16:47 | 6f69ef54adb921f3ea83426f22a5f0cd |
		+ header | 1.0.1.6 | 2015-10-07 16:32:45 | 79fbf3c199059c71e140618b763dd0be |
		+ header | 1.0.1.5 | 2015-08-17 11:45:42 | ebfbb08008973e50fe466a4a71a3bc28 |
		+ header | 1.0.1.4 | 2015-08-06 17:39:29 | b076072fc360f515ec98be2fb92c4bc2 |
		+ header | 1.0.1.3 | 2015-07-17 16:46:51 | dced9cf7f37e9796d34e7aae4768048d |
		+ header | 1.0.1.2 | 2015-02-13 17:20:14 | 21673064dc5617ca6b4c257105128c67 |
		+ header | 1.0.1.1 | 2014-11-21 12:04:18 | 703650876285b877262bf075373a7e76 |
		+ header | 1.0.1.0 | 2014-11-18 16:20:40 | ae3527aa75355bab4caaf1c3be0164b3 |
		+ header | 1.0.0.9 | 2014-11-07 16:08:14 | 4539f2114a8987acb26aaed0d673a4c1 |
		+ header | 1.0.0.8 | 2014-10-15 16:35:59 | c24be2901dae9f3c371b6b0f1d9d41c6 |
		+ header | 1.0.0.7 | 2014-08-26 15:58:33 | 7855634952f48817029c416aaf4c8559 |
		+ header | 1.0.0.6 | 2014-07-25 13:23:26 | b4c740d1d2723a595db98e2d0547dfd3 |
		+ header | 1.0.0.5 | 2014-07-25 12:40:25 | cc6a5bab398c0953f5a31f22e24f0684 |
		+ header | 1.0.0.4 | 2014-07-25 12:09:45 | 866743f75ad41cadd256af8154f07dd5 |
		+ header | 1.0.0.3 | 2014-07-21 13:31:50 | 656641a05fd1a41f414de8e45e01c20d |
		+ header | 1.0.0.2 | 2014-07-18 14:51:21 | e32461897c9b4e9dfb2c0e44982f60d5 |
		+ header | 1.0.0.1 | 2014-07-18 14:20:41 | 3fc98cc12392208510884d14e3f7c78e |
		+ header | 1.0.0.0 | 2014-07-18 13:03:47 | c2a51a7b4c0b77742303b932e50971df |
*/

header {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 75px;
background-color: #fff;
box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.35);border-bottom: 5px solid #E7E7E7;
text-align: center;
z-index: 11;
}

body.cdarkminds header {
position: fixed;
top: 0;
background-color: rgba(0,0,0,0.75);
border-color: rgba(0,0,0,0.35);
backdrop-filter: blur(25px);}

/* ---------------------------------------------------
&gt;&gt; HEADER / Header  &lt;&lt;
------------------------------------------------- */


header .hblock {
display: inline-block;
margin: 0 auto;
padding: 0;
width: 900px;
}

@media screen and (max-width:900px) {
header .hblock {
width: 100%;
}
}


header .hblock .logo {
position: absolute;
line-height: 100%;
z-index: 1;
display: block;
}

header .hblock .logo a {
display: block;
margin: 0;
padding: 0;
width: 129px;
height: 86px;
border: #fff solid 3px;
background-color: #fff;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIEAAABWCAMAAADfRQX1AAACdlBMVEVHcExhfpNaboFUb4ZxlLFsjaR4kaZunsMxPFLOurMjKzprhp1MYXZpe4wwQVM9WWY0QU0oMTwwOlI0RFMqND5TZWs+S18wQU0kLTpmg5ofJTJQcH8tOkN8rbVGXW45TVk9VFU1QE8xJDM7SlYhJS0oMEA3TWZ1jqMtP008TmMrIyx0cMJuhJlnhJpojIl3kad8lKp0eG5MxNcZFR9os69sgJlsYntttcF1jaMyUGJGRzNifJJwcpV5kqh/l6tMXX5Va35UaXxHWGpIWmxZb4Rmf5Q0QlFXbYFSZ3pZboJNYHNCU2QzQE5LXnA/T184RlVOYnRQY3YxPUx8iJNMX3FshpxKXXBFVmc8S1tuiJ5ccYVKXG4rNkRkfJIvO0k7TF42Q1JogZdieo5qhJp7jqBccodSZng2Q1M6SVlQZXh4i5xhd4uLna2Hm6wsOEd1iJlBUWFddImBkZ9edouFmKkjKzgoM0BhcoN5hZAeJjNYbH9VaHtJYHQkMD6Nn7BleYx2gItBVGdhepGIlKCPmaN9i5hfeI5vhJdwiqCAi5agscBdcIL///9xjKK0ub+dpq+brLtTa4FDWGxMZHknMTxFW3CDjphtgZNYanuAlKWPorKts7l/jpxgdIc8UWWXp7YtPE2Bl6pWcIY0R1u6v8XAxMlofI9qf5G2w80mNUWOpLeHnrFPZ3xldoamrLKJmaiTpLNteYWuvcp8kaV0j6Xf5OhsfIvv8vTFzteWn6jFys/2+PqFlqZbbX3O1dzo7O+TqbuvusSkrrfW3OJXZnalt8e9yNJxgpPO0NQpMjEuL0B1hJJ5lKpQXGdia3tTUVxhfYE5SECXz07LAAAAQHRSTlMADxghAwUJAQIC7v1UPc495OV7vfpkaar6hPgusxhziVag/fjn1Jbr8nuShPqYT8/hl0D3jaHxcsjr962Q1+frdKzYWwAADdhJREFUaN7tmvdXk1vWxx8gIcGliL1f7/W2Mv2dt7dJ751AaiG1AKaSRJJAaCYgTSBIDUW6dEUUBBX1Wu+9M/MfzT5PYpnyW4KzZq35ooCulXw/zz777FN2MOyf+kcW8dCZ//zVr///1//3qzOH8v4O/hf+7evLw+PXr4GuP178+hcFH9k//xc/t9Ss1uzUwJ/V6vq1tZqf/89HjcO//HvsRWLgRcINqqystFh8O6svvv704wGc+WkpTEEKh8PtXjUXxFDHnv3hZxhGJn8MgJ/t0ni8aFTO48l5TrpILpXLo3JhubT8x3/FMBJpf83RI/7H70V0GohOo2uEfH2QRZPTQRq6ptdxBiMVkUj7FwcyiVSEHbJP8fkeD9/D5ysaxUGtXS9TKhR8XJ7GQzjCfjHgAIX/JVA6QEokWdLlXVqQ6e0ikUhpMBhEgt/lYeR9QwAAGOQzWlkFi8WqsNvtFdqkJ37L53HpZQK7WCyG/xLof4ORiOTcIxQS3xWiz10VrIoKu9jO0idlfa2L11oanrFceoGAhZjsWtGF9y/Lyx3GZyXHjh6+QIDf/ncBOdlZLFdQ32tcHL9+fXT9RoNiwiWTCVBkWK4z6AWEwguHvyv+5nDOCE4KBPbXl748duzUNwKZXu/SarX2qG7y1vj48GPfekNp2/qPrIkFLYqE4PPPTp06X3zg0uspmTg/d4tQyQRfNKEPBrVBrWtCYDdEvarFW+Nrw8PD40DQ0NDW1hD6USRbWHC5tMG6urqga4KvdHyXw0T46hX38YbR5LVarXFm2Z3Li8OP14brkYDgClLbjRttDT9JfvQoI3GvKWF5/Fh56XAuF4LfKicfD99Ka3i4fri+GgkI1nwNVzIqvQEUpQ3jt78HzbsXfluYw0JIODBRVn/5z4UzVA/7GkqvwFcp+o5+NLR8f/369WvfO+vO52yZQKX+WJ11sQbXZM1l9PUWAhG8FzA0NF9DBNfGAp/mapWA+oKRLtZRFydBYL24iCcAuNesXr5c77tyFddbhgzBLUPtOfRSco5qMXY06FycHBqquZxIDe6Gw7u7qdkBy1p9TU21r/RqRm04QsPqNagS1xYNtQUYISfLFACQSdi3Scnk5NDkJPfKSBeule4bPw2+WKte9V0dTQsxQC6WrqGd297i1Nl8jIDWiBwQkAlF2CcB3uTQncvclgcd7/Roel0yOewb9aXV3NyMpkJDzeLkHUunSnkgDyMSyNkTkElFBAIBO1knn7wzlFi+13G3G9eTmUcdHQ9WaJXVo77m1dWdHd+bzdAzCV3k0emamuJNTOUXhUAA40DOQQgIROxEUv7DnSFTy4N7Db1eNYgi2S192tGx7amsXx0adc+qw85ytE3h28qYTCPTbE7HIAdBQAREIsSAd8dyBwjuhiyQkTs1O0MWNQ3GZIZuGfD2wJ6RSqVEnFKeIg4EwGAWBQpgTc2eAA0CEQguJnkbFksVEGy6LRnVD9GbH3RsGfzWlNeqZnDDVI5TyDMbEQETCA4BATHrYcBDANuDz4JSS4YgkfYfHRqyJKa2Ou791GOqqvIDAzdM4chNKhyAWeapBYLsg5DOQ3ifY0BQWekHgvWEBR0RfL7KGJuxpLnbsTJmNgEDQuDawmVGPAY6IDgIBIRsc5GECIiFhLwSLRt8vc33nq4P4GcUd4zdw2DEx1oevFTEdThCSs2OGNMEOp2KHvgKjwEhu5KACIiFhdi50xVNbndrCghiA3BMSvszGOqo/O6j9SWjDjH4rWxmqzlDYKYGiwsLEUK2BGSc4EStiOlOuK1AsDxXWTnH7WGoEQF3yfbwXlu/WYcQ/GoAAAIjImBWyY4XFGWfCEBARASnAhozEKibHz1cHnCneri4PZfNXhJO32vpNSNPU8rcWfaOQMd0QCLkodmQHQGai4VY/gEZIwFiAMFmTN2D24M/O0wZe3Kvux8RmExlnWXvCZrMvFo8EdAwZFkNIAQHAyLmwMBAguGDGCyxM/5hNoXCNrQ8WuGZwdLY2qpKE6B/NZmMftmBPFI6EchZp0FxUMocmJsb4PruPgz1Md7ao0o41v1oS6Jimls7W1UqFRCUqXRmo6nJFDfza0+gYcgqEdJpgJ2rFVvnkLijd+8DAfLPAPQJu+5uGTo3cH8UA5Wqn9+vY8LUYFKTJSgViVkTELCvAjTm3Ozs7Fx49CkQvLMHRQe3tx+WRn/AARBBZ2/b0xaNsclU1WRy1B7GsiUoAgIs/7SMOjsbi83O9VU+fR7qe+/PofZH7k+/vPssvpGJQefNZ4/uPZQ0oULNFCaPYZDJ5KKsCAiF2LcBgykGmk31IwJJxp7K4XAoY6X3nz+Zbun7IRODjd6VmZmX0jjUJ28TQxYsQLuU7AiIJOIRrURXVVUVS/X0Vz6cb49S0u4cjo3DG9vbvn+1fdtW1okDqJoGX9JGXtpwAq9OFLiIFWZJUETADgfE1lgqtVwVpiCCUPQdgI1jeHN/entrbKatZyM9CNHmmYlpROD3e9UmqfYIbJSKsosBHJyTNFPKmqriUin97vvz6igVd3c6OU7D8sz83kz3VMsILxOD8pnSqa7tSDwOy7XVb7XDEp1tHmCEEpezSq1OtcOj91fe32uPUiMIwSntHVuevt+9PL0VbZ8JNW3gebg+w4mObEf8VV60aTEp6o5ipKwIoJoVnLZz0cYQ5V6/+/nt8Bi9n97b29s4Fmme337SS59uYfSsQC6WAUH/Sne0Bwi8aMfCYPil2mISlmU9QBUZdmDtFE6EQ43u3r69FmsPhULLm1dX957Pb8mndoHA3zBtM7eiPJwJ+dkjM4N4BGDxprhKCnNAwEfLQDr3+ofm52/v3d7b27s9/3xvfLOxt3dwr4XdyZl+09Np3lhqG4mWUYHA6rXC4sHmMsSwY86GAFYm2BooGOFwOvs4EvpA9fVxpGrfi/beMQ2vcXCvmfrDUnO3FFZGSdeVPiCYDt9EO1eo3QzR2QIsq20aEHxSq+BSqGAP2S+18Xp5fRIJXKmW0xobNTyhvHFwpJmyEQ917cY3bq5PR/xGCk6AACgUrgjObkXZ7VCwE3UeAHCCpLh4wnKQRijkyYXCcmHj4JNmSquK093ct9G3tRU16tgr09weNQ5AYYu/ycOy3CNBQTIgANxdgsQDycEdkWg0QHCD0trZc2Uk4h8c2ewxmtgrXe09XDZeujn6EmLWBOcuiTl/5S/P+KcJwiqVbnDkxVhbV3vcFE8TAABMHqHrGJY1Qd4BGY/zN+3RfTa9cbC7ja0yqqg3WmxdLX26Ki8igNt/KtUmpSgWjmZJQEYXOFoa9a39X/rTaY3h7qvsMqP55mZXd9cmHJ+s3JUu2ENQqU6JlKoMHMSyPLbBiz9Jiqi4v/yD6KftQfzBJ21U2Kk2tY/MdC/BesRgj0y391GoEDUnr6L2QnZTAZ+OBbViiTT98H9pT6MpFM6BlN/I1BlvxprbGXGrWs15UyqFAACyk+b6kpTtbRYahhIt3fYegP6BPwB4uH4/OjI16W4u3ayCQsQOR/s5iFgolyoDn2BZX2FAEA6+ckigi1Mup01NGTQ0Aw0hGBo9fABQGDjGmyadFUqQCXYEDC6DE6U4JQBcrpHQ9cfzsBzcYGDEI3q+XCMsb5SsVrsN8lGNyCAyuAfpdL5hyvHMnai2st1DAzsUNofCCPer3b1QLYUQLIkyeCoHV4poGE6+EkPY6QbfWnjtqqKST1sWegak1ZUTkmVxqD7xnNE3/r3fwo65Q5wId3TYEApBmGhy/sSl/OwHAR8GrPi1kq7gO9zLC4ad0BxtaOdaKLRbXUnz+WIad6xG7U0kUrNVFsssLeW+E+MlEmE+MLCSKAuyv81D62PBK4GHznfEQg7H5nJodmDiTXu7lCqkPZPM0hhwq8VmM8KwEoxxI1zPklVIEfIUNLpY/wURy8mlKnqKb5MCj0IZGpyghRQ2m1RA4WlovEZ6uYbDp1IZkoiUIQ1LOQpYw5W2KhE9IuVrHPov8nMSgnQQsFNalkdEt9FsjUqeki4P0+h8ukahoVH5MOk0EXpEY5NLFVKaNKIe5AuFEoVjIpCre+UMwvnXLJHIQ/M4oLEnlGqg1efw2EUeh8NDU6C6gGYm/OXzFCK+gs4Xy+DYmruWG0IgnQ8IwF0pMigdIr4DmnviCjFLIBB8Dt1OD/+dABO+2fW1v8RyMQ8+uE7CsBOnXXYlMCiV4I3aixUV0HkUfO4RvZfHg7qxjgrt2XTzNbfdViz/yzpBhQM6rrg9tD0FSGJlpgGLCygcLFft+XwUgVy2PRECvN3JI0EB/vwVaXsZ6BvxW+G9YIddHyg+hOG935z2XTMIhUcPaAUo+ml36D3qBXgTGAlHkyWPHMT2ASDddUZ9q7yLx10VaX+w17tcMoEMHw1ouYJeH/kU9SfJ+9H8Rm8Kh3kMKzhVJ6vI2Lu0x9EvejwgApbrwEkihh9V96f7TsqEATtXHGAJ9Fpcx49rXS6A0ctYgtNHocNIIKeb9PvV/ocpjvrwB48s2GXaIAgIQEHoyNehCYBaGvv4EYj0RxDwoSCePCtjBZOg40H4obdrj0CPl5AeANJ+fhwGZyAVAUN+sUvsCgSSp5OBpMC+cBTiTsTtSfv9cZwMA+xAv6tlyQKB04Gkve6Lw3gF+hj+HwwGRvrlf0+wAmeDU69+Q8wAfBT799UBIxV8aRe47H88ilrcH9X/gwn6GUss+BT7u+piyWHsn/rH158Ar5wE2NMTvKwAAAAASUVORK5CYII=');background-repeat: no-repeat;
background-position: center center;
background-size: cover;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);transition: all 0.3s linear;}

body.cdarkminds header .hblock .logo a {
border-color: #000;
background-color: #000;
}


@media screen and (max-width:820px) {
header .hblock .logo {
position: relative;
text-align: center;
height: 75px;
}

header .hblock .logo a {
margin: 0 auto;
}
}


header .hblock .mobilemenu {
position: absolute;
display: none;
margin: 0;
padding: 10px;
top: 0;
cursor: pointer;
z-index: 13;
background-color: #fff;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.35);border-bottom: 2px solid #E7E7E7;
}

body.cdarkminds header .hblock .mobilemenu {
border-color: #111;
background-color: #000;
}

header .hblock .mobilemenu {
left: 0;
border-right: 2px solid #E7E7E7;
}

header .hblock .mobilemenu &gt; svg {
fill: #999;
width: 22px;
}

header .hblock .mobilemenu:hover &gt; svg {
fill: #ccc;
}


@media screen and (max-width:820px) {
header .hblock .mobilemenu {
display: block;
}
}


header .hblock &gt; ul {
display: flex;
position: relative;
margin: 0 0 0 180px;
padding: 0;
list-style-type: none;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
height: 75px;
text-align: left;
}

header.hfixed .hblock &gt; ul {
height: unset;
}


@media screen and (max-width:820px) {
header .hblock &gt; ul {
display: none;
position: absolute;
left: 0;
margin: 0 auto;
width: 100%;
height: auto;
font-size: 14px;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);}

body.cdarkminds header .hblock &gt; ul {
background-color: rgba(0,0,0,0.75);
backdrop-filter: blur(25px);}
}


header .hblock &gt; ul &gt; li {
display: inline-flex;
flex-grow: 1;
margin: 0;
padding: 0;
cursor: pointer;
height: 100%;
border-bottom: 5px solid #E7E7E7;
transition: border-color 0.35s linear;vertical-align: top;
}

body.cdarkminds header .hblock &gt; ul &gt; li {
border-color: rgba(0,0,0,0.35);
}



@media screen and (max-width:820px) {
header .hblock &gt; ul &gt; li {
display: block;
border-bottom: none;
padding: 7px 0 0;
text-align: center;
}
}

header .hblock &gt; ul &gt; li &gt; a, header .hblock &gt; ul &gt; li &gt; a:visited, header .hblock &gt; ul &gt; li &gt; a:link {
display: inline-block;
margin: 0 auto;
padding: 32px 12px 35px;
text-align: center;
color: #333;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
transition: color 0.35s linear;}

body.cdarkminds header .hblock &gt; ul &gt; li &gt; a, body.cdarkminds header .hblock &gt; ul &gt; li &gt; a:visited, body.cdarkminds header .hblock &gt; ul &gt; li &gt; a:link {
color: rgba(255,255,255,0.75);
}


@media screen and (max-width:820px) {
header .hblock &gt; ul &gt; li &gt; a, header .hblock &gt; ul &gt; li &gt; a:visited, header .hblock &gt; ul &gt; li &gt; a:link {
padding: 8px 0;
}
}

header .hblock &gt; ul &gt; li &gt; a:hover, header .hblock &gt; ul &gt; li &gt; a:focus, header .hblock &gt; ul &gt; li:hover a, header .hblock &gt; ul &gt; li:focus a {
color: #333;
transition: all 0.35s linear;}

header .hblock &gt; ul &gt; li &gt; a:active {
color: #000;
transition: none;}

body.cdarkminds header .hblock &gt; ul &gt; li &gt; a:hover, body.cdarkminds header .hblock &gt; ul &gt; li &gt; a:focus, body.cdarkminds header .hblock &gt; ul &gt; li:hover a, body.cdarkminds header .hblock &gt; ul &gt; li:focus a {
color: #fff;
}

header .hblock &gt; ul &gt; li &gt; a.arrow-down {
margin: 0;
padding: 30px 0 0;
}

@media screen and (max-width:820px) {
header .hblock &gt; ul &gt; li &gt; a.arrow-down {
padding: 5px 0;
}
}

header .hblock &gt; ul &gt; li &gt; a.arrow:before, header .hblock &gt; ul &gt; li &gt; a.arrow-down:after {
display: inline-block;
margin: 0;
padding: 0 7px 0 0;
content: '\25BA';
}

header .hblock &gt; ul &gt; li:hover {
background-color: #F1F4F8;
border-color: #849eb3;
transition: all 0.35s linear;}

body.cdarkminds header .hblock &gt; ul &gt; li:hover {
background-color: rgba(215, 178, 93, 0.5);
border-color: #b5964e;
}

header .hblock &gt; ul &gt; li &gt; ul, header .hblock .suggestion-more {
position: absolute;
display: none;
top: 75px;
left: 0;
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
color: #333;
background-color: #fff;
z-index: 11;
border-top: 5px solid #849eb3;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 5px solid #f7f7f7;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);}

body.cdarkminds header .hblock &gt; ul &gt; li &gt; ul, body.cdarkminds header .hblock .suggestion-more {
color: rgba(255,255,255,0.75);
background-color: rgba(0,0,0,0.65);
border-top-color: #b5964e;
border-left-color: rgba(0,0,0,0.35);
border-right-color: rgba(0,0,0,0.35);
border-bottom-color: rgba(0,0,0,0.35);
backdrop-filter: blur(25px);}


@media screen and (max-width:820px) {
header .hblock &gt; ul &gt; li &gt; ul, header .hblock .suggestion-more {
position: fixed;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
}

@media screen and (max-width:820px) {
header .hblock &gt; ul &gt; li &gt; ul, header .hblock .suggestion-more {
position: static;
display: none;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
}

header .hblock .suggestion-more {
border-color: #fcaf3e;
background-color: #fff9f4;
}

header .hblock &gt; ul &gt; li.show &gt; ul, header .hblock &gt; ul &gt; li:hover &gt; ul, header .hblock &gt; ul &gt; li:focus &gt; ul {
display: block;
transition: all 0.35s linear;}

header .hblock &gt; ul &gt; li &gt; ul &gt; li, header .hblock .suggestion-more &gt; ul &gt; li {
display: inline-block;
margin: 0 auto;
padding: 0;
list-style: none;
width: 33.3333333333%;
}

@media screen and (max-width:820px) {
header .hblock &gt; ul &gt; li &gt; ul &gt; li, header .hblock .suggestion-more &gt; ul &gt; li {
width: auto;
}

header .hblock &gt; ul &gt; li:hover &gt; ul, header .hblock &gt; ul &gt; li:focus &gt; ul {
display: none;
}

header .hblock &gt; ul &gt; li.show &gt; ul {
display: block;
}
}


header .hblock &gt; ul &gt; li &gt; ul &gt; li:hover {
background-color: #F1F4F8;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li:active {
background-color: #d0dae7;
transition: none;}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new {
background-color: #fbd0d0;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:hover {
background-color: #f7a1a1;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:active {
background-color: #f37272;
transition: none;}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business {
background-color: #f3e4c9;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:hover {
background-color: #ead09f;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:active {
background-color: #e1bb75;
transition: none;}

header .hblock .suggestion-more &gt; ul &gt; li:hover {
background-color: #fcaf3e;
}

header .hblock .suggestion-more &gt; ul &gt; li:active {
background-color: #fb9c0e;
transition: none;}

body.cdarkminds header .hblock &gt; ul &gt; li &gt; ul &gt; li:hover, body.cdarkminds header .hblock .suggestion-more &gt; ul &gt; li:hover {
color: rgba(255,255,255,0.75);
background-color: rgba(215, 178, 93, 0.5);
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a, header .hblock .suggestion-more &gt; ul &gt; li &gt; a {
display: flex;
padding: 12px 25px;
}

@media screen and (max-width:820px) {
header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a {
padding: 5px 10px;
}
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; svg, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; svg {
display: block;
width: 32px;
height: 32px;
opacity: 0.8;fill: #000;
}

body.cdarkminds header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; svg, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; svg {
fill: rgba(255,255,255,0.75);
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover &gt; svg, header .hblock .suggestion-more &gt; ul &gt; li &gt; a:hover &gt; svg {
fill: #204a87;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a:active &gt; svg, header .hblock .suggestion-more &gt; ul &gt; li &gt; a:active &gt; svg {
fill: #16335f;
}

body.cdarkminds header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover &gt; svg, body.cdarkminds header .hblock .suggestion-more &gt; ul &gt; li &gt; a:hover &gt; svg {
fill: rgba(255,255,255,0.95);
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a &gt; svg {
fill: #cc0000;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a:hover &gt; svg {
fill: #ef2929;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a:active &gt; svg {
fill: #d51010;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a &gt; svg {
fill: #a77a25;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a:hover &gt; svg {
fill: #d6a343;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a:active &gt; svg {
fill: #bc8929;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; img, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; img {
display: block;
width: 32px;
height: 32px;
opacity: 0.8;}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; img, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; img {
border-radius: 5px;}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; img.avatar, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; img.avatar {
border-radius: 50%;}

@media screen and (max-width:820px) {
header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; svg, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; svg, header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; img, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; img {
display: block;
width: 14px;
height: 14px;
margin: 4px 0 4px;
opacity: 1;}
header .hblock &gt; ul &gt; li.lang &gt; ul &gt; li &gt; a &gt; svg,
header .hblock &gt; ul &gt; li.lang &gt; ul &gt; li &gt; a &gt; p {
display: inline-block;
vertical-align: top;
}
}


header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover &gt; img, header .hblock .suggestion-more &gt; ul &gt; li &gt; a:hover &gt; img {
opacity: 1;}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; p {
display: block;
margin: 0 0 0 10px;
padding: 0;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p &gt; b, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; p &gt; b {
display: block;
padding: 3px 0;
color: #333;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
line-height: 130%;
}

body.cdarkminds header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p &gt; b, body.cdarkminds header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; p &gt; b {
color: rgba(255,255,255,0.75);
}


@media screen and (max-width:820px) {
header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; p {
margin: 0 5px;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p &gt; b, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; p &gt; b {
font-size: 12px;
}
}


header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover &gt; p &gt; b {
color: #000;
}

header .hblock .suggestion-more &gt; ul &gt; li &gt; a:hover &gt; p &gt; b {
color: #fff;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a &gt; p &gt; b {
color: #a40000;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a:hover &gt; p &gt; b {
color: #cc0000;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a &gt; p &gt; b {
color: #86611d;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a:hover &gt; p &gt; b {
color: #a77a25;
}

body.cdarkminds header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover &gt; p &gt; b, body.cdarkminds header .hblock .suggestion-more &gt; ul &gt; li &gt; a:hover &gt; p &gt; b {
color: rgba(255,255,255,0.95);
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p &gt; b &gt; span {
display: inline-block;
margin: -2px 0 0 12px;
padding: 4px 6px 4px 4px;
font-size: 9px;
border-radius: 5px;color: #fff;
line-height: 100%;
text-transform: uppercase;
background-color: #556A7D;
vertical-align: top;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li:hover &gt; a &gt; p &gt; b &gt; span {
background-color: #9CADBB;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li:active &gt; a &gt; p &gt; b &gt; span {
background-color: #7d93a6;
transition: none;}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a &gt; p &gt; b &gt; span {
background-color: #ef2929;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:hover &gt; a &gt; p &gt; b &gt; span {
background-color: #f35959;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:active &gt; a &gt; p &gt; b &gt; span {
background-color: #f02828;
transition: none;}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a &gt; p &gt; b &gt; span {
background-color: #d6a343;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:hover &gt; a &gt; p &gt; b &gt; span {
background-color: #dfb76d;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:active &gt; a &gt; p &gt; b &gt; span {
background-color: #d6a243;
transition: none;}


@media screen and (max-width:820px) {
header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p &gt; b &gt; span {
margin: -1px 0 0 6px;
font-size: 8px;
}
}



header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p &gt; i, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; p &gt; i {
display: block;
padding: 0 0 0 1px;
color: #ccc;
font-weight: 500;
font-size: 10px;
}

body.cdarkminds header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p &gt; i, body.cdarkminds header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; p &gt; i {
color: rgba(255,255,255,0.5);
}


@media screen and (max-width:820px) {
header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p &gt; i, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; p &gt; i {
display: none;
}
}


header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover &gt; p &gt; i {
color: #aaa;
}

header .hblock .suggestion-more &gt; ul &gt; li &gt; a:hover &gt; p &gt; i {
color: #eee;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a &gt; p &gt; i {
color: rgb(164, 0, 0, 0.5);
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a:hover &gt; p &gt; i {
color: rgb(204, 0, 0, 0.5);
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a &gt; p &gt; i {
color: rgb(134, 97, 29, 0.5);
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a:hover &gt; p &gt; i {
color: rgb(167, 122, 37, 0.5);
}

header .hblock .selected {
background-color: #F1F4F8;
}

body.cdarkminds header .hblock .selected {
background-color: rgba(181, 150, 78,0.45);
}

header .hblock .selected:hover {
background-color: #D1DBE9;
}

header .hblock .selected:active {
background-color: #b0c1d9;
}

body.cdarkminds header .hblock .selected:hover {
background-color: rgba(181, 150, 78,0.75);
}

header .hblock &gt; ul &gt; li.selected {
border-color: #849eb3;
}

header .hblock &gt; ul &gt; li:active {
background-color: #d0dae7;
transition: none;}

header .hblock &gt; ul &gt; li.selected:active {
background-color: #6485a0;
}

header .hblock .selected &gt; a, header .hblock .selected &gt; a:visited, header .hblock .selected &gt; a:link {
color: #465E71;
}

header .hblock .selected &gt; a:active {
color: #334452;
transition: none;}

header .hblock .suggestion {
border-color: #fcaf3e;
background-color: #fff9f4;
padding: 0 7px;
}

header .hblock .suggestion:hover, header .hblock .suggestion-selected {
background-color: #fcaf3e;
border-color: #DE8703;
}

header .hblock .suggestion:active {
background-color: #fb9c0e;
border-color: #ab6803;
transition: none;}

header .hblock .suggestion &gt; a, header .hblock .suggestion &gt; a:visited, header .hblock .suggestion &gt; a:link {
color: #F59503;
}

header .hblock .suggestion &gt; a:active {
color: #c57702;
transition: none;}

header .hblock .suggestion:hover &gt; a, header .hblock .suggestion &gt; a:hover, header .hblock .suggestion-selected a {
color: #fff;
}

header .hblock .suggestion-first, header .hblock .suggestion-first:hover {
border-left: 4px solid #fff;
}

header .hblock .suggestion-end, header .hblock .suggestion-end:hover {
border-right: 4px solid #fff;
}

header .hblock svg.home {
display: block;
margin: -5px auto 0;
padding: 0;
width: 24px;
height: 24px;
fill: #bbb;
background-repeat: no-repeat;
transition: all 0.35s linear;}

body.cdarkminds header .hblock svg.home {
fill: rgba(255,255,255,0.75);
}


@media screen and (max-width:820px) {
header .hblock svg.home {
margin: 0 auto;
}
}


header .hblock .home:hover, header .hblock li.selected .home {
fill: #849eb3;
transition: all 0.35s linear;}

header .hblock .home:active, header .hblock li.selected .home:active {
fill: #6485a0;
transition: none;}

header .hblock li.lang a:hover, header .hblock li.lang a:focus, header .hblock li.lang a.active {
background-color: #849eb3;
}

header .hblock li.lang a:active {
background-color: #6485a0;
}

body.cdarkminds header .hblock li.lang a:hover, body.cdarkminds header .hblock li.lang a:focus, body.cdarkminds header .hblock li.lang a.active {
background-color: rgba(181, 150, 78, 0.45);
}

header .hblock li.lang a.active:hover, header .hblock li.lang a.active:focus {
background-color: #AFC0CE;
}

header .hblock li.lang a.active:active {
background-color: #90a8bb;
}

body.cdarkminds header .hblock li.lang a.active:hover, body.cdarkminds header .hblock li.lang a.active:focus {
background-color: rgba(181, 150, 78, 0.75);
}

header .hblock li.lang &gt; a {
display: block;
padding-top: 25px;
}

header.hfixed .hblock li.lang &gt; a {
padding-top: 8px;
}

header .hblock li.lang &gt; a &gt; svg {
display: block;
margin: 0 auto;
padding: 0;
width: 24px;
height: auto;
}

header .hblock li.lang &gt; ul {
left: unset;
right: 0;
width: auto;
}
header .hblock li.lang &gt; ul &gt; li {
width: auto;
}



header.hfixed {
position: fixed;
top: 0;
margin: 0;
padding: 0;
height: 40px;
}

body.hfixed {
padding: 76px 0 0 !important;
}

header.hfixed .logo &gt; a {
width: 75px;
height: 50px;
}

header.hfixed .hblock &gt; ul &gt; li {
height: 40px;
}

header.hfixed .hblock &gt; ul &gt; li &gt; a, header.hfixed .hblock &gt; ul &gt; li &gt; a:visited, header.hfixed .hblock &gt; ul &gt; li &gt; a:link {
padding: 14px 12px 5px;
}

header.hfixed .hblock &gt; ul &gt; li &gt; ul {
top: 40px;
}


@media screen and (max-width:820px) {
header.hfixed .hblock .logo {
height: 40px;
}

header.hfixed .hblock &gt; ul &gt; li {
height: auto !important;
}

header.hfixed .hblock &gt; ul &gt; li &gt; a &gt; cite {
margin: 0 auto;
}

header.hfixed .hblock &gt; ul &gt; li &gt; a, header.hfixed .hblock &gt; ul &gt; li &gt; a:visited, header.hfixed .hblock &gt; ul &gt; li &gt; a:link {
padding: 8px 0;
}

header .hblock li.lang a:first-child {
padding-top: 7px;
margin-top: 0;
}

header .hblock li.lang a, header .hblock li.lang a:link, header .hblock li.lang a:visited,header.hfixed .hblock li.lang a, header.hfixed .hblock li.lang a:link, header.hfixed .hblock li.lang a:visited {
display: inline-block;
margin: 0;
}

header .hblock li.home {
margin: 25px 0 0;
padding: 2px 0 0;
}
}





header .hblock li.darkmode {
text-align: center;
margin: 0;
padding: 0;
}

@media screen and (max-width:820px) {
header .hblock li.darkmode {
padding: 5px 0 8px;
border-bottom: 3px solid #556A7D;
}
}


header .hblock li.darkmode &gt; label {
display: inline-block;
margin: 29px auto;
padding: 0;
position: relative;
width: 30px;
height: 17px;
transition: all 0.3s linear;}

header.hfixed .hblock &gt; ul &gt; li.darkmode &gt; label {
margin: 12px auto;
}


@media screen and (max-width:820px) {
header .hblock li.darkmode &gt; label {
margin: 5px 0 3px;
}
}

header .hblock li.darkmode &gt; label &gt; input {
opacity: 0;width: 0;
height: 0;
}


/* ---------------------------------------------------
&gt;&gt; HEADER / Profile  &lt;&lt;
------------------------------------------------- */


header &gt; .profile {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: block;
margin: 0;
padding: 0 20px;
background-color: #E7E7E7;
z-index: 1;
cursor: pointer;
}


body.cdarkminds header &gt; .profile {
background-color: transparent;
}

header &gt; .profile:hover {
background-color: #D7D7D7;
}

header &gt; .profile:active {
background-color: #cfcfcf;
}

body.cdarkminds header &gt; .profile:hover {
background-color: rgba(255,255,255,0.2);
}

header &gt; .profile &gt; .avatar {
display: table;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
opacity: 0.85;}

header &gt; .profile:hover &gt; .avatar {
opacity: 1;}

header &gt; .profile &gt; .avatar &gt; div {
display: table-cell;
vertical-align: middle;
}

header &gt; .profile &gt; .avatar &gt; div &gt; p {
position: relative;
display: block;
margin: 0;
padding: 0;
background-color: #fff;
border-radius: 50%;overflow: hidden;
}

header &gt; .profile &gt; .avatar &gt; div &gt; p &gt; span {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

header &gt; .profile &gt; .avatar &gt; div &gt; p &gt; span::after {
position: absolute;
top: -200%;
left: -200%;
content: "";
width: 100%;
height: 500%;
opacity: 0.7;z-index: 1;
transform: rotate(30deg);background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));animation: hprof-glow 5s infinite forwards linear;
}

@keyframes hprof-glow {
0% {
left: -100%;
}

25% {
left: 100%;
}

100% {
left: 100%;
}
}

header &gt; .profile &gt; .avatar &gt; div &gt; p &gt; img {
display: block;
margin: 0;
padding: 5px;
border-radius: 50%;overflow: hidden;
}

header.hfixed &gt; .profile &gt; .avatar &gt; div &gt; p &gt; img {
width: 18px;
height: 18px;
}

header &gt; .profile &gt; .avatar &gt; div &gt; p &gt; b {
display: block;
margin: 0;
padding: 5px;
border-radius: 50%;overflow: hidden;
}

header &gt; .profile &gt; .avatar &gt; div &gt; p &gt; b {
width: 30px;
height: 30px;
background-color: #3465a4;
border: 3px solid #fff;
}

header &gt; .profile &gt; .avatar.logon &gt; div &gt; p &gt; b {
background-color: #444;
}

header.hfixed &gt; .profile &gt; .avatar &gt; div &gt; p &gt; b {
width: 18px;
height: 18px;
border: 2px solid #fff;
text-align: center;
}

header &gt; .profile &gt; .avatar &gt; div &gt; p &gt; b &gt; svg {
display: inline-block;
margin: 3px 15% 0;
padding: 0;
width: 70%;
height: auto;
fill: #fff;
}

header &gt; .profile &gt; .avatar &gt; div &gt; p &gt; b &gt; i {
display: block;
margin: 8px 0 0;
padding: 0;
color: #fff;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 16px;
}

header.hfixed &gt; .profile &gt; .avatar &gt; div &gt; p &gt; b &gt; i {
margin: 5px 0 0;
font-size: 9px;
}



.darkmodeslider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;}

.darkmodeslider:before {
position: absolute;
content: "";
height: 13px;
width: 13px;
left: 2px;
bottom: 2px;
background-color: #fff;
transition: .4s;}

input:checked + .darkmodeslider {
background-color: #272727;
}

input:focus + .darkmodeslider {
box-shadow: 0 0 1px #373737;}

input:checked + .darkmodeslider:before {
transform: translateX(13px);}

body.cdarkminds .darkmodeslider {
background-color: #444;
}

body.cdarkminds .darkmodeslider:before {
background-color: #ddd;
}



/*
@rev:		+ taxonomy | 2.1.0.1 | 2023-03-14 20:56:25 | cc5c1de9257996d295d7fbc6435b7896 | (current)
		+ taxonomy | 2.1.0.0 | 2022-11-18 18:51:47 | d187059b5069b91b6e473e86bb9ca735 |
		+ taxonomy | 2.0.1.1 | 2022-10-26 14:27:02 | 0ae37ad2dc26d885157bc922071466f6 |
		+ taxonomy | 2.0.1.0 | 2022-07-06 00:21:30 | 8449b7279420536fc3f8e0dcca2ff311 |
		+ taxonomy | 2.0.0.2 | 2022-04-15 17:18:03 | 5a1eefe3851479bd06358e961e1a37f0 |
		+ taxonomy | 2.0.0.1 | 2022-01-19 16:58:36 | 8575c62c35f5490131de9aea56cb020f |
		+ taxonomy | 2.0.0.0 | 2022-01-05 22:27:18 | 240e72c6f1406a93221c709e8ebebd8b |
		+ taxonomy | 1.2.0.3 | 2021-12-31 00:22:26 | 6c89300460aa878100c8e5ca172cc0d6 |
		+ taxonomy | 1.2.0.2 | 2021-10-09 17:41:29 | 252af82567f67e730e185415a94b7ffd |
		+ taxonomy | 1.2.0.1 | 2021-10-07 20:05:00 | 3f125a77f7d15608c119dc0ffc878615 |
		+ taxonomy | 1.2.0.0 | 2018-07-31 17:07:51 | 9fd5e026f1884591d845a6b404f7703b |
		+ taxonomy | 1.1.0.4 | 2017-01-05 12:52:17 | 546163b9526c4bae16f5c1dc1c6130b7 |
		+ taxonomy | 1.1.0.3 | 2016-10-20 16:29:27 | d507ea4e6a158d73f1b3ff536839640b |
		+ taxonomy | 1.1.0.2 | 2016-08-17 13:55:46 | d5f08de7eb5f21ef8571a971e66657d0 |
		+ taxonomy | 1.1.0.1 | 2016-07-18 16:33:11 | be5892efcf86158d5c0bb30233c7fc06 |
		+ taxonomy | 1.1.0.0 | 2016-07-18 15:52:02 | 5722bf0fd6ac7241f6eebefd83cb9a7f |
		+ taxonomy | 1.0.1.8 | 2016-02-12 13:25:25 | 2629d06f6f600d52c3a5e0453295da52 |
		+ taxonomy | 1.0.1.7 | 2016-02-12 13:23:40 | 401c9d9893c838c58f3773ee8ce326b7 |
		+ taxonomy | 1.0.1.6 | 2015-09-02 14:50:46 | 2d92568354f771c53d6d5b7a7eb76af4 |
		+ taxonomy | 1.0.1.5 | 2014-12-01 16:56:48 | 749a23f1b1c5784c0b56c8ffeae687db |
		+ taxonomy | 1.0.1.4 | 2014-03-17 15:20:18 | 1f8bf81bcd3495e392ad0b21ba4c8980 |
		+ taxonomy | 1.0.1.3 | 2014-03-17 15:19:35 | 1f8bf81bcd3495e392ad0b21ba4c8980 |
		+ taxonomy | 1.0.1.2 | 2013-11-25 15:52:39 | b77ab4e3214770b26bb897248f7de7a1 |
		+ taxonomy | 1.0.1.1 | 2013-11-25 15:52:22 | 7fcc82e1c5057d2c8cc3b99542d61ff8 |
		+ taxonomy | 1.0.1.0 | 2013-10-21 14:46:04 | d0fa7bed40cbf54db5bfcb0ab9491388 |
		+ taxonomy | 1.0.0.9 | 2013-10-21 13:55:54 | eff4f155e88496cb7c3b850b1ccfdd28 |
		+ taxonomy | 1.0.0.8 | 2013-10-13 11:25:36 | ac96a52dd8953ed772bf4408ccf4b8e7 |
		+ taxonomy | 1.0.0.7 | 2013-09-30 14:57:59 | fe0107f75edf5479f9d552f3c48417b8 |
		+ taxonomy | 1.0.0.6 | 2013-08-15 17:14:14 | 1a268579f2f84beb9d895bf91e766b00 |
		+ taxonomy | 1.0.0.5 | 2013-07-18 16:18:13 | 2bfeb272e4be353b55ef8e288dc03626 |
		+ taxonomy | 1.0.0.4 | 2013-05-10 09:46:29 | 457c054f5c10d517d908dc40ff86089e |
		+ taxonomy | 1.0.0.3 | 2013-04-30 15:53:21 | 331f44731463cda377e13e9f42d6aed7 |
		+ taxonomy | 1.0.0.2 | 2013-03-21 16:58:23 | 650928bdc86a4b19890c397359f99fc3 |
		+ taxonomy | 1.0.0.1 | 2013-02-03 19:57:51 | 3153f72de3e95c5b30518fa08d57a1e8 |
		+ taxonomy | 1.0.0.0 | 2013-02-03 19:28:07 | 2cd469af68d728540117075af373c896 |
*/

/* ---------------------------------------------------
&gt;&gt; TAXONOMY &lt;&lt;
------------------------------------------------- */

body {
background-color: #363636;
}





.grid {
position: relative;
margin: 0;
padding: 25px 0 60px;
z-index: 0;
}

.gridbox {
margin: 0 auto;
width: 95%;
}

.gridbox.latest {
width: 100%;
}

.gridbox a {
position: relative;
display: block;
margin: 0;
padding: 0;
line-height: 100%;
}


.gridbox:hover p,.gridbox:hover p a,.gridbox:hover p a:link,.gridbox:hover  p a:visited {
color: #666;
transition: all 0.35s ease-in;}

.gridbox:hover p a:hover,.gridbox:hover p a:focus {
color: #888;
transition: all 0.35s ease-in;}

.gridbox ul {
width: 100%;
display: block;
margin: 0 0 15px;
padding: 0;
overflow: hidden;
opacity: 0.65;transition: all 0.35s ease-in;}

.gridbox:hover ul {
opacity: 1;transition: all 0.35s ease-in;}

.gridbox.latest ul {
margin: 0;
text-align: center;
}

.gridbox li {
display: inline-block;
margin: 2px 12px 12px 2px;
padding: 0;
width: 225px;
height: auto;
list-style-type: none;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);cursor: pointer;
}

@media screen and (max-width: 640px) {
.gridbox {
width: 100%;
}

.gridbox ul {
text-align: center;
opacity: 1;}

.gridbox li {
display: inline-block;
float: none;
margin: 2px 5px 12px;
width: 170px;
}
}


.gridbox.latest li {
display: inline-block;
float: none;
margin: 2px 2px 4px;
}

.gridbox.small li {
width: 170px;
height: auto;
}

.gridbox.square li {
width: 170px;
height: auto;
}

.gridbox img {
display: block;
border: 0;
margin: 0;
padding: 0;
width: 100%;
height: auto;
}

.gridbox .gridframe {
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}

.gridbox .gridframe img {
transform: scale(1);transition: all 0.2s ease-out;}

.gridbox li:hover .gridframe img,.gridbox li:hover .gridframe img {
transform: scale(1.25);transition: all 0.2s ease-in;image-rendering: auto;
}

.gridbox .box {
position: absolute;
display: block;
margin: 0;
padding: 0;
top: 0;
left: 0;
right: 0;
opacity: 0;z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
background-color: transparent;
transition: all 0.35s linear;}

.gridbox li:hover .box {
opacity: 1;background-color: rgba(0,0,0,0.5);
}

.gridbox p {
color: #555;
margin: 0;
padding: 0 0 10px 9px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.1em;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
transition: all 0.35s ease-in;}

.gridbox p a,.gridbox p a:link,.gridbox p a:visited {
display: inline-block;
color: #555;
margin: 0;
padding: 0;
font-weight: 700;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
transition: all 0.35s ease-in;}

.gridbox h2 {
color: #555;
margin: 0;
padding: 15px 0 5px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.1em;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
text-transform: uppercase;
transition: all 0.35s ease-in;}

.gridbox h2 a,.gridbox h2 a:link,.gridbox h2 a:visited {
color: #555;
transition: all 0.35s ease-in;}

.gridbox h2:hover a,.gridbox h2 a:hover, .gridbox:hover h2, .gridbox:hover h2 &gt; a {
color: #fff;
transition: all 0.35s ease-in;}


@media screen and (max-width: 649px) {
.gridbox h2 {
padding: 15px 10px 5px;
}

.gridbox h2, .gridbox h2 a, .gridbox h2 a:link, .gridbox h2 a:visited {
color: #fff;
}
}





.gridbox h1, .gridbox h5 {
margin: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
line-height: 1.1em;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.55);
text-transform: uppercase;
transition: all 0.35s ease-in;}

.gridbox:hover h1, .gridbox:hover h5 {
color: #fff;
transition: all 0.35s ease-in;}

.gridbox .box &gt; h1 {
color: #fff;
padding: 3px 15px 0;
font-size: 14px;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.3px;
}

.gridbox &gt; h1 {
color: #555;
padding: 3px 0 3px 10px;
font-size: 24px;
font-weight: 500;
letter-spacing: 1px;
border-left: 3px solid #555;
}

.gridbox:hover &gt; h1 {
border-color: #fff;
}

.gridbox &gt; h1.top {
border: 0 none;
font-size: 18px;
font-weight: 500;
line-height: 1.1em;
padding: 3px 0 3px 0;
}

.gridbox &gt; h1.top &gt; a,.gridbox &gt; h1.top &gt; a:link,.gridbox &gt; h1.top &gt; a:visited,.gridbox &gt; h1.top &gt; a:focus, .gridbox &gt; h1.top &gt; a:hover {
color: #555;
text-decoration: none;
transition: all 0.35s ease-in;}

.gridbox:hover &gt; h1.top &gt; a {
color: #fff;
transition: all 0.35s ease-in;}

.gridbox h3 {
margin: 0;
padding: 10px 10px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
transition: all 0.35s ease-in;color: #ddd;
}

body.coverview .gridbox h3 {
padding: 15px 15px 0;
font-size: 14px;
font-weight: 700;
line-height: 125%;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
color: #fff;
}

.gridbox li:hover h3 {
color: #bbb;
transition: all 0.35s ease-in;}

body.coverview .gridbox li:hover h3 {
color: #fff;
}

.gridbox .box &gt; h5 {
color: #fff;
padding: 10px 10px 0;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.3px;
}

.gridbox.square .box div {
margin: 0;
padding: 7px 7px 12px;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));}

.gridbox.square .box div &gt; h5 {
margin: 0;
padding: 10px 0 25px;
background-image: none;
line-height: 130%;
color: #fff;
font-size: 13px;
}

.gridbox span {
display: none;
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: 5px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 9px;
font-weight: 500;
color: #fff;
border-top: 1px solid rgba(255,255,255,0.6);
background-color: rgba(0,0,0,0.4);
width: 100%;
opacity: 0;text-align: center;
transition: all 0.35s ease-in;}

.gridbox li:hover span {
opacity: 1;font-size: 11px;
transition: all 0.15s ease-in;}

@media screen and (max-width: 649px) {
.gridbox &gt; h1.top {
padding: 3px 10px;
}

.gridbox &gt; h1 {
color: #fff;
}

.gridbox span {
display: none;
}
}



/*
Directory Merge
*/
.gridbox li.mergebox {
border: 2px solid #fff;
margin: 0 275px 10px 0;
padding: 0;
}

.gridbox li .contains {
position: absolute;
display: inline-block;
background-color: #fff;
margin: 0 0 0 226px;
width: 250px;
padding: 3px 0;
border-top: 1px solid rgba(255,255,255,0.6);
box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);overflow-x: hidden;
overflow-y: auto;
max-height: 140px;
}

.gridbox.small li .contains {
margin: 0 0 0 171px;
padding: 3px 0 3px 15px;
max-height: 110px;
}


@media screen and (max-width: 649px) {
.gridbox li .contains {
position: static;
margin: 0;
padding: 0;
max-height: initial;
width: 100%;
}
}



.gridbox li .contains div.item {
margin: 0;
padding: 3px 0 5px 7px;
clear: both;
opacity: 0.7;transition: all 0.25s ease-in;color: #ccc;
font-size: 9px;
}

.gridbox li.small .contains div.item {
padding: 3px 0 5px;
}

.gridbox li .contains div.item:hover {
opacity: 1;background-color: #eee;
}

@media screen and (max-width: 649px) {
.gridbox li .contains div.item {
padding: 7px 7px 9px;
}
}



.gridbox li .contains img {
display: block;
margin: 0 7px 0 0;
padding: 0;
border-radius: 5px;width: 25px !important;
height: 25px !important;
float: left;
}

.gridbox li .contains a {
position: static;
display: inline-block;
margin: 0;
padding: 0;
color: #333;
}

.gridbox li .contains a:link,.gridbox li .contains a:visited,.gridbox li .contains a:hover,.gridbox li .contains a:focus {
color: #333;
}

.gridbox li .contains q {
display: block;
margin: 0;
padding: 2px 5px 2px 35px;
}

.gridbox li .contains h5, .gridbox li .contains b {
line-height: 120%;
margin: 0;
padding: 0 5px 0 2px;
}

.gridbox li .contains h5 {
display: block;
color: #111;
font-size: 11px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.gridbox li .contains b {
display: inline-block;
color: #666;
font-size: 10px;
}

.infobox {
margin: 0 auto 50px;
width: 95%;
padding: 9px 0 7px;
border: 2px solid rgba(255,255,255,0.2);
box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);background-color: #444;
font-size: 13px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
text-align: center;
line-height: 100%;
cursor: pointer;
transition: all 0.35s ease-in;border-radius: 8px;}

.infobox a, .infobox a:link, .infobox a:visited {
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
color: #999;
transition: all 0.35s ease-in;}

.infobox:hover a, .infobox:focus a, .infobox a:hover, .infobox a:focus {
color: #bbb;
transition: all 0.25s ease-out;}

.infobox:hover, .infobox:focus {
background-color: #555;
transition: all 0.25s ease-out;}




.headerbar {
position: relative;
display: block;
margin: 0;
padding: 0;
height: 220px;
background-color: #000;
}

.headerbar .mobileview {
position: fixed;
top: 0;
left: 0;
display: none;
background-color: #fff;
margin: 0;
padding: 0;
width: 100%;
z-index: 12;
text-align: center;
border-bottom: 3px solid #e5e5e5;
box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.25);}

@media screen and (max-width: 640px) {
.headerbar {
height: 270px;
}

.headerbar .mobileview {
display: block;
}
}


.headerbar .mobileview a {
display: inline-block;
margin: 0;
padding: 9px 15px;
font-size: 13px;
font-weight: 300;
color: #808080;
text-transform: uppercase;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.455, 0.030, 0.515, 0.955);}

.headerbar .mobileview a:hover, .headerbar .mobileview a:focus {
color: #333;
background-color: #F1F4F8;
transition: all 0.25s cubic-bezier(0.455, 0.030, 0.515, 0.955);}

.headerbar .mobileview div {
float: right;
}

.headerbar .imgbox {
position: relative;
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top center;
filter: blur(7px);}

.headerbar .imgbox &gt; img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.headerbar .imgbox .left , .headerbar .imgbox .right {
position: absolute;
top: 0;
margin: 0;
padding: 0;
height: 100%;
width: 150px;
z-index: 1;
}

.headerbar .imgbox .left {
left: 0;
background-image: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));}

.headerbar .imgbox .right {
right: 0;
background-image: linear-gradient(270deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}



@media only screen and (min-width: 640px) and (max-width: 1500px) {
.headerbar .imgbox {
width: 100% !important;
}
}

@media screen and (max-width: 640px) {
.headerbar .imgbox .right,.headerbar .imgbox .left {
display: none;
}

.headerbar .imgbox {
width: 100% !important;
}
}



.headerbar .title {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));z-index: 1;
overflow: hidden;
text-align: center;
}

body.coverview .headerbar .title {
left: 320px;
}

.headerbar .title &gt; .tbox {
display: block;
margin: 0 auto;
padding: 25px 0 15px;
}

.headerbar .title &gt; .tbox &gt; .avatar {
display: inline-block;
}

.headerbar .title &gt; .tbox &gt; .avatar &gt; a {
display: block;
width: 96px;
height: 96px;
margin: 0;
padding: 4px;
background-color: #fff;
border-radius: 50%;box-shadow: 0 3px 5px #000;}

.headerbar .title &gt; .tbox &gt; .avatar &gt; a &gt; img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;}

.headerbar .title &gt; .tbox &gt; .name {
display: inline-block;
margin: 0;
padding: 7px 0 0 20px;
text-align: left;
vertical-align: top;
line-height: 200%;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .h1 {
display: block;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .h1 &gt; h1 {
display: inline-block;
margin: 5px 10px 5px 0;
padding: 0;
font-family: 'FusionScreen-Regular',Tahoma,Verdana,Arial,sans-serif;
font-size: 28px;
font-weight: 300;
text-shadow: 0 3px 3px rgba(0,0,0,0.7);
line-height: 100%;
color: #fff;
vertical-align: top;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .h1 &gt; h1 &gt; a, .headerbar .title &gt; .tbox &gt; .name &gt; .h1 &gt; h1 &gt; a:link, .headerbar .title &gt; .tbox &gt; .name &gt; .h1 &gt; h1 &gt; a:visited {
display: block;
margin: 0;
padding: 0;
color: #fff;
text-decoration: none;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .h1 &gt; .followbox {
display: none;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .h1 &gt; .followbox.show {
display: inline-block;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .p {
display: block;
margin: 0;
padding: 0 0 0 5px;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a, .headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a:link, .headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a:visited {
display: block;
margin: 0;
padding: 0;
color: #fff;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a &gt; h3, .headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a &gt; h4, .headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a &gt; h5 {
display: inline-block;
margin: 0;
text-shadow: 0 2px 2px rgba(0,0,0,0.4);
font-weight: 700;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a &gt; h3 {
padding: 0 3px 0 5px;
font-size: 16px;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a &gt; h4 {
padding: 0 0 0 2px;
font-size: 14px;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a &gt; h5 {
padding: 0 3px 0 2px;
font-size: 12px;
}


@media screen and (max-width: 960px) {
body.coverview .headerbar .title &gt; .tbox &gt; .name {
padding: 7px 0 0;
text-align: center;
}

body.coverview .headerbar .title &gt; .tbox &gt; .avatar {
display: block;
}

body.coverview .headerbar .title &gt; .tbox &gt; .avatar &gt; a {
display: inline-block;
}
}

@media screen and (max-width: 640px) {
body.coverview .headerbar .title {
left: 0;
}

.headerbar .title &gt; .tbox &gt; .avatar {
display: block;
}

.headerbar .title &gt; .tbox &gt; .avatar &gt; a {
display: inline-block;
}

.headerbar .title &gt; .tbox &gt; .name {
text-align: center;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .h1 &gt; h1 {
font-size: 24px;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a &gt; h3 {
font-size: 12px;
}

.headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a, .headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a:link, .headerbar .title &gt; .tbox &gt; .name &gt; .p &gt; a:visited {
line-height: 120%;
}
}



.follow, .follow:link, .follow:visited {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 3px;
background-color: #d6a64d;
overflow: hidden;
cursor: pointer;
transition: all 0.5s;border-radius: 7px;color: transparent;
box-shadow: 0 3px 5px rgba(0,0,0,0.5);}

.follow:hover {
transition: all 0.35s;}

.follow.inactive {
background-color: #3f3f3f;
}

.follow:after {
position: absolute;
top: -200%;
left: 18%;
content: "";
width: 70%;
height: 500%;
opacity: 0.7;animation: none;
background: transparent;
}

.follow:not(.inactive):after {
background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));animation: follow-rotate 1.5s infinite forwards linear;
}

@keyframes follow-rotate {
0% {
transform: rotate(0deg);}

50% {
transform: rotate(180deg);}

100% {
transform: rotate(360deg);}
}

.follow &gt; p {
position: relative;
display: block;
margin: 0;
padding: 3px;
background-color: #33404F;
z-index: 1;
line-height: 100%;
transition: all 0.5s;border-radius: 7px;}

.follow.inactive &gt; p {
background-color: #333;
}

.follow:hover &gt; p {
background-color: #556A7D;
transition: all 0.35s;}

.follow.inactive:hover &gt; p {
background-color: #555;
}

.follow &gt; p &gt; span {
position: relative;
display: block;
margin: 0;
padding: 3px 9px;
background-color: #556A7D;
line-height: 100%;
transition: all 0.5s;overflow: hidden;
border-radius: 5px;white-space: nowrap;
}

.follow.inactive &gt; p &gt; span {
background-color: #555;
}

.follow:hover &gt; p &gt; span {
background-color: #9CADBB;
}

.follow.inactive:hover &gt; p &gt; span {
background-color: #9C9C9C;
}

.follow &gt; p &gt; span:after {
position: absolute;
top: -50%;
left: -100%;
content: "";
width: 50%;
height: 200%;
opacity: 0.2;transform: rotate(35deg);transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);background-color: rgba(255, 255, 255, 0.4);
background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));}

.follow &gt; p &gt; span:hover:after {
left: 200%;
opacity: 0.4;transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);}

.follow &gt; p &gt; span &gt; b {
display: inline-block;
margin: 3px 0 0 5px;
font-family: Arial;
font-size: 11px;
font-weight: 700;
color: #fff;
overflow: hidden;
vertical-align: top;
text-transform: uppercase;
}

.follow.inactive &gt; p &gt; span &gt; .f1t, .follow:not(.inactive) &gt; p &gt; span &gt; .f2t {
display: none;
}

.follow &gt; p &gt; span &gt; i {
display: inline-block;
margin: 0;
padding: 0;
}

.follow.inactive &gt; p &gt; span &gt; .f1, .follow:not(.inactive) &gt; p &gt; span &gt; .f2 {
display: none;
}

.follow &gt; p &gt; span &gt; i &gt; svg {
display: block;
margin: 0;
padding: 0;
width: 16px;
height: auto;
fill: #fff;
}



#favorites_star {
margin: 20px 25px;
padding: 7px 5px;
background-color: rgba(255,255,255,0.08);
}

body.coverview #favorites_star {
margin: 35px 30px 20px 360px;
}

#favorites_star h1, #favorites_star h2 {
margin: 5px 0 10px 5px;
padding: 0;
color: #BBB;
}


@media screen and (max-width: 640px) {
#favorites_star {
margin: 20px 0;
}

body.coverview #favorites_star {
margin: 35px 0 20px;
}
}



ul.bar {
display: block;
margin: 0;
padding: 5px 0;
background-color: #fff;
border-top: 1px solid #222;
border-bottom: 5px solid #e5e5e5;
position: relative;
text-align: center;
}

body.coverview ul.bar {
padding: 5px 0 5px 320px;
}



@media screen and (max-width: 640px) {
body.coverview ul.bar {
padding: 5px 0;
}
}


ul.bar li {
display: inline;
list-style: none;
margin: 0;
padding: 0 3px 0 0;
border-right: 1px solid #e5e5e5;
}

ul.bar li.followbox {
padding: 0;
border-right: none;
}

ul.bar li &gt; a, ul.bar li &gt; a:link, ul.bar li &gt; a:visited {
display: inline-block;
color: #aaa;
cursor: pointer;
font-size: 12px;
font-weight: 300;
margin: 0;
padding: 7px 7px 6px;
border-radius: 3px;transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;}

ul.bar li &gt; a:hover {
color: #444;
background-color: #eaeaea;
}

ul.bar li &gt; a &gt; strong {
font-weight: 700;
}

ul.bar li &gt; a &gt; img {
border: 0 none;
float: left;
margin: -2px 7px 0 0;
opacity: 0.6;padding: 0;
border-radius: 3px;transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;}


ul.bar li.premium &gt; a {
background-color: #d4af37;
color: #fff;
font-weight: 700;
background-image: linear-gradient(0deg, rgba(212, 175, 55, 1), rgba(228, 207, 135, 1));text-shadow: 0 2px 2px rgba(0,0,0,0.4);
}

ul.bar li.classic &gt; a {
background-color: #ccc;
color: #fff;
font-weight: 700;
background-image: linear-gradient(0deg, rgba(204, 204, 204, 1), rgba(230, 230, 230, 1));text-shadow: 0 2px 2px rgba(0,0,0,0.4);
}

.space {
width: 100%;
height: 30px;
}




@keyframes confetti-down {
0% {
top: 0;
transform: rotate(0deg) rotateY(-90deg);opacity: 1;}

70% {
top: 400px;
transform: rotate(360deg) rotateY(180deg);opacity: 1;}

100% {
top: 600px;
transform: rotate(180deg) rotateY(270deg);opacity: 0;}
}

@keyframes confetti-downTwo {
0% {
top: 0;
transform: rotate(0deg) rotateY(90deg);opacity: 1;}

75% {
top: 400px;
transform: rotate(-360deg) rotateY(-180deg);opacity: 1;}

100% {
top: 600px;
transform: rotate(-180deg) rotateY(-270deg);opacity: 0;}
}

.birthday &gt; .confetti {
position: fixed;
display: block;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 0;
z-index: 2;
}

.birthday &gt; .confetti &gt; div {
position: absolute;
width: 10px;
height: 25px;
top: 0;
}

.birthday &gt; .confetti &gt; .c1 {
background-color: #204a87;
animation: confetti-down 2.5s linear infinite;
left: 66%;
}

.birthday &gt; .confetti &gt; .c2 {
background-color: #5c3566;
animation: confetti-down 2.3s linear infinite .2s;
left: 95%;
}

.birthday &gt; .confetti &gt; .c3 {
background-color: #a40000;
animation: confetti-down 2.4s linear infinite .4s;
left: 80%;
}

.birthday &gt; .confetti &gt; .c4 {
background-color: #2e3436;
animation: confetti-down 2.7s linear infinite .1s;
left: 60%;
}

.birthday &gt; .confetti &gt; .c5 {
background-color: #edd400;
animation: confetti-down 2.6s linear infinite .7s;
left: 3%;
}

.birthday &gt; .confetti &gt; .c6 {
background-color: #f57900;
animation: confetti-downTwo 2.4s linear infinite .2s;
left: 26%;
}

.birthday &gt; .confetti &gt; .c7 {
background-color: #c17d11;
animation: confetti-downTwo 2.1s linear infinite .7s;
left: 53%;
}

.birthday &gt; .confetti &gt; .c8 {
background-color: #73d216;
animation: confetti-downTwo 2.4s linear infinite .9s;
left: 40%;
}

.birthday &gt; .confetti &gt; .c9 {
background-color: #3465a4;
animation: confetti-downTwo 2.9s linear infinite .9s;
left: 33%;
}

.birthday &gt; .confetti &gt; .c10 {
background-color: #75507b;
animation: confetti-downTwo 2.2s linear infinite 1.1s;
left: 83%;
}

.birthday &gt; .confetti &gt; .c11 {
background-color: #cc0000;
animation: confetti-down 2.5s linear infinite .1s;
left: 23%;
}

.birthday &gt; .confetti &gt; .c12 {
background-color: #555753;
animation: confetti-down 2.3s linear infinite .3s;
left: 10%;
}

.birthday &gt; .confetti &gt; .c13 {
background-color: #fce94f;
animation: confetti-down 2.4s linear infinite .4s;
left: 90%;
}

.birthday &gt; .confetti &gt; .c14 {
background-color: #fcaf3e;
animation: confetti-down 2.7s linear infinite .2s;
left: 80%;
}

.birthday &gt; .confetti &gt; .c15 {
background-color: #e9b96e;
animation: confetti-down 2.6s linear infinite .8s;
left: 20%;
}

.birthday &gt; .confetti &gt; .c16 {
background-color: #8ae234;
animation: confetti-downTwo 2.4s linear infinite .5s;
left: 5%;
}

.birthday &gt; .confetti &gt; .c17 {
background-color: #729fcf;
animation: confetti-downTwo 2.1s linear infinite .7s;
left: 35%;
}

.birthday &gt; .confetti &gt; .c18 {
background-color: #ad7fa8;
animation: confetti-downTwo 2.4s linear infinite .9s;
left: 60%;
}

.birthday &gt; .confetti &gt; .c19 {
background-color: #ef2929;
animation: confetti-downTwo 2.9s linear infinite .6s;
left: 15%;
}

.birthday &gt; .confetti &gt; .c20 {
background-color: #888a85;
animation: confetti-downTwo 2.2s linear infinite 1s;
left: 65%;
}

.birthday &gt; .confetti &gt; .c21 {
background-color: #4e9a06;
animation: confetti-down 1.5s linear infinite 1.1s;
left: 25%;
}

.birthday &gt; .confetti &gt; .c22 {
background-color: #8f5902;
animation: confetti-down 1.3s linear infinite 1.3s;
left: 15%;
}

.birthday &gt; .confetti &gt; .c23 {
background-color: #ce5c00;
animation: confetti-down 1.4s linear infinite 1.4s;
left: 75%;
}

.birthday &gt; .confetti &gt; .c24 {
background-color: #c4a000;
animation: confetti-down 1.7s linear infinite 1.2s;
left: 55%;
}

.birthday &gt; .confetti &gt; .c25 {
background-color: #e9b96e;
animation: confetti-down 1.9s linear infinite 1.8s;
left: 12%;
}



.banner, .bannerbox {
display: block;
margin: 0;
padding: 0;
}

.banner &gt; div {
display: block;
margin: 75px auto 25px;
padding: 0;
max-width: 1200px;
}

.banner &gt; div &gt; div {
position: relative;
display: block;
margin: 0 20px;
padding: 0;
height: 180px;
border-radius: 20px;box-shadow: 0 2px 2px 2px rgba(0,0,0,0.3);overflow: hidden;
}

.banner &gt; div &gt; div &gt; div.bbkg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #000;
}

.banner &gt; div &gt; div &gt; div.bbkg &gt; img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.3);filter: blur(25px);opacity: 0.1;transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);}
.banner:hover &gt; div &gt; div &gt; div.bbkg &gt; img {
opacity: 0.2;transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);}

.banner &gt; div &gt; div &gt; div.bbox {
position: relative;
display: block;
margin: 0;
padding: 0 35px;
height: 100%;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div {
display: flex;
margin: 0;
padding: 0;
height: 100%;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div {
display: inline-flex;
margin: 0;
padding: 0;
flex-grow: 1;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div:first-child, .banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div:last-child {
width: auto;
flex-grow: 0;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle {
display: table;
width: 100%;
height: 100%;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div {
display: table-cell;
vertical-align: middle;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; a.bavatar {
display: inline-block;
margin: 0;
padding: 0;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; a.bavatar &gt; b {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 120px;
height: 120px;
border-radius: 50%;border: 5px solid #a40000;
overflow: hidden;
box-shadow: 0 0 3px 3px #000;}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; a.bavatar &gt; b:after {
position: absolute;
top: -100%;
left: -100%;
content: "";
width: 100%;
height: 300%;
opacity: 0.35;transform: rotate(30deg);background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));animation: bbavatar 10s infinite linear;
}

@keyframes bbavatar {
0% {
left: -100%;
}
30% {
left: 200%;
}
100% {
left: 200%;
}
}


.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; a.bavatar &gt; b &gt; img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; h4 {
display: block;
margin: 0;
padding: 0 50px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
color: #fff;
text-shadow: 0 0 3px #000;
text-align: center;
cursor: default;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; h4 &gt; strong {
padding: 0 2px;
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; p {
display: block;
margin: 0;
padding: 10px 50px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 135%;
color: rgba(255,255,255,0.65);
text-align: center;
cursor: default;
}
.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; .followbox {
position: relative;
z-index: 0;
display: block;
margin: 0;
padding: 0;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; .followbox &gt; .follow &gt; p {
background-color: #a40000;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; .followbox &gt; .follow.inactive &gt; p {
background-color: #3f0000;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; .followbox &gt; .follow &gt; p &gt; span {
background-color: #cc0000;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; .followbox &gt; .follow.inactive &gt; p &gt; span {
background-color: #a40000;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; .followbox &gt; .follow &gt; p &gt; span &gt; b {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
margin-top: 5px;
}

.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; .followbox &gt; .follow &gt; p &gt; span &gt; i &gt; svg {
width: 23px;
}


@media screen and (max-width: 1000px) {
.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div:first-child {
display: none;
}
}
@media screen and (max-width: 750px) {
.banner &gt; div &gt; div {
padding: 20px 0;
min-height: 180px;
height: unset;
}
.banner &gt; div &gt; div &gt; div.bbox &gt; div {
display: block;
}
.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div:last-child {
display: block;
margin: 12px 0 0;
text-align: center;
}
.banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; h4, .banner &gt; div &gt; div &gt; div.bbox &gt; div &gt; div &gt; .middle &gt; div &gt; p {
padding-left: 0;
padding-right: 0;
}
}



.bannerbox &gt; div {
display: block;
margin: 0 auto 50px;
padding: 0;
max-width: 1200px;
}
.bannerbox &gt; div &gt; .gridbox {
margin: 0 20px;
width: unset;
text-align: center;
}

.bannerbox &gt; div &gt; .gridbox li {
border: 2px solid #a40000;
border-radius: 9px;overflow: hidden;
transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);}

.bannerbox &gt; div &gt; .gridbox.square li:hover {
border-color: #cc0000;
transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);}



@media screen and (max-width: 750px) {
.bannerbox &gt; div &gt; .gridbox {
margin: 0;
}
.bannerbox &gt; div &gt; .gridbox li {
margin-left: 4px;
margin-right: 4px;
}
}






/*
@rev:		+ stories | 2.5.0.0 | 2025-05-02 18:17:22 | b8145201e03257c73e1f88436a211395 | (current)
		+ stories | 2.2.0.0 | 2024-12-28 23:37:26 | 74a51647b20e7e675dfe407e34d42ae2 |
		+ stories | 2.1.0.1 | 2023-02-16 23:18:09 | f4aaed6696134eb5702987787f8101d2 |
		+ stories | 2.1.0.0 | 2022-11-14 23:46:49 | e45910e49ee43fc3085670bfaedcfedc |
		+ stories | 2.0.1.1 | 2022-08-09 11:18:22 | 2c9bbe080726ec89417b7e1ece9d17a9 |
		+ stories | 2.0.1.0 | 2022-07-05 23:55:41 | b8685b36bff8fb668c9ec5f25ffedf26 |
		+ stories | 2.0.0.1 | 2022-03-29 13:42:32 | e6b5300b85068f62870e453da4e4061d |
		+ stories | 2.0.0.0 | 2022-01-06 01:08:29 | 571b27409f3175f05aba272140111484 |
		+ stories | 1.0.0.4 | 2021-12-30 22:12:20 | 6d43451d91cf72802d630d2b6f03fdae |
		+ stories | 1.0.0.3 | 2021-10-06 19:45:43 | 89d2658ca498c9e198b142ec8792f884 |
		+ stories | 1.0.0.2 | 2021-10-04 12:02:11 | 7cb726b5fb2b81c9bb1e7e525eb2b32b |
		+ stories | 1.0.0.1 | 2021-10-04 00:17:54 | b2af468e0ea721aaa742c76ab6d15ab3 |
		+ stories | 1.0.0.0 | 2021-10-03 22:57:34 | 58d3d4d081cb387f2ce6d14fbb26c1d1 |
*/

.storiesblock {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100px;
position: relative;
background-color: #efefef;
}

.storiesblock &gt; a {
position: absolute;
top: 0;
bottom: 0;
display: table;
margin: 0;
padding: 0;
width: 25px;
height: 100%;
text-align: center;
background-color: #ccc;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
color: #666;
transition: all 0.35s;}

.storiesblock &gt; a.prev {
left: 0;
}

.storiesblock &gt; a.next {
right: 0;
}

.storiesblock &gt; a:hover {
background-color: #aaa;
color: #000;
transition: all 0.35s;}

.storiesblock &gt; a.disable, .storiesblock &gt; a.disable:hover {
background-color: #efefef;
color: #cfcfcf;
}

.storiesblock &gt; a &gt; span {
display: table-cell;
vertical-align: middle;
}

.stories {
position: absolute;
top: 0;
left: 25px;
right: 25px;
display: block;
margin: 0;
padding: 10px 0;
white-space: nowrap;
overflow: hidden;
z-index: 1;
text-align: center;
}

.stories &gt; a {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 3px;
cursor: pointer;

opacity: 0;transform: scale(0);}

.stories &gt; a.s-birthday {
background: #ad7fa8;
border-radius: 5px;transition: all 0.35s;}

.stories &gt; a.s-birthday:hover {
background: #c19fbd;
}

.stories &gt; a.s-birthday.inactive {
background: #5c3566;
}

.stories &gt; a.loaded {
/*
opacity: 1;transition: all 0.5s;transform: scale(1);*/
animation: stories-loaded 0.35s normal forwards linear;
}

@keyframes stories-loaded {
0% {
opacity: 0;transform: scale(0);}

100% {
opacity: 1;transform: scale(1);}
}

.stories &gt; a &gt; i {
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
}

.stories &gt; a &gt; i &gt; span {
display: block;
margin: 0 0 10px 0;
padding: 4px 6px 5px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 9px;
font-weight: 500;
font-style: normal;
color: #fff;
background-color: #a40000;
background: linear-gradient(#cc0000, #a40000);border-radius: 5px;line-height: 100%;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 0 3px rgba(0,0,0,0.8);transition: all 0.35s;}

.stories &gt; a.inactive &gt; i &gt; span {
color: rgba(255,255,255,0.5);
background-color: #3d0000;
background: linear-gradient(#660000, #3d0000);}

.stories &gt; a:hover &gt; i &gt; span {
transition: all 0.35s;}

.stories &gt; a.inactive:hover &gt; i &gt; span {
color: #fff;
background-color: #a40000;
background: linear-gradient(#cc0000, #a40000);}

.stories &gt; a &gt; p {
position: relative;
display: block;
margin: 0;
padding: 3px;
background-color: #556A7D;
overflow: hidden;
border-radius: 50%;transition: all 0.35s;transform: translateZ(0);}

.stories &gt; a:hover &gt; p {
transition: all 0.35s;background-color: #9CADBB;
}

.stories &gt; a.inactive &gt; p {
background-color: #b9c5cf;
}

.stories &gt; a.inactive:hover &gt; p {
background-color: #556A7D;
}

.stories &gt; a.active &gt; p {
background-color: #d6a64d;
}

.stories &gt; a.active:hover &gt; p {
background-color: #e0bb76;
}

.stories &gt; a.active.inactive &gt; p {
background-color: #705219;
}


.stories &gt; a.s-birthday &gt; p {
background-color: #75507b;
}

.stories &gt; a.s-birthday:hover &gt; p {
background-color: #93659a;
}

.stories &gt; a.s-birthday.active &gt; p {
background-color: #75507b;
}

.stories &gt; a.s-birthday.inactive &gt; p {
background-color: #75507b;
}




.stories &gt; a.s-schedule &gt; p {
background-color: #a40000;
}

.stories &gt; a.s-schedule:hover &gt; p {
background-color: #cc0000;
}

.stories &gt; a.s-schedule.active &gt; p {
background-color: #a40000;
}

.stories &gt; a.s-schedule.inactive &gt; p {
background-color: rgba(164, 0, 0, 0.35);
}


.stories &gt; a.active &gt; p:before {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: "";
background-color: #e0bb76;
animation: stories-pulse 1s infinite forwards linear;
}

@keyframes stories-pulse {
0% {
opacity: 0;}

50% {
opacity: 1;}

100% {
opacity: 0;}
}

.stories &gt; a &gt; p::after {
position: absolute;
top: -200%;
left: 18%;
content: "";
width: 70%;
height: 500%;
opacity: 0.7;z-index: 1;
animation: none;
background: transparent;
}

.stories &gt; a.new &gt; p::after {
background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));animation: stories-rotate 1.5s infinite forwards linear;
}

@keyframes stories-rotate {
0% {
transform: rotate(0deg);}

50% {
transform: rotate(180deg);}

100% {
transform: rotate(360deg);}
}

.stories &gt; a &gt; p &gt; b {
position: relative;
display: block;
margin: 0;
padding: 4px;
background-color: #fff;
z-index: 2;
line-height: 100%;
transition: all 0.5s;border-radius: 50%;}

.stories &gt; a &gt; p &gt; b &gt; span {
position: relative;
display: block;
margin: 0;
padding: 0;
line-height: 100%;
transition: all 0.5s;overflow: hidden;
width: 64px;
height: 64px;
border-radius: 50%;transform: translateZ(0);}

.stories &gt; a &gt; p &gt; b &gt; span::after {
position: absolute;
top: -50%;
left: -100%;
content: "";
width: 50%;
height: 200%;
opacity: 0.2;transform: rotate(35deg);transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);background-color: rgba(255, 255, 255, 0.4);
background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));z-index: 1;
}

.stories &gt; a &gt; p &gt; b &gt; span:hover::after {
left: 200%;
opacity: 0.4;transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);}

.stories &gt; a &gt; p &gt; b &gt; span &gt; img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.stories &gt; a.membersonly &gt; p &gt; b &gt; span &gt; img {
filter: blur(5px);transform: scale(1.5);}

.stories &gt; a.inactive &gt; p &gt; b &gt; span &gt; img {
opacity: 0.4;transition: all 0.35s;}

.stories &gt; a.inactive:hover &gt; p &gt; b &gt; span &gt; img {
opacity: 1;transition: all 0.35s;}

.stories-preview {
display: none;
position: fixed;
top: 80px;
left: 0;
right: 0;
bottom: 35px;
z-index: 10;
}

body.hfixed .stories-preview {
top: 45px;
}


.sty-overview .stories-preview {
top: 0;
left: 327px;
right: 0;
bottom: 0;
}


@media screen and (max-width: 649px) {
.sty-overview .stories-preview {
top: 35px;
left: 0;
}
}



.stories-preview.show {
display: block;
}

.stories-preview &gt; b {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
cursor: pointer;
}

.stories-preview &gt; i {
position: absolute;
top: 0;
right: 0;
font-style: normal;
z-index: 5;
}

.sty-overview .stories-preview &gt; i {
top: 50px;
}

@media screen and (max-width: 649px) {
.sty-overview .stories-preview &gt; i {
top: 5px;
right: -25px;
}
}



.stories-preview &gt; i &gt; span {
display: inline-block;
margin: 10px 35px 0 0;
padding: 7px 15px 12px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
color: #000;
background-color: #fff;
border-radius: 50%;line-height: 100%;
opacity: 0.5;cursor: pointer;
}

.stories-preview &gt; i &gt; span:hover {
opacity: 1;}

.stories-preview &gt; div {
position: absolute;
top: 20px;
left: 50px;
right: 50px;
bottom: 20px;
display: block;
margin: 0;
padding: 0;
white-space: nowrap;
overflow: hidden;
}

.stories-preview &gt; div &gt; .frame {
display: block;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.stories-preview &gt; div &gt; .frame &gt; div {
position: relative;
display: inline-block;
width: 15%;
height: 100%;
margin: 0;
padding: 0;
}

.stories-preview &gt; div &gt; .frame &gt; div.show {
width: 40%;
}

.stories-preview &gt; div &gt; .frame &gt; div.hide {
display: none;
}


@media screen and (max-width: 1049px) {
.stories-preview &gt; div &gt; .frame &gt; div {
width: 20%;
}

.stories-preview &gt; div &gt; .frame &gt; div.show {
width: 60%;
}
}

@media screen and (max-width: 649px) {
.stories-preview &gt; div {
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}

.stories-preview &gt; div &gt; .frame &gt; div {
display: none;
width: 20%;
}

.stories-preview &gt; div &gt; .frame &gt; div.show {
display: inline-block;
width: 100%;
}
}




.stories-preview &gt; div &gt; .frame &gt; div &gt; a {
position: absolute;
top: 0;
bottom: 0;
display: none;
width: 50px;
height: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div.show &gt; a {
display: table;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; a.arrow-left {
left: 0;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; a.arrow-right {
right: 0;
text-align: right;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; a &gt; span {
display: table-cell;
vertical-align: middle;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; a &gt; span &gt; b {
display: inline-block;
margin: 0;
padding: 3px 12px 9px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
color: #000;
background-color: #fff;
border-radius: 50%;line-height: 100%;
opacity: 0.5;}

.stories-preview &gt; div &gt; .frame &gt; div &gt; a &gt; span:hover &gt; b {
opacity: 1;}

.stories-preview &gt; div &gt; .frame &gt; div.s-birthday &gt; a &gt; span &gt; b {
background-color: #ad7fa8;
color: #fff;
opacity: 1;}

.stories-preview &gt; div &gt; .frame &gt; div.s-birthday &gt; a &gt; span:hover &gt; b {
background-color: #c19fbd;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div {
display: block;
position: absolute;
left: 10px;
right: 10px;
height: 100%;
border-radius: 12px;overflow: hidden;
}

.stories-preview &gt; div &gt; .frame &gt; div.show &gt; div {
left: 50px;
right: 50px;
}

.stories-preview &gt; div &gt; .frame &gt; div.s-birthday.show &gt; div {
background-color: #ad7fa8;
}

.stories-preview &gt; div &gt; .frame &gt; div.s-birthday.show &gt; div::after {
position: absolute;
top: -100%;
left: -200%;
content: "";
width: 100%;
height: 300%;
opacity: 0.4;transform: rotate(30deg);animation: stories-shine 4s infinite forwards linear;
background-color: rgba(255, 255, 255, 0.4);
background: linear-gradient(270deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));z-index: 0;
}

@keyframes stories-shine {
0% {
left: -200%;
}

100% {
left: 300%;
}
}



@media screen and (max-width: 649px) {
.stories-preview &gt; div &gt; .frame &gt; div.show &gt; div {
left: 40px;
right: 40px;
}
}


.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; img {
display: none;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(35px);transform: scale(2);}

.stories-preview &gt; div &gt; .frame &gt; div.show &gt; div &gt; img {
display: block;
}

.stories-preview &gt; div &gt; .frame &gt; div.s-birthday.show &gt; div &gt; img {
display: none;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic {
display: block;
margin: 0;
padding: 0;
width: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .pic {
display: table;
height: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div.show &gt; div &gt; .pic {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 15px;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div {
border-radius: 12px;overflow: hidden;
}

.stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .pic &gt; div {
display: table-cell;
vertical-align: middle;
}

.stories-preview &gt; div &gt; .frame &gt; div.show &gt; div &gt; .pic &gt; div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
display: block;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale {
margin: 0;
padding: 0;
width: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .pic &gt; div &gt; .imgscale {
height: 35%;
opacity: 0.2;}

.stories-preview &gt; div &gt; .frame &gt; div.show &gt; div &gt; .pic &gt; div &gt; .imgscale {
height: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale.portrait {
display: block;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale.landscape {
display: table;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale &gt; div {
width: 100%;
height: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale.portrait &gt; div {
display: block;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale.landscape &gt; div {
display: table-cell;
vertical-align: middle;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale &gt; div &gt; .sview {
display: block;
margin: 0 auto;
padding: 0;
text-align: center;
width: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale.portrait &gt; div &gt; .sview {
height: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale &gt; div &gt; .sview &gt; img, .stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale &gt; div &gt; .sview &gt; video {
display: inline-block;
width: auto;
height: 100%;
object-fit: contain;
border-radius: 12px;}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale.portrait &gt; div &gt; .sview &gt; img, .stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale.portrait &gt; div &gt; .sview &gt; video {
width: auto;
height: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale.landscape &gt; div &gt; .sview &gt; img, .stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale.landscape &gt; div &gt; .sview &gt; video {
width: 100%;
height: auto;
}

.stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .pic &gt; div &gt; .imgscale.portrait &gt; div &gt; .sview &gt; img, .stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .pic &gt; div &gt; .imgscale.portrait &gt; div &gt; .sview &gt; video, .stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .pic &gt; div &gt; .imgscale.landscape &gt; div &gt; .sview &gt; img, .stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .pic &gt; div &gt; .imgscale.landscape &gt; div &gt; .sview &gt; video {
width: 100%;
height: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .pic &gt; div &gt; .imgscale &gt; div &gt; .sview.svideo.loaded &gt; img {
display: none;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: table;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div.show &gt; div &gt; .bar {
display: block;
height: 70px;
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));}

.stories-preview &gt; div &gt; .frame &gt; div.show &gt; div &gt; .bar &gt; .infosbox {
display: block;
margin: 7px 15px 3px;
padding: 0;
height: 40px;
}

.stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .bar &gt; .infosbox {
display: table-cell;
vertical-align: middle;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .infosbox &gt; .avatar {
display: inline-block;
margin: 0 20px;
padding: 0;
}

.stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .bar &gt; .infosbox &gt; .avatar {
display: block;
margin: 0;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a, .stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a:link, .stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a:visited {
display: table;
text-decoration: none;
}

.stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a, .stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a:link, .stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a:visited {
display: block;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a &gt; b {
border-radius: 50%;overflow: hidden;
width: 32px;
height: 32px;
display: block;
border: 2px solid #fff;
}

.stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a &gt; b {
width: 56px;
height: 56px;
margin: 0 auto;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a &gt; b &gt; img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a &gt; span {
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 700;
color: #fff;
}

.stories-preview &gt; div &gt; .frame &gt; div:not(.show) &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a &gt; span {
display: none;
padding: 7px 0 0;
font-weight: 500;
text-align: center;
}

.stories-preview &gt; div &gt; .frame &gt; div.show &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a &gt; span {
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
display: table-cell;
vertical-align: middle;
padding: 0 0 0 10px;
}

.stories-preview &gt; div &gt; .frame &gt; div.s-birthday.show &gt; div &gt; .bar &gt; .infosbox &gt; .avatar &gt; a &gt; span {
font-family: 'Happy Birthday', Tahoma, Verdana, Arial, sans-serif;
font-size: 25px;
font-weight: 500;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .processbox {
display: none;
margin: 0 15px 10px;
padding: 0;
height: 10px;
}

.stories-preview &gt; div &gt; .frame &gt; div.show &gt; div &gt; .bar &gt; .processbox {
display: block;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .processbox &gt; .process {
display: table;
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .processbox &gt; .process &gt; div {
position: relative;
display: table-cell;
margin: 0;
padding: 0;
height: 100%;
}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .processbox &gt; .process &gt; div &gt; .step {
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 0;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
border-radius: 5px;}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .processbox &gt; .process &gt; div &gt; .step &gt; div {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.15);
transition: all 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955);}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .processbox &gt; .process &gt; div.show &gt; .step &gt; div {
background-color: rgba(0,0,0,0.25);
transition: all 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955);}

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .processbox &gt; .process &gt; div &gt; .step &gt; div &gt; b {
position: absolute;
top: 0;
display: block;
margin: 0;
padding: 0;
border-radius: 5px;width: 0%;
height: 100%;
background-color: rgba(255,255,255,0.85);
z-index: 1;
}

/*
.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .processbox &gt; .process &gt; div.show &gt; .step &gt; div &gt; b {
animation: stories-process 10s normal forwards linear;
}
*/

.stories-preview &gt; div &gt; .frame &gt; div &gt; div &gt; .bar &gt; .processbox &gt; .process &gt; div.done &gt; .step &gt; div &gt; b {
width: 100%;
background-color: rgba(255,255,255,0.35);
}

@keyframes stories-process {
0% {
width: 0%;
}

100% {
width: 100%;
}
}



/*
@rev:		+ color.definitions | 1.2.0.2 | 2023-10-20 15:12:16 | 9e6ce2649f1c3ad783c348638ac3c3bc | (current)
		+ color.definitions | 1.2.0.1 | 2023-10-20 15:04:27 | 7a6d0de8b98073f11f5bd5e9115c8265 |
		+ color.definitions | 1.2.0.0 | 2023-02-13 22:23:12 | b62ba2282c574fbf41c66053340c3046 |
		+ color.definitions | 1.1.0.1 | 2020-11-20 21:18:17 | e0981af9eaedb4331922bd30f8faa187 |
		+ color.definitions | 1.1.0.0 | 2020-11-20 21:17:55 | e0981af9eaedb4331922bd30f8faa187 |
		+ color.definitions | 1.0.1.1 | 2019-02-05 16:16:48 | 0b71d112042cf273aa94eadeca0d708e |
		+ color.definitions | 1.0.1.0 | 2019-02-05 16:16:40 | 0b71d112042cf273aa94eadeca0d708e |
		+ color.definitions | 1.0.0.6 | 2018-01-11 15:45:39 | 231de60c8b6ff9d9d648dec71d36a4dc |
		+ color.definitions | 1.0.0.5 | 2017-01-27 11:32:56 | d4ef57c9ffb34510694f6a07591fed4d |
		+ color.definitions | 1.0.0.4 | 2016-06-30 11:58:54 | af9ed30bea1fd16824618574da7339b3 |
		+ color.definitions | 1.0.0.3 | 2016-05-04 17:09:45 | 5618ef3d492326687aaaaba8176b7d48 |
		+ color.definitions | 1.0.0.2 | 2016-04-14 17:22:26 | 078011d3ef9188e714c220eae75b2671 |
		+ color.definitions | 1.0.0.1 | 2016-04-14 17:08:39 | b9d2b1cb3ae04cdbd4db4a4878abc2b9 |
		+ color.definitions | 1.0.0.0 | 2016-04-14 15:12:16 | ca892f4de49ff47824e1ea12d6080443 |
*/


/* ------------- [COLOR=digitalminds] ---------------
dark = #33404F
middle = #556A7D
light = #9CADBB
darker (light 18%) = #242d38

gold = #d6a64d
gold on white backgrounds = #c7a000
*/

/* ------------- [BLOG=orange] ---------------
dark = #ce5c00
middle = #f57900
light = #fcaf3e
very light = #FDC97E
very light / 40%trans = #FEE9CB
*/


header .hblock &gt; ul &gt; li.c-blog &gt; a:hover,
header .hblock &gt; ul &gt; li.c-blog &gt; a:focus,
header .hblock &gt; ul &gt; li.c-blog:hover &gt; a,
header .hblock &gt; ul &gt; li.c-blog:focus &gt; a,
header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li:hover &gt; a &gt; p &gt; b,
header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li:focus &gt; a &gt; p &gt; b,
.timeline &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; span.c-blog {
color: #ce5c00;
}

header .hblock &gt; ul &gt; li.c-blog &gt; a:active,
header .hblock &gt; ul &gt; li.c-blog:active &gt; a,
header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li:active &gt; a &gt; p &gt; b,
header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li.selected &gt; a &gt; p &gt; b {
color: #994500;
}

header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li &gt; a:hover &gt; svg,
header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li.selected &gt; a &gt; svg,
header .hblock .suggestion-more &gt; ul &gt; li &gt; a:hover &gt; svg {
fill: #ce5c00;
}

header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li &gt; a:active &gt; svg {
fill: #994500;
}


header .hblock &gt; ul &gt; li.c-blog.selected {
border-color: #f57900;
}

header .hblock &gt; ul &gt; li.c-blog.selected:active {
border-color: #c26100;
}

header .hblock &gt; ul &gt; li.c-blog.selected &gt; a,
header .hblock &gt; ul &gt; li.c-blog.selected &gt; a:visited,
header .hblock &gt; ul &gt; li.c-blog.selected &gt; a:link,
header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li:hover a,
header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li:hover &gt; a &gt; p &gt; i,
header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li:focus &gt; a &gt; p &gt; i,
header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li.selected a {
color: #f57900;
}

header .hblock &gt; ul &gt; li.c-blog.selected:active &gt; a,
header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li:active a,
header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li.selected:active a {
color: #c26100;
}

body div.blog.c-blog,
.timeline &gt; li &gt; .panel &gt; .pbox.c-blog,
header .hblock &gt; ul &gt; li.c-blog.selected &gt; ul {
border-top-color: #f57900;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-blog &gt; .badge {
background-color: #f57900;
}

header .hblock &gt; ul &gt; li.c-blog:hover &gt; ul {
border-top-color: #f57900;
}

header .hblock &gt; ul &gt; li.c-blog:hover, .lookbook &gt; li.label &gt; a,
.lookbook &gt; li.label &gt; a:link, .lookbook &gt; li.label &gt; a:visited {
border-bottom-color: #f57900;
}


.timeline &gt; li &gt; .panel:hover &gt; .pbox.c-blog {
border-top-color: #fcaf3e;
}

.timeline &gt; li &gt; .panel:hover &gt; .pbox.c-blog &gt; .badge {
background-color: #fcaf3e;
}



header .hblock &gt; ul &gt; li.c-blog.selected,
.timeline &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; span.c-blog {
background-color: #FDC97E;
}

header .hblock &gt; ul &gt; li.c-blog.selected:active {
background-color: #fcb24a;
}


header .hblock &gt; ul &gt; li.c-blog &gt; ul {
border-top-color: #FDC97E;
}

header .hblock &gt; ul &gt; li.c-blog {
border-bottom-color: #FDC97E;
}

header .hblock &gt; ul &gt; li.c-blog:hover, header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li:hover, header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li.selected:hover {
background-color: #FDC97E;
border-color: #FDC97E;
}

header .hblock &gt; ul &gt; li.c-blog:active, header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li:active, header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li.selected:active {
background-color: #fcb24a;
border-color: #fcb24a;
}


header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li.selected {
background-color: #FEE9CB;
border-color: #FEE9CB;
}


/* ------------- [PORTFOLIO=sky blue] ---------------
dark = #204a87
middle = #3465a4
light = #729fcf
very light = #A0BFDF
very light / 40%trans = #D9E5F2
*/


header .hblock &gt; ul &gt; li.c-album &gt; a:hover,
header .hblock &gt; ul &gt; li.c-album &gt; a:focus,
header .hblock &gt; ul &gt; li.c-album:hover &gt; a,
header .hblock &gt; ul &gt; li.c-album:focus &gt; a,
header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li:hover &gt; a &gt; p &gt; b,
header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li:focus &gt; a &gt; p &gt; b,
.timeline &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; span.c-album,
header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li.selected &gt; a &gt; p &gt; b {
color: #204a87;
}

header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li &gt; a:hover &gt; svg,
header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li.selected &gt; a &gt; svg,
header .hblock .suggestion-more &gt; ul &gt; li &gt; a:hover &gt; svg {
fill: #16335f;
}

header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li &gt; a:active &gt; svg {
fill: #204a87;
}

header .hblock &gt; ul &gt; li.c-album:hover {
background-color: #A0BFDF;
border-bottom-color: #204a87;
}



header .hblock &gt; ul &gt; li.c-album.selected {
border-color: #3465a4;
}

header .hblock &gt; ul &gt; li.c-album.selected:active {
border-color: #1b3455;
}

header .hblock &gt; ul &gt; li.c-album.selected &gt; a,
header .hblock &gt; ul &gt; li.c-album.selected &gt; a:visited,
header .hblock &gt; ul &gt; li.c-album.selected &gt; a:link,
header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li:hover a,
header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li:hover &gt; a &gt; p &gt; i,
header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li:focus &gt; a &gt; p &gt; i,
header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li.selected a {
color: #3465a4;
}

header .hblock &gt; ul &gt; li.c-album.selected:active &gt; a,
header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li:active a,
header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li.selected:active a {
color: #1b3455;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-album,
header .hblock &gt; ul &gt; li.c-album.selected &gt; ul {
border-top-color: #3465a4;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-album &gt; .badge {
background-color: #3465a4;
}

body &gt; div.c-album {
border-top-color: #3465a4;
}

header .hblock &gt; ul &gt; li.c-album:hover &gt; ul {
border-top-color: #3465a4;
}


.timeline &gt; li &gt; .panel:hover &gt; .pbox.c-album {
border-top-color: #729fcf;
}

.timeline &gt; li &gt; .panel:hover &gt; .pbox.c-album &gt; .badge {
background-color: #729fcf;
}


header .hblock &gt; ul &gt; li.c-album.selected,
.timeline &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; span.c-album {
background-color: #A0BFDF;
}

header .hblock &gt; ul &gt; li.c-album &gt; ul {
border-top-color: #A0BFDF;
}

header .hblock &gt; ul &gt; li.c-album {
border-bottom-color: #A0BFDF;
}

header .hblock &gt; ul &gt; li.c-album.selected:active {
background-color: #79a6d2;
}

header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li:hover, header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li.selected:hover {
background-color: #A0BFDF;
border-color: #A0BFDF;
}

header .hblock &gt; ul &gt; li.c-album:active, header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li:active, header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li.selected:active {
background-color: #79a6d2;
border-color: #79a6d2;
}


header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li.selected {
background-color: #D9E5F2;
border-color: #D9E5F2;
}


/* ------------- [SCHEDULE=scarlet red] ---------------
darker = #520000
dark = #a40000
middle = #cc0000
light = #ef2929
very light = #F46F6F
very light / 40%trans = #FBC5C5
*/



header .hblock &gt; ul &gt; li.c-schedule &gt; a:hover,
header .hblock &gt; ul &gt; li.c-schedule &gt; a:focus,
header .hblock &gt; ul &gt; li.c-schedule:hover &gt; a,
header .hblock &gt; ul &gt; li.c-schedule:focus &gt; a,
header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li:hover &gt; a &gt; p &gt; b,
header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li:focus &gt; a &gt; p &gt; b,
.timeline &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; span.c-schedule {
color: #a40000;
}

header .hblock &gt; ul &gt; li.c-schedule &gt; a:active,
header .hblock &gt; ul &gt; li.c-schedule:active &gt; a,
header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li:active &gt; a &gt; p &gt; b,
header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li.selected &gt; a &gt; p &gt; b {
color: #700000;
}

header .hblock &gt; ul &gt; li.c-schedule:hover {
background-color: #F46F6F;
border-bottom-color: #a40000;
}

header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li &gt; a:hover &gt; svg,
header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li.selected &gt; a &gt; svg {
fill: #a40000;
}

header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li &gt; a:active &gt; svg {
fill: #700000;
}



header .hblock &gt; ul &gt; li.c-schedule.selected {
border-color: #cc0000;
}

header .hblock &gt; ul &gt; li.c-schedule.selected &gt; a,
header .hblock &gt; ul &gt; li.c-schedule.selected &gt; a:visited,
header .hblock &gt; ul &gt; li.c-schedule.selected &gt; a:link,
header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li:hover &gt; a &gt; p &gt; i,
header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li:focus &gt; a &gt; p &gt; i,
header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li:hover a,
header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li.selected a {
color: #cc0000;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-schedule,
header .hblock &gt; ul &gt; li.c-schedule.selected &gt; ul {
border-top-color: #cc0000;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-schedule {
border-left-color: #ff9999;
border-right-color: #ff9999;
border-bottom-color: #ff9999;
}
.timeline &gt; li &gt; .panel:hover &gt; .pbox.c-schedule {
border-top-color: #ef2929;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-schedule &gt; .buttons &gt; div.active &gt; a {
background-color: #cc0000;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-schedule &gt; .buttons &gt; div.active &gt; a:hover {
background-color: #a40000;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-schedule &gt; .badge {
background-color: #cc0000;
border-color: #ff9999;
}

.timeline &gt; li &gt; .panel:hover &gt; .pbox.c-schedule &gt; .badge {
background-color: #ef2929;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-schedule &gt; .label &gt; a {
background-color: #cc0000;
}

.timeline &gt; li &gt; .panel:hover &gt; .pbox.c-schedule &gt; .label &gt; a {
background-color: #ef2929;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-schedule::before, .timeline &gt; li &gt; .panel &gt; .pbox.c-schedule::after {
border-left-color: #ff9999;
border-right-color: #ff9999;
}

body &gt; div.c-schedule {
border-top-color: #cc0000;
}

header .hblock &gt; ul &gt; li.c-schedule:hover &gt; ul {
border-top-color: #cc0000;
}



header .hblock &gt; ul &gt; li.c-schedule.selected,
.timeline &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; span.c-schedule {
background-color: #F46F6F;
}

header .hblock &gt; ul &gt; li.c-schedule &gt; ul {
border-top-color: #F46F6F;
}

header .hblock &gt; ul &gt; li.c-schedule {
border-bottom-color: #F46F6F;
}

header .hblock &gt; ul &gt; li.c-schedule.selected:active {
background-color: #f14141;
}

header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li:hover, header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li.selected:hover {
background-color: #F46F6F;
border-color: #F46F6F;
}

header .hblock &gt; ul &gt; li.c-schedule:active, header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li:active, header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li.selected:active {
background-color: #f14141;
border-color: #f14141;
}


header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li.selected {
background-color: #FBC5C5;
border-color: #FBC5C5;
}


.schedule &gt; div &gt; cite &gt; small,
.schedule-content &gt; cite &gt; small {
background-image: linear-gradient(0deg, #ef2929, #F46F6F);}


/* ------------- [BUSINESS=golden] ---------------
darker = #43310f
dark = #85611e
middle = #a67926
light = #d5a244
very light = #e3c182
very light / 40%trans = #f4e6cd
*/

.timeline &gt; li &gt; .panel &gt; .pbox.c-business,
header .hblock &gt; ul &gt; li.c-business.selected &gt; ul {
border-top-color: #a67926;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-business {
border-left-color: #edd5ab;
border-right-color: #edd5ab;
border-bottom-color: #edd5ab;
}
.timeline &gt; li &gt; .panel:hover &gt; .pbox.c-business {
border-top-color: #d5a244;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-business &gt; .buttons &gt; div.active &gt; a {
background-color: #a67926;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-business &gt; .buttons &gt; div.active &gt; a:hover {
background-color: #85611e;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-business &gt; .badge {
background-color: #a67926;
border-color: #edd5ab;
}

.timeline &gt; li &gt; .panel:hover &gt; .pbox.c-business &gt; .badge {
background-color: #d5a244;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-business &gt; .label &gt; a {
background-color: #a67926;
}

.timeline &gt; li &gt; .panel:hover &gt; .pbox.c-business &gt; .label &gt; a {
background-color: #d5a244;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-business::before, .timeline &gt; li &gt; .panel &gt; .pbox.c-business::after {
border-left-color: #edd5ab;
border-right-color: #edd5ab;
}


header .hblock &gt; ul &gt; li.c-business.selected,
.timeline &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; span.c-business {
background-color: #e3c182;
}

/* ------------- [MAKING OF=plum] ---------------
dark = #75507b
middle = #ad7fa8
//light = #ef2929
//very light = #F46F6F
//very light / 40%trans = #FBC5C5
*/





.lookbook &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; span {
color: #75507b;
}

.lookbook ul.usercards &gt; li:hover {
border-left-color: #75507b;
}

.lookbook &gt; li.label  &gt; a,
.lookbook &gt; li.label  &gt; a:visited,
.lookbook &gt; li.label  &gt; a:link {
border-bottom-color: #75507b;
}

.lookbook ul.usercards &gt; li &gt; div.avatar &gt; img,
.lookbook &gt; li &gt; .panel &gt; .pbox &gt; .badge {
background-color: #75507b;
}


.lookbook ul.usercards &gt; li {
border-left-color: #ad7fa8;
}

.lookbook &gt; li &gt; .panel:hover &gt; .pbox &gt; .badge {
background-color: #ad7fa8;
}




/* ------------- [LIVE=golden brown] ---------------
dark = #4C2E00
middle = #996515
light = #E6B364
very light = #FFD696
very light / 40%trans = #xxx
*/


header .hblock &gt; ul &gt; li.c-live &gt; a:hover,
header .hblock &gt; ul &gt; li.c-live &gt; a:focus,
header .hblock &gt; ul &gt; li.c-live:hover &gt; a,
header .hblock &gt; ul &gt; li.c-live:focus &gt; a,
.timeline &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; span.c-live {
color: #4C2E00;
}

header .hblock &gt; ul &gt; li.c-live:hover {
background-color: #996515;
border-bottom-color: #4C2E00;
}



.live {
border-color: #996515;
}






/* ------------- [SCHEDULE=golden touch] ---------------
dark = #b5964e
middle = #d7b25d
light = #ebc366
very light = #f6cc6a
very light / 40%trans = #fcd16d
*/



/*
@rev:		+ dark | 2.2.0.1 | 2025-07-26 22:48:11 | db61f8c4a1635edbac5c3cc22f793101 | (current)
		+ dark | 2.2.0.0 | 2025-06-27 20:50:57 | 4bd4dc53c9627cb42dc6672f4d5fa5ef |
		+ dark | 2.1.0.9 | 2025-03-14 21:59:56 | fa9dfe925f3d71255a9eecdf77608702 |
		+ dark | 2.1.0.8 | 2025-03-14 16:20:34 | 579896abeb5f8ba82e8cf8faac976f0d |
		+ dark | 2.1.0.7 | 2023-09-19 11:32:09 | 4ae0363a1bf34abcc94811e0823c9639 |
		+ dark | 2.1.0.6 | 2023-08-20 02:34:31 | b7408264c3cae0ce0d5e96cfd17b6384 |
		+ dark | 2.1.0.5 | 2023-02-25 17:42:37 | a279304f707d39d0b938d52e5312c764 |
		+ dark | 2.1.0.4 | 2023-02-14 17:39:20 | b444f121d0299ac8cc4659685b1f92e2 |
		+ dark | 2.1.0.3 | 2023-01-20 01:56:07 | 40f498a15a80974e90e2df5146e4531f |
		+ dark | 2.1.0.2 | 2022-12-16 22:56:01 | 0232c745c5b3aefa46e5364f7e6ee66d |
		+ dark | 2.1.0.1 | 2022-12-16 22:48:05 | bb7bb860cd5184eae24ca1663221f2dc |
		+ dark | 2.1.0.0 | 2022-11-18 18:33:03 | 390147dc71000e9d7ec1037cdd07f0fe |
		+ dark | 2.0.0.5 | 2022-11-09 23:43:27 | 146f9a14c33745ffe1925cf23581f742 |
		+ dark | 2.0.0.4 | 2022-11-09 23:42:31 | 146f9a14c33745ffe1925cf23581f742 |
		+ dark | 2.0.0.3 | 2022-04-05 13:58:46 | 97e7d8360429dddbaca631d1a5bac0c8 |
		+ dark | 2.0.0.2 | 2022-02-01 15:41:56 | bf36fcd79149def1a27ebd6bda082963 |
		+ dark | 2.0.0.1 | 2022-02-01 13:45:05 | c58e48190dc5f8835a73f928926e1897 |
		+ dark | 2.0.0.0 | 2022-01-05 23:23:02 | c8b361c2469ba0955b5f2aa8c7530e4c |
		+ dark | 1.0.1.5 | 2022-01-05 22:08:27 | a4fd3a60b406b9522f62156e2dda01d9 |
		+ dark | 1.0.1.4 | 2021-12-26 20:53:31 | cc58c5fdea660fae84c43f978490780b |
		+ dark | 1.0.1.3 | 2021-10-24 20:42:00 | 7d62e02d0a9f67386de7e21cb1190f83 |
		+ dark | 1.0.1.2 | 2021-10-08 00:33:31 | e1fc24eaa6d9d53552984f9cfee792fe |
		+ dark | 1.0.1.1 | 2021-10-07 23:55:03 | 58b137ed61b5b506552b90e3a4249f2d |
		+ dark | 1.0.1.0 | 2021-09-23 16:49:21 | 335a7a1a81268f2e3656a75cb92059b5 |
		+ dark | 1.0.0.9 | 2021-07-30 17:32:51 | 2867845c7e3f140ff8235b2c7e2e3268 |
		+ dark | 1.0.0.8 | 2021-06-29 21:19:00 | 6e878b362e40b4a4e4041bcb1f2a4cf7 |
		+ dark | 1.0.0.7 | 2021-04-17 16:09:42 | 34fe03397a36d2d405de1f06f7719e59 |
		+ dark | 1.0.0.6 | 2021-04-16 00:47:44 | 1e4c59a7b837919873b5e2010453c116 |
		+ dark | 1.0.0.5 | 2020-06-22 12:06:22 | 67fc9dd668bedb958458f6d7a65e3257 |
		+ dark | 1.0.0.4 | 2020-06-20 14:20:45 | 9c7d2ef54c6acf9413988ffd02672352 |
		+ dark | 1.0.0.3 | 2020-06-20 14:20:45 | 9c7d2ef54c6acf9413988ffd02672352 |
		+ dark | 1.0.0.2 | 2020-06-17 11:07:11 | 7928ec9cf280d81836fd3be86fca8c2a |
		+ dark | 1.0.0.1 | 2020-06-16 13:32:47 | 640f1cb0929aa4512c31d61b853b9076 |
		+ dark | 1.0.0.0 | 2020-05-31 01:27:21 | fa69a87b829e65fff4ad877e6d9d98b6 |
*/

@media (prefers-color-scheme: dark) {

body {
background-color: #000;
}

body.loaded::after, body.unloaded::after {
background-color: #000;
}

a:link,
a:visited,
a {
color: #457cc4;
}

a:hover,
a:focus,
a:active {
color: #98b9dc;
}


::scrollbar {width: 15px;
height: 15px;
}

::scrollbar-track {background: #000;
}

::scrollbar-thumb {background: #444;
}



header {
background-color: #000;
border-bottom-color: #171717;
}

header .hblock .logo a {
border-color: #171717;
background-color: #000;
}

@media screen and (max-width:820px) {
header .hblock &gt; ul {
background-color: #000;
}
}

header .hblock &gt; ul &gt; li {
border-bottom-color: #171717;
}

header .hblock &gt; ul &gt; li.selected {
border-color: #232f39;
}

header .hblock &gt; ul &gt; li:hover {
background-color: #151d29;
border-color: #849eb3;
}

header .hblock &gt; ul &gt; li:active {
background-color: #27364f;
}


header .hblock .selected {
background-color: #151d29;
}

header .hblock .selected:hover {
background-color: #161f2d;
}

header .hblock .selected:active {
background-color: #27364f;
}

header .hblock &gt; ul &gt; li &gt; ul {
background-color: #000;
border-top-color: #849eb3;
border-left-color: #1f1f1f;
border-right-color: #1f1f1f;
border-bottom-color: #171717;
}

header .hblock .suggestion-more {
background-color: #000;
}

header .hblock &gt; ul &gt; li &gt; a, header .hblock &gt; ul &gt; li &gt; a:visited, header .hblock &gt; ul &gt; li &gt; a:link {
color: #bbb;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p &gt; b, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; p &gt; b {
color: #bbb;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li:hover {
background-color: #151d29;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li:active {
background-color: #26354a;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new {
background-color: #2f0404;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:hover {
background-color: #5e0808;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:active {
background-color: #8d0c0c;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business {
background-color: #2a1e09;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:hover {
background-color: #533d13;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:active {
background-color: #7d5b1c;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a &gt; svg {
fill: #ef2929;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:hover &gt; a &gt; svg {
fill: #f35959;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:active &gt; a &gt; svg {
fill: #f78888;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a &gt; svg {
fill: #d7a042;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:hover &gt; a &gt; svg {
fill: #e0b56c;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:active &gt; a &gt; svg {
fill: #e9ca96;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a &gt; p &gt; b {
color: #ef2929;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:hover &gt; a &gt; p &gt; b {
color: #f35959;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:active &gt; a &gt; p &gt; b {
color: #f78888;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a &gt; p &gt; b {
color: #d7a042;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:hover &gt; a &gt; p &gt; b {
color: #e0b56c;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:active &gt; a &gt; p &gt; b {
color: #e9ca96;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a &gt; p &gt; b &gt; span {
background-color: #a40000;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:hover &gt; a &gt; p &gt; b &gt; span {
background-color: #cc0000;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new:active &gt; a &gt; p &gt; b &gt; span {
background-color: #ff0000;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a &gt; p &gt; b &gt; span {
background-color: #87601d;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:hover &gt; a &gt; p &gt; b &gt; span {
background-color: #a87824;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business:active &gt; a &gt; p &gt; b &gt; span {
background-color: #d2962d;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.new &gt; a &gt; p &gt; i {
color: rgba(239, 41, 41, 0.5);
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li.business &gt; a &gt; p &gt; i {
color: rgba(215, 160, 66, 0.5);
}

header .hblock .suggestion-more &gt; ul &gt; li:hover {
background-color: #fcaf3e;
}

header .hblock .suggestion-more &gt; ul &gt; li:active {
background-color: #fdc572;
}


header .hblock &gt; ul &gt; li.c-blog &gt; ul &gt; li.selected {
background-color: #321e01;
border-color: #321e01;
}

header .hblock &gt; ul &gt; li.c-album &gt; ul &gt; li.selected {
background-color: #0d1926;
border-color: #0d1926;
}

header .hblock &gt; ul &gt; li.c-schedule &gt; ul &gt; li.selected {
background-color: #390404;
border-color: #390404;
}

header .hblock .suggestion {
border-color: #fcaf3e;
background-color: #0a0500;
}

header .hblock .suggestion:hover, header .hblock .suggestion-selected {
background-color: #fcaf3e;
border-color: #DE8703;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover &gt; p &gt; b {
color: #fff;
}

header .hblock .suggestion-more &gt; ul &gt; li &gt; a:hover &gt; p &gt; b {
color: #fff;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; p &gt; i, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; p &gt; i {
color: #666;
}

header .hblock .mobilemenu, header .hblock .logonmenu {
background-color: #000;
border-color: #171717;
}


.tohome span {
color: #bbb;
text-shadow: none;
}

header .hblock .suggestion-first, header .hblock .suggestion-first:hover {
border-left-color: #171717;
}

header .hblock .suggestion-end, header .hblock .suggestion-end:hover {
border-right-color: #171717;
}

header .hblock &gt; ul &gt; li &gt; ul &gt; li &gt; a &gt; svg, header .hblock .suggestion-more &gt; ul &gt; li &gt; a &gt; svg {
fill: #ccc;
}


header &gt; .profile {
background-color: #171717;
}

header &gt; .profile:hover {
background-color: #272727;
}



.footer {
border-top-color: #171717;
color: #bbb;
background-color: #000;
}

.footer &gt; p &gt; a, .footer &gt; p &gt; a:link, .footer &gt; p &gt; a:visited, .footer &gt; #webstream {
background-color: #171717;
color: #fff;
}
.footer &gt; #webstream.hdr.show {
background-color: #c7a000;
}

.footer &gt; p &gt; a:hover, .footer &gt; p &gt; a:focus {
background-color: #373737;
color: #fff;
}

.footer &gt; #webstream.show {
background-color: #171717;
color: #fff;
}


.cblog {
background-color: #111;
}

.blog, .article .coverfoto {
background-color: #000;
}

.blog .article, .cblog .block {
background-color: #000;
}

.article h2 a, .article h2 a:link, .article h2 a:visited {
color: #BBB;
}

.article.exclusive, .article.exclusive:hover {
background-color: #0f0900;
}

.article .bar p, .live .bar p {
border-right-color: #333;
}

.more, .more:link, .more:visited {
background-color: #171717;
color: #999;
}

.more:hover, .more:focus {
background-color: #373737;
color: #fff;
}

.more:active {
background-color: #525252;
}

.article .article-content {
color: #777;
}

.tags cite {
background-color: #000;
border-color: #444;
}

.tags a:hover, .tags a:focus {
color: #bbb;
background-color: #0d0d0d;
}

.article .coverfoto, .seperator, .article .videopreview-seperator {
background-image: none !important;
}

a.hashtag, a.hashtag:link, a.hashtag:visited, .tagcloud a {
color: #849EB3;
background-color: #263540;
}

a.hashtag::before {
border-right-color: #263540;
}

a.hashtag::after {
background-color: #000;
}

a.hashtag:hover, a.hashtag:focus {
background-color: #849EB3;
color: #fff;
}

a.hashtag:hover:before, a.hashtag:focus:before {
border-right: 8px solid #849EB3;
}

.article-list a {
border-left-color: #333;
color: #bbb;
}

.article-list a:hover, .article-list a:focus {
background-color: #171717;
border-left-color: #444;
}

.article-list.highlight h4 {
color: #999;
}

.article-list a:hover h4, .article-list a:focus h4 {
color: #bbb;
}

.article-list.recommendation {
border-top-color: #111;
}

.article-list.recommendation h3, .article-list.recommendation h4 &gt; span {
color: #999;
}

.article-content .container &gt; .translate {
background-color: #050505;
border-color: #222;
color: #666;
}

.article-content .container &gt; .vlink &gt; div {
background-color: rgba(0,0,0,0.5);
border-color: rgba(255,255,255,0.15);
}

.article-content .container &gt; .vlink &gt; div:hover {
border-color: rgba(255,255,255,0.4);
}

.article-content .container &gt; .vlink &gt; div &gt; svg {
fill: #efefef;
}

.article-content .container &gt; .vlink &gt; div:hover &gt; svg {
fill: #fff;
}

.article-content .container &gt; .vlink &gt; div &gt; span {
color: #efefef;
}

.article-content .container &gt; .vlink &gt; div:hover &gt; span {
color: #fff;
}

.block a.member:hover, .block a.member:focus {
background-color: #171717;
}

.block a.member:active {
background-color: #303030;
}

.member span {
color: #555;
}

.member:hover span {
color: #888;
}

.comments h3, .comments h3 &gt; a, .comments h3 &gt; a:link, .comments h3 &gt; a:visited, .comments h3 &gt; a:hover, .comments h3 &gt; a:focus {
color: #999;
}

.commentbox .cbox p strong {
color: #999;
}

.commentbox .cbox .field span {
color: #999;
}

.comments {
border-top-color: #111;
border-bottom-color: #111;
}

.commentbox .cblock {
background-color: #0a0a0a;
}

.commentbox .cbox .field input, .commentbox .cbox textarea, .commentbox .cbox .submit {
color: #fff;
border-color: #333;
background-color: #000;
}

.links a.img, .links a.img:hover, .links a.img:focus {
background-color: #000;
}

nav.pagination &gt; div.results, nav.pagination &gt; div &gt; span b {
background-color: #171717;
}

nav.pagination &gt; div &gt; span a, nav.pagination &gt; div &gt; span b {
border-left-color: #171717;
}

.favorite, .favorite:link, .favorite:visited, .favorite.active:hover, .favorite.active:focus {
background-color: #171717;
border-left-color: #0a0a0a;
}

.videopreview {
border-color: #272727;
}

.commentbox .cbox b {
color: #bbb;
background-color: #000;
border-color: #171717;
}

.commentbox .cbox b:hover {
color: #fff;
border-color: #272727;
}

.article h2, .block h3, .article-content .lastphotos h3, .article-content .photoline h3 {
color: #bbb;
}

.blog-header .orderbar svg {
fill: #fff;
}

.tags a, .tags a:link, .tags a:visited {
color: #888;
}

.tags .icon &gt; svg {
color: #888;
}

.thumbview &gt; h3, .thumbview &gt; h4 {
color: #555;
}

.thumbview &gt; h4 &gt; a, .thumbview &gt; h4 &gt; a:link, .thumbview &gt; h4 &gt; a:visited {
background-color: #111;
}

.thumbview &gt; h4 &gt; a:hover, .thumbview &gt; h4 &gt; a:focus {
background-color: #222;
color: #fff;
}
.ask &gt; div.preview {
background-color: #222;
color: #fff;
}
.relplan {
border-color: #222;
background-color: #000;
}

.relplan:hover {
border-color: #444;
}

.relplan &gt; .rbox &gt; .rhead &gt; .rclose {
background-color: #222;
}

.relplan &gt; .rbox &gt; .rhead &gt; .rclose:hover {
background-color: #444;
}

.relplan &gt; .rbox &gt; .rhead &gt; .rclose svg {
fill: #666;
}

.relplan &gt; .rbox &gt; .rhead &gt; .rclose:hover svg {
fill: #aaa;
}

.relplan &gt; .rbox &gt; .rhead &gt; h4 {
color: #fff;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.rplan:nth-child(even) {
background-color: #030303;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline {
background-color: #111;
}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span.up {
background: linear-gradient(0deg, rgba(215, 178, 93, 1), rgba(0,0,0,1));}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span.down {
background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rline &gt; span.updown {
background: linear-gradient(0deg, rgba(95, 0, 0, 0), rgba(95, 0, 0, 1), rgba(95, 0, 0, 0));}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule:hover &gt; .rline &gt; span.updown {
background: linear-gradient(0deg, rgba(164, 0, 0, 0), rgba(164, 0, 0, 1), rgba(164, 0, 0, 0));}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span &gt; b {
box-shadow: 0 0 3px 3px rgba(0,0,0,0.7);}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.badge {
background-color: #000;
border-color: #111;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.badge {
border-color: #333;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.badge {
border-color: #5f0000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.badge {
border-color: #a40000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.badge {
border-color: #cc0000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.badge {
border-color: #ef2929;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; .info {
background-color: #111;
border-color: #444;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry {
background-color: #333;
border-color: #666;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; strong {
color: #666;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; strong {
color: #ccc;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; strong {
color: #999;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; strong {
color: #fff;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry {
background-color: #1f0000;
border-color: #5f0000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry {
border-color: #a40000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry {
border-color: #cc0000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry {
border-color: #ef2929;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; b {
color: #5f0000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; b {
color: #a40000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; b {
color: #cc0000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; b {
color: #ef2929;
}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; strong {
color: #cc0000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; strong {
color: #ef2929;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; span {
background-color: #5f0000;
color: #ef2929;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; span {
background-color: #a40000;
}




.storiesblock {
background-color: #101010;
}

.storiesblock &gt; a {
background-color: #333;
color: #aaa;
}

.storiesblock &gt; a:hover {
background-color: #555;
color: #fff;
}

.storiesblock &gt; a.disable, .storiesblock &gt; a.disable:hover {
background-color: #111;
color: #333;
}

.stories &gt; a.inactive &gt; p {
background-color: #242d38;
}

.stories &gt; a &gt; p &gt; b {
background-color: #000;
}


.ctimeline {
background-color: #000;
}
.clookbook {
background-color: #111;
}

.timeline::before {
background-color: #272727;
}

.timeline &gt; li.filterbox &gt; div.fbox {
background-color: #171717;
border-color: #272727;
}

.timeline &gt; li.filterbox &gt; div.fbox &gt; input {
background-color: #000;
border-color: #171717;
}

.timeline &gt; li.label &gt; h2,
.timeline &gt; li.label &gt; h3,
.timeline &gt; li.label &gt; a,
.lookbook &gt; li.label &gt; h2,
.lookbook &gt; li.label &gt; h3,
.lookbook &gt; li.label &gt; a,
.lookbook &gt; li &gt; .panel &gt; .pbox {
background-color: rgba(0,0,0,0.8);
border-color: #272727;
}
.timeline &gt; li.label &gt; h2,
.timeline &gt; li.label &gt; h3,
.timeline &gt; li.label &gt; a,
.lookbook &gt; li.label &gt; h2,
.lookbook &gt; li.label &gt; h3,
.lookbook &gt; li.label &gt; a {
background-color: #000;
}

.lookbook ul.userview {
background-color: rgba(0,0,0,0.8);
}

.timeline &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; a, .lookbook &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; a, .timeline &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; a:visited, .lookbook &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; a:visited, .timeline &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; a:link, .lookbook &gt; li &gt; .panel &gt; .pbox &gt; h4 &gt; a:link {
color: #999;
}

.timeline &gt; li &gt; .panel &gt; .pbox &gt; small, .lookbook &gt; li &gt; .panel &gt; .pbox &gt; small {
background-color: rgba(10, 13, 15,0.8);
color: #717d87;
}

.lookbook &gt; li &gt; .panel &gt; .pbox::before, .lookbook &gt; li &gt; .panel &gt; .pbox::after {
border-left-color: #272727;
border-right-color: #272727;
}

.lookbook &gt; li &gt; .panel &gt; .pbox &gt; .badge, .timeline &gt; li &gt; .panel &gt; .pbox &gt; .badge {
border-color: #272727;
}

.timeline &gt; li &gt; .panel &gt; .pbox {
background-color: rgba(0,0,0,0.8);
border-color: #272727;
}

.timeline &gt; li &gt; .panel &gt; .pbox::before, .timeline &gt; li &gt; .panel &gt; .pbox::after {
border-left-color: #272727;
border-right-color: #272727;
}

.timeline &gt; li.filterbox &gt; div.fbox &gt; div.fsuggestions &gt; span, p.peoplelink &gt; a, p.peoplelink &gt; a:link, p.peoplelink &gt; a:visited {
background-color: #171717;
}

.timeline &gt; li &gt; .panel &gt; div &gt; p &gt; a.more {
background-color: #171717;
}

p.peoplelink &gt; a:hover, p.peoplelink &gt; a:focus {
background-color: #A0BFDF;
color: #204a87;
}


.parallax ,
.parallax &gt; .header {
background-color: #000;
}

.parallax &gt; .header &gt; .background &gt; .left {
background: linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0));}

.parallax &gt; .header &gt; .background &gt; .right {
background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,1));}

.parallax &gt; div.morebtn &gt; p &gt; a, .parallax &gt; div.morebtn &gt; p &gt; a:link, .parallax &gt; div.morebtn &gt; p &gt; a:visited {
background-color: #272727;
color: #aaa;
}

.parallax &gt; div.morebtn &gt; p &gt; a:hover, .parallax &gt; div.morebtn &gt; p &gt; a:focus {
background-color: #474747;
color: #fff;
}

.gridbox li .contains {
background-color: #171717;
border-top-color: #171717;
}

.gridbox li .contains div.item:hover {
background-color: #272727;
}

.gridbox li.mergebox {
border-color: #171717;
}

.gridbox li .contains a:link,.gridbox li .contains a:visited,.gridbox li .contains a:hover,.gridbox li .contains a:focus {
color: #bbb;
}

.gridbox li .contains h5 {
color: #bbb;
}

.gridbox h3 {
color: #fff;
}

ul.bar {
background-color: #171717;
border-bottom-color: #272727;
}

ul.bar li {
border-right-color: #272727;
}

ul.bar li &gt; a, ul.bar li &gt; a:link, ul.bar li &gt; a:visited {
color: #bbb;
}

ul.bar li &gt; a:hover {
color: #fff;
background-color: #272727;
}

ul.bar li.classic &gt; a {
background-color: #272727;
background-image: linear-gradient(0deg, rgba(39, 39, 39, 1), rgba(39, 39, 39, 1));}

.infobox {
background-color: #171717;
color: #999;
}

.infobox a,.infobox a:link,.infobox a:visited {
color: #999;
}

.infobox:hover a, .infobox:focus a, .infobox a:hover, .infobox a:focus {
color: #fff;
}


.mediathek {
background-color: #000;
}

.mediathek &gt; .list &gt; div &gt; a:hover {
background-color: #111;
}

.mediathek &gt; .list &gt; div &gt; a &gt; b {
color: #fff;
}


.article .bar .icon, .live .bar .icon {
background-color: #000;
}

.article-content .lastphotos div, .article-content .photoline div, .article-content .photoline &gt; a {
border-color: #171717;
}

.article-content .lastphotos div:hover,.article-content .lastphotos div:focus, .article-content .photoline div:hover,.article-content .photoline div:focus, .article-content .photoline &gt; a:hover,.article-content .photoline &gt; a:focus {
border-color: #272727;
background-color: #272727;
}

.cbookme {
background-color: #000;
}



.bookme &gt; div.frame &gt; div.inlineblock {
background-color: rgba(0,0,0,0.75);
border: 1px solid rgba(0,0,0,0.8);
}

.bookme &gt; div.frame &gt; div.inlineblock &gt; div.half &gt; p, .bookme &gt; div.frame &gt; div.inlineblock &gt; p {
color: #bbb;
}

.bookme &gt; div.frame &gt; div.inlineblock &gt; div.half &gt; p &gt; strong, .bookme &gt; div.frame &gt; div.inlineblock &gt; p &gt; strong {
color: #fff;
}

.bookme &gt; div.frame &gt; div.block &gt; div &gt; div.wrapper &gt; div.inner &gt; div.bmbox {
background-color: rgba(0,0,0,0.75);
}

.bookme &gt; div.frame &gt; div.block &gt; div &gt; div.wrapper &gt; div.inner &gt; div.bmbox &gt; span {
color: #ccc;
}

.bookme &gt; div.frame &gt; div.block &gt; div &gt; div.wrapper &gt; div.inner &gt; div.bmbox &gt; p, .bookme &gt; div.frame &gt; div.block &gt; div &gt; div.wrapper &gt; div.inner &gt; div.bmbox &gt; b {
color: #bbb;
}

.bookme &gt; div.frame &gt; div.inlineblock &gt; h1,
.bookme &gt; div.frame &gt; div.inlineblock &gt; div.half &gt; p &gt; b,
.bookme &gt; div.frame &gt; div.inlineblock &gt; div.half &gt; p &gt; a,
.bookme &gt; div.frame &gt; div.inlineblock &gt; div.half &gt; p &gt; a:visited,
.bookme &gt; div.frame &gt; div.inlineblock &gt; p &gt; a,
.bookme &gt; div.frame &gt; div.inlineblock &gt; p &gt; a:visited,
.bookme &gt; div.frame &gt; div.block &gt; div &gt; div.wrapper &gt; div.inner &gt; div.bmbox &gt; h2 &gt; a,
.bookme &gt; div.frame &gt; div.block &gt; div &gt; div.wrapper &gt; div.inner &gt; div.bmbox &gt; h2 &gt; a:visited {
color: #d6a64d;
}

.bookme &gt; div.frame &gt; div.block &gt; div &gt; div.wrapper &gt; div.inner &gt; div.bmbox &gt; a,
.bookme &gt; div.frame &gt; div.block &gt; div &gt; div.wrapper &gt; div.inner &gt; div.bmbox &gt; a:visited,
.bookme &gt; div.frame &gt; div.inlineblock &gt; div.half &gt; div &gt; a,
.bookme &gt; div.frame &gt; div.inlineblock &gt; div.half &gt; div &gt; a:visited,
.bookme &gt; div.frame &gt; div.inlineblock &gt; div.requestus &gt; a,
.bookme &gt; div.frame &gt; div.inlineblock &gt; div.requestus &gt; a:visited {
background-color: #d6a64d;
}

.bookme &gt; div.frame &gt; div.block &gt; div &gt; div.wrapper &gt; div.inner &gt; div.bmbox &gt; a:hover,
.bookme &gt; div.frame &gt; div.inlineblock &gt; div.half &gt; div &gt; a:hover,
.bookme &gt; div.frame &gt; div.inlineblock &gt; div.requestus &gt; a:hover {
background-color: #e0bb76;
}

.bookme &gt; div.frame &gt; div.inlineblock &gt; div.requestus.red &gt; a {
background-color: #cc0000;
}

.article-content blockquote {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

.bookme &gt; div.frame &gt; div.inlineblock &gt; div.ibox &gt; .ipart &gt; ul &gt; li {
color: #aaa;
}

.article-content blockquote:hover {
color: #fff;
}

.article-content blockquote b {
background: linear-gradient(90deg, #272727, #272727);}


.schedule &gt; div {
border-color: #272727;
}

.schedule &gt; div &gt; p &gt; a, .schedule &gt; div &gt; p &gt; a:hover, .schedule &gt; div &gt; p &gt; a:focus, .schedule &gt; div &gt; p &gt; a:visited {
color: #bbb;
}

.request, .reqblock {
background-color: #000;
}

#contact-form input, #contact-form textarea, #contact-form div.input, .askform textarea {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

#contact-form label {
color: #999;
}

#contact-form input:hover, #contact-form input:focus, #contact-form textarea:hover, #contact-form textarea:focus, #contact-form div.input:hover, #contact-form div.input:focus, .askform textarea:hover, .askform textarea:focus {
color: #fff;
}

#contact-form div.input b {
color: #fff;
}

#contact-form .button, .askform .button, .website.socialbutton, .website.socialbutton:visited {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

.website.socialbutton:hover {
background-color: #444;
}

.ask &gt; div {
color: #bbb;
}

.ask &gt; div:hover , .ask &gt; div &gt; p.response:hover {
background-color: #171717;
}


.slidebar .side {
background-color: rgba(0,0,0,0.5);
}


.sidebar .border {
background-color: rgba(23, 23, 23,0.85);
}

.sidebar .bar {
background-color: #000;
border-left-color: #171717;
border-right-color: #171717;
}

.sidebar .bar li {
border-bottom-color: #272727;
}

.sidebar .bar li:hover {
background-color: #171717;
}

.sidebar .bar li strong, .sidebar .bar li:hover strong {
color: #fff;
}

.sidebar .bar li p {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

.headerline {
background-color: #171717;
border-bottom-color: #272727;
}

.headerline li {
border-right-color: #272727;
}

.headerline li a:hover {
background-color: #373737;
border-bottom-color: #474747;
color: #eee;
}

.sidebar .bar li table {
background-color: #000;
}

.qrcode svg {
fill: #272727;
}

.sidebar .bar li:hover a svg {
fill: #bbb;
}

.homebox &gt; a, .homebox &gt; a:visited, .homebox &gt; a:link {
background-color: #171717;
color: #bbb;
}

.homebox &gt; a:hover {
background-color: #aaa;
color: #fff;
}

.homebox &gt; a &gt; svg {
fill: #bbb;
}

.homebox &gt; a:hover &gt; svg {
fill: #fff;
}


.reqblock &gt; .reqinfo, .reqcontactbox input, .reqcontactbox textarea {
border-color: #272727;
background-color: #171717;
color: #ccc;
}

.reqcontactbox input:hover, .reqcontactbox textarea:hover, .reqcontactbox input:focus, .reqcontactbox textarea:focus {
border-color: #3465a4;
}

.reqblock &gt; .reqhead &gt; h2 {
background-color: #272727;
color: #ddd;
}

.reqblock &gt; .reqhead &gt; hr {
border-top-color: #272727;
}

.reqcontactbox label {
color: #999;
}

.reqcontent &gt; p &gt; sub {
border-color: #272727;
}

.reqcontent &gt; p &gt; sub:hover {
border-color: #3465a4;
}

.reqcontent &gt; p &gt; sub &gt; svg {
fill: rgba(255,255,255,0.1);
}

.reqcontent &gt; p &gt; sub:hover &gt; svg {
fill: #254774;
}

.reqcontent &gt; p &gt; sub &gt; span {
background-color: #272727;
color: #fff;
}

.reqcontent &gt; p &gt; sub:hover &gt; span, .reqcontent &gt; p &gt; sub:focus &gt; span {
background-color: #3465a4;
}


.logon-box {
border-left-color: #272727;
border-bottom-color: #272727;
background-color: #171717;
color: #fff;
}

.logon-box p {
border-color: #000;
}

.members, .bookings {
background-color: #000;
}

.members &gt; div.step &gt; div.group &gt; div {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

.members &gt; div.step &gt; div.group &gt; div:hover, .members &gt; div.step &gt; div.group &gt; div:focus {
border-color: #474747;
background-color: #171717;
color: #fff;
}

.members &gt; div.step {
border-top-color: #272727;
}

.members &gt; div.step &gt; p.forgotpassword &gt; a {
background-color: #171717;
color: #fff;
}

.members &gt; div.step &gt; p.forgotpassword &gt; a:hover {
background-color: #272727;
color: #fff;
}
.members &gt; div.step &gt; p.forgotpassword &gt; a:active {
background-color: #404040;
}

.members &gt; div.step &gt; p.forgotpassword &gt; a &gt; svg {
fill: #fff;
}

.members &gt; div.step &gt; label {
background-color: #171717;
border-color: #171717;
color: #bbb;
}

.members &gt; div.step &gt; label:hover, .members &gt; div.step &gt; label:focus {
border-color: #272727;
}

.members &gt; div.step &gt; label &gt; p.description &gt; b {
background-color: #272727;
color: #fff;
}

.members &gt; div.step &gt; div.group &gt; div &gt; input {
color: #777;
}

.members &gt; div.step &gt; div.group &gt; div &gt; input:hover, .members &gt; div.step &gt; div.group &gt; div &gt; input:focus {
color: #fff;
}


.booking &gt; li.label.short &gt; .notice {
border-color: #2b2b2b;
background-color: #000;
}

.booking &gt; li.label.short &gt; .notice &gt; b &gt; span {
background-color: #191919;
color: #999;
}

.coinbox {
background-color: #000;
}

.timeline.booking &gt; li &gt; .panel &gt; .pbox &gt; small &gt; b {
background-color: #121212;
border-color: #333;
}

.booking &gt; li.status &gt; .ibox, .booking &gt; li.information &gt; .ibox {
background-color: rgba(0,0,0,0.8);
border-color: #333;
color: #666;
}
.booking &gt; li.information &gt; .ibox {
background-color: #000;
}

.timeline.booking &gt; li &gt; .ibox.arrow &gt; .badge {
border-color: #222;
}

.svgprev &gt; svg {
fill: #666;
}

.vertragsbox {
border-color: #191919;
}

.vertragsbox &gt; h5 {
color: #666;
}

.vertragsbox &gt; p {
color: #666;
}

.profile &gt; div &gt; div &gt; .input {
background-color: #191919;
}

.profile &gt; div &gt; div &gt; .input:hover, .profile &gt; div &gt; div &gt; .input:focus {
background-color: #262626;
}

.profile &gt; div &gt; div &gt; .input &gt; input {
color: #aaa;
}

.profile &gt; div &gt; div &gt; .input &gt; select {
color: #aaa;
}

.profile &gt; div &gt; div &gt; .input &gt; select option {
background-color: #191919;
color: #aaa;
}

.profile &gt; div &gt; div &gt; .input &gt; select option:checked {
background-color: #262626;
font-weight: 700;
}

.signature &gt; span {
color: #bbb;
}

.signature &gt; div {
background-color: #fff;
border-color: #333;
}

.signature &gt; div &gt; button {
background-color: #333;
color: #999;
}

.datenschutz &gt; div &gt; .meta &gt; strong {
color: #666;
}

.booking &gt; li.status &gt; .ibox &gt; h4, .booking &gt; li.status &gt; .ibox &gt; .guestbook &gt; .input {
background-color: #191919;
color: #999;
}

.booking &gt; li.status &gt; .ibox &gt; .guestbook &gt; .input &gt; textarea {
color: #aaa;
}

.timeline.booking &gt; li &gt; .panel &gt; .pbox &gt; .buttons &gt; div &gt; a, .timeline.booking &gt; li.status &gt; .ibox &gt; .buttons &gt; div &gt; a {
background-color: #191919;
}

.timeline.booking &gt; li &gt; .panel &gt; .pbox &gt; .buttons &gt; div &gt; a:hover, .timeline.booking &gt; li.status &gt; .ibox &gt; .buttons &gt; div &gt; a:hover {
background-color: #292929;
}

.timeline.booking &gt; li &gt; .panel &gt; .pbox &gt; .buttons &gt; div &gt; a &gt; span, .timeline.booking &gt; li.status &gt; .ibox &gt; .buttons &gt; div &gt; a &gt; span {
color: #999;
}

.timeline.booking &gt; li &gt; .panel &gt; .pbox &gt; .buttons &gt; div &gt; a &gt; svg, .timeline.booking &gt; li.status &gt; .ibox &gt; .buttons &gt; div &gt; a &gt; svg {
fill: #999;
}

.booking &gt; li.status &gt; .ibox &gt; .selection &gt; div &gt; .meta &gt; svg {
fill: #fff;
}

.booking &gt; li.status &gt; .ibox &gt; .selection &gt; div &gt; .meta &gt; strong {
color: #fff;
}

.booking &gt; li.status &gt; .ibox &gt; .selection &gt; div:hover {
background-color: #111;
}

.booking &gt; li.information &gt; .abox {
background-color: #000;
border-color: #333;
}

.booking &gt; li.information &gt; .abox &gt; .imgselection &gt; div &gt; div.imgbox {
border-color: #333;
}

.booking &gt; li.information &gt; .abox &gt; .imgselection &gt; div &gt; div.imgbox &gt; .vote &gt; span {
background-color: rgba(0,0,0,0.4);
}

.booking &gt; li.information &gt; .abox.arrow &gt; .badge {
border-color: #272727;
}

.goldenbox input {
background-color: #191919;
border-color: #666;
}

.goldenbox input:hover, .goldenbox input:focus {
background-color: #262626;
}

.booking &gt; li.status &gt; .ibox &gt; .selection &gt; div &gt; .unlock.disabled &gt; a, .booking &gt; li.status &gt; .ibox &gt; .selection &gt; div &gt; .unlock.disabled &gt; a:hover {
border-color: #333;
background-color: #111;
}

.timeline.booking &gt; li.status &gt; .ibox &gt; .loader {
background-color: #333;
}

.timeline.booking &gt; li &gt; .ibox.arrow:before {
border-left: 15px solid #222;
border-right: 0 solid #222;
}

.timeline.booking &gt; li &gt; .ibox.arrow:after {
border-left: 14px solid #222;
border-right: 0 solid #222;
}


.timeline &gt; li &gt; .panel &gt; .pbox.c-schedule {
border-left-color: #520000;
border-right-color: #520000;
border-bottom-color: #520000;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-schedule &gt; .badge {
border-color: #520000;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-schedule::before, .timeline &gt; li &gt; .panel &gt; .pbox.c-schedule::after {
border-left-color: #520000;
border-right-color: #520000;
}


.timeline &gt; li &gt; .panel &gt; .pbox.c-business {
border-left-color: #524100;
border-right-color: #524100;
border-bottom-color: #524100;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-business &gt; .badge {
border-color: #524100;
}

.timeline &gt; li &gt; .panel &gt; .pbox.c-business::before, .timeline &gt; li &gt; .panel &gt; .pbox.c-business::after {
border-left-color: #524100;
border-right-color: #524100;
}



div.rights {
border-color: #222;
}

div.rights &gt; ul &gt; li &gt; p {
color: #888;
}

div.rights &gt; ul &gt; li:hover &gt; p {
color: #eee;
}

.article .article-content strong, .article .article-content .container b {
color: #ccc;
}

.article-content .container &gt; h4, .article-content .container &gt; div {
color: #aaa;
}

.article-content .container {
color: #aaa;
}

.cvoting {
background-color: #111;
}

.voting &gt; .frame &gt; .box-header &gt; .header &gt; hr {
background-color: #333;
}

.voting &gt; .frame &gt; .box-header &gt; .header &gt; h1 &gt; span {
color: #ddd;
background-color: #111;
}

.voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div &gt; .vframe {
background-color: #111;
}

.voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div &gt; .vframe &gt; .vbox {
background-color: #000;
}

.voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div &gt; .vframe &gt; .vbox &gt; .vheader &gt; div &gt; p {
color: #666;
}

.voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div &gt; .vframe &gt; .vbox &gt; .vheader &gt; div &gt; h2 &gt; a, .voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div &gt; .vframe &gt; .vbox &gt; .vheader &gt; div &gt; h2 &gt; a:link, .voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div &gt; .vframe &gt; .vbox &gt; .vheader &gt; div &gt; h2 &gt; a:visited {
color: #aaa;
}

.voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div &gt; .vframe &gt; .vbox &gt; .vbar &gt; div &gt; div &gt; .vprogress &gt; div &gt; div &gt; .step &gt; div {
background-color: #333;
}

.voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div:hover &gt; .vframe &gt; .vbox &gt; .vbar &gt; div &gt; div &gt; .vprogress &gt; div &gt; div &gt; .step &gt; div {
background-color: #444;
}

.voting &gt; .frame &gt; .box-voting &gt; .versus &gt; .middle {
background-color: #333;
}

.voting &gt; .frame &gt; .box-voting &gt; .versus &gt; .middle &gt; p {
background-color: #000;
}

.voting &gt; .frame &gt; .box-voting &gt; .versus &gt; .middle &gt; p &gt; b &gt; i &gt; span {
color: #aaa;
}

.voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div &gt; .vframe &gt; .vbox &gt; .vheader &gt; div &gt; b &gt; a, .voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div &gt; .vframe &gt; .vbox &gt; .vheader &gt; div &gt; b &gt; a:link, .voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div &gt; .vframe &gt; .vbox &gt; .vheader &gt; div &gt; b &gt; a:visited {
color: #666;
}

.voting &gt; .frame &gt; .box-voting &gt; .vgrid &gt; div &gt; .vframe &gt; .vbox &gt; .vheader &gt; div &gt; b &gt; a:hover {
color: #999;
}


.videoui &gt; .vcontrols &gt; .vbar {
background-color: rgba(0,0,0,0.65);
}
.videoui &gt; .vcontrols &gt; .vbar &gt; .vprogress &gt; p &gt; span {
background-color: rgba(255,255,255,0.08);
}
.videoui &gt; .vcontrols &gt; a &gt; u {
background-color: rgba(0,0,0,0.1);
}
.videoui &gt; .vcontrols &gt; a:hover &gt; u {
background-color: rgba(0,0,0,0.45);
}


.csitemap, .chashtag {
background-color: #090807;
}

.sitemap, .hashtag {
background-color: #000;
border-color: #333;
}

.sitemap &gt; h1, .hashtag &gt; h1 {
color: #aaa;
}

.sitemap &gt; h2, .hashtag &gt; h2 {
background-color: #555;
}

.sitemap &gt; ul &gt; li &gt; a, .sitemap &gt; ul &gt; li &gt; a:link, .sitemap &gt; ul &gt; li &gt; a:visited {
color: #ccc;
background-color: #202020;
}

.sitemap &gt; ul &gt; li &gt; a:hover, .sitemap &gt; ul &gt; li &gt; a:focus {
color: #fff;
background-color: #303030;
}

.sitemap &gt; ul &gt; li.selected {
background-color: #101010;
}

.hashtag &gt; ul:hover {
background-color: #060606;
}

.hashtag &gt; ul &gt; li {
background-color: #101010;
}

.hashtag &gt; ul &gt; li:hover {
background-color: #202020;
}

.hashtag &gt; ul &gt; li &gt; a &gt; b &gt; i {
color: #ccc;
}

.hashtag &gt; ul &gt; li &gt; a &gt; b &gt; span {
color: #888;
}


.podcast &gt; .pframe &gt; .pside &gt; div &gt; .ptop {
background-color: #0f0f0f;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .ptop &gt; h1 &gt; a, .podcast &gt; .pframe &gt; .pside &gt; div &gt; .ptop &gt; h1 &gt; a:link, .podcast &gt; .pframe &gt; .pside &gt; div &gt; .ptop &gt; h1 &gt; a:visited {
color: #eee;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .ptop &gt; h1 &gt; a:hover, .podcast &gt; .pframe &gt; .pside &gt; div &gt; .ptop &gt; h1 &gt; a:focus {
color: #fff;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .ptop &gt; h1 &gt; a &gt; svg {
fill: #eee;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .ptop &gt; h1 &gt; a:hover &gt; svg {
fill: #fff;
}

.podcast &gt; .pframe &gt; .pside {
background-color: rgba(0,0,0,0.6);
}

.podcast &gt; .pframe &gt; .pside &gt; div {
background-color: #000;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div &gt; p &gt; b {
color: #999;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div.playing &gt; p &gt; b {
color: #9CADBB;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div &gt; p &gt; q {
color: #555;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div.playing &gt; p &gt; q {
color: #556A7D;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div {
border-color: #222;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div:hover {
background-color: #111;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div.playing {
background-color: #242d38;
border-color: #14181f;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div.playing:hover {
background-color: #33404F;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div &gt; p &gt; span {
color: #444;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div &gt; p &gt; i &gt; span &gt; svg {
fill: #777;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div &gt; p &gt; q &gt; i {
color: #999;
background-color: #101010;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div:hover &gt; p &gt; q &gt; i {
color: #bbb;
background-color: #303030;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div.playing &gt; p &gt; q &gt; i {
color: #9CADBB;
background-color: #33404F;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div.playing:hover &gt; p &gt; q &gt; i {
color: #b9c5cf;
background-color: #556A7D;
}

.podcast &gt; .pframe &gt; .pside &gt; div &gt; .pbox &gt; div.playing:hover &gt; p &gt; i &gt; span &gt; svg {
fill: #9CADBB;
}

.podcast &gt; .pview &gt; div &gt; div &gt; .ptext &gt; .vlink &gt; div {
background-color: rgba(0,0,0,0.5);
border-color: rgba(255,255,255,0.15);
}

.podcast &gt; .pview &gt; div &gt; div &gt; .ptext &gt; .vlink &gt; div:hover {
border-color: rgba(255,255,255,0.4);
}


.highlight {
background-color: #000;
}

.click &gt; div &gt; div.hl-teaser &gt; div &gt; h3 {
background-color: #000;
color: #9CADBB;
}

.hl-box &gt; .hl-bar &gt; .bar &gt; .hl-process &gt; div &gt; .step &gt; div {
background-color: rgba(0,0,0,0.15);
}

.hl-box &gt; .hl-bar &gt; .bar &gt; .hl-process &gt; div.show &gt; .step &gt; div {
background-color: rgba(0,0,0,0.25);
}

}



/*
@bench: 0.116s (LiveBench)
*/</pre></body></html>