/* CSS Document */
* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
   font-size: 27px;
   color: #000000;
   scroll-behavior: smooth;
   -ms-user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
}
*::-webkit-scrollbar-button {
   display: none;
}
*::-webkit-scrollbar-thumb {
   background-color: #888888;
   box-shadow: 0px 0px 2.5px 1px rgba(0, 0, 0, 0.5);
}
*::-webkit-scrollbar-track {
   background-color: rgba(0, 0, 0, 0);
}
*::-webkit-scrollbar {
   width: 5px;
   height: 5px;
   z-index: 11;
}
*::selection {
   background-color: #000000;
   color: #FFFFFF;
   box-shadow: 0px 0px 2.5px 1px rgba(0, 0, 0, 0.5);
}
a {
   color: inherit;
   font-size: inherit;
   text-decoration: underline;
   text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
   transition: 0.5s;
   cursor: pointer;
}
a:hover {
   text-shadow: 0px 0px 2.5px rgba(0, 0, 0, 0.5);
}
html, body {
   display: block;
   background-color: #FFFFFF;
   min-height: 100vh;
   width: 100%;
   max-width: 100%;
   overflow-x: hidden;
}
body {
   max-width: 2000px;
   margin: 0px auto;
   box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.5);
   opacity: 1;
   transition: 0.25s opacity;
}
body[data-state='1'] {
   opacity: 0;
}
/* CONSTRUCTION */
nav {
   position: fixed;
   top: 0px;
   left: calc(50% - 1px);
   display: flex;
   flex-flow: row;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   max-width: 2000px;
   height: 90px;
   padding: 0px 20px;
   background-color: #FFFFFF;
   border-bottom: 5px solid #888888;
   transform: translateX(-50%);
   overflow: hidden;
   z-index: 9;
   transition: 0.5s height;
}
nav div {
   display: flex;
   flex-flow: row;
   align-items: center;
   justify-content: flex-start;
   height: 85px;
   overflow: hidden;
}
nav div div {
   height: 100%;
}
nav div div img {
   display: block;
   height: 80%;
   margin-right: 10px;
   object-fit: contain;
   object-position: center;
}
nav div div a {
   display: block;
   color: #FF7717;
   font-size: 2em;
   font-weight: 600;
   text-transform: uppercase;
   text-decoration: none;
}
nav div p {
   display: none;
   align-items: center;
   justify-content: flex-end;
   text-align: center;
   width: auto;
   height: 100%;
   padding: 0px 10px;
   background: none;
   border: none;
   transition: 0.5s;
}
nav div p:hover, nav div p:focus {
   color: #FF7717;
   border: none;
   cursor: pointer;
}
nav ul {
   display: flex;
   flex-flow: row;
   align-items: center;
   justify-content: flex-end;
   height: 90px;
}
nav ul li {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 2em;
   list-style: none;
}
nav ul li a {
   display: flex;
   align-items: center;
   justify-content: center;
   padding-left: 20px;
   font-size: 1.5em;
   color: #888888;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
}
nav ul li a:hover {
   color: #FF7717;
}
nav ul li[data-mobile='1'] {
   display: none;
}
#space {
   display: block;
   height: 90px;
}
header {
   position: relative;
   display: flex;
   flex-flow: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: calc(100vh - 90px);
   background-attachment: fixed;
   background-origin: border-box;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
header[data-type='half'] {
   height: 25vh;
}
header * {
   z-index: 1;
}
header img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   z-index: 0;
}
header h1 {
   color: #FFFFFF;
   font-size: 2.5em;
   font-weight: 600;
   letter-spacing: 0.5em;
   text-align: center;
   text-transform: uppercase;
   text-shadow: 0px 0px 5px #888888;
}
header h2 {
   color: #FFFFFF;
   font-size: 1.5em;
   text-align: center;
   text-shadow: 0px 0px 5px #888888;
}
header a[data-imgLnk] {
   position: absolute;
   bottom: 5px;
   right: 5px;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   text-decoration: none;
   color: #FFFFFF;
   text-shadow: 0px 0px 5px #888888;
}

footer {
   display: flex;
   flex-flow: row;
   align-items: center;
   justify-content: flex-start;
   width: 100%;
   height: 100px;
   padding: 0px 20px;
   background-color: #FFFFFF;
   border-top: 5px solid #888888;
   overflow: hidden;
   -ms-user-select: None;
   -moz-user-select: None;
   -webkit-user-select: None;
}
footer div {
   display: flex;
   flex-flow: row;
   align-items: center;
   justify-content: flex-start;
   height: auto;
   border-right: 2px solid #888888;
}
footer div a {
   display: block;
   width: 75px;
   height: 75px;
   margin-right: 10px;
   text-decoration: none;
}
footer div a:hover {
   transform: scale(1.05);
}
footer div a img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: center;
}
footer div p {
   display: block;
   margin-right: 20px;
   font-size: 1.75em;
}
footer ul {
   display: flex;
   flex-flow: row;
   align-items: center;
   justify-content: flex-start;
   width: auto;
   height: auto;
   margin-left: 20px;
}
footer ul li {
   list-style: none;
}
footer ul li a {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.5em;
   color: #888888;
   text-transform: uppercase;
   text-decoration: none;
   transition: 0.5s;
}
footer ul li a:hover {
   color: #FF7717;
}
/* OTHERS */
#JScsr {
   position: fixed;
   display: none;
   width: 10px;
   height: 10px;
   background-color: rgb(255, 119, 23);
   border-radius: 10px;
   transform: translate(-5px, -5px);
   pointer-events: none;
   opacity: 0.5;
   z-index: 11;
}
#JScsr[data-state='1'] {
   display: block;
}
.acb {
   position: fixed;
   top: -2em;
   left: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   width: auto;
   max-width: 90%;
   height: 1.55em;
   padding: 0.1em 0.5em;
   color: #FFFFFF;
   font-size: 1.25em;
   text-transform: uppercase;
   background-color: rgba(255, 119, 23, 0.50);
   border: 1px solid #FF7717;
   transition: 0.5s;
   transition-property: opacity, top;
   z-index: 11;
   transform: translateX(-50%);
   opacity: 0;
}
.acb[data-state='1'] {
   top: 5%;
   opacity: 1;
}
.imgFld, .albFld {
   display: grid;
   grid-template-columns: 20% 20% 20% 20% 20%;
   width: 100%;
}
.albFld {
   grid-template-columns: 25% 25% 25% 25%;
}
.imgFld:empty::after, .albFld:empty::after, .imgFld[wait]::after, .albFld[wait]::after {
   content: '';
   display: flex;
   align-items: center;
   justify-content: center;
   width: 90%;
   height: 175px;
   margin: 10px auto;
   animation: 30s aniPrg linear infinite;
   border: 0.5px solid #FF7717;
   box-shadow: 0px 0px 5px 0.5px rgba(0, 0, 0, 0.5);
   color: #FFFFFF;
   font-size: 1.25em;
   font-weight: 600;
   text-shadow: 0px 0px 2.5px #888;
   overflow: hidden;
}
.imgFld a, .albFld a {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 90%;
   height: 175px;
   margin: 10px auto;
   border: 0.5px solid #FF7717;
   box-shadow: 0px 0px 5px 0.5px rgba(0, 0, 0, 0.5);
   text-decoration: none;
   overflow: hidden;
}
.imgFld a:hover, .albFld a:hover {
   transform: scale(1.05);
   cursor: pointer;
   z-index: 3;
}
.imgFld a::before, .albFld a::before {
   content: attr(data-stats);
   position: absolute;
   bottom: 0px;
   right: 0px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 1.2em;
   color: #FFFFFF;
   font-size: 0.9em;
   text-align: center;
   white-space: pre-wrap;
   background-color: rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 5px 0.5px rgba(0, 0, 0, 0.5);
   transition: 0.5s;
   z-index: 2;
}
.imgFld a[data-albumname]:hover::before {
   content: attr(data-albumname) "\A" attr(data-stats);
}
.imgFld:not([data-album]) a:hover::before {
   height: 50%;
   font-size: 1em;
}
.imgFld a img, .albFld a img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   transition: 0.75s;
}
.imgFld a:hover img, .albFld a:hover img {
   transform: scale(1.15);
   transform-origin: center;
}
.albFld a::before {
   display: none;
}
.albFld a span {
   position: absolute;
   top: 0px;
   left: 0px;
   display: flex;
   flex-flow: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.15);
}
.albFld a span h3 {
   display: block;
   color: #FFFFFF;
   font-size: 1.4em;
   font-weight: 600;
   text-align: center;
   text-transform: uppercase;
}
.albFld a span p {
   display: block;
   color: #FFFFFF;
   text-align: center;
}
/* SITES */
.idx, .ovv, .abs, .viw, .lgl, .usr, .err {
   display: flex;
   flex-flow: column;
   align-items: flex-start;
   justify-content: flex-start;
   width: 100%;
   min-height: calc(100vh - 190px);
   padding: 10px 20px;
}
.idx h1 {
   display: block;
   padding: 0px 10px;
   margin-top: 30px;
   font-size: 1.25em;
   font-weight: 600;
   color: #FF7717;
   text-transform: uppercase;
   border-bottom: 2px solid #888888;
}
.idx .idxIfoBxs {
   display: grid;
   grid-template-columns: 33.5% 33% 33.5%;
   width: 100%;
}
.idx .idxIfoBxs .idxIfoBxsBox {
   display: flex;
   flex-flow: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 300px;
}
.idx .idxIfoBxs .idxIfoBxsBox span {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px;
   margin-bottom: 10px;
   text-align: center;
   border-radius: 0px;
   border: 2px solid #FFE20B;
   opacity: 1;
   transition: 0.5s opacity, 0s display;
}
.idx .idxIfoBxs .idxIfoBxsBox p, .idx .idxIfoBxs .idxIfoBxsBox div {
   display: block;
   width: 100%;
   height: auto;
   padding: 5px 10px;
   text-align: center;
   text-transform: uppercase;
   opacity: 1;
   transition: 0.5s opacity, 0s display;
}
.idx .idxIfoBxs .idxIfoBxsBox div, .idx .idxIfoBxs .idxIfoBxsBox:hover span, .idx .idxIfoBxs .idxIfoBxsBox:hover p {
   display: none;
   opacity: 0;
}
.idx .idxIfoBxs .idxIfoBxsBox span, .idx .idxIfoBxs .idxIfoBxsBox p, .idx .idxIfoBxs .idxIfoBxsBox:hover div {
   display: block;
   opacity: 1;
}
.ovv h1 {
   display: block;
   padding: 5px 10px;
   font-size: 1.75em;
   font-weight: 750;
   color: #FF7717;
   text-transform: uppercase;
}
.ovv h2 {
   display: block;
   width: 100%;
   margin-bottom: 20px;
   padding: 5px 30px;
   font-weight: 600;
   border-bottom: 2px solid #888888;
}
.viw .viwImg {
   display: block;
   width: auto;
   max-width: 95%;
   max-height: calc(100vh - 130px);
   margin: 10px auto;
   border: none;
   border-radius: 0px;
   box-shadow: 0px 0px 5px 0.5px rgba(0, 0, 0, 0.5);
   object-fit: contain;
   object-position: center;
   cursor: pointer;
   transition: 0.5s width, height;
}
.viw .viwImg:active {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100vh;
   max-width: none;
   max-height: none;
   margin: 0px;
   object-fit: cover;
   z-index: 10;
}
.viw h1 {
   display: block;
   margin: 10px 0px;
   padding: 0px 0px;
   font-size: 1.75em;
   font-weight: 750;
   color: #FF7717;
   text-transform: uppercase;
   border-bottom: 2px solid #888888;
}
.viw h1 a {
   text-decoration: none;
}
.viw .viwIdt {
   display: flex;
   flex-flow: column;
   align-items: flex-start;
   justify-content: flex-start;
   width: 100%;
   padding: 0px 0px;
}
.viw .viwSte {
   display: flex;
   flex-flow: row;
   align-items: center;
   justify-content: flex-start;
   margin: 20px 0px;
}
.viw .viwSte button {
   display: block;
   width: 50px;
   height: 50px;
   color: #FF7717;
   text-transform: uppercase;
   text-decoration: none;
   background: none;
   border: 2px solid #FF7717;
   transition: 0.5s;
}
.viw .viwSte button[data-state='1'], .viw .viwSte button:hover {
   color: #FFFFFF;
   background-color: #FF7717;
   cursor: pointer;
}
.viw .viwSte p {
   display: block;
   padding: 5px 10px;
   text-transform: uppercase;
}
.viw .viwDld {
   display: flex;
   flex-flow: row;
   align-items: flex-start;
   justify-content: flex-start;
   margin: 20px 0px;
   width: auto;
   max-width: 100%;
}
.viw .viwDld p {
   display: block;
   width: 250px;
   max-width: 100%;
   margin-bottom: 10px;
   padding: 5px 20px;
   color: #FF7717;
   text-align: center;
   text-transform: uppercase;
   border: 2px solid #FF7717;
   z-index: 2;
}
.viw .viwDld .viwDldExt {
   position: relative;
   left: -10px;
   display: flex;
   flex-flow: row;
   align-items: flex-start;
   justify-content: flex-start;
   width: auto;
   max-width: 100%;
   margin-bottom: 10px;
   transition: 0.5s;
   opacity: 0;
}
.viw .viwDld:hover .viwDldExt {
   left: 20px;
   opacity: 1;
}
.viw .viwDld .viwDldExt a, .viw .viwDld .viwDldExt p {
   display: block;
   width: auto;
   max-width: 100%;
   margin: 0px 10px;
   padding: 5px 20px;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
   border: 2px solid #FF7717;
}
.viw .viwDld .viwDldExt a:hover {
   color: #FFFFFF;
   text-shadow: none;
   background-color: #FF7717;
}
.viw .viwDld .viwDldExt p {
   border: none;
}
.viw textarea {
   display: block;
   width: 100%;
   height: 3em;
   margin: 10px 0px;
   padding: 5px 10px;
   background: none;
   border: 2px solid #FF7717;
   resize: none;
   transition: 0.5s;
   outline: none;
   -ms-user-select: text;
   -moz-user-select: text;
   -webkit-user-select: text;
}
.viw textarea:hover, .viw textarea:focus {
   text-shadow: none;
   color: #FFFFFF;
   background-color: #FF7717;
}
.lgn {
   display: flex;
   flex-flow: column;
   align-items: flex-start;
   justify-content: flex-start;
   width: 90%;
   max-width: 500px;
   padding: 10px;
   background-color: rgba(255, 255, 255, 0.75);
}
.lgn[data-fail] input[type='text'], .lgn[data-fail] input[type='password'] {
   box-shadow: inset 0 0 5px 1px rgba(255, 0, 0, 0.75);
}
.lgn b {
   display: block;
   width: 100%;
   margin: 10px 0px;
   font-size: 1.25em;
   text-align: left;
   text-shadow: none;
   letter-spacing: normal;
}
.lgn input[type='text'], .lgn input[type='password'] {
   display: block;
   width: 100%;
   height: 1.5em;
   margin: 10px 0px;
   padding: 5px 10px;
   background: none;
   border: 2px solid #FF7717;
   transition: 0.5s;
   outline: none;
   -ms-user-select: text;
   -moz-user-select: text;
   -webkit-user-select: text;
}
.lgn input[type='text']:hover, .lgn input[type='text']:focus, .lgn input[type='password']:hover, .lgn input[type='password']:focus {
   text-shadow: none;
   color: #FFFFFF;
   background-color: rgba(255, 119, 23, 0.75);
}
.lgn input[type='submit'] {
   display: block;
   width: auto;
   max-width: 100%;
   margin: 10px 0px;
   padding: 5px 20px;
   text-align: center;
   text-transform: uppercase;
   background: none;
   border: 2px solid #FF7717;
   outline: none;
   transition: 0.5s;
}
.lgn input[type='submit']:hover, .lgn input[type='submit']:focus {
   color: #FFFFFF;
   text-shadow: none;
   background-color: rgba(255, 119, 23, 0.5);
   cursor: pointer;
}
.err {
   align-items: center;
   justify-content: center;
   width: auto;
   max-width: 100%;
   min-height: unset;
   margin-bottom: 0px;
   background-color: rgba(255, 255, 255, 0.5);
}
.err h1 {
   display: block;
   margin: 10px 0px;
   font-size: 1em;
   letter-spacing: normal;
}
.err p {
   display: block;
   margin: 10px 0px;
   font-size: 0.5em;
   text-shadow: none;
   letter-spacing: normal;
}
.err a {
   display: block;
   width: auto;
   margin: 10px 0px;
   padding: 5px 20px;
   font-size: 0.5em;
   color: #000000;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
   border: 2px solid #FF7717;
   letter-spacing: normal;
}
.err a:hover {
   color: #FFFFFF;
   text-shadow: none;
   background-color: #FF7717;
}
.lgl h2 {
   display: block;
   width: 100%;
   margin-top: 50px;
   color: #FF7717;
   font-size: 1.25em;
   font-weight: 550;
   text-align: left;
   text-transform: uppercase;
   border-bottom: solid 1px #888888;
}
.lgl h3 {
   display: block;
   width: 100%;
   margin-top: 25px;
   padding: 0px 5px;
   font-weight: 650;
   text-align: left;
   text-transform: uppercase;
}
.lgl p {
   display: block;
   width: 100%;
   margin-bottom: 20px;
   padding: 0px 10px;
   font-size: 0.75em;
   text-align: left;
}
.lgl ul {
   display: block;
   width: 100%;
   margin-bottom: 20px;
   padding: 0px 10px;
}
.lgl li {
   position: relative;
   left: 30px;
   display: block;
   width: calc(100% - 30px);
   font-size: 0.75em;
   text-align: left;
}
.lgl li::before {
   left: -30px;
   position: absolute;
   content: '\2022';
   display: inline-block;
   transition: 0s;
   overflow: visible;
}

/* ANIMATIONS */
@keyframes aniPrg {
   from {
      background: repeating-linear-gradient(45deg, #FF7717 2.5px, rgba(0, 0, 0, 0) 5px, #FF7717 7.5px);
      background-size: 200% 100%;
      background-position-x: 100%;
   }
   to {
      background: repeating-linear-gradient(45deg, #FF7717 2.5px, rgba(0, 0, 0, 0) 5px, #FF7717 7.5px);
      background-size: 200% 100%;
      background-position-x: 0%;
   }
}
/* MOBILE */
@media only screen and (max-width:1500px) {
   .imgFld {
      grid-template-columns: 25% 25% 25% 25%;
   }
   .albFld {
      grid-template-columns: 33.33% 33.33% 33.33%;
   }
}
@media only screen and (max-width:1250px) {
   .imgFld {
      grid-template-columns: 33.33% 33.33% 33.33%;
   }
   .albFld {
      grid-template-columns: 50% 50%;
   }
}
@media only screen and (max-width:1000px) {
   .imgFld {
      grid-template-columns: 50% 50%;
   }
   .albFld, .idx .idxIfoBxs {
      grid-template-columns: 100%;
   }
   header h1 {
      font-size: 2em;
      letter-spacing: normal;
   }
   header h2 {
      font-size: 1em;
   }
   .viw .viwDld {
      flex-flow: column;
      width: auto;
   }
   .viw .viwDld p {
      width: auto;
      padding: 5px 0px;
      color: inherit;
      text-align: left;
      border: none;
   }
   .viw .viwDld p::after {
      content: ':';
   }
   .viw .viwDld .viwDldExt {
      left: 0px !important;
      position: relative;
      flex-flow: column;
      opacity: 1;
   }
   .viw .viwDld .viwDldExt a, .viw .viwDld .viwDldExt p {
      margin: 5px 0px;
   }
   .viw .viwDld .viwDldExt p {
      display: none;
   }
   .viw textarea {
      height: 5em;
   }
}
@media only screen and (max-width:750px) {
   nav {
      display: block;
      height: 70px;
   }
   nav[data-state='1'] {
      height: 230px;
   }
   nav div {
      width: 100%;
      height: 65px;
   }
   nav div p {
      display: flex;
   }
   nav ul {
      width: 100%;
      flex-flow: column;
      height: auto;
   }
   nav ul li[data-mobile='1'] {
      display: flex;
   }
   #space {
      height: 70px;
   }
   header {
      height: calc(100vh - 70px);
   }
   footer {
      justify-content: center;
      height: 75px;
   }
   footer div {
      border-right: none;
   }
   footer div a {
      height: 50px;
   }
   footer div p, footer ul {
      display: none;
   }
   .idx, .ovv, .abs, .viw, .lgl, .usr, .err {
      min-height: calc(100vh - 145px);
      padding: 10px 5px;
   }
}
@media only screen and (max-width:600px) {
   * {
      font-size: 23px;
   }
   nav[data-state='1'] {
      height: 210px;
   }
   .imgFld {
      grid-template-columns: 100%;
   }
}
@media only screen and (max-width:400px) {
   nav div div img {
      display: none;
   }
}