/*
@name:      	Fusion Framework API
@author:    	Michael Sedlacek
@build:     	Snapshot-2026-02-07 23:14
@copyright: 	(c) 2003-2026 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: 	f7a713dda3eba514688d774491bd7bd3
*/



/*
@rev:		+ index | 2.0.1.0 | 2025-11-21 08:09:15 | b903d1953af0b1d2acb1363b227603fc | (current)
		+ index | 2.0.0.9 | 2025-05-04 21:04:14 | 126a3669c85984305acfab74ed74731b |
		+ index | 2.0.0.8 | 2025-04-20 18:53:38 | aec5b31620d8b980febe81a7a3cd5d57 |
		+ index | 2.0.0.7 | 2025-04-15 12:46:54 | d5870bc683d7c8094bcc7586fdc4d965 |
		+ index | 2.0.0.6 | 2025-04-09 15:21:46 | 9fdbe825beb503da8ff640c9e1622084 |
		+ index | 2.0.0.5 | 2025-02-14 17:53:08 | 0f1eda29a88940e9d4280c83a9d341a7 |
		+ index | 2.0.0.4 | 2025-02-11 20:47:43 | 74557aa708bd3d95d7b9473badc76084 |
		+ index | 2.0.0.3 | 2024-12-03 15:01:27 | 8b7addabb2f269f9bf994375f8880e3d |
		+ index | 2.0.0.2 | 2024-11-29 20:18:16 | db4a171ab9dfea64ffd870d7139c3821 |
		+ index | 2.0.0.1 | 2024-06-17 14:31:22 | c252ad138a2504216a9358b74678ec35 |
		+ index | 2.0.0.0 | 2023-07-12 16:00:36 | d77d6eda0b057b888786dd626b8b287f |
		+ index | 1.0.2.2 | 2023-06-06 13:20:59 | 3c1265cc319cf1ed17a8c3e170343471 |
		+ index | 1.0.2.1 | 2022-11-29 00:11:47 | 66a192aabf07305cb87620645f51dc34 |
		+ index | 1.0.2.0 | 2022-11-29 00:09:35 | b9efac807fdd990a59b179954e4243ea |
		+ index | 1.0.1.7 | 2022-09-23 17:06:01 | 233f74ea329497d3df999c97d78ffc56 |
		+ index | 1.0.1.6 | 2022-05-18 23:45:05 | 7458eddc0d0807e859a91bcf20c19c45 |
		+ index | 1.0.1.5 | 2022-02-19 19:24:46 | 6c70731b4cadd66aeeeea38d232c77ae |
		+ index | 1.0.1.4 | 2022-02-10 00:28:26 | e59a057385b45c5dcddbf9e91d0417ef |
		+ index | 1.0.1.3 | 2023-06-06 13:19:04 | 63f6bc84dfdd513128a3f3917a2e2ad9 |
		+ index | 1.0.1.2 | 2022-01-19 16:42:59 | 54c5aba7f46cc1c7d7f1a9549cf3c60d |
		+ index | 1.0.1.1 | 2022-01-06 03:27:35 | b1ee7343c685efc1f3b4ce08a1172385 |
		+ index | 1.0.1.0 | 2021-12-23 16:32:13 | 9182a4d655e7bb64ab9d9bc3392cadec |
		+ index | 1.0.0.9 | 2021-12-11 16:39:24 | d22fc73199488ba4d51b6d57063ba277 |
		+ index | 1.0.0.8 | 2021-11-22 15:20:12 | b319b0d63b58e2744bcf072f2035e1b6 |
		+ index | 1.0.0.7 | 2021-08-22 23:35:16 | 9f54e1b3f132e4d55fcf794836e957a7 |
		+ index | 1.0.0.6 | 2021-08-08 01:44:10 | 63d591a4d2d595b1e11ba5f6d0db2b57 |
		+ index | 1.0.0.5 | 2021-07-30 02:07:57 | 5b7861339ce4af7f1fc84024474982fa |
		+ index | 1.0.0.4 | 2021-07-25 18:22:53 | 87a3fb05feb54dfb64a8d212eb8af63b |
		+ index | 1.0.0.3 | 2021-07-25 01:01:18 | 5fd18b0a29a1ffdb7ec6a4dd0ca23834 |
		+ index | 1.0.0.2 | 2021-07-21 00:37:10 | 6db7d8d7e605b6b0b17a4741758f8a60 |
		+ index | 1.0.0.1 | 2021-07-16 15:53:47 | 7f9a7012cb20f0cd3d5ba3375ea957fe |
		+ index | 1.0.0.0 | 2021-07-15 21:42:51 | abe65bb414a630d1098baf7f3cf170d9 |
*/

/*

color definitions
türkis
#000101 - 0, 25, 87 - main
#0035bc - darker
#74e1ff - lighter

logo
#0035bc - darkblue
#74e1ff - türkis

color definitions
#3a8bde - main
#0035bc - darker
#74e1ff - lighter


türkis #74e1ff
blue #0035bc

*/

body {
background-color: #000;
color: #fff;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
opacity: 0;}


body.unloaded {
position: relative;
}

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

body.unloaded {
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: #000;
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% {
opacity: 1;transform: translate(0, 0);}

100% {
opacity: 1;transform: translate(-100%, 0);}
}

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

100% {
opacity: 1;transform: translate(0, 0);}
}


.clear {
clear: both;
}

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

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


.signature_ldr {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #000;
animation: signature_fadeout 0.5s linear forwards;
animation-delay: 8s;
}
.signature_ldr.show {
display: table;
}
.signature_ldr.hide {
display: none;
}
.signature_ldr > div {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.signature_ldr > div > svg {
display: inline-block;
margin: 0;
width: 100%;
max-width: 350px;
}

.signature_ldr > div > svg path {
fill: none;
stroke: #ffffff;
stroke-width: 3.5;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 3.5;
}
.signature_ldr > div > svg path {
stroke-dasharray: 320;
stroke-dashoffset: 320;
animation: signature_ldr 1s linear forwards;
}
.signature_ldr > div > svg path.a {
animation: signature_ldr 1.2s linear forwards;
}
.signature_ldr > div > svg path.b {
animation-delay: 1.2s;
}
.signature_ldr > div > svg path.c {
animation: signature_ldr 0.6s linear forwards;
animation-delay: 1.5s;
}
.signature_ldr > div > svg path.d {
animation: signature_ldr 0.6s linear forwards;
animation-delay: 1.4s;
}
.signature_ldr > div > svg path.e {
animation-delay: 1.7s;
}
.signature_ldr > div > svg path.f {
animation-delay: 2.2s;
}
.signature_ldr > div > svg path.g {
animation: signature_ldr 3s linear forwards;
animation-delay: 2.6s;
}
.signature_ldr > div > svg path.h {
animation-delay: 3.6s;
}
.signature_ldr > div > svg path.i {
animation-delay: 4s;
}
.signature_ldr > div > svg path.j {
animation-delay: 5s;
}
.signature_ldr > div > svg path.k {
animation-delay: 5.5s;
}
.signature_ldr > div > svg path.l {
animation-delay: 5.7s;
}
.signature_ldr > div > svg path.m {
animation-delay: 6s;
}

@keyframes signature_ldr {
to {
stroke-dashoffset: 0;
}
}

@keyframes signature_fadeout {
0% {
opacity: 1;}
100% {
opacity: 0;}
}

.start {
position: absolute;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
white-space: nowrap;
}
@media only screen and (max-width: 1000px) {
.start {
overflow: inherit;
white-space: normal;
}
}
@media only screen and (max-width: 640px) {
.start {
position: static;
overflow: inherit;
margin: 100px 0 0;
}
}

.start > div {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
width: 33.33333333%;
height: 100%;
transition: all 0.35s ease-out;cursor: pointer;
white-space: nowrap;
}
.start > div.nocur {
cursor: default;
}

.start:hover > div {
width: 30%;
transition: all 0.35s ease-in;opacity: 75%;}
.start > div:hover:nth-child(1) {
width: 40%;
transition: all 0.35s ease-in;opacity: 100%;}
.start > div:hover:nth-child(1) > .background > img {
opacity: 100%;transition: all 0.35s ease-in;}
.start > div:hover:nth-child(2) {
width: 40%;
transition: all 0.35s ease-in;opacity: 100%;}
.start > div:hover:nth-child(2) > .background > img {
opacity: 100%;transition: all 0.35s ease-in;}
.start > div:hover:nth-child(3) {
width: 40%;
transition: all 0.35s ease-in;opacity: 100%;}
.start > div:hover:nth-child(3) > .background > img {
opacity: 100%;transition: all 0.35s ease-in;}

@media only screen and (max-width: 1000px) {
.start > div {
height: 70%;
}

.start > div, .start:hover > div, .start > div:hover, .start > div:hover:nth-child(1), .start > div:hover:nth-child(2) {
width: 50%;
}
.start > div:nth-child(3),
.start > div:hover:nth-child(3) {
width: 100%;
}
}
@media only screen and (max-width: 640px) {
.start > div, .start:hover > div, .start > div:hover, .start > div:hover:nth-child(1), .start > div:hover:nth-child(2),	.start > div:hover:nth-child(3) {
width: 100%;
height: 275px;
}

.start > div:nth-child(3) {
margin: 0 0 40px;
}
}

.start > div > .background {
overflow: hidden;
}

.start > div > .background,
.start > div > .background > img,
.start > div > .title {
position: absolute;
top: 0;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.start > div > .background > img {
opacity: 50%;transition: all 0.25s ease-out;object-fit: cover;
}

.start > div > .title {
display: table;
text-align: center;
}

.start > div > .title > div {
display: table-cell;
vertical-align: middle;
}

.start > div > .title > div > .tblock {
display: block;
}

.start > div > .title > div > .tblock > .signature {
position: absolute;
display: block;
margin: -140px 0 20px;
width: 100%;
text-align: center;
}
@media only screen and (max-width: 640px) {
.start > div > .title > div > .tblock > .signature {
position: static;
margin: 0 0 7px;
}
}

.start > div > .title > div > .tblock > .signature > img {
display: inline-block;
width: 100%;
height: 130px;
}

@media only screen and (max-width: 640px) {
.start > div > .title > div > .tblock > .signature > img {
height: 85px;
}
}


.start > div > .title > div > .tblock > a, .start > div > .title > div > .tblock > a:visited, .start > div > .title > div > .tblock > a:link {
display: block;
margin: 0;
padding: 7px 0 ;
font-family: "RichardHamilton", Tahoma, Verdana, Segoe, sans-serif;
font-size: 22px;
font-weight: 500;
letter-spacing: 2px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
text-decoration: none;
color: #fff;
transition: all 0.25s ease-out;}

.start > div > .title > div > .tblock > a:hover, .start > div > .title > div > .tblock > a:focus {
background-color: rgba(255,255,255,0.2);
transition: all 0.25s ease-in;}


.start > div > .title > div > .tblock > h2 {
display: block;
margin: 0;
padding: 0;
font-family: "BebasNeue", Tahoma, Verdana, Segoe, sans-serif;
font-size: 40px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}
.start > div > .title > div > .tblock > h2.tmiddle {
margin: 110px 0 0;
}

@media only screen and (max-width: 1000px) {
.start > div > .title > div > .tblock > h2.tmiddle {
margin: 0;
}
}
@media only screen and (max-width: 640px) {
.start > div > .title > div > .tblock > h2 {
font-size: 35px;
}
.start > div > .title > div > .tblock > h2.tmiddle {
margin: 0;
}

}


.start > div > .title > div > .tblock > p {
display: block;
margin: 5px 0 0;
padding: 0;
font-family: "RichardHamilton", Tahoma, Verdana, Segoe, sans-serif;
font-size: 22px;
font-weight: 500;
letter-spacing: 1px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

@media only screen and (max-width: 640px) {
.start > div > .title > div > .tblock > p {
font-size: 18px;
}
}





.footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background: linear-gradient(180deg,	rgba(0, 0, 0, 0),	rgba(0, 0, 0, 0.7) 50%,	rgba(0, 0, 0, 1));text-align: center;
z-index: 10;
}


.footer > p {
display: block;
margin: 10px 0 0;
padding: 0;
font-family: "BebasNeue", Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
opacity: 75%;transition: all 0.25s ease-out;}
.footer:hover > p {
opacity: 100%;transition: all 0.25s ease-in;}

.footer.intro > p {
opacity: 0;}


.footer > .flist {
display: block;
margin: 10px 0 20px;
width: 100%;
text-align: center;
transition: all 0.25s ease-out;}
.footer.intro > .flist {
opacity: 0;transition: all 0.25s ease-in;}

@media only screen and (max-width: 640px) {
.footer > p {
display: none;
}
.footer > .flist {
display: none;
}
}

.footer > .flist > svg {
display: inline-block;
margin: 0 7px;
width: auto;
height: 36px;
opacity: 75%;cursor: default;
fill: #fff;
transition: all 0.25s ease-out;transform: scale(1);}

.footer > .flist > svg:hover {
opacity: 100%;transition: all 0.25s ease-in;animation: flist-scale 0.25s ease-in;
transform: scale(1.6);}

@keyframes flist-scale {
0% {
transform: scale(1);}
100% {
transform: scale(1.6);}
}

.footer > .bar {
position: relative;
display: block;
margin: 0;
padding: 8px 0 10px;
width: 100%;
text-align: center;
background-color: #000;
border-top: none;
box-shadow: 0 0 8px 5px rgba(0,0,0,0.6);}

.footer > .bar > p {
display: block;
margin: 0 auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 11px;
font-weight: 500;
color: #999;
clear: both;

}
.footer > .bar > p > strong {
display: inline-block;
margin: 0 0 0 3px;
font-weight: 700;
}
.footer > .bar > span {
position: absolute;
left: 10px;
bottom: 10px;
display: inline-block;
margin: 0 0 0 7px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 9px;
font-weight: 500;
color: #999;
}
@media only screen and (max-width: 640px) {
.footer > .bar > span {
display: none;
}
}

.footer > .bar > p > a {
display: inline-block;
margin: 0 3px;
padding: 3px 5px;
font-size: 11px;
font-weight: 300;
border-radius: 3px;text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in;background-color: #171717;
color: #fff;
}

.footer > .bar > p > a.show {
background-color: #0035bc;
color: #fff;
}

.footer > .bar > p > a.show:hover {
background-color: #74e1ff;
color: #000;
}

.footer > .bar > #webstream {
position: absolute;
top: 0;
right: 0;
display: none;
margin: 5px 6px 0 0;
padding: 3px 5px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 11px;
font-weight: 300;
border-radius: 3px;background-color: #171717;
color: #fff;
text-transform: uppercase;
}

.footer > .bar > #webstream.show {
display: block;
}

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


.top {
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0.6) 40%,
rgba(0, 0, 0, 1)
);
text-align: center;
z-index: 3;
}

.top > a {
display: inline-block;
margin: 30px auto 0;
text-align: center;
}

.top > a > img {
display: block;
margin: 0;
padding: 0;
width: auto;
height: 100px;
}
@media only screen and (max-width: 640px) {
.top > a {
margin: 10px auto 0;
}
.top > a > img {
height: 70px;
}
}

.top > a.beat {
position: relative;
text-align: center;
animation: beat 2.5s ease 0s infinite;
border-radius: 50%;}

.top > a.beat:before,
.top > a.beat:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.4;background: -webkit-radial-gradient(center, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
background: -moz-radial-gradient(center, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
background: radial-gradient(center, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
border-radius: inherit;}

.top > a.beat:before {
z-index: -2;
animation: beat-before 5s ease-out 200ms infinite;
}

.top > a.beat:after {
z-index: -1;
animation: beat-after 5s ease-out 400ms infinite;
}

@keyframes beat {
0% {
transform: scale(1);}
50% {
transform: scale(1.1);}
}

@keyframes beat-before {
0% {
transform: scale(1);}
50% {
transform: scale(0.9);}
}

@keyframes beat-after {
0% {
transform: scale(1);}
50% {
transform: scale(2);}
}

/*
logo
#0035bc - darkblue
#74e1ff - türkis
*/

.top > div.arrowbox {
position: absolute;
top: 0;
right: 50%;
margin: 45px 60px 0 0;
padding: 5px 12px;
border-radius: 5px;animation: arrowbox-box 2s 2s linear;
opacity: 0;}

.top > div.arrowbox > span {
display: block;
margin: 0;
padding: 0 0 3px;
font-family: "Visby", Tahoma, Verdana, Segoe, sans-serif;
font-size: 13px;
color: #74e1ff;
letter-spacing: 0.9px;
}

.top > div.arrowbox > .arrow {
width:100px;
height:25px;
display: flex;
}

.top > div.arrowbox > .arrow:before {
content: "";
background: linear-gradient(90deg, #0035bc, #74e1ff);width: 15px;
clip-path: polygon(0 10px,calc(100% - 15px) 10px,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 10px),0 calc(100% - 10px));
animation: arrowbox-arrow 2s 2s infinite linear;
}

@keyframes arrowbox-arrow {
90%,100%{flex-grow: 1}
}

@keyframes arrowbox-box {
0% {opacity:0}
20% {opacity:1}
80% {opacity:1}
100% {opacity:0}
}

@media only screen and (max-width: 640px) {
.top > div.arrowbox {
margin: 17px 35px 0 0;
}
.top > div.arrowbox > span {
font-size: 11px;
}
.top > div.arrowbox > .arrow {
width: 50px;
height:20px;
}
}

.nav {
position: fixed;
left: 0;
top: 0;
z-index: 3;
margin: 20px 30px;
}

.nav > h2 {
display: inline-block;
margin: 0;
padding: 0;
font-family: "BebasNeue", Tahoma, Verdana, Segoe, sans-serif;
font-size: 28px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.nav > p {
display: inline-block;
margin: 0 0 0 10px;
padding: 0;
font-family: "RichardHamilton", Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 640px) {
.nav {
margin: 20px 5px;
}
.nav > p {
display: none;
}
.nav > h2 {
font-size: 21px;
}

}

.nav > h2 > a, .nav > h2 > a:link, .nav > h2 > a:visited, .nav > p > a, .nav > p > a:link, .nav > p > a:visited {
color: #fff;
text-decoration: none;
}


.rnav {
position: fixed;
right: 0;
top: 0;
z-index: 3;
margin: 24px 30px;
}

.rnav > p {
display: inline-block;
margin: 0;
padding: 0 20px 0 0;
font-family: "BebasNeue", Tahoma, Verdana, Segoe, sans-serif;
font-size: 21px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}




.rnav > p > a, .rnav > p > a:link, .rnav > p > a:visited {
display: inline-block;
width: auto;
height: 100%;
color: #fff;
text-decoration: none;
margin: 0 6px 0;
padding: 2px 4px 3px;
vertical-align: middle;
line-height: 100%;
}

.rnav > p > a.langsw {
opacity: 0.8;}
.rnav > p > a.langsw:hover {
opacity: 1;}
.rnav > p > a.langsw.active {
background-color: rgba(255,255,255,0.2);
border-radius: 5px;}

.rnav > p > a > svg {
display: block;
width: 21px;
height: auto;
}

@media only screen and (max-width: 640px) {
.rnav {
text-align: right;
margin: 24px 10px 0 0;
}
.rnav > p {
display: block;
padding: 0 0 5px 0;
font-size: 18px;
}
.rnav > p > a {
margin: 0 0 0 6px;
}
}


.highlight {
position: relative;
display: block;
width: 100%;
background-color: #000;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);}
@media only screen and (max-width: 640px) {
.highlight {
height: auto;
overflow: hidden;
}
}
.highlight > .background {
position: absolute;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 50%;z-index: 0;
}

.highlight > .background > img {
display: block;
width: 100%;
height: 100%;
transform: scale(1.25);filter: blur(25px);object-fit: cover;
}

.highlight > .content {
position: relative;
z-index: 1;
display: block;
margin: 0;
padding: 150px 50px 50px 50px;
}

@media only screen and (max-width: 1000px) {
.highlight > .content {
padding: 150px 25px 25px 25px;
}
}
@media only screen and (max-width: 640px) {
.highlight > .content {
padding: 110px 0 20px;
}
}

.highlight > .content > p {
display: block;
margin: 0 auto;
padding: 10px 0;
max-width: 800px;
}

.highlight > .content > div {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-align: center;
}
.highlight > .content > div > div {
display: block;
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
}

.highlight > .content > div > div > .cbox {
position: relative;
display: block;
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 800px;
height: 100%;
background-color: rgba(0,0,0,0.5);
box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);overflow: hidden;
border-radius: 9px;}

.highlight > .content > div > div > .cbox > div.vidwindow {
display: inline-block;
width: 50%;
height: 100%;
overflow: hidden;
vertical-align: top;
background-color: #000;
aspect-ratio: 16/9;
}
@media only screen and (max-width: 640px) {
.highlight > .content > div > div > .cbox {
border-radius: 0;}
.highlight > .content > div > div > .cbox > div.vidwindow {
width: 100%;
}
}

.highlight > .content > div > div > .cbox > div.vidwindow {
width: 100%;
position: relative;
}

.highlight > .content > div > div > .cbox > div.pthumb {
position: relative;
}


.highlight > .content > div > div > .cbox > div.vidwindow > button, .highlight > .content > div > div > .cbox > div.pthumb > 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;
}

.highlight > .content > div > div > .cbox > div.vidwindow.show > button {
display: none;
}

.highlight > .content > div > div > .cbox > div.vidwindow > button > span, .highlight > .content > div > div > .cbox > div.pthumb > button > span {
display: inline;
vertical-align: middle;
padding: 0;
}

.highlight > .content > div > div > .cbox > div.vidwindow > .disclaimer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
display: table;
width: 100%;
height: 100%;
opacity: 0;cursor: default;
}

.highlight > .content > div > div > .cbox > div.vidwindow.show > .disclaimer {
opacity: 1;animation: fadein 1s ease-in;
}
.highlight > .content > div > div > .cbox > div.vidwindow.hide > .disclaimer > p {
opacity: 0;animation: fadeout 1s ease-in;
}

@keyframes fadein {
0% {
opacity: 0;}
100% {
opacity: 1;}
}

@keyframes fadeout {
0% {
opacity: 1;}
100% {
opacity: 0;}
}

.highlight > .content > div > div > .cbox > div.vidwindow > .disclaimer > p {
display: table-cell;
vertical-align: middle;
}
.highlight > .content > div > div > .cbox > div.vidwindow > .disclaimer > p > span {
display: block;
margin: 25px 100px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
font-weight: 500;
color: #fff;
line-height: 180%;
cursor: default;
}

@media only screen and (max-width: 640px) {
.highlight > .content > div > div > .cbox > div.vidwindow > .disclaimer > p > span {
margin: 20px 50px;
font-size: 12px;
line-height: 150%;
}
}

.highlight > .content > div > div > .cbox > div.vidwindow > button > h1,
.highlight > .content > div > div > .cbox > div.vidwindow > button > h3 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
margin: 0;
padding: 0;
font-family: "BebasNeue", Tahoma, Verdana, Segoe, sans-serif;
font-size: 21px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));}


@media only screen and (max-width: 640px) {
.highlight > .content > div > div > .cbox > div.vidwindow > button > h1,
.highlight > .content > div > div > .cbox > div.vidwindow > button > h3 {
font-size: 18px;
text-align: left;
}
}

.highlight > .content > div > div > .cbox > div.vidwindow > button > h1 > span,
.highlight > .content > div > div > .cbox > div.vidwindow > button > h3 > span {
display: block;
margin: 0;
padding: 40px 35px 20px 25px;
}


@media only screen and (max-width: 640px) {
.highlight > .content > div > div > .cbox > div.vidwindow > button > h1 > span,
.highlight > .content > div > div > .cbox > div.vidwindow > button > h3 > span {
padding: 20px 35px 10px 10px;
}
}


.highlight > .content > div > div > .cbox > div.vidwindow > button > span > img, .highlight > .content > div > div > .cbox > div.pthumb > button > span > img {
display: inline-block;
margin: 0;
padding: 0;
width: 25%;
height: auto;
}
.highlight > .content > div > div > .cbox > div.pthumb > button > span > img {
width: 50%;
}


.highlight > .content > div > div > .cbox > div > img, .highlight > .content > div > div > .cbox > div > video {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.highlight > .content > div > div > .cbox > div > .cframe {
display: block;
margin: 20px 25px;
text-align: left;
}

.highlight > .content > div > div > .cbox > div > .cframe.center {
text-align: center;
}

.highlight > .content > div > div > .cbox > div > .cframe > h3 {
display: block;
margin: 0;
padding: 0;
font-family: "BebasNeue", Tahoma, Verdana, Segoe, sans-serif;
font-size: 28px;
font-weight: 500;
}

.highlight > .content > div > div > .cbox > div > .cframe > span {
display: block;
margin: 0;
padding: 0 0 5px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
}

.highlight > .content > div > div > .cbox > div > .cframe > p {
display: block;
margin: 0;
padding: 3px 0 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
font-weight: 500;
color: #aaa;
}

.highlight > .banner {
position: relative;
z-index: 1;
display: block;
margin: 0;
padding: 0;
background-color: rgba(0,0,0,0.65);
border-bottom: 3px solid #d4af37;
}

.highlight > .banner > div {
display: block;
margin: 0 auto;
padding: 15px 20px;
max-width: 800px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
font-weight: 500;
text-align: justify;
line-height: 150%;
}

.highlight > .banner > div > p {
display: block;
margin: 0 50px;
padding: 0;
line-height: 150%;
}

.highlight > .banner > div > p > strong {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 15px;
font-weight: 700;
}

@media only screen and (max-width: 640px) {
.highlight > .banner > div {
font-size: 13px;
}
.highlight > .banner > div > p {
margin: 0 20px;
}
.highlight > .banner > div > p > strong {
font-size: 14px;
}
}


.highlight > .banner > div > span {
display: block;
padding: 7px 20px 0;
margin: auto 0;
height: 100%;
font-size: 25px;
animation: arrow-animation 1s infinite reverse linear;
}
@media only screen and (max-width: 640px) {
.highlight > .banner > div > span {
padding: 7px 0 0;
font-size: 30px;
}
}

.highlight > .banner > div > span.left {
float: left;
}

.highlight > .banner > div > span.right {
float: right;
}

@keyframes arrow-animation {
0% {
transform: translateY(0);}

50% {
transform: translateY(10px);}

100% {
transform: translateY(0);}
}



.list {
display: block;
margin: 0;
padding: 15px 50px 25px;
}

@media only screen and (max-width: 1200px) {
.list {
padding: 15px 25px 25px;
}
}
@media only screen and (max-width: 1000px) {
.list {
padding: 15px 20px 25px;
}
}
@media only screen and (max-width: 640px) {
.list {
padding: 15px 0 25px;
}
}

.list > h4 {
display: block;
margin: 0;
padding: 10px;
font-family: "BebasNeue", Tahoma, Verdana, Segoe, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 125%;
color: #fff;
}
.list > h4 > span {
display: inline-block;
margin: 0;
padding: 0 12px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 125%;
color: rgba(255,255,255,0.5);
}

.list > div {
display: inline-block;
width: 25%;
position: relative;
transition: all 0.25s ease-out;border-radius: 10px;}
.list > div:hover {
background-color: rgba(255,255,255,0.08);
transition: all 0.25s ease-in;}

@media only screen and (max-width: 1200px) {
.list > div {
width: 33.33333333333%;
}
}
@media only screen and (max-width: 640px) {
.list > div {
width: 50%;
}
}


.list > div > .background {
display: block;
margin: 10px;
padding: 0;
cursor: pointer;
border-radius: 4px;overflow: hidden;
}

.list > div > .background > p {
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);}

.list > div > .background > p::before {
position: absolute;
top: -100%;
left: -20%;
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));transition: opacity 1s linear;}
.list > div:hover > .background > p::before {
opacity: 0;transition: opacity 1s linear;}

.list > div > .background > p::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));}

.list > div:hover > .background > p::after {
left: 200%;
opacity: 0.3;transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);}

.list > div > .background > p > img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: auto;
transition: opacity 0.25s linear;opacity: 0;}
.list > div > .background > p > img.loaded {
opacity: 1;transition: opacity 0.25s ease-out;}
.list > div:hover > .background > p > img {
transition: opacity 0.25s linear;opacity: 0;}


.list > div > .background > p > b.animated {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
margin: 0;
padding: 0;
opacity: 0;overflow: hidden;
transition: all 0.25s linear;}
.list > div:hover > .background > p > b.animated {
opacity: 1;transition: all 0.25s linear;}

.list > div > .background > p > b.animated > img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: auto;
}


.list > div > .title {
position: absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
display: block;
margin: 0;
padding: 0;
cursor: pointer;
}

.list > div > .title:hover,
.list > div > .title:link,
.list > div > .title:visited {
color: #fff;
text-decoration: none;
}

.list > div > .title > h3 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));display: block;
margin: 0;
padding: 0;
}

.list > div > .title > h3 > span {
display: block;
padding: 20px 35px 15px 12px;
font-family: "BebasNeue", Tahoma, Verdana, Segoe, sans-serif;
font-size: 19px;
font-weight: 500;
line-height: 120%;
color: #fff;
}
@media only screen and (max-width: 1000px) {
.list > div > .title > h3 > span {
padding: 15px 35px 5px 5px;
font-size: 17px;
}
}

@media only screen and (max-width: 640px) {
.list > div > .background {
margin: 5px;
}
.list > div > .title {
top: 5px;
left: 5px;
bottom: 5px;
right: 5px;
}
.list > div > .title > h3 > span {
padding: 10px 35px 5px 5px;
font-size: 15px;
}
}

.list > div > .title > span,
.highlight > .content > div > div > .cbox > div.vidwindow > span {
position: absolute;
bottom: 15px;
right: 15px;
display: block;
margin: 0;
padding: 0;
z-index: 2;
}

.list > div > .title > span > svg,
.highlight > .content > div > div > .cbox > div.vidwindow > span > svg {
display: block;
margin: 0;
padding: 0;
width: 24px;
height: auto;
}

.highlight > .content > div > div > .cbox > div.vidwindow > span {
bottom: 25px;
right: 25px;
}

.highlight > .content > div > div > .cbox > div.vidwindow.show > span {
display: none;
}


.highlight > .content > div > div > .cbox > div.vidwindow > span > svg {
width: 42px;
}

@media only screen and (max-width: 1000px) {
.list > div > .title > span {
bottom: 12px;
right: 10px;
}
.list > div > .title > span > svg {
width: 20px;
}
}
@media only screen and (max-width: 640px) {
.list > div > .title > span {
bottom: 9px;
right: 5px;
}
.list > div > .title > span > svg {
width: 16px;
}
.highlight > .content > div > div > .cbox > div.vidwindow > span {
bottom: 15px;
right: 15px;
}

.highlight > .content > div > div > .cbox > div.vidwindow > span > svg {
width: 21px;
}
}



.topban {
position: relative;
display: block;
width: 100%;
height: 200px;
overflow: hidden;
}
.topban > img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
transform: scale(1.25);filter: blur(25px);object-fit: cover;
opacity: 50%;}
.topban > div {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
@media only screen and (max-width: 640px) {
.topban > div {
text-align: center;
}
}
.topban > div > h1 {
display: block;
margin: 0 auto 3px;
width: 100%;
max-width: 1000px;
font-family: "BebasNeue", Tahoma, Verdana, Segoe, sans-serif;
font-size: 32px;
font-weight: 500;
color: #fff;
text-shadow: 0 0 5px #000;
letter-spacing: 1px;
line-height: 100%;
}
.topban > div > p {
display: block;
margin: 0 auto 15px;
width: 100%;
max-width: 1000px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 13px;
font-weight: 500;
color: #fff;
text-shadow: 0 0 5px #000;
line-height: 100%;
text-transform: uppercase;
}

.main {
display: block;
margin: 0;
padding: 0;
width: 100%;
background-color: #000;
/*
border-top: 5px solid #000101;
border-bottom: 5px solid #000101;
*/
}

.main.arts-main {
border-color: #1e7896;
}

.main > hr {
display: block;
margin: 0;
padding: 0;
border: none;
outline: none;
height: 4px;

background: linear-gradient(90deg, #0035bc, #74e1ff);}
.main > hr.gold {
background: linear-gradient(90deg, #b88a44, #f9f295);}

.main > div {
display: block;
margin: 25px auto;
width: 100%;
max-width: 1000px;
color: #000;
vertical-align: top;
}

.main > div > .mhalf {
display: inline-block;
margin: 0 auto;
width: 50%;
vertical-align: top;
}
@media only screen and (max-width: 640px) {
.main > div > .mhalf {
width: 100%;
}
}

.main > div > .mhalf > .cframe {
display: block;
margin: 10px 25px;
text-align: left;
}
.main > div > .mhalf > .cframe.center {
text-align: center;
}


.main > div > .mhalf > .cframe > h2 {
display: block;
margin: 0;
padding: 5px 0 18px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 28px;
font-weight: 500;
color: #fff;
font-style: italic;
}

.main > div > .mhalf > .cframe > h4 {
display: block;
margin: 0;
padding: 0 0 15px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 18px;
font-weight: 700;
text-align: left;
color: #ccc;
line-height: 140%;
}

.main > div > .mhalf > .cframe > h4.left {
padding: 25px 0 10px;
text-align: left;
font-size: 16px;
text-transform: uppercase;
}

.main > div > .mhalf > .cframe > h5 {
display: block;
margin: 0;
padding: 20px 0 15px;
font-family: "RichardHamilton", Tahoma, Verdana, Segoe, sans-serif;
font-size: 28px;
font-weight: 500;
text-align: center;
color: #fff;
}
.main.arts-main > div > .mhalf > .cframe > h5 {
color: #238baf;
}

.main > div > .mhalf > .cframe > span, .main > div > .mfull > .cframe > span {
display: block;
margin: 0;
padding: 0 0 5px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
}

.main > div > .mhalf > .cframe > p, .main > div > .mfull > .cframe > p {
display: block;
margin: 0;
padding: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
font-weight: 500;
color: #fff;
line-height: 150%;
}

.main > div > .mhalf > .cframe.gold > p {
color: #f9f295;
}


.main > div > .mhalf > .cframe > .hello {
display: block;
margin: 15px 0 20px;
padding: 0;
width: 75%;
}
.main > div > .mhalf > .cframe > .hello > img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: auto;
}

.main > div > .mhalf > .cframe > .signature > img {
display: inline-block;
width: auto;
height: 100px;
}
@media only screen and (max-width: 640px) {
.main > div > .mhalf > .cframe > .signature > img {
height: 90px;
}
}


.main > div > .mhalf > .cframe > p > strong {
display: inline-block;
margin: 20px 0 10px;
font-size: 14px;
font-weight: 700;

color: #333;
}

.main > div > .mhalf > .pframe {
display: block;
margin: 10px 35px;
text-align: center;
}

.main > div > .mhalf > .pframe.small {
margin: 20px 105px;
}
@media only screen and (max-width: 640px) {
.main > div > .mhalf > .pframe.small {
margin: 10px 35px;
}
}

.main > div > .mhalf > .pframe.round {
border-radius: 50%;overflow: hidden;
}


.main > div > .mhalf > .pframe > img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: auto;
transition: all 0.25s ease-out;}


.main > div > .mfull {
display: inline-block;
margin: 0 auto;
width: 100%;
vertical-align: top;
}

.main > div > .mfull > h4 {
display: block;
margin: 0;
padding: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 18px;
font-weight: 700;
text-align: center;
color: #fff;
}

.main > div > .mfull > .mfullvideo {
position: relative;
display: block;
margin: 5px 25px 15px;
padding: 0;
text-align: center;
}
@media only screen and (max-width: 849px) {
.main > div > .mfull > .mfullvideo {
margin: 5px 10px 15px;
}
}

.main > div > .mfull > .mfullvideo > img {
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
height: auto;
}

.main > div > .mfull > .mfullvideo > img.hide {
opacity: 0;}

@media only screen and (max-width: 849px) {
.main > div > .mfull > .mfullvideo > img {
height: 100%;
object-fit: cover;
}
}

.main > div > .mfull > .mfullvideo:hover > img {
opacity: 1;}
.main > div > .mfull > .mfullvideo.noautoplay:hover > img {
opacity: 1;}
.main > div > .mfull > .mfullvideo.noautoplay.playing > img, .main > div > .mfull > .mfullvideo.playing > img {
opacity: 0 !important;}

.main > div > .mfull > .mfullvideo > p {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: table;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.main > div > .mfull > .mfullvideo > p.hide {
position: static;
display: none;
}
.main > div > .mfull > .mfullvideo.playing > p {
display: none;
}

.main > div > .mfull > .mfullvideo > p > a {
display: table-cell;
vertical-align: middle;
text-align: center;
}

.main > div > .mfull > .mfullvideo > p > a > img {
display: block;
margin: 0 auto;
padding: 0;
width: 120px;
height: auto;
}

.main > div > .mfull > .mfullvideo > .video {
position: absolute;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.main > div > .mfull > .mfullvideo > .video.show {
display: block;
}
/*
.main > div > .mfull > .mfullvideo:hover > .video {
display: block;
}
*/

.main > div > .mfull > .mfullvideo.noautoplay:hover > .video {
display: none;
}
.main > div > .mfull > .mfullvideo.noautoplay.playing > .video {
display: block !important;
}

.main > div > .mfull > .mfullvideo > .video > video {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.main > div > .mfull > .flist {
display: block;
margin: 10px 0 20px;
width: 100%;
text-align: center;
cursor: default;
}
.main.arts-main > div > .mfull > .flist {
margin: 0 0 35px;
}

.main > div > .mfull > .flist > svg {
display: inline-block;
margin: 0 7px;
width: auto;
height: 36px;
cursor: default;
fill: #aaa;
transition: all 0.25s ease-out;transform: scale(1);}

.main > div > .mfull > .flist > svg:hover {
fill: #fff;
transition: all 0.25s ease-in;animation: flist-scale 0.25s ease-in;
transform: scale(1.6);}

.main.arts-main > div > .mfull > .flist > svg:hover {
fill: #238baf;
}

.main > div > .mfull > .fpic {
display: block;
margin: 0;
padding: 0;
width: 100%;
}
.main > div > .mfull > .fpic > div {
display: inline-block;
margin: 0;
padding: 0;
width: 33.33333333%;
height: 100%;
}


@media only screen and (max-width: 640px) {
.main> div > .mfull > .fpic > div {
width: 100%;
}
}


.main > div > .mfull > .fpic > div > div {
position: relative;
display: block;
margin: 10px;
height: 100%;
overflow: hidden;
}

.main > div > .mfull > .fpic > div > div:after {
position: absolute;
top: -50%;
left: -200%;
content: "";
width: 50px;
height: 250%;
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.8);
z-index: 1;
}

.main > div > .mfull > .fpic > div > div:hover:after {
left: 130%;
opacity: 0.4;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}

.main > div > .mfull > .fpic > div > div > img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 350px;
object-fit: cover;
transform: scale(1);transition: all 0.25s ease-out;}
.main > div > .mfull > .fpic > div:hover > div > img {
transform: scale(1.2);transition: all 0.25s ease-in;}


.main > div > .mfull > .faq {
display: block;
margin: 0;
padding: 0;
width: 100%;
}

.main > div > .mfull > .faq > div {
position: relative;
display: block;
margin: 10px;
padding: 0;
overflow: hidden;
}

.main > div > .mfull > .faq > div > strong {
position: relative;
display: block;
margin: 0;
padding: 10px 25px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
font-weight: 700;
background-color: #222;
color: #fff;
cursor: pointer;
z-index: 1;
}
.main > div > .mfull > .faq > div > p {
display: block;
margin: 0;
padding: 10px 35px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
font-weight: 500;
color: #ccc;
transition: all .2s;transform: translateY(-100%);cursor: default;
opacity: 0;height: 0;
line-height: 150%;
}

.main > div > .mfull > .faq > div:hover > p {
opacity: 1;transition: all .2s;transform: translateY(0);height: initial;
}

.main > div > .mfull > .faq > div.center {
text-align: center;
}


.main > div > .mfull > .faq > div > .button {
position: relative;
display: inline-block;
margin: 20px 35px;
padding: 12px 25px 14px;
font-family: "Visby", Tahoma, Verdana, Segoe, sans-serif;
font-size: 18px;
font-weight: 700;
background: linear-gradient(90deg, #0035bc, #74e1ff);color: #fff;
border-radius: 10px;box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);overflow: hidden;
cursor: pointer;
}
.main > div > .mfull > .faq > div > .button.gold {
background: linear-gradient(90deg, #b88a44, #f9f295);text-shadow: 0 2px 2px rgba(0,0,0,0.33);
}

.main > div > .mfull > .faq > div > .button:hover {
background-color: #2699bf;
transition: all 0.25s ease-in;}

.main > div > .mfull > .faq > div > .button:after {
position: absolute;
top: -50px;
left: -80px;
content: "";
width: 50px;
height: 250%;
opacity: 0.2;transform: rotate(35deg);transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);background-color: #fff;
z-index: 1;
}

.main > div > .mfull > .faq > div > .button:hover:after {
left: 120%;
opacity: 0.4;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}

.main > div > .mfull > .cframe > ul {
display: block;
margin: 0 auto;
padding: 0 10px;
max-width: 640px;
}

.main > div > .mfull > .cframe > ul > li {
display: block;
margin: 15px auto;
padding: 0;
text-align: center;
}

.main > div > .mfull > .cframe > ul > li > a {
display: block;
margin: 0;
padding: 7px 12px;
background-color: rgba(255,255,255,0.1);
border-radius: 9px;text-decoration: none;
text-align: left;
}
.main > div > .mfull > .cframe > ul > li > a:hover {
background-color: rgba(255,255,255,0.2);
}

.main > div > .mfull > .cframe > ul > li > a > img {
display: inline-block;
margin: 0;
padding: 0;
border-radius: 50%;}
.main > div > .mfull > .cframe > ul > li > a > b {
display: inline-block;
margin: 17px 0 0 20px;
padding: 0;
font-family: "Visby", Tahoma, Verdana, Segoe, sans-serif;
font-size: 18px;
font-weight: 500;
text-shadow: 0 0 2px #000;
color: #fff;
vertical-align: top;
text-transform: uppercase;
line-height: 100%;
}

.main > div > .mfull > .cframe > ul > li > a > b > span {
display: block;
margin: 5px 0 0;
padding: 0;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.5);
text-transform: none;
line-height: 100%;
}


@media only screen and (max-width: 640px) {
.main > div > .mfull > .cframe > ul {
padding: 0 5px;
}
.main > div > .mfull > .cframe > ul > li {
margin: 5px auto;
}
.main > div > .mfull > .cframe > ul > li:last-child {
margin: 5px auto 50px;
}
.main > div > .mfull > .cframe > ul > li > a {
padding: 3px 7px;
border-radius: 7px;}
.main > div > .mfull > .cframe > ul > li > a > img {
width: 48px;
}
.main > div > .mfull > .cframe > ul > li > a > b {
margin: 10px 0 0 10px;
font-size: 14px;
}
.main > div > .mfull > .cframe > ul > li > a > b > span {
margin: 4px 0 0;
font-size: 11px;
}
}


.main > div > .mhalf > .socialmedia {
display: block;
margin: 0 25px 20px;
padding: 0;
text-align: center;
border-radius: 10px;}

.main > div > .mhalf > .socialmedia.gold {
background: linear-gradient(90deg, #b88a44, #f9f295);text-shadow: 0 2px 2px rgba(0,0,0,0.33);
}

.main > div > .mhalf > .socialmedia > p {
display: block;
margin: 0;
padding: 7px 0 4px;
font-family: "Visby", Tahoma, Verdana, Segoe, sans-serif;
font-size: 18px;
font-weight: 700;
color: #fff;
}

.main > div > .mhalf > .socialmedia > a {
display: inline-block;
margin: 0 12px 0 0;
padding: 0;
}

.main > div > .mhalf > .socialmedia.gold > a {
padding: 4px 0 8px;
}

.main > div > .mhalf > .socialmedia > a > svg {
display: block;
margin: 0;
padding: 0;
width: 30px;
height: auto;
fill: #888;
transition: all 0.25s ease-out;}

.main > div > .mhalf > .socialmedia.gold > a > svg {
fill: #fff;
}

.main > div > .mhalf > .socialmedia > a:hover > svg {
fill: #000101;
transition: all 0.25s ease-in;}

.main > div > .mhalf > .socialmedia.gold > a:hover > svg {
fill: #fff;
}

.main > div > .mhalf > .contactme {
display: block;
margin: 20px 25px 10px;
padding: 0;
text-align: center;
}

.main > div > .mhalf > .contactme > a, .main > div > .mhalf > .contactme > a:link, .main > div > .mhalf > .contactme > a:visited {
position: relative;
padding: 0;
display: inline-block;
text-transform: uppercase;
text-decoration: none;

background: linear-gradient(90deg, #0035bc, #74e1ff);color: #fff;
transition: all .2s;transform: translateY(0);}

.main > div > .mhalf > .contactme.gold > a, .main > div > .mhalf > .contactme.gold > a:link, .main > div > .mhalf > .contactme.gold > a:visited {
background: linear-gradient(90deg, #b88a44, #f9f295);}

.main > div > .mhalf > .contactme > a:hover {
transform: translateY(0);}


.main > div > .mhalf > .contactme > a:after {
content: "";
display: inline-block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all .4s;
background: linear-gradient(90deg, #0035bc, #74e1ff);}

.main > div > .mhalf > .contactme.gold > a:after {
background: linear-gradient(90deg, #b88a44, #f9f295);}

.main > div > .mhalf > .contactme > a:hover:after {
transform: scaleX(1.4) scaleY(1.6);opacity: 0;}

.main > div > .mhalf > .contactme > a.animated {
animation: contactme 5s ease-out;
animation-fill-mode: backwards;
}

@keyframes contactme {
0% {
opacity: 0;transform: translateY(30px);}

100% {
opacity: 1;transform: translateY(0px);}
}

.main > div > .mhalf > .contactme > a > b {
display: block;
margin: 0;
padding: 12px 20px;
font-family: "Visby", Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
font-weight: 500;
overflow: hidden;
position: relative;
}
.main > div > .mhalf > .contactme > a > b > span {
z-index: 1;
}
.main > div > .mhalf > .contactme > a > b:after {
position: absolute;
top: -30px;
left: -75px;
content: "";
width: 50px;
height: 250%;
opacity: 0.4;transform: rotate(35deg);transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);background-color: #fff;
z-index: -1;
}

.main > div > .mhalf > .contactme > a > b:hover:after {
left: 120%;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}



.quote {
display: block;
margin: 0;
padding: 0;

background: linear-gradient(90deg, #0035bc, #74e1ff);text-align: center;
transition: background-color 1.5s cubic-bezier(0.19, 1, 0.22, 1);}
.quote:hover {
background-color: #c5a36d;
transition: background-color 2.5s cubic-bezier(0.19, 1, 0.22, 1);}
.quote.arts-quote {
background-color: #238baf;
}
.quote.arts-quote:hover {
background-color: #2699bf;
}

.quote.gold {
background: linear-gradient(90deg, #b88a44, #f9f295);}

.quote > p {
display: block;
margin: 0;
padding: 0;
}


.quote > p {
display: block;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
}

.quote > p:after {
position: absolute;
top: -25%;
left: -100%;
content: "";
width: 50px;
height: 250%;
opacity: 0.1;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;
}

.quote > p:hover:after {
left: 200%;
transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);opacity: 0.4;}

.quote > p > b {
display: inline-block;
margin: 0;
padding: 37px 50px;
font-family: "Visby", Tahoma, Verdana, Segoe, sans-serif;
font-weight: 700;
font-size: 21px;
color: rgba(255,255,255,0.85);
max-width: 800px;
z-index: 2;
cursor: default;
line-height: 140%;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.quote.small > p > b {
padding: 23px 50px;
}


.quote > p > b:before, .quote > p > b:after {
font-family: Georgia, Verdana, Segoe, sans-serif;
color: rgba(255,255,255,1);
font-size: 50px;
line-height: 0.1em;
vertical-align: -0.4em;
}

.quote > p > b:before {
content: open-quote;
content: "\201C";
margin-right: 0.1em;
}

.quote > p > b:after {
content: close-quote;
content: "\201D";
margin-right: 0.1em;
margin-left: 0.15em;
}


.voice_samples {
display: block;
margin: 0;
padding: 0;

background: linear-gradient(90deg, #0035bc, #74e1ff);text-align: center;
transition: background-color 1.5s cubic-bezier(0.19, 1, 0.22, 1);}

.voice_samples:hover {

background: linear-gradient(90deg, #0035bc, #74e1ff);transition: background-color 2.5s cubic-bezier(0.19, 1, 0.22, 1);}

.voice_samples > div {
display: block;
margin: 0 auto;
padding: 12px 0 5px;
max-width: 800px;
}

.voice_samples > div > p {
display: block;
margin: 0;
padding: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
font-weight: 700;
}


.voice_samples > div > ul {
display: block;
margin: 7px 0;
padding: 0;
list-style-type: none;
}

.voice_samples > div > ul > audio {
display: none;
}

.voice_samples > div > ul > li {
position: relative;
display: inline-block;
margin: 7px 5px;
padding: 9px 12px 5px;
background-color: rgba(255,255,255,0.2);
cursor: pointer;
line-height: 100%;
border: 2px solid rgba(255,255,255,0.3);
transition: all 0.25s ease-out;overflow: hidden;
}

.voice_samples > div > ul > li:hover {
background-color: rgba(255,255,255,0.3);
border-color: rgba(255,255,255,0.4);
transition: all 0.25s ease-in;}

.voice_samples > div > ul > li:after {
position: absolute;
top: -30px;
left: -80px;
content: "";
width: 50px;
height: 250%;
opacity: 0.2;transform: rotate(35deg);transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);background-color: #fff;
z-index: 1;
}

.voice_samples > div > ul > li:hover:after {
left: 120%;
opacity: 0.4;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}

.voice_samples > div > ul > li > span > svg {
display: inline-block;
padding: 0 12px 0 0;
vertical-align: middle;
width: auto;
height: 24px;
fill: #fff;
}

.voice_samples > div > ul > li > img {
display: inline-block;
padding: 0 7px 0 0;
vertical-align: middle;
height: 16px;
width: auto;
}

.voice_samples > div > ul > li > b {
display: inline-block;
padding: 0 7px 0 0;
vertical-align: middle;
font-family: "Visby", Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
font-weight: 700;
text-shadow: 0 1px 5px rgba(0,0,0,0.4);
letter-spacing: 1px;
}

.voice_samples > div > .contactme {
display: block;
margin: 10px 25px 15px;
padding: 0;
text-align: center;
}

.voice_samples > div > .contactme > a, .voice_samples > div > .contactme > a:link, .voice_samples > div > .contactme > a:visited {
position: relative;
padding: 12px 25px;
font-family: "Visby", Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
font-weight: 700;
display: inline-block;
transition: all .2s;text-transform: uppercase;
text-decoration: none;
background-color: rgba(255,255,255,0.2);
cursor: pointer;
line-height: 100%;
border: 2px solid rgba(255,255,255,0.3);
color: #fff;
transform: translateY(0);}

.voice_samples > div > .contactme > a:hover {
transform: translateY(0);}


.voice_samples > div > .contactme > a:after {
content: "";
display: inline-block;
height: 150%;
width: 100%;
position: absolute;
top: -25%;
left: 0;
z-index: -1;
background-color: rgba(255,255,255,0.3);
transition: all .4s;opacity: 0;}
.voice_samples > div > .contactme > a:hover:after {
transform: scaleX(1.4) scaleY(1.6);opacity: 0;animation: contactme-star .6s ease-out;
animation-fill-mode: backwards;
}

.voice_samples > div > .contactme > a.animated {
animation: contactme-star .6s ease-out;
animation-fill-mode: backwards;
}

@keyframes contactme-star {
0% {
opacity: 0;}
50% {
opacity: 1;}
100% {
opacity: 0;}
}



.videoslide {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
}

@media only screen and (max-width: 640px) {
.videoslide {
height: auto;
}
}

.videoslide > .background {
position: absolute;
display: block;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1;
}

.videoslide > .background > img {
display: block;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
object-fit: cover;
filter: blur(20px);transform: scale(1.2);opacity: 50%;}


.videoslide > .slide {
display: table;
margin: 0;
padding: 70px 0;
height: 100%;
width: 100%;
}

@media only screen and (max-width: 1000px) {
.videoslide > .slide {
padding: 35px 0;
}
}

@media only screen and (max-width: 640px) {
.videoslide > .slide {
padding: 30px 0;
}
}

.videoslide > .slide > div {
display: table-cell;
vertical-align: middle;
text-align: center;
}

.videoslide > .slide > div > a {
position: relative;
display: inline-block;
width: 20%;
margin: 0 15px;
padding: 7px;
background-color: rgba(255, 255, 255, 0.15);
box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);border-radius: 7px;transition: all 0.25s ease-out;overflow: hidden;
cursor: default;
}
@media only screen and (max-width: 1000px) {
.videoslide > .slide > div > a {
margin: 15px;
width: 30%;
}
}

@media only screen and (max-width: 640px) {
.videoslide > .slide > div > a {
margin: 15px;
width: 70%;
}
}

.videoslide > .slide > div > a:hover {
background-color: rgba(255, 255, 255, 0.35);
box-shadow: 0 0 5px 5px rgba(0,0,0,0.4);transition: all 0.25s ease-in;}

.videoslide > .slide > div > a:after {
position: absolute;
top: -55px;
left: -40%;
content: "";
width: 50px;
height: 250%;
opacity: 0.1;transform: rotate(35deg);transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);background-color: rgba(255, 255, 255, 0.8);
z-index: 1;
}

.videoslide > .slide > div > a:hover:after {
opacity: 0.4;left: 125%;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}


.videoslide > .slide > div > a > img {
display: block;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 7px;}

.pictureslide {
position: relative;
display: block;
margin: 0 0 35px;
padding: 0;
width: 100%;
height: 200px;
overflow: hidden;
background-color: #000;
}
.pictureslide.white {
background-color: #fff;
}

.pictureslide > ul {
position: absolute;
display: block;
margin: 0;
padding: 0;
height: 100%;
white-space: nowrap;
text-align: center;
}

.pictureslide > ul > li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
height: 100%;
opacity: 0.6;overflow:hidden;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.pictureslide > ul > li.active, .pictureslide > ul > li:hover {
opacity: 1;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.pictureslide > ul > li:after {
position: absolute;
top: -50%;
left: -100%;
content: "";
width: 50px;
height: 200%;
opacity: 0;transform: rotate(35deg);
background-color: #fff;
z-index: 1;
}

.pictureslide > ul > li.active:after {
left: 150%;
opacity: 0.2;transition: all 2s 0.5s cubic-bezier(0.19, 1, 0.22, 1);}

.pictureslide > ul > li > a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pictureslide > ul > li > a > img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
opacity: 100%;transition: all 0.25s ease-out;object-fit: cover
}

.arts {
display: block;
margin: 0;
padding: 0;
}


.arts > .top-slide {
position: relative;
display: block;
margin: 0;
padding: 0;
}

.arts > .top-slide > div.background {
position: absolute;
top: 0;
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1;
}

.arts > .top-slide > div.background > img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(10px);transform: scale(1.1);}
.arts > .top-slide > div.background.strong > img {
filter: blur(17px);transform: scale(1.2);opacity: 0.85;}

.arts > .top-slide > div.overlay {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.arts > .top-slide > div.overlay.space {
padding: 0 0 70px;
}
.arts > .top-slide > div.overlay.model {
background-color: rgba(0, 0, 0, 0.1);
}
.arts > .top-slide > div.overlay.model.more {
background-color: rgba(0, 0, 0, 0.35);
}
.arts > .top-slide > div.overlay > div {
display: block;
width: 100%;
text-align: center;
}

.arts > .top-slide > div.overlay > div > .tscontent {
display: block;
margin: 0;
padding: 180px 0 0;
vertical-align: middle;
}
.arts > .top-slide > div.overlay > div > .tscontent > div {
display: inline-block;
margin: 0;
padding: 0;
color: #fff;
width: 100%;
max-width: 1640px;
}

.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox {
display: block;
margin: 0;
padding: 0;
}
.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div {
display: inline-block;
margin: 0;
padding: 0;
width: 50%;
vertical-align: middle;
}

@media only screen and (max-width: 640px) {
.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div {
width: 100%;
}
}


.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .preview {
display: block;
margin: 10px;
padding: 0;
overflow: hidden;
border-radius: 10px;box-shadow: 0 0 5px 3px rgba(0,0,0,0.4);}

.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .preview > img, .arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .preview > video {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read {
display: block;
margin: 10px;
padding: 0;
}

.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read > span {
display: block;
margin: 0;
padding: 0 35px 10px;
font-family: "VisbyHeavy", Tahoma, Verdana, Segoe, sans-serif;
font-size: 19px;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
}

.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read > h1 {
display: block;
margin: -10px 0 0;
padding: 0 35px 15px;
font-family: "VisbyHeavy", Tahoma, Verdana, Segoe, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 140%;
text-shadow: 0 0 8px rgba(0,0,0,0.8);
}

.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read > p {
display: block;
margin: 0;
padding: 0 35px;
font-family: "Visby", Tahoma, Verdana, Segoe, sans-serif;
font-size: 19px;
font-weight: 500;
line-height: 150%;
text-shadow: 0 0 5px rgba(0,0,0,0.8);
}

@media only screen and (max-width: 640px) {
.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read > h1 {
margin: 0;
padding: 0 10px 15px;
font-size: 32px;
}
.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read > p {
padding: 0 10px;
font-size: 17px;
}
}

.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read > p > strong {
font-weight: 700;
}

.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read > .button {
position: relative;
display: inline-block;
margin: 20px 35px 0;
padding: 12px 25px 14px;
font-family: "Visby", Tahoma, Verdana, Segoe, sans-serif;
font-size: 18px;
font-weight: 700;
background: linear-gradient(90deg, #0035bc, #74e1ff);border-radius: 10px;box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);overflow: hidden;
cursor: pointer;
}
.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read > .button.gold {
background: linear-gradient(90deg, #b88a44, #f9f295);}

.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read > .button:hover {
background-color: #2699bf;
transition: all 0.25s ease-in;}

.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read > .button:after {
position: absolute;
top: -50px;
left: -80px;
content: "";
width: 50px;
height: 250%;
opacity: 0.2;transform: rotate(35deg);transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);background-color: #fff;
z-index: 1;
}

.arts > .top-slide > div.overlay > div > .tscontent > div > div.tsbox > div > .read > .button:hover:after {
left: 120%;
opacity: 0.4;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}


.contactbox {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 15;
}
.contactbox.hide {
display: none;
}
.contactbox > .cbbackground {
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
backdrop-filter: blur(5px);}

.contactbox > .cbview {
display: table;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
}

.contactbox > .cbview > div {
display: table-cell;
vertical-align: middle;
color: #000;
}

.contactbox > .cbview > div > .view {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
background-color: #000;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);border-radius: 7px;}

.contactbox > .cbview > div > .view > h5 {
display: block;
font-family: "Visby", Tahoma, Verdana, Segoe, sans-serif;
font-size: 21px;
font-weight: 700;
margin: 0;
padding: 9px 0 6px;
line-height: 100%;
text-transform: uppercase;
background: linear-gradient(90deg, #0035bc, #74e1ff);color: #fff;
}

.contactbox > .cbview > div > .view > h5 > img {
display: inline-block;
margin: 4px 0 0;
height: 20px;
width: auto;
}
.contactbox > .cbview > div > .view > h5 > span {
display: inline-block;
margin: 3px 0 0 7px;
vertical-align: top;

}

.contactbox > .cbview > div > .view > div {
display: block;
margin: 0;
padding: 12px 25px;
border: 5px solid #0035bc;

text-align: left;
}

.contactbox > .cbview > div > .view > div .label {
display: block;
margin: 12px 0 8px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
font-weight: 500;
color: #fff;
}
.contactbox > .cbview > div > .view > div .input {
display: inline-block;
border: 3px solid #333;
transition: all 0.25s ease-out;}
.contactbox > .cbview > div > .view > div .input > input, .contactbox > .cbview > div > .view > div .input > input:hover, .contactbox > .cbview > div > .view > div .input > textarea, .contactbox > .cbview > div > .view > div .input > textarea:hover {
display: block;
margin: 0;
padding: 7px 12px 6px;
width: 300px;
border: none;
outline: none;
background-color: transparent;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
}
.contactbox > .cbview > div > .view > div .input > textarea {
resize: none;
height: 140px;
}

.contactbox > .cbview > div > .view > div .input:hover, .contactbox > .cbview > div > .view > div .input:focus {
border-color: #0035bc;
background-color: rgba(38, 153, 191, 0.05);
transition: all 0.25s ease-in;}

.contactbox > .cbview > div > .view > a {
display: block;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
font-weight: 500;
margin: 0;
padding: 0;
line-height: 100%;
text-transform: uppercase;
background: linear-gradient(90deg, #0035bc, #74e1ff);color: #fff;
border-left: 5px solid #0035bc;
border-bottom: 5px solid #0035bc;
border-right: 5px solid #0035bc;
text-decoration: none;
letter-spacing: 0.5px;
transition: all 0.25s ease-out;overflow: hidden;
}

.contactbox > .cbview > div > .view > a:hover {
background-color: #2aaad5;
font-weight: 700;
transition: all 0.25s ease-in;}
.contactbox > .cbview > div > .view > a > span {
position: relative;
display: block;
margin: 0;
padding: 9px 0;
z-index: 1;
}
.contactbox > .cbview > div > .view > a > span:after {
position: absolute;
top: -75%;
left: -80px;
content: "";
width: 50px;
height: 250%;
opacity: 0.2;transform: rotate(35deg);transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);background-color: #fff;
z-index: 1;
}

.contactbox > .cbview > div > .view > a > span:hover:after {
left: 120%;
opacity: 0.4;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}

.contactbox > .cbview > div > .view > button {
position: absolute;
right: 0;
top: 0;
padding: 10px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
font-weight: 500;
background-color: transparent;
border: none;
color: #fff;
cursor: pointer;
}
.contactbox > .cbview > div > .view > button:hover {
background-color: rgba(255,255,255,0.2);
}


@media only screen and (max-width: 640px) {
.contactbox > .cbview > div > .view > div .label {
font-size: 12px;
}
.contactbox > .cbview > div > .view > div .input > input, .contactbox > .cbview > div > .view > div .input > textarea, .contactbox > .cbview > div > .view > div .input:hover > input, .contactbox > .cbview > div > .view > div .input:hover > textarea {
font-size: 12px;
}
.contactbox > .cbview > div > .view > a {
font-size: 14px;
}
}






div.rights {
margin: 0 20px;
cursor: default;
}


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



div.rights > h4 {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: 700;
margin: 0;
padding: 7px 15px;
color: #fff;
text-align: left;
text-transform: uppercase;
}

div.rights > p {
font-family: Tahoma, Verdana, Arial, sans-serif;
display: block;
margin: 0 15px 7px;
padding: 0;
color: #333;
line-height: 135%;
font-size: 13px;
}

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


div.rights > ul {
display: block;
margin: 15px 0 15px 15px;
padding: 0;

}

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

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

div.rights > ul > li > span, div.rights > h4 > span.num {
display: inline-block;
margin: 0;
color: #fff;
background-color: #333;


}
div.rights > ul > li > span {
padding: 3px 5px;
float: left;
font-size: 11px;
border-radius: 5px;}

div.rights > h4 > span.num {
padding: 3px 12px;
font-size: 15px;
border-radius: 7px;}
div.rights > h4 > span.title {
padding: 0 0 0 7px;
}

div.rights > ul > li:hover > span {
background-color: #333;
}

div.rights > ul > li > p {
font-family: Tahoma, Verdana, Arial, sans-serif;
display: block;
margin: 0 0 0 45px;
padding: 0;
color: #ccc;
line-height: 135%;
font-size: 13px;
}
div.rights > ul > li > p > a, div.rights > ul > li > p > a:visited, div.rights > ul > li > p > a:link, div.rights > ul > li > p > a:focus, div.rights > ul > li > p > a:hover {
color: #fff;
}

div.rights > ul > li:hover > p {
color: #fff;
}

div.rights > ul > li > h5 {
font-family: Tahoma, Verdana, Arial, sans-serif;
display: block;
margin: 0 0 0 45px;
padding: 0;
color: #eee;
line-height: 135%;
font-size: 15px;
}


.tmain {
position: absolute;
left: 0;
right: 0;
top: 0;
display: block;
margin: 10px;
padding: 7px 0;
background-repeat: repeat-x;
background-color: rgba(255,255,255,0.25);
border-radius: 5px;z-index: 1;
text-align: center;
}

.tmain > a,.tmain > a:visited, .tmain > a:link {
display: inline-block;
margin: 8px 0 0;
padding: 0 10px;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
text-shadow: 0 0 2px #000;
text-transform: uppercase;
vertical-align: top;
text-decoration: none;
}
.tmain > a:last-child {
margin: 6px 0 0;
font-weight: 700;
font-size: 21px;
}


.darkview {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: table;
}

.darkview > .player {
display: table-cell;
vertical-align: middle;
position: relative;
text-align: center;
}
.darkview > .player > .pbackground {
position: relative;
width: 100%;
height: 250px;
z-index: -1;
top: -125px;
}

.darkview > .player > .pbackground > img {
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(25px);}
@media only screen and (max-width: 640px) {
.darkview > .player > .pbackground {
opacity: 0;}
.darkview > .player > .pbackground > img {
filter: none;}
}

.darkview > .player > .pbox {
display: block;
margin: -250px auto 0;
max-width: 1000px;
background-color: #000;
}

.darkview > .player > .pbox > .pstream {
display: block;
margin: 0;
padding: 10px;
border: 5px solid #191c21;
position: relative;
overflow: hidden;
}


.darkview > .player > .pbox > .pcontent {
display: block;
margin: 0;
padding: 0;
background-color: #191c21;
}

.darkview > .player > .pbox > .pcontent > div {
display: block;
margin: 0;
padding: 15px 25px;
}

.darkview > .player > .pbox > .pcontent > div > h2 {
display: block;
margin: 0;
padding: 0;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
color: #bbb;
}

.darkview > .player > .pbox > .pcontent > div > h3 {
display: block;
margin: 4px 0 0;
padding: 0;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 300;
text-align: center;
color: #999;
}


.contactbtn {
position: fixed;
bottom: 55px;
right: 35px;
z-index: 10;
}

.contactbtn > a {
display: block;
margin: 0;
padding: 0;
background-color: #4dc247;
border-radius: 50%;box-shadow: 0 0 3px 3px rgba(0,0,0,0.4);}
.contactbtn > a:hover {
background-color: #71cf6e;
}

.contactbtn > a > svg {
display: block;
margin: 0;
padding: 10px;
width: 52px;
fill: #fff;
}
@media only screen and (max-width: 640px) {
.contactbtn {
bottom: 75px;
}
.contactbtn > a > svg {
width: 28px;
}
}


.vidwindow.videoui > .vbox > b {
font-family: "BebasNeue",Tahoma,Verdana,Segoe,sans-serif !important;
font-size: 26px;
font-weight: 500;
}
@media only screen and (max-width: 640px) {
.vidwindow.videoui > .vbox > b {
font-size: 18px;
}
}

.end {
display: block;
clear: both;
height: 50px;
margin: 0;
padding: 0;
}

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



/*
@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);
}
}








/*
@bench: 0.049s (LiveBench)
*/