<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 01:42
@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: 	ae186b1ba26db486df3ac9b41af954b3
*/



/*
@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:		+ blog | 2.5.0.1 | 2025-09-06 18:28:40 | 50780dd82c282b4228cc6b0f7f51fd3b | (current)
		+ blog | 2.5.0.0 | 2025-06-27 20:50:20 | 47d0c325ad0b57c806077141227d8f08 |
		+ blog | 2.1.0.5 | 2025-04-19 23:08:27 | 2f6bb631f98529e887c809a527ad6777 |
		+ blog | 2.1.0.4 | 2023-10-06 11:30:05 | 224c51e826e2761dbc973eb6d0821817 |
		+ blog | 2.1.0.3 | 2023-03-24 10:47:30 | afc09a72bb6fd697fe6f3d9ded34dadd |
		+ blog | 2.1.0.2 | 2023-02-06 22:40:09 | 8a2df88c7dc979f433488286bc3de63c |
		+ blog | 2.1.0.1 | 2023-02-06 20:57:17 | 315f0421872ca969c8f69518fed4bbca |
		+ blog | 2.1.0.0 | 2022-11-18 18:32:11 | 201ca7f0736eb04974477dfd7727a3e0 |
		+ blog | 2.0.0.6 | 2022-11-09 23:43:36 | 2797900774fcd55c1e49f3a98a47bee1 |
		+ blog | 2.0.0.5 | 2022-11-09 23:41:37 | 2797900774fcd55c1e49f3a98a47bee1 |
		+ blog | 2.0.0.4 | 2022-07-17 14:41:04 | aa98e2fb26ba3c255fbdebfa548ce2d2 |
		+ blog | 2.0.0.3 | 2022-04-06 11:26:02 | 301cd89b8f787c742a95e5e50a1d496f |
		+ blog | 2.0.0.2 | 2022-03-29 13:54:56 | a2024253f8b03fcb376b45e7489098ae |
		+ blog | 2.0.0.1 | 2022-01-31 19:46:04 | 710f983c8a65b7d4e0f98086807c1d4c |
		+ blog | 2.0.0.0 | 2022-01-31 18:15:02 | e24aeac46a7d37c984b6d837bb264689 |
		+ blog | 1.3.2.0 | 2022-01-02 02:05:46 | a348d3526e2c70c8a7958e450fcb5965 |
		+ blog | 1.3.1.0 | 2021-12-31 00:22:18 | a746e37ac3bcad2504bdab6084d0fe49 |
		+ blog | 1.3.0.3 | 2021-12-26 20:39:15 | 6aed07ebfa071ea95f603dca5b92d3ce |
		+ blog | 1.3.0.2 | 2021-12-25 16:01:45 | 5dd73bdde3541b8983f75f77f02a0b89 |
		+ blog | 1.3.0.1 | 2021-10-23 12:25:46 | 5dd73bdde3541b8983f75f77f02a0b89 |
		+ blog | 1.3.0.0 | 2021-09-10 22:06:16 | d09d3a5af37f81a6a9ac1a786696aa02 |
		+ blog | 1.2.2.4 | 2021-04-13 20:03:54 | ba7b1b1722a07faf27346e0fbff90281 |
		+ blog | 1.2.2.3 | 2021-01-24 18:52:17 | d76b1db7729064fd497104d3644a3327 |
		+ blog | 1.2.2.2 | 2020-10-18 00:16:45 | fd09c98a55cf6aa3565622a4908abda1 |
		+ blog | 1.2.2.1 | 2020-06-20 10:33:26 | a1b8c0a0bfef0b4ab98c69f20d07e2ae |
		+ blog | 1.2.2.0 | 2020-06-10 11:47:25 | c898a069818fbe018336ce40cc3d6c0b |
		+ blog | 1.2.1.5 | 2020-05-31 01:08:32 | ed860ec23f39add958488bab417852f4 |
		+ blog | 1.2.1.4 | 2018-06-07 15:30:16 | 36d9e967705521f20912474ebb284b71 |
		+ blog | 1.2.1.3 | 2018-04-25 17:51:48 | 368f5a46ec37ee37f825977139dbfc26 |
		+ blog | 1.2.1.2 | 2018-04-25 15:24:05 | af1ef3fdcaa2319865affa4d19eb2c87 |
		+ blog | 1.2.1.1 | 2018-03-01 16:26:22 | 1bb79b037217d35fa2f6148ef86d3c3b |
		+ blog | 1.2.1.0 | 2018-02-08 11:47:37 | a71df5fafb18493a0d907aa603f1a129 |
		+ blog | 1.2.0.5 | 2018-02-01 16:42:01 | 3b8c27bc331a9ee7b57a407c9a04ff63 |
		+ blog | 1.2.0.4 | 2018-01-30 17:49:42 | 50d771146e25f8682f9f9a224c501520 |
		+ blog | 1.2.0.3 | 2018-01-12 17:47:49 | 4eb12f9fa4a5c9d4093025b79d52a7b6 |
		+ blog | 1.2.0.2 | 2018-01-11 18:04:03 | ede5461602742c24d49f467d7fcb47ca |
		+ blog | 1.2.0.1 | 2017-12-21 17:26:40 | eff6d38340ef6a8892bb646bf20cdf77 |
		+ blog | 1.2.0.0 | 2017-12-21 17:12:28 | eff6d38340ef6a8892bb646bf20cdf77 |
		+ blog | 1.1.5.2 | 2017-12-18 17:13:05 | f47fc8705b8e31f3d4570c2f9abd41e2 |
		+ blog | 1.1.5.1 | 2017-06-22 17:25:27 | 5524dc0564eb05eca30dd21d2b035155 |
		+ blog | 1.1.5.0 | 2017-04-25 14:39:21 | 01c77e339415e406f980e57800093db7 |
		+ blog | 1.1.4.9 | 2017-01-25 16:41:41 | c0e22f050badcc646d3df68e5a3b8e0d |
		+ blog | 1.1.4.8 | 2017-01-24 17:33:44 | c0399379888394d0fbe9caca481f34ce |
		+ blog | 1.1.4.7 | 2017-01-05 15:16:38 | fa7a589b1387adefaa647f2a4c1f4ab5 |
		+ blog | 1.1.4.6 | 2016-12-14 11:33:15 | 6ddbf08d42525a28c116d002b61f5bac |
		+ blog | 1.1.4.5 | 2016-06-17 15:18:09 | 0ed8e4689f74139cc4cf33208b596e7c |
		+ blog | 1.1.4.4 | 2016-05-23 11:16:06 | f6e1cef7d7c23317e406a3abf98340db |
		+ blog | 1.1.4.3 | 2016-05-23 11:16:00 | f6e1cef7d7c23317e406a3abf98340db |
		+ blog | 1.1.4.2 | 2016-03-07 13:29:35 | 7ed2dd1c2e80e7e4169b7fe77722f78b |
		+ blog | 1.1.4.1 | 2016-02-12 12:15:48 | e9eea231a99a9bb499615109428249aa |
		+ blog | 1.1.4.0 | 2016-02-12 12:14:46 | e9eea231a99a9bb499615109428249aa |
		+ blog | 1.1.3.1 | 2016-02-03 16:04:41 | d179cc2c40c313d69e7223aea404a6b6 |
		+ blog | 1.1.3.0 | 2016-01-11 18:22:10 | 9e7b226b536ba0193965ec2a423390d5 |
		+ blog | 1.1.2.8 | 2016-01-05 16:22:58 | 9332ceffe78e7f4fa8415feda4280bf4 |
		+ blog | 1.1.2.7 | 2015-11-20 16:29:37 | b0db117140f177228474428f75021a4c |
		+ blog | 1.1.2.6 | 2015-11-18 17:43:31 | aad945f9b58d5c8761ee23040fa2019f |
		+ blog | 1.1.2.5 | 2015-10-12 11:27:24 | f7479e26ddb6e1540c220952392ccb20 |
		+ blog | 1.1.2.4 | 2015-09-02 11:32:31 | c94ff13f45cdfd9af4f282a63f078aeb |
		+ blog | 1.1.2.3 | 2015-08-11 16:12:02 | 41726606d1a51ce40efd0ee4371dff62 |
		+ blog | 1.1.2.2 | 2015-07-15 16:48:02 | 037db313ead042a5277271a07299afb6 |
		+ blog | 1.1.2.1 | 2015-06-22 17:37:28 | aac15589aa6d998198429285f08b1e86 |
		+ blog | 1.1.2.0 | 2015-05-26 16:18:29 | 3c08cddf5e7e5fcef76ad03a5ae88a2b |
		+ blog | 1.1.1.9 | 2015-05-26 15:04:30 | 5e1e66071c252d6535052b0b315dfd05 |
		+ blog | 1.1.1.8 | 2015-04-08 21:58:08 | a9461cc18a430a28d331e7b8cf9c2c2a |
		+ blog | 1.1.1.7 | 2015-03-18 15:39:52 | 42f8fbad1f2c3cbff394a49258282235 |
		+ blog | 1.1.1.6 | 2015-02-23 20:57:50 | 78b2a2a5faf9d6ee0ab60537aadfb954 |
		+ blog | 1.1.1.5 | 2015-02-23 15:32:56 | 90b4f3ed78d2134935281d1197eb1731 |
		+ blog | 1.1.1.4 | 2015-02-13 17:12:50 | 131e97a7cc3a90b67e26000bf595ecc4 |
		+ blog | 1.1.1.3 | 2014-11-19 15:35:57 | 72ed8daa052527162bab21ad013a6f50 |
		+ blog | 1.1.1.2 | 2014-10-16 12:09:27 | 2c611cd9543990bf9900ff7e1f6866d9 |
		+ blog | 1.1.1.1 | 2014-09-01 15:25:38 | 3548161d872816e2d3d8666b7103b818 |
		+ blog | 1.1.1.0 | 2014-08-26 16:44:02 | 4db73cae09b695a48351861cb1e1a5f3 |
		+ blog | 1.1.0.9 | 2014-08-06 15:50:21 | 1777c68d59f99c3cdcf1149fc122e82a |
		+ blog | 1.1.0.8 | 2014-08-05 13:40:22 | 9c11ab859d917f65aa789bfff88fa36e |
		+ blog | 1.1.0.7 | 2014-08-01 16:58:37 | a7bc149a1b792039d5c63eb71fa9f562 |
		+ blog | 1.1.0.6 | 2014-07-31 17:00:53 | dfe4db4220c342364ef43876dc20ac4a |
		+ blog | 1.1.0.5 | 2014-07-28 15:03:21 | 9d314c091e1b6c8757bcc0740062bfd9 |
		+ blog | 1.1.0.4 | 2014-07-22 14:39:57 | 8d88e6a8f6794f3d016a435b05fee6db |
		+ blog | 1.1.0.3 | 2014-07-21 13:42:10 | f32037a478f8b6db0c650305414eb174 |
		+ blog | 1.1.0.2 | 2014-07-02 15:05:00 | 1d38de78ba4befccb76cc172261d5cfc |
		+ blog | 1.1.0.1 | 2014-05-17 20:17:21 | c53d50f248863cd370b9dad5be9f5469 |
		+ blog | 1.1.0.0 | 2014-05-15 13:43:29 | e5062b3a9488f0a975b8e890ec02aa24 |
		+ blog | 1.0.2.2 | 2014-04-03 14:48:33 | 3763978731c72fd4113ba0e07b725f64 |
		+ blog | 1.0.2.1 | 2014-04-03 14:48:14 | 3763978731c72fd4113ba0e07b725f64 |
		+ blog | 1.0.2.0 | 2014-03-06 14:24:56 | 3a9b3f154653d2856becacc023db12da |
		+ blog | 1.0.1.9 | 2014-02-20 14:52:16 | a85e0d94d1314eb938fd419b667fe6b3 |
		+ blog | 1.0.1.8 | 2014-01-27 16:17:05 | c6c698bb7920672843ce3aa3d527bb56 |
		+ blog | 1.0.1.7 | 2013-12-11 14:10:23 | 4940215da33492ef66f0dc87f67cb0df |
		+ blog | 1.0.1.6 | 2013-11-24 09:24:45 | 13926fe0d20be1ef4bd2e5e2a2a985ed |
		+ blog | 1.0.1.5 | 2013-11-22 13:46:30 | 09f2a83455b5b82b874123b85c9c0f9b |
		+ blog | 1.0.1.4 | 2013-11-21 13:23:23 | 36c771a15545e397b2f3d269f9f7ccb2 |
		+ blog | 1.0.1.3 | 2013-11-11 11:42:33 | b1e3ff59ddcb24884fa7656221a1865c |
		+ blog | 1.0.1.2 | 2013-11-07 12:46:31 | 826e1eacd4535906a517d03a4d9262d9 |
		+ blog | 1.0.1.1 | 2013-10-21 14:19:39 | 4a98ce4312f39ad965d522226ba020dc |
		+ blog | 1.0.1.0 | 2013-10-04 20:40:25 | c0cc168ac31a06689c29040c8140519b |
		+ blog | 1.0.0.9 | 2013-09-16 13:16:06 | 7915b1ab1caaaf8c3fdce77261a97129 |
		+ blog | 1.0.0.8 | 2013-09-05 16:45:39 | a8aa2b2bafd52fefacf7cc127cc350b1 |
		+ blog | 1.0.0.7 | 2013-09-04 12:49:57 | 73106b1e62c98227a9601ba050b96e91 |
		+ blog | 1.0.0.6 | 2013-07-11 16:37:26 | dfbc3d0e43b82bd8030988940c96e154 |
		+ blog | 1.0.0.5 | 2013-05-16 10:37:36 | a0e4633e326feafdf3db4e58016eacfa |
		+ blog | 1.0.0.4 | 2013-05-12 13:43:31 | 427c95dbf0ab137d527898b6db821a85 |
		+ blog | 1.0.0.3 | 2013-04-24 19:50:30 | 48e40a26924b40835dbce7a0526c6d49 |
		+ blog | 1.0.0.2 | 2013-04-24 14:06:41 | 06a5d4d5383a00f8d618241ac2a9b14d |
		+ blog | 1.0.0.1 | 2013-03-22 16:50:51 | cdf70a95d683cbc4674f434bdb06e599 |
		+ blog | 1.0.0.0 | 2013-03-22 16:37:37 | fa0f90e6948c22e2e41b5f7425c92e01 |
*/

/* ---------------------------------------------------
&gt;&gt; BLOG &lt;&lt;
------------------------------------------------- */

body {
background-color: #363636;
}

.tc {
display: flex;
margin: 0;
padding: 0;
align-items: stretch;
}
.tc &gt; .tleft, .tc &gt; .tmiddle {
display: inline-block;
margin: 0;
padding: 0;
}
.tc &gt; .tleft {
flex-shrink: 0;
width: 0;
transition: width 0.35s ease-out;}

.tc.rpactive &gt; .tleft {
width: 305px;
transition: width 0.35s ease-in;}



@media screen and (max-width: 649px) {
.tc &gt; .tleft, .tc.rpactive &gt; .tleft {
display: none;
width: 0;
}
}


.tc &gt; .tmiddle {
flex-grow: 1;
}

.blog {
display: table;
margin: 30px auto;
width: auto;
background-color: #fff;
border-top: 4px solid #555753;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.45);}


@media screen and (max-width: 649px) {
.blog {
width: 100%;
border: none;
border-top: 4px solid #555753;
}
}


.blog-header {
position: relative;
text-align: left;
margin: 0;
padding: 0;
height: 32px;
}



.blog-header .orderbar {
position: absolute;
right: 0;
margin: 10px 20px 0;
padding: 0;
height: 25px;
}

.blog-header .orderbar a {
margin: 0;
padding: 0;
opacity: 0.45;transition: all 0.25s ease-in;}

.blog-header .orderbar svg {
margin: 0;
padding: 0 10px 0 0;
fill: #000;
width: 18px;
height: 18px;
}

.blog-header .orderbar a.active {
opacity: 0.85;}

.blog-header .orderbar a:hover {
opacity: 0.85;transition: all 0.25s ease-in;}



.blog .main-col, .blog .right-col {
position: relative;
padding: 0;
}

.blog &gt; .container {
display: flex;
margin: 0;
padding: 0;
width: 100%;
flex-flow: row nowrap;
}

.blog .main-col {
display: inline-block;
width: 700px;
margin: 0 15px 25px;
min-height: 700px;
flex-grow: 0;
}

.blog .right-col {
display: block;
width: 270px;
margin: 0;
flex-shrink: 1;
}

@media screen and (max-width: 1350px) {
.tc.rpactive .blog .main-col {
width: auto;
}
.tc.rpactive .blog .right-col {
display: none;
}
}

@media screen and (max-width: 1009px) {
.blog .main-col {
width: auto;
}
.blog .right-col {
display: none;
}
}



.blog .nocursor {
cursor: default !important;
}



.links {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
line-height: 1;
}

.links a.img {
display: inline-block;
margin: 0;
padding: 1px 1px 0;
background-color: #f7f7f7;
opacity: 0.75;transition: all 0.35s ease-out;}

.links a.img:hover, .links a.img:focus {
background-color: #E7E7E7;
opacity: 1;transition: all 0.35s ease-in;}

.links a.img img {
display: block;
border: 0;
margin: 0;
padding: 0;
}


.links a.link {
display: block;
margin: 3px 15px;
padding: 3px;
background-color: #f7f7f7;
transition: all 0.35s ease-out;}

.links a.link:hover, .links a.link:focus {
background-color: #E7E7E7;
font-weight: 700;
transition: all 0.35s ease-in;}

.more, .more:link, .more:visited {
display: inline-block;
margin: 10px 7px;
padding: 5px 9px;
font-family: 'FusionScreen-Bold', sans-serif;
font-size: 13px;
font-weight: 700;
color: #999;
background-color: #E7E7E7;
border-radius: 3px;transition: all 0.25s ease-out;}

.more:hover, .more:focus {
background-color: #D7D7D7;
color: #666;
transition: all 0.25s ease-in;}

.more:active {
background-color: #bdbdbd;
color: #333;
transition: none;}



.heart {
position: relative;
width: 24px;
height: 24px;
transform: rotate(45deg);transform-origin: 12px 12px;margin: 0;
padding: 0;
top: -2px;
}

.heart div {
top: 10px;
left: 10px;
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
animation: heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.heart div:after,
.heart div:before {
content: " ";
position: absolute;
display: block;
width: 10px;
height: 10px;
background-color: #fff;
}

.heart div:before {
left: -7px;
border-radius: 50% 0 0 50%;}

.heart div:after {
top: -7px;
border-radius: 50% 50% 0 0;}

@keyframes heart {
0% {
transform: scale(0.95);}

5% {
transform: scale(1.1);}

39% {
transform: scale(0.85);}

45% {
transform: scale(1);}

60% {
transform: scale(0.95);}

100% {
transform: scale(0.9);}
}

.favorite, .favorite:link, .favorite:visited, .favorite.active:hover, .favorite.active:focus {
display: inline-block;
margin: -20px 7px 0;
padding: 2px 4px 9px;
background-color: #E7E7E7;
background-image: none;
color: #999;
font-weight: 700;
font-size: 12px;
border-radius: 3px;border-left: 5px solid #F5F5F5;
transition: all 0.25s ease-out;float: right;
clear: both;
text-align: right;
cursor: pointer;
}

.favorite:hover, .favorite:focus, .favorite.active {
border-color: #BDC8D3;
background-repeat: repeat-x;
background-color: #5B7186;
background-image: linear-gradient(0deg, #455768, #6F899F);color: #fff;
transition: all 0.25s ease-out;}

.favorite img,.favorite-highlight img {
display: block;
margin: 0;
padding: 0;
background-repeat: no-repeat;
}

.favorite-highlight img {
margin: 2px 0 0;
}

.favorite span,.favorite-highlight span {
display: block;
margin: -17px 5px 0 30px;
padding: 0;
}

.favorite-highlight span {
margin-top: -18px;
}

.favorite.favorite-fix {
margin: 0;
}

.favorite.favorite-fix:hover,.favorite.favorite-fix:focus {
margin: 0;
}

.favorite-highlight {
display: block;
margin: 12px 7px 0;
padding: 2px 12px 9px;
color: #fff;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 14px;
font-weight: 300;
border-radius: 3px;border-left: 5px solid #BDC8D3;
background-repeat: repeat-x;
background-color: #5B7186;
background-image: linear-gradient(0deg, #455768, #6F899F);transition: all 0.25s ease-out;clear: both;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 3px rgba(0,0,0,0.3);
letter-spacing: 0.5px;
cursor: pointer;
box-shadow: 0 0 2px 1px rgba(0,0,0,0.15);}

.favorite-highlight:hover, .favorite-highlight:focus {
border-color: #f9bb4c;
background-repeat: repeat-x;
background-color: #f6861a;
background-image: linear-gradient(0deg, #f6861a, #f9bb4c);color: #fff;
transition: all 0.25s ease-out;}

.favorite-unlock {
display: block;
margin: 5px 0 0;
padding: 7px 0 5px;
text-align: center;
background-color: #fee9cb;
}

.favorite-unlock:hover {
background-color: #fdd9a5;
}

.favorite-unlock &gt; div {
display: inline-block;
margin: 0 10px;
padding: 9px 12px 7px;
color: #fff;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 12px;
font-weight: 300;
border-radius: 3px;border-left: 5px solid #ce5c00;
background-repeat: repeat-x;
background-color: #ce5c00;
background-image: linear-gradient(180deg,#fcaf3e,#f57900);transition: all 0.25s ease-out;clear: both;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 3px rgba(0,0,0,0.3);
letter-spacing: 0.5px;
cursor: pointer;
box-shadow: 0 0 2px 1px rgba(0,0,0,0.15);}

.favorite-unlock &gt; div:hover, .favorite-unlock &gt; div:focus {
background-image: linear-gradient(180deg,#f57900,#ce5c00);transition: all 0.25s ease-out;}

.favorite-unlock &gt; div &gt; b, .favorite-unlock &gt; div &gt; img {
padding: 0;
vertical-align: text-top;
}

.favorite-unlock &gt; div &gt; b {
margin: 0;
}

.favorite-unlock &gt; div &gt; img {
margin: -3px 7px 0 0;
}

.favorite:hover .heart div,
.favorite:hover .heart div:after,
.favorite:hover .heart div:before,
.favorite:focus .heart div,
.favorite:focus .heart div:after,
.favorite:focus .heart div:before,
.favorite.active .heart div,
.favorite.active .heart div:after,
.favorite.active .heart div:before,
.favorite-highlight .heart div,
.favorite-highlight .heart div:after,
.favorite-highlight .heart div:before {
background-color: #fff;
}

.favorite .heart div,
.favorite .heart div:after,
.favorite .heart div:before,
.favorite.active:hover .heart div,
.favorite.active:hover .heart div:after,
.favorite.active:hover .heart div:before,
.favorite.active:focus .heart div,
.favorite.active:focus .heart div:after,
.favorite.active:focus .heart div:before {
background-color: #aaa;
}


.block a.member {
display: block;
margin: 0 5px 7px 0;
padding: 8px 7px 11px;
cursor: pointer;
border-radius: 7px;transition: all 0.25s ease-out;}

.block a.member:hover, .block a.member:focus {
background-color: #efefef;
transition: all 0.25s ease-out;}
.block a.member:active {
background-color: #d6d6d6;
transition: none;}

.member h4 {
margin: 0 0 0 55px;
padding: 0;
width: 100%;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 15px;
font-weight: 300;
color: #3465a4;
transition: all 0.25s ease-out;}

.member h4:hover, .member h4:focus, .block a.member:hover h4 {
color: #729fcf;
transition: all 0.25s ease-out;}

.member span {
display: block;
margin: 0 0 0 56px;
padding: 0;
color: #444;
line-height: 130%;
transition: all 0.25s ease-out;}

.member:hover span {
color: #111;
transition: all 0.25s ease-out;}

.member p {
margin: 12px 0 0 60px;
padding: 0;
}

.member img {
margin: 0;
float: left;
}


.article, .block {
margin-top: 10px;
padding: 5px 0;
background-color: #fff;
}

.article.exclusive, .article.exclusive:hover {
border-top: 3px solid #fdc87e;
border-bottom: 3px solid #fdc87e;
background-color: #fff9f1;
padding: 5px 0 0;
}


@media screen and (max-width: 1350px) {
.tc.rpactive .article {
border-left: none;
}
}
@media screen and (max-width: 649px) {
.article {
border-left: none;
}
}


.article:hover {
background-color: rgba(0,0,0,0.01);
}

.article h2, .block h3 {
font-family: 'FusionScreen-Light', sans-serif;
font-size: 18px;
font-weight: 300;
color: #333;
width: 100%;
letter-spacing: 0.3px;
}

.article h2 a, .article h2 a:link, .article h2 a:visited {
padding: 0;
color: #333;
}

.article h2 &gt; span {
display: inline-block;
margin: 0 10px;
padding: 5px 7px;
background: linear-gradient(0deg, #2580df, #67a7e9);border: 1px solid #215a96;
color: #fff;
font-size: 11px;
text-shadow: 0 0 3px rgba(0,0,0,0.3);
text-transform: uppercase;
cursor: default;
white-space: nowrap;
line-height: 100%;
vertical-align: top;
letter-spacing: 0.5px;
}

.article h2 &gt; span.notpublished {
background: linear-gradient(0deg, #f6861a,#f9bb4c);border-color: #f9bb4c;
}

.article.exclusive h2 &gt; span {
background: linear-gradient(0deg, #f6861a,#f9bb4c);border-color: #f9bb4c;
}

.article-list span {
padding: 1px 7px;
font-size: 9px;
}

.article h2 &gt; span a,.article h2 &gt; span a:link, .article h2 &gt; span a:visited, .article h2 &gt; span a:hover, .article h2 &gt; span a:focus {
color: #fff;
}


.article .bar, .live .bar {
display: block;
margin: 0;
padding: 0;
width: 100%;
clear: both;
}

.article .bar p, .live .bar p {
border-right: 1px solid #eee;
float: left;
line-height: 14px;
margin: 3px 10px 0 0;
padding: 3px 10px 0 0;
color: #999;
}

.article .bar .icon, .live .bar .icon {
display: block;
margin: -5px 5px 0 0;
padding: 0;
float: left;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}

.article .bar img.icon, .live .bar img.icon {
border-radius: 100%;}

.bar .tags {
display: block;
margin: 5px 0;
}

.bar svg {
display: block;
margin: -3px 5px 0 0;
padding: 0;
width: 16px;
height: 16px;
fill: #ccc;
float: left;
}

.bar .date .icon, .article .vcard .custom-icon {
background-position: 0;
}

.bar .author .icon {
background-position: -40px 0;
}

.bar .tags .icon {
background-position: -20px 0;
}

.bar .comment .icon {
background-position: -60px 0;
}


.tags {
margin: 7px 0 0;
float: right;
opacity: 0.75;transition: all 0.25s ease-out;}

@media screen and (max-width: 850px) {
.tc.rpactive .tags {
float: inherit;
}
}@media screen and (max-width: 649px) {
.tags {
float: inherit;
}
}


.tags:hover, .tags:focus {
opacity: 1;transition: all 0.25s ease-out;}

.tags cite {
display: block;
margin: 0;
padding: 4px 4px 4px 0;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 2px 1px rgba(0,0,0,0.15);text-align: center;
}

.tags a, .tags a:link, .tags a:visited {
display: inline-block;
margin: 0;
padding: 3px 4px 3px;
color: #555;
text-transform: uppercase;
line-height: 100%;
transition: all 0.25s ease-out;border-radius: 3px;}

.tags a:hover, .tags a:focus {
color: #333;
background-color: #f3f3f3;
transition: all 0.25s ease-out;}

.tags .icon {
margin: 0;
vertical-align: top;
}

.tags .icon &gt; svg {
display: inline-block;
margin: 3px 3px 0 7px;
padding: 0;
fill: #555;
width: 12px;
height: auto;
}

.article .vcard .custom-icon {
display: block;
margin: -1px 5px 0 0;
padding: 0;
float: left;
background-color: #fff;
width: 22px;
height: 16px;
}



.article .coverfoto {
width: 100%;
min-height: 205px;
background-color: #fff;
background-repeat: no-repeat;
background-position: bottom center;
text-align: center;
overflow: hidden;
}

.article .coverfoto &gt; img {
border-radius: 7px;}



@media screen and (max-width: 850px) {
.tc.rpactive .article .coverfoto {
display: none;
}
}
@media screen and (max-width: 649px) {
.article .coverfoto {
display: none;
}
}




.videopreview {
position: relative;
display: block;
margin: 0 auto;
padding: 0;
width: 100%;
height: 400px;

background-color: #000;
border: 2px solid #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);clear: both;
overflow: hidden;
}

@media screen and (max-width: 850px) {
.tc.rpactive .videopreview {
margin: 0 0 20px;
width: 100%;
height: auto;
}
}
@media screen and (max-width: 649px) {
.videopreview {
margin: 0 0 20px;
width: 100%;
height: auto;
}
}


.videopreview:hover, .videopreview:focus {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);}

.videopreview &gt; .player {
position: relative;
display: block;
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
}

.videopreview &gt; .player.load {
opacity: 0;transition: opacity 0.25s linear;}

.videopreview &gt; .player &gt; img, .videopreview &gt; .player &gt; video {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.videopreview &gt; .player &gt; img {
object-fit: cover;
filter: blur(10px);}

.videopreview &gt; .player &gt; video {
object-fit: contain;
}

.videopreview &gt; .player &gt; button {
position: absolute;
top: 0;
left: 0;
display: table;
text-align: center;
width: 100%;
height: 100%;
border: none;
background-color: rgba(7, 20, 30, 0.75);
transition: all 0.35s linear;}

.videopreview &gt; .player &gt; button:hover, .videopreview &gt; .player &gt; button:focus {
background-color: rgba(7, 20, 30, 0.5);
transition: all 0.35s linear;}

.videopreview &gt; .player &gt; button &gt; span {
display: inline-block;
vertical-align: middle;
width: 100%;
text-align: center;
}

.videopreview &gt; .player &gt; button &gt; span &gt; img {
display: inline-block;
padding: 0;
margin: 0;
transition: all 0.35s linear;cursor: pointer;
opacity: 0.85;}

.videopreview &gt; .player &gt; button &gt; span &gt; img:hover, .videopreview &gt; .player &gt; button &gt; span &gt; img:focus {
transition: all 0.35s linear;opacity: 1;}

.article .videopreview-seperator {
margin: 0 0 12px;
padding: 0;
width: 100%;
height: 10px;
background-repeat: no-repeat;
}


@media screen and (max-width: 850px) {
.tc.rpactive .article .videopreview-seperator {
display: none;
}
}
@media screen and (max-width: 649px) {
.article .videopreview-seperator {
display: none;
}
}




.article .article-content {
display: block;
margin: 0;
padding: 10px 0 0;
width: 100%;
min-height: 150px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
color: #555;
clear: both;
}

.article .article-content strong, .article .article-content .container b {
font-weight: 700;
color: #333;
}

.article .article-content i {
font-style: italic;
}

.article-content .container {
display: block;
margin: 0 25px 0 240px;
padding: 0;
font-size: 13px;
line-height: 150%;
}

@media screen and (max-width: 850px) {
.tc.rpactive .article-content .container {
margin: 10px 25px;
}
}
@media screen and (max-width: 649px) {
.article-content .container {
margin: 10px 25px;
}
}


.article-content .container.short {
margin-left: 175px;
}


@media screen and (max-width: 850px) {
.tc.rpactive .article-content .container.short {
margin: 0;
}
}
@media screen and (max-width: 649px) {
.article-content .container.short {
margin: 0;
}
}


.article-content .container.short-220 {
margin-left: 220px;
}

.article-content .container.short-110 {
margin-left: 110px;
}

.article-content .container.blurcontent {
filter: blur(2px);line-height: 170%;
color: #bbb;
}

.article-content .container &gt; .translate {
display: block;
margin: 0 0 7px;
padding: 3px 5px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
background-color: #efefef;
border: 2px solid #ccc;
color: #666;
border-radius: 5px;text-align: center;
}

.article-content .container &gt; .vlink {
display: block;
margin: 20px 0;
padding: 0;
text-align: center;
}

.article-content .container &gt; .vlink &gt; div {
display: inline-block;
margin: 0;
padding: 8px 12px;
background-color: rgba(255,255,255,0.15);
border: 3px solid rgba(0,0,0,0.3);
border-radius: 7px;cursor: pointer;
box-shadow: 0 0 3px 3px rgba(0,0,0,0.15);}

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

.article-content .container &gt; .vlink &gt; div &gt; svg {
display: inline-block;
margin: 0;
padding: 0;
width: auto;
height: 18px;
fill: #333;
}
.article-content .container &gt; .vlink &gt; div:hover &gt; svg {
fill: #000;
}

.article-content .container &gt; .vlink &gt; div &gt; span {
display: inline-block;
margin: 0 0 0 7px;
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
color: #333;
}

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

@media screen and (max-width: 640px) {
.article-content .container &gt; .vlink &gt; div {
display: block;
margin: 0 auto;
text-align: center;
}

.article-content .container &gt; .vlink &gt; div &gt; svg {
display: block;
margin: 0 auto 5px;
}

.article-content .container &gt; .vlink &gt; div &gt; span {
display: block;
margin: 0 auto;
font-size: 13px;
}
}

.article-content .thumb {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
float: left;
overflow: hidden;
border-radius: 7px;transform: translateZ(0);}

.article-content .thumb.round {
border-radius: 50%;}

.article-content .thumb &gt; .w128 {
display: block;
width: 128px;
height: auto;
}

.article-content .thumb img {
display: block;
width: 100%;
height: 100%;
transform: scale(1);transition: all 1s ease-out;}

.article:hover .article-content .thumb:not(.thumb-video) &gt; img {
transform: scale(1.1);transition: all 2s ease-in;image-rendering: auto;
}

.article-content .thumb-shadow img {
box-shadow: 0 0 3px 1px rgba(0,0,0,0.25);}

@media screen and (max-width: 850px) {
.tc.rpactive .article-content .thumb {
width: 100%;
float: none;
margin: 0 0 12px;
padding: 0;
}

.tc.rpactive .article-content .thumb img {
width: 100% !important;
height: auto !important;
text-align: center;
margin: 0 auto;
}

.tc.rpactive .article-content .container.short-220, .article-content .container.short-110 {
margin-left: 0;
}

.tc.rpactive .article.entry .thumb-video {
display: none;
}
}
@media screen and (max-width: 649px) {
.article-content .thumb {
width: 100%;
float: none;
margin: 0 0 12px;
padding: 0;
}

.article-content .thumb img {
width: 100% !important;
height: auto !important;
text-align: center;
margin: 0 auto;
}

.article-content .container.short-220, .article-content .container.short-110 {
margin-left: 0;
}

.article.entry .thumb-video {
display: none;
}
}



.article-content .thumb .overlay {
position: absolute;
top: 0;
left: 0;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(ellipse at center,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%);
transition: all 1s linear;opacity: 0;}

.article-content .thumb .overlay:hover, .article-content .thumb .overlay:focus {
opacity: 1;transition: all 1s linear;}

.article-content .thumb .url {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0 -30px;
padding: 0;
background-position: 0;
}

.article-content p {
margin: 0;
padding: 0;
line-height: 130%;
text-align: left;
}

.article-content strong {
font-weight: 700;
}


.article-content blockquote:before, .article-content blockquote:after, .article-content q:before, .article-content q:after {
content: none;
}

.article-content blockquote {
display: inline-block;
margin: 5px 5px 25px 20px;
padding: 8px 14px;
width: 600px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
color: #666;
background-color: #fff;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);border: 1px solid #eee;
border-collapse: separate;
text-shadow: none;
transition: all 0.35s ease-in;line-height: 100%;
cursor: default;
}

.article-content blockquote:hover, .article-content blockquote:focus {
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.12);color: #000;
text-decoration: none;
border-color: #73B8FF;
}


@media screen and (max-width: 850px) {
.tc.rpactive .article-content blockquote {
width: 80%;
padding: 8px 7px;
}
}
@media screen and (max-width: 649px) {
.article-content blockquote {
width: 80%;
padding: 8px 7px;
}
}


.article-content blockquote, q {
quotes: none;
}

.article-content blockquote .usericon {
height: 72px;
width: 72px;
border-radius: 36px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);float: left;
}

.article-content blockquote p,.article-content blockquote textarea {
margin: 3px 0 7px 95px;
}

.article-content blockquote b {
display: block;
margin: 5px 0;
padding: 3px 5px;
width: 560px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
text-align: right;
background: linear-gradient(90deg, #ffffff, #eeeeee);}


@media screen and (max-width: 850px) {
.tc.rpactive .article-content blockquote b {
width: 90%;
}
}
@media screen and (max-width: 649px) {
.article-content blockquote b {
width: 90%;
}
}



.article-content blockquote b strong {
padding: 3px;
font-size: 13px;
}

.article-content blockquote textarea {
display: block;
padding: 5px 7px;
width: 460px;
resize: none;
border: 2px solid #eee;
}


@media screen and (max-width: 850px) {
.tc.rpactive .article-content blockquote textarea {
width: 300px;
}
}
@media screen and (max-width: 649px) {
.article-content blockquote textarea {
width: 300px;
}
}




.article-content blockquote input[type=button] {
display: block;
margin: 7px 0 7px 472px;
padding: 5px 7px;
width: 100px;
border: 2px solid #eee;
}

.article-content blockquote textarea:focus, .article-content blockquote input[type=button]:hover, .article-content blockquote input[type=button]:focus {
color: #000;
border-color: #73B8FF;
transition: all 0.35s ease-in;}




.article-content aside {
display: block;
margin: 15px 20px 5px;
padding: 10px;
background-color: #F0F3F7;
border: 2px solid #BECCD8;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);min-height: 75px;
}


@media screen and (max-width: 850px) {
.tc.rpactive .article-content aside {
margin: 15px 0 5px;
}
}
@media screen and (max-width: 649px) {
.article-content aside {
margin: 15px 0 5px;
}
}


.article-content aside:hover {
border-color: #9AB0C2;
}

.article-content aside &gt; a.avatar {
display: block;
margin: 0 0 0 5px;
padding: 0;
border-radius: 72px;width: 72px;
height: 72px;
float: left;
overflow: hidden;
border: 2px solid #BECCD8;
}

.article-content aside:hover &gt; a.avatar {
border-color: #9AB0C2;
}

.article-content aside &gt; div {
display: block;
margin: 0 0 0 95px;
padding: 0;
}

.article-content aside &gt; div &gt; h5 {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 100%;
}

.article-content aside &gt; div &gt; h5 &gt; a, .article-content aside &gt; div &gt; h5 &gt; a:link, .article-content aside &gt; div &gt; h5 &gt; a:visited {
margin: 0;
padding: 0;
color: #55738A;
text-decoration: none;
}

.article-content aside &gt; div &gt; span {
display: block;
margin: 2px 0 0;
padding: 0;
font-size: 11px;
line-height: 100%;
color: #B0C0CE;
}

.article-content aside &gt; div &gt; p {
display: block;
margin: 7px 0;
padding: 0;
font-size: 12px;
line-height: 120%;
color: #849eb3;
}

.article-content aside &gt; div &gt; p &gt; a, .article-content aside &gt; div &gt; p &gt; a:link, .article-content aside &gt; div &gt; p &gt; a:visited {
display: inline;
margin: 0;
padding: 0;
color: #465F73;
font-weight: 700;
letter-spacing: 0.3px;
}



.article-content ul.fileview {
display: block;
margin: 0;
padding: 7px 0;
clear: both;
list-style-type: none;
}

ul.fileview &gt; h4 {
display: block;
margin: 15px 0 10px;
padding: 0;
width: 100%;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
color: #333;
text-align: center;
line-height: 100%;
}

ul.fileview &gt; li {
display: block;
margin: 5px 0;
padding: 3px 20px;
text-align: left;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);border: 1px solid #fff;
background-color: #EFEFEF;
transition: all 0.35s linear;text-align: center;
}

ul.fileview &gt; li:hover {
background-color: #CCC;
transition: all 0.35s linear;}

ul.fileview &gt; li &gt; a {
display: inline-block;
margin: 0;
padding: 3px;
}

ul.fileview &gt; li &gt; a &gt; img {
display: block;
margin: 0 7px 0 0;
padding: 0;
float: left;
}

ul.fileview &gt; li &gt; a &gt; b {
display: inline-block;
margin: 3px 0 0 5px;
padding: 2px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #333;
line-height: 130%;
text-align: justify;
}

ul.fileview &gt; li &gt; a &gt; b:hover {
color: #000;
}

ul.fileview &gt; li &gt; a &gt; span {
display: inline-block;
margin: 3px 10px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 9px;
color: #999;
}

ul.fileview .blurcontent {
filter: blur(2px);line-height: 170%;
}

ul.fileview .blurcontent &gt; b {
color: #aaa;
}

ul.fileview .blurcontent &gt; b:hover {
color: #888;
}


.article-content .thumbview {
display: block;
margin: 0;
padding: 7px 0 0;
clear: both;
text-align: center;
}

.thumbview &gt; a {
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
transition: all 0.25s ease-out;}

.thumbview:hover &gt; a, .thumbview:focus &gt; a {
opacity: 0.75;transition: all 0.25s ease-in;}

.thumbview:hover &gt; a:hover, .thumbview:hover &gt; a:focus, .thumbview:focus &gt; a:hover, .thumbview:focus a:focus {
opacity: 1;transition: all 0.25s ease-in;}

.thumbview &gt; a &gt; img {
padding: 0;
}

.thumbview &gt; a &gt; img.landscape {
display: block;
margin: 5px auto;
border: 0;
}

@media screen and (max-width: 850px) {
.tc.rpactive .thumbview &gt; a &gt; img.landscape {
height: auto !important;
width: 100% !important;
}
}
@media screen and (max-width: 649px) {
.thumbview &gt; a &gt; img.landscape {
height: auto !important;
width: 100% !important;
}
}



.thumbview &gt; a &gt; img.thumbnail {
float: left;
margin: 5px 2px 25px;
border: 2px solid #fff;
box-shadow: 2px 2px 3px rgba(0,0,0,0.15);}

.thumbview .clear {
clear: both;
}

.thumbview &gt; h3 {
display: block;
margin: 10px 0 0;
padding: 0;
width: 100%;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
color: #333;
text-align: center;
line-height: 100%;
}

.thumbview &gt; h4 {
display: block;
margin: 5px 0 10px;
padding: 0;
width: 100%;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 12px;
font-weight: 300;
color: #333;
text-align: center;
line-height: 100%;
}

.thumbview &gt; h4 &gt; span {
display: inline-block;
vertical-align: top;
margin: 12px 3px 0;
padding: 0;
line-height: 100%;
}

.thumbview &gt; h4 &gt; a, .thumbview &gt; h4 &gt; a:link, .thumbview &gt; h4 &gt; a:visited {
display: inline-block;
margin: 0 3px 0 5px;
padding: 3px 5px;
background-color: #efefef;
border-radius: 5px;color: #3465a4;
font-size: 12px;
transition: all 0.25s ease-out;}

.thumbview &gt; h4 &gt; a:hover, .thumbview &gt; h4 &gt; a:focus {
background-color: #dfdfdf;
color: #000;
transition: all 0.25s ease-out;}

.thumbview &gt; h4 &gt; a &gt; img {
display: inline-block;
margin: 0;
padding: 0 4px 0 2px;
border-radius: 50%;}

.thumbview &gt; h4 &gt; a &gt; span {
display: inline-block;
margin: 0;
padding: 8px 0 0 3px;
vertical-align: top;
}



.article-content .lastphotos, .article-content .photoline {
display: inline-block;
width: 450px;
float: right;
}

@media screen and (max-width: 1009px) {
.article-content .lastphotos, .article-content .photoline {
display: block;
float: none;
width: 100%;
margin-left: 220px;
}
}
@media screen and (max-width: 850px) {
.tc.rpactive .article-content .lastphotos, .article-content .photoline {
width: 100%;
float: none;
margin-left: 0;
}
}
@media screen and (max-width: 649px) {
.article-content .lastphotos, .article-content .photoline {
width: 100%;
float: none;
margin-left: 0;
}
}


.article-content .lastphotos h3, .article-content .photoline h3 {
font-family: 'FusionScreen-Light', sans-serif;
font-size: 15px;
font-weight: 300;
color: #333;
width: 100%;
}

.article-content .lastphotos div, .article-content .photoline div, .article-content .photoline &gt; a {
display: inline-block;
height: 50px;
vertical-align: middle;
margin: 0 3px 0 0;
padding: 0;
border: 2px solid #fff;
box-shadow: 0 0 2px 1px rgba(0,0,0,0.15);cursor: pointer;
opacity: 0.65;transition: all 0.35s ease-in;}

.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: 2px solid #BFCED9;
background-color: #BFCED9;
box-shadow: 0 0 2px 1px rgba(191,206,217,0.85);opacity: 1;transition: all 0.35s ease-in;}

.article-content .lastphotos div:hover a,.article-content .lastphotos div:focus a, .article-content .photoline div:hover a,.article-content .photoline div:focus a {
color: #fff;
}

.article-content .lastphotos img, .article-content .photoline img {
margin: 0;
padding: 0;
border: 0;
}

.article-content .lastphotos a, .article-content .photoline &gt; div &gt; a {
display: block;
margin: 0 3px 0 0;
padding: 18px 1px 0 2px;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 10px;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
color: #333;
}


.article-list {
margin: 3px 0 25px;
padding: 0;
width: 680px;
}

@media screen and (max-width: 850px) {
.tc.rpactive .article-list {
width: auto;
}
}
@media screen and (max-width: 649px) {
.article-list {
width: auto;
}
}


.article-list.combine-list {
display: flow-root;
}

.article-list a {
display: inline-block;
padding: 7px 0 3px 5px;
margin: 3px 0 0;
border-left: 3px solid #eee;
color: #888;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 10px;
font-weight: 300;
cursor: pointer;
width: 47%;
}

@media screen and (max-width: 1009px) {
.article-list {
width: 100%;
}

.article-list a {
width: 47%;
}
}

@media screen and (max-width: 850px) {
.tc.rpactive .article-list a {
width: 100%;
}
}
@media screen and (max-width: 649px) {
.article-list a {
width: 100%;
}
}



.article-list a:hover, .article-list a:focus {
background-color: #eee;
border-left: 3px solid #ccc;
}

.article-list img {
display: inline-block;
margin: 3px 7px;
padding: 0;
float: left;
border: 0;
border-radius: 5px;opacity: 0.75;}

.article-list a:hover img, .article-list a:focus img {
opacity: 1;}

.article-list h4 {
margin: 3px 0;
}

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

.article-list.recommendation {
margin: 7px 10px;
padding: 7px 0;
vertical-align: top;
width: auto;
border-top: 2px solid #eee;
}


@media screen and (max-width: 850px) {
.tc.rpactive .article-list.recommendation {
margin: 7px 0;
}
}

@media screen and (max-width: 649px) {
.article-list.recommendation {
margin: 7px 0;
}
}



.article-list.recommendation h3 {
margin: 7px 0 5px;
padding: 0;
width: 100%;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 15px;
font-weight: 300;
color: #333;
}

.article-list.recommendation h4 {
display: table;
margin: 0;
vertical-align: middle;
}

.article-list.recommendation h4 &gt; span {
display: table-cell;
vertical-align: middle;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 13px;
font-weight: 300;
color: #333;
}

.article-list.recommendation a {
display: inline-flex;
padding: 7px 0 3px;
margin: 3px 0 0;
}





.schedule &gt; div {
display: inline-block;
margin: 3px 5px 20px;
padding: 0;
border: 2px solid #e1e1e1;
border-radius: 3px;width: 330px;
transition: all 0.35s ease-out;vertical-align: top;
}

.schedule &gt; div:hover {
border-color: #d1d1d1;
box-shadow: 1px 7px 12px rgba(0,0,0,0.5);transition: all 0.35s ease-in;}

.schedule &gt; div &gt; cite {
position: relative;
display: block;
width: 100%;
height: 205px;
background-color: #000;
overflow: hidden;
}

.schedule &gt; div &gt; cite img {
transition: all 0.35s ease-out;}

.schedule &gt; div:hover &gt; cite img {
transform: scale(1.25);transition: all 0.35s ease-in;image-rendering: auto;
}

.schedule &gt; div &gt; cite &gt; q, .schedule &gt; div &gt; cite &gt; small {
position: absolute;
display: block;
margin: 0;
padding: 0;
transform: rotate(-30deg);text-align: center;
z-index: 4;
box-shadow: 0 0 7px rgba(0,0,0,1);}

.schedule &gt; div &gt; cite &gt; q {
bottom: 25px;
right: -20px;
width: 200px;
height: 25px;
background-image: linear-gradient(0deg, #a40000, #cc0000);}

.schedule &gt; div &gt; cite &gt; small {
top: 30px;
left: -20px;
width: 210px;
height: 25px;
background-image: linear-gradient(0deg, #0080CC, #7FBFE5);z-index: 4;
}

.schedule &gt; div &gt; cite &gt; small &gt; q, .schedule &gt; div &gt; cite &gt; q &gt; p {
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
color: #fff;
text-shadow: 0 1px 3px rgba(0,0,0,0.25);
letter-spacing: 1px;
text-transform: uppercase;
}

.schedule &gt; div &gt; cite &gt; small &gt; q {
display: block;
margin: 7px 0 0 -20px;
}

.schedule &gt; div &gt; cite &gt; q &gt; p {
margin: 7px 0 0 10px;
}

.schedule &gt; div &gt; cite &gt; big {
position: absolute;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 0 10px rgba(0,0,0,0.3);z-index: 2;
}

.schedule &gt; div &gt; cite &gt; a,.schedule &gt; div &gt; cite &gt; a:link, .schedule &gt; div &gt; cite &gt; a:visited {
position: absolute;
bottom: 0;
margin: 0;
padding: 0;
display: block;
width: 100%;
line-height: 100%;
border: 0;
text-decoration: none;
color: #fff;
background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.6));transition: all 0.35s ease-in;z-index: 3;
}

.schedule &gt; div:hover &gt; cite &gt; a {
background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.85));transition: all 0.35s ease-in;}

.schedule &gt; div &gt; cite &gt; a &gt; h3 {
padding: 12px 7px 3px 15px;
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 130%;
color: #fff;
text-shadow: 0 2px 2px rgba(0,0,0,0.85);
}

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

.schedule &gt; div &gt; p &gt; a &gt; strong {
font-weight: 700;
}

.schedule &gt; div &gt; cite &gt; a &gt; p, .schedule &gt; div &gt; cite &gt; a &gt; strong {
display: block;
font-size: 11px;
color: rgba(255,255,255,0.75);
transition: all 0.35s ease-in;text-shadow: 0 1px 1px rgba(0,0,0,0.35);
}

.schedule &gt; div &gt; cite &gt; a &gt; p {
padding: 0 7px 5px 15px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
}

.schedule &gt; div &gt; cite &gt; a &gt; strong {
padding: 0 7px 12px 15px;
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
}

.schedule &gt; div:hover &gt; cite &gt; a &gt; strong, .schedule &gt; div:hover &gt; cite &gt; a &gt; p {
color: rgba(255,255,255,0.9);
transition: all 0.35s ease-in;}

.schedule &gt; div:hover &gt; cite &gt; big {
box-shadow: inset 0 0 25px rgba(0,0,0,0.5);transition: all 0.35s ease-in;}

.schedule &gt; div &gt; hr {
display: block;
margin: 0;
padding: 0;
width: 100%;
border: 1px solid #e1e1e1;
}

.schedule &gt; div &gt; p {
margin: 10px 20px 7px 10px;
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
color: #888;
line-height: 130%;
}

.schedule &gt; div &gt; em {
display: block;
color: #000;
margin: 3px 20px 7px 10px;
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
text-transform: uppercase;
}

.schedule &gt; div &gt; div {
background-color: #fcfcfc;
color: #666;
width: 100%;
height: 35px;
border-top: 1px solid #e1e1e1;
}

.schedule &gt; div &gt; div &gt; p {
display: inline-block;
margin: 0;
padding: 0;
width: 163px;
height: 100%;
line-height: 100%;
text-align: center;
border: 0;
}

.schedule &gt; div &gt; div &gt; p &gt; a, .schedule &gt; div &gt; div &gt; p &gt; a:link, .schedule &gt; div &gt; div &gt; p &gt; a:visited {
display: block;
margin: 0;
padding: 12px 0;
vertical-align: middle;
color: #666;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 300;
font-size: 11px;
text-transform: uppercase;
transition: all 0.35s ease-in;}

.schedule &gt; div &gt; div &gt; p:hover a {
background-color: #ccc;
transition: all 0.35s ease-in;}

.schedule &gt; div &gt; div &gt; p.first {
clear: both;
}

.schedule &gt; div &gt; div &gt; p.last {
float: right;
border-left: 1px solid #e1e1e1;
}


.schedule div &gt; aside {
position: relative;
display: block;
margin: 5px 7px;
padding: 2px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
border-radius: 5px;border-top: 1px solid rgba(0, 0, 0, 0.8);
box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2), 0 1px 5px rgba(0, 0, 0, 0.7) inset;box-sizing: border-box;
height: 18px;
}

.schedule div &gt; aside &gt; div {
margin: 0;
padding: 0;
background-color: #5bc0de;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size: 40px 40px;
border-radius: 5px;float: left;
height: 100%;
width: 0;
}

.schedule div &gt; aside &gt; div.green {
background-color: #1AC049;
}

.schedule div &gt; aside &gt; div.orange {
background-color: #FF860D;
}

.schedule div &gt; aside &gt; div.red {
background-color: #C11A1A;
}

.schedule div &gt; aside &gt; p {
position: absolute;
display: block;
float: left;
margin: -1px 0 0;
padding: 0;
font-size: 10px;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,0.25);
width: 100%;
height: 100%;
text-align: center;
line-height: 15px;
}



.schedule-content {
background-color: #eee;
border-radius: 5px;}

.schedule-content &gt; cite {
position: relative;
display: block;
width: 100%;
height: 250px;
background-color: #000;
border-radius: 5px;overflow: hidden;
}

.schedule-content &gt; cite &gt; img {
position: absolute;
display: block;
margin: 0 auto;
padding: 0;
border: 0;
z-index: 0;
}

.schedule-content &gt; cite &gt; q, .schedule-content &gt; cite &gt; small {
position: absolute;
display: block;
margin: 0;
padding: 0;
transform: rotate(-30deg);text-align: center;
z-index: 4;
box-shadow: 0 0 7px rgba(0,0,0,1);}

.schedule-content &gt; cite &gt; q {
bottom: 25px;
right: -20px;
width: 200px;
height: 25px;
background-image: linear-gradient(0deg, #a40000, #cc0000);}

.schedule-content &gt; cite &gt; small {
top: 30px;
left: -20px;
width: 210px;
height: 25px;
background-image: linear-gradient(0deg, #0080CC, #7FBFE5);z-index: 4;
}

.schedule-content &gt; cite &gt; small &gt; q, .schedule-content &gt; cite &gt; q &gt; p {
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
color: #fff;
text-shadow: 0 1px 3px rgba(0,0,0,0.25);
letter-spacing: 1px;
text-transform: uppercase;
}

.schedule-content &gt; cite &gt; small &gt; q {
display: block;
margin: 7px 0 0 -20px;
}

.schedule-content &gt; cite &gt; q &gt; p {
margin: 7px 0 0 10px;
}

.schedule-content &gt; cite &gt; big {
position: absolute;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);z-index: 2;
}

.schedule-content &gt; cite &gt; span {
position: absolute;
bottom: 0;
margin: 0;
padding: 0 0 20px 10px;
display: block;
width: 100%;
line-height: 100%;
background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.85));transition: all 0.35s ease-in;z-index: 3;
}

.schedule-content &gt; cite &gt; span &gt; h3 {
padding: 12px 7px 3px 15px;
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
color: #fff;
text-shadow: 0 2px 2px rgba(0,0,0,0.85);
line-height: 130%;
}


@media screen and (max-width: 850px) {
.tc.rpactive .schedule-content &gt; cite &gt; span &gt; h3 {
padding: 12px 15px 3px;
}
}
@media screen and (max-width: 649px) {
.schedule-content &gt; cite &gt; span &gt; h3 {
padding: 12px 15px 3px;
}
}


.schedule-content &gt; cite &gt; span &gt; p, .schedule-content &gt; cite &gt; span &gt; strong {
display: block;
font-size: 11px;
color: rgba(255,255,255,0.85);
transition: all 0.35s ease-in;text-shadow: 0 1px 1px rgba(0,0,0,0.35);
}

.schedule-content &gt; cite &gt; span &gt; p {
padding: 0 7px 5px 15px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
}

.schedule-content &gt; cite &gt; span &gt; strong {
margin: 0 7px 0 15px;
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
line-height: 110%;
}


@media screen and (max-width: 850px) {
.tc.rpactive .schedule-content &gt; cite &gt; span &gt; strong {
margin: 0 15px;
}
}
@media screen and (max-width: 649px) {
.schedule-content &gt; cite &gt; span &gt; strong {
margin: 0 15px;
}
}


.schedule-content &gt; div {
background-color: #f9f9f9;
display: inline-block;
margin: 15px 0 15px 15px;
padding: 5px;
border-radius: 5px;border: 1px solid #ccc;
width: 380px;
vertical-align: top;
}


@media screen and (max-width: 850px) {
.tc.rpactive .schedule-content &gt; div {
margin: 15px;
width: auto;
}
}
@media screen and (max-width: 649px) {
.schedule-content &gt; div {
margin: 15px;
width: auto;
}
}


.schedule-content &gt; small {
background-color: #f9f9f9;
display: inline-block;
margin: 15px 0 15px 15px;
padding: 5px;
border-radius: 5px;border: 1px solid #ccc;
width: 250px;
vertical-align: top;
}



@media screen and (max-width: 850px) {
.tc.rpactive .schedule-content &gt; small {
width: auto;
margin: 15px;
}
}
@media screen and (max-width: 649px) {
.schedule-content &gt; small {
width: auto;
margin: 15px;
}
}


.windowrec {
margin: -255px 0 0 -320px;
width: 640px;
height: 510px;
top: 50%;
left: 50%;
}


@media screen and (max-width: 850px) {
.tc.rpactive .windowrec {
margin: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
}
@media screen and (max-width: 649px) {
.windowrec {
margin: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
}


.schedule-content &gt; small a,.schedule-content &gt; small a:link,.schedule-content &gt; small a:visited {
display: inline-block;
margin: 0;
padding: 5px 7px;
text-decoration: none;
border-radius: 5px;font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
cursor: pointer;
transition: all 0.35s ease-in;color: #666;
line-height: 100%;
background-color: #e6e6e6;
}

.schedule-content &gt; small a:hover {
color: #333;
background-color: #e0e0e0;
transition: all 0.35s ease-in;}

.schedule-content &gt; small &gt; ul &gt; li &gt; strong {
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 11px;
}

.schedule-content &gt; small &gt; ul {
margin: 5px 0 5px 25px;
}

.schedule-content &gt; small  li {
font-size: 11px;
line-height: 130%;
margin: 7px 0;
}

.schedule-content h4 {
margin: 5px 5px 10px 10px;
line-height: 100%;
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
}

.schedule-content &gt; div &gt; p {
margin: 5px 5px 10px 10px;
font-size: 12px;
line-height: 130%;
}

.schedule-content &gt; p {
display: block;
margin: 0;
padding: 0;
width: 100%;
line-height: 100%;
text-align: center;
}

.schedule-content &gt; div &gt; p  strong {
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
}

.schedule-content &gt; blockquote {
display: block;
margin: 5px 10px 0;
padding: 0 0 0 10px;
background-color: rgba(255,255,255,0.7);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);border-radius: 5px;}

.schedule-content &gt; blockquote a:link, .schedule-content &gt; blockquote a:visited, .schedule-content &gt; blockquote a:active, .schedule-content &gt; blockquote a:hover {
text-decoration: none;
}

.schedule-content &gt; blockquote &gt; a &gt; img {
padding: 0;
border: 2px solid #fff;
margin: 10px 5px 7px 0;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);}

.schedule-content &gt; blockquote &gt; a:hover &gt; img {
box-shadow: 0 1px 3px rgba(0,0,0,0.35);}

.schedule-content &gt; span {
display: block;
width: 100%;
height: 10px;
}

.schedule-content &gt; p &gt; a, .schedule-content &gt; p &gt; a:link, .schedule-content &gt; p &gt; a:visited {
display: block;
margin: 0;
padding: 12px 0;
vertical-align: middle;
color: #fff;
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 12px;
transition: all 0.35s ease-in;border: 2px solid #204a87;
border-radius: 5px;background-image: linear-gradient(0deg, #3465a4, #729fcf);}

.schedule-content &gt; p:hover a {
background-image: linear-gradient(0deg, #0080cc, #7fbfe5);background-color: #ccc;
transition: all 0.35s ease-in;}

.schedule-content &gt; p &gt; a.inactive, .schedule-content &gt; p &gt; a.inactive:link, .schedule-content &gt; p &gt; a.inactive:visited, .schedule-content &gt; p:hover a.inactive {
background-image: linear-gradient(0deg, #CCCCCC, #EFEFEF);color: #666;
border: 2px solid #aaa;
}



.request {
display: table;
margin: 30px auto;
padding: 0;
width: auto;
background-color: #fff;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.45);border-top: 4px solid #555753;
}


@media screen and (max-width: 850px) {
.tc.rpactive .request {
width: 100%;
border: none;
border-top: 4px solid #555753;
}
}

@media screen and (max-width: 649px) {
.request {
width: 100%;
border: none;
border-top: 4px solid #555753;
}
}


.request .main-col, .request .right-col {
position: relative;
padding: 0;
}

.request .main-col {
display: inline-block;
width: 700px;
margin: 0 10px 25px;
min-height: 700px;
float: left;
}

.request .right-col {
display: block;
width: 270px;
margin: 0;
float: right;
}

@media screen and (max-width: 1009px) {
.request .main-col {
width: auto;
}

.request .right-col {
display: none;
}
}



.request-header {
position: relative;
display: block;
margin: 0;
padding: 0;
background-color: #000;
overflow: hidden;
transform: translateZ(0);}

.request-header &gt; div {
position: relative;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
display: block;
margin: 10px 0;
padding: 10px 0;
text-shadow: 0 0 2px rgba(0,0,0,0.9);
}


.request &gt; .request-header &gt; div {
margin: 10px 0 0;
padding: 50px 0;
}

.request-header &gt; div &gt; h1 {
text-align: center;
}

.request-header &gt; div &gt; h1 &gt; a, .request-header &gt; div &gt; h1 &gt; a:visited, .request-header &gt; div &gt; h1 &gt; a:link {
color: #fff;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 28px;
font-weight: 300;
text-transform: uppercase;
text-decoration: none;
}

.request-header &gt; div &gt; p {
color: #fff;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
text-decoration: none;
text-align: center;
letter-spacing: 0.8px;
}

.request-header &gt; img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.75;transform: scale(1.2);transition: all 0.35s linear;background-size: cover;
filter: blur(15px);object-fit: cover;
}

.request-header:hover &gt; img {
transform: scale(1.3);transition: all 0.35s linear;opacity: 0.5;}

.request-header &gt; ul {
display: block;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));opacity: 1;position: relative;
bottom: 0;
left: 0;
right: 0;
margin: 10px 0 0;
padding: 7px 5px;
text-align: center;
}

.request-header &gt; ul &gt; li {
display: inline-block;
list-style-type: none;
padding: 7px 5px;
margin: 0 3px;
}

.request-header &gt; ul &gt; li &gt; a {
display: inline-block;
margin: 0 5px;
padding: 7px 12px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
color: #fff;
text-shadow: rgba(0,0,0,0.8) 2px 2px 3px;
border-radius: 5px;opacity: 0.75;transition: all 0.35s linear;cursor: pointer;
text-transform: uppercase;
}

.request-header &gt; ul &gt; li &gt; a.active {
opacity: 1;background-color: rgba(255,255,255,0.25);
}

.request-header &gt; ul &gt; li &gt; a:hover, .request-header &gt; ul &gt; li &gt; a:focus {
background-color: rgba(255,255,255,0.2);
box-shadow: 0 0 7px 7px rgba(255,255,255,0.2);opacity: 1;transition: all 0.35s linear;}

.request-header &gt; ul &gt; li &gt; a.active:hover, .request-header &gt; ul &gt; li &gt; a.active:focus {
background-color: rgba(255,255,255,0.35);
box-shadow: 0 0 7px 7px rgba(255,255,255,0.35);}
.request-header &gt; ul &gt; li &gt; a:active {
background-color: rgba(255,255,255,0.5);
box-shadow: 0 0 7px 7px rgba(255,255,255,0.5);}

.request-header &gt; ul &gt; li &gt; a img, .request-header &gt; ul &gt; li &gt; a svg {
display: inline-block;
margin: 0 5px;
padding: 0;
}

.request-header &gt; ul &gt; li &gt; a svg {
width: 24px;
fill: #bbb;
}

.request-header &gt; ul &gt; li &gt; a:hover svg, .request-header &gt; ul &gt; li &gt; a:focus svg {
fill: #ccc;
}

.request-header &gt; ul &gt; li &gt; a &gt; span {
display: inline-block;
margin: 7px 0 0 5px;
padding: 0;
vertical-align: top;
}

.reqblock {
margin-top: 10px;
padding: 0;
background-color: #fff;
}

.reqblock &gt; .reqinfo {
display: block;
margin: 10px 0 0;
padding: 10px 12px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 13px;
border: 1px solid #ccc;
background-color: #eee;
line-height: 130%;
}

.reqblock &gt; .reqhead {
position: relative;
text-align: center;
margin: 12px 0 0;
}

.reqblock &gt; .reqhead &gt; h2 {
position: relative;
z-index: 1;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 16px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
margin: 10px auto;
color: #333;
background-color: #fff;
display: inline-block;
padding: 5px 40px 3px;
line-height: 100%;
}

.reqblock &gt; .reqhead &gt; hr {
position: absolute;
z-index: 0;
top: 17px;
border: 0;
border-top: 1px solid #aaa;
display: inline-block;
color: #fff;
width: 100%;
height: 1px;
right: 0;
}

.reqcontent {
margin: 0;
}

.reqcontent &gt; p {
padding: 10px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 13px;
line-height: 130%;
}

.reqcontent &gt; p.center {
text-align: center;
}

.reqcontent &gt; p &gt; sub {
position: relative;
font-size: 100%;
margin: 0 20px 15px 0;
padding: 0;
display: inline-block;
border: 3px solid #fff;
cursor: pointer;
transition: all 0.25s ease-in;background-color: rgba(0, 0, 0, 0.08);
box-shadow: 0 0 0 3px rgba(0,0,0,0.25);overflow: hidden;
width: 180px;
height: 250px;
line-height: 100%;
}

.reqcontent &gt; p &gt; sub:hover {
border-color: #3465a4;
}

.reqcontent &gt; p &gt; sub.active {
box-shadow: 0 0 0 3px #4e9a06;}

.reqcontent &gt; p &gt; sub.error {
box-shadow: 0 0 0 3px #a40000;background-color: #D28080;
}

.reqcontent &gt; p &gt; sub:hover {
background-color: rgba(0, 0, 0, 0.15);
}

.reqcontent &gt; p &gt; sub &gt; label {
position: absolute;
top: 0;
left: 0;
display: block;
font-size: 48px;
margin: 0 0 0;
padding: 0;
width: 100%;
text-align: center;
color: #fff;
line-height: 500%;
cursor: pointer;
}

.reqcontent &gt; p &gt; sub &gt; input {
width: 0.1px;
height: 0.1px;
opacity: 0;overflow: hidden;
position: absolute;
z-index: -1;
}

.reqcontent &gt; p &gt; sub &gt; svg {
display: block;
margin: 0;
padding: 0;
transition: all 0.25s ease-in;fill: rgba(0,0,0,0.1);
}

.reqcontent &gt; p &gt; sub:hover &gt; svg {
fill: #8badda;
}

.reqcontent &gt; p &gt; sub &gt; img.landscape {
width: auto;
height: 100%;
}

.reqcontent &gt; p &gt; sub &gt; img.portrait {
width: 100%;
height: auto;
}

.reqcontent &gt; p &gt; sub:hover &gt; img {
opacity: 0.5;}

.reqcontent &gt; p &gt; sub &gt; span {
position: absolute;
bottom: -2px;
left: 0;
right: 0;
display: block;
width: 100%;
padding: 12px 0;
text-align: center;
color: #333;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
background-color: rgba(255,255,255,0.92);
transition: all 0.25s ease-in;}

.reqcontent &gt; p &gt; sub:hover &gt; span {
color: #fff;
background-color: #3465a4;
transition: all 0.25s ease-in;}

.reqcontactbox {
margin: 12px 25px;
padding: 0;
}


@media screen and (max-width: 1009px) {
.reqcontactbox {
margin: 0;
}
}




.reqcontactbox .reqhalb {
display: inline-block;
width: 50%;
margin: 0;
padding: 0;
}

.reqcontactbox input, .reqcontactbox textarea {
outline: none;
width: 100%;
padding: 12px;
margin: 5px 0;
border: 2px solid #ccc;
background-color: #fafafa;
font-family: sans-serif;
font-size: 12px;
line-height: normal;
box-sizing: border-box;
border-radius: 2px;resize: none;
}

.reqcontactbox input:hover, .reqcontactbox textarea:hover, .reqcontactbox input:focus, .reqcontactbox textarea:focus {
border-color: #729fcf;
}

.reqcontactbox input.active, .reqcontactbox textarea.active {
background-color: #A7CD83;
border-color: #4e9a06;
}

.reqcontactbox input.error, .reqcontactbox textarea.error {
background-color: #D28080;
border-color: #a40000;
}

.reqcontactbox label {
display: block;
margin: 10px 25px 0 0;
font-size: 12px;
color: #363636;
font-weight: 400;
}

.reqcontactbox label.last {
margin: 10px 0 0;
}

.reginfo {
display: block;
margin: 10px 25px 30px;
padding: 0;
}

.reginfo &gt; h4 {
display: block;
margin: 12px 0 7px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #8E8E8E;
}

.reginfo &gt; p {
display: block;
margin: 7px 12px 0;
padding: 12px;
font-size: 13px;
line-height: 150%;
}

.reginfo &gt; p &gt; strong {
font-weight: 700;
margin: 0 7px 0 0;
display: inline-block;
font-size: 14px;
letter-spacing: 0.4px;
}

.reqbutton {
position: relative;
display: block;
margin: 15px 25px;
padding: 0;
overflow: hidden;
}


@media screen and (max-width: 1009px) {
.reqbutton {
margin: 0;
}
}


.reqbutton:after {
position: absolute;
top: -50%;
left: -100%;
content: "";
width: 50%;
height: 200%;
opacity: 0.2;transform: rotate(35deg);transition: all 5s ease-in;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;
}

.reqbutton:hover:after {
left: 200%;
opacity: 0.4;transition: all 5s ease-in;}

.reqbutton &gt; input {
display: block;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
margin: 0;
padding: 15px 0;
color: #fff;
text-transform: uppercase;
border: none;
background-color: #3465a4;
transition: all 0.4s;text-align: center;
cursor: pointer;
width: 100%;
border-radius: 7px;}

.reqbutton &gt; input:hover {
background-color: #729fcf;
}





.TB_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100%;
background-color: #000;
opacity: 0.65;z-index: 100;
}

.TB_window {
display: block;
position: fixed;
background: #fff;
color: #000;
border: 1px solid #83818b;
overflow: auto;
text-align: left;
z-index: 101;
}

.requestwindow-box {
margin: 0;
padding: 7px 5px 0 20px;
color: #666;
font-size: 11px;
}

.close {
display: block;
margin: 2px 5px;
padding: 0;
width: 19px;
height: 19px;
background-color: #ddd;
background-position: -100px 0;
background-repeat: no-repeat;
box-shadow: 0 0 5px 5px rgba(255,255,255,0.45);transition: all 0.35s;float: right;
cursor: pointer;
}

.close:hover, .close:focus {
transition: all 0.35s;background-color: #a00;
}

.thankyou {
background-color: transparent;
border: none;
cursor: default;
}

.thankyou img {
margin: 0 0 0 204px;
width: 232px;
height: 256px;
}

.thankyou p {
padding: 20px 0 0;
font-family: 'FusionScreen-Regular',Tahoma,Verdana,Arial,sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
text-align: center;
text-shadow: 0 3px 3px rgba(0,0,0,0.45);
color: #fff;
}


.subscribeboard {
display: block;
margin: 10px 0 7px;
padding: 20px;
border-radius: 7px;background: linear-gradient(45deg,#341660,#B6115E);}

.subscribeboard.noborder {
margin: 0;
padding: 0;
border-radius: 0;}

.subscribeboard &gt; div {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: top;
}

.subscribeboard &gt; div.icon {
width: 15%;
}

.subscribeboard &gt; div.icon &gt; a {
display: block;
margin: 0;
padding: 0;
width: 100%;
}

.subscribeboard &gt; div.icon &gt; a &gt; svg {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: auto;
fill: #fff;
opacity: 0.15;transition: all 0.35s;}

.subscribeboard:hover &gt; div.icon &gt; a &gt; svg {
opacity: 0.5;transition: all 0.35s;}

.subscribeboard &gt; div.subscrible {
width: 85%;
}

.subscribeboard &gt; div.subscrible &gt; div {
display: block;
margin: 0;
padding: 10px 35px;
}



@media screen and (max-width: 850px) {
.tc.rpactive .subscribeboard &gt; div.icon {
display: none;
}

.tc.rpactive .subscribeboard &gt; div.subscrible {
display: block;
width: 100%;
}

.tc.rpactive .subscribeboard &gt; div.subscrible &gt; div {
padding: 0;
}
}
@media screen and (max-width: 649px) {
.subscribeboard &gt; div.icon {
display: none;
}

.subscribeboard &gt; div.subscrible {
display: block;
width: 100%;
}

.subscribeboard &gt; div.subscrible &gt; div {
padding: 0;
}
}



.subscribeboard &gt; div.subscrible &gt; div &gt; p.title {
display: block;
margin: 0;
padding: 0;
font-family: 'FusionScreen-Regular',Tahoma,Verdana,Arial,sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
line-height: 100%;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; p.desc {
display: block;
margin: 0;
padding: 7px 0 0;
font-family: 'FusionScreen-Regular',Tahoma,Verdana,Arial,sans-serif;
font-size: 13px;
font-weight: 500;
color: rgba(255,255,255,0.55);
line-height: 140%;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox {
display: table;
margin: 9px 0 0;
padding: 2px;
width: 100%;
border-radius: 5px;background-color: #fff;
justify-content: space-around;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div {
position: relative;
display: table-cell;
margin: 0;
padding: 0;
vertical-align: middle;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.input, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.input {
width: 65%;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.input &gt; div, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.input &gt; div {
display: block;
margin: 0 5px;
padding: 0;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.input &gt; div &gt; input, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.input &gt; div &gt; input {
display: block;
margin: 0;
padding: 7px 0;
border: none;
outline: none;
width: 100%;
font-family: 'FusionScreen-Bold',Tahoma,Verdana,Arial,sans-serif;
font-size: 13px;
font-weight: 700;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
margin: 0;
padding: 0;
background-color: #3f044e;
text-align: center;
text-transform: uppercase;
border-radius: 4px;font-family: 'FusionScreen-Regular',Tahoma,Verdana,Arial,sans-serif;
font-size: 13px;
font-weight: 500;
color: rgba(255,255,255,0.7);
overflow: hidden;
transition: all 0.35s;}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn.save &gt; a, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn.save &gt; a {
background-color: #a40000;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a:hover, .subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a:focus, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a:hover, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a:focus {
background-color: #66077e;
color: rgba(255,255,255,0.95);
transition: all 0.35s;}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn.save &gt; a:hover,
.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn.save &gt; a:focus,
.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn.save &gt; a:hover,
.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn.save &gt; a:focus {
background-color: #cc0000;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a.subscribed,
.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a.subscribed,
.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn.save &gt; a.subscribed,
.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn.save &gt; a.subscribed {
background-color: #73d216;
transition: all 0.35s;}
.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a.subscribed:hover,
.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a.subscribed:hover {
background-color: #8ae234;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a:after, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a:after {
position: absolute;
top: -50%;
left: -100%;
content: "";
width: 50px;
height: 200%;
opacity: 0.2;transform: rotate(35deg);background-color: rgba(255,255,255,0.8);
z-index: 0;
transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a:hover:after, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a:hover:after {
left: 200%;
opacity: 0.4;transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a &gt; span, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a &gt; span {
display: inline-block;
vertical-align: middle;
padding: 10px 0;
}
.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a &gt; svg, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a &gt; svg {
display: inline-block;
vertical-align: middle;
margin: 0 7px 0 0;
padding: 0;
width: 16px;
height: auto;
fill: rgba(255,255,255,0.7);
transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);}
.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a:hover &gt; svg, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a:hover &gt; svg {
fill: rgba(255,255,255,0.95);
transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);}


@media screen and (max-width: 649px) {
.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a &gt; svg, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a &gt; svg {
display: none;
}
}


.subscribeboard &gt; div.nlbox {
position: relative;
display: table;
margin: 0;
padding: 0;
width: 100%;
}

.subscribeboard &gt; div.nlbox &gt; div {
display: table-cell;
vertical-align: top;
}

.subscribeboard &gt; div.nlbox &gt; div.typobg {
position: absolute;
top: 10px;
left: 0;
right: 35%;
font-family: 'FusionScreen-Regular',Tahoma,Verdana,Arial,sans-serif;
font-size: 55px;
font-weight: 700;
line-height: 100%;
color: rgba(255,255,255,0.1);
text-align: right;
text-transform: uppercase;
background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(225deg,hsla(0,0%,100%,.4),rgba(178,0,210,.4));opacity: 0.5;cursor: default;
}

.subscribeboard &gt; div.nlbox &gt; div.typobg &gt; span {
display: block;
margin: 0 -5px 0 0;
padding: 0;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview {
width: 65%;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; h3 {
display: block;
margin: 0;
padding: 20px 25px 0;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 32px;
font-weight: 300;
color: #fff;
line-height: 100%;
text-shadow: 0 0 6px rgba(0,0,0,0.8);
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; h4 {
display: block;
margin: 0;
padding: 25px 0;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 50px;
font-weight: 500;
text-transform: uppercase;
color: rgba(255,255,255,0.5);
line-height: 100%;
text-shadow: 0 0 6px rgba(0,0,0,0.4);
text-align: center;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; p {
display: block;
margin: 0;
padding: 0 25px;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.7);
line-height: 100%;
text-shadow: 0 0 6px rgba(0,0,0,0.6);
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar {
position: relative;
display: block;
margin: 15px 0;
padding: 0 25px;
z-index: 1;
white-space: pre-wrap;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div {
display: block;
direction: rtl;
text-align: left;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a {
display: inline-block;
margin: 0 0 5px -15px;
padding: 2px;
border-radius: 50%;background-color: rgba(255,255,255,0.7);
overflow: hidden;
box-shadow: 0 6px 12px -1px rgba(0,0,0,0.4);transition: all 0.15s;}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a:last-child {
margin: 0 0 5px;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a:hover {
transform: scale(1.1);background-color: rgba(255,255,255,1);
transition: all 0.15s;}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a &gt; img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
border-radius: 50%;overflow: hidden;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput {
display: block;
margin: 0 25px;
padding: 0;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlwarn, .subscribeboard &gt; div.subscrible &gt; div &gt; .nlwarn {
display: none;
margin: 0 25px 0 30px;
padding: 7px;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 14px;
font-weight: 500;
color: #fff;
line-height: 130%;
text-align: center;
background-color: #cc0000;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .nlwarn {
margin: 0 5px 0 10px;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlwarn.show, .subscribeboard &gt; div.subscrible &gt; div &gt; .nlwarn.show {
display: block;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts {
display: block;
margin: 15px 25px 0;
padding: 0;
}

.subscribeboard.subscribed &gt; div.nlbox &gt; div.nlview &gt; .nlparts {
display: none;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts &gt; div {
position: relative;
display: block;
margin: 10px;
padding: 7px 12px;
border-radius: 7px;cursor: pointer;
overflow: hidden;
transition: all 0.35s;}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts &gt; div:hover {
background-color: rgba(255,255,255,0.1);
transition: all 0.35s;}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts &gt; div.enabled {
background-color: rgba(115, 210, 22,0.65);
}
.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts &gt; div.enabled:hover {
background-color: rgba(115, 210, 22,0.85);
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts &gt; div:after {
position: absolute;
top: -50%;
left: -100%;
content: "";
width: 50px;
height: 200%;
opacity: 0.2;transform: rotate(35deg);transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);background-color: rgba(255,255,255,0.8);
z-index: 0;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts &gt; div:hover:after {
left: 200%;
opacity: 0.4;transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts &gt; div &gt; .goldenbox input {
border-color: #fff;
background-color: rgba(255,255,255,0.2);
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts &gt; div &gt; .meta {
display: block;
margin: 0 0 0 40px;
padding: 0;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts &gt; div &gt; .meta &gt; .title {
display: block;
margin: 0;
padding: 2px 0 5px;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
line-height: 100%;
text-shadow: 0 0 6px rgba(0,0,0,0.6);
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts &gt; div &gt; .meta &gt; .desc {
display: block;
margin: 0;
padding: 0;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.6);
line-height: 130%;
text-shadow: 0 0 6px rgba(0,0,0,0.3);
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinfo {
display: block;
margin: 15px 25px 0;
padding: 0;
}

.subscribeboard.subscribed &gt; div.nlbox &gt; div.nlview &gt; .nlinfo {
display: none;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinfo &gt; div {
display: block;
margin: 10px;
padding: 7px 12px;
border-radius: 7px;}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinfo &gt; div &gt; h6 {
display: block;
margin: 0;
padding: 7px 0 0;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.7);
line-height: 130%;
text-shadow: 0 0 6px rgba(0,0,0,0.3);
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinfo &gt; div &gt; p {
display: block;
margin: 0;
padding: 7px 0 0;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 12px;
font-weight: 500;
color: rgba(255,255,255,0.4);
line-height: 130%;
text-shadow: 0 0 6px rgba(0,0,0,0.3);
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinfo &gt; div &gt; p &gt; b {
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinfo &gt; div &gt; p &gt; a {
padding: 0 1px;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 12px;
font-weight: 500;
color: rgba(255,255,255,0.5);
line-height: 130%;
text-shadow: 0 0 6px rgba(0,0,0,0.3);
text-decoration: underline;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinfo &gt; div &gt; p &gt; a:hover {
color: rgba(255,255,255,0.7);
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlsubscribled {
display: none;
margin: 25px;
padding: 0;
}

.subscribeboard.subscribed &gt; div.nlbox &gt; div.nlview &gt; .nlsubscribled {
display: block;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlsubscribled &gt; .meta {
display: block;
margin: 10px;
padding: 7px 12px;
border-radius: 7px;background-color: rgba(255,255,255,0.2);
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlsubscribled &gt; .meta &gt; .title {
display: block;
margin: 0;
padding: 2px 0 5px;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
line-height: 100%;
text-shadow: 0 0 6px rgba(0,0,0,0.6);
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlsubscribled &gt; .meta &gt; .desc {
display: block;
margin: 0;
padding: 0;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.6);
line-height: 130%;
text-shadow: 0 0 6px rgba(0,0,0,0.3);
}



@media screen and (max-width: 1049px) {
.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a {
font-size: 12px;
line-height: 110%;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a &gt; span, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a &gt; span {
padding: 9px 0;
}
}

@media screen and (max-width: 850px) {
.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; h3 {
font-size: 28px;
}

.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.typobg {
display: none;
}

.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; h3 {
padding: 20px 5px 0;
}

.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; p {
padding: 0 5px;
}

.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput {
margin: 0 10px 0 5px;
}

.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinfo {
margin: 15px 5px;
}

.tc.rpactive .subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a {
font-size: 12px;
line-height: 110%;
}

.tc.rpactive .subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a &gt; span, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a &gt; span {
padding: 3px 5px;
}

.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinfo &gt; div {
padding: 7px 0px;
}

.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar {
padding: 0 10px;
}

.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a:nth-child(1), .tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a:nth-child(2), .tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a:nth-child(3), .tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a:nth-child(4) {
display: none;
}
}

@media screen and (max-width: 649px) {
.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; h3 {
font-size: 28px;
}

.subscribeboard &gt; div.nlbox &gt; div.typobg {
display: none;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; h3 {
padding: 20px 5px 0;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; p {
padding: 0 5px;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput {
margin: 0 10px 0 5px;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlparts, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinfo {
margin: 15px 5px;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a {
font-size: 12px;
line-height: 110%;
}

.subscribeboard &gt; div.subscrible &gt; div &gt; .inputbox &gt; div.btn &gt; a &gt; span, .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinput &gt; .inputbox &gt; div.btn &gt; a &gt; span {
padding: 3px 5px;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .nlinfo &gt; div {
padding: 7px 0px;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar {
padding: 0 10px;
}

.subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a:nth-child(1), .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a:nth-child(2), .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a:nth-child(3), .subscribeboard &gt; div.nlbox &gt; div.nlview &gt; .avatarbar &gt; div &gt; a:nth-child(4) {
display: none;
}
}



.subscribeboard &gt; div.nlbox &gt; div.nlside {
width: 35%;
background-color: rgba(255,255,255,0.1);
box-shadow: 0 0 40px rgba(0,0,0,0.5);}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock {
display: block;
margin: 15px 20px 0;
padding: 0;
}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; h5 {
display: block;
margin: 0 0 12px;
padding: 0;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
line-height: 100%;
text-shadow: 0 0 6px rgba(0,0,0,0.6);
}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a {
position: relative;
display: block;
margin: 7px 0 0;
padding: 7px 12px;
border-radius: 7px;overflow: hidden;
transition: all 0.35s;}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a:hover {
background-color: rgba(255,255,255,0.1);
transition: all 0.35s;}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a:after {
position: absolute;
top: -50%;
left: -100%;
content: "";
width: 50px;
height: 200%;
opacity: 0.2;transform: rotate(35deg);transition: all 3.5s cubic-bezier(0.19, 1, 0.22, 1);background-color: rgba(255,255,255,0.8);
z-index: 0;
}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a:hover:after {
left: 200%;
opacity: 0.4;}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a &gt; svg {
display: inline-block;
margin: 0;
padding: 0;
width: 32px;
height: auto;
fill: #fff;
}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a &gt; p {
display: inline-block;
margin: 0 0 0 10px;
padding: 0;
vertical-align: top;
}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a &gt; p &gt; b {
display: block;
margin: 0;
padding: 0;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 100%;
color: rgba(255,255,255,0.7);
}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a &gt; p &gt; i {
display: block;
margin: 5px 0 0;
padding: 0;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 100%;
color: rgba(255,255,255,0.4);
}


@media screen and (max-width: 949px) {
.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a &gt; p &gt; i {
display: none;
}
}

@media screen and (max-width: 850px) {
.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock {
margin: 15px 7px 0;
text-align: center;
}

.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a &gt; svg {
text-align: center;
}

.tc.rpactive .subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a &gt; p {
display: none;
}
}
@media screen and (max-width: 649px) {
.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock {
margin: 15px 7px 0;
text-align: center;
}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a &gt; svg {
text-align: center;
}

.subscribeboard &gt; div.nlbox &gt; div.nlside &gt; .sblock &gt; a &gt; p {
display: none;
}
}




nav.pagination * {
box-sizing: border-box;
}

nav.pagination {
font-size: 12px;
font-weight: 400;
margin: 10px 0 0;
padding: 0;
clear: both;
line-height: 32px;
}

nav.pagination &gt; div {
display: flex;
}

nav.pagination &gt; div.results {
display: block;
background-color: #E7E7E7;
margin: 0;
padding: 7px 0;
text-align: center;
text-transform: uppercase;
font-size: 10px;
line-height: 100%;
border-radius: 0 0 7px 7px;}

nav.pagination &gt; div &gt; a.next, nav.pagination &gt; div &gt; a.prev, nav.pagination &gt; div &gt; a.last, nav.pagination &gt; div &gt; a.first, .blog-header a.back {
display: inline-block;
flex-grow: 1;
margin: 0;
padding: 0 12px;
position: relative;
text-align: center;
background-color: #f57900;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}

.blog-header a.back {
border-radius: 0 7px 7px 0;}

nav.pagination &gt; div &gt; a.last, nav.pagination &gt; div &gt; a.first {
font-size: 18px;
}

nav.pagination &gt; div &gt; a.first.entry {
font-size: 12px;
border-radius: 0 7px 7px 0;}

.blog-header a.back {
margin: 5px 0;
line-height: 32px;
}

nav.pagination &gt; div &gt; a.next:hover, nav.pagination &gt; div &gt; a.prev:hover, nav.pagination &gt; div &gt; a.last:hover, nav.pagination &gt; div &gt; a.first:hover, .blog-header a.back:hover {
background-color: #ce5c00;
color: #fff;
text-decoration: none;
}


nav.pagination &gt; div &gt; a.last::after {
border-bottom: 16px solid transparent;
border-left: 16px solid #f57900;
border-top: 16px solid transparent;
content: '';
display: block;
height: 0;
right: -16px;
position: absolute;
top: 0;
width: 0;
}

nav.pagination &gt; div &gt; a.last:hover::after {
border-left: 16px solid #ce5c00;
}


nav.pagination &gt; div &gt; a.first::before, .blog-header a.back::before {
border-bottom: 16px solid transparent;
border-right: 16px solid #f57900;
border-top: 16px solid transparent;
content: '';
display: block;
height: 0;
left: -16px;
position: absolute;
top: 0;
width: 0;
}

nav.pagination &gt; div &gt; a.first:hover::before, .blog-header a.back:hover::before {
border-right: 16px solid #ce5c00;
}

nav.pagination &gt; div &gt; span {
display: flex;
flex-grow: 1;
}

nav.pagination &gt; div &gt; span a:hover {
background: #ce5c00;
color: #fff;
text-decoration: none;
}

nav.pagination &gt; div &gt; span a,nav.pagination &gt; div &gt; span b {
background: #f57900;
border-left: 1px solid #fff;
color: #fff;
display: block;
flex-grow: 1;
margin: 0;
padding: 0 9px;
text-align: center;
cursor: pointer;
}

nav.pagination &gt; div &gt; span b {
background: #d3d7cf;
color: #fff;
font-weight: 400;
cursor: default;
}

nav.pagination &gt; div &gt; span b.current {
background: #2e3436;
}



@media screen and (max-width: 1009px) {
nav.pagination &gt; div &gt; span a {
padding: 0;
}
}

@media screen and (max-width: 850px) {
.tc.rpactive nav.pagination {
margin: 0;
padding: 0;
}

.tc.rpactive nav.pagination &gt; div &gt; a.last::after, nav.pagination &gt; div &gt; a.first::before {
display: none;
}

.tc.rpactive nav.pagination &gt; div &gt; span {
display: block;
}

.tc.rpactive nav.pagination &gt; div &gt; span a {
padding: 7px 0;
line-height: 100%;
}
}
@media screen and (max-width: 649px) {
nav.pagination {
margin: 0;
padding: 0;
}

nav.pagination &gt; div &gt; a.last::after, nav.pagination &gt; div &gt; a.first::before {
display: none;
}

nav.pagination &gt; div &gt; span {
display: block;
}

nav.pagination &gt; div &gt; span a {
padding: 7px 0;
line-height: 100%;
}
}




.endbox {
width: 100%;
height: 40px;
}




.comments {
margin: 7px 10px;
padding: 7px 0;
border-top: 2px solid #eee;
border-bottom: 2px solid #eee;
}

@media screen and (max-width: 850px) {
.tc.rpactive .comments {
margin: 7px 0;
}
}
@media screen and (max-width: 649px) {
.comments {
margin: 7px 0;
}
}


.comments h3 {
margin: 10px 0 5px;
}

.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 {
padding: 0;
width: 100%;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 15px;
font-weight: 300;
color: #333;
}











.commentbox &gt; .cblock &gt; .profile {
display: inline-block;
margin: 5px 0 0 5px;
padding: 0;
float: left;
}

.commentbox &gt; .cblock &gt; .profile &gt; .avatar {
display: block;
margin: 0 7px 0 0;
padding: 0;
float: left;
border-radius: 50%;box-shadow: 0 0 3px rgba(0,0,0,0.3);}

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

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

.commentbox &gt; .cblock &gt; .profile &gt; .avatar &gt; div {
display: table-cell;
vertical-align: middle;
cursor: default;
}

.commentbox &gt; .cblock &gt; .profile &gt; .avatar &gt; div.a, .commentbox &gt; .cblock &gt; .profile &gt; .avatar &gt; div.c {
cursor: pointer;
}

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

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

.commentbox &gt; .cblock:hover &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;
}

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

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

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

.commentbox &gt; .cblock &gt; .profile &gt; .avatar &gt; div.a &gt; p &gt; b {
background-color: #444;
}

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

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




.commentbox .cblock {
margin: 0 0 0 15px;
padding: 5px 3px;
background-color: #f4f4f4;
}



@media screen and (max-width: 850px) {
.tc.rpactive .commentbox .cblock {
margin: 0;
}
}
@media screen and (max-width: 649px) {
.commentbox .cblock {
margin: 0;
}
}



.commentbox .comment-hide {
opacity: 0.5;color: #999;
}

.commentbox .comment-author {
color: #27649b;
}



.commentbox .cbox {
display: block;
padding: 0 0 7px;
margin: 0 0 0 62px;
}

.commentbox .cbox p {
display: inline-block;
padding: 5px 0;
margin: 0;
width: 100%;
}

.commentbox .cbox p strong {
font-weight: 700;
padding: 0 2px 0 0;
}

.commentbox .cbox b {
display: inline-block;
margin: 3px 0;
padding: 7px 25px 12px;
width: 450px;
font-family: Georgia, Serif, Arial;
font-size: 12px;
color: #333;
background-color: #fff;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);border: 1px solid #fff;
line-height: 130%;
text-align: justify;
transition: all 0.35s;cursor: default;
}

.commentbox .cbox b:hover {
border-color: #999;
transition: all 0.35s;color: #000;
}


@media screen and (max-width: 850px) {
.tc.rpactive .commentbox .cbox b {
display: block;
width: auto;
}
}
@media screen and (max-width: 649px) {
.commentbox .cbox b {
display: block;
width: auto;
}
}



.commentbox .cbox b ins {
margin: 0;
font-family: Georgia, Serif, Arial;
font-size: 21px;
font-weight: 700;
text-decoration: none;
line-height: 100%;
color: #ddd;
transition: all 0.35s;}

.commentbox .cbox b ins.left {
margin: 0 0 0 -15px;
padding: 0 4px 0 0;
}

.commentbox .cbox b ins.right {
padding: 0 0 0 4px;
}

.commentbox .cbox  b:hover ins {
color: #aaa;
transition: all 0.35s;}

.commentbox .cbox  b &gt; img.image {
width: 100%;
height: auto;
}

.commentbox .cbox textarea {
display: inline-block;
margin: 3px 0;
padding: 10px;
width: 478px;
height: 80px;
font-family: Georgia, Serif, Arial;
font-size: 12px;
background-color: #fff;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);border: 1px solid #fff;
resize: none;
transition: all 0.35s;}

.commentbox .cbox textarea:hover,.commentbox .cbox textarea:focus {
border-color: #999;
transition: all 0.35s;}


@media screen and (max-width: 850px) {
.tc.rpactive .commentbox .cbox textarea {
width: 100%;
margin: 0;
padding: 0;
}
}
@media screen and (max-width: 649px) {
.commentbox .cbox textarea {
width: 100%;
margin: 0;
padding: 0;
}
}



.commentbox .cbox .field {
display: block;
margin: 0;
padding: 5px 0;
width: 100%;
}

.commentbox .cbox .field span {
display: inline-block;
width: 75px;
padding: 3px 0 3px 15px;
font-weight: 700;
}

.commentbox .cbox .field input {
display: inline-block;
width: 200px;
padding: 5px 10px;
background-color: #fff;
border: 1px solid #fff;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);transition: all 0.35s;}

.commentbox .cbox .field input:hover,.commentbox .cbox .field input:focus {
border-color: #999;
transition: all 0.35s;}

.commentbox .cbox .submit {
padding: 5px 0;
text-align: center;
width: 500px;
font-weight: 700;
background-color: #dcdcdc;
transition: all 0.35s;border: 1px solid #ccc;
color: #333;
cursor: pointer;
}


@media screen and (max-width: 850px) {
.tc.rpactive .commentbox .cbox .submit {
width: 100%;
}
}
@media screen and (max-width: 649px) {
.commentbox .cbox .submit {
width: 100%;
}
}



.commentbox .cbox .submit:hover,.commentbox .cbox .submit:focus {
color: #fff;
background-color: #3465a4;
transition: all 0.35s;}

.commentbox .cbox .hidden {
display: none;
}

.commentbox .cbox em {
display: block;
margin: 0;
padding: 0;
height: 0;
clear: both;
opacity: 0;transition: all 0.35s;}

.commentbox .cbox:hover em {
opacity: 1;transition: all 0.75s;}

.commentbox .cbox em cite {
position: relative;
z-index: 1;
display: block;
margin: 0 0 0 7px;
padding: 5px 8px;
background-color: #ececec;
cursor: pointer;
float: right;
transition: all 0.35s;}

.commentbox .cbox em cite:hover {
color: #fff;
background-color: #3465a4;
transition: all 0.35s;}

.p-left {
margin: 7px 30px 12px 220px;
}



@media screen and (max-width: 850px) {
.tc.rpactive .p-left {
margin: 7px 30px 12px;
}
}
@media screen and (max-width: 649px) {
.p-left {
margin: 7px 30px 12px;
}
}




.hidden {
display: none;
}



#contact-form {
margin: 0 0 0 20px;
padding: 0;
}

#contact-form input, #contact-form div.input {
width: 300px;
}

#contact-form textarea {
width: 400px;
height: 120px;
}

#contact-form input, #contact-form textarea, #contact-form div.input, .askform textarea {
display: inline-block;
margin: 5px;
padding: 8px 14px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
color: #666;
background-color: #fff;
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.12);border: 2px solid #eee;
text-shadow: none;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);line-height: 100%;
resize: none;
outline: none;
}

#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 {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);color: #000;
text-decoration: none;
border-color: #3465a4;
}



@media screen and (max-width: 850px) {
.tc.rpactive #contact-form input, .tc.rpactive #contact-form textarea, .tc.rpactive #contact-form div.input {
width: 80%;
}
}
@media screen and (max-width: 649px) {
#contact-form input, #contact-form textarea, #contact-form div.input {
width: 80%;
}
}



#contact-form label {
display: block;
margin: 5px;
padding: 8px 0 0;
font-family: 'FusionScreen-Light', sans-serif;
font-size: 14px;
color: #333;
}

#contact-form .buttonbox,.askform .buttonbox {
display: block;
}

#contact-form .buttonbox p {
display: block;
margin: 5px;
padding: 8px 0;
color: #999;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
}

#contact-form .button, .askform .button {
display: inline-block;
margin: 5px;
padding: 8px 14px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
color: #777;
background-color: #fff;
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.12);border: none;
text-shadow: none;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);line-height: 100%;
cursor: pointer;
}

#contact-form .button:hover, #contact-form .button:focus,.askform .button:hover, .askform .button:focus {
background-color: #73B8FF;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);color: #fff;
text-decoration: none;
outline: thin dotted #333;
outline-offset: -2px;
}

#contact-form div.input img {
float: left;
border-radius: 50%;border: 2px solid #fff;
}

#contact-form div.input p {
margin: 1px 0 0 36px;
padding: 0;
color: #aaa;
font-size: 11px;
}

#contact-form div.input b {
display: block;
margin: 0 0 3px;
padding: 0;
font-weight: 700;
font-size: 14px;
color: #333;
}



.askform {
margin: 12px 0 0 20px;
padding: 0;
}

.askform textarea {
width: 620px;
height: 80px;
}


@media screen and (max-width: 850px) {
.tc.rpactive .askform textarea {
width: 80%;
}
}
@media screen and (max-width: 649px) {
.askform textarea {
width: 80%;
}
}



.ask h2 {
font-family: 'FusionScreen-Light', sans-serif;
font-size: 16px;
font-weight: 300;
color: #333;
width: 100%;
}

.ask &gt; div {
margin: 5px 20px;
padding: 0 7px 5px;
}

.ask &gt; div:hover {
background-color: #fafafa;
}


@media screen and (max-width: 850px) {
.tc.rpactive .ask &gt; div {
margin: 5px 0;
padding: 0 0 5px;
}
}
@media screen and (max-width: 649px) {
.ask &gt; div {
margin: 5px 0;
padding: 0 0 5px;
}
}



.ask &gt; div strong {
font-weight: 700;
}

.ask &gt; div &gt; p {
margin: 5px 0;
padding: 5px 7px;
font-size: 12px;
line-height: 120%;
clear: both;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 14px;
font-weight: 500;
}

.ask &gt; div &gt; p.response {
margin: 5px 70px;
padding: 12px 7px;
line-height: 130%;
}

.ask &gt; div &gt; p &gt; strong {
text-transform: uppercase;
letter-spacing: 0.7px;
}


@media screen and (max-width: 850px) {
.tc.rpactive .ask &gt; div &gt; p {
margin: 5px 0;
padding: 5px 0;
}

.tc.rpactive .ask &gt; div &gt; p.response {
margin: 5px 10px 5px 70px;
padding: 12px 0;
}
}
@media screen and (max-width: 649px) {
.ask &gt; div &gt; p {
margin: 5px 0;
padding: 5px 0;
}

.ask &gt; div &gt; p.response {
margin: 5px 10px 5px 70px;
padding: 12px 0;
}
}


.ask &gt; div &gt; p.response:hover {
background-color: #f3f3f3;
}

.ask &gt; div &gt; p &gt; img.thumb {
float: left;
display: block;
margin: -7px 12px 0 -42px;
width: 32px;
height: 32px;
border-radius: 16px;}

.ask &gt; div &gt; p  &gt; strong {
display: block;
margin: 10px 0 0;
font-size: 13px;
}

.ask &gt; div &gt; p &gt; b {
display: block;
margin: 0;
padding: 0 0 7px;
}

.ask &gt; div &gt; p &gt; i {
font-style: italic;
}

.ask &gt; div.preview {
border: 1px dashed #ccc;
background-color: #eee;
}

.lbox {
width: 990px;
background-color: #666;
}

.lbox &gt; .liveblock {
height: 500px;
position: relative;
}

.lbox &gt; .liveblock &gt; .leftbox {
position: relative;
width: 70%;
height: 100%;
background-color: #000;
overflow: hidden;
}

.lbox &gt; .liveblock &gt; .rightbox {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 30%;
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
}


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

.lbox &gt; .liveblock {
height: auto !important;
margin: 0;
width: 100%;
}
}

@media screen and (max-width: 649px) {
.lbox &gt; .liveblock &gt; .leftbox {
width: 100%;
}

.lbox &gt; .liveblock &gt; .rightbox {
position: static;
width: 100%;
}
}



.lbox &gt; .liveblock &gt; .leftbox &gt; video {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
z-index: 0;
}

.lbox &gt; .liveblock &gt; .leftbox &gt; .videohidecls {
display: block;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-color: transparent;
z-index: 1;
}

.lbox &gt; .liveblock &gt; .leftbox &gt; a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}

.lbox &gt; .liveblock &gt; .leftbox &gt; a &gt; h2 {
position: absolute;
bottom: 0;
left: 0;
display: block;
margin: 0 0 30px 50px;
text-transform: uppercase;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
z-index: 1;
}

.lbox &gt; .liveblock &gt; .leftbox &gt; a &gt; h2 &gt; b {
display: block;
margin: 0 0 10px 0;
color: #fff;
font-size: 36px;
font-weight: 500;
text-shadow: 0 3px 3px rgba(0,0,0,0.3);
line-height: 100%;
}

.lbox &gt; .liveblock &gt; .leftbox &gt; a &gt; h2 &gt; span {
display: block;
padding: 5px 15px 7px;
font-size: 24px;
color: #000;
background-color: #fff;
overflow: hidden;
box-shadow: 0 0 5px rgba(0,0,0,0.3);text-overflow: ellipsis;
white-space: pre;
}

.lbox &gt; .liveblock &gt; .leftbox &gt; a &gt; h2 &gt; span &gt; sup {
margin: 0 7px;
font-size: 18px;
text-transform: none;
}

.lbox &gt; .liveblock &gt; .leftbox &gt; a &gt; img {
width: auto;
height: 100%;
vertical-align: top;
transition: all 0.25s;}

.lbox &gt; .liveblock &gt; .leftbox:hover &gt; a &gt; img {
transform: scale(1.2);opacity: 0.5;transition: all 0.25s;}


@media screen and (max-width: 999px) {
.lbox &gt; .liveblock &gt; .leftbox &gt; a &gt; img {
height: auto;
width: 100%;
}
}

@media screen and (max-width: 649px) {
.lbox &gt; .liveblock &gt; .leftbox &gt; a &gt; h2 {
margin: 0 10px 10px 10px;
}
}



.lbox &gt; .liveblock &gt; .leftbox &gt; .playbutton {
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
padding: 7px 7px 7px 15px;
background-color: rgba(0, 0, 0, 0.6);
border: 3px solid #fff;
border-radius: 100px;text-align: center;
font-size: 50px;
color: #fff;
line-height: 96px;
transition: all 0.25s;line-height: 100%;
cursor: pointer;
box-shadow: 0 0 5px rgba(0,0,0,0.3);}

.lbox &gt; .liveblock &gt; .leftbox:hover &gt; .playbutton {
background-color: #fff;
color: #000;
transition: all 0.25s;}

@media screen and (max-width: 499px) {
.lbox &gt; .liveblock &gt; .leftbox &gt; .playbutton {
display: none;
}
}



.lbox &gt; .liveblock &gt; .rightbox &gt; .summary {
margin: 0;
padding: 5px 20px;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; h1 {
text-transform: uppercase;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 100%;
color: #996515;
letter-spacing: 0.5px;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; a.review {
margin: 0;
padding: 0;
color: #996515;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; a.review &gt; span {
font-weight: 700;
font-size: 14px;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .price {
margin: 15px 0 0;
padding: 7px 12px;
color: #3465a4;
background-color: #e4ebf5;
border-radius: 5px;}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .price &gt; b {
display: block;
margin: 0 0 7px;
font-size: 14px;
text-transform: uppercase;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .price &gt; del {
opacity: 0.5;font-size: 14px;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .price &gt; ins {
font-size: 21px;
text-decoration: none;
margin: 0 0 0 7px;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .details {
margin: 15px 0 0;
color: #666;
font-size: 14px;
line-height: 130%;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .cartbutton {
display: block;
padding: 10px 0;
margin: 15px 0;
background-color: #3465a4;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 13px;
text-align: center;
text-transform: uppercase;
color: #fff;
cursor: pointer;
line-height: 130%;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .cartbutton:hover {
background-color: #729fcf;
color: #fff;
transition: all 0.25s;}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .cartbutton &gt; img {
display: inline-block;
margin: 0 3px 0 0;
padding: 0;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .selection {
margin: 15px 0 0;
padding: 0;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .selection &gt; a,.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .selection &gt; a:visited, .lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .selection &gt; a:link {
display: block;
margin: 7px 0;
padding: 7px 12px;
background-color: #3465a4;
border-radius: 5px;color: #fff;
font-size: 14px;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .selection &gt; a.active,.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .selection &gt; a.active:visited, .lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .selection &gt; a.active:link {
background-color: #f57900;
font-weight: 700;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .selection &gt; a:hover, .lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .selection &gt; a:focus {
background-color: #729fcf;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .selection &gt; a.active:hover, .lbox &gt; .liveblock &gt; .rightbox &gt; .summary &gt; .selection &gt; a.active:focus {
background-color: #fcaf3e;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chat, .lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon {
width: 100%;
height: 100%;
overflow: hidden;
}

@media screen and (max-width: 649px) {
.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon {
height: auto !important;
}
}



.lbox &gt; .liveblock &gt; .rightbox &gt; .chat &gt; .messages {
width: 100%;
height: calc(100% - 50px);
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chat &gt; .composer {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 50px;
background-color: #F1F4F8;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chat &gt; .composer &gt; textarea {
box-sizing: border-box;
padding: 15px 100px 15px 30px;
width: 100%;
min-height: 1em;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 130%;
white-space: pre-wrap;
word-wrap: break-word;
color: #565867;
background-color: #F1F4F8;
resize: none;
border: none;
overflow: hidden;
outline: none;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chat &gt; .composer &gt; button {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAMAAADjcdz2AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUxpcai3w6i3xKm4xKm3w626x6m3w6m4w6m3w7HE2K27yam3w6q5xKu5xam3w6m2w6m3w6i2wqioa/IAAAARdFJOUwDdkl1+HOhw9AgSzVAxw6+m/lEP9AAAAGRJREFUGNNdj1sSgCAMA6GARZ7m/pcVBYGav92ZBqLYBiVS4O25CwJw8KYSIJVDjzaf0fgpi5mYXpMNU41HV27chZysfwy3Vira7zV1Voy3vUSVO67/c8e18GpIQawlJ+Y7ieoGObkHQe4OJDEAAAAASUVORK5CYII=');background-size: 16px 17px;
background-repeat: no-repeat;
right: 25px;
opacity: .7;position: absolute;
bottom: 0;
width: 35px;
height: 55px;
background-position: 50%;
cursor: pointer;
transition: opacity .12s ease-in;background-color: transparent;
border: none;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chat &gt; .composer &gt; textarea:focus ~ button {
opacity: 1;}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon {
background-color: rgba(255,255,255,0.3);
overflow: hidden;
position: absolute;
z-index: 1;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chat.blur {
filter: blur(5px);opacity: 0.7;}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box {
position: absolute;
margin: -100px 0 0;
z-index: 2;
top: 50%;
left: 0;
right: 0;
background-color: rgba(255,255,255,0.8);
width: 100%;
box-shadow: 0 0 3px rgba(0,0,0,0.3);border-top: 4px solid #f57900;
border-bottom: 4px solid #f57900;
}

@media screen and (max-width: 649px) {
.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box {
margin: 30px 0 0;
top: 0;
position: static;
}
}



.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box &gt; div {
margin: 0 20px;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box &gt; div &gt; h4 {
display: block;
margin: 0;
padding: 10px 0 8px;
color: #f57900;
text-transform: uppercase;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 100%;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box &gt; div &gt; p {
display: block;
margin: 7px 0;
padding: 7px 12px;
font-family: Georgia, Serif, Arial;
font-size: 12px;
background-color: #fff;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);border: 2px solid #f8a14c;
transition: all 0.35s;cursor: text;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box &gt; div &gt; p:hover {
border-color: #f57900;
transition: all 0.35s;}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box &gt; div &gt; p &gt; input {
display: block;
border: none;
margin: 0;
padding: 0;
width: 100%;
}


@media screen and (max-width: 649px) {
.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box &gt; div &gt; p &gt; input {
width: auto;
}
}



.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box &gt; div &gt; p.hide {
display: none;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box &gt; div &gt; i {
font-style: normal;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 130%;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box &gt; div &gt; i &gt; b {
font-weight: 700;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box &gt; div &gt; .chatlogon_btn {
display: block;
padding: 10px 12px 7px;
background-color: #f57900;
text-align: center;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chatlogon &gt; .chatlogon_box &gt; div &gt; .chatlogon_btn:hover {
background-color: #f8a14c;
}



.lbox &gt; .liveblock &gt; div#course_id, .lbox &gt; .liveblock &gt; div#author_id {
display: none;
visibility: hidden;
}


.lbox &gt; .liveblock &gt; .rightbox &gt; .chat &gt; .messages {
margin: 0;
overflow-x: hidden;
overflow-y: scroll;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
}

.lbox &gt; .liveblock &gt; .rightbox &gt; .chat.blur &gt; .messages {
overflow-y: hidden;
}


@media screen and (max-width: 649px) {
#livechat {
max-height: 280px;
}
}



#livechat &gt; ul {
margin: 0;
padding: 5px 12px;
display: block;
}

#livechat &gt; ul &gt; li {
margin: 0;
padding: 0;
display: block;
}

#livechat &gt; ul &gt; li &gt; div.lcmessage {
display: block;
margin: 0;
padding: 7px 30px 0 15px;
}

#livechat &gt; ul &gt; li &gt; div.lcmessage.me {
padding: 7px 15px 0 30px;
}

#livechat &gt; ul &gt; li &gt; div.lcmessage &gt; div &gt; p {
font-size: 12px;
line-height: 130%;
}

#livechat &gt; ul &gt; li &gt; div.lchead {
display: block;
margin: 5px 0 7px;
position: relative;
vertical-align: middle;
font-size: 10px;
}

#livechat &gt; ul &gt; li &gt; div.lchead.me {
text-align: right;
}

#livechat &gt; ul &gt; li &gt; div.lchead &gt; img {
margin: 0;
padding: 0;
display: inline-block;
border-radius: 24px;}

#livechat &gt; ul &gt; li &gt; div.lchead &gt; b {
display: inline-block;
margin: 2px 0 0 7px;
padding: 3px 12px;
vertical-align: top;
color: #849eb3;
background-color: #F1F4F8;
cursor: default;
}

#livechat &gt; ul &gt; li &gt; div.lchead &gt; b:hover {
color: #fff;
background-color: #849eb3;
}

.lcuser {
position: relative;
padding: 10px 20px;
background-color: #F1F4F8;
border-radius: 20px 20px 20px 0;color: black;
}

.lcuser.me {
color: white;
border-radius: 20px 20px 0 20px;background-color: #849eb3;
}

.lcuser:before {
content: "";
position: absolute;
z-index: 2;
bottom: -2px;
left: -7px;
height: 20px;
border-left: 20px solid #F1F4F8;
border-bottom-right-radius: 16px 14px;
transform: translate(0, -2px);}

.lcuser.me:before {
left: auto;
right: -7px;
height: 20px;
border-left: none;
border-right: 7px solid #849eb3;
border-bottom-left-radius: 16px 14px;
border-bottom-right-radius: 0;
}

.lcuser:after {
content: "";
position: absolute;
z-index: 3;
bottom: -2px;
left: 4px;
width: 26px;
height: 20px;
background-color: #fff;
border-bottom-right-radius: 10px;
transform: translate(-30px, -2px);}

.lcuser.me:after {
left: auto;
right: -56px;
width: 26px;
height: 20px;
background-color: #fff;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 0;
}

.lcuser.admin {
color: #fff;
background-color: #f57900;
}

.lcuser.admin:before {
border-color: #f57900;
}

.lchead.admin &gt; b {
color: #f57900 !important;
background-color: rgba(245, 121, 0, 0.12) !important;
}

.lchead.admin &gt; b:hover {
color: #fff !important;
background-color: #f57900 !important;
}

.lbox &gt; .liveview {
background-color: #000;
width: 100%;
}

.lbox &gt; .liveview &gt; .livegrid {
display: block;
width: 100%;
margin: 0 auto 50px auto;
}

.lbox &gt; .liveview &gt; .livegrid &gt; h3 {
text-transform: uppercase;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 21px;
line-height: 100%;
color: #a28e70;
letter-spacing: 2px;
text-align: center;
width: 100%;
margin: 0;
padding: 25px 0 10px;
}

.lbox &gt; .liveview &gt; .livegrid &gt; .item {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
width: 25%;
line-height: 100%;
float: left;
}



@media screen and (max-width: 999px) {
.lbox &gt; .liveview &gt; .livegrid &gt; .item {
width: 33%;
}
}

@media screen and (max-width: 649px) {
.lbox &gt; .liveview &gt; .livegrid &gt; .item {
width: 50%;
}
}

@media screen and (max-width: 399px) {
.lbox &gt; .liveview &gt; .livegrid &gt; .item {
width: 100%;
}
}


.lbox &gt; .liveview &gt; .livegrid &gt; .item  &gt; pre {
position: relative;
display: block;
margin: 10px;
padding: 0;
overflow: hidden;
}

.lbox &gt; .liveview &gt; .livegrid &gt; .item  &gt; pre &gt; img {
height: auto;
max-width: 100%;
border: 0;
vertical-align: top;
transition: all 0.25s;}

.lbox &gt; .liveview &gt; .livegrid &gt; .item:hover  &gt; pre &gt; img {
transform: scale(1.2);opacity: 0.5;transition: all 0.25s;}

.lbox &gt; .liveview &gt; .livegrid &gt; .item  &gt; pre &gt; h4 {
position: absolute;
bottom: 0;
left: 10px;
right: 10px;
display: inline-block;
margin: 0 0 15px;
text-transform: uppercase;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
z-index: 1;
}

.lbox &gt; .liveview &gt; .livegrid &gt; .item  &gt; pre &gt; h4 &gt; b {
display: block;
margin: 0 0 5px 0;
color: #fff;
font-size: 18px;
font-weight: 500;
text-shadow: 0 3px 3px rgba(0,0,0,0.3);
}

.lbox &gt; .liveview &gt; .livegrid &gt; .item  &gt; pre &gt; h4 &gt; span {
display: block;
padding: 1px 5px;
font-size: 14px;
color: #000;
background-color: #fff;
overflow: hidden;
box-shadow: 0 0 5px rgba(0,0,0,0.3);text-overflow: ellipsis;
white-space: pre;
}

.lbox &gt; .liveview &gt; .livegrid &gt; .item  &gt; pre &gt; h4 &gt; span &gt; sup {
margin: 0 4px;
font-size: 11px;
text-transform: none;
}

.livegridspace {
clear: both;
}





.cartbox {
width: 990px;
background-color: #fff;
}


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




.cartbox &gt; p {
margin: 15px 12px 5px;
padding: 12px 25px;
color: #3465a4;
background-color: #e4ebf5;
border-radius: 5px;font-size: 12px;
}

.cartbox &gt; ul {
display: inline-flex;
margin: 12px 0 0;
padding: 0;
width: 100%;
background-color: #efefef;
box-shadow: 0 0 3px rgba(0,0,0,0.5);border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.cartbox &gt; ul:hover {
border-color: #999;
background-color: #e3e3e3;
}

.cartbox &gt; ul &gt; li {
display: inline-block;
margin: 0;
padding: 0;
width: 25%;
height: 100%;
text-align: center;
overflow: hidden;
}


@media screen and (max-width: 649px) {
.cartbox &gt; ul {
display: block;
}

.cartbox &gt; ul &gt; li {
width: 100%;
}
}




.cartbox &gt; ul &gt; li &gt; p {
display: block;
height: 100%;
width: auto;
padding: 0 12px;
}

.cartbox &gt; ul &gt; li &gt; p &gt; b {
display: block;
margin: 7px 0 5px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 130%;
}

.cartbox &gt; ul &gt; li &gt; p &gt; i {
display: block;
margin: 5px 0;
padding: 5px 10px;
color: #666;
font-size: 11px;
background-color: rgba(255,255,255,0.4);
line-height: 140%;
}

.cartbox &gt; ul &gt; li &gt; p &gt; a {
display: block;
margin: 7px 12px;
padding: 0;
width: 90%;
}

.cartbox &gt; ul &gt; li &gt; p &gt; a &gt; img {
display: inline-block;
box-shadow: 0 0 3px rgba(0,0,0,0.5);width: 100%;
height: auto;
}

.cartbox &gt; ul &gt; li.price &gt; p {
display: block;
margin: 0;
padding: 7px 12px;
color: #3465a4;
}

.cartbox &gt; ul &gt; li.price &gt; p &gt; b {
display: block;
margin: 0 0 7px;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
}

.cartbox &gt; ul &gt; li.price &gt; p &gt; del {
opacity: 0.5;font-size: 13px;
}

.cartbox &gt; ul &gt; li.price &gt; p &gt; ins {
font-size: 18px;
text-decoration: none;
margin: 0 0 0 7px;
}

.cartbox &gt; ul &gt; li.action {
text-align: center;
}

.cartbox &gt; ul &gt; li.action &gt; blockquote {
display: block;
padding: 7px 12px;
margin: 0 20px 10px;
background-color: rgba(255,255,255,0.4);
font-style: italic;
font-size: 9px;
}

.cartbox &gt; ul &gt; li.action &gt; button {
background-color: #eee;
display: inline-block;
padding: 0;
margin: 3px 5px;
border: 1px solid grey;
cursor: pointer;
}

.cartbox &gt; ul &gt; li.action &gt; button.remove {
border-color: red;
}

.cartbox &gt; ul &gt; li.action &gt; button.remove:hover {
background-color: rgba(255,0,0,0.5);
}

.cartbox &gt; ul &gt; li.action &gt; button &gt; img {
display: inline-block;
padding: 0;
margin: 3px 5px;
width: 24px;
height: 24px;
}

.cartbox &gt; ul.summarize {
color: #3465a4;
background-color: #fff;
box-shadow: none;border: none;
}

.cartbox &gt; ul.summarize &gt; li.coupon {
background-color: #eee;
}

.cartbox &gt; ul.summarize &gt; li.coupon &gt; p {
margin: 0;
padding: 5px 10px;
text-align: center;
}

.cartbox &gt; ul.summarize &gt; li.coupon &gt; p &gt; b {
display: block;
font-weight: 700;
font-style: normal;
color: #333;
font-size: 12px;
line-height: 100%;
letter-spacing: 0.5px;
text-align: center;
}

.cartbox &gt; ul.summarize &gt; li.coupon &gt; p &gt; input {
display: block;
margin: 5px 0;
padding: 7px 12px;
background-color: #fff;
border: 2px solid #999;
text-transform: uppercase;
text-align: center;
font-family: monospace;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
}

.cartbox &gt; ul.summarize &gt; li.sum {
background-color: #eee;
}

.cartbox &gt; ul.summarize &gt; li.sum &gt; p {
display: block;
margin: 7px;
padding: 5px 0;
background-color: rgba(255,255,255,0.5);
}

.cartbox &gt; ul.summarize &gt; li.sum &gt; p.sumfinal {
background-color: #e4ebf5;
}

.cartbox &gt; ul.summarize &gt; li.sum &gt; p &gt; i {
display: inline;
font-weight: 500;
font-style: normal;
color: #999;
font-size: 11px;
background-color: transparent;
}

.cartbox &gt; ul.summarize &gt; li.sum &gt; p &gt; ins {
font-weight: 700;
font-style: normal;
color: #333;
font-size: 13px;
text-decoration: none;
}

.cartbox &gt; ul.summarize &gt; li.sum &gt; p &gt; b {
margin: 0 0 4px;
padding: 0;
display: block;
font-weight: 700;
font-style: normal;
color: #3465a4;
font-size: 13px;
background-color: transparent;
}

.cartbox &gt; ul.summarize &gt; li.sum &gt; p.sumfinal &gt; ins {
color: #3465a4;
font-weight: 500;
font-size: 11px;
font-style: italic;
}

.cartbox &gt; ul.summarize &gt; li.sum &gt; p.sumfinal &gt; ins.final {
color: #333;
font-size: 16px;
font-weight: 700;
font-style: normal;
}

.cartbox &gt; ul.summarize &gt; li.sum &gt; button, .linkbtn, .linkbtn:link, .linkbtn:visited {
display: flex;
margin: 7px;
padding: 5px 12px;
border: none;
background-color: #3465a4;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
text-align: center;
text-transform: uppercase;
color: #fff;
cursor: pointer;
}

.linkbtn, .linkbtn:link, .linkbtn:visited {
background-color: #F6861A;
border-left: 5px solid #F9BB4C;
}

.linkbtn:hover {
background-color: #ce5c00;
color: #fff;
transition: all 0.25s;}

.cartbox &gt; ul.summarize &gt; li.sum &gt; button:hover {
background-color: #729fcf;
color: #fff;
transition: all 0.25s;}

.cartbox &gt; ul.summarize &gt; li.sum &gt; button &gt; img, .linkbtn &gt; img {
display: inline-block;
width: 32px;
height: 32px;
margin: 0;
padding: 0;
}

.linkbtn &gt; img {
width: 24px !important;
height: 24px !important;
}

.cartbox &gt; ul.summarize &gt; li.sum &gt; button &gt; b {
display: inline-block;
margin: 0;
padding: 0;
letter-spacing: 0.5px;
line-height: 130%;
}

.linkbtn &gt; b {
display: inline-block;
margin: 0 0 0 20px;
letter-spacing: 0.5px;
line-height: 130%;
}

.cartbox &gt; div.slider {
display: block;
margin: 15px 0 0;
padding: 0;
background-color: #729fcf;
color: #fff;
text-align: center;
}

.cartbox &gt; div.slider.grey {
background-color: #999;
}

.cartbox &gt; div.slider &gt; h3 {
display: block;
margin: 0;
padding: 7px 0;
line-height: 100%;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.seperator {
margin: 5px 0 0;
padding: 0;
width: 100%;
height: 25px;
background-repeat: no-repeat;
}


@media screen and (max-width: 649px) {
.seperator {
display: none;
}
}




.short-seperator {
display: block;
margin: 5px 0 0;
padding: 0;
width: 100%;
height: 10px;
}

.infobox {
margin: 5px;
padding: 10px 14px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
border: 1px solid #d8e1e9;
box-shadow: inset 0 1px 4px #d8e1e9;width: 660px;
background-color: #849eb3;
line-height: 150%;
color: #fff;
text-align: center;
display: none;
}

.infobox span {
display: block;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
}


.infotable {
background-color: #F0F0F0;
overflow: hidden;
}

.infotable h3 {
display: block;
margin: 0;
padding: 40px 0 30px;
width: 100%;
font-size: 21px;
font-weight: 500;
color: #fff;
text-align: center;
background-color: #5C5C5C;
line-height: 100%;
text-shadow: 0 3px 3px rgba(0,0,0,0.30);
}

.infotable h3 strong {
font-weight: 700;
font-size: 26px;
padding: 0 15px;
}

.infotable .boxed {
margin: 0;
padding: 20px 60px;
font-size: 13px;
line-height: 140%;
}



@media screen and (max-width: 850px) {
.tc.rpactive .infotable .boxed {
padding: 20px;
}
}
@media screen and (max-width: 649px) {
.infotable .boxed {
padding: 20px;
}
}



.infotable .boxed strong {
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 700;
color: #000;
text-shadow: 0 1px 1px rgba(0,0,0,0.12);
}

.infotable .boxed b {
display: block;
margin: 8px 0 5px;
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 700;
color: #000;
text-shadow: 0 1px 1px rgba(0,0,0,0.12);
}

.infotable .boxed span {
display: block;
margin: 2px 0 0 10px;
font-size: 10px;
font-weight: 500;
color: #000;
text-shadow: 0 1px 1px rgba(0,0,0,0.12);
}

.infotable .boxed input {
border-color: #C4C4C4 #E4E4E4 #E4E4E4 #C4C4C4;
border-image: none;
border-style: solid;
border-width: 1px;
color: #000;
display: block;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
margin: 0 7px;
padding: 6px 10px;
background-color: #fff;
}

.infotable .boxed textarea {
border-color: #C4C4C4 #E4E4E4 #E4E4E4 #C4C4C4;
border-image: none;
border-style: solid;
border-width: 1px;
color: #000;
display: block;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
width: 450px;
height: 80px;
margin: 0 7px 12px;
padding: 8px 10px;
resize: none;
background-color: #fff;
}



@media screen and (max-width: 850px) {
.tc.rpactive .infotable .boxed textarea {
width: 80%;
}
}
@media screen and (max-width: 649px) {
.infotable .boxed textarea {
width: 80%;
}
}



.infotable .boxed input.upload {
margin: 30px 0 7px;
height: 40px;
}

.infotable #imagelist {
width: 100%;
min-height: 140px;
margin: 0;
padding: 8px 0;
}

.infotable #imagelist img {
border: 2px solid #E4E4E4;
background-color: #fff;
margin: 0 7px 0 0;
padding: 3px;
}

.infotable #imagelist img:hover {
border-color: #C4C4C4;
}

.infotable .bbox {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}

.bbox .bbutton {
display: block;
background-color: #E4E4E4;
color: #FFF;
float: right;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
margin: 0 15px 7px 0;
padding: 7px 15px;
text-align: center;
text-transform: uppercase;
cursor: default;
text-shadow: 0 1px 2px rgba(0,0,0,0.30);
}

.blog.privacy ul {
padding: 7px 0 7px 25px;
}


@media screen and (max-width: 850px) {
.tc.rpactive .bbox .bbutton {
float: none;
padding: 7px 0;
margin: 0 0 7px;
width: 100%;
}
}
@media screen and (max-width: 649px) {
.bbox .bbutton {
float: none;
padding: 7px 0;
margin: 0 0 7px;
width: 100%;
}
}



.bbox .bbutton.active {
background-color: #BFCED9;
cursor: pointer;
}

.bbox .bbutton.active:hover {
background-color: #849EB3;
}

.icon-round {
border-radius: 21px;}




a.hashtag, a.hashtag:link, a.hashtag:visited {
background-color: #BFCED9;
border-radius: 0 2px 2px 0;color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 130%;
margin: 2px 4px 2px 10px;
padding: 3px 7px;
position: relative;
text-transform: uppercase;
text-decoration: none;
transition: all 0.25s ease-out;}

a.hashtag::before {
border-bottom: 10px solid transparent;
border-right: 8px solid #BFCED9;
border-top: 10px solid transparent;
content: "";
height: 0;
left: -8px;
position: absolute;
top: 0;
width: 0;
transition: all 0.25s ease-out;}

a.hashtag::after {
background-color: #fff;
border-radius: 50%;content: "";
height: 4px;
left: -2px;
position: absolute;
top: 8px;
width: 4px;
transition: all 0.25s ease-out;}

a.hashtag:hover, a.hashtag:focus {
background-color: #849EB3;
color: #fff;
transition: all 0.25s ease-out;}

a.hashtag:hover:before, a.hashtag:focus:before {
border-right: 8px solid #849EB3;
transition: all 0.25s ease-out;}

a.hashtag-text,a.hashtag-text:visited,a.hashtag-text:link {
display: inline-block;
margin: 0;
padding: 0 2px;
color: #849EB3;
border-radius: 0 2px 2px 0;font-size: 11px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
transition: all 0.25s ease-out;}

a.hashtag-text:hover, a.hashtag-text:focus {
color: #BFCED9;
transition: all 0.25s ease-out;}

div.hashtag-cloud {
margin: 9px 0;
}

.tagcloud h3 {
margin: 8px 0;
}

.tagcloud a {
display: inline-block;
margin: 0 5px 5px 0;
padding: 5px 7px;
background-color: #efefef;
font-size: 12px;
border-radius: 7px;color: #666;
text-decoration: none;
transition: all 0.25s ease-out;}

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



div.rights {
margin: 0 20px;
border: 2px solid #efefef;
cursor: default;
}


@media screen and (max-width: 850px) {
.tc.rpactive div.rights {
margin: 0;
}
}
@media screen and (max-width: 649px) {
div.rights {
margin: 0;
}
}



div.rights &gt; h4 {
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: 700;
margin: 0;
padding: 7px 15px;
color: #9CADBB;
text-align: left;
text-transform: uppercase;
}

div.rights &gt; p {
display: block;
margin: 0 15px 7px;
padding: 0;
color: #333;
line-height: 135%;
font-size: 13px;
}

div.rights &gt; p:hover {
color: #000;
}

div.rights &gt; ul {
display: block;
margin: 15px 0 15px 15px;
padding: 0;
}

div.rights &gt; ul &gt; li {
display: block;
margin: 0 15px 12px 0;
padding: 0 0 0 7px;
border-left: 2px solid #9CADBB;
clear: both;
}

div.rights &gt; ul &gt; li:hover {
border-color: #556A7D;
}

div.rights &gt; ul &gt; li &gt; span, div.rights &gt; h4 &gt; span.num {
display: inline-block;
margin: 0;
color: #fff;
background-color: #9CADBB;
}

div.rights &gt; ul &gt; li &gt; span {
padding: 3px 5px;
float: left;
font-size: 11px;
border-radius: 5px;}

div.rights &gt; h4 &gt; span.num {
padding: 3px 12px;
font-size: 15px;
border-radius: 7px;}

div.rights &gt; h4 &gt; span.title {
padding: 0 0 0 7px;
}

div.rights &gt; ul &gt; li:hover &gt; span {
background-color: #556A7D;
}

div.rights &gt; ul &gt; li &gt; p {
display: block;
margin: 0 0 0 45px;
padding: 0;
color: #666;
line-height: 135%;
font-size: 13px;
}

div.rights &gt; ul &gt; li:hover &gt; p {
color: #000;
}

div.rights &gt; ul &gt; li &gt; h5 {
display: block;
margin: 0 0 0 45px;
padding: 0;
color: #9CADBB;
line-height: 135%;
font-size: 15px;
}




.large.socialbutton, .large.socialbutton:visited {
display: inline-block;
margin: 7px 15px 0 0;
padding: 5px 10px 6px;
color: #fff;
border-radius: 6px;box-shadow: 0 1px 2px rgba(0,0,0,0.3);border-bottom: 1px solid rgba(0,0,0,0.25);
cursor: pointer;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
text-decoration: none;
}

.facebook.socialbutton, .facebook.socialbutton:visited {
background-color: #3b5998;
}

.facebook.socialbutton:hover {
background-color: #8b9dc3;
}

.twitter.socialbutton, .twitter.socialbutton:visited {
background-color: #6CDFEA;
}

.twitter.socialbutton:hover {
background-color: #9AE4E8;
}

.website.socialbutton, .website.socialbutton:visited {
background-color: #DDD;
color: #000;
}

.website.socialbutton:hover {
background-color: #EEE;
}

.gplus.socialbutton, .gplus.socialbutton:visited {
background-color: #d34836;
}

.gplus.socialbutton:hover {
background-color: #DC7161;
}

.youtube.socialbutton, .youtube.socialbutton:visited {
background-color: #a40000;
}

.youtube.socialbutton:hover {
background-color: #cc0000;
}

.birthday {
position: relative;
display: block;
margin: 7px 12px 0;
padding: 0;
border-radius: 7px;background-color: #ad7fa8;
transition: all 0.25s ease-out;}

.birthday:hover {
background-color: #b78fb3;
transition: all 0.25s ease-in;}

@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: none;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 0;
z-index: 2;
}

.birthday:hover &gt; .confetti {
display: block;
}

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

.birthday &gt; .bbox {
position: relative;
display: block;
margin: 0;
padding: 7px 12px;
text-align: center;
overflow: hidden;
}

.birthday &gt; .bbox::after {
position: absolute;
top: -100%;
left: -100%;
content: "";
width: 20%;
height: 300%;
opacity: 0.2;transform: rotate(30deg);animation: bbox-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 bbox-shine {
0% {
left: -100%;
opacity: 0.2;}

100% {
left: 200%;
opacity: 0.4;}
}

.birthday &gt; .bbox &gt; p {
display: inline-block;
vertical-align: middle;
}

.birthday &gt; .bbox &gt; p.bavatar * {
display: block;
margin: 0;
padding: 0;
line-height: 100%;
}

.birthday &gt; .bbox &gt; p.bavatar &gt; a {
position: relative;
overflow: hidden;
border-radius: 50%;line-height: 100%;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);transform: translateZ(0);}

.birthday &gt; .bbox &gt; p.bavatar &gt; a &gt; span {
position: absolute;
background-color: #5c3566;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
}

.birthday &gt; .bbox &gt; p.bavatar &gt; a &gt; span::after {
position: absolute;
top: -200%;
left: 18%;
content: "";
width: 70%;
height: 500%;
opacity: 0.7;animation: none;
background: transparent;
background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));animation: avatar-rotate 4s infinite forwards linear;
z-index: 0;
}

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

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

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

.birthday &gt; .bbox &gt; p.bavatar &gt; a &gt; b {
position: relative;
margin: 3px;
padding: 3px;
border-radius: 50%;background-color: #75507b;
}

.birthday &gt; .bbox &gt; p.bavatar &gt; a &gt; b &gt; img {
position: relative;
border-radius: 50%;overflow: hidden;
z-index: 1;
}

.birthday &gt; .bbox &gt; p.btext &gt; a {
display: inline-block;
margin: 0 0 0 12px;
padding: 0;
font-family: 'Happy Birthday', Tahoma, Verdana, Arial, sans-serif;
font-size: 32px;
font-weight: 500;
color: #fff;
text-shadow: 0 0 2px rgba(0,0,0,0.8);
}

.birthday &gt; .bbox &gt; p.btext &gt; a &gt; b {
display: inline-block;
margin: 0 0 0 12px;
padding: 0;
font-size: 46px;
color: #5c3566;
transform: scale(1);}

.birthday &gt; .bbox &gt; .confetti {
position: absolute;
display: block;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 0;
background-color: red;
}

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

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

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

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

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

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

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

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

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

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

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

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

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





.relplan {
position: fixed;
top: 0;
left: -300px;
bottom: 0;
display: block;
margin: 0;
padding: 0;
width: 300px;
height: 100%;
border-right: 5px solid #ccc;
background-color: #fff;
box-shadow: 0 0 8px 4px rgba(0,0,0,0.7);z-index: 2;
transition: all 0.35s ease-out;}


@media screen and (max-width: 649px) {
.relplan {
display: none;
}
}


.relplan:hover {
border-color: #eee;
}

.tc.rpactive .relplan {
left: 0;
transition: all 0.35s ease-in;}

.relplan &gt; .rbox {
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: 35px;
display: block;
margin: 0;
padding: 0;
}


.relplan &gt; .rbox &gt; .rhead {
position: absolute;
top: 20px;
left: 0;
right: 0;
display: block;
margin: 0;
padding: 0;
}

body.hfixed .relplan &gt; .rbox &gt; .rhead {
top: 0;
}

.relplan &gt; .rbox &gt; .rhead &gt; .rclose {
position: absolute;
top: 0;
display: inline-block;
margin: 0;
padding: 7px 4px 7px 7px;
background-color: #ccc;
cursor: pointer;
transition: all 0.25s ease-out;}

body.hfixed .relplan &gt; .rbox &gt; .rhead &gt; .rclose {
top: -10px;
}

.tc.rpactive .relplan &gt; .rbox &gt; .rhead &gt; .rclose {
right: 0;
border-radius: 5px 0 0 5px;}
.tc:not(.rpactive) .relplan &gt; .rbox &gt; .rhead &gt; .rclose {
right: -35px;
border-radius: 0 5px 5px 0;}
.relplan &gt; .rbox &gt; .rhead &gt; .rclose:hover {
background-color: #eee;
transition: all 0.25s ease-in;}


.relplan &gt; .rbox &gt; .rhead &gt; .rclose svg {
display: none;
margin: 0;
padding: 0;
width: auto;
height: 18px;
fill: #333;
transition: all 0.25s ease-out;}
.tc.rpactive .relplan &gt; .rbox &gt; .rhead &gt; .rclose &gt; svg {
display: block;
}

.tc:not(.rpactive) .relplan &gt; .rbox &gt; .rhead &gt; .rclose &gt; span {
display: block;
margin: 0;
padding: 0 0 0 4px;
}

.tc:not(.rpactive) .relplan &gt; .rbox &gt; .rhead &gt; .rclose &gt; span &gt; svg {
display: block;
}


.relplan &gt; .rbox &gt; .rhead &gt; .rclose:hover svg {
fill: #000;
transition: all 0.25s ease-in;}

.relplan &gt; .rbox &gt; .rhead &gt; span {
display: block;
margin: 10px 10px 2px;
padding: 0;
font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
color: #d6a64d;
text-transform: uppercase;
text-align: center;
}

.tc.rpactive .relplan &gt; .rbox &gt; .rhead &gt; .rclose &gt; span {
display: none;
}


.relplan &gt; .rbox &gt; .rhead &gt; h4 {
display: block;
margin: 5px 26px;
padding: 0;
font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif;
font-size: 21px;
font-weight: 500;
color: #000;
text-transform: uppercase;
text-align: center;
}

.relplan &gt; .rbox &gt; .rrelease {
position: absolute;
top: 120px;
left: 30px;
right: 0;
bottom: 10px;
display: block;
margin: 0;
padding: 0;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 12.85714285714286%;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.rplan:nth-child(even) {
background-color: #efefef;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry:first-child, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry:last-child {
height: 5%;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline {
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
margin: 0;
padding: 0;
width: 6px;
height: 100%;
background-color: #ccc;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
overflow: hidden;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span.up {
background: linear-gradient(0deg, rgba(215, 178, 93, 1), rgba(255,255,255,1));}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span.down {
background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1));}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rline &gt; span.updown {
background: linear-gradient(0deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 1), rgba(204, 0, 0, 0));}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule:hover &gt; .rline &gt; span.updown {
background: linear-gradient(0deg, rgba(224, 0, 0, 0), rgba(224, 0, 0, 1), rgba(224, 0, 0, 0));}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span.full {
background-color: #d7b25d;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span:after, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span &gt; b:after {
position: absolute;
top: -100%;
left: 0;
right: 0;
content: "";
width: 100%;
height: 50px;
z-index: 1;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span.up:after, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span.full:after, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span &gt; b:after {
background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));animation: rline 10s infinite linear;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(2) &gt; .rline &gt; span:after, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(2) &gt; .rline &gt; span &gt; b:after {
animation-delay: 1.25s;
}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(3) &gt; .rline &gt; span:after, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(3) &gt; .rline &gt; span &gt; b:after {
animation-delay: 2.5s;
}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(4) &gt; .rline &gt; span:after, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(4) &gt; .rline &gt; span &gt; b:after {
animation-delay: 3.75s;
}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(5) &gt; .rline &gt; span:after, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(5) &gt; .rline &gt; span &gt; b:after {
animation-delay: 5s;
}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(6) &gt; .rline &gt; span:after, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(6) &gt; .rline &gt; span &gt; b:after {
animation-delay: 6.25s;
}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(7) &gt; .rline &gt; span:after, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(7) &gt; .rline &gt; span &gt; b:after {
animation-delay: 7.5s;
}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(8) &gt; .rline &gt; span:after, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry:nth-child(8) &gt; .rline &gt; span &gt; b:after {
animation-delay: 8.75s;
}

@keyframes rline {
0% {
opacity: 0;top: -100%;
}
12% {
opacity: 0.5;}
25% {
opacity: 0;top: 100%;
}
100% {
opacity: 0;top: 100%;
}
}


.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rline &gt; span &gt; b {
position: relative;
display: block;
margin: 0;
padding: 0;
background-color: #d7b25d;
border-radius: 0 0 5px 5px;box-shadow: 0 0 3px 3px rgba(255,255,255,0.7);overflow: hidden;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle {
position: absolute;
left: 6px;
top: 0;
bottom: 0;
right: 0;
display: block;
margin: 0;
padding: 0;
height: 100%;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div {
display: table;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div {
display: table-cell;
vertical-align: middle;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb {
position: relative;
display: block;
margin: 0;
padding: 0;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.badge {
position: absolute;
top: 50%;
left: -23px;
display: block;
margin: -20px 0 0;
padding: 0;
width: 30px;
height: 30px;
line-height: 100%;
background-color: #fff;
border: 5px solid #ccc;
border-radius: 50%;overflow: hidden;
z-index: 1;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.badge {
border-color: #aaa;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.badge {
border-color: #cc0000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.badge {
border-color: #ef2929;
}

.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.badge.active {
border-color: #d7b25d;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.badge.active {
border-color: #f6cc6a;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.badge {
border-color: #5c3566;
}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.badge {
border-color: #d5bed2;
}


.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.badge &gt; img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);transition: all 0.25s ease-out;}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.badge &gt; img {
transform: scale(1.2);transition: all 0.25s ease-in;image-rendering: auto;
}

.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 {
position: relative;
display: block;
margin: 0 10px 0 30px;
padding: 5px 7px;
background-color: #ddd;
border-top: 3px solid #ccc;
border-radius: 7px;text-align: left;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
text-transform: uppercase;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; .info {
padding: 7px;
border-top: none;
line-height: 140%;
font-size: 12px;
color: #aaa;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry {
border-color: #d7b25d;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry {
background-color: #ccc;
border-color: #aaa;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry {
border-color: #f6cc6a;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry {
background-color: #ad7fa8;
border-color: #5c3566;
}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry {
background-color: #b78fb3;
border-color: #d5bed2;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry {
background-color: #cc0000;
border-color: #ef2929;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry {
border-color: #f68888;
}

.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 &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; b {
display: block;
margin: 0;
padding: 0;
font-size: 10px;
color: #555;
line-height: 130%;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; b {
color: #777;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; b {
color: rgba(255,255,255,0.7);
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; b {
color: #fff;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; b {
color: rgba(255,255,255,0.7);
}

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

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; b {
color: #d7b25d;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; b {
color: #5c3566;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; b {
color: #d5bed2;
}


.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; strong {
display: block;
margin: 5px 0 0;
padding: 0;
font-size: 11px;
font-weight: 700;
color: #333;
line-height: 130%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; strong {
color: #333;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; strong, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; strong {
color: #000;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; strong {
font-weight: 700;
color: #5c3566;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; strong, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry.active.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; strong {
color: #d6bcdc;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; strong, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; strong {
color: #fff;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; span {
position: absolute;
top: 0;
right: 0;
display: none;
margin: 0;
padding: 2px 5px 5px;
font-size: 10px;
line-height: 100%;
border-radius: 0 5px 0 5px;}
.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; span, .relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; span {
display: block;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; span {
background-color: #5c3566;
color: #ad7fa8;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-birthday &gt; .rmiddle &gt; div &gt; div &gt; .rb:hover &gt; a.entry &gt; span {
background-color: #d5bed2;
color: #ad7fa8;
}

.relplan &gt; .rbox &gt; .rrelease &gt; .rentry.c-schedule &gt; .rmiddle &gt; div &gt; div &gt; .rb &gt; a.entry &gt; span {
background-color: #ef2929;
color: #5f0000;
}

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



.livecam_btn {
display: block;
margin: 10px;
padding: 0;
border: none;
outline: none;
cursor: pointer;
text-align: right;
}
.livecam_btn.left {
margin: 10px 0 10px 20px;
text-align: left;
}

.livecam_btn &gt; b {
display: inline-block;
margin: 0;
padding: 5px 7px;
background-color: #204a87;
border-radius: 7px;}

.livecam_btn:hover &gt; b {
background-color: #3465a4;
}

.livecam_btn.error &gt; b {
background-color: #a40000;
}

.livecam_btn &gt; b &gt; svg {
display: inline-block;
margin: 0;
padding: 0;
height: 18px;
width: auto;
fill: #efefef;
}
.livecam_btn:hover &gt; b &gt; svg {
fill: #fff;
}

.livecam_btn &gt; b &gt; span {
display: inline-block;
margin: 4px 5px 0 10px;
padding: 0;
vertical-align: top;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 14px;
font-weight: 500;
color: #efefef;
}
.livecam_btn:hover &gt; b &gt; span {
color: #fff;
}





/*
@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:		+ 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:		+ 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.137s (LiveBench)
*/</pre></body></html>