/* @name: Fusion Framework API @author: Michael Sedlacek @build: Snapshot-2025-12-07 13:45 @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: afb56d2680e27bb4df0ddfbcdf9453ae */ /* @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 | */ /* --------------------------------------------------- >> INDEX << ------------------------------------------------- */ 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 > 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; } /* --------------------------------------------------- >> INDEX / Footer << ------------------------------------------------- */ .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 > p { display: inline-block; margin: 0; padding: 0; } .footer > p > b { line-height: 100%; } .footer > p > b > strong { font-family: 'FusionScreen-Bold', 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-weight: 700; } .footer > p > a, .footer > p > a:link, .footer > p > 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 > p > a:hover, .footer > p > a:focus { background-color: #ddd; color: #000; transition: all 0.25s ease-in;} .footer > p > a.active:not(.ssl), .footer > p > a.active:not(.ssl):link, .footer > p > a.active:not(.ssl):visited { background-color: #3465a4; background: linear-gradient(0deg, #204a87, #3465a4);} @media screen and (max-width: 649px) { .footer > p > a, .footer > p > a:link, .footer > p > a:visited { margin: 0 0 0 5px; } } .footer > p > a.ssl, .footer > p > a.ssl:visited, .footer > p > a.ssl:link { background-color: #f57900; color: #fff; } .footer > p > a.ssl:hover, .footer > p > a.ssl:focus { background-color: #ce5c00; color: #fff; } .footer > p > a.ssl.active, .footer > p > a.ssl.active:visited, .footer > p > a.ssl.active:link { background-color: #4e9a06; color: #fff; } .footer > p > a.ssl.active:hover, .footer > p > a.ssl.active:focus { background-color: #73d216; color: #fff; } .footer > #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 > #webstream.show { display: block; } .footer > #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 > p > b { font-size: 10px; } .footer > p > a.cpodcast, .footer > p > a.ssl, .footer > p > a.crss, .footer > p > a.csitemap { display: none; } } @media screen and (max-width: 649px) { .footer > p > b { display: none; } .footer > #webstream { position: static; } .footer > #webstream.show { display: inline-block; margin: 0 5px; } } #updatetime { position: fixed; left: 10px; bottom: 10px; font-size: 9px; color: #999; } @media screen and (max-width: 1380px) { #updatetime { display: none; } } /* @rev: + header | 2.1.0.2 | 2025-05-15 03:08:35 | 7cb9a5af6744d55aa97b0ab140868b0e | (current) + header | 2.1.0.1 | 2025-03-07 15:47:58 | 330dd0994a81faf1ac76f793189800c7 | + header | 2.1.0.0 | 2023-08-20 02:27:25 | 20d67a1bd726222a65b20363016c5dc7 | + header | 2.0.2.0 | 2022-11-15 00:47:00 | 7da7a8c9b0012cd1cdb421141788b33e | + header | 2.0.1.3 | 2022-10-25 22:41:31 | fd2e4e7fab7c887f9c7bc69219c35769 | + header | 2.0.1.2 | 2022-08-10 16:38:22 | 0ca09c96ad87775cd3d35c45b947dc93 | + header | 2.0.1.1 | 2022-07-21 12:11:22 | ae1b5bff7ed1bf65dab024985c47e07f | + header | 2.0.1.0 | 2022-07-15 00:32:53 | 7eaeb26e62b94cc6e688dce244a666f0 | + header | 2.0.0.3 | 2022-07-07 09:55:56 | bf538d5912f83c8e7b8083b6056d07bc | + header | 2.0.0.2 | 2022-05-31 22:28:08 | 428b59086ba6cae9d306926905e323d8 | + header | 2.0.0.1 | 2022-02-06 23:42:11 | fd3b7ddb71749ea769df1522d2c50057 | + header | 2.0.0.0 | 2022-01-08 19:57:35 | 600fef1e04e57aa43a600895b6df705f | + header | 1.1.0.3 | 2022-01-01 23:58:01 | 68a4f4c0a347976c92db3ae041139fb5 | + header | 1.1.0.2 | 2020-07-22 13:31:25 | 28074415fab99303ecd003fccf343492 | + header | 1.1.0.1 | 2020-05-31 01:25:37 | 83b60700ac614728c50183b7bbd15f28 | + header | 1.1.0.0 | 2018-02-16 15:17:34 | daeef4216f2ddb373b9c77af5b46fd46 | + header | 1.0.3.5 | 2017-02-24 12:24:32 | d616d246555bcfb8ea191405c8877042 | + header | 1.0.3.4 | 2016-10-06 17:07:42 | 618be1cb42fd6d1b7966ef7a63f97c4f | + header | 1.0.3.3 | 2016-10-06 16:01:39 | 8c53a70b871c722565ce9d0f4edb0ac7 | + header | 1.0.3.2 | 2016-04-14 15:14:45 | 9dbbe070943fff75a8447a193dff4c28 | + header | 1.0.3.1 | 2016-03-31 15:33:23 | d3918cdcaad494e99069537ccc806c8d | + header | 1.0.3.0 | 2016-02-12 11:50:36 | eff4b14e6b423bab39254979d3e6f522 | + header | 1.0.2.1 | 2016-02-03 10:17:03 | b82f1a749d1fa0a2929b300189044586 | + header | 1.0.2.0 | 2016-01-08 11:11:30 | 17525d23ac925519ec712867a8fe63db | + header | 1.0.1.8 | 2015-11-20 14:57:49 | 0684c230b27db5f91058152eec7350ce | + header | 1.0.1.7 | 2015-11-06 17:16:47 | 6f69ef54adb921f3ea83426f22a5f0cd | + header | 1.0.1.6 | 2015-10-07 16:32:45 | 79fbf3c199059c71e140618b763dd0be | + header | 1.0.1.5 | 2015-08-17 11:45:42 | ebfbb08008973e50fe466a4a71a3bc28 | + header | 1.0.1.4 | 2015-08-06 17:39:29 | b076072fc360f515ec98be2fb92c4bc2 | + header | 1.0.1.3 | 2015-07-17 16:46:51 | dced9cf7f37e9796d34e7aae4768048d | + header | 1.0.1.2 | 2015-02-13 17:20:14 | 21673064dc5617ca6b4c257105128c67 | + header | 1.0.1.1 | 2014-11-21 12:04:18 | 703650876285b877262bf075373a7e76 | + header | 1.0.1.0 | 2014-11-18 16:20:40 | ae3527aa75355bab4caaf1c3be0164b3 | + header | 1.0.0.9 | 2014-11-07 16:08:14 | 4539f2114a8987acb26aaed0d673a4c1 | + header | 1.0.0.8 | 2014-10-15 16:35:59 | c24be2901dae9f3c371b6b0f1d9d41c6 | + header | 1.0.0.7 | 2014-08-26 15:58:33 | 7855634952f48817029c416aaf4c8559 | + header | 1.0.0.6 | 2014-07-25 13:23:26 | b4c740d1d2723a595db98e2d0547dfd3 | + header | 1.0.0.5 | 2014-07-25 12:40:25 | cc6a5bab398c0953f5a31f22e24f0684 | + header | 1.0.0.4 | 2014-07-25 12:09:45 | 866743f75ad41cadd256af8154f07dd5 | + header | 1.0.0.3 | 2014-07-21 13:31:50 | 656641a05fd1a41f414de8e45e01c20d | + header | 1.0.0.2 | 2014-07-18 14:51:21 | e32461897c9b4e9dfb2c0e44982f60d5 | + header | 1.0.0.1 | 2014-07-18 14:20:41 | 3fc98cc12392208510884d14e3f7c78e | + header | 1.0.0.0 | 2014-07-18 13:03:47 | c2a51a7b4c0b77742303b932e50971df | */ header { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 75px; background-color: #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.35);border-bottom: 5px solid #E7E7E7; text-align: center; z-index: 11; } body.cdarkminds header { position: fixed; top: 0; background-color: rgba(0,0,0,0.75); border-color: rgba(0,0,0,0.35); backdrop-filter: blur(25px);} /* --------------------------------------------------- >> HEADER / Header << ------------------------------------------------- */ 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 > svg { fill: #999; width: 22px; } header .hblock .mobilemenu:hover > svg { fill: #ccc; } @media screen and (max-width:820px) { header .hblock .mobilemenu { display: block; } } header .hblock > 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 > ul { height: unset; } @media screen and (max-width:820px) { header .hblock > 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 > ul { background-color: rgba(0,0,0,0.75); backdrop-filter: blur(25px);} } header .hblock > ul > 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 > ul > li { border-color: rgba(0,0,0,0.35); } @media screen and (max-width:820px) { header .hblock > ul > li { display: block; border-bottom: none; padding: 7px 0 0; text-align: center; } } header .hblock > ul > li > a, header .hblock > ul > li > a:visited, header .hblock > ul > li > 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 > ul > li > a, body.cdarkminds header .hblock > ul > li > a:visited, body.cdarkminds header .hblock > ul > li > a:link { color: rgba(255,255,255,0.75); } @media screen and (max-width:820px) { header .hblock > ul > li > a, header .hblock > ul > li > a:visited, header .hblock > ul > li > a:link { padding: 8px 0; } } header .hblock > ul > li > a:hover, header .hblock > ul > li > a:focus, header .hblock > ul > li:hover a, header .hblock > ul > li:focus a { color: #333; transition: all 0.35s linear;} header .hblock > ul > li > a:active { color: #000; transition: none;} body.cdarkminds header .hblock > ul > li > a:hover, body.cdarkminds header .hblock > ul > li > a:focus, body.cdarkminds header .hblock > ul > li:hover a, body.cdarkminds header .hblock > ul > li:focus a { color: #fff; } header .hblock > ul > li > a.arrow-down { margin: 0; padding: 30px 0 0; } @media screen and (max-width:820px) { header .hblock > ul > li > a.arrow-down { padding: 5px 0; } } header .hblock > ul > li > a.arrow:before, header .hblock > ul > li > a.arrow-down:after { display: inline-block; margin: 0; padding: 0 7px 0 0; content: '\25BA'; } header .hblock > ul > li:hover { background-color: #F1F4F8; border-color: #849eb3; transition: all 0.35s linear;} body.cdarkminds header .hblock > ul > li:hover { background-color: rgba(215, 178, 93, 0.5); border-color: #b5964e; } header .hblock > ul > li > 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 > ul > li > 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 > ul > li > ul, header .hblock .suggestion-more { position: fixed; border-left: 0; border-right: 0; border-bottom: 0; } } @media screen and (max-width:820px) { header .hblock > ul > li > 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 > ul > li.show > ul, header .hblock > ul > li:hover > ul, header .hblock > ul > li:focus > ul { display: block; transition: all 0.35s linear;} header .hblock > ul > li > ul > li, header .hblock .suggestion-more > ul > li { display: inline-block; margin: 0 auto; padding: 0; list-style: none; width: 33.3333333333%; } @media screen and (max-width:820px) { header .hblock > ul > li > ul > li, header .hblock .suggestion-more > ul > li { width: auto; } header .hblock > ul > li:hover > ul, header .hblock > ul > li:focus > ul { display: none; } header .hblock > ul > li.show > ul { display: block; } } header .hblock > ul > li > ul > li:hover { background-color: #F1F4F8; } header .hblock > ul > li > ul > li:active { background-color: #d0dae7; transition: none;} header .hblock > ul > li > ul > li.new { background-color: #fbd0d0; } header .hblock > ul > li > ul > li.new:hover { background-color: #f7a1a1; } header .hblock > ul > li > ul > li.new:active { background-color: #f37272; transition: none;} header .hblock > ul > li > ul > li.business { background-color: #f3e4c9; } header .hblock > ul > li > ul > li.business:hover { background-color: #ead09f; } header .hblock > ul > li > ul > li.business:active { background-color: #e1bb75; transition: none;} header .hblock .suggestion-more > ul > li:hover { background-color: #fcaf3e; } header .hblock .suggestion-more > ul > li:active { background-color: #fb9c0e; transition: none;} body.cdarkminds header .hblock > ul > li > ul > li:hover, body.cdarkminds header .hblock .suggestion-more > ul > li:hover { color: rgba(255,255,255,0.75); background-color: rgba(215, 178, 93, 0.5); } header .hblock > ul > li > ul > li > a, header .hblock .suggestion-more > ul > li > a { display: flex; padding: 12px 25px; } @media screen and (max-width:820px) { header .hblock > ul > li > ul > li > a { padding: 5px 10px; } } header .hblock > ul > li > ul > li > a > svg, header .hblock .suggestion-more > ul > li > a > svg { display: block; width: 32px; height: 32px; opacity: 0.8;fill: #000; } body.cdarkminds header .hblock > ul > li > ul > li > a > svg, header .hblock .suggestion-more > ul > li > a > svg { fill: rgba(255,255,255,0.75); } header .hblock > ul > li > ul > li > a:hover > svg, header .hblock .suggestion-more > ul > li > a:hover > svg { fill: #204a87; } header .hblock > ul > li > ul > li > a:active > svg, header .hblock .suggestion-more > ul > li > a:active > svg { fill: #16335f; } body.cdarkminds header .hblock > ul > li > ul > li > a:hover > svg, body.cdarkminds header .hblock .suggestion-more > ul > li > a:hover > svg { fill: rgba(255,255,255,0.95); } header .hblock > ul > li > ul > li.new > a > svg { fill: #cc0000; } header .hblock > ul > li > ul > li.new > a:hover > svg { fill: #ef2929; } header .hblock > ul > li > ul > li.new > a:active > svg { fill: #d51010; } header .hblock > ul > li > ul > li.business > a > svg { fill: #a77a25; } header .hblock > ul > li > ul > li.business > a:hover > svg { fill: #d6a343; } header .hblock > ul > li > ul > li.business > a:active > svg { fill: #bc8929; } header .hblock > ul > li > ul > li > a > img, header .hblock .suggestion-more > ul > li > a > img { display: block; width: 32px; height: 32px; opacity: 0.8;} header .hblock > ul > li > ul > li > a > img, header .hblock .suggestion-more > ul > li > a > img { border-radius: 5px;} header .hblock > ul > li > ul > li > a > img.avatar, header .hblock .suggestion-more > ul > li > a > img.avatar { border-radius: 50%;} @media screen and (max-width:820px) { header .hblock > ul > li > ul > li > a > svg, header .hblock .suggestion-more > ul > li > a > svg, header .hblock > ul > li > ul > li > a > img, header .hblock .suggestion-more > ul > li > a > img { display: block; width: 14px; height: 14px; margin: 4px 0 4px; opacity: 1;} header .hblock > ul > li.lang > ul > li > a > svg, header .hblock > ul > li.lang > ul > li > a > p { display: inline-block; vertical-align: top; } } header .hblock > ul > li > ul > li > a:hover > img, header .hblock .suggestion-more > ul > li > a:hover > img { opacity: 1;} header .hblock > ul > li > ul > li > a > p, header .hblock .suggestion-more > ul > li > a > p { display: block; margin: 0 0 0 10px; padding: 0; } header .hblock > ul > li > ul > li > a > p > b, header .hblock .suggestion-more > ul > li > a > p > 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 > ul > li > ul > li > a > p > b, body.cdarkminds header .hblock .suggestion-more > ul > li > a > p > b { color: rgba(255,255,255,0.75); } @media screen and (max-width:820px) { header .hblock > ul > li > ul > li > a > p, header .hblock .suggestion-more > ul > li > a > p { margin: 0 5px; } header .hblock > ul > li > ul > li > a > p > b, header .hblock .suggestion-more > ul > li > a > p > b { font-size: 12px; } } header .hblock > ul > li > ul > li > a:hover > p > b { color: #000; } header .hblock .suggestion-more > ul > li > a:hover > p > b { color: #fff; } header .hblock > ul > li > ul > li.new > a > p > b { color: #a40000; } header .hblock > ul > li > ul > li.new > a:hover > p > b { color: #cc0000; } header .hblock > ul > li > ul > li.business > a > p > b { color: #86611d; } header .hblock > ul > li > ul > li.business > a:hover > p > b { color: #a77a25; } body.cdarkminds header .hblock > ul > li > ul > li > a:hover > p > b, body.cdarkminds header .hblock .suggestion-more > ul > li > a:hover > p > b { color: rgba(255,255,255,0.95); } header .hblock > ul > li > ul > li > a > p > b > 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 > ul > li > ul > li:hover > a > p > b > span { background-color: #9CADBB; } header .hblock > ul > li > ul > li:active > a > p > b > span { background-color: #7d93a6; transition: none;} header .hblock > ul > li > ul > li.new > a > p > b > span { background-color: #ef2929; } header .hblock > ul > li > ul > li.new:hover > a > p > b > span { background-color: #f35959; } header .hblock > ul > li > ul > li.new:active > a > p > b > span { background-color: #f02828; transition: none;} header .hblock > ul > li > ul > li.business > a > p > b > span { background-color: #d6a343; } header .hblock > ul > li > ul > li.business:hover > a > p > b > span { background-color: #dfb76d; } header .hblock > ul > li > ul > li.business:active > a > p > b > span { background-color: #d6a243; transition: none;} @media screen and (max-width:820px) { header .hblock > ul > li > ul > li > a > p > b > span { margin: -1px 0 0 6px; font-size: 8px; } } header .hblock > ul > li > ul > li > a > p > i, header .hblock .suggestion-more > ul > li > a > p > i { display: block; padding: 0 0 0 1px; color: #ccc; font-weight: 500; font-size: 10px; } body.cdarkminds header .hblock > ul > li > ul > li > a > p > i, body.cdarkminds header .hblock .suggestion-more > ul > li > a > p > i { color: rgba(255,255,255,0.5); } @media screen and (max-width:820px) { header .hblock > ul > li > ul > li > a > p > i, header .hblock .suggestion-more > ul > li > a > p > i { display: none; } } header .hblock > ul > li > ul > li > a:hover > p > i { color: #aaa; } header .hblock .suggestion-more > ul > li > a:hover > p > i { color: #eee; } header .hblock > ul > li > ul > li.new > a > p > i { color: rgb(164, 0, 0, 0.5); } header .hblock > ul > li > ul > li.new > a:hover > p > i { color: rgb(204, 0, 0, 0.5); } header .hblock > ul > li > ul > li.business > a > p > i { color: rgb(134, 97, 29, 0.5); } header .hblock > ul > li > ul > li.business > a:hover > p > 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 > ul > li.selected { border-color: #849eb3; } header .hblock > ul > li:active { background-color: #d0dae7; transition: none;} header .hblock > ul > li.selected:active { background-color: #6485a0; } header .hblock .selected > a, header .hblock .selected > a:visited, header .hblock .selected > a:link { color: #465E71; } header .hblock .selected > 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 > a, header .hblock .suggestion > a:visited, header .hblock .suggestion > a:link { color: #F59503; } header .hblock .suggestion > a:active { color: #c57702; transition: none;} header .hblock .suggestion:hover > a, header .hblock .suggestion > 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 > a { display: block; padding-top: 25px; } header.hfixed .hblock li.lang > a { padding-top: 8px; } header .hblock li.lang > a > svg { display: block; margin: 0 auto; padding: 0; width: 24px; height: auto; } header .hblock li.lang > ul { left: unset; right: 0; width: auto; } header .hblock li.lang > ul > 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 > a { width: 75px; height: 50px; } header.hfixed .hblock > ul > li { height: 40px; } header.hfixed .hblock > ul > li > a, header.hfixed .hblock > ul > li > a:visited, header.hfixed .hblock > ul > li > a:link { padding: 14px 12px 5px; } header.hfixed .hblock > ul > li > ul { top: 40px; } @media screen and (max-width:820px) { header.hfixed .hblock .logo { height: 40px; } header.hfixed .hblock > ul > li { height: auto !important; } header.hfixed .hblock > ul > li > a > cite { margin: 0 auto; } header.hfixed .hblock > ul > li > a, header.hfixed .hblock > ul > li > a:visited, header.hfixed .hblock > ul > li > 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 > label { display: inline-block; margin: 29px auto; padding: 0; position: relative; width: 30px; height: 17px; transition: all 0.3s linear;} header.hfixed .hblock > ul > li.darkmode > label { margin: 12px auto; } @media screen and (max-width:820px) { header .hblock li.darkmode > label { margin: 5px 0 3px; } } header .hblock li.darkmode > label > input { opacity: 0;width: 0; height: 0; } /* --------------------------------------------------- >> HEADER / Profile << ------------------------------------------------- */ header > .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 > .profile { background-color: transparent; } header > .profile:hover { background-color: #D7D7D7; } header > .profile:active { background-color: #cfcfcf; } body.cdarkminds header > .profile:hover { background-color: rgba(255,255,255,0.2); } header > .profile > .avatar { display: table; margin: 0; padding: 0; width: 100%; height: 100%; opacity: 0.85;} header > .profile:hover > .avatar { opacity: 1;} header > .profile > .avatar > div { display: table-cell; vertical-align: middle; } header > .profile > .avatar > div > p { position: relative; display: block; margin: 0; padding: 0; background-color: #fff; border-radius: 50%;overflow: hidden; } header > .profile > .avatar > div > p > span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } header > .profile > .avatar > div > p > 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 > .profile > .avatar > div > p > img { display: block; margin: 0; padding: 5px; border-radius: 50%;overflow: hidden; } header.hfixed > .profile > .avatar > div > p > img { width: 18px; height: 18px; } header > .profile > .avatar > div > p > b { display: block; margin: 0; padding: 5px; border-radius: 50%;overflow: hidden; } header > .profile > .avatar > div > p > b { width: 30px; height: 30px; background-color: #3465a4; border: 3px solid #fff; } header > .profile > .avatar.logon > div > p > b { background-color: #444; } header.hfixed > .profile > .avatar > div > p > b { width: 18px; height: 18px; border: 2px solid #fff; text-align: center; } header > .profile > .avatar > div > p > b > svg { display: inline-block; margin: 3px 15% 0; padding: 0; width: 70%; height: auto; fill: #fff; } header > .profile > .avatar > div > p > b > i { display: block; margin: 8px 0 0; padding: 0; color: #fff; font-family: 'FusionScreen-Regular', sans-serif; font-size: 16px; } header.hfixed > .profile > .avatar > div > p > b > 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: + darkminds | 2.6.0.2 | 2025-09-09 22:06:25 | 3679c228ad9fe12252396e81bb012811 | (current) + darkminds | 2.6.0.1 | 2025-09-06 22:48:24 | 3ba4f0a14678004660f6b31df9ba700c | + darkminds | 2.6.0.0 | 2025-05-31 14:04:31 | 9d92858413981815b488955bba70dc56 | + darkminds | 2.5.0.0 | 2025-04-19 23:49:20 | 6c889560b14ab848e29f0c3301a25e27 | + darkminds | 2.4.0.0 | 2025-03-14 18:36:27 | 840c80e5d977bd5625d009fc58aff62f | + darkminds | 2.3.0.3 | 2025-02-02 22:41:57 | d7346f89683b9dee55a38b2b9acc3188 | + darkminds | 2.3.0.2 | 2024-09-13 13:22:47 | 1e8cfcd8decbfbb601289c4a91e90324 | + darkminds | 2.3.0.1 | 2023-10-30 01:56:46 | c042b37a40097ce25edfadfb7273f663 | + darkminds | 2.3.0.0 | 2023-09-18 22:22:39 | 95a063fd988875363558e3d6c6275853 | + darkminds | 2.2.0.5 | 2023-09-05 23:08:26 | ce57124b4d428708dd613eb8282b208c | + darkminds | 2.2.0.4 | 2023-09-05 22:40:10 | 619057cae72649833fe0b6679eb63f33 | + darkminds | 2.2.0.3 | 2023-07-08 00:18:27 | 91d79840a8e70c75c7242d1e0e1cec6c | + darkminds | 2.2.0.2 | 2023-07-07 16:15:35 | 6a445fa6a0d5b7b925e16fdab4d42df2 | + darkminds | 2.2.0.1 | 2023-07-07 15:56:54 | e9cbc5447e27c65f162e3a40e6f890c0 | + darkminds | 2.2.0.0 | 2023-07-04 19:37:25 | 9d73e72426ccd791ddc28e55a057ba83 | + darkminds | 2.1.0.4 | 2023-04-14 17:54:21 | b9237f9b8183bbf32a5b438fe67abbd4 | + darkminds | 2.1.0.3 | 2023-04-14 17:54:21 | b9237f9b8183bbf32a5b438fe67abbd4 | + darkminds | 2.1.0.2 | 2023-02-16 00:41:52 | 3aebfbc50f5eee6f9e7bad138927b1f3 | + darkminds | 2.1.0.1 | 2022-12-27 16:42:29 | 2a4a74fdc92ddf52a2002e335e50c54d | + darkminds | 2.1.0.0 | 2022-11-14 23:19:17 | f7326632a8f072a987c17b06201961a6 | + darkminds | 2.0.1.8 | 2022-11-03 15:14:04 | 68e18dcdde6cbe707b98c2c3b254d588 | + darkminds | 2.0.1.7 | 2022-10-27 15:09:07 | e5cad85a8579d3a5201428c033d47c25 | + darkminds | 2.0.1.6 | 2022-08-05 17:20:27 | b56e8fc6a81d383eea875d38d3249435 | + darkminds | 2.0.1.5 | 2022-07-23 23:52:08 | c2ea6dbb1b21981329f204fd6799574f | + darkminds | 2.0.1.4 | 2022-07-20 15:26:45 | 261110c22ec538eb944c8ed8d896659d | + darkminds | 2.0.1.3 | 2022-07-15 21:46:22 | 54895cf98cfb4ad9a8112e048035e6a3 | + darkminds | 2.0.1.2 | 2022-07-15 21:46:22 | 54895cf98cfb4ad9a8112e048035e6a3 | + darkminds | 2.0.1.1 | 2022-07-14 23:11:53 | 5a0b65e6ac29a9c91df76ba328b14824 | + darkminds | 2.0.1.0 | 2022-07-04 21:38:49 | f5d535e77c6a99b021a62fb07fb5c253 | + darkminds | 2.0.0.2 | 2022-05-31 22:20:29 | 85151beebae0f83fbcfe42e1e55882be | + darkminds | 2.0.0.1 | 2025-05-15 03:10:33 | 945aecfb955c412a0d10b9582c2c9161 | + darkminds | 2.0.0.0 | 2022-01-05 23:49:19 | 04cdbbe0726cec6295c9d9ca5336f43f | + darkminds | 1.1.1.0 | 2022-01-01 23:01:22 | b4885d2b75512b52f3913dbf06927005 | + darkminds | 1.1.0.1 | 2021-12-30 17:30:54 | 86a825bb0f2ea1d8bf804944b687f4d0 | + darkminds | 1.1.0.0 | 2021-12-29 13:15:34 | 1d3dca314f4834453a2887eccda9b532 | + darkminds | 1.0.0.9 | 2021-06-17 20:13:42 | 7c00100753dfddc0d075f565e01ea896 | + darkminds | 1.0.0.8 | 2021-04-15 00:01:02 | dc0b35f186dc39b3d09396aa0357ad45 | + darkminds | 1.0.0.7 | 2020-10-10 14:13:44 | 4fc3b1f57dca4b296e6739eb303a2719 | + darkminds | 1.0.0.6 | 2020-08-13 18:04:29 | 69506805c0910c80eba3ecbd535f177c | + darkminds | 1.0.0.5 | 2020-08-11 18:31:27 | 7e179393b27f639a67d113b2b695368c | + darkminds | 1.0.0.4 | 2020-08-10 20:19:17 | 45bd19cd42bfcf163149727a90e1a8fd | + darkminds | 1.0.0.3 | 2020-07-24 16:42:59 | c8bef0a2efc409c336935ab07d706fb3 | + darkminds | 1.0.0.2 | 2020-07-16 00:03:41 | 707d2e26d38dcfcf7d7ff2b4bf96a03b | + darkminds | 1.0.0.1 | 2020-07-15 22:42:50 | ab885af1387bbbca5b1eb4cb95e1f7e6 | + darkminds | 1.0.0.0 | 2020-07-14 14:56:18 | 67f19e12b683f3e64321c2e52560d422 | */ *:focus { outline: none; } body { background-color: #000; } body.loaded::after, body.unloaded::after { background-color: #000; } /* ------------- [golden touch] --------------- dark = #b5964e (181, 150, 78) middle = #d7b25d light = #ebc366 very light = #f6cc6a very light / 40%trans = #fcd16d */ .darkminds { display: block; margin: 0; padding: 0; } .darkminds.fullscreen { width: 100%; height: 100%; } .darkminds > .head { display: block; position: relative; margin: 0; padding: 0; width: 100%; height: 600px; overflow: hidden; } .darkminds > .head.view { height: 100%; max-height: 750px; } .darkminds > .head.fullscreen { top: 0; left: 0; bottom: 0; right: 0; height: 100%; max-height: 100%; } .darkminds > .head > p { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; } @media screen and (max-width: 640px) { .darkminds > .head > p { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } } .darkminds > .head > p > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; filter: blur(25px);transform: scale(1.5);object-fit: cover; opacity: 0.5;} .darkminds > .head.playing > p > img { opacity: 0.1;transition: opacity 0.5s;} .darkminds > .head > div.box { display: block; position: absolute; top: 80px; left: 0; bottom: 0; right: 0; } .darkminds > .head.fullscreen > div { bottom: 65px; } @media screen and (max-width: 640px) { .darkminds > .head.view > div { position: static; display: block; margin: 110px 0 0; padding: 0; } } .darkminds > .head > div.box > .slider { position: absolute; top: 40px; left: 100px; right: 100px; bottom: 40px; display: block; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; } @media screen and (max-width: 1800px) { .darkminds > .head > div.box > .slider { left: 50px; right: 50px; } } @media screen and (max-width: 1200px) { .darkminds > .head > div.box > .slider { left: 30px; right: 30px; } } @media screen and (max-width: 850px) { .darkminds > .head > div.box > .slider { left: 10px; right: 10px; } } @media screen and (max-width: 640px) { .darkminds > .head > div.box > .slider { left: 0; right: 0; } .darkminds > .head.view > div > .slider { position: static; display: block; margin: 5px; padding: 0; } } .darkminds > .head > div.box > nav { position: absolute; bottom: 55px; left: 115px; display: block; margin: 0; padding: 0; white-space: nowrap; } .darkminds > .head > div.box > nav > div { display: inline-block; margin: 0; padding: 0; } .darkminds > .head > div.box > nav > div > button { display: inline-block; margin: 0 3px; padding: 10px; width: 50px; height: 50px; border-radius: 50%;background-color: rgba(0,0,0,0.65); border: 1px solid rgba(255,255,255,0.05); outline: none; cursor: pointer; transform: scale(0.85);transition: all 0.25s;} .darkminds > .head > div.box > nav > div > button:hover { background-color: rgba(0,0,0,0.95); border: 1px solid rgba(255,255,255,0.1); transform: scale(1);transition: all 0.25s;} .darkminds > .head > div.box > nav > div > button > svg { display: block; margin: 0; padding: 0; width: 100%; height: 100%; fill: #fff; } @media screen and (max-width: 1800px) { .darkminds > .head > div.box > nav { left: 65px; } } @media screen and (max-width: 1200px) { .darkminds > .head > div.box > nav { left: 45px; } } @media screen and (max-width: 850px) { .darkminds > .head > div.box > nav { left: 25px; right: 25px; text-align: center; } } @media screen and (max-width: 640px) { .darkminds > .head > div.box > nav { left: 15px; right: 15px; } } .darkminds > .head > div.box > .slider > div { position: relative; display: inline-block; margin: 0 auto; padding: 0; width: 100%; height: 100%; white-space: normal; } .darkminds > .head > div.box > .slider > div > .frame { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 10px;box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.6);background-color: #000; overflow: hidden; } @media screen and (max-width: 640px) { .darkminds > .head > div.box > .slider > div > .frame { left: 0; right: 0; border-radius: 0;} .darkminds > .head.view > div > .slider > div > .frame { position: static; display: block; margin: 25px 10px; padding: 0; background-color: #000; } } .darkminds > .head > div.box > .slider > div > .frame > .player { position: relative; display: inline-block; margin: 0; padding: 0; width: 75%; height: 100%; overflow: hidden; vertical-align: top; background-color: #000; cursor: pointer; } .darkminds > .head > div.box > .slider > div > .frame > .player.load { opacity: 0;transition: opacity 0.25s;} .darkminds > .head > div.box > .slider > div > .frame.notfound > .player { width: 100%; } .darkminds > .head.playing > div.box > .slider > div > .frame > .player { width: 100%; transition-delay: 0.5s; } @media screen and (max-width: 640px) { .darkminds > .head > div.box > .slider > div > .frame > .player { width: 100%; height: 100%; } .darkminds > .head.playing.picplay > div.box > .slider > div > .frame > .player { height: 100%; } } .darkminds > .head > div.box > .slider > div > .frame > .player > img, .darkminds > .head > div.box > .slider > div > .frame > .player > video { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; } .darkminds > .head.playing > div > .slider > div > .frame > .player > img, .darkminds > .head.playing > div > .slider > div > .frame > .player > video { object-fit: contain; } .darkminds > .head.playing.picplay > div > .slider > div > .frame > .player > img { display: none; } .darkminds > .head > div.box > .slider.censored > div > .frame > .player > img, .darkminds > .head > div.box > .slider.censored > div > .frame > .player > video { filter: blur(10px);transform: scale(1.5);} .darkminds > .head > div.box > .slider > div > .frame > .player > span { position: absolute; top: 0; right: 0; bottom: 0; width: 30%; height: 100%; margin: 0; padding: 0; display: block; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));} .darkminds > .head.playing > div.box > .slider > div > .frame > .player > span { display: none; } @media screen and (max-width: 640px) { .darkminds > .head > div.box > .slider > div > .frame > .player > span { width: 0%; } } .darkminds > .head > div.box > .slider > div > .frame > .side { position: relative; display: inline-block; width: 25%; height: 100%; background-color: #000; } .darkminds > .head.playing > div.box > .slider > div > .frame > .side { width: 0%; transition-delay: 0.5s; } @media screen and (max-width: 640px) { .darkminds > .head > div.box > .slider > div > .frame > .side { width: 100%; height: 20%; } } .darkminds > .head > div.box > .slider > div > .frame > .side > span { position: absolute; top: 0; bottom: 0; display: block; margin: 0; padding: 0; left: -10px; width: 10px; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(25px);border-left: 4px solid rgba(0,0,0,0.35); box-shadow: 0 0 3px 3px rgba(0,0,0,0.12);} .darkminds > .head.playing > div.box > .slider > div > .frame > .side > span { display: none; } .darkminds > .head > div.box > .slider > div > .frame > .side > div { display: table; margin: 0; text-align: center; width: 100%; height: 100%; opacity: 1;} .darkminds > .head.playing > div.box > .slider > div > .frame > .side > div { display: none; } @media only screen and (max-width:640px) { .darkminds > .head.view > div > .slider > div > .frame > .side > div { margin: 12px 0; } } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div { display: table-cell; vertical-align: middle; } .darkminds > .head.playing > div.box > .slider > div > .frame > .side > div { opacity: 0;transition: opacity 0.5s;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h3 { display: block; margin: 0; padding: 0 20px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: 500; text-transform: uppercase; line-height: 100%; color: #b5964e; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h2 { display: block; margin: 0; padding: 5px 20px 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 23px; font-weight: 500; text-transform: uppercase; line-height: 125%; color: #fff; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > p { display: block; margin: 0; padding: 7px 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 130%; color: #555; letter-spacing: 0.8px; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > a.preview { position: relative; display: inline-block; margin: 25px 5px 0; padding: 3px; cursor: pointer; transition: all 0.35s;opacity: 1;} @media only screen and (max-width:640px) { .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h3 { margin: 5px 0 0; font-size: 12px; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h2 { font-size: 16px; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > p { font-size: 10px; float: right; padding: 0 5px 15px 0; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > a.preview { display: none; } } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > a.preview > p { position: relative; display: block; margin: 0; padding: 3px; background-color: #b5964e; overflow: hidden; border-radius: 50%;transition: all 0.35s;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > a.preview:hover > p { transition: all 0.35s;background-color: #b5964e; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > a.preview > p > b { position: relative; display: block; margin: 0; padding: 4px; background-color: #000; z-index: 1; line-height: 100%; transition: all 0.5s;border-radius: 50%;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > a.preview > p > b > 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%;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > a.preview > p > b > 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: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));z-index: 1; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > a.preview > p > b > span:hover::after { left: 200%; opacity: 0.4;transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > a.preview > p > b > span > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; } .darkminds > .head > div.box > .slider.censored > div > .frame > .side > div > div > a.preview > p > b > span > img { filter: blur(5px);transform: scale(1.25);} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul { display: block; margin: 35px 0 0; padding: 0; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li { display: block; margin: 0 0 10px; padding: 0; text-align: center; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user, .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > b, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b { position: relative; display: inline-block; margin: 0; padding: 3px 7px; background-color: #222; border-radius: 7px;overflow: hidden; transition: all 0.35s;line-height: 100%; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > b, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b { margin: 0 4px 0 0; padding: 5px 4px 2px; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user.admin { background-color: #1f0000; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user::after, .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > b::after, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b::after { position: absolute; top: -50%; left: -100%; content: ""; width: 50%; height: 200%; opacity: 0.2;transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));z-index: 1; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user:hover::after, .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > b:hover::after, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b:hover::after { left: 200%; opacity: 0.4;transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user:hover, .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > b:hover, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b:hover { background-color: #444; transition: all 0.35s;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user.admin:hover { background-color: #3f0000; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user > img, .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > b > img, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b > img { display: inline-block; margin: 0 8px 0 0; padding: 0; border-radius: 50%;width: 28px; height: auto; opacity: 0.85;transition: all 0.35s;} .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > b > img, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b > img { width: 18px; margin: 0 6px 0 0; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user.admin > img { opacity: 0.5;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user:hover > img, .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > b:hover > img, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b:hover > img { opacity: 1;transition: all 0.35s;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user > span, .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > b > i, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b > i { display: inline-block; margin: 7px 0 0; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 100%; color: #ccc; vertical-align: top; text-shadow: 0 0 2px #000; transition: all 0.35s;text-transform: none; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > b > i, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b > i { margin: 2px 0 0; font-size: 11px; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user.admin > span { opacity: 0.5;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user:hover > span { color: #fff; transition: all 0.35s;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.fav { display: none; margin: 0 0 0 8px; padding: 0; vertical-align: top; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.fav.show { display: inline-block; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.fav > svg, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.fav > span > svg { display: block; margin: 1px 0 0; padding: 3px 3px 2px 3px; width: 26px; height: auto; fill: #fff; border-radius: 5px;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.fav.active > svg, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.fav:not(.active) > span > svg { display: none; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.fav:active > svg { background-color: #111; } @media only screen and (max-width:640px) { .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul { margin: 12px 0 0; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li { display: inline-block; margin: 0 10px 0 0; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li:last-child { margin: 0; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user > img { width: 21px; padding: 0 6px 0 0; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.user > span { font-size: 12px; margin: 4px 0 0; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.fav > svg, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > ul > li > a.fav > span > svg { width: 21px; } } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > .contentbar { display: block; margin: 35px 10px 0; padding: 7px 0; background-color: #3f0000; border-radius: 5px;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > .contentbar > a, .darkminds > .calendar > .player > .contentbar > a { display: inline-block; margin: 0; padding: 4px; background-color: rgba(255,255,255,0.15); border-radius: 5px;transition: all 0.35s;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > .contentbar > a:hover, .darkminds > .calendar > .player > .contentbar > a:hover { background-color: rgba(255,255,255,0.35); transition: all 0.35s;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > .contentbar > a > svg, .darkminds > .calendar > .player > .contentbar > a > svg { display: block; margin: 0; padding: 0; width: 24px; height: auto; fill: #fff; opacity: 0.85;transition: all 0.35s;} .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > .contentbar > a:hover > svg, .darkminds > .calendar > .player > .contentbar > a:hover > svg { opacity: 1;transition: all 0.35s;} .darkminds > .calendar > .player > .videoui { position: absolute; top: 0; left: 0; right: 0; bottom: 7px; } .darkminds > .calendar > .player > .contentbar { position: absolute; top: 0; right: 0; display: block; margin: 0; padding: 7px; background-color: #3f0000; border-radius: 5px;z-index: 3; } .darkminds > .calendar > .player > ul#peoplelink { position: absolute; top: 0; left: 0; display: block; margin: 0; padding: 0; z-index: 3; background-color: rgba(255,255,255,0.15); border-radius: 0 0 7px 0;backdrop-filter: blur(25px);} .darkminds > .calendar > .player > ul#peoplelink > li { display: inline-block; margin: 0; padding: 5px 8px; text-align: center; } .darkminds > .calendar > .player > ul#peoplelink > li > a.user { position: relative; display: inline-block; margin: 0; padding: 3px 7px; background-color: #222; border-radius: 7px;overflow: hidden; transition: all 0.35s;} .darkminds > .calendar > .player > ul#peoplelink > li > a.user.admin { background-color: #1f0000; } .darkminds > .calendar > .player > ul#peoplelink > li > a.user::after { position: absolute; top: -50%; left: -100%; content: ""; width: 50%; height: 200%; opacity: 0.2;transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));z-index: 1; } .darkminds > .calendar > .player > ul#peoplelink > li > a.user:hover::after { left: 200%; opacity: 0.4;transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .calendar > .player > ul#peoplelink > li > a.user:hover { background-color: #444; transition: all 0.35s;} .darkminds > .calendar > .player > ul#peoplelink > li > a.user.admin:hover { background-color: #3f0000; } .darkminds > .calendar > .player > ul#peoplelink > li > a.user > img { display: inline-block; margin: 0 8px 0 0; padding: 0; border-radius: 50%;width: 28px; height: auto; opacity: 0.85;transition: all 0.35s;} .darkminds > .calendar > .player > ul#peoplelink > li > a.user:hover > img { opacity: 1;transition: all 0.35s;} .darkminds > .calendar > .player > ul#peoplelink > li > a.user > span { display: inline-block; margin: 7px 0 0; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 100%; color: #ccc; vertical-align: top; text-shadow: 0 0 2px #000; transition: all 0.35s;} .darkminds > .calendar > .player > ul#peoplelink > li > a.user:hover > span { color: #fff; transition: all 0.35s;} .darkminds > .head > div.bar { position: absolute; bottom: 0; left: 0; right: 0; display: block; margin: 0; padding: 0 0 40px; background-color: #111; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.4);} .darkminds > .head > div.bar > div { display: table; margin: 0; padding: 0; width: 100%; height: 100%; background-color: #b5964e; } .darkminds > .head > div.bar > div > a { display: table-cell; margin: 0; padding: 0; width: 50%; height: 100%; vertical-align: middle; } .darkminds > .head > div.bar.membersonly > div > a:first-child, .darkminds > .head > div.bar.membersonly > div > a:last-child, .darkminds > .head > div.bar.novideo > div > a:first-child, .darkminds > .head > div.bar.novideo > div > a:last-child { width: 25%; } .darkminds > .head > div.bar > div > a.membersonly { background-color: #cc0000; } .darkminds > .head > div.bar > div > a:hover { background-color: #bea364; } .darkminds > .head > div.bar > div > a.membersonly:hover { background-color: #ef2929; } .darkminds > .head > div.bar > div > a > span { display: block; margin: 0; padding: 12px 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; text-align: center; line-height: 100%; color: #fff; } @media screen and (max-width: 640px) { .darkminds > .head > div.bar > div > a > span { padding: 12px 10px; font-size: 12px; line-height: 120%; } .darkminds > .head > div.bar.membersonly > div > a:first-child { width: 33.33333%; } .darkminds > .head > div.bar > div > a.membersonly { width: 66.66666%; } .darkminds > .head > div.bar.membersonly > div > a:last-child { display: none; } } .storiesblock { display: block; margin: 0; padding: 0; width: 100%; height: 100px; position: relative; background-color: #101010; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);border-top: 5px solid #222; } .storiesblock > a { position: absolute; top: 0; bottom: 0; display: table; margin: 0; padding: 0; width: 25px; height: 100%; text-align: center; background-color: #b5964e; font-family: Arial; font-size: 24px; font-weight: 500; color: #ccc; transition: all 0.35s;} .storiesblock > a.prev { left: 0; } .storiesblock > a.next { right: 0; } .storiesblock > a:hover { background-color: #c4ac73; color: #fff; transition: all 0.35s;} .storiesblock > a.disable, .storiesblock > a.disable:hover { background-color: #101010; color: #555; } .storiesblock > a > 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 > a { position: relative; display: inline-block; margin: 0 5px; padding: 3px; cursor: pointer; opacity: 0;transform: scale(0);} .stories > 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 > a > i { position: absolute; bottom: 0; right: 0; z-index: 3; } .stories > a > i > span { display: block; margin: 0 0 10px 0; padding: 5px 7px 6px; font-family: Arial; font-size: 11px; 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 > a.inactive > i > span { color: rgba(255, 255, 255, 0.5); background-color: #3d0000; background: linear-gradient(#660000, #3d0000);} .stories > a:hover > i > span { transition: all 0.35s;} .stories > a.inactive:hover > i > span { color: #fff; background-color: #a40000; background: linear-gradient(#cc0000, #a40000);} .stories > a > p { position: relative; display: block; margin: 0; padding: 3px; background-color: #b5964e; overflow: hidden; border-radius: 50%;transition: all 0.35s;transform: translateZ(0);} .stories > a:hover > p { transition: all 0.35s;background-color: #b5964e; } .stories > a.inactive > p { background-color: #444; } .stories > a.inactive:hover > p { background-color: #555; } .stories > a.active > p { background-color: #b5964e; } .stories > a.active:hover > p { background-color: #b5964e; } .stories > a.active.inactive > p { background-color: #333; } .stories > a.active > p:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background-color: #b5964e; animation: stories-pulse 1s infinite forwards linear; } @keyframes stories-pulse { 0% { opacity: 0;} 50% { opacity: 1;} 100% { opacity: 0;} } .stories > a > p:after { position: absolute; top: -200%; left: 18%; content: ""; width: 70%; height: 500%; opacity: 0.7;z-index: 1; animation: none; background: transparent; } .stories > a.new > 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 > a > p > b { position: relative; display: block; margin: 0; padding: 4px; background-color: #000; z-index: 2; line-height: 100%; transition: all 0.5s;border-radius: 50%;} .stories > a > p > b > 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 > a > p > b > 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 > a > p > b > span:hover::after { left: 200%; opacity: 0.4;transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);} .stories > a > p > b > span > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; } .stories > a.membersonly > p > b > span > img, .censored > .stories > a > p > b > span > img { filter: blur(5px);transform: scale(1.5);} .stories > a.inactive > p > b > span > img { opacity: 0.4;transition: all 0.35s;} .stories > a.inactive:hover > p > b > span > img { opacity: 1;transition: all 0.35s;} .darkminds > .list { display: block; margin: 0; padding: 25px 0 100px; background-color: #111; } .darkminds > .list > .lbox { display: block; margin: 0; padding: 15px 25px 0; } .darkminds > .list.view > .lbox { padding: 0 45px 0; } @media screen and (max-width: 640px) { .darkminds > .list > .lbox { padding: 15px 0 0; } .darkminds > .list.view > .lbox { padding: 0 5px; } } .darkminds > .list > .lbox > h3 { display: block; margin: 0; padding: 7px 5px 12px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 28px; font-weight: 500; line-height: 100%; text-transform: uppercase; color: #b5964e; text-shadow: 0 0 3px rgba(0,0,0,0.65); } .darkminds > .list > .lbox > .slider, .darkminds > .list > .lbox > .slider > .sgroup { display: block; margin: 0; padding: 0 5px; } .darkminds > .list > .lbox > .slider > h2 { display: block; color: #fff; margin: 25px 0 12px; padding: 15px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 100%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; transition: all 0.35s ease-in;background-color: rgba(255,255,255,0.1); border-radius: 12px;} .darkminds > .list > .lbox > .slider > .sgroup > div { display: inline-block; margin: 0; padding: 0; width: 16.66666666666%; position: relative; } @media screen and (max-width: 2500px) { .darkminds > .list > .lbox > .slider > .sgroup > div { width: 20%; } } @media screen and (max-width: 2000px) { .darkminds > .list > .lbox > .slider > .sgroup > div { width: 25%; } } @media screen and (max-width: 1500px) { .darkminds > .list > .lbox > .slider > .sgroup > div { width: 33.333333%; } } @media screen and (max-width: 850px) { .darkminds > .list > .lbox > .slider > .sgroup > div { width: 50%; } } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox { position: relative; display: block; padding: 0; margin: 0; width: 100%; height: 100%; transition: all 1s cubic-bezier(0.355, 0.030, 0.515, 0.955);} .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .thumb { position: relative; display: block; margin: 10px; padding: 0; border-radius: 7px;line-height: 100%; opacity: 0.8;box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.5);transition: all 0.35s;background-color: #000; overflow: hidden; cursor: pointer; } .darkminds > .list > .lbox > .slider > .sgroup > div:hover > .sbox > .thumb { box-shadow: 2px 3px 4px 4px rgba(0, 0, 0, 1);transition: all 1s;} .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .thumb::before { position: absolute; top: -100%; left: -10%; content: ""; width: 100%; height: 150%; opacity: 0.5;transform: rotate(45deg);background-color: rgba(255, 255, 255, 0.4); background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.6));z-index: 0; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .thumb > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; filter: contrast(1.05);} .darkminds > .list > .lbox > .slider.censored > .sgroup > div:not(.unlocked) > .sbox > .thumb > img { transform: scale(1.25);filter: blur(5px);} @keyframes sbox-view { 0% { opacity: 0;width: 100%; } 50% { opacity: 1;width: 100%; } 100% { opacity: 1;width: 200%; } } @keyframes sbox-view-mobile { 0% { opacity: 0;width: 100%; } 50% { opacity: 1;width: 100%; } 100% { opacity: 1;width: 200%; } } @keyframes sbox-view-reverse { 0% { opacity: 0;width: 100%; left: 0; } 50% { opacity: 1;width: 100%; left: 0; } 100% { opacity: 1;width: 200%; left: -100%; } } @keyframes sbox-view-reverse-mobile { 0% { opacity: 0;width: 100%; left: 0; } 50% { opacity: 1;width: 100%; left: 0; } 100% { opacity: 1;width: 200%; left: -100%; } } @keyframes sbox-img { 0% { width: 100%; } 50% { width: 100%; } 100% { width: 50%; } } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view { position: absolute; top: 0; left: 0; display: none; opacity: 0;width: 100%; height: 100%; padding: 0; margin: 0; transform: scale(1);background-color: rgba(0, 0, 0, 0.9); box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.75);border: 2px solid #b5964e; cursor: pointer; z-index: 1; overflow: hidden; backdrop-filter: blur(10px);} .darkminds > .list > .lbox > .slider:not(.nohover) > .sgroup > div:hover > .sbox > .view, .darkminds > .list > .lbox > .slider > .sgroup > div.show > .sbox > .view { display: block; opacity: 1;width: 200%; transform: scale(1);animation: sbox-view 1s cubic-bezier(.24, 0, .38, 1); } @media screen and (min-width: 2501px) and (max-width: 9999px) { .darkminds > .list > .lbox > .slider:not(.nohover) > .sgroup > div:hover:nth-child(6n+0) > .sbox > .view, .darkminds > .list > .lbox > .slider > .sgroup > div.show:nth-child(6n+0) > .sbox > .view { left: -100%; animation: sbox-view-reverse 1s cubic-bezier(.24, 0, .38, 1); } } @media screen and (min-width: 2001px) and (max-width: 2500px) { .darkminds > .list > .lbox > .slider:not(.nohover) > .sgroup > div:hover:nth-child(5n+0) > .sbox > .view, .darkminds > .list > .lbox > .slider > .sgroup > div.show:nth-child(5n+0) > .sbox > .view { left: -100%; animation: sbox-view-reverse 1s cubic-bezier(.24, 0, .38, 1); } } @media screen and (min-width: 1501px) and (max-width: 2000px) { .darkminds > .list > .lbox > .slider:not(.nohover) > .sgroup > div:hover:nth-child(4n+0) > .sbox > .view, .darkminds > .list > .lbox > .slider > .sgroup > div.show:nth-child(4n+0) > .sbox > .view { left: -100%; animation: sbox-view-reverse 1s cubic-bezier(.24, 0, .38, 1); } } @media screen and (min-width: 851px) and (max-width: 1500px) { .darkminds > .list > .lbox > .slider:not(.nohover) > .sgroup > div:hover:nth-child(3n+0) > .sbox > .view, .darkminds > .list > .lbox > .slider > .sgroup > div.show:nth-child(3n+0) > .sbox > .view { left: -100%; animation: sbox-view-reverse 1s cubic-bezier(.24, 0, .38, 1); } } @media screen and (max-width: 850px) { .darkminds > .list > .lbox > h3 { font-size: 22px; text-align: center; } .darkminds > .list > .lbox > .slider > h2 { font-size: 16px; margin: 15px 0 12px; padding: 10px; text-align: center; border-radius: 0;} .darkminds > .list > .lbox > .slider:not(.nohover) > .sgroup > div:hover > .sbox > .view, .darkminds > .list > .lbox > .slider > .sgroup > div.show > .sbox > .view { transform: scale(1);animation: sbox-view-mobile 1s cubic-bezier(.24, 0, .38, 1); } .darkminds > .list > .lbox > .slider:not(.nohover) > .sgroup > div:hover:nth-child(2n+0) > .sbox > .view, .darkminds > .list > .lbox > .slider > .sgroup > div.show:nth-child(2n+0) > .sbox > .view { left: -100%; animation: sbox-view-reverse-mobile 1s cubic-bezier(.24, 0, .38, 1); } } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > img { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > img::before { position: absolute; top: -100%; left: -10%; content: ""; width: 100%; height: 150%; opacity: 0.5;transform: rotate(45deg);background-color: rgba(255, 255, 255, 0.4); background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.6));z-index: 0; } .darkminds > .list > .lbox > .slider.censored > .sgroup > div:not(.unlocked) > .sbox > .view > img { filter: blur(8px);} @media screen and (min-width: 2501px) and (max-width: 9999px) { .darkminds > .list > .lbox > .slider > .sgroup > div:nth-child(6n+0) > .sbox > .view > img { position: absolute; right: 0; } } @media screen and (min-width: 2001px) and (max-width: 2500px) { .darkminds > .list > .lbox > .slider > .sgroup > div:nth-child(5n+0) > .sbox > .view > img { position: absolute; right: 0; } } @media screen and (min-width: 1501px) and (max-width: 2000px) { .darkminds > .list > .lbox > .slider > .sgroup > div:nth-child(4n+0) > .sbox > .view > img { position: absolute; right: 0; } } @media screen and (min-width: 851px) and (max-width: 1500px) { .darkminds > .list > .lbox > .slider > .sgroup > div:nth-child(3n+0) > .sbox > .view > img { position: absolute; right: 0; } } @media screen and (max-width: 850px) { .darkminds > .list > .lbox > .slider > .sgroup > div:nth-child(2n+0) > .sbox > .view > img { position: absolute; right: 0; } } .darkminds > .list > .lbox > .slider:not(.nohover) > .sgroup > div:hover > .sbox > .view > img, .darkminds > .list > .lbox > .slider > .sgroup > div.show > .sbox > .view > img { width: 50%; animation: sbox-img 1s cubic-bezier(.24, 0, .38, 1); } @keyframes sbox-title { 0% { opacity: 0;} 50% { opacity: 0;} 100% { opacity: 1;} } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title { position: absolute; right: 0; left: 50%; top: 0; bottom: 0; opacity: 0;} .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title::before { position: absolute; top: -100%; left: -10%; content: ""; width: 100%; height: 150%; opacity: 0.5;transform: rotate(45deg);background-color: rgba(255, 255, 255, 0.4); background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.6));z-index: 0; } @media screen and (min-width: 2501px) and (max-width: 9999px) { .darkminds > .list > .lbox > .slider > .sgroup > div:nth-child(6n+0) > .sbox > .view > .title { right: 50%; left: 0; } } @media screen and (min-width: 2001px) and (max-width: 2500px) { .darkminds > .list > .lbox > .slider > .sgroup > div:nth-child(5n+0) > .sbox > .view > .title { right: 50%; left: 0; } } @media screen and (min-width: 1501px) and (max-width: 2000px) { .darkminds > .list > .lbox > .slider > .sgroup > div:nth-child(4n+0) > .sbox > .view > .title { right: 50%; left: 0; } .darkminds > .list.view > .lbox > .slider > .sgroup > div:nth-child(5n+0) { display: none; } } @media screen and (min-width: 851px) and (max-width: 1500px) { .darkminds > .list > .lbox > .slider > .sgroup > div:nth-child(3n+0) > .sbox > .view > .title { right: 50%; left: 0; } .darkminds > .list.view > .lbox > .slider > .sgroup > div:nth-child(4n+0), .darkminds > .list.view > .lbox > .slider > .sgroup > div:nth-child(5n+0) { display: none; } } @media screen and (max-width: 850px) { .darkminds > .list > .lbox > .slider > .sgroup > div:nth-child(2n+0) > .sbox > .view > .title { right: 50%; left: 0; } .darkminds > .list.view > .lbox > .slider > .sgroup > div:nth-child(3n+0), .darkminds > .list.view > .lbox > .slider > .sgroup > div:nth-child(4n+0), .darkminds > .list.view > .lbox > .slider > .sgroup > div:nth-child(5n+0) { display: none; } } .darkminds > .list > .lbox > .slider:not(.nohover) > .sgroup > div:hover > .sbox > .view > .title, .darkminds > .list > .lbox > .slider > .sgroup > div.show > .sbox > .view > .title { opacity: 1;animation: sbox-title 2s cubic-bezier(.24, 0, .38, 1); } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div { display: table; margin: 0; padding: 0; height: 100%; width: 100%; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div { display: table-cell; vertical-align: middle; text-align: center; padding: 0 15px; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h5 { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; line-height: 100%; color: #b5964e; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h4 { display: block; margin: 0; padding: 5px 20px 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 17px; font-weight: 500; text-transform: uppercase; line-height: 130%; color: #fff; text-shadow: 0 1px 3px #000; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 { display: block; margin: 0; padding: 5px 0 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-weight: 500; line-height: 100%; color: rgba(255,255,255,0.7); vertical-align: top; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > span, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > span { display: inline-block; margin: 0 5px 0 0; padding: 9px 0 0; vertical-align: top; font-size: 10px; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h6 > b, .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b { vertical-align: top; } .darkminds > .head > div.box > .slider > div > .frame > .side > div > div > h6 > b { cursor: pointer; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > p { position: absolute; bottom: 0; right: 0; display: block; margin: 0; padding: 0 10px 7px 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 10px; font-weight: 500; text-transform: uppercase; line-height: 100%; letter-spacing: 0.8px; color: #b5964e; } @media screen and (max-width: 640px) { .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h5 { font-size: 11px; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > h4 { font-size: 14px; } .darkminds > .list > .lbox > .slider > .sgroup > div > .sbox > .view > .title > div > div > p { font-size: 11px; letter-spacing: 0.5px; } } .darkminds > .legals { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.9); backdrop-filter: blur(8px);z-index: 5; } .darkminds > .legals.enter { background-color: rgba(0, 0, 0, 0); animation: legals 0.5s cubic-bezier(.24, 0, .38, 1); } @keyframes legals { 0% { background-color: rgba(0, 0, 0, 0.95); } 100% { background-color: rgba(0, 0, 0, 0); } } .darkminds > .legals > .centerbox { display: table; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; } .darkminds > .legals > .centerbox > div { display: table-cell; vertical-align: middle; } .darkminds > .legals > .centerbox > div > .legalbox { position: relative; display: block; margin: 0 auto; padding: 10px; max-width: 640px; background-color: rgba(0, 0, 0, 0.95); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.9);border: 3px solid #4d0000; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .legals.membersonly > .centerbox > div > .legalbox { border-color: #222; } .darkminds > .legals.enter > .centerbox > div > .legalbox { opacity: 0;animation: legalbox 0.5s cubic-bezier(.24, 0, .38, 1); } .darkminds > .legals > .centerbox > div > .legalbox:hover { border-color: #a40000; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);} @keyframes legalbox { 0% { opacity: 1;transform: scale(1);} 100% { opacity: 0;transform: scale(1.25);} } .darkminds > .legals > .centerbox > div > .legalbox > svg { display: block; margin: 0 auto; padding: 25px 0 0; width: 120px; height: auto; fill: #fff; } @media screen and (max-width: 640px) { .darkminds > .legals > .centerbox > div > .legalbox { border: none; } .darkminds > .legals > .centerbox > div > .legalbox > svg { display: none; } } .darkminds > .legals > .centerbox > div > .legalbox > h3 { display: inline-block; margin: 0 auto; padding: 20px 20px 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 21px; font-weight: 500; text-transform: uppercase; line-height: 110%; color: #fff; vertical-align: middle; } .darkminds > .legals > .centerbox > div > .legalbox > h4 { display: inline-block; margin: 0 auto; padding: 7px 20px 0; font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 140%; color: #999; } .darkminds > .legals > .centerbox > div > .legalbox > p { display: inline-block; margin: 0 auto; padding: 20px 20px 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: 500; line-height: 140%; color: #666; vertical-align: middle; } .darkminds > .legals > .centerbox > div > .legalbox > p.last { padding: 20px 20px 25px; } @media screen and (max-width: 640px) { .darkminds > .legals > .centerbox > div > .legalbox > h3 { font-size: 19px; } .darkminds > .legals > .centerbox > div > .legalbox > h4 { font-size: 13px; line-height: 150%; } .darkminds > .legals > .centerbox > div > .legalbox > p.last { padding: 10px 20px 25px; } } .darkminds > .legals > .centerbox > div > .legalbox > p > strong { font-weight: 700; color: #777; } .darkminds > .legals > .centerbox > div > .legalbox > div { display: flex; } .darkminds > .legals > .centerbox > div > .legalbox > div > a { display: inline-flex; margin: 0; padding: 0; width: 50%; vertical-align: middle; } .darkminds > .legals > .centerbox > div > .legalbox > div > a > b { position: relative; display: block; margin: 0 10px 10px; padding: 7px 12px; border-radius: 7px;font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 130%; width: 100%; color: #fff; overflow: hidden; } .darkminds > .legals > .centerbox > div > .legalbox > div > a > b:after { position: absolute; top: -50%; left: -100%; content: ""; width: 20%; height: 200%; opacity: 0.2;transform: rotate(35deg);transition: all 2s 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; } .darkminds > .legals > .centerbox > div > .legalbox > div > a > b:hover:after { left: 200%; opacity: 0.4;transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .legals > .centerbox > div > .legalbox > div > a.enter > b { background-color: #cc0000; } .darkminds > .legals > .centerbox > div > .legalbox > div > a.enter:hover > b { background-color: #ef2929; } .darkminds > .legals > .centerbox > div > .legalbox > div > a.calendar > b { background-color: #b5964e; } .darkminds > .legals > .centerbox > div > .legalbox > div > a.calendar:hover > b { background-color: #d7b25d; } .darkminds > .legals > .centerbox > div > .legalbox > div > a.return > b { background-color: #555753; } .darkminds > .legals > .centerbox > div > .legalbox > div > a.return:hover > b { background-color: #888a85; } .darkminds > .legals > .centerbox > div > .legalbox > div > a > b > i { display: table; margin: 0; padding: 0; width: 100%; height: 100%; font-style: normal; } .darkminds > .legals > .centerbox > div > .legalbox > div > a > b > i > strong { display: table-cell; vertical-align: middle; text-align: center; } .darkminds > .legals > .centerbox > div > .legalbox > div > a > b > i > strong > svg { display: inline-block; margin: 0; padding: 0; height: 24px; fill: #fff; } .darkminds > .legals > .centerbox > div > .legalbox > div > a > b > i > strong > span { display: block; margin: 3px 0 0; padding: 0; vertical-align: top; } @media screen and (min-width: 0px) and (max-width: 850px) { .darkminds > .legals > .centerbox > div { vertical-align: bottom; } .darkminds > .legals > .centerbox > div > .legalbox { padding: 10px 5px 40px; } .darkminds > .legals > .centerbox > div > .legalbox > div { bottom: 35px; } .darkminds > .legals > .centerbox > div > .legalbox > div > a > b { font-size: 12px; } } .darkminds.ccal { background-color: #111; } .darkminds > .calendar { display: block; margin: 0; padding: 0; } .darkminds > .calendar > .header { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 180px; overflow: hidden; border-bottom: 4px solid #d7b25d; } .darkminds > .calendar > .header > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(25px);transform: scale(1.5);opacity: 0.5;} .darkminds > .calendar > .header > h1 { position: absolute; bottom: 0; left: 0; right: 0; display: block; margin: 0; padding: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));text-align: center; } .darkminds > .calendar > .header > h1 > a { display: inline-block; margin: 0; padding: 40px 25px 15px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 26px; font-weight: 300; text-align: center; line-height: 100%; color: #fff; } .darkminds > .calendar > .header > .menu { position: absolute; bottom: 0; left: 0; display: block; margin: 0 25px; } .darkminds > .calendar > .header > .menu > a { display: inline-block; margin: 0 5px; padding: 9px 12px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; color: #fff; background-color: rgba(30, 30, 30, 0.5); border-radius: 7px 7px 0 0;transition: all 0.25s linear;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);} .darkminds > .calendar > .header > .menu > a:hover { background-color: rgba(50, 50, 50, 0.7); } .darkminds > .calendar > .header > .menu > a.current { background-color: #d7b25d; } .darkminds > .calendar > .header > .menu > a.current:hover { background-color: #b5964e; } .darkminds > .calendar > .header > .menu > a > svg { display: inline-block; margin: 0; padding: 0; width: 18px; height: auto; fill: #fff; vertical-align: top; } .darkminds > .calendar > .header > .menu > a > span { display: inline-block; margin: 0; padding: 2px 0 0 7px; vertical-align: top; } .darkminds > .calendar > .frame { display: block; margin: 0 auto; padding: 0; width: 100%; max-width: 1200px; background-color: #000; border-left: 3px solid #222; border-right: 3px solid #222; border-bottom: 3px solid #222; box-shadow: 0 0 12px 12px rgba(0, 0, 0, 0.5);} .darkminds > .calendar > .frame.noborder { padding: 0 0 50px; } .darkminds > .calendar > .frame > div { display: block; margin: 0 auto; padding: 50px 60px; } .darkminds > .calendar > .frame > p { display: block; margin: 0 auto; padding: 40px 15px 20px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; color: #888; line-height: 150%; text-align: center; max-width: 800px; } .darkminds > .calendar > .frame > q { display: block; margin: 0 auto 25px; padding: 15px 0; text-align: center; border: 2px solid #4d0000; border-radius: 12px;background-color: #1a0000; max-width: 800px; } .darkminds > .calendar > .frame > q.success { border-color: #3465a4; background-color: #204a87; } .darkminds > .calendar > .frame > q > b, .darkminds > .calendar > .frame > q > i { font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; color: #aaa; line-height: 150%; } .darkminds > .calendar > .frame > q > b { display: block; margin: 0 auto; padding: 0 15px 25px; text-align: center; } .darkminds > .calendar > .frame > q.success > b { padding: 0 15px; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-weight: 700; color: #fff; } .darkminds > .calendar > .frame > q > i { display: inline-block; margin: 0 auto; padding: 10px 15px 0; vertical-align: top; } .darkminds > .calendar > .frame > q > a { position: relative; display: inline-block; margin: 0 5px 5px 0; padding: 7px 12px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; color: #fff; background-color: #b5964e; border-radius: 7px;overflow: hidden; transition: all 0.25s linear;} .darkminds > .calendar > .frame > q > a:hover { background-color: #d7b25d; } .darkminds > .calendar > .frame > q > a.unlock { background-color: #cc0000; } .darkminds > .calendar > .frame > q > a.unlock:hover { background-color: #ef2929; } .darkminds > .calendar > .frame > q > a: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; } .darkminds > .calendar > .frame > q > a:hover:after { left: 200%; opacity: 0.4;transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .calendar > .frame > q > a > svg { display: inline-block; margin: 0; padding: 0; width: 24px; height: auto; fill: #fff; } .darkminds > .calendar > .frame > q > a > span { display: inline-block; margin: 5px 0 0 9px; padding: 0; vertical-align: top; } .darkminds > .calendar > .frame.noborder > div { padding: 25px 0; } .darkminds > .calendar > .frame > div > h2 { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 21px; font-weight: 500; color: #fff; line-height: 150%; text-align: center; text-transform: uppercase; } .darkminds > .calendar > .frame > div > .overview { position: relative; display: block; margin: 20px 0 15px; padding: 0; width: 100%; height: 300px; } .darkminds > .calendar > .frame > div > .overview.ohead { margin: -20px 0 35px; } .darkminds > .calendar > .frame > div > .overview > .background { position: absolute; top: 40px; left: 0; right: 0; bottom: 40px; overflow: hidden; } .darkminds > .calendar > .frame > div > .overview > .background > img { position: absolute; top: 0; display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.3);filter: contrast(150%) blur(25px);opacity: 0.5;transition: all 0.25s linear;} .darkminds > .calendar > .frame > div > .overview.ohead > .background > img { opacity: 0.4;} .darkminds > .calendar > .frame > div > .overview > .background > span { position: absolute; top: 0; bottom: 0; display: block; margin: 0; padding: 0; width: 50%; } .darkminds > .calendar > .frame > div > .overview > .background > span.left { left: 0; background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));} .darkminds > .calendar > .frame > div > .overview > .background > span.right { right: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));} .darkminds > .calendar > .frame > div > .overview > .background > b { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; margin: 0; padding: 0; opacity: 0;overflow: hidden; transition: all 0.15s linear;} .darkminds > .calendar > .frame > div > .overview > .background > b.show { opacity: 1;transition: all 0.25s linear;} .darkminds > .calendar > .frame > div > .overview > .background > b > img { position: absolute; top: 0; display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.3);filter: contrast(150%) blur(25px);opacity: 0.5;transition: all 0.25s linear;} .darkminds > .calendar > .frame > div > .overview > .background > img.hide, .darkminds > .calendar > .frame > div:hover > .overview > .background > img.hide { opacity: 0;} .darkminds > .calendar > .frame > div:hover > .overview > .background > img { opacity: 0.8;} .darkminds > .calendar > .frame > div > .overview > a.back { position: absolute; top: 40px; left: -60px; bottom: 40px; display: block; margin: 0; padding: 0 12px; text-align: center; background-color: #f57900; color: #fff; font-size: 18px; text-transform: uppercase; border-radius: 0 7px 7px 0;box-shadow: 0 0 10px #000;z-index: 2; } .darkminds > .calendar > .frame > div > .overview > a.back:hover { background-color: #ce5c00; color: #fff; text-decoration: none; } .darkminds > .calendar > .frame > div > .overview > a.back > b { display: table; height: 100%; } .darkminds > .calendar > .frame > div > .overview > a.back > b > span { display: table-cell; vertical-align: middle; } .darkminds > .calendar > .frame > div > .overview > .list { position: relative; display: block; margin: 0; padding: 0 0 15px; text-align: center; height: 100%; z-index: 1; max-width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .darkminds > .calendar > .frame > div > .overview.ohead > .list { text-align: left; } .darkminds > .calendar > .frame > div > .overview > .list > div { display: inline-block; vertical-align: top; } .darkminds > .calendar > .frame > div > .overview > .list > div.lcover { position: relative; margin: 0 40px; padding: 0; width: 220px; height: 100%; background-color: #fff; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);cursor: pointer; transition: all 0.15s linear;} .darkminds > .calendar > .frame > div > .overview > .list > div.lcover.nocur { cursor: default; } .darkminds > .calendar > .frame > div > .overview.ohead > .list > div.lcover { margin: 0 0 0 100px; } .darkminds > .calendar > .frame > div > .overview > .list > div.lcover:hover { background-color: #d7b25d; box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.4);} .darkminds > .calendar > .frame > div > .overview > .list > div.lcover > .lbox { position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px; } .darkminds > .calendar > .frame > div > .overview > .list > div.lcover > .lbox > .cover, .darkminds > .calendar > .frame > div > .overview > .list > div.lcover > .lbox > .cover > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; filter: contrast(1.12);} .darkminds > .calendar > .frame > div > .overview > .list > div.lcover > .lbox > .cover { overflow: hidden; } .darkminds > .calendar > .frame > div > .overview > .list > div.lcover > .lbox > .cover > img { object-fit: cover; transition: all 1.5s linear;transform: scale(1);} .darkminds > .calendar > .frame > div > .overview > .list > div.lcover > .lbox > .cover.censored > img { transform: scale(1.2);filter: blur(8px);} .darkminds > .calendar > .frame > div > .overview > .list > div.lcover:hover > .lbox > .cover > img { transform: scale(1.1);} .darkminds > .calendar > .frame > div > .overview > .list > div.lcover:hover > .lbox > .cover.censored > img { transform: scale(1.2);} .darkminds > .calendar > .frame > div > .overview > .list > div.lcover > .lbox > .title { position: absolute; left: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 20px 0 0; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55));} .darkminds > .calendar > .frame > div > .overview > .list > div.lcover > .lbox > .title > h4 { display: block; margin: 0; padding: 5px 10px 9px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; color: #fff; line-height: 130%; text-align: center; text-transform: uppercase; } .darkminds > .calendar > .frame > div > .overview > .list > div.lcover > .lbox > .title > h5 { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 11px; font-weight: 500; color: #fff; line-height: 100%; text-align: center; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext { position: absolute; left: 350px; top: 0; bottom: 0; right: 0; margin: 0; padding: 0; transition: all 0.15s linear;} .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div { position: absolute; left: 0; top: 40px; bottom: 40px; right: 0; display: block; margin: 0; padding: 0; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter { display: table; width: 100%; height: 100%; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div { display: table-cell; vertical-align: middle; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div { display: block; margin: 0; padding: 0; text-align: center; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > h2 { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 24px; font-weight: 500; color: #fff; line-height: 100%; text-align: center; text-shadow: 0 0 3px rgba(0, 0, 0, 0.35); } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > p { display: block; margin: 10px 0 0; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, 0.4); line-height: 100%; text-align: center; text-shadow: 0 0 3px rgba(0, 0, 0, 0.35); } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > q { display: block; margin: 15px 0 0; padding: 0; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > q > i { display: inline-block; margin: 0 auto; padding: 10px 5px 0; vertical-align: top; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #aaa; line-height: 150%; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > q > a { position: relative; display: inline-block; margin: 0 5px; padding: 5px 8px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #fff; background-color: #b5964e; border-radius: 7px;overflow: hidden; transition: all 0.25s linear;} .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > q > a:hover { background-color: #d7b25d; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > q > a.unlock { background-color: #cc0000; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > q > a.unlock:hover { background-color: #ef2929; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > q > a: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; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > q > a:hover:after { left: 200%; opacity: 0.4;transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > q > a > svg { display: inline-block; margin: 0; padding: 0; width: 21px; height: auto; fill: #fff; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext > div > .lcenter > div > div > q > a > span { display: inline-block; margin: 4px 0 0 9px; padding: 0; vertical-align: top; } .darkminds > .calendar > .frame > div > .month { position: relative; display: inline-block; margin: 0; padding: 0; width: 25%; aspect-ratio: 5/7; } .darkminds > .calendar > .frame > div > .month > div { position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; display: block; margin: 0; padding: 0; } .darkminds > .calendar > .frame > div > .month > div > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 0; border: 2px solid #222; overflow: hidden; border-radius: 7px;cursor: not-allowed; transition: all 0.25s linear;} .darkminds > .calendar > .frame > div > .month:hover > div > a { border-color: #444; } .darkminds > .calendar > .frame > div > .month.active > div > a { border-color: transparent; cursor: pointer; } .darkminds > .calendar > .frame > div > .month.next > div > a { border-color: #a40000; cursor: pointer; } .darkminds > .calendar > .frame > div > .month.active:hover > div > a { border-color: #ebc366; } .darkminds > .calendar > .frame > div > .month.next:hover > div > a { border-color: #ef2929; } .darkminds > .calendar > .frame > div > .month.active > div > a:after, .darkminds > .calendar > .frame > div > .month.next > div > a:after { position: absolute; top: -50%; left: -100%; content: ""; width: 100px; height: 200%; opacity: 0;transform: rotate(35deg);z-index: 0; } .darkminds > .calendar > .frame > div > .month.active > div > a:after { background: linear-gradient(90deg, rgba(235, 195, 102, 0), rgba(235, 195, 102, 1), rgba(235, 195, 102, 0));} .darkminds > .calendar > .frame > div > .month.next > div > a:after { background: linear-gradient(90deg, rgba(204, 0, 0, 0), rgba(204, 0, 0, 1), rgba(204, 0, 0, 0));} .darkminds > .calendar > .frame > div > .month.active:hover > div > a:after, .darkminds > .calendar > .frame > div > .month.next:hover > div > a:after { left: 200%; opacity: 0.35;transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .calendar > .frame > div > .month > div > a > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.65;transition: all 0.25s linear;transform: scale(1.1);filter: contrast(135%) grayscale(100%) blur(10px);} .darkminds > .calendar > .frame > div > .month.active > div > a > img { opacity: 0.85;transform: scale(1);filter: contrast(100%) grayscale(0%);} .darkminds > .calendar > .frame > div > .month.next > div > a > img { opacity: 0.65;transform: scale(1.15);filter: contrast(100%) grayscale(0%) blur(10px);} .darkminds > .calendar > .frame > div > .month.active:hover > div > a > img { transform: scale(1.1);opacity: 1;} .darkminds > .calendar > .frame > div > .month.next:hover > div > a > img { transform: scale(1.25);opacity: 1;} .darkminds > .calendar > .frame > div > .month > div > .overlay { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; display: block; margin: 0; padding: 0; overflow: hidden; border-radius: 7px;} .darkminds > .calendar > .frame > div > .month > div > .overlay > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 0; } .darkminds > .calendar > .frame > div > .month > div > .overlay > a > span { position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; display: block; margin: 0; padding: 0; border: 3px solid rgba(255,255,255,0.05); transition: all 0.25s linear;} .darkminds > .calendar > .frame > div > .month > div:hover > .overlay > a > span { border-color: rgba(255,255,255,0.15); transition: all 0.25s linear;} .darkminds > .calendar > .frame > div > .month > div > .overlay > a > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0;transform: scale(1);transition: all 0.25s linear;} .darkminds > .calendar > .frame > div > .month > div:hover > .overlay > a > img { opacity: 1;transform: scale(1);transition: all 0.25s linear;} .darkminds > .calendar > .frame > div > .month > div > .label { position: absolute; bottom: 2px; left: 2px; right: 2px; display: block; margin: 0; padding: 0; overflow: hidden; background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));} .darkminds > .calendar > .frame > div > .month > div > .label > a { display: block; margin: 0; padding: 40px 20px 15px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 100%; color: rgba(255, 255, 255, 0.3); text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); transition: all 0.25s linear;cursor: not-allowed; } .darkminds > .calendar > .frame > div > .month:hover > div > .label > a { color: rgba(255, 255, 255, 0.5); } .darkminds > .calendar > .frame > div > .month.active > div > .label > a, .darkminds > .calendar > .frame > div > .month.next > div > .label > a { color: rgba(255, 255, 255, 0.75); cursor: pointer; } .darkminds > .calendar > .frame > div > .month.active:hover > div > .label > a, .darkminds > .calendar > .frame > div > .month.next:hover > div > .label > a { color: #fff; } .darkminds > .calendar > .frame > div > .month > div > .label > svg { position: absolute; right: 0; bottom: 0; display: block; margin: 0; padding: 0 15px 13px 0; width: 21px; height: auto; fill: rgba(255, 255, 255, 0.3); transition: all 0.25s linear;vertical-align: bottom; opacity: 0;} .darkminds > .calendar > .frame > div > .month:hover > div > .label > svg { fill: rgba(255, 255, 255, 0.5); opacity: 1;} .darkminds > .calendar > .frame > div > .month.active > div > .label > svg { fill: rgba(255, 255, 255, 0.75); } .darkminds > .calendar > .frame > div > .month.active:hover > div > .label > svg { fill: #fff; } .darkminds > .calendar > .frame > div > .month > div > .timeleft { position: absolute; bottom: 2px; left: 2px; right: 2px; top: 2px; bottom: 38px; display: block; margin: 0; padding: 0; cursor: pointer; } .darkminds > .calendar > .frame > div > .month > div > .timeleft > div { display: table; width: 100%; height: 100%; } .darkminds > .calendar > .frame > div > .month > div > .timeleft > div > div { display: table-cell; vertical-align: middle; text-align: center; } .darkminds > .calendar > .frame > div > .month > div > .timeleft > div > div > .countdown, .darkminds > .calendar > .player > .pbox > .overlay > div > div > div > .countdown { display: block; margin: 7px 0 0; padding: 0; width: 100%; } .darkminds > .calendar > .frame > div > .month > div > .timeleft > div > div > .countdown > b, .darkminds > .calendar > .player > .pbox > .overlay > div > div > div > .countdown > b { display: block; margin: 0 0 8px; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); color: #fff; line-height: 100%; } .darkminds > .calendar > .frame > div > .month > div > .timeleft > div > div > .countdown > p, .darkminds > .calendar > .player > .pbox > .overlay > div > div > div > .countdown > p { display: inline-block; margin: 0 2px; padding: 3px 5px 5px; border: 1px solid #fff; border-radius: 4px;text-align: center; background-color: rgba(0, 0, 0, 0.2); } .darkminds > .calendar > .player > .pbox > .overlay > div > div > div > .countdown > p { width: 50px; } .darkminds > .calendar > .frame > div > .month > div > .timeleft > div > div > .countdown > p > strong, .darkminds > .calendar > .player > .pbox > .overlay > div > div > div > .countdown > p > strong { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: 500; text-transform: uppercase; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); color: #fff; line-height: 100%; } .darkminds > .calendar > .frame > div > .month > div > .timeleft > div > div > .countdown > p > span, .darkminds > .calendar > .player > .pbox > .overlay > div > div > div > .countdown > p > span { display: block; margin: 0; padding: 2px 0 0; font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif; font-size: 9px; font-weight: 500; text-transform: uppercase; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); color: #fff; line-height: 100%; } @media screen and (max-width: 1200px) { .darkminds > .calendar > .frame { border-left: none; border-right: none; } .darkminds > .calendar > .frame > div { padding: 50px 20px; } .darkminds > .calendar > .frame > div > .overview > a.back { left: 0; } } @media screen and (max-width: 949px) { .darkminds.cplay > .calendar > .header { height: 135px; } .darkminds > .calendar > .header > h1 { background: none; top: 80px; } .darkminds.cplay > .calendar > .header > h1 { display: none; } .darkminds > .calendar > .header > .menu { margin: 0 5px; } .darkminds > .calendar > .header > .menu > a { font-size: 12px; margin: 0; padding: 9px; } .darkminds > .calendar > .header > .menu > a > svg { width: 16px; } .darkminds > .calendar > .header > .menu > a > span { padding: 2px 0 0 5px; } .darkminds > .calendar > .frame > div { padding: 50px 10px; } .darkminds > .calendar > .frame > div > .month { width: 33.33333333%; } .darkminds > .calendar > .frame > div > .overview.ohead > .list > div.lcover { display: block; margin: 0 auto; } .darkminds > .calendar > .frame > div > .overview > .list > div.ltext { display: none; } } @media screen and (max-width: 640px) { .darkminds > .calendar > .frame > div { padding: 50px 0; } .darkminds > .calendar > .frame > div > .month { width: 50%; } .darkminds > .calendar > .frame > div > .month > div > .timeleft > div > div > .countdown > p#hw_secs { display: none; } .darkminds > .calendar > .frame > div > .month > div > .label > svg { opacity: 1;} } .darkminds > .calendar > .player { position: absolute; top: 185px; bottom: 34px; left: 0; right: 0; display: block; margin: 0; padding: 0; background-color: #000; } .darkminds > .calendar > .player > .pbox { position: absolute; top: 0; left: 20px; right: 20px; bottom: 0; } .darkminds > .calendar > .player.showinfo > .pbox { right: 320px; } .darkminds > .calendar > .player.showinfo.noinfo > .pbox, .darkminds > .calendar > .player.showinfo > .pbox.novideo { right: 20px; } .darkminds > .calendar > .player.censored > .pbox { top: 50px; left: 50px; right: 50px; bottom: 50px; } .darkminds > .calendar > .player > .pbox > .vidplayer { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } .darkminds > .calendar > .player.censored > .pbox > .vidplayer { filter: blur(8px);} .darkminds > .calendar > .player > .pbox > .vidplayer.load { opacity: 0;transition: opacity 0.25s;} .darkminds > .calendar > .player > .pbox > .vidplayer > video { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: contain; } .darkminds > .calendar > .player > .pbox > .vidplayer > button { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: block; margin: 0; padding: 0; width: 100%; background-color: rgba(0, 0, 0, 0.25); border: none; z-index: 2; text-align: center; cursor: pointer; opacity: 1;} .darkminds > .calendar > .player.playing > .pbox > .vidplayer > button { opacity: 0;transition: opacity 0.35s;} .darkminds > .calendar > .player.censored > .pbox > .vidplayer > button { cursor: default; } .darkminds > .calendar > .player > .pbox > .vidplayer > button > span { display: inline; vertical-align: middle; padding: 0; } .darkminds > .calendar > .player > .pbox > .vidplayer > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: contain; } .darkminds > .calendar > .player.censored > .pbox:not(.novideo) > .vidplayer > img { filter: blur(8px);} .darkminds > .calendar > .player > .pbox > .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; margin: 0; padding: 0; } .darkminds > .calendar > .player > .pbox > .overlay > div { display: table; width: 100%; height: 100%; } .darkminds > .calendar > .player > .pbox > .overlay > div > div { display: table-cell; vertical-align: middle; text-align: center; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > div, .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox { display: inline-block; margin: 0 auto; padding: 12px 15px; border-radius: 7px;background-color: rgba(255, 255, 255, 0.15); box-shadow: 0 0 8px 12px rgba(0, 0, 0, 0.25);font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: 500; color: #fff; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > div > svg, .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > svg { display: inline-block; margin: 0; padding: 0; width: auto; height: 32px; fill: #fff; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > .info > svg, .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > svg { display: block; margin: 0 auto 7px; height: 48px; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > a > span, .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > span { display: inline-block; margin: 0; padding: 6px 12px 0; vertical-align: top; line-height: 120%; max-width: 350px; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > .info > span, .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > span { display: block; padding: 8px 12px; font-size: 15px; line-height: 130%; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > i { display: block; margin: 0 auto; padding: 4px 0; font-size: 15px; text-align: center; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > a { position: relative; display: block; margin: 5px 12px; padding: 7px 12px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; color: #fff; background-color: #b5964e; border-radius: 7px;overflow: hidden; transition: all 0.25s linear;} .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > a:hover { background-color: #d7b25d; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > a.unlock { background-color: #cc0000; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > a.unlock:hover { background-color: #ef2929; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > a: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; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > a:hover:after { left: 200%; opacity: 0.4;transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > a > svg { display: inline-block; margin: 0; padding: 0; width: 24px; height: auto; fill: #fff; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > .abox > a > span { display: inline-block; margin: 5px 0 0 9px; padding: 0; vertical-align: top; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > a > span > b { font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; padding: 0 3px; font-size: 16px; font-weight: 700; } .darkminds > .calendar > .player > .pbox > .overlay > div > div > a > strong { display: block; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: 700; } .darkminds > .calendar > .player > .pinfo { position: absolute; top: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 0; width: 260px; background-color: #111; overflow-x: hidden; overflow-y: auto; } .darkminds > .calendar > .player.noinfo > .pinfo, .darkminds > .calendar > .player.censored > .pinfo { display: none; } .darkminds > .calendar > .player > .pinfo > p { display: block; margin: 0; padding: 25px 20px 15px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; color: #999; } .darkminds > .calendar > .player > .pinfo > .entry { display: block; margin: 5px 15px 15px 15px; padding: 0; border: 2px solid #444; border-radius: 7px;cursor: pointer; overflow: hidden; box-shadow: 0 0 5px #000;transition: all 0.25s;} .darkminds > .calendar > .player > .pinfo > .entry:hover { border-color: #666; transition: all 0.25s;} .darkminds > .calendar > .player > .pinfo > .entry > p { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 100px; overflow: hidden; } .darkminds > .calendar > .player > .pinfo > .entry > p > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1);transition: all 0.25s;} .darkminds > .calendar > .player > .pinfo > .entry:hover > p > img { transform: scale(1.2);transition: all 0.25s;} .darkminds > .calendar > .player > .pinfo > .entry > p > b { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 0; opacity: 0;background-color: rgba(0, 0, 0, 0.75); transition: all 0.25s;} .darkminds > .calendar > .player > .pinfo > .entry:hover > p > b { opacity: 1;transition: all 0.25s;} .darkminds > .calendar > .player > .pinfo > .entry > p > b > i { display: table; margin: 0; padding: 0; width: 100%; height: 100%; } .darkminds > .calendar > .player > .pinfo > .entry > p > b > i > span { display: table-cell; vertical-align: middle; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; color: #999; line-height: 120%; text-align: center; } .darkminds > .calendar > .player > .pinfo > .entry > span { display: block; margin: 0; padding: 5px 9px; background-color: #444; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: 500; text-align: center; color: #fff; line-height: 120%; overflow: hidden; transition: all 0.25s;} .darkminds > .calendar > .player > .pinfo > .entry:hover > span { background-color: #666; transition: all 0.25s;} @media screen and (max-width: 949px) { .darkminds.cplay > .calendar > .player { top: 139px; } .darkminds.cplay > .calendar > .player > .pinfo { top: auto; left: 0; right: 0; width: 100%; height: 125px; } .darkminds.cplay > .calendar > .player > .pinfo > p { display: none; } .darkminds > .calendar > .player.showinfo.noinfo > .pbox { right: 0; } .darkminds > .calendar > .player > .pinfo { overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .darkminds > .calendar > .player > .pinfo > .entry { display: inline-block; margin: 5px 7px; width: 125px; } .darkminds > .calendar > .player > .pinfo > .entry > p { height: 75px; } .darkminds > .calendar > .player > .pinfo > .entry > p > b > i > span, .darkminds > .calendar > .player > .pinfo > .entry > span { font-size: 11px; } .darkminds.cplay > .calendar > .player > .pbox { position: absolute; top: 0; left: 0; right: 0; bottom: 135px; } .darkminds.cplay > .calendar > .player.noinfo > .pbox { bottom: 0; } .darkminds.cplay > .calendar > .player.censored > .pbox { top: 50px; left: 0; right: 0; bottom: 50px; } } .darkminds > .callogon { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.95); z-index: 3; } .darkminds > .callogon.hide { position: static; display: none; } .darkminds > .callogon > div { display: table; margin: 0; padding: 0; width: 100%; height: 100%; } .darkminds > .callogon > div > div { display: table-cell; vertical-align: middle; } .darkminds > .callogon > div > div > .lframe { display: block; margin: 0 auto; padding: 0; max-width: 480px; background-color: #fff; border: 3px solid #b5964e; border-radius: 7px;box-shadow: 0 0 12px 12px rgba(0, 0, 0, 0.5);overflow: hidden; } @media screen and (max-width: 640px) { .darkminds > .callogon > div > div > .lframe { border-left: none; border-right: none; border-radius: 0;} } .darkminds > .callogon > div > div > .lframe > div { display: inline-block; margin: 0; padding: 0; width: 100%; height: 100%; } .darkminds > .callogon > div > div > .lframe > div > .lcenter { position: relative; display: block; margin: 0; padding: 0; text-align: center; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > a.close { position: absolute; top: 0; right: 0; display: block; margin: 0; padding: 0; background-color: #bbb; border-radius: 0 0 0 7px;} .darkminds > .callogon > div > div > .lframe > div > .lcenter > a.close:hover { background-color: #ccc; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > a.close > svg { display: block; margin: 0; padding: 7px; width: 18px; height: auto; fill: #fff; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > svg { display: block; margin: 0 auto; padding: 15px 0 0; width: 85px; height: auto; fill: #b5964e; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > h4 { display: block; margin: 0; padding: 12px 0 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 100%; color: #b5964e; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > p { display: block; margin: 9px 25px 7px; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 130%; color: #555; text-align: center; } @media screen and (max-width: 640px) { .darkminds > .callogon > div > div > .lframe > div > .lcenter > svg { display: none; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > h4 { font-size: 17px; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > p { font-size: 13px; } } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox { display: block; margin: 10px 25px; padding: 4px 15px 15px; border-left: 4px solid #ccc; border-radius: 10px;background-color: #f2f2f2; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox:hover { border-color: #b5964e; background-color: #f7f4ed; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .label { display: block; margin: 12px 0 6px; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: 500; line-height: 100%; color: #999; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .input { display: flex; margin: 0; padding: 10px; background-color: #ccc; border-radius: 12px;border: 2px solid transparent; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .input.error { border-color: #cc0000; } @media screen and (max-width: 640px) { .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .input { padding: 4px 10px; } } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .input > svg { display: inline-flex; margin: 0 15px 0 0; padding: 0; width: auto; height: 21px; fill: #444; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .input > input { display: inline-flex; margin: 0; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 100%; color: #444; border: none; outline: none; background-color: transparent; width: 100%; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .input:hover > svg, .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .input:focus > svg { fill: #111; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .input:hover > input, .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .input:focus > input { color: #111; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .group { display: block; margin: 0; padding: 0; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .group > b.round { display: inline-block; margin: 0; padding: 0; width: 6px; height: 6px; border-radius: 50%;background-color: #555; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .group > .pin { position: relative; display: inline-block; margin: 0 7px; padding: 7px; background-color: #ccc; border: 2px solid transparent; border-radius: 5px;width: 30px; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .group > .pin.error { border-color: #cc0000; } @media screen and (max-width: 640px) { .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .group > .pin { margin: 0 3px; padding: 4px 7px; } } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox > .group > .pin > input { width: 100%; margin: 0; padding: 0; display: block; border: none; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 100%; background-color: transparent; font-size: 16px; line-height: 130%; color: #555; outline: none; text-align: center; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .errorinfo { display: none; margin: 0 10px 5px; padding: 9px 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: 500; line-height: 100%; color: #fff; text-align: center; background-color: #cc0000; border-radius: 7px;} .darkminds > .callogon > div > div > .lframe > div > .lcenter > .errorinfo.show { display: block; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .btn { position: relative; display: block; margin: 10px 25px; padding: 7px 12px; border-radius: 7px;cursor: pointer; overflow: hidden; transition: all 0.35s;text-align: left; background-color: #f2f2f2; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .btn:hover { background-color: #f7f4ed; transition: all 0.35s;} .darkminds > .callogon > div > div > .lframe > div > .lcenter > .btn: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; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .btn:hover:after { left: 200%; opacity: 0.4;transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .callogon > div > div > .lframe > div > .lcenter > .btn > .goldenbox input { border-color: #000; background-color: rgba(255, 255, 255, 0.2); } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .btn > .meta { display: block; margin: 0 0 0 40px; padding: 0; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .btn > .meta > .title { display: block; margin: 0; padding: 2px 0 5px; font-family: 'FusionScreen-Regular', sans-serif; font-size: 15px; font-weight: 500; color: #000; line-height: 100%; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .btn > .meta > .desc { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Regular', sans-serif; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, 0.6); line-height: 130%; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbtn { display: block; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbtn > a { display: inline-block; margin: 0; padding: 0; width: 50%; vertical-align: middle; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbtn > a > b { position: relative; display: block; margin: 0; padding: 10px 0 7px; width: 100%; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 120%; color: #fff; overflow: hidden; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbtn > a > b:after { position: absolute; top: -50%; left: -100%; content: ""; width: 20%; height: 200%; opacity: 0.2;transform: rotate(35deg);transition: all 2s 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; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbtn > a > b:hover:after { left: 200%; opacity: 0.4;transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbtn > a.enter > b { background-color: #b5964e; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbtn > a.enter:hover > b { background-color: #d7b25d; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbtn > a.return > b { background-color: #bbb; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbtn > a.return:hover > b { background-color: #ccc; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbtn > a > b > i { display: table; margin: 0; padding: 0; width: 100%; height: 100%; font-style: normal; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbtn > a > b > i > span { display: table-cell; vertical-align: middle; } @media screen and (max-width: 640px) { .darkminds > .callogon > div > div > .lframe > div > .lcenter > p { margin: 7px 12px; } .darkminds > .callogon > div > div > .lframe > div > .lcenter > .logonbox, .darkminds > .callogon > div > div > .lframe > div > .lcenter > .btn { margin: 10px 12px; } } .goldenbox { display: block; position: relative; width: 24px; height: 24px; float: left; } .goldenbox input { position: absolute; top: 0; left: 0; width: 24px; height: 24px; border: 2px solid #bfbfc0; border-radius: 50%;appearance: none;cursor: pointer; margin: 0; } .goldenbox input:focus { outline: 0; } .goldenbox label { width: 24px; height: 24px; background: none; border-radius: 50%;position: absolute; top: 0; left: 0; transform: translate3d(0, 0, 0);pointer-events: none; } .goldenbox svg { position: absolute; top: 5px; left: 4px; z-index: 1; pointer-events: none; } .goldenbox svg path { stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 19; stroke-dashoffset: 19; transition: stroke-dashoffset 0.3s ease;transition-delay: 0.2s; } .goldenbox input:checked+label { animation: goldenboxsplash 0.6s ease forwards; } .goldenbox input:checked+label+svg path { stroke-dashoffset: 0; } @keyframes goldenboxsplash { 40% { background-color: #d7b25d; box-shadow: 0 -18px 0 -8px #d7b25d, 16px -8px 0 -8px #d7b25d, 16px 8px 0 -8px #d7b25d, 0 18px 0 -8px #d7b25d, -16px 8px 0 -8px #d7b25d, -16px -8px 0 -8px #d7b25d;} 100% { background-color: #d7b25d; box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;} } @keyframes greenboxsplash { 40% { background-color: #73d216; box-shadow: 0 -18px 0 -8px #73d216, 16px -8px 0 -8px #73d216, 16px 8px 0 -8px #73d216, 0 18px 0 -8px #73d216, -16px 8px 0 -8px #73d216, -16px -8px 0 -8px #73d216;} 100% { background-color: #73d216; box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;} } .darkminds.dmintro { width: 100%; height: 100%; } .darkminds > .intro { display: block; margin: 0 auto; padding: 0; width: 100%; height: 100%; position: relative; min-height: 350px; max-height: 800px; overflow: hidden; } @media screen and (max-width: 849px) { .darkminds > .intro { height: 450px; } } .darkminds > .intro > .background, .darkminds > .intro > .overlay { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 100%; max-height: 800px; overflow: hidden; } .darkminds > .intro.small > .background { height: 300px; } .darkminds > .intro > .background > img, .darkminds > .intro > .background > video { display: block; margin: 0; padding: 0; opacity: 0.25;width: 100%; height: 100%; object-fit: cover; } .darkminds > .intro.star > .background > img, .darkminds > .intro.star > .background > video { opacity: 0.75;transition: all 0.35s;} .darkminds > .intro.star:hover > .background > img, .darkminds > .intro.star:hover > .background > video { opacity: 1;transition: all 0.35s;} .darkminds > .intro.small > .background > img { filter: blur(5px);} .darkminds > .intro > .overlay { position: absolute; top: 0; bottom: 0; height: auto !important; } .darkminds > .intro > .overlay > div { display: table; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; } .darkminds > .intro > .overlay > div > div { display: table-cell; vertical-align: middle; } @media screen and (max-height: 550px) { .darkminds > .intro > .overlay > div { display: block; } .darkminds > .intro > .overlay > div > div { display: inline-block; margin: 90px 0 0; } } @media screen and (max-width: 850px) { .darkminds > .intro > .overlay > div { display: block; } .darkminds > .intro > .overlay > div > div { display: inline-block; margin: 100px 0 0; } } .darkminds > .intro > .overlay > div > div > .middle { display: block; margin: 0; padding: 0; transition: all 0.35s;} .darkminds > .intro:hover > .overlay > div > div > .middle { opacity: 0.25;transition: all 1s;} .darkminds > .intro > .overlay > div > div > .middle > h1 { display: block; margin: 0; padding: 0; font-family: 'Happy Birthday', Tahoma, Verdana, Arial, sans-serif; font-size: 72px; font-weight: 300; color: #fff; line-height: 100%; letter-spacing: 0.4px; text-shadow: 0 0 5px rgba(0,0,0,0.8); } .darkminds > .intro > .overlay > div > div > .middle > h1 > span { display: inline-block; margin: 0; padding: 0; line-height: 100%; } .darkminds > .intro > .overlay > div > div > .middle > h1 > span > b { display: block; margin: 0; padding: 0; } .darkminds > .intro > .overlay > div > div > .middle > h2 { display: block; margin: 0; padding: 12px 0; font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 300; text-transform: uppercase; color: #fff; line-height: 100%; letter-spacing: 0.4px; text-shadow: 0 0 5px rgba(0,0,0,0.8); } .darkminds > .intro > .overlay > div > div > .middle > h2 > span { display: inline-block; margin: 0 2px; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-weight: 700; } .darkminds > .intro > .overlay > div > div > .best { position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); display: block; margin: 0; padding: 0 0 40px; } @media screen and (min-height: 850px) { .darkminds > .intro > .overlay > div > div > .best { padding: 0; } } .darkminds > .intro > .overlay > div > div > .best > div { display: block; margin: 20px auto; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 16px; font-weight: 500; color: #fff; max-width: 1000px; } .darkminds > .intro > .overlay > div > div > .best > div > p { display: block; margin: 0 50px; padding: 0; line-height: 150%; } .darkminds > .intro > .overlay > div > div > .best > div > p > strong { font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: 700; padding: 0 1px; } .darkminds > .intro > .overlay > div > div > .best > div > span { display: block; padding: 7px 20px 0; margin: auto 0; height: 100%; font-size: 21px; animation: arrow-animation 1s infinite reverse linear; } .darkminds > .intro > .overlay > div > div > .best > div > span.left { float: left; } .darkminds > .intro > .overlay > div > div > .best > div > span.right { float: right; } @keyframes arrow-animation { 0% { transform: translateY(0);} 50% { transform: translateY(10px);} 100% { transform: translateY(0);} } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar { display: block; margin: 10px 0 0; padding: 0; } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar > li { position: relative; display: inline-block; margin: 0 10px; padding: 0 12px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; color: #fff; text-transform: uppercase; cursor: default; vertical-align: bottom; } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar > li > div { position: relative; display: inline-block; vertical-align: middle; } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar > li > div > svg { width: auto; height: 45px; fill: #fff; } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar > li > .award > div { position: absolute; top: 0; text-align: center; width: 100%; } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar > li > .award > div > p { display: inline-block; margin: 2px 0 0; font-size: 11px; font-weight: 700; line-height: 130%; } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar > li > .award > div > span { display: block; margin: 0; padding: 0; font-size: 10px; font-weight: 500; line-height: 100%; } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar > li > .hollywood > svg { height: 26px; } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar > li > .hollywood > p { display: block; margin: 0; font-size: 11px; font-weight: 700; line-height: 130%; } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar > li > .hollywood > span { display: block; margin: 1px 0 0; padding: 0; font-size: 8px; font-weight: 500; line-height: 100%; } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar > li > a { display: block; margin: 0; padding: 0; } .darkminds > .intro > .overlay > div > div > .best > div > .bottombar > li > a > svg { display: block; margin: 0; padding: 0; width: auto; height: 60px; fill: #fff; } @media screen and (max-width: 850px) { .darkminds > .intro > .overlay > div > div > .middle { margin: 0 10px; } .darkminds > .intro > .overlay > div > div > .middle > h1 { font-size: 42px; line-height: 120%; } .darkminds > .intro > .overlay > div > div > .middle > h2 { font-size: 12px; } .darkminds > .intro > .overlay > div > div > .best > div { font-size: 13px; } .darkminds > .intro > .overlay > div > div > .best > div > p > strong { font-size: 14px; } } .darkminds > .overview { display: block; margin: 0; padding: 40px 0; background-color: #050505; border-top: 5px solid #600; border-bottom: 5px solid #600; } .darkminds > .overview.notopb { padding: 0 0 40px 0; } .darkminds > .overview > p { display: block; margin: 0 auto 30px; padding: 7px 0 10px 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #fff; text-align: center; text-transform: uppercase; background-color: rgba(255,255,255,0.1); line-height: 100%; } .darkminds > .overview > p > a, .darkminds > .overview > p > a:link, .darkminds > .overview > p > a:visited { display: inline-block; margin: 3px 2px 3px 4px; padding: 4px 7px; background-color: rgba(255,255,255,0.1); border-radius: 5px;color: #fff; line-height: 100%; } .darkminds > .overview > p > a:hover, .darkminds > .overview > p > a:focus { background-color: rgba(255,255,255,0.2); } .darkminds > .overview > p > a:active { background-color: rgba(255,255,255,0.3); } .darkminds > .overview > p > a > svg { display: inline-block; margin: 0 0 0 4px; padding: 0; width: auto; height: 18px; fill: #fff; } .darkminds > .overview > p > a > strong { display: inline-block; margin: 0 4px; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-weight: 700; font-size: 16px; } @media screen and (max-width: 850px) { .darkminds > .overview > p { margin: 0 0 30px; padding: 7px 10px 10px; font-size: 12px; } .darkminds > .overview > p > a, .darkminds > .overview > p > a:link, .darkminds > .overview > p > a:visited { margin: 2px 2px 2px 4px; padding: 3px 5px; } .darkminds > .overview > p > a > svg { height: 14px; } .darkminds > .overview > p > a > strong { font-size: 14px; } } .darkminds > .overview > .up { display: block; margin: 0 auto; padding: 0; max-width: 1000px; } .darkminds > .overview > .up > div { display: inline-block; margin: 0; padding: 0; width: 50%; vertical-align: middle; } .darkminds > .overview > .up > div > h3 { display: block; padding: 0; margin: 0 50px 0 0; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 26px; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; } .darkminds > .overview > .up > div > h4 { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 16px; font-weight: 500; color: #cc0000; text-align: center; text-transform: uppercase; letter-spacing: 0.2px; } .darkminds > .overview > .up > div > h4 > strong { font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: 700; } .darkminds > .overview > .up > div > hr { position: relative; display: block; margin: 12px auto 0; padding: 0; width: 150px; height: 2px; border-radius: 7px;background-color: #a40000; outline: none; border: none; overflow: hidden; } .darkminds > .overview > .up > div > hr::after { position: absolute; top: 0; left: -50%; content: ""; width: 50%; height: 100%; opacity: 0.4;background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));animation: colorline 3s infinite linear; z-index: 1; } .darkminds > .overview > .up > div > p { display: block; margin: 15px 0 0; padding: 0; font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 300; color: #999; text-align: left; line-height: 150%; } .darkminds > .overview > .up > div > p.noborder { margin: 0; } .darkminds > .overview > .quotes { display: block; margin: 35px 0 0; padding: 12px 0 ; background-color: #080808; } .darkminds > .overview > .quotes > div { position: relative; display: block; margin: 0; padding: 0; } .darkminds > .overview > .quotes > div > span { position: absolute; top: 0; left: 0; right: 0; display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif; font-size: 120px; font-weight: 300; color: #600; text-align: center; line-height: 100%; animation: quotepulse 10s infinite; } .darkminds > .overview > .quotes > div > p { display: block; margin: 12px 0; padding: 0; text-align: center; } .darkminds > .overview > .quotes > div > p > a { display: inline-block; margin: 0; padding: 5px 12px; border: 2px solid rgba(255,255,255,0.25); font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; background-color: rgba(255,255,255,0.15); border-radius: 7px;opacity: 0.8;line-height: 100%; } .darkminds > .overview > .quotes > div > p > a:hover { border-color: rgba(255,255,255,0.45); background-color: rgba(255,255,255,0.2); opacity: 1;} .darkminds > .overview > .quotes > div > p > a > svg { display: inline-block; margin: 0; padding: 0; width: auto; height: 24px; fill: #fff; } .darkminds > .overview > .quotes > div > p > a > span { display: inline-block; margin: 0; padding: 5px 0 0 7px; color: #fff; vertical-align: top; } @keyframes quotepulse { 0% { color: #333; } 50% { color: #666; } 100% { color: #333; } } .darkminds > .overview > .quotes > div > div { position: relative; display: block; margin: 0 auto; padding: 70px 0 0; max-width: 1000px; overflow: hidden; white-space: nowrap; } .darkminds > .overview > .quotes > div > div > .quote { display: inline-block; margin: 0; padding: 0; width: 100%; white-space: normal; vertical-align: middle; opacity: 0;transition: all 0.25s;} .darkminds > .overview > .quotes > div > div > .quote.show { opacity: 1;transition: all 1s;} .darkminds > .overview > .quotes > div > div > .quote > div { display: block; margin: 0; padding: 15px 10%; } .darkminds > .overview > .quotes > div > div > .quote > div > p { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 30px; font-weight: 700; color: #999; text-align: center; text-shadow: 0 0 3px #000; line-height: 130%; } .darkminds > .overview > .quotes > div > div > .quote > div > b { display: block; margin: 15px 0 0; padding: 0; text-align: center; } .darkminds > .overview > .quotes > div > div > .quote > div > b > span { display: inline-block; margin: 0; padding: 0; font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif; font-size: 36px; font-weight: 300; color: #333; text-align: center; } .darkminds > .overview > .quotes > div > div > .quote > div > i { display: block; margin: 10px 0 0; padding: 0; font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: 300; text-align: center; } .darkminds > .overview > .quotes > div > div > .quote > div > i > strong { display: inline-block; margin: 2px 5px 0 0; padding: 0; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: 700; color: #999; } @media screen and (max-width: 850px) { .darkminds > .overview > .up > div { margin: 0 0 30px; width: 100%; } .darkminds > .overview > .up > div > h3, .darkminds > .overview > .up > div > h4 { margin: 0 10px; } .darkminds > .overview > .up > div > p, .darkminds > .overview > .up > div > p.noborder { margin: 15px 10px 0; text-align: center; } } .darkminds > .cover { position: relative; display: block; margin: 0; padding: 0; } .darkminds > .cover.bookme { margin: 0 auto; } .darkminds > .cover > .background, .darkminds > .cover > .background > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } .darkminds > .cover > .background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; } .darkminds > .cover > .background > img { object-fit: cover; filter: blur(25px);transform: scale(1.5);} .darkminds > .cover > .background > .backgroundslide, .darkminds > .cover > .background > .backgroundslide > .slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .darkminds > .cover > .background > .backgroundslide > .slide, .darkminds > .cover > .background > .backgroundslide > .slide > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } .darkminds > .cover > .background > .backgroundslide > .slide { opacity: 0;transition: all 0.5s;} .darkminds > .cover > .background > .backgroundslide > .slide.show { opacity: 1;transition: all 0.5s;} .darkminds > .cover > .background > .backgroundslide > .slide > img { object-fit: cover; } .darkminds > .cover > .background > .backgroundslide > .slide.show > img { filter: blur(25px);transform: scale(1.5);} .darkminds > .cover > .overview { display: block; margin: 0; padding: 0; } .darkminds > .cover > .overview > div { display: block; margin: 0; padding: 50px 0; text-align: center; white-space: nowrap; overflow: hidden; } .darkminds > .cover > .overview > div > div { display: block; margin: 0; padding: 0 500px; } .darkminds > .cover > .overview > div > div > div { display: inline-block; margin: 0 10px; padding: 7px; border-radius: 7px;background-color: rgba(255,255,255,0.2); line-height: 100%; opacity: 0.8;box-shadow: 0 0 1px 2px rgba(0,0,0,0.1);transform: scale(0.9);transition: all 0.35s;border: 1px solid rgba(255, 255, 255, 0.25); } .darkminds > .cover > .overview > div > div > div:last-child { margin: 0 510px 0 10px; } .darkminds > .cover > .overview > div > div > div.show, .darkminds > .cover > .overview > div > div > div:hover { background-color: rgba(255,255,255,0.3); opacity: 1;box-shadow: 0 0 3px 4px rgba(0,0,0,0.2);transform: scale(1);border-color: rgba(255, 255, 255, 0.35); transition: all 0.35s;} .darkminds > .cover > .overview > div > div > div > a { position: relative; display: block; margin: 0; padding: 0; overflow: hidden; border-radius: 6px;} .darkminds > .cover > .overview > div > div > div > a::before { position: absolute; top: -100%; left: -10%; content: ""; width: 100%; height: 150%; opacity: 0.5;transform: rotate(45deg);background-color: rgba(255, 255, 255, 0.4); background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.6));z-index: 1; } .darkminds > .cover > .overview > div > div > div > a::after { position: absolute; top: -50%; left: -100%; content: ""; width: 100%; height: 200%; opacity: 0.1;transform: rotate(35deg);transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));z-index: 1; } .darkminds > .cover > .overview > div > div > div > a:hover::after { left: 200%; opacity: 0.3;transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .cover > .overview > div > div > div > a > img { display: block; margin: 0; padding: 0; width: auto; height: 300px; } .darkminds > .cover > .overview > div > div > div > a > b { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 0; opacity: 0;transition: all 0.35s;} .darkminds > .cover > .overview > div > div > div.show > a > b, .darkminds > .cover > .overview > div > div > div:hover > a > b { opacity: 1;transition: all 0.35s;} .darkminds > .cover > .overview > div > div > div > a > b > u { position: absolute; left: 0; right: 0; bottom: 0; padding: 50px 5px 10px; text-align: center; overflow: hidden; text-transform: uppercase; text-decoration: none; background: linear-gradient(transparent,rgba(0,0,0,0.5) 60%);} .darkminds > .cover > .overview > div > div > div > a > b > u > span { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.65); text-align: center; text-shadow: 0 0 2px #000; opacity: 0;transform: scale(0.95);transition: all 0.35s;} .darkminds > .cover > .overview > div > div > div > a > b > u > strong { display: block; margin: 12px 0 20px; padding: 0; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 17px; font-weight: 700; color: #fff; text-align: center; text-shadow: 0 0 3px #000; opacity: 0;transform: scale(0.95);transition: all 0.35s;} .darkminds > .cover > .overview > div > div > div.show > a > b > u > span, .darkminds > .cover > .overview > div > div > div:hover > a > b > u > span, .darkminds > .cover > .overview > div > div > div.show > a > b > u > strong, .darkminds > .cover > .overview > div > div > div:hover > a > b > u > strong { opacity: 1;transform: scale(1);transition: all 0.65s;} .darkminds > .cover > .overview > div > div > div > a > b > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; } .darkminds > .cover > .overview > div > div > div > a:not(.unlocked) > b > img { filter: blur(5px);transform: scale(1.15);} .darkminds > .cover > .prev, .darkminds > .cover > .next { position: absolute; top: 0; bottom: 0; overflow: hidden; } .darkminds > .cover > .prev { left: 0; } .darkminds > .cover > .next { right: 0; } .darkminds > .cover > .prev > a, .darkminds > .cover > .next > a { display: table; margin: 0; padding: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); } .darkminds > .cover > .prev > a:hover, .darkminds > .cover > .next > a:hover { background-color: rgba(0,0,0,0.75); } .darkminds > .cover > .prev > a > span, .darkminds > .cover > .next > a > span { display: table-cell; vertical-align: middle; } .darkminds > .cover > .prev > a > span > svg, .darkminds > .cover > .next > a > span > svg { display: block; margin: 0; padding: 0 5px; width: 36px; height: auto; fill: rgba(255,255,255,0.8); } .darkminds > .cover > .prev > a:hover > span > svg, .darkminds > .cover > .next > a:hover > span > svg { fill: rgba(255,255,255,1); } @media screen and (max-width: 850px) { .darkminds > .cover > .prev > a > span > svg, .darkminds > .cover > .next > a > span > svg { padding: 0 3px; width: 24px; } } .darkminds > .cover > .signup { display: block; margin: 0; padding: 50px; } .darkminds > .cover > .signup > div { display: block; margin: 0 auto; padding: 20px 25px; max-width: 1000px; background-color: rgba(0,0,0,0.75); border-radius: 12px;box-shadow: 0 0 3px 3px #000;} .darkminds > .cover > .signup > div > div { display: block; margin: 0; padding: 0; } .darkminds > .cover > .signup > div > div > h5 { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 24px; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 0 0 3px #000; } .darkminds > .cover > .signup > div > div > p { display: block; margin: 18px 0 0; padding: 0 100px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 16px; font-weight: 500; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,0.8); line-height: 140%; text-align: center; } .darkminds > .cover > .signup > div > div > .buttonbar { display: block; margin: 0; padding: 25px 0 0; text-align: center; } .darkminds > .cover > .signup > div > div > .buttonbar > a, .darkminds > .cover > .signup > div > div > .buttonbar > a:link, .darkminds > .cover > .signup > div > div > .buttonbar > a:visited { position: relative; display: inline-block; margin: 0 9px; padding: 12px 24px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 16px; font-weight: 500; color: #fff; border-radius: 5px;background-color: #babdb6; overflow: hidden; text-shadow: 0 0 4px rgba(0,0,0,0.2); box-shadow: 0 0 8px rgba(0,0,0,1);transition: all 0.25s ease-out;} .darkminds > .cover > .signup > div > div > .buttonbar > a:hover { transition: all 0.25s ease-in;} .darkminds > .cover > .signup > div > div > .buttonbar > a.join { background-color: #cc0000; } .darkminds > .cover > .signup > div > div > .buttonbar > a.join:hover { background-color: #ef2929; } .darkminds > .cover > .signup > div > div > .buttonbar > a.booking { background-color: #d6a64d; } .darkminds > .cover > .signup > div > div > .buttonbar > a.booking:hover { background-color: #e0bb76; } .darkminds > .cover > .signup > div > div > .buttonbar > a:after { position: absolute; top: -50px; left: -100%; content: ""; width: 50px; height: 200px; opacity: 0.2;transform: rotate(35deg);transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);background-color: rgba(255,255,255,0.8); z-index: 1; } .darkminds > .cover > .signup > div > div > .buttonbar > a:hover:after { left: 200%; opacity: 0.4;transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);} .darkminds > .cover > .signup > div > div > .buttonbar > a > svg { display: inline-block; margin: 0; padding: 0 12px 0 0; width: auto; height: 24px; fill: #fff; } .darkminds > .cover > .signup > div > div > .buttonbar > a > span { display: inline-block; margin: 6px 0 0; padding: 0; vertical-align: top; } @media screen and (max-width: 850px) { .darkminds > .cover > .overview > div > div > div > a > img { height: 200px; } .darkminds > .cover > .signup { padding: 50px 0; } .darkminds > .cover > .signup > div { padding: 20px 10px; border-radius: 0;} .darkminds > .cover > .signup > div > div > p { padding: 0 10px; } .darkminds > .cover > .signup > div > div > .buttonbar > a, .darkminds > .cover > .signup > div > div > .buttonbar > a:link, .darkminds > .cover > .signup > div > div > .buttonbar > a:visited { padding: 9px 10px; } } .darkminds > .cover > .vplay { position: static; top: 0; left: 0; right: 0; bottom: 0; display: none; margin: 0; padding: 0; opacity: 0;background-color: rgba(0,0,0,0.95); transition: all 0.35s;z-index: 2; } .darkminds > .cover > .vplay.loaded { display: block; position: fixed; } .darkminds > .cover > .vplay.loaded.playing { opacity: 1;transition: all 0.5s;} .darkminds > .cover > .vplay > div { position: absolute; top: 80px; left: 50px; right: 50px; bottom: 35px; } .darkminds > .cover > .vplay > div > .middle { display: table; margin: 0; padding: 0; width: 100%; height: 100%; } .darkminds > .cover > .vplay > div > .middle > div { display: table-cell; margin: 0; padding: 0; vertical-align: middle; } .darkminds > .cover > .vplay > div > .middle > div > div { position: relative; display: block; margin: 0 auto; padding: 10px; text-align: center; background-color: rgba(255,255,255,0.25); box-shadow: 0 0 1px 2px rgba(0,0,0,0.5);border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 7px;max-width: 1000px; } .darkminds > .cover > .vplay.loaded > div > .middle > div > div { transform: scale(0.8);opacity: 0;} .darkminds > .cover > .vplay.loaded.playing > div > .middle > div > div { transform: scale(1);opacity: 1;transition: all 0.5s;} .darkminds > .cover > .vplay > div > .middle > div > div > .close { position: absolute; top: -60px; right: 0; display: block; margin: 0; padding: 0; } .darkminds > .cover > .vplay > div > .middle > div > div > .close > a { display: block; margin: 0; padding: 1px 15px 2px; background-color: rgba(255,255,255,0.15); border-radius: 7px;font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 36px; font-weight: 500; color: rgba(255,255,255,0.5); line-height: 100%; } .darkminds > .cover > .vplay > div > .middle > div > div > .close > a:hover { background-color: rgba(255,255,255,0.35); color: rgba(255,255,255,1); } .darkminds > .cover > .vplay > div > .middle > div > div > .vidplayer { display: block; margin: 0; padding: 0; background-color: #000; border-radius: 7px;overflow: hidden; } .darkminds > .cover > .vplay > div > .middle > div > div > .vidplayer > img, .darkminds > .cover > .vplay > div > .middle > div > div > .vidplayer > video { display: block; margin: 0; padding: 0; width: 100%; aspect-ratio: 16/9; object-fit: cover; } @media screen and (max-height: 750px) { .darkminds > .cover > .vplay > div { top: 80px; left: 20px; right: 20px; bottom: 80px; } .darkminds > .cover > .vplay > div > .middle > div > div > .close { top: -45px; } .darkminds > .cover > .vplay > div > .middle > div > div > .close > a { font-size: 28px; } } @media screen and (max-width: 850px) { .darkminds > .cover > .vplay > div { left: 10px; right: 10px; } } .darkminds > .faq { display: block; margin: 25px 0; padding: 0; } .darkminds > .faq > div { display: block; margin: 0 auto; padding: 25px 0; max-width: 800px; } .darkminds > .faq > div > h3 { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 28px; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; line-height: 100%; } .darkminds > .faq > div > .logobox { display: block; margin: 50px auto 100px; padding: 0 35px; max-width: 150px; } .darkminds > .faq > div > .logobox > span { display: block; margin: 0; padding: 0; } .darkminds > .faq > div > .logobox > span > svg { display: block; margin: 0; padding: 0; width: 100%; height: auto; fill: #080808; } .darkminds > .faq > div > .faqbox { display: block; margin: 25px 0 0; padding: 0; } .darkminds > .faq > div > .faqbox > div { display: block; margin: 0; padding: 10px; border: 2px solid #222; } .darkminds > .faq > div > .faqbox > div:nth-child(2) { border-top: none; } .darkminds > .faq > div > .faqbox > div > h5 { display: block; margin: 7px 12px 12px; padding: 0; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 16px; font-weight: 700; color: #555; text-align: left; line-height: 100%; } .darkminds > .faq > div > .faqbox > div > div { display: block; margin: 7px 12px 12px; padding: 0; } .darkminds > .faq > div > .faqbox > div > div > a { display: block; margin: 0; padding: 12px 12px 10px; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 130%; color: #fff; border-top-left-radius: 7px; border-top-right-radius: 7px; background-color: #222; letter-spacing: 0.7px; } .darkminds > .faq > div > .faqbox > div > div:hover > a { background-color: #333; } .darkminds > .faq > div > .faqbox > div > div > p { display: none; margin: 0; padding: 0; overflow: hidden; } .darkminds > .faq > div > .faqbox > div > div.show > p { display: block; } .darkminds > .faq > div > .faqbox > div > div > p > b { display: none; padding: 15px 30px; background-color: #090909; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 130%; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; color: #777; } .darkminds > .faq > div > .faqbox > div > div.show > p > b { display: block; animation: faq-show 0.5s ease-in forwards; } @keyframes faq-show { 0% { opacity: 0;transform: translate(0,-100%);} 100% { opacity: 1;transform: translate(0,0);} } @media screen and (max-width: 850px) { .darkminds > .faq > div > .faqbox > div { border: none; } } .logon-box { border-left-color: #272727; border-bottom-color: #272727; background-color: #171717; color: #fff; } .logon-box p { border-color: #000; } .footer { border-top-color: #171717; color: #bbb; background-color: #000; } .footer > p > a, .footer > p > a:link, .footer > p > a:visited { background-color: #171717; color: #fff; } .footer > p > a:hover, .footer > p > a:focus { background-color: #373737; color: #fff; } .footer > #webstream.show { background-color: #171717; color: #fff; } /* ------------------------------------------------------ Home > PeopleBox ------------------------------------------------------- */ .peoplebox { background-color: #F0F0F0; overflow: hidden; } .peoplebox h3 { display: block; margin: 0; padding: 25px 0 20px; width: 100%; font-weight: 700; font-size: 18px; color: #fff; text-align: center; background-color: #5C5C5C; line-height: 100%; text-shadow: 0 3px 3px rgba(0,0,0,0.30); } .peoplebox h3 strong { padding: 0 15px; } .peoplebox .boxed { margin: 0; padding: 10px 20px; font-size: 14px; line-height: 140%; } .peoplebox .boxed strong { font-size: 16px; font-weight: 700; color: #000; text-shadow: 0 1px 1px rgba(0,0,0,0.12); } .peoplebox input[type="text"] { 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: 16px; font-weight: 500; height: 30px; margin: 7px 0; padding: 8px 10px; width: 258px; background-color: #fff; } .peoplebox label { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: 500; width: 100%; color: #BBB; } .peoplebox ul { display: block; margin: 0; padding: 0; height: 250px; overflow-y: auto; overflow-x: hidden; } .peoplebox li { display: block; margin: 2px 0; padding: 0; list-style-type: none; border: 1px solid #efefef; min-height: 35px; transition: all 0.35s;} .peoplebox li:hover, .peoplebox li:focus { border-color: #cfcfcf; transition: all 0.35s;} .peoplebox .avatar { display: block; margin: 0; padding: 0; border: none; float: left; } .peoplebox a { display: block; margin: 7px 2px 0; padding: 0; border: none; float: right; opacity: 0.25;transition: opacity 0.35s;} .peoplebox a.active { opacity: 0.75;} .peoplebox a.inactive { display: none; } .peoplebox a:hover { opacity: 1;transition: opacity 0.35s;} .peoplebox a img, .peoplebox a svg { display: block; margin: 0; padding: 0; width: 21px; height: auto; } .peoplebox a svg, .peoplebox a.active:hover svg { fill: #222; } .peoplebox a.active svg, .peoplebox a:hover svg { fill: #000; } .peoplebox a.active > svg { display: none; } .peoplebox a > b { display: none; margin: 0; padding: 0; } .peoplebox a.active > b { display: block; } .peoplebox li h4 { display: block; margin: 1px 0 0 42px; padding: 3px 0; font-weight: 700; font-size: 13px; line-height: 100%; } .peoplebox li span { display: block; margin: 0 0 0 42px; padding: 0 0 4px; font-size: 11px; line-height: 100%; color: #aaa; } .TB_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; background-color: #000; opacity: 0.65;z-index: 1100; } .TB_window { position: fixed; width: 640px; height: 480px; top: 50%; left: 50%; margin: -240px 0 0 -320px; border: 1px solid #83818b; background-color: #fff; color: #000; overflow: auto; text-align: left; box-shadow: 0 0 3px 3px rgba(0,0,0,0.25);z-index: 1101; } .TB_window ul { margin: 0; padding: 0; } /* @rev: + stellar | 2.1.0.2 | 2025-08-24 16:30:30 | 03e35db3da26a9cc85d46148dc2902b4 | (current) + stellar | 2.1.0.1 | 2023-09-18 22:09:36 | 5f0eb6f13b888435785f5d3543b6fda3 | + stellar | 2.1.0.0 | 2022-12-06 21:14:43 | 56015da9b4f6d447701007911e7ecea8 | + stellar | 2.0.0.5 | 2022-10-25 23:13:47 | 46acd551f6a52c2587061cee89b4c13e | + stellar | 2.0.0.4 | 2022-07-29 17:57:00 | 35e0031cbdc263e721e233ad29b7fee9 | + stellar | 2.0.0.3 | 2022-07-27 15:13:36 | 74516f1920cb0c0a4993e2fba910fbe4 | + stellar | 2.0.0.2 | 2022-02-06 18:48:29 | 3521da4987150a297b54db2b6015395c | + stellar | 2.0.0.1 | 2022-01-18 23:08:02 | bf7d40af9c36124a94177cb40eea3215 | + stellar | 2.0.0.0 | 2022-01-18 23:07:57 | bf7d40af9c36124a94177cb40eea3215 | + stellar | 1.0.0.5 | 2021-10-24 20:47:40 | 92d45ba7d03bbdaddd585533f597e0c5 | + stellar | 1.0.0.4 | 2020-07-24 15:14:34 | 401d7711d25bc28c2a39da371800f126 | + stellar | 1.0.0.3 | 2019-02-07 14:00:16 | e5af3b0c021cb9dc021c8069109bbd72 | + stellar | 1.0.0.2 | 2019-02-05 18:51:10 | f9bf352a94c14d134679e431be6c25b0 | + stellar | 1.0.0.1 | 2019-02-05 17:14:53 | 9ba3efa5c386f0b6711a6cb82e4c05f7 | + stellar | 1.0.0.0 | 2019-02-05 15:29:49 | e6819bbf52aa28b72ed08b4de2bed154 | */ /* ------------- [SCHEDULE=golden touch] --------------- dark = #b5964e middle = #d7b25d light = #ebc366 very light = #f6cc6a very light / 40%trans = #fcd16d */ .parallax { display: block; margin: 0; padding: 0; width: 100%; background-color: #fff; } body.cdarkminds .parallax { background-color: #000; } .parallax > .opener { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 250px; overflow: hidden; } .parallax > .opener > a { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 0; background-image: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0));} .parallax > .opener > a > h2, .parallax > .opener > a > h3 { display: block; margin: 0; font-family: 'FusionScreen-Light',sans-serif; font-size: 32px; font-weight: 300; text-align: center; line-height: 100%; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); color: #fff; } .parallax > .opener > a > h3 { margin: 0 0 7px; font-family: 'FusionScreen-Bold',sans-serif; font-size: 18px; font-weight: 700; } .parallax > .opener > img { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; filter: blur(7px);} .parallax > .colorline { position: relative; display: block; background-color: #729fcf; width: 100%; height: 5px; margin: 0; padding: 0; z-index: 1; overflow: hidden; } body.cbookme .parallax > .colorline { background-color: #d6a64d; } body.cdarkminds .parallax > .colorline { background-color: #cc0000; } .parallax > .colorline.bottom { box-shadow: 0 4px 5px 0 rgba(0,0,0,0.5);} .parallax > .colorline:after { position: absolute; top: -50px; left: -50%; content: ""; width: 10%; height: 200px; opacity: 0.4;transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));animation: colorline 5s infinite linear; z-index: 1; } @keyframes colorline { 0% { left: -50%; } 100% { left: 150%; } } .cbookme { background-color: #fff; margin: 0 0 100px; } .bookme { margin: 0; padding: 0; display: block; position: relative; } .bookme > div.framebkg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 0; width: 100%; height: 100%; } .bookme > div.framebkg > img, .bookme > div.framebkg > div, .bookme > div.framebkg > div > img { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } .bookme > div.framebkg > div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bookme > div.framebkg > img, .bookme > div.framebkg > div > img { object-fit: cover; opacity: 0.25;filter: blur(12px);transition: opacity 0.5s linear;} .bookme > div.framebkg.show > img, .bookme > div.framebkg > div > img { opacity: 0;} .bookme > div.framebkg.show > div > img { opacity: 0.25;transition: opacity 0.5s linear;} .bookme > div.frame { display: table; margin: 0 auto; padding: 25px 0 20px; max-width: 1000px; width: 100%; height: 100%; position: relative; } .bookme > div.frame > div.block, .bookme > div.frame > div.inlineblock > div.block-head { clear: both; position: relative; display: block; margin: 0; padding: 20px 0; box-sizing: border-box; } .bookme > div.frame > div.block > div { margin: auto; padding: 0 0 25px; max-width: 1200px; width: 100%; box-sizing: border-box; } .bookme > div.frame > div.block > div > div.wrapper, .bookme > div.frame > div.block > div > div.wrapper > div.inner { width: 100%; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox { width: 40%; position: absolute; margin: 0; padding: 0; z-index: 2; background-color: rgba(255,255,255,0.75); box-sizing: border-box; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);backdrop-filter: blur(12px);border-radius: 10px;overflow: hidden; } body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox { background-color: rgba(0,0,0,0.75); } .bookme > div.frame > div.block.left > div > div.wrapper > div.inner > div.bmbox { left: 60px; } .bookme > div.frame > div.block.right > div > div.wrapper > div.inner > div.bmbox { right: 60px; } @media screen and (max-width: 960px) { .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox { width: 50%; } .bookme > div.frame > div.block.left > div > div.wrapper > div.inner > div.bmbox { left: 20px; } .bookme > div.frame > div.block.right > div > div.wrapper > div.inner > div.bmbox { right: 20px; } } @media screen and (max-width: 649px) { .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox { width: 75%; } .bookme > div.frame > div.block.left > div > div.wrapper > div.inner > div.bmbox { left: 0; } .bookme > div.frame > div.block.right > div > div.wrapper > div.inner > div.bmbox { right: 0; } } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a, .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a:visited { position: relative; overflow: hidden; display: block; margin: 10px 0 0; padding: 12px 10px; text-align: center; background-color: #ebc366; text-transform: uppercase; color: #fff; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 16px; line-height: 140%; transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);} .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a:hover { background-color: #d7b25d; transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);} .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a:after { position: absolute; top: -50px; left: -100%; content: ""; width: 50px; height: 200px; opacity: 0.2;transform: rotate(35deg);transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);background-color: rgba(255,255,255,0.8); z-index: 1; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a:hover:after { left: 200%; opacity: 0.4;transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);} .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 { display: block; margin: 12px 25px 7px; color: #c5a14c; font-family: 'FusionScreen-Light', sans-serif; font-size: 24px; font-weight: normal; text-transform: uppercase; } body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 { color: #cc0000; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a, .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a:visited { margin: 0; padding: 0; color: #c5a14c; text-decoration: none; } body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a, body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a:visited { color: #cc0000; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a:hover, .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a:focus { color: #ebc366; } body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a:hover, body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a:focus { color: #ef2929; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > span { display: block; margin: 0 25px 7px; color: #333; font-family: 'FusionScreen-Bold', sans-serif; font-size: 15px; font-weight: 700; line-height: 150%; } body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > span { color: #ccc; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > p, .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > b { display: block; margin: 0 25px 12px; color: #666; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 150%; letter-spacing: 0.1px; } body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > p, body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > b { color: #bbb; } @media screen and (max-width: 649px) { .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > span { font-size: 14px; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 { font-size: 18px; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > b { font-size: 12px; max-height: 120px; text-overflow: ellipsis; overflow-y: auto; overflow-x: hidden; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a { font-size: 13px; padding: 8px 0; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > p { display: none; } } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmimgbox { position: relative; width: 60%; } @media screen and (max-width: 649px) { .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmimgbox { width: 80%; } } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmimgbox.hand { cursor: pointer; } .bookme > div.frame > div.block.left > div > div.wrapper > div.inner > div.bmimgbox { float: right; } .bookme > div.frame > div.block.right > div > div.wrapper > div.inner > div.bmimgbox { float: left; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmimgbox > img { width: 100%; height: auto; border-radius: 12px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.35);} .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmimgbox > span { position: absolute; bottom: 0; display: block; margin: 0; padding: 15px; } .bookme > div.frame > div.block.right > div > div.wrapper > div.inner > div.bmimgbox > span { left: 0; } .bookme > div.frame > div.block.left > div > div.wrapper > div.inner > div.bmimgbox > span { right: 0; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmimgbox > span > svg { display: inline-block; margin: 0; padding: 0; width: auto; height: 52px; fill: #fff; opacity: 0.55;transition: opacity 0.25s linear;} .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmimgbox:hover > span > svg { opacity: 0.85;} .bookme > div.frame > div.block > div > div.wrapper > div.inner > br { clear: both; } .bookme > div.frame > div.inlineblock > div.block-head { display: block; margin: 10px auto 35px; padding: 10px; text-align: center; } .bookme > div.frame > div.inlineblock > div.block-head > h3 { display: block; margin: 0 120px; color: #c5a14c; font-family: 'FusionScreen-Light', sans-serif; font-size: 21px; font-weight: 300; text-transform: uppercase; line-height: 150%; } .bookme > div.frame > div.inlineblock > div.block-head > h3 > strong { font-family: 'FusionScreen-Bold', sans-serif; font-weight: 700; } body.cdarkminds .bookme > div.frame > div.inlineblock > div.block-head > h3 { color: #cc0000; } .bookme > div.frame > div.inlineblock > div.block-head > hr { position: relative; display: block; margin: 10px auto; padding: 0; width: 150px; height: 2px; border-radius: 7px;background-color: #a40000; outline: none; border: none; overflow: hidden; } .bookme > div.frame > div.inlineblock > div.block-head > hr:after { position: absolute; top: 0; left: -50%; content: ""; width: 50%; height: 100%; opacity: 0.4;background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));animation: colorline 3s infinite linear; z-index: 1; } .bookme > div.frame > div.inlineblock > div.block-head > p { display: block; margin: 8px 120px 0; color: #777; font-family: 'FusionScreen-Regular', sans-serif; font-size: 15px; font-style: italic; font-weight: 500; line-height: 150%; } @media screen and (max-width: 649px) { .bookme > div.frame > div.inlineblock > div.block-head { padding: 0; } .bookme > div.frame > div.inlineblock > div.block-head > h3 { margin: 0 20px; } .bookme > div.frame > div.inlineblock > div.block-head > hr { width: 40%; } .bookme > div.frame > div.inlineblock > div.block-head > p { margin: 8px 20px 0; } } .bookme > div.frame > div.inlineblock { display: block; margin: 0 0 35px; clear: both; background-color: rgba(255,255,255,0.75); padding: 12px 20px; border-radius: 12px;box-shadow: 0 0 3px 3px rgba(0,0,0,0.35);border: 1px solid rgba(255,255,255,0.8); } body.cdarkminds .bookme > div.frame > div.inlineblock { background-color: rgba(0,0,0,0.75); border: 1px solid rgba(0,0,0,0.8); } .bookme > div.frame > div.inlineblock > h1 { font-family: 'FusionScreen-Light', sans-serif; font-size: 24px; font-weight: normal; text-transform: uppercase; color: #c5a14c; } .bookme > div.frame > div.inlineblock > div.half { display: inline-block; vertical-align: top; } .bookme > div.frame > div.inlineblock > div.half-main { width: 60%; } .bookme > div.frame > div.inlineblock > div.half-avatar { width: 35%; text-align: center; } @media screen and (max-width: 649px) { .bookme > div.frame > div.inlineblock { padding: 10px 10px; } .bookme > div.frame > div.inlineblock > h1 { font-size: 21px; } .bookme > div.frame > div.inlineblock > div.half-main { width: 100%; } .bookme > div.frame > div.inlineblock > div.half-avatar { display: none; } } .bookme > div.frame > div.inlineblock > div.half > p, .bookme > div.frame > div.inlineblock > p { color: #333; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 150%; } body.cdarkminds .bookme > div.frame > div.inlineblock > div.half > p, body.cdarkminds .bookme > div.frame > div.inlineblock > p { color: #bbb; } .bookme > div.frame > div.inlineblock > div.half > p > i { font-style: italic; color: #555; } .bookme > div.frame > div.inlineblock > div.half > p > b, .bookme > div.frame > div.inlineblock > div.half > p > a, .bookme > div.frame > div.inlineblock > div.half > p > a:visited, .bookme > div.frame > div.inlineblock > p > a, .bookme > div.frame > div.inlineblock > p > a:visited { font-weight: 700; color: #d6a64d; } .bookme > div.frame > div.inlineblock > div.half > p > strong, .bookme > div.frame > div.inlineblock > p > strong { font-weight: 700; color: #000; } body.cdarkminds .bookme > div.frame > div.inlineblock > div.half > p > strong, body.cdarkminds .bookme > div.frame > div.inlineblock > p > strong { color: #fff; } .bookme > div.frame > div.inlineblock > div.half > p > a, .bookme > div.frame > div.inlineblock > p > a { margin: 0; padding: 0; letter-spacing: 0.6px; } .bookme > div.frame > div.inlineblock > div.half > p > a:hover, .bookme > div.frame > div.inlineblock > p > a:hover { color: #b5964e; } @media screen and (max-width: 649px) { .bookme > div.frame > div.inlineblock > div.half > p, .bookme > div.frame > div.inlineblock > p { font-size: 14px; } } .bookme > div.frame > div.inlineblock > div.requestus.red, .bookme > div.frame > div.requestus.gold { display: block; margin: 0 0 25px; } .bookme > div.frame > div.inlineblock > div.half > div > a, .bookme > div.frame > div.inlineblock > div.half > div > a:visited, .bookme > div.frame > div.inlineblock > div.requestus > a, .bookme > div.frame > div.inlineblock > div.requestus > a:visited { position: relative; display: block; margin: 10px 0; padding: 12px 25px; text-align: center; background-color: #ebc366; text-transform: uppercase; color: #fff; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 16px; border-radius: 7px;overflow: hidden; line-height: 140%; } .bookme > div.frame > div.inlineblock > div.requestus.red > a, .bookme > div.frame > div.requestus.gold > a { padding: 12px 25px 8px; } .bookme > div.frame > div.inlineblock > div.requestus.red > a { background-color: #cc0000; } .bookme > div.frame > div.inlineblock > div.requestus.gold > a { background-color: #ebc366; } .bookme > div.frame > div.inlineblock > div.half > div > a:hover, .bookme > div.frame > div.inlineblock > div.requestus > a:hover { color: #fff; background-color: #b5964e; } .bookme > div.frame > div.inlineblock > div.requestus.red > a:hover { background-color: #ef2929; } .bookme > div.frame > div.inlineblock > div.requestus.gold > a:hover { background-color: #b5964e; } .bookme > div.frame > div.inlineblock > div.half > div > a:hover, .bookme > div.frame > div.inlineblock > div.requestus > a:after { position: absolute; top: -50px; left: -50%; content: ""; width: 25%; height: 200px; opacity: 0.4;background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));animation: colorline 2s infinite linear; z-index: 1; } .bookme > div.frame > div.inlineblock > div.requestus > a > svg { display: inline-block; margin: 0; padding: 0; width: auto; height: 24px; fill: #fff; } .bookme > div.frame > div.inlineblock > div.requestus > a > span { display: inline-block; margin: 3px 6px 0; padding: 0; vertical-align: top; } body.cdarkminds .bookme > div.frame > div.inlineblock > h1, body.cdarkminds .bookme > div.frame > div.inlineblock > div.half > p > b, body.cdarkminds .bookme > div.frame > div.inlineblock > div.half > p > a, body.cdarkminds .bookme > div.frame > div.inlineblock > div.half > p > a:visited, body.cdarkminds .bookme > div.frame > div.inlineblock > p > a, body.cdarkminds .bookme > div.frame > div.inlineblock > p > a:visited, body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a, body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a:visited { color: #cc0000; } body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a, body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a:visited, body.cdarkminds .bookme > div.frame > div.inlineblock > div.half > div > a, body.cdarkminds .bookme > div.frame > div.inlineblock > div.half > div > a:visited, body.cdarkminds .bookme > div.frame > div.inlineblock > div.requestus > a, body.cdarkminds .bookme > div.frame > div.inlineblock > div.requestus > a:visited { background-color: #a40000; } body.cdarkminds .bookme > div.frame > div.inlineblock > div.requestus.gold > a { background-color: #ebc366; } body.cdarkminds .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a:hover, body.cdarkminds .bookme > div.frame > div.inlineblock > div.half > div > a:hover, body.cdarkminds .bookme > div.frame > div.inlineblock > div.requestus > a:hover { background-color: #cc0000; } body.cdarkminds .bookme > div.frame > div.inlineblock > div.requestus.gold > a:hover { background-color: #b5964e; } .bookme > div.frame > div.inlineblock > div.half > a { display: inline-block; text-align: center; margin: 7px 30px; } .bookme > div.frame > div.inlineblock > div.half > a > img { display: inline-block; border-radius: 50%;} .bookme > div.frame > div.inlineblock > div.half > a > b { color: #c5a14c; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 16px; font-weight: normal; text-transform: uppercase; display: block; margin: 12px 0 5px; } body.cdarkminds .bookme > div.frame > div.inlineblock > div.half > a > b { color: #cc0000; } .bookme > div.frame > div.inlineblock > div.half > a > span { color: #666; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: normal; display: block; } .bookme > div.frame > div.inlineblock > div.full { display: block; text-align: center; } .bookme > div.frame > div.inlineblock > div.full.quotes { position: relative; margin: 10px 0 25px; } .bookme > div.frame > div.inlineblock > div.full > .quotes { display: inline-block; margin: 35px 0 25px; } .bookme > div.frame > div.inlineblock > div.full > .quotes > span { display: inline-block; color: #555; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 36px; font-weight: 500; vertical-align: top; } .bookme > div.frame > div.inlineblock > div.full > .quotes > h1 { position: relative; display: inline-block; color: #cc0000; font-family: 'FusionScreen-Light', sans-serif; font-size: 24px; font-weight: 500; text-transform: uppercase; overflow: hidden; vertical-align: top; } .bookme > div.frame > div.inlineblock > div.zitat { display: block; margin: 35px 0 55px; padding: 0; width: 100%; text-align: center; } .bookme > div.frame > div.inlineblock > div.zitat.or { margin: 15px 0 10px; } .bookme > div.frame > div.inlineblock > div.zitat > span { display: inline-block; margin: 0 120px; color: #c5a14c; font-family: 'FusionScreen-Light', sans-serif; font-size: 21px; font-weight: normal; text-transform: uppercase; line-height: 150%; } .bookme > div.frame > div.inlineblock > div.zitat.or > span, body.cdarkminds .bookme > div.frame > div.inlineblock > div.zitat > span { color: #cc0000; } body.cdarkminds .bookme > div.frame > div.inlineblock > div.zitat.or > span { color: #c5a14c; } @media screen and (max-width: 649px) { .bookme > div.frame > div.inlineblock > div.zitat > span { margin: 0 25px; font-size: 18px; } } .bookme > div.frame > div.spacer { display: block; width: 100%; height: 75px; } .bookme > div.frame > div.inlineblock > div.banner { width: 100%; display: block; margin: 10px 0 25px; } .bookme > div.frame > div.inlineblock > div.banner > a { display: block; margin: 0; padding: 0; } .bookme > div.frame > div.inlineblock > div.banner > a > img { display: block; margin: 0; padding: 0; width: 100%; height: auto; border-radius: 7px;} .bookme > div.frame > div.inlineblock > div.ibox { display: flex; flex-wrap: wrap; } .bookme > div.frame > div.inlineblock > div.ibox > .ipart { display: inline-block; width: 50%; margin: 0; padding: 0; line-height: 100%; letter-spacing: 0; flex-grow: 1; } @media screen and (max-width: 649px) { .bookme > div.frame > div.inlineblock > div.ibox > .ipart { width: 100%; } } .bookme > div.frame > div.inlineblock > div.ibox > .ipart > h5 { display: block; margin: 5px 0 0; padding: 15px 0 7px 20px; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; color: #c5a14c; } body.cdarkminds .bookme > div.frame > div.inlineblock > div.ibox > .ipart > h5 { color: #cc0000; } .bookme > div.frame > div.inlineblock > div.ibox > .ipart > ul { margin: 5px 20px 20px; padding: 0 0 7px 20px; } .bookme > div.frame > div.inlineblock > div.ibox > .ipart > ul > li { padding: 0 0 7px 0; line-height: 150%; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: normal; letter-spacing: 0.1px; } body.cdarkminds .bookme > div.frame > div.inlineblock > div.ibox > .ipart > ul > li { color: #aaa; } .bookme > div.frame > div.inlineblock > .whatsincluded { display: block; margin: 0; padding: 0; } .bookme > div.frame > div.inlineblock > .whatsincluded > div { display: block; margin: 20px auto; padding: 0; max-width: 800px; } .bookme > div.frame > div.inlineblock > .whatsincluded > div > div { display: inline-block; margin: 0; padding: 0; width: 50%; vertical-align: middle; } .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > .title { display: table; margin: 0; padding: 0; width: 100%; height: 100%; } .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > .title > div { display: table-cell; vertical-align: middle; } .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > .title > div > h3 { display: block; margin: 0 50px 0 0; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 26px; font-weight: 700; color: #fff; text-align: left; } .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > ul { margin: 0; padding: 0; list-style-type: none; } .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > ul > li { display: block; margin: 0 0 12px; } .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > ul > li > a, .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > ul > li > a:link, .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > ul > li > a:visited { display: block; margin: 0; padding: 7px 12px; color: #fff; border-radius: 7px;transition: all 0.25s ease-out;cursor: default; } .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > ul > li > a:hover { background-color: rgba(255,255,255,0.1); transition: all 0.25s ease-in;} .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > ul > li > a > svg { display: block; margin: 0 10px 0 0; padding: 0; fill: #fff; height: 24px; float: left; } .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > ul > li > a > span { display: block; margin: 3px 0 4px 35px; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 130%; vertical-align: top; } .bookme .vplay { display: none; } @media screen and (max-width: 640px) { .bookme > div.frame > div.inlineblock > .whatsincluded > div > div { display: block; width: 100%; margin: 10px 0; } .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > .title > div > h3 { margin: 0 20px 10px; } .bookme > div.frame > div.inlineblock > .whatsincluded > div > div > ul { margin: 0 20px 10px; } } .parallax > .header { display: block; margin: 0; padding: 0; width: 100%; height: 270px; position: relative; z-index: 1; background-color: #fff; } body.cdarkminds .parallax > .header { height: 350px; background-color: #000; } .parallax > .header > .background, .parallax > .header > .overlay { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; } .parallax > .header > .background > img { display: block; margin: 0; padding: 0; opacity: 0.35;filter: blur(4px);width: 100%; height: 100%; object-fit: cover; } .parallax > .header > .background > .left, .parallax > .header > .background > .right { position: absolute; top: 0; bottom: 0; display: block; margin: 0; padding: 0; width: 33.33333333%; height: 100%; z-index: 1; } .parallax > .header > .background > .left { left: 0; background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));} body.cdarkminds .parallax > .header > .background > .left { background: linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0));} .parallax > .header > .background > .right { right: 0; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));} body.cdarkminds .parallax > .header > .background > .right { background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,1));} .parallax > .header > .overlay { position: absolute; top: 0; z-index: 2; } .parallax > .header > .overlay > div { display: table; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; } .parallax > .header > .overlay > div > div { display: table-cell; vertical-align: bottom; padding: 0 0 100px; } .parallax > .header > .overlay > div > div > .middle { display: block; margin: 0; padding: 0; } .parallax > .header > .overlay > div > div > .middle > h1 { display: block; margin: 0; padding: 0; font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif; font-size: 42px; font-weight: 700; text-transform: uppercase; color: #fff; line-height: 100%; letter-spacing: 0.4px; text-shadow: 0 0 5px rgba(0,0,0,0.8); } .parallax > .header > .overlay > div > div > .middle > p { display: block; margin: 18px 0 0; padding: 0; font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif; font-size: 24px; font-weight: 500; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,0.8); line-height: 120%; } @media screen and (max-width: 640px) { .parallax > .header > .overlay > div > div > .middle > h1 { font-size: 32px; } .parallax > .header > .overlay > div > div > .middle > p { font-size: 18px; } } /* @rev: + video | 2.0.0.5 | 2025-09-14 14:17:56 | eb1ba9b9c9be529eb8f23784b889d7a7 | (current) + video | 2.0.0.4 | 2025-07-25 18:38:11 | a2b4fb21ab339660f2f9f2b7c5b05765 | + video | 2.0.0.3 | 2025-06-01 22:13:51 | d0dd83de44f604e6c41196a48ac350e3 | + video | 2.0.0.2 | 2025-04-26 15:44:14 | 8307551f97cd7ce3cf4fcd9208be65ef | + video | 2.0.0.1 | 2025-04-20 18:38:13 | 4832d068d481f626c059b705bb9bba1d | + video | 2.0.0.0 | 2025-04-19 22:19:57 | 35c9868a8dfe53569537cbad1f12b7a5 | + video | 1.0.0.3 | 2025-02-14 17:52:26 | 539313507de42874e0c22fb33eb1c9c3 | + video | 1.0.0.2 | 2024-09-29 13:31:12 | a83eebdb0d9ba94346a12b47d25d4afa | + video | 1.0.0.1 | 2023-09-17 23:13:07 | 198b56c4cf7d69fd3eddd13e394a3740 | + video | 1.0.0.0 | 2022-12-27 17:02:28 | fa2d71e5c257f8fe9da7049494dc47d2 | */ /* --------------------------------------------------- >> VIDEO UI << ------------------------------------------------- */ .videoui, .videoui > .vcontrols > .vbar > .vbuttons { position: relative; display: block; margin: 0; padding: 0; } .videoui { background-color: #000; } .videoui.audio { background-color: transparent; } .videoui.round { border-radius: 9px;overflow: hidden; } .videoui.fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; } .videoui.fullscreen.portrait { transform-origin: center center;transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;} .videoui > .vbox { position: relative; } .videoui > .vbox, .videoui > .vbox > p, .videoui > .vcontrols, .videoui > .vcontrols > a, .videoui > .vbox > img, .videoui > .vbox > div, .videoui > .vbox > div > video, .videoui > .vcontrols > b, .videoui > .vcontrols > .vbar > .vprogress > p, .videoui > .vcontrols > .vbar > .vprogress > p > span, .videoui > .vcontrols > .vbar > .vprogress > p > span > b, .videoui > .vcontrols > .vbar > .vprogress > .vpoint { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } .videoui.shownotice > .vcontrols > a, .videoui.audio > .vbox { display: none; } .videoui > .vbox > p { background-color: #000; } .videoui > .vbox > b { position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.1); margin: 0; padding: 25px 15px 20px; font-family: sans-serif; font-size: 18px; font-weight: 700; text-decoration: none; text-shadow: 0 0 5px #000; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.35);color: #fff; text-align: center; text-transform: uppercase; line-height: 130%; backdrop-filter: blur(25px);transition: all 0.5s linear;z-index: 1; } .videoui.noborder > .vbox > b { backdrop-filter: none;background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0) 100%);box-shadow: none;} .videoui.load > .vbox > b { bottom: -100px; } .videoui.loaded > .vbox > b { padding: 10px 15px 15px; display: none; bottom: unset; background: linear-gradient(180deg, rgba(0,0,0,0.65), rgba(0,0,0,0));} .videoui.loaded.pause > .vbox > b { display: block; top: 0; } .videoui.loaded.play > .vbox > b { display: block; top: -100px; } .videoui > .vbox > img { object-fit: cover; transition: all 1s linear;} .videoui.load > .vbox > img { opacity: 0;} .videoui.fullscreen.portrait > .vcontrols { transform: rotate(90deg);} .videoui.loaded > .vbox > img, .videoui:not(.loaded) > .vbox > div, .videoui:not(.loaded) > .vbox > div > video { display: none; } .videoui > .vbox > div > video { object-fit: contain; } .videoui.fullscreen.portrait > .vbox > div > video { position: absolute; transform: rotate(90deg);} .videoui > .vbox > ul, .videoui > .vbox > ul > li, .videoui > .vbox > ul > li > .background, .videoui > .vbox > ul > li > .background > img, .videoui > .vbox > ul > li > .view { display: block; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; } .videoui > .vbox > ul { overflow: hidden; } .videoui > .vbox > ul > li { overflow: hidden; } .videoui > .vbox > ul > ol { position: absolute; display: none; top: 0; right: 0; bottom: 0; z-index: 2; } .videoui.playing > .vbox > ul > ol { display: block; } .videoui > .vbox > ul > ol > .obox { display: table; height: 100%; padding: 0; } .videoui > .vbox > ul > ol > .obox > div { display: table-cell; vertical-align: middle; } .videoui > .vbox > ul > ol > .obox > div > div { display: block; margin: 0; padding: 15px 0; background-color: rgba(0,0,0,0.65); border-radius: 9px 0 0 9px;box-shadow: 0 0 7px 5px rgba(0,0,0,0.75);border-top: 2px solid rgba(255,255,255,0.1); border-left: 2px solid rgba(255,255,255,0.1); border-bottom: 2px solid rgba(255,255,255,0.1); } .videoui > .vbox > ul > ol > .obox > div > div > p { display: block; margin: 0; padding: 4px 7px; text-align: center; line-height: 100%; } .videoui > .vbox > ul > ol > .obox > div > div > p:hover { background-color: #050505; } .videoui > .vbox > ul > ol > .obox > div > div > p > span { display: inline-block; width: 8px; height: 8px; border-radius: 50%;border: 2px solid #fff; opacity: 0.35;line-height: 100%; transition: 0.5s opacity;} .videoui > .vbox > ul > ol > .obox > div > div > p:hover > span { opacity: 1;} .videoui > .vbox > ul > ol > .obox > div > div > p.f > span { background-color: #fff; opacity: 1;} .videoui > .vbox > ul > li { position: relative; opacity: 0.8;transition: 0.5s opacity;} .videoui > .vbox > ul > li.active { opacity: 1;} .videoui > .vbox > ul > li > .background { display: block; margin: 0; padding: 0; width: 100%; height: 100%; opacity: 0.35;} .videoui > .vbox > ul > li > .background > img { filter: blur(25px);transform: scale(1.15);} .videoui > .vbox > ul > li > .view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .videoui > .vbox > ul > li > .view { text-align: center; } .videoui > .vbox > ul > li > .view > img { display: block; margin: 0 auto; padding: 0; width: auto; height: 100%; box-shadow: 0 15px 15px rgba(0,0,0,0.7);} .videoui > .vlogo { position: absolute; top: 15px; right: 20px; display: none; margin: 0; padding: 0; height: 72px; opacity: 0.2;transition: all 1s linear;} .videoui.audio > .vlogo { display: none; } .videoui.fullscreen > .vlogo { height: 96px; } .videoui.loaded > .vlogo { display: block; } .videoui.showmenu > .vlogo { opacity: 0.35;} .videoui > .vcontrols { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .videoui:not(.audio) > .vcontrols { overflow: hidden; } .videoui.audio > .vcontrols { position: static; display: block; margin: 0; padding: 0; width: 100%; height: 55px; } .videoui > .vcontrols > b { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; } .videoui.loaded > .vcontrols > b { display: block; bottom: 7px; cursor: none; } .videoui.pictures.loaded > .vcontrols > b { cursor: pointer; } .videoui.loaded.pause > .vcontrols > b, .videoui.loaded.showmenu > .vcontrols > b { bottom: 72px; cursor: default; } .videoui > .vbox > p, .videoui > .vcontrols > span.loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; padding: 0; width: 100%; height: 100%; text-align: center; } .videoui.shownotice > .vbox > p, .videoui.load:not(.shownotice) > .vcontrols > span.loader { display: table; } .videoui > .vbox > p > b, .videoui > .vcontrols > span.loader > s { display: table-cell; vertical-align: middle; } .videoui > .vbox > p > b > i, .videoui > .vcontrols > span.loader > s > i { position: relative; display: block; margin: 0 auto; padding: 0; width: 0; } .videoui > .vbox > p > b { opacity: 0;} .videoui.shownotice > .vbox > p > b { animation: shownotice 10s linear forwards; } @keyframes shownotice { 0% { opacity: 0;} 15% { opacity: 1;} 85% { opacity: 1;} 100% { opacity: 0;} } .videoui > .vbox > p > b > i { margin: 20px 20%; width: unset; font-family: sans-serif; font-size: 16px; font-weight: 500; text-decoration: none; line-height: 150%; text-align: justify; color: #fff; } .videoui > .vcontrols > span.loader > s > i:before, .videoui > .vcontrols > span.loader > s > i:after { content: ""; position: absolute; padding: 0; padding-bottom: 0.5vw; border-radius: 50%;filter: drop-shadow(0 0 1vw rgba(255, 255, 255, 0.75));width: 0.5vw; box-shadow: 0 0 0 0 #fff;} .videoui > .vcontrols > span.loader > s > i:before { animation: loader-pulsin-big 1.75s ease-in-out infinite; } .videoui.audio > .vcontrols > span.loader > s > i:before { animation: loader-pulsin-sml 1.75s ease-in-out infinite; } .videoui > .vcontrols > span.loader > s > i:after { animation: loader-pulsout-big 1.75s ease-in-out infinite; } .videoui.audio > .vcontrols > span.loader > s > i:after { animation: loader-pulsout-sml 1.75s ease-in-out infinite; } @keyframes loader-pulsin-sml { 0% { box-shadow: 0 0 0 0.5vw #fff;opacity: 1;} 50%, 100% { box-shadow: 0 0 0 0 #fff;opacity: 0;} } @keyframes loader-pulsin-big { 0% { box-shadow: 0 0 0 1vw #fff;opacity: 1;} 50%, 100% { box-shadow: 0 0 0 0 #fff;opacity: 0;} } @keyframes loader-pulsout-sml { 0%, 50% { box-shadow: 0 0 0 0 #fff;opacity: 0;} 100% { box-shadow: 0 0 0 0.5vw #fff;opacity: 1;} } @keyframes loader-pulsout-big { 0%, 50% { box-shadow: 0 0 0 0 #fff;opacity: 0;} 100% { box-shadow: 0 0 0 1vw #fff;opacity: 1;} } .videoui > .vcontrols > .vbar { position: absolute; left: 0; bottom: 0; right: 0; display: none; margin: 0; padding: 0; background-color: rgba(255,255,255,0.35); backdrop-filter: blur(25px);} .videoui.audio > .vcontrols > .vbar { position: static; margin: 5px; background-color: transparent; backdrop-filter: none;} .videoui.shownotice > .vcontrols > .vbar, .videoui.loaded > .vcontrols > .vbar { display: block; } .videoui.dark > .vcontrols > .vbar, .videoui.fullscreen > .vcontrols > .vbar { background-color: rgba(0,0,0,0.65); } .videoui > .vcontrols > .vbar > .vprogress { position: relative; display: block; margin: 0; padding: 0; } .videoui > .vcontrols > .vbar > .vprogress > p { position: relative; display: flex; padding: 0; width: unset; height: 6px; } .videoui.pause > .vcontrols > .vbar > .vprogress > p, .videoui.showmenu > .vcontrols > .vbar > .vprogress > p, .videoui.audio > .vcontrols > .vbar > .vprogress > p { height: 10px; } .videoui > .vcontrols > .vbar > .vprogress > p > span { display: inline-flex; margin: 0; border-radius: 5px;background-color: rgba(255,255,255,0.2); } .videoui.dark > .vcontrols > .vbar > .vprogress > p > span, .videoui.fullscreen > .vcontrols > .vbar > .vprogress > p > span { background-color: rgba(255,255,255,0.08); } .videoui.audio > .vcontrols > .vbar > .vprogress > p > span { background-color: rgba(255,255,255,0.4); } .videoui > .vcontrols > .vbar > .vprogress > p > span > b { width: 0; border-radius: 5px;background-color: rgba(255,255,255,0.35); transition: all 0.15s linear;} .videoui.shownotice > .vcontrols > .vbar > .vprogress > p > span > b { width: 100%; animation: shownotice-bar 10s linear forwards; } @keyframes shownotice-bar { 0% { width: 0; } 100% { width: 100%; } } .videoui.pause > .vcontrols > .vbar > .vprogress > p > span > b, .videoui.showmenu > .vcontrols > .vbar > .vprogress > p > span > b, .videoui.audio > .vcontrols > .vbar > .vprogress > p > span > b { background-color: rgba(255,255,255,0.75); } .videoui.shownotice > .vcontrols > .vbar > .vprogress > p > span > b { background-color: rgba(245,121,0,0.75); } .videoui > .vcontrols > .vbar > .vprogress:hover > p > span > b { background-color: rgba(255,255,255,1); } .videoui.shownotice > .vcontrols > .vbar > .vprogress:hover > p > span > b { background-color: rgba(245,121,0,1); } .videoui > .vcontrols > .vbar > .vprogress > .vpoint { position: absolute; top: 0; display: flex; } .videoui > .vcontrols > .vbar > .vprogress > .vpoint > div { position: relative; display: inline-flex; margin: 0; padding: 0; width: 100%; } .videoui > .vcontrols > .vbar > .vprogress > .vpoint > div > p { position: absolute; display: block; margin: 0 0 0 -5px; padding: 0; left: 0; } .videoui > .vcontrols > .vbar > .vprogress > .vpoint > div > p > span { display: block; margin: -2px 0 0; padding: 0; width: 10px; height: 10px; border-radius: 50%;background-color: #fff; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.3);opacity: 0;transition: all 0.15s linear;} .videoui.pause > .vcontrols > .vbar > .vprogress > .vpoint > div > p > span, .videoui.showmenu > .vcontrols > .vbar > .vprogress > .vpoint > div > p > span, .videoui.audio > .vcontrols > .vbar > .vprogress > .vpoint > div > p > span { width: 14px; height: 14px; } .videoui.pause > .vcontrols > .vbar > .vprogress > .vpoint > div > p > span, .videoui.showmenu > .vcontrols > .vbar > .vprogress > .vpoint > div > p > span { opacity: 1;} .videoui > .vcontrols > .vbar > .vprogress > .vpoint > div > p > b.seek { display: none; margin: 0; padding: 3px; position: absolute; top: -112px; left: -75px; cursor: pointer; line-height: 100%; background-color: #fff; border-radius: 5px;box-shadow: 0 0 3px 3px rgba(0,0,0,0.25);} .videoui.dragging:not(.audio) > .vcontrols > .vbar > .vprogress > .vpoint > div > p > b.seek.show { display: block; } .videoui > .vcontrols > .vbar > .vprogress > .vpoint > div > p > b.seek:before, .videoui > .vcontrols > .vbar > .vprogress > .vpoint > div > p > b.seek:after { position: absolute; display: inline-block; content: ""; } .videoui > .vcontrols > .vbar > .vprogress > .vpoint > div > p > b.seek:before { bottom: -12px; right: calc(50% - 11px); border-top: 12px solid #ccc; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: none; } .videoui > .vcontrols > .vbar > .vprogress > .vpoint > div > p > b.seek:after { bottom: -10px; right: calc(50% - 10px); border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: none; } .videoui > .vcontrols > .vbar > .vprogress > .vpoint > div > p > b.seek > i { display: block; margin: 0; padding: 0; border-radius: 4px;width: 160px; height: 90px; text-decoration: none; font-style: normal; line-height: 100%; overflow: hidden; } .videoui > .vcontrols > .vbar > .vbuttons { animation: controls-hide 0.25s ease-in forwards; display: none; height: 0; } @keyframes controls-hide { 0% { display: block; opacity: 1;} 99% { display: block; opacity: 0;} 100% { display: none; opacity: 0;} } .videoui.pause:not(.dragging) > .vcontrols > .vbar > .vbuttons, .videoui.showmenu > .vcontrols > .vbar > .vbuttons { animation: controls-show 0.25s ease-out forwards; display: block; height: 50px; } .videoui.audio > .vcontrols > .vbar > .vbuttons { text-align: left; height: unset !important; } @keyframes controls-show { 0% { display: none; opacity: 0;} 1% { display: block; opacity: 0;} 100% { display: block; opacity: 1;} } .videoui > .vcontrols > .vbar > .vbuttons > button { display: block; margin: 5px auto; padding: 5px; width: 32px; outline: none; border: none; vertical-align: middle; opacity: 0.85;cursor: pointer; background-color: transparent; border-radius: 3px;transition: all 0.15s linear;} .videoui > .vcontrols > .vbar > .vbuttons > button:hover { background-color: rgba(255,255,255,0.1); opacity: 1;transition: all 0.25s linear;} .videoui > .vcontrols > .vbar > .vbuttons > button:active { background-color: rgba(255,255,255,0.25); transition: none;} .videoui > .vcontrols > .vbar > .vbuttons > button.playpause { width: 46px; } .videoui > .vcontrols > .vbar > .vbuttons > button.stop, .videoui > .vcontrols > .vbar > .vbuttons > button.volume, .videoui > .vcontrols > .vbar > .vbuttons > button.caption, .videoui > .vcontrols > .vbar > .vbuttons > button.nomusic, .videoui > .vcontrols > .vbar > .vbuttons > button.fullscreen { position: absolute; top: 0; } .videoui.audio > .vcontrols > .vbar > .vbuttons > button.fullscreen { display: none; } .videoui > .vcontrols > .vbar > .vbuttons > button.stop { left: 50%; margin: 6px auto 6px -65px; } .videoui > .vcontrols > .vbar > .vbuttons > button.volume { left: 10px; } .videoui > .vcontrols > .vbar > .vbuttons > button.caption { left: 190px; } .videoui.nocaptions > .vcontrols > .vbar > .vbuttons > button.caption:hover, .videoui.nocaptions > .vcontrols > .vbar > .vbuttons > button.caption:active { background-color: transparent; cursor: default; } .videoui > .vcontrols > .vbar > .vbuttons > button.nomusic { right: 50px; } .videoui > .vcontrols > .vbar > .vbuttons > button.fullscreen { right: 10px; } .videoui.audio > .vcontrols > .vbar > .vbuttons > button, .videoui.audio > .vcontrols > .vbar > .vbuttons > button.playpause, .videoui.audio > .vcontrols > .vbar > .vbuttons > button.stop, .videoui.audio > .vcontrols > .vbar > .vbuttons > button.caption, .videoui.audio > .vcontrols > .vbar > .vbuttons > button.volume { margin: 5px 0; display: inline-block; position: static; width: 28px; } .videoui > .vcontrols > .vbar > .vbuttons > button.nomusic { display: none; } .videoui.nomusic > .vcontrols > .vbar > .vbuttons > button.nomusic { display: inline-block; } .videoui > .vlogo > svg, .videoui > .vcontrols > .vbar > .vbuttons > button > svg, .videoui > .vcontrols > a > b > i > svg { display: none; margin: 0; padding: 0; width: auto; height: 100%; fill: #fff; } .videoui > .vcontrols > a > b > i > svg { height: 64px; } .videoui:not(.audio) > .vlogo > svg { display: block; } .videoui.nocaptions > .vcontrols > .vbar > .vbuttons > button[data-state="nocaption"] > svg { opacity: 0.2;} .videoui > .vcontrols > .vbar > .vbuttons > button[data-state="play"] > svg:first-child, .videoui > .vcontrols > .vbar > .vbuttons > button[data-state="pause"] > svg:last-child, .videoui > .vcontrols > .vbar > .vbuttons > button[data-state="stop"] > svg, .videoui > .vcontrols > .vbar > .vbuttons > button[data-state="mute"] > svg:first-child, .videoui > .vcontrols > .vbar > .vbuttons > button[data-state="unmute"] > svg:last-child, .videoui > .vcontrols > .vbar > .vbuttons > button[data-state="caption"] > svg:first-child, .videoui > .vcontrols > .vbar > .vbuttons > button[data-state="nocaption"] > svg:last-child, .videoui > .vcontrols > .vbar > .vbuttons > button[data-state="music"] > svg:first-child, .videoui > .vcontrols > .vbar > .vbuttons > button[data-state="nomusic"] > svg:last-child, .videoui:not(.fullscreen) > .vcontrols > .vbar > .vbuttons > button[data-state="fullscreen"] > svg:first-child, .videoui.fullscreen > .vcontrols > .vbar > .vbuttons > button[data-state="fullscreen"] > svg:last-child { display: block; } .videoui > .vcontrols > .vbar > .vbuttons > .volumebar { position: absolute; left: 50px; top: 14px; display: block; margin: 0; padding: 5px 6px; width: 120px; border-radius: 8px;} .videoui.audio > .vcontrols > .vbar > .vbuttons > .volumebar { left: 100px; top: 12px; } .videoui > .vcontrols > .vbar > .vbuttons > .volumebar > div { position: relative; display: block; margin: 0; padding: 0; width: 100%; } .videoui > .vcontrols > .vbar > .vbuttons > .volumebar > div > p { position: absolute; left: 0; top: 0; bottom: 0; margin: -2px 0 0; padding: 0; right: 0; z-index: 1; } .videoui > .vcontrols > .vbar > .vbuttons > .volumebar > div > p > span { display: block; margin: 0; padding: 0; width: 10px; height: 10px; border-radius: 50%;background-color: #fff; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.3);} .videoui > .vcontrols > .vbar > .vbuttons > .volumebar > div > div { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 6px; border-radius: 5px;background-color: rgba(255,255,255,0.12); overflow: hidden; } .videoui > .vcontrols > .vbar > .vbuttons > .volumebar > div > div > span { position: absolute; bottom: 0; left: 0; right: 0; display: block; margin: 0; padding: 0; width: 0%; height: 100%; background-color: rgba(255,255,255,0.75); vertical-align: bottom; transition: all 0.15s linear;} .videoui > .vcontrols > .vbar > .vbuttons > .volumebar:hover > div > div > span { background-color: #fff; } .videoui > .vcontrols > a { display: table; cursor: pointer; } .videoui.censored > .vcontrols > a, .videoui.audio > .vcontrols > a { display: none; } .videoui > .vcontrols > a::before { position: absolute; top: -200%; left: -75%; content: ""; width: 100%; height: 500%; opacity: 0.5;transform: rotate(45deg);background-color: rgba(255, 255, 255, 0.4); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.5) 100%);transition: opacity 1s linear;} .videoui:hover > .vcontrols > a::before, .videoui.load > .vcontrols > a::before { opacity: 0;transition: opacity 1s linear;} .videoui > .vcontrols > a::after { position: absolute; top: -100%; left: -100%; content: ""; width: 100%; height: 300%; opacity: 0.1;transform: rotate(35deg);transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));} .videoui:hover > .vcontrols > a::after, .videoui.load > .vcontrols > a::after { left: 200%; opacity: 0.3;transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);} .videoui.load > .vcontrols > a::after { opacity: 0;} .videoui.loaded > .vcontrols > a, .videoui.notsupported > .vcontrols > a { display: none; } .videoui > .vcontrols > a > b { display: table-cell; vertical-align: middle; text-align: center; } .videoui.load > .vcontrols > a > b { opacity: 0;transition: all 0.5s ease-out;} .videoui.loaded > .vcontrols > a > b { display: none; } .videoui > .vcontrols > a > b > i { display: inline-block; margin: 0; padding: 15px; border-radius: 12px;backdrop-filter: blur(25px);box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.35);aspect-ratio: 1/1; background-color: rgba(255,255,255,0.1); border: 4px solid rgba(255,255,255,0.25); transition: all 0.15s linear;} .videoui > .vcontrols > a:hover > b > i { background-color: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.45); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);} .videoui > .vcontrols > a > b > i > svg { display: block; opacity: 0.85;transition: all 0.15s linear;} .videoui > .vcontrols > a:hover > b > i > svg { opacity: 1;} .videoui > .vcontrols > a > u { position: absolute; display: block; margin: 0; padding: 0; background-color: rgba(255,255,255,0.25); backdrop-filter: blur(25px);box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.35);transition: all 0.15s linear;height: 20px; } .videoui.noborder > .vcontrols > a > u { display: none; } .videoui.dark > .vcontrols > a > u, .videoui.fullscreen > .vcontrols > a > u { background-color: rgba(0,0,0,0.1); } .videoui > .vcontrols > a:hover > u { background-color: rgba(255,255,255,0.45); } .videoui.dark > .vcontrols > a:hover > u, .videoui.fullscreen > .vcontrols > a:hover > u { background-color: rgba(0,0,0,0.45); } .videoui > .vcontrols > a > u:nth-child(1), .videoui > .vcontrols > a > u:nth-child(2) { left: 0; right: 0; } .videoui > .vcontrols > a > u:nth-child(1) { top: 0; } .videoui > .vcontrols > a > u:nth-child(2) { bottom: 0; } .videoui.title > .vcontrols > a > u:nth-child(2) { display: none; } .videoui.load > .vcontrols > a > u:nth-child(1) { top: -20px; transition: all 0.5s ease-out;} .videoui.load > .vcontrols > a > u:nth-child(2) { bottom: -20px; transition: all 0.5s ease-out;} @media screen and (max-width: 1049px) { .videoui > .vlogo { height: 58px; } .videoui > .vbox > b { padding: 20px 8px 15px; font-size: 18px; } } @media screen and (max-width: 649px) { .videoui.round { border-radius: 0;} .videoui > .vlogo { height: 38px; } .videoui.fullscreen > .vlogo { height: 46px; } .videoui > .vbox > b { padding: 15px 5px 10px; font-size: 15px; } .videoui > .vcontrols > .vbar > .vbuttons { text-align: left; } .videoui.pause:not(.dragging) > .vcontrols > .vbar > .vbuttons, .videoui.showmenu > .vcontrols > .vbar > .vbuttons { height: 38px; } .videoui > .vcontrols > .vbar > .vbuttons > button, .videoui > .vcontrols > .vbar > .vbuttons > button.playpause, .videoui > .vcontrols > .vbar > .vbuttons > button.stop, .videoui > .vcontrols > .vbar > .vbuttons > button.volume { margin: 5px 0; display: inline-block; position: static; width: 28px; } .videoui > .vcontrols > .vbar > .vbuttons > button.caption { width: 28px; left: 240px; } .videoui > .vcontrols > .vbar > .vbuttons > .volumebar { left: 100px; top: 12px; } .videoui > .vcontrols > a > b > i > svg { height: 52px; } .videoui > .vcontrols > a > b > i { padding: 5px; border-radius: 7px;} .videoui > .vcontrols > a > u { height: 10px; } } @media (prefers-color-scheme: dark) { .videoui > .vcontrols > .vbar { background-color: rgba(0,0,0,0.65); } .videoui > .vcontrols > .vbar > .vprogress > p > span { background-color: rgba(255,255,255,0.08); } .videoui > .vcontrols > a > u { background-color: rgba(0,0,0,0.1); } .videoui > .vcontrols > a:hover > u { background-color: rgba(0,0,0,0.45); } } /* @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 > ul > li.c-blog > a:hover, header .hblock > ul > li.c-blog > a:focus, header .hblock > ul > li.c-blog:hover > a, header .hblock > ul > li.c-blog:focus > a, header .hblock > ul > li.c-blog > ul > li:hover > a > p > b, header .hblock > ul > li.c-blog > ul > li:focus > a > p > b, .timeline > li > .panel > .pbox > h4 > span.c-blog { color: #ce5c00; } header .hblock > ul > li.c-blog > a:active, header .hblock > ul > li.c-blog:active > a, header .hblock > ul > li.c-blog > ul > li:active > a > p > b, header .hblock > ul > li.c-blog > ul > li.selected > a > p > b { color: #994500; } header .hblock > ul > li.c-blog > ul > li > a:hover > svg, header .hblock > ul > li.c-blog > ul > li.selected > a > svg, header .hblock .suggestion-more > ul > li > a:hover > svg { fill: #ce5c00; } header .hblock > ul > li.c-blog > ul > li > a:active > svg { fill: #994500; } header .hblock > ul > li.c-blog.selected { border-color: #f57900; } header .hblock > ul > li.c-blog.selected:active { border-color: #c26100; } header .hblock > ul > li.c-blog.selected > a, header .hblock > ul > li.c-blog.selected > a:visited, header .hblock > ul > li.c-blog.selected > a:link, header .hblock > ul > li.c-blog > ul > li:hover a, header .hblock > ul > li.c-blog > ul > li:hover > a > p > i, header .hblock > ul > li.c-blog > ul > li:focus > a > p > i, header .hblock > ul > li.c-blog > ul > li.selected a { color: #f57900; } header .hblock > ul > li.c-blog.selected:active > a, header .hblock > ul > li.c-blog > ul > li:active a, header .hblock > ul > li.c-blog > ul > li.selected:active a { color: #c26100; } body div.blog.c-blog, .timeline > li > .panel > .pbox.c-blog, header .hblock > ul > li.c-blog.selected > ul { border-top-color: #f57900; } .timeline > li > .panel > .pbox.c-blog > .badge { background-color: #f57900; } header .hblock > ul > li.c-blog:hover > ul { border-top-color: #f57900; } header .hblock > ul > li.c-blog:hover, .lookbook > li.label > a, .lookbook > li.label > a:link, .lookbook > li.label > a:visited { border-bottom-color: #f57900; } .timeline > li > .panel:hover > .pbox.c-blog { border-top-color: #fcaf3e; } .timeline > li > .panel:hover > .pbox.c-blog > .badge { background-color: #fcaf3e; } header .hblock > ul > li.c-blog.selected, .timeline > li > .panel > .pbox > h4 > span.c-blog { background-color: #FDC97E; } header .hblock > ul > li.c-blog.selected:active { background-color: #fcb24a; } header .hblock > ul > li.c-blog > ul { border-top-color: #FDC97E; } header .hblock > ul > li.c-blog { border-bottom-color: #FDC97E; } header .hblock > ul > li.c-blog:hover, header .hblock > ul > li.c-blog > ul > li:hover, header .hblock > ul > li.c-blog > ul > li.selected:hover { background-color: #FDC97E; border-color: #FDC97E; } header .hblock > ul > li.c-blog:active, header .hblock > ul > li.c-blog > ul > li:active, header .hblock > ul > li.c-blog > ul > li.selected:active { background-color: #fcb24a; border-color: #fcb24a; } header .hblock > ul > li.c-blog > ul > 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 > ul > li.c-album > a:hover, header .hblock > ul > li.c-album > a:focus, header .hblock > ul > li.c-album:hover > a, header .hblock > ul > li.c-album:focus > a, header .hblock > ul > li.c-album > ul > li:hover > a > p > b, header .hblock > ul > li.c-album > ul > li:focus > a > p > b, .timeline > li > .panel > .pbox > h4 > span.c-album, header .hblock > ul > li.c-album > ul > li.selected > a > p > b { color: #204a87; } header .hblock > ul > li.c-album > ul > li > a:hover > svg, header .hblock > ul > li.c-album > ul > li.selected > a > svg, header .hblock .suggestion-more > ul > li > a:hover > svg { fill: #16335f; } header .hblock > ul > li.c-album > ul > li > a:active > svg { fill: #204a87; } header .hblock > ul > li.c-album:hover { background-color: #A0BFDF; border-bottom-color: #204a87; } header .hblock > ul > li.c-album.selected { border-color: #3465a4; } header .hblock > ul > li.c-album.selected:active { border-color: #1b3455; } header .hblock > ul > li.c-album.selected > a, header .hblock > ul > li.c-album.selected > a:visited, header .hblock > ul > li.c-album.selected > a:link, header .hblock > ul > li.c-album > ul > li:hover a, header .hblock > ul > li.c-album > ul > li:hover > a > p > i, header .hblock > ul > li.c-album > ul > li:focus > a > p > i, header .hblock > ul > li.c-album > ul > li.selected a { color: #3465a4; } header .hblock > ul > li.c-album.selected:active > a, header .hblock > ul > li.c-album > ul > li:active a, header .hblock > ul > li.c-album > ul > li.selected:active a { color: #1b3455; } .timeline > li > .panel > .pbox.c-album, header .hblock > ul > li.c-album.selected > ul { border-top-color: #3465a4; } .timeline > li > .panel > .pbox.c-album > .badge { background-color: #3465a4; } body > div.c-album { border-top-color: #3465a4; } header .hblock > ul > li.c-album:hover > ul { border-top-color: #3465a4; } .timeline > li > .panel:hover > .pbox.c-album { border-top-color: #729fcf; } .timeline > li > .panel:hover > .pbox.c-album > .badge { background-color: #729fcf; } header .hblock > ul > li.c-album.selected, .timeline > li > .panel > .pbox > h4 > span.c-album { background-color: #A0BFDF; } header .hblock > ul > li.c-album > ul { border-top-color: #A0BFDF; } header .hblock > ul > li.c-album { border-bottom-color: #A0BFDF; } header .hblock > ul > li.c-album.selected:active { background-color: #79a6d2; } header .hblock > ul > li.c-album > ul > li:hover, header .hblock > ul > li.c-album > ul > li.selected:hover { background-color: #A0BFDF; border-color: #A0BFDF; } header .hblock > ul > li.c-album:active, header .hblock > ul > li.c-album > ul > li:active, header .hblock > ul > li.c-album > ul > li.selected:active { background-color: #79a6d2; border-color: #79a6d2; } header .hblock > ul > li.c-album > ul > 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 > ul > li.c-schedule > a:hover, header .hblock > ul > li.c-schedule > a:focus, header .hblock > ul > li.c-schedule:hover > a, header .hblock > ul > li.c-schedule:focus > a, header .hblock > ul > li.c-schedule > ul > li:hover > a > p > b, header .hblock > ul > li.c-schedule > ul > li:focus > a > p > b, .timeline > li > .panel > .pbox > h4 > span.c-schedule { color: #a40000; } header .hblock > ul > li.c-schedule > a:active, header .hblock > ul > li.c-schedule:active > a, header .hblock > ul > li.c-schedule > ul > li:active > a > p > b, header .hblock > ul > li.c-schedule > ul > li.selected > a > p > b { color: #700000; } header .hblock > ul > li.c-schedule:hover { background-color: #F46F6F; border-bottom-color: #a40000; } header .hblock > ul > li.c-schedule > ul > li > a:hover > svg, header .hblock > ul > li.c-schedule > ul > li.selected > a > svg { fill: #a40000; } header .hblock > ul > li.c-schedule > ul > li > a:active > svg { fill: #700000; } header .hblock > ul > li.c-schedule.selected { border-color: #cc0000; } header .hblock > ul > li.c-schedule.selected > a, header .hblock > ul > li.c-schedule.selected > a:visited, header .hblock > ul > li.c-schedule.selected > a:link, header .hblock > ul > li.c-schedule > ul > li:hover > a > p > i, header .hblock > ul > li.c-schedule > ul > li:focus > a > p > i, header .hblock > ul > li.c-schedule > ul > li:hover a, header .hblock > ul > li.c-schedule > ul > li.selected a { color: #cc0000; } .timeline > li > .panel > .pbox.c-schedule, header .hblock > ul > li.c-schedule.selected > ul { border-top-color: #cc0000; } .timeline > li > .panel > .pbox.c-schedule { border-left-color: #ff9999; border-right-color: #ff9999; border-bottom-color: #ff9999; } .timeline > li > .panel:hover > .pbox.c-schedule { border-top-color: #ef2929; } .timeline > li > .panel > .pbox.c-schedule > .buttons > div.active > a { background-color: #cc0000; } .timeline > li > .panel > .pbox.c-schedule > .buttons > div.active > a:hover { background-color: #a40000; } .timeline > li > .panel > .pbox.c-schedule > .badge { background-color: #cc0000; border-color: #ff9999; } .timeline > li > .panel:hover > .pbox.c-schedule > .badge { background-color: #ef2929; } .timeline > li > .panel > .pbox.c-schedule > .label > a { background-color: #cc0000; } .timeline > li > .panel:hover > .pbox.c-schedule > .label > a { background-color: #ef2929; } .timeline > li > .panel > .pbox.c-schedule::before, .timeline > li > .panel > .pbox.c-schedule::after { border-left-color: #ff9999; border-right-color: #ff9999; } body > div.c-schedule { border-top-color: #cc0000; } header .hblock > ul > li.c-schedule:hover > ul { border-top-color: #cc0000; } header .hblock > ul > li.c-schedule.selected, .timeline > li > .panel > .pbox > h4 > span.c-schedule { background-color: #F46F6F; } header .hblock > ul > li.c-schedule > ul { border-top-color: #F46F6F; } header .hblock > ul > li.c-schedule { border-bottom-color: #F46F6F; } header .hblock > ul > li.c-schedule.selected:active { background-color: #f14141; } header .hblock > ul > li.c-schedule > ul > li:hover, header .hblock > ul > li.c-schedule > ul > li.selected:hover { background-color: #F46F6F; border-color: #F46F6F; } header .hblock > ul > li.c-schedule:active, header .hblock > ul > li.c-schedule > ul > li:active, header .hblock > ul > li.c-schedule > ul > li.selected:active { background-color: #f14141; border-color: #f14141; } header .hblock > ul > li.c-schedule > ul > li.selected { background-color: #FBC5C5; border-color: #FBC5C5; } .schedule > div > cite > small, .schedule-content > cite > 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 > li > .panel > .pbox.c-business, header .hblock > ul > li.c-business.selected > ul { border-top-color: #a67926; } .timeline > li > .panel > .pbox.c-business { border-left-color: #edd5ab; border-right-color: #edd5ab; border-bottom-color: #edd5ab; } .timeline > li > .panel:hover > .pbox.c-business { border-top-color: #d5a244; } .timeline > li > .panel > .pbox.c-business > .buttons > div.active > a { background-color: #a67926; } .timeline > li > .panel > .pbox.c-business > .buttons > div.active > a:hover { background-color: #85611e; } .timeline > li > .panel > .pbox.c-business > .badge { background-color: #a67926; border-color: #edd5ab; } .timeline > li > .panel:hover > .pbox.c-business > .badge { background-color: #d5a244; } .timeline > li > .panel > .pbox.c-business > .label > a { background-color: #a67926; } .timeline > li > .panel:hover > .pbox.c-business > .label > a { background-color: #d5a244; } .timeline > li > .panel > .pbox.c-business::before, .timeline > li > .panel > .pbox.c-business::after { border-left-color: #edd5ab; border-right-color: #edd5ab; } header .hblock > ul > li.c-business.selected, .timeline > li > .panel > .pbox > h4 > span.c-business { background-color: #e3c182; } /* ------------- [MAKING OF=plum] --------------- dark = #75507b middle = #ad7fa8 //light = #ef2929 //very light = #F46F6F //very light / 40%trans = #FBC5C5 */ .lookbook > li > .panel > .pbox > h4 > span { color: #75507b; } .lookbook ul.usercards > li:hover { border-left-color: #75507b; } .lookbook > li.label > a, .lookbook > li.label > a:visited, .lookbook > li.label > a:link { border-bottom-color: #75507b; } .lookbook ul.usercards > li > div.avatar > img, .lookbook > li > .panel > .pbox > .badge { background-color: #75507b; } .lookbook ul.usercards > li { border-left-color: #ad7fa8; } .lookbook > li > .panel:hover > .pbox > .badge { background-color: #ad7fa8; } /* ------------- [LIVE=golden brown] --------------- dark = #4C2E00 middle = #996515 light = #E6B364 very light = #FFD696 very light / 40%trans = #xxx */ header .hblock > ul > li.c-live > a:hover, header .hblock > ul > li.c-live > a:focus, header .hblock > ul > li.c-live:hover > a, header .hblock > ul > li.c-live:focus > a, .timeline > li > .panel > .pbox > h4 > span.c-live { color: #4C2E00; } header .hblock > ul > 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 > ul { background-color: #000; } } header .hblock > ul > li { border-bottom-color: #171717; } header .hblock > ul > li.selected { border-color: #232f39; } header .hblock > ul > li:hover { background-color: #151d29; border-color: #849eb3; } header .hblock > ul > 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 > ul > li > 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 > ul > li > a, header .hblock > ul > li > a:visited, header .hblock > ul > li > a:link { color: #bbb; } header .hblock > ul > li > ul > li > a > p > b, header .hblock .suggestion-more > ul > li > a > p > b { color: #bbb; } header .hblock > ul > li > ul > li:hover { background-color: #151d29; } header .hblock > ul > li > ul > li:active { background-color: #26354a; } header .hblock > ul > li > ul > li.new { background-color: #2f0404; } header .hblock > ul > li > ul > li.new:hover { background-color: #5e0808; } header .hblock > ul > li > ul > li.new:active { background-color: #8d0c0c; } header .hblock > ul > li > ul > li.business { background-color: #2a1e09; } header .hblock > ul > li > ul > li.business:hover { background-color: #533d13; } header .hblock > ul > li > ul > li.business:active { background-color: #7d5b1c; } header .hblock > ul > li > ul > li.new > a > svg { fill: #ef2929; } header .hblock > ul > li > ul > li.new:hover > a > svg { fill: #f35959; } header .hblock > ul > li > ul > li.new:active > a > svg { fill: #f78888; } header .hblock > ul > li > ul > li.business > a > svg { fill: #d7a042; } header .hblock > ul > li > ul > li.business:hover > a > svg { fill: #e0b56c; } header .hblock > ul > li > ul > li.business:active > a > svg { fill: #e9ca96; } header .hblock > ul > li > ul > li.new > a > p > b { color: #ef2929; } header .hblock > ul > li > ul > li.new:hover > a > p > b { color: #f35959; } header .hblock > ul > li > ul > li.new:active > a > p > b { color: #f78888; } header .hblock > ul > li > ul > li.business > a > p > b { color: #d7a042; } header .hblock > ul > li > ul > li.business:hover > a > p > b { color: #e0b56c; } header .hblock > ul > li > ul > li.business:active > a > p > b { color: #e9ca96; } header .hblock > ul > li > ul > li.new > a > p > b > span { background-color: #a40000; } header .hblock > ul > li > ul > li.new:hover > a > p > b > span { background-color: #cc0000; } header .hblock > ul > li > ul > li.new:active > a > p > b > span { background-color: #ff0000; } header .hblock > ul > li > ul > li.business > a > p > b > span { background-color: #87601d; } header .hblock > ul > li > ul > li.business:hover > a > p > b > span { background-color: #a87824; } header .hblock > ul > li > ul > li.business:active > a > p > b > span { background-color: #d2962d; } header .hblock > ul > li > ul > li.new > a > p > i { color: rgba(239, 41, 41, 0.5); } header .hblock > ul > li > ul > li.business > a > p > i { color: rgba(215, 160, 66, 0.5); } header .hblock .suggestion-more > ul > li:hover { background-color: #fcaf3e; } header .hblock .suggestion-more > ul > li:active { background-color: #fdc572; } header .hblock > ul > li.c-blog > ul > li.selected { background-color: #321e01; border-color: #321e01; } header .hblock > ul > li.c-album > ul > li.selected { background-color: #0d1926; border-color: #0d1926; } header .hblock > ul > li.c-schedule > ul > 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 > ul > li > ul > li > a:hover > p > b { color: #fff; } header .hblock .suggestion-more > ul > li > a:hover > p > b { color: #fff; } header .hblock > ul > li > ul > li > a > p > i, header .hblock .suggestion-more > ul > li > a > p > 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 > ul > li > ul > li > a > svg, header .hblock .suggestion-more > ul > li > a > svg { fill: #ccc; } header > .profile { background-color: #171717; } header > .profile:hover { background-color: #272727; } .footer { border-top-color: #171717; color: #bbb; background-color: #000; } .footer > p > a, .footer > p > a:link, .footer > p > a:visited, .footer > #webstream { background-color: #171717; color: #fff; } .footer > #webstream.hdr.show { background-color: #c7a000; } .footer > p > a:hover, .footer > p > a:focus { background-color: #373737; color: #fff; } .footer > #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 > span { color: #999; } .article-content .container > .translate { background-color: #050505; border-color: #222; color: #666; } .article-content .container > .vlink > div { background-color: rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.15); } .article-content .container > .vlink > div:hover { border-color: rgba(255,255,255,0.4); } .article-content .container > .vlink > div > svg { fill: #efefef; } .article-content .container > .vlink > div:hover > svg { fill: #fff; } .article-content .container > .vlink > div > span { color: #efefef; } .article-content .container > .vlink > div:hover > 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 > a, .comments h3 > a:link, .comments h3 > a:visited, .comments h3 > a:hover, .comments h3 > 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 > div.results, nav.pagination > div > span b { background-color: #171717; } nav.pagination > div > span a, nav.pagination > div > 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 > svg { color: #888; } .thumbview > h3, .thumbview > h4 { color: #555; } .thumbview > h4 > a, .thumbview > h4 > a:link, .thumbview > h4 > a:visited { background-color: #111; } .thumbview > h4 > a:hover, .thumbview > h4 > a:focus { background-color: #222; color: #fff; } .ask > div.preview { background-color: #222; color: #fff; } .relplan { border-color: #222; background-color: #000; } .relplan:hover { border-color: #444; } .relplan > .rbox > .rhead > .rclose { background-color: #222; } .relplan > .rbox > .rhead > .rclose:hover { background-color: #444; } .relplan > .rbox > .rhead > .rclose svg { fill: #666; } .relplan > .rbox > .rhead > .rclose:hover svg { fill: #aaa; } .relplan > .rbox > .rhead > h4 { color: #fff; } .relplan > .rbox > .rrelease > .rentry.rplan:nth-child(even) { background-color: #030303; } .relplan > .rbox > .rrelease > .rentry > .rline { background-color: #111; } .relplan > .rbox > .rrelease > .rentry > .rline > span.up { background: linear-gradient(0deg, rgba(215, 178, 93, 1), rgba(0,0,0,1));} .relplan > .rbox > .rrelease > .rentry > .rline > span.down { background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));} .relplan > .rbox > .rrelease > .rentry.c-schedule > .rline > span.updown { background: linear-gradient(0deg, rgba(95, 0, 0, 0), rgba(95, 0, 0, 1), rgba(95, 0, 0, 0));} .relplan > .rbox > .rrelease > .rentry.c-schedule:hover > .rline > span.updown { background: linear-gradient(0deg, rgba(164, 0, 0, 0), rgba(164, 0, 0, 1), rgba(164, 0, 0, 0));} .relplan > .rbox > .rrelease > .rentry > .rline > span > b { box-shadow: 0 0 3px 3px rgba(0,0,0,0.7);} .relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb > a.badge { background-color: #000; border-color: #111; } .relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb:hover > a.badge { border-color: #333; } .relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb > a.badge { border-color: #5f0000; } .relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb:hover > a.badge { border-color: #a40000; } .relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb > a.badge { border-color: #cc0000; } .relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb:hover > a.badge { border-color: #ef2929; } .relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb > a.entry, .relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb > .info { background-color: #111; border-color: #444; } .relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb:hover > a.entry { background-color: #333; border-color: #666; } .relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb > a.entry > strong { color: #666; } .relplan > .rbox > .rrelease > .rentry.active > .rmiddle > div > div > .rb > a.entry > strong { color: #ccc; } .relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb:hover > a.entry > strong { color: #999; } .relplan > .rbox > .rrelease > .rentry.active > .rmiddle > div > div > .rb:hover > a.entry > strong { color: #fff; } .relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb > a.entry { background-color: #1f0000; border-color: #5f0000; } .relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb:hover > a.entry { border-color: #a40000; } .relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb > a.entry { border-color: #cc0000; } .relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb:hover > a.entry { border-color: #ef2929; } .relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb > a.entry > b { color: #5f0000; } .relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb:hover > a.entry > b { color: #a40000; } .relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb > a.entry > b { color: #cc0000; } .relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb:hover > a.entry > b { color: #ef2929; } .relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb > a.entry > strong { color: #cc0000; } .relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb:hover > a.entry > strong { color: #ef2929; } .relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb > a.entry > span { background-color: #5f0000; color: #ef2929; } .relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb:hover > a.entry > span { background-color: #a40000; } .storiesblock { background-color: #101010; } .storiesblock > a { background-color: #333; color: #aaa; } .storiesblock > a:hover { background-color: #555; color: #fff; } .storiesblock > a.disable, .storiesblock > a.disable:hover { background-color: #111; color: #333; } .stories > a.inactive > p { background-color: #242d38; } .stories > a > p > b { background-color: #000; } .ctimeline { background-color: #000; } .clookbook { background-color: #111; } .timeline::before { background-color: #272727; } .timeline > li.filterbox > div.fbox { background-color: #171717; border-color: #272727; } .timeline > li.filterbox > div.fbox > input { background-color: #000; border-color: #171717; } .timeline > li.label > h2, .timeline > li.label > h3, .timeline > li.label > a, .lookbook > li.label > h2, .lookbook > li.label > h3, .lookbook > li.label > a, .lookbook > li > .panel > .pbox { background-color: rgba(0,0,0,0.8); border-color: #272727; } .timeline > li.label > h2, .timeline > li.label > h3, .timeline > li.label > a, .lookbook > li.label > h2, .lookbook > li.label > h3, .lookbook > li.label > a { background-color: #000; } .lookbook ul.userview { background-color: rgba(0,0,0,0.8); } .timeline > li > .panel > .pbox > h4 > a, .lookbook > li > .panel > .pbox > h4 > a, .timeline > li > .panel > .pbox > h4 > a:visited, .lookbook > li > .panel > .pbox > h4 > a:visited, .timeline > li > .panel > .pbox > h4 > a:link, .lookbook > li > .panel > .pbox > h4 > a:link { color: #999; } .timeline > li > .panel > .pbox > small, .lookbook > li > .panel > .pbox > small { background-color: rgba(10, 13, 15,0.8); color: #717d87; } .lookbook > li > .panel > .pbox::before, .lookbook > li > .panel > .pbox::after { border-left-color: #272727; border-right-color: #272727; } .lookbook > li > .panel > .pbox > .badge, .timeline > li > .panel > .pbox > .badge { border-color: #272727; } .timeline > li > .panel > .pbox { background-color: rgba(0,0,0,0.8); border-color: #272727; } .timeline > li > .panel > .pbox::before, .timeline > li > .panel > .pbox::after { border-left-color: #272727; border-right-color: #272727; } .timeline > li.filterbox > div.fbox > div.fsuggestions > span, p.peoplelink > a, p.peoplelink > a:link, p.peoplelink > a:visited { background-color: #171717; } .timeline > li > .panel > div > p > a.more { background-color: #171717; } p.peoplelink > a:hover, p.peoplelink > a:focus { background-color: #A0BFDF; color: #204a87; } .parallax , .parallax > .header { background-color: #000; } .parallax > .header > .background > .left { background: linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0));} .parallax > .header > .background > .right { background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,1));} .parallax > div.morebtn > p > a, .parallax > div.morebtn > p > a:link, .parallax > div.morebtn > p > a:visited { background-color: #272727; color: #aaa; } .parallax > div.morebtn > p > a:hover, .parallax > div.morebtn > p > 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 > a, ul.bar li > a:link, ul.bar li > a:visited { color: #bbb; } ul.bar li > a:hover { color: #fff; background-color: #272727; } ul.bar li.classic > 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 > .list > div > a:hover { background-color: #111; } .mediathek > .list > div > a > b { color: #fff; } .article .bar .icon, .live .bar .icon { background-color: #000; } .article-content .lastphotos div, .article-content .photoline div, .article-content .photoline > 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 > a:hover,.article-content .photoline > a:focus { border-color: #272727; background-color: #272727; } .cbookme { background-color: #000; } .bookme > div.frame > div.inlineblock { background-color: rgba(0,0,0,0.75); border: 1px solid rgba(0,0,0,0.8); } .bookme > div.frame > div.inlineblock > div.half > p, .bookme > div.frame > div.inlineblock > p { color: #bbb; } .bookme > div.frame > div.inlineblock > div.half > p > strong, .bookme > div.frame > div.inlineblock > p > strong { color: #fff; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox { background-color: rgba(0,0,0,0.75); } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > span { color: #ccc; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > p, .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > b { color: #bbb; } .bookme > div.frame > div.inlineblock > h1, .bookme > div.frame > div.inlineblock > div.half > p > b, .bookme > div.frame > div.inlineblock > div.half > p > a, .bookme > div.frame > div.inlineblock > div.half > p > a:visited, .bookme > div.frame > div.inlineblock > p > a, .bookme > div.frame > div.inlineblock > p > a:visited, .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a, .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a:visited { color: #d6a64d; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a, .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a:visited, .bookme > div.frame > div.inlineblock > div.half > div > a, .bookme > div.frame > div.inlineblock > div.half > div > a:visited, .bookme > div.frame > div.inlineblock > div.requestus > a, .bookme > div.frame > div.inlineblock > div.requestus > a:visited { background-color: #d6a64d; } .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a:hover, .bookme > div.frame > div.inlineblock > div.half > div > a:hover, .bookme > div.frame > div.inlineblock > div.requestus > a:hover { background-color: #e0bb76; } .bookme > div.frame > div.inlineblock > div.requestus.red > a { background-color: #cc0000; } .article-content blockquote { background-color: #171717; border-color: #272727; color: #bbb; } .bookme > div.frame > div.inlineblock > div.ibox > .ipart > ul > li { color: #aaa; } .article-content blockquote:hover { color: #fff; } .article-content blockquote b { background: linear-gradient(90deg, #272727, #272727);} .schedule > div { border-color: #272727; } .schedule > div > p > a, .schedule > div > p > a:hover, .schedule > div > p > a:focus, .schedule > div > p > 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 > div { color: #bbb; } .ask > div:hover , .ask > div > 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 > a, .homebox > a:visited, .homebox > a:link { background-color: #171717; color: #bbb; } .homebox > a:hover { background-color: #aaa; color: #fff; } .homebox > a > svg { fill: #bbb; } .homebox > a:hover > svg { fill: #fff; } .reqblock > .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 > .reqhead > h2 { background-color: #272727; color: #ddd; } .reqblock > .reqhead > hr { border-top-color: #272727; } .reqcontactbox label { color: #999; } .reqcontent > p > sub { border-color: #272727; } .reqcontent > p > sub:hover { border-color: #3465a4; } .reqcontent > p > sub > svg { fill: rgba(255,255,255,0.1); } .reqcontent > p > sub:hover > svg { fill: #254774; } .reqcontent > p > sub > span { background-color: #272727; color: #fff; } .reqcontent > p > sub:hover > span, .reqcontent > p > sub:focus > 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 > div.step > div.group > div { background-color: #171717; border-color: #272727; color: #bbb; } .members > div.step > div.group > div:hover, .members > div.step > div.group > div:focus { border-color: #474747; background-color: #171717; color: #fff; } .members > div.step { border-top-color: #272727; } .members > div.step > p.forgotpassword > a { background-color: #171717; color: #fff; } .members > div.step > p.forgotpassword > a:hover { background-color: #272727; color: #fff; } .members > div.step > p.forgotpassword > a:active { background-color: #404040; } .members > div.step > p.forgotpassword > a > svg { fill: #fff; } .members > div.step > label { background-color: #171717; border-color: #171717; color: #bbb; } .members > div.step > label:hover, .members > div.step > label:focus { border-color: #272727; } .members > div.step > label > p.description > b { background-color: #272727; color: #fff; } .members > div.step > div.group > div > input { color: #777; } .members > div.step > div.group > div > input:hover, .members > div.step > div.group > div > input:focus { color: #fff; } .booking > li.label.short > .notice { border-color: #2b2b2b; background-color: #000; } .booking > li.label.short > .notice > b > span { background-color: #191919; color: #999; } .coinbox { background-color: #000; } .timeline.booking > li > .panel > .pbox > small > b { background-color: #121212; border-color: #333; } .booking > li.status > .ibox, .booking > li.information > .ibox { background-color: rgba(0,0,0,0.8); border-color: #333; color: #666; } .booking > li.information > .ibox { background-color: #000; } .timeline.booking > li > .ibox.arrow > .badge { border-color: #222; } .svgprev > svg { fill: #666; } .vertragsbox { border-color: #191919; } .vertragsbox > h5 { color: #666; } .vertragsbox > p { color: #666; } .profile > div > div > .input { background-color: #191919; } .profile > div > div > .input:hover, .profile > div > div > .input:focus { background-color: #262626; } .profile > div > div > .input > input { color: #aaa; } .profile > div > div > .input > select { color: #aaa; } .profile > div > div > .input > select option { background-color: #191919; color: #aaa; } .profile > div > div > .input > select option:checked { background-color: #262626; font-weight: 700; } .signature > span { color: #bbb; } .signature > div { background-color: #fff; border-color: #333; } .signature > div > button { background-color: #333; color: #999; } .datenschutz > div > .meta > strong { color: #666; } .booking > li.status > .ibox > h4, .booking > li.status > .ibox > .guestbook > .input { background-color: #191919; color: #999; } .booking > li.status > .ibox > .guestbook > .input > textarea { color: #aaa; } .timeline.booking > li > .panel > .pbox > .buttons > div > a, .timeline.booking > li.status > .ibox > .buttons > div > a { background-color: #191919; } .timeline.booking > li > .panel > .pbox > .buttons > div > a:hover, .timeline.booking > li.status > .ibox > .buttons > div > a:hover { background-color: #292929; } .timeline.booking > li > .panel > .pbox > .buttons > div > a > span, .timeline.booking > li.status > .ibox > .buttons > div > a > span { color: #999; } .timeline.booking > li > .panel > .pbox > .buttons > div > a > svg, .timeline.booking > li.status > .ibox > .buttons > div > a > svg { fill: #999; } .booking > li.status > .ibox > .selection > div > .meta > svg { fill: #fff; } .booking > li.status > .ibox > .selection > div > .meta > strong { color: #fff; } .booking > li.status > .ibox > .selection > div:hover { background-color: #111; } .booking > li.information > .abox { background-color: #000; border-color: #333; } .booking > li.information > .abox > .imgselection > div > div.imgbox { border-color: #333; } .booking > li.information > .abox > .imgselection > div > div.imgbox > .vote > span { background-color: rgba(0,0,0,0.4); } .booking > li.information > .abox.arrow > .badge { border-color: #272727; } .goldenbox input { background-color: #191919; border-color: #666; } .goldenbox input:hover, .goldenbox input:focus { background-color: #262626; } .booking > li.status > .ibox > .selection > div > .unlock.disabled > a, .booking > li.status > .ibox > .selection > div > .unlock.disabled > a:hover { border-color: #333; background-color: #111; } .timeline.booking > li.status > .ibox > .loader { background-color: #333; } .timeline.booking > li > .ibox.arrow:before { border-left: 15px solid #222; border-right: 0 solid #222; } .timeline.booking > li > .ibox.arrow:after { border-left: 14px solid #222; border-right: 0 solid #222; } .timeline > li > .panel > .pbox.c-schedule { border-left-color: #520000; border-right-color: #520000; border-bottom-color: #520000; } .timeline > li > .panel > .pbox.c-schedule > .badge { border-color: #520000; } .timeline > li > .panel > .pbox.c-schedule::before, .timeline > li > .panel > .pbox.c-schedule::after { border-left-color: #520000; border-right-color: #520000; } .timeline > li > .panel > .pbox.c-business { border-left-color: #524100; border-right-color: #524100; border-bottom-color: #524100; } .timeline > li > .panel > .pbox.c-business > .badge { border-color: #524100; } .timeline > li > .panel > .pbox.c-business::before, .timeline > li > .panel > .pbox.c-business::after { border-left-color: #524100; border-right-color: #524100; } div.rights { border-color: #222; } div.rights > ul > li > p { color: #888; } div.rights > ul > li:hover > p { color: #eee; } .article .article-content strong, .article .article-content .container b { color: #ccc; } .article-content .container > h4, .article-content .container > div { color: #aaa; } .article-content .container { color: #aaa; } .cvoting { background-color: #111; } .voting > .frame > .box-header > .header > hr { background-color: #333; } .voting > .frame > .box-header > .header > h1 > span { color: #ddd; background-color: #111; } .voting > .frame > .box-voting > .vgrid > div > .vframe { background-color: #111; } .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox { background-color: #000; } .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > p { color: #666; } .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > h2 > a, .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > h2 > a:link, .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > h2 > a:visited { color: #aaa; } .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vbar > div > div > .vprogress > div > div > .step > div { background-color: #333; } .voting > .frame > .box-voting > .vgrid > div:hover > .vframe > .vbox > .vbar > div > div > .vprogress > div > div > .step > div { background-color: #444; } .voting > .frame > .box-voting > .versus > .middle { background-color: #333; } .voting > .frame > .box-voting > .versus > .middle > p { background-color: #000; } .voting > .frame > .box-voting > .versus > .middle > p > b > i > span { color: #aaa; } .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > b > a, .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > b > a:link, .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > b > a:visited { color: #666; } .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > b > a:hover { color: #999; } .videoui > .vcontrols > .vbar { background-color: rgba(0,0,0,0.65); } .videoui > .vcontrols > .vbar > .vprogress > p > span { background-color: rgba(255,255,255,0.08); } .videoui > .vcontrols > a > u { background-color: rgba(0,0,0,0.1); } .videoui > .vcontrols > a:hover > u { background-color: rgba(0,0,0,0.45); } .csitemap, .chashtag { background-color: #090807; } .sitemap, .hashtag { background-color: #000; border-color: #333; } .sitemap > h1, .hashtag > h1 { color: #aaa; } .sitemap > h2, .hashtag > h2 { background-color: #555; } .sitemap > ul > li > a, .sitemap > ul > li > a:link, .sitemap > ul > li > a:visited { color: #ccc; background-color: #202020; } .sitemap > ul > li > a:hover, .sitemap > ul > li > a:focus { color: #fff; background-color: #303030; } .sitemap > ul > li.selected { background-color: #101010; } .hashtag > ul:hover { background-color: #060606; } .hashtag > ul > li { background-color: #101010; } .hashtag > ul > li:hover { background-color: #202020; } .hashtag > ul > li > a > b > i { color: #ccc; } .hashtag > ul > li > a > b > span { color: #888; } .podcast > .pframe > .pside > div > .ptop { background-color: #0f0f0f; } .podcast > .pframe > .pside > div > .ptop > h1 > a, .podcast > .pframe > .pside > div > .ptop > h1 > a:link, .podcast > .pframe > .pside > div > .ptop > h1 > a:visited { color: #eee; } .podcast > .pframe > .pside > div > .ptop > h1 > a:hover, .podcast > .pframe > .pside > div > .ptop > h1 > a:focus { color: #fff; } .podcast > .pframe > .pside > div > .ptop > h1 > a > svg { fill: #eee; } .podcast > .pframe > .pside > div > .ptop > h1 > a:hover > svg { fill: #fff; } .podcast > .pframe > .pside { background-color: rgba(0,0,0,0.6); } .podcast > .pframe > .pside > div { background-color: #000; } .podcast > .pframe > .pside > div > .pbox > div > p > b { color: #999; } .podcast > .pframe > .pside > div > .pbox > div.playing > p > b { color: #9CADBB; } .podcast > .pframe > .pside > div > .pbox > div > p > q { color: #555; } .podcast > .pframe > .pside > div > .pbox > div.playing > p > q { color: #556A7D; } .podcast > .pframe > .pside > div > .pbox > div { border-color: #222; } .podcast > .pframe > .pside > div > .pbox > div:hover { background-color: #111; } .podcast > .pframe > .pside > div > .pbox > div.playing { background-color: #242d38; border-color: #14181f; } .podcast > .pframe > .pside > div > .pbox > div.playing:hover { background-color: #33404F; } .podcast > .pframe > .pside > div > .pbox > div > p > span { color: #444; } .podcast > .pframe > .pside > div > .pbox > div > p > i > span > svg { fill: #777; } .podcast > .pframe > .pside > div > .pbox > div > p > q > i { color: #999; background-color: #101010; } .podcast > .pframe > .pside > div > .pbox > div:hover > p > q > i { color: #bbb; background-color: #303030; } .podcast > .pframe > .pside > div > .pbox > div.playing > p > q > i { color: #9CADBB; background-color: #33404F; } .podcast > .pframe > .pside > div > .pbox > div.playing:hover > p > q > i { color: #b9c5cf; background-color: #556A7D; } .podcast > .pframe > .pside > div > .pbox > div.playing:hover > p > i > span > svg { fill: #9CADBB; } .podcast > .pview > div > div > .ptext > .vlink > div { background-color: rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.15); } .podcast > .pview > div > div > .ptext > .vlink > div:hover { border-color: rgba(255,255,255,0.4); } .highlight { background-color: #000; } .click > div > div.hl-teaser > div > h3 { background-color: #000; color: #9CADBB; } .hl-box > .hl-bar > .bar > .hl-process > div > .step > div { background-color: rgba(0,0,0,0.15); } .hl-box > .hl-bar > .bar > .hl-process > div.show > .step > div { background-color: rgba(0,0,0,0.25); } } /* @bench: 0.199s (LiveBench) */