/*@font-face {
  font-family: 'Orbitron';
  src: url('/css/Orbitron-VariableFont_wght.ttf');
  //font-family: 'Chinese';
  //src: url('/css/NotoSansSC-VariableFont_wght.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/

html {
    cursor: url('/img/cursor/default.png'), default;
    font-family: Orbitron;
}

body {
    background-color: #ffffff;
    transition: background-color 1s;
    letter-spacing: 0.5px;
}

span {
    font-family: Orbitron;
    font-weight: bold;
    font-size: 14px;
    color: #8ecaff;
}

a {
    cursor: url('/img/cursor/pointer.png'), pointer;
    font-family: Orbitron;
    font-weight: 300;
    color: #b9deff;
}

a:hover {
    color: #eff6fc;
}

h1 {
    opacity: 0;
    color: rgba(0,0,0,0);
    display: block;
    text-shadow: 3px 3px 2px #49657e, 0 0 1em #49657e, 0 0 1em #c1e2ff;
    font-size: 54px;
    //font-stretch: 200%;
    font-weight: 400;
    //text-stroke-width: 3px;
    //text-stroke-color: #082743;
    transition: opacity 3s;
}

.afterAnim {
    color: #8ecaff;
    text-shadow: 3px 3px 2px #49657e, 0 0 1em #49657e, 0 0 1em #c1e2ff;
    font-size: 54px;
    //font-stretch: 200%;
    font-weight: 400;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #082743;
}

h1 svg h1#h1_svg{
      opacity: 1;
      color: #8ecaff;
      height: auto;
      font-size: 54px;
      //font-stretch: 200%;
      font-weight: 400;
      text-shadow: 3px 3px 2px #49657e, 0 0 1em #49657e, 0 0 1em #c1e2ff;
      -webkit-text-stroke-width: 2.4px;
      -webkit-text-stroke-color: #082743;
      transition: opacity 2s;
    }

    path {
      //fill: #8ecaff;
      fill: rgba(0,0,0,0);
      stroke: #ff4500;
      //fill: #ffcc00; /* Bright yellow for a glowing effect */
      //fill: #8ecaff; /* Bright yellow for a glowing effect */
      //stroke: #8ecaff; /* Starting color with a fiery orange */
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      animation: write 10s forwards 2s, flame 2s 6s forwards; 
    }

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

    @keyframes flame {
    0% {
    stroke: #ff4500; /* Fiery orange */
    filter: brightness(1) blur(0.5px);
    }
    30% {
    stroke: #ff4500; /* Fiery orange */
    filter: brightness(1) blur(0.5px);
    }
    50% {
      stroke: #ff8c00; /* Bright orange */
      filter: brightness(1.25) blur(1px);
    }
    60% {
      stroke: #ffd700; /* Yellow gold */
      filter: brightness(1.5) blur(0.5px);
    }
    100% {
      stroke: #082743; /* Back to fiery orange */
      fill: #8ecaff;
      filter: brightness(1) blur(0px);
    }
}

div#headline {
    color: #8ecaff;
    text-shadow: 3px 3px 2px #49657e, 0 0 1em #49657e, 0 0 1em #c1e2ff;
    font-size: 58px;
    font-stretch: 200%;
    font-weight: heavy;
    width: 990px;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #082743;
    transition: color 2s, text-shadow 2s;
    margin: 30px 0px 0px 0px;
}

h2 {
    text-shadow: 3px 3px 2px #49657e, 0 0 1em #49657e, 0 0 1em #c1e2ff;
    font-stretch: 200%;
    font-weight: heavy;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #082743;
}

h3.article {
    font-size: 28px;
    text-shadow: 3px 3px 2px #49657e, 0 0 1em #49657e, 0 0 1em #c1e2ff;
    font-stretch: 200%;
    font-weight: heavy;
    margin: 20px 0px 20px 0px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #082743;
}

h5 {
    font-size: 18px;
    text-shadow: 3px 3px 2px #49657e, 0 0 1em #49657e, 0 0 1em #c1e2ff;
    font-stretch: 200%;
    font-weight: heavy;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #082743;
}

/*div {
    text-shadow: 3px 3px 2px #49657e, 0 0 1em #49657e, 0 0 1em #c1e2ff;
    font-weight: normal;
    font-stretch: 200%;
}*/

hr {
    border: 0.2px solid #8ecaff;
    clear: left;
    height: 0.2px;
}

div.inner_main {
    width: 924px;
    background-image: linear-gradient(45deg, #000000 0%, #082743 50%);
    text-align: center;
    margin: 20px auto 20px auto;
    padding: 10px 10px 10px 10px;
    overflow: auto;
}

.main_content {
    background-image: linear-gradient(45deg, #000000 0%, #082743 50%);
    font-family: Orbitron;
    font-stretch: 200%;
    text-align: center;
    text-shadow: none;
    width: 862px;
    margin: 20px 20px 10px 20px;
    padding: 20px 30px 20px 30px;
    color: #8ecaff;
    float: left;
}

.dl_item {
    float: left;
    width: 802px;
    margin-bottom: 10px;
}

.thumbnail {
    float: left;
    clear: left;
    width: 190px;
    margin: 20px 0px 10px 10px;
    padding: 0px 0px 0px 0px;
}

div.small {
    font-family: Orbitron;
    font-weight: 350;
    font-size: 14px;
    font-stretch: 200%;
    color: #8ecaff;
    -webkit-text-stroke-width: 0.35px;
    -webkit-text-stroke-color: #082743;
}

div.article {  
    font-family: Orbitron;
    font-weight: 350;
    font-size: 18px;
    font-stretch: 200%;
    color: #8ecaff;
    margin: 10px 0px 10px 0px;
    -webkit-text-stroke-width: 0.35px;
    -webkit-text-stroke-color: #082743;
}


div#lang_select {
    padding: 10px;
}

div#flags {
    width: 328px;
    margin: 0px 0px 0px 27px;
    padding: 0px 0px 0px 0px;
}

div.icon_container {
    cursor: url('/img/cursor/pointer.png'), pointer;
    width: 34px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-width: 1px 1px 1px 1px; border-color: #8ecaff; border-style: solid;
    float: left;
}

img.flag {
    width: 32px;
    height: 18px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

div.border_0 {
    border-width: 1px 1px 1px 1px; border-color: rgba(0,0,0,0); border-style: solid;
}

div.border_1 {
    border-width: 1px 1px 1px 1px; border-color: #8ecaff; border-style: solid;
}

div.border_2 {
    border-width: 2px 2px 2px 2px; border-color: #8ecaff; border-style: solid;
}

div.left_box {
    background-image: linear-gradient(135deg, #000000 0%, #082743 75%);
    width: 392px;
    padding: 20px 10px 10px 10px;
    margin: 20px 0px 10px 20px;
    float: left;
}

div.right_box {
    background-image: linear-gradient(135deg, #000000 0%, #082743 75%);
    width: 392px;
    padding: 20px 10px 10px 10px;
    margin: 20px 0px 10px 20px;
    float: left;
}

div.inner_left {
    font-weight: normal;
    background-image: linear-gradient(135deg, #000000 0%, #082743 75%);
    width: 351px;
    padding: 10px;
    margin: 20px 0px 10px 0px;
}

div.inner_right_info {
    font-weight: normal;
    background-image: linear-gradient(45deg, #000000 0%, #082743 75%);
    width: 352px;
    padding: 10px;
    margin: 20px 0px 10px 0px;
}

div.inner_right_adds {
    font-weight: normal;
    background-image: linear-gradient(135deg, #000000 0%, #082743 75%);
    width: 350px;
    padding: 10px;
    margin: 20px 0px 10px 0px;
}

div#main {
    width: 1900px;
    margin: 10px auto 10px auto;
}

div#datetime {
    width: 392px;
    height: 46px;
    padding: 10px;
    margin: 20px 0px 10px 20px;
}

div#date {
    opacity: 0;
    font-weight: 350;
    width: 180px;
    text-align: center;
    float: left;
    margin: 0px 0px 0px 15px;
    -webkit-text-stroke-width: 0.35px;
    -webkit-text-stroke-color: #082743;
    transition: opacity 1s;
}

div#time {
    opacity: 0;
    font-weight: 350;
    width: 85px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    float: right;
    -webkit-text-stroke-width: 0.35px;
    -webkit-text-stroke-color: #082743;
    transition: opacity 2s;
}

div#PI {
    height: 110px;
    color: #C0C0C0;
    font-family: Orbitron;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #ffffff;
    text-shadow: 3px 3px 2px #49657e, 0 0 1em #49657e, 0 0 1em #c1e2ff;
}

div#PI-Data {
  background: linear-gradient(to bottom, #cccccc 22%, #474747 24%, #b8b8b8 26%, #b8b8b8 27%, #d9d9d9 40%, #3e3e3e 78%);
  background-position: 0 1vw;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #C0C0C0;
  position: relative;
  text-transform: uppercase;
}

.menu {
  position: absolute;
  //display: inline-block;
}

select#currency {
    background: linear-gradient(to bottom, #cccccc 22%, #474747 24%, #b8b8b8 26%, #b8b8b8 27%, #d9d9d9 40%, #3e3e3e 78%);
    font-size: 14px;
    font-weight: 200;
    position: absolute;
    left: 332px;
    top: 170px;
    background-position: 0 1vw;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    color: #ffffff;
    text-transform: uppercase;
    border-width: 1px 1px 1px 1px; border-color: #f5d687; border-style: solid;
}

.curr_opt {
    background-color: #bb9e55;
    color: #ffffff;
    font-weight: 200;
}

.layer1 {
  display: block;
  background: none;
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  text-shadow: -1px 0 1px #b3b3b3, 0 1px 1px #b3b3b3, 5px 5px 10px rgba(0, 0, 0, 0.4), -5px -5px 10px rgba(0, 0, 0, 0.4);
}

div#hidden {
    position: absolute;
    width: 45px;
    height: 23px;
    top: 355px;
    left: 1165px;
    border-radius: 20% 20% 100% 100%;
}

div#menu {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 45px;
    height: 23px;
    top: 355px;
    left: 1110px;
    border-radius: 20% 20% 100% 100%;
}

div#hidden_home {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 47px;
    height: 25px;
    top: 356px;
    left: 680px;
    border-radius: 40% 40% 40% 40%;
}

div#hidden_movie {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 47px;
    height: 47px;
    top: 214px;
    left: 1262px;
    border-radius: 100% 100% 100% 100%;
}

div#hidden_movie_stop {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 47px;
    height: 47px;
    top: 165px;
    left: 1312px;
    border-radius: 100% 100% 100% 100%;
}

div#movie_pause {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 47px;
    height: 47px;
    top: 165px;
    left: 1212px;
    border-radius: 100% 100% 100% 100%;
}

div#movie_intro {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 47px;
    height: 47px;
    top: 114px;
    left: 1263px;
    border-radius: 100% 100% 100% 100%;
}

div#hidden_movie_previous {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 47px;
    height: 47px;
    top: 165px;
    left: 551px;
    border-radius: 3% 60% 60% 3%;
}

div#hidden_movie_next {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 47px;
    height: 47px;
    top: 165px;
    left: 626px;
    border-radius: 60% 3% 3% 60%;
}

div#mute_toggle {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 28px;
    height: 20px;
    top: 358px;
    left: 1063px;
    border-radius: 40% 40% 40% 40%;
}

div#fullscreen {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 28px;
    height: 20px;
    top: 358px;
    left: 1026px;
    border-radius: 40% 40% 40% 40%;
}

div#volume_down {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 28px;
    height: 20px;
    top: 358px;
    left: 754px;
    border-radius: 40% 40% 40% 40%;
}

div#volume_up {
    cursor: url('/img/cursor/pointer.png'), pointer;
    position: absolute;
    width: 28px;
    height: 20px;
    top: 358px;
    left: 811px;
    border-radius: 40% 40% 40% 40%;
}

div#mainblock {
    background-image: linear-gradient(135deg, #000000 0%, #082743 75%);
    width: 965px;
    margin: 0px 0px 30px 8px;
    opacity: 1;
    transition: opacity 3s;
    transition: visibility 3s;
}

div#mainblock.fade {
    opacity: 1;
}

div#ebay {
    background-image: linear-gradient(45deg, #000000 0%, #082743 50%);
    font-family: Orbitron;
    font-stretch: 200%;
    text-align: center;
    text-shadow: none;
    width: 924px;
    margin: 20px auto 20px auto;
    padding: 20px 20px 30px 20px;
    color: #8ecaff;
}

div#inner_main {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Calibri;
    text-align: center;
    text-shadow: none;
    min-width: 924px;
    margin: 0px auto 0px auto;
    padding: 40px;
    border-width: 2px 2px 2px 2px; border-color: #8ecaff; border-style: solid;
}

div#left_col {
    width: 425px;
    float: left;
}

div#center {
    width: 1030px;
    float: left;
}

div#right_col {
    width: 425px
    float: left;
}

div#logo {
    width: 864px;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 20px 10px;
}
 
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  background-image: linear-gradient(135deg, #000000 0%, #082743 75%);
  visibility: hidden;  
  opacity: 0;
  width: 130px;
  border-width: 1px 1px 1px 1px; border-color: #8ecaff; border-style: solid;
  color: #8ecaff;
  text-align: center;
  margin: 10px 0px 0px 0px;
  padding; 10px 10px 10px 10px;
  position: absolute;
  top: 20px;
  left: -46px;
  z-index: 1;
  transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
  visibility: visible; 
  opacity: 1;
}

.menu {
  position: relative;
  display: inline-block;
}

.menu .menutext {
  background-image: linear-gradient(135deg, #000000 0%, #082743 75%);
  visibility: hidden;
  opacity: 0;
  width: 280px;
  border-width: 1px 1px 1px 1px; border-color: #8ecaff; border-style: solid;
  color: #b9deff;
  text-align: center;
  margin: 10px 0px 0px 0px;
  padding; 20px 20px 20px 20px;
  position: absolute;
  top: 0px;
  left: -107px;
  z-index: 1;
  transition: opacity 1s, color 1s;
}

.menu:hover .menutext {
  visibility: visible;
  opacity: 1;
}

.menutext:hover {
  visibility: visible;
  opacity: 1;
  color: #eff6fc;
  text-decoration: underline;
}

.loudness {
  opacity: 0;
  background-image: linear-gradient(135deg, #000000 0%, #082743 75%);  
  width: 250px;
  border-width: 1px 1px 1px 1px; border-color: #8ecaff; border-style: solid;
  color: #8ecaff;
  text-align: center;
  margin: 10px 0px 0px 0px;
  padding; 10px 10px 10px 10px;
  position: absolute;
  top: 290px;
  left: 820px;
  z-index: 1;
  transition: opacity 1s;
}

#movie {
    display: inline;
    opacity: 0;
    background-color: #000000;
    width: 502px;
    height: 288px;
    position: absolute;
    left: 696px;
    top: 53px;
    transition: opacity 2s;
}

div#headline {
    padding: 0px 0px 0px 0px;
    margin: 0px auto 30px auto;
}

div#footer {
    width: 1850px;
    padding: 20ox 20px 20px 20px;
    margin: 20px 0px 20px 19px;
    float: left;
}

.copyright {
    width: 1860px;
    padding: 0ox;
    margin: 10px 0px 10px 0px;
    float: left;
}

h4.disclaimer {
    cursor: url('/img/cursor/pointer.png'), pointer;
    color: #b9deff;
    transition: color 1s;
}

h4.disclaimer:hover {
    color: #eff6fc;
    text-decoration: underline;
}

h1.disclaimer {
    opacity: 1;
    color: #000000;
    font-family: Arial;
    font-weight: bold;
    text-shadow: none;
    margin-bottom: 20px;
}

h3.disclaimer {
    color: #000000;
    font-family: Arial;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

p {
    font-family: Arial;
    font-weight: normal;
    color: #000000;
    text-align: justify;
}

p.disclaimer_address {
    font-family: Arial;
    font-weight: normal;
    color: #000000;
    text-align: center;
}

a.disclaimer {
    font-family: Arial;
    font-weight: normal;
    color: #4436ab;
    text-align: justify;
}

ul, ol {
    font-family: Arial;
    font-weight: normal;
    color: #000000;
    text-align: justify;
}