@font-face  {font-family: 'Roboto Black';         src: url('../../fonts/Roboto-Black.woff')                 format('woff');  font-weight: 700;}
@font-face  {font-family: 'Roboto Light';         src: url('../../fonts/Roboto-Light.woff')                 format('woff');  font-weight: 700;}
@font-face  {font-family: 'Open Sans';            src: url('../../fonts/OpenSans-Regular.woff2')            format('woff');  font-display: swap;}
@font-face  {font-family: 'Olivetti Valentine';   src: url('../../fonts/Olivetti-Valentine.woff2')          format('woff2');}
 @font-face {font-family: 'Oswald Bold';          src: url('../../fonts/Oswald-Bold.woff')                  format('woff')}
@font-face  {font-family: 'Glyphicons Halflings'; src: url('../../fonts/glyphicons-halflings-regular.woff') format('woff'); font-display: swap;}
@media screen and (min-width: 760px) {::-webkit-scrollbar             {width: 12px} 
                                      ::-webkit-scrollbar-thumb       {background-color: #062D40;}
                                      ::-webkit-scrollbar-track-piece {background-color: #021924;}}

html               {touch-action: manipulation; overscroll-behavior-y: contain;}
body               {position:absolute; background-color: #0A0E17; color: #FFFFFF;}
body               {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif";}
input              {background-color: #000000 !important; color: #FFFFFF !important; opacity:0;}
.maincontainer     {margin-top:0px; overflow-x: hidden; margin-left:auto; margin-right: auto;}
.videos            {margin-bottom:-10px;}
.hidden            {display: none;}
.wirecontainer     {user-select: none;}
.loadingcontentx   {position:fixed; width:100vw; height: 100vh; background-color:#FF0000; z-index:999999;}
.loadingcontent    {display:none !important;}
.wirecard          {background-color: #000000;}
.borderbottom      {border-bottom: 88px solid rgb(19, 21, 25); border-radius: calc(.25rem - 1px);}
.titletext         {position: relative; font-size: 1.5rem; margin-top: -90px; font-weight: 500; line-height: 1.2; z-index: 9;}
.titletext         {min-height: 58px;}
.desctext          {position: relative; font-family: "AnonymousPro"; font-size: 0.9rem; margin-top: 10px;  line-height: 1.3; z-index: 9;}
.videothumb        {object-fit: cover;}
.search-button     {display: none;}
.flexsearch        {display: flex;}
.horimg            {max-width: 60px !important;}
.img-fluid         {max-width: 100%; height: auto; margin-left: auto; margin-right: auto;}
.avatar-sm         {height: 40px !important; width: 40px !important;}
.horflex           {background: #20232D; bottom:0px; margin-top: 28px; margin-left:-15px; margin-right:-15px; height: 40px;}
.wireusername      {position: absolute; color: rgb(127, 129, 136); font-size: 13px; text-transform: lowercase; left: 50px; margin-top: -27px; width: 300px;}
.innerflex         {display: flex;}
.wiresearch:before {content: "\e000";}
.appid2            {display: none;}
#pagination span   {background-color: #000000 !important;}
#pagination button {background-color: #000000 !important;}
.u_the-archiver    {min-height: 660px !important;}
.desctext          {padding-top: 20px;}
.filtertext        {color: #656b7e; cursor: pointer;}
.text-muted        {color: #FFFFFF; opacity: 0.6;}
.center-container  {position: absolute; top: 0px; right: -20px !important; width: 300px; text-align: right;}
.center-container  {display: flex; align-items: center; height: 40px;}
.category-middle   {position: absolute; display: inline-flex; align-items: center;  gap: 0px; top: 1rem; right: 50px; font-size: 12px; text-transform: uppercase; padding: 3px; z-index: 3;}
.youtube           {width: 100%; overflow: hidden; margin: 0; border-bottom: 88px solid rgb(19, 21, 25); border-radius: calc(.25rem - 1px);}
.notube            {width: 100%; overflow: hidden; margin: 0; border-radius: calc(.25rem - 1px);}
.change-ratio      {width: 100%; margin: -10% 0;}

@media (min-width: 1580px) {.youtube {height: 348px;}}

/* ==========================================================================
   scroll lines
   ========================================================================== */

.scroll-line  {position: fixed; width: 3px; height: 100%; z-index: 99;}
.left         {left:  0px;}
.right        {right: 2px;}

.scroll-line::before,
.scroll-line::after  {position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""}
.scroll-line::after  {background-color: #3184ff; z-index: 1; animation: move 8s infinite;
                      box-shadow: 0px 2px 2px rgb(95 166 255 / 50%), 0px 2px 4px rgb(101 144 240 / 50%), 0px 4px 8px rgb(88 146 255 / 50%), 10px 8px 16px rgb(212 228 255 / 50%);}

@keyframes move {
	0%   {transform: translate3d(0, -200%, 0)}
	20%  {transform: translate3d(0, 100%, 0)}
	100% {transform: translate3d(0, 100%, 0)}
}

/* icons  */
.icons {font-family: 'simple-line-icons'; font-style: normal; line-height: 1; min-width: 55px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wirecategory .icon-social-youtube {font-size: 23px; min-width: 34px;}
.icon-social-youtube:before {content: "\e008";}

/* overlays */
.statusoverlay {position: absolute; bottom: 15px !important; right: 10px; text-align: right; font-family: "Roboto Black"; background-color: rgba(255, 255, 255, 0.7); border: 2px solid #141621;
                color: #ff0000; padding: 10px; border-radius: 4px; font-size: 18px;}
.status-countdown {width: 100px !important; background-color: #000000 !important; color: #FFFFFF !important;}

@media screen and (max-width: 800px) {.videothumb  {height: 240px;}}

@media (min-width: 1024px) {
  .body            {overflow-y: scroll !important;}
  .maincontainer   {height: 100%;}
  .grid-cols-1     {grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 5px;}
  .wiresearch      {position: absolute; top: 4px; right: 40px; color: #FFFFFF; z-index: 99999; font-size: 33px; font-family: 'icomoon'; -webkit-font-smoothing: antialiased; cursor: pointer;}
  #search-input    {position: absolute; top: 5px; right: 100px; min-width: 300px; height: 45px; border-radius:6px !important;}
  .wirecontainer   {margin-top: 0px;}
  .wirecard        {min-height: 524px;}
  .wirecardy:hover {transform: scale(1.05) !important; box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0); z-index:999999;}
  .horflex         {position: relative; bottom: 0px;}
  .doubleheight    {display: grid; grid-row: span 2; grid-column: span 1; align-content: space-between;}
  .tripleheight    {display: grid; grid-row: span 2; grid-column: span 1; align-content: space-between;}
  .searchfilter    {position: fixed; top: 8px; right: 225px; z-index: 9999999;}
  .tagsunderpost   {margin-top: -5px !important;}
  .desctext        {min-height: 80px;}
  .posttags        {min-height: 16px;}
  .videothumb      {max-height: 260px;}
  .titletext       {min-height: 54px;}
}

.k_news  {height: 290px; min-height: 290px !important;}

@media (max-width: 1024px) {
  .body             {overflow: hidden !important;}
  .wirecontainer    {position: absolute; left: 0px; width:100vw; height:100vh; margin-top: -8px; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 100px;}
  .searchfilter     {position: fixed; top: 8px; left: 25px; z-index: 9999999;}
  .maincontainer    {padding-left: 0px; padding-right: 0px;}
  .wiresearch       {position: fixed; top: 11px; right: 79px; color: #FFFFFF; z-index: 99999; font-size: 33px; font-family: 'icomoon'; -webkit-font-smoothing: antialiased; cursor: pointer;}
   #search-input    {position: fixed; top: 11px; left: 14px; min-width: 264px; height: 50px; border-radius:6px !important;}
  .wirecard         {min-height: 504px;}
  .category-middle  {padding-top: 10px;} 
  .doubleheight     {min-height: 852px;}
  .tripleheight     {min-height: 960px;}
  .wirepages        {position: absolute; background-color: #000000; left:0px; bottom: 0px; height: 35px; z-index: 9999; width: 100vw; overflow: hidden;}
  .wirepages span   {width:50vw; color: #1f2937; border-radius:0px !important; margin: 0px; border:0px;}
  .wirepages button {display: inline-block; width:50vw; color: #FFFFFF !important; border-radius:0px !important; margin: 0px; border:0px;}
  .c_aatventure-progressive-web-apps {min-height: 820px;}
}

/* ==========================================================================
   preloader
   ========================================================================== */

.se-pre-con    {position: absolute; width: 100%; height: 100%; z-index: 200; background-color: #0E1014;}
.no-js #loader {display: none;}
.js #loader    {display: block; position: absolute;}
.boothide      {display: none; opacity: 0}

/* ==========================================================================
   salvatore grid
   ========================================================================== */

.grid       {display: flex; flex-basis: 0; width: 100%; min-width: 100%; background-color: #090b14; z-index: 1;}
.mediumgrid {display: flex; flex-basis: 0; width: 100%; min-width: 100%; background-color: #090b14;}
.filtergrid {display: flex; flex-basis: 0; width: 100%; min-width: 100%; background-color: #090b14;}
.smallgrid  {display: flex; flex-basis: 0; width: 100%; min-width: 100%; background-color: #090b14 !important;}
.mobilegrid {display: flex; flex-basis: 0; width: 100%; min-width: 100%; background-color: #090b14;}

.smallgrid[data-columns]::before  {content: '8 .column.size-1of8';}
.mediumgrid[data-columns]::before {content: '6 .column.size-1of6';}
.filtergrid[data-columns]::before {content: '3 .column.filter-1of3';}
.grid[data-columns]::before       {content: '3 .column.size-1of3';}
.mobilegrid[data-columns]::before {content: '4 .column.size-1of4';}

[data-columns]::before {position: absolute; display: block; visibility: hidden; font-size: 1px;}

/* filtergrid */
.filtergrid  {display:flex;flex-basis:0;width:100%;min-width:100%;background-color:#090b14;}
.filtergrid  {align-items: flex-start; justify-content: space-evenly; align-content: center; flex-wrap: nowrap; flex-direction: row;}
.filter-1of3 {padding-right:5px; padding-left:5px;}

@media screen and (max-width: 544px) {
  .grid[data-columns]::before        {content: '1 .column.size-1of1';}
  .mediumgrid[data-columns]::before  {content: '2 .column.size-1of2';}
  .filtergrid[data-columns]::before  {content: '3 .column.filter-1of3';}
  .smallgrid[data-columns]::before   {content: '3 .column.size-1of3';}
  .mobilegrid[data-columns]::before  {content: '2 .column.size-1of2';}
  .display-4 {font-size: 2rem;}
}

@media screen and (min-width: 544px) and (max-width: 768px) {
  .grid[data-columns]::before       {content: '2 .column.size-1of2';}
  .mediumgrid[data-columns]::before {content: '4 .column.size-1of4';}
  .display-4 {font-size: 2rem;}
}

@media screen and (min-width: 768px) {
  .smallgrid .size-1of8 .card {align-items: center; height: 240px;}
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
  .grid[data-columns]::before       {content: '3 .column.size-1of3';}
  .mediumgrid[data-columns]::before {content: '5 .column.size-1of5';}
}

@media screen and (min-width: 1400px) {
  .grid[data-columns]::before       {content: '4 .column.size-1of4';}
  .filtergrid                       {width: 590px; min-width: 590px;}
  .mediumgrid[data-columns]::before {content: '6 .column.size-1of6';}
}

.columnxxx {float: left;}

.size-1of1 {width: 100%;    padding-right: 5px; padding-left: 5px;}
.size-1of2 {width: 50%;     padding-right: 5px; padding-left: 5px;}
.size-1of3 {width: 33.333%; padding-right: 5px; padding-left: 5px;}
.size-1of4 {width: 25%;     padding-right: 4px; padding-left: 4px;}
.size-1of5 {width: 20%;     padding-right: 5px; padding-left: 5px;}
.size-1of6 {width: 16.666%; padding-right: 5px; padding-left: 5px;}
.size-1of7 {width: 14.285%; padding-right: 5px; padding-left: 5px;}
.size-1of8 {width: 12.5%;   padding-right: 5px; padding-left: 5px;}

.filter-1of3 {padding-right: 5px; padding-left: 5px;}

/* containers */
.container {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.aatventuregridcontainer .youtube .change-ratio{max-height:initial;}
@media screen and (max-width: 768px)  {.aatventuregridcontainer {display:block !important;}}
@media screen and (min-width: 768px)  {.aatventuregridcontainer {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:0px 7px; padding:2px; background-color:#090b14;}}
@media screen and (max-width: 1450px) {.aatventuregridcontainer {grid-template-columns:1fr 1fr 1fr; gap:0px 7px;}}
@media screen and (max-width: 1200px) {.aatventuregridcontainer {grid-template-columns:1fr 1fr; gap:0px 7px;}}

/* cards */
.card {position: relative; display: flex; flex-direction: column; width: 100% !important; word-wrap: break-word; border-radius: .25rem; border: 0px; margin-bottom: 10px; user-select: none;}
.card-img{object-fit:cover;}
.card-img, .card-img-bottom, .card-img-top {flex-shrink: 0; width: 100%;}
.card-img-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 1.25rem;}
.c_wiki {border: 1px solid #000000 !important; background-image: none !important; margin-bottom: -34px !important;}
.card-img {object-fit:cover;}
.card-aatventure {background-image: url('../../boot/subtle.webp'); background-size: 100% 700px;}

@media (min-width: 700px) {.card {transition: transform .5s; border-radius: 6px;}}

/* card overlays */
.bottom-txt  {position: absolute; left: 1.25rem; right: 1.25rem; bottom: 4rem; margin-bottom: -42px; z-index: 0;opacity: 0; font-size: 1.5rem; font-weight: 500; line-height: 1.2;}
.card-date   {position: relative; width: 100%; bottom: 44px; right: 1.25rem; text-align: right; opacity: 0.3 !important;}
.author      {position: relative; bottom: 20px; z-index: 3; margin-top: 14px; left: 15px;}
.author span {display: inline-block; margin-bottom: -13px; padding-left: 4px; color: #7f8188 !important; text-transform: lowercase; font-size: 13px;}
.playericon  {position: absolute; top: .6rem; right: 1.25rem; z-index: 3; font-size: 1.6rem;}

/* legacy */
.cardx       {min-width: 0; background-clip: border-box; border-bottom: 40px solid transparent !important;}
.card-datex  {position: absolute !important; display: inline-block; right: 1.25rem !important; bottom: -28px !important;}
.authorx     {position: absolute !important; bottom: 9px !important; z-index: 3; margin-bottom: -48px !important;}

/* categories*/
.tag-img         {height: 200px; object-fit: cover; border-radius: 5px;}
.link-over       {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; cursor: pointer;}
.bg-over         {background: rgba(0, 0, 0, 0.1); width: 100%;}
.bg-over:hover   {background: rgba(0,0,0,0);}
.aatfastsubtitle {display: block; font-weight: 300; font-size: 20px; color: #C0C0C0; line-height: 30px; margin-top: -2px; text-transform: uppercase;}
.aatsfasttitle   {display: block; font-size: 2rem; font-weight: 500; line-height: 30px; margin-top: 7px; text-transform: uppercase;}
p {font-family: "Open Sans";}

/* likes*/
.card-like  {position: absolute;top: 0; left: 0; padding: .25rem; z-index: 3;}
.card-count {font-size: 16px; color: #999999; margin-top: 9px; margin-left: 40px;}
.heart {position: absolute; top:0px; left: 5px; background: url('../../images/heart.png'); background-position: left; background-repeat: no-repeat; background-size: 1450px;
        height: 50px; width: 50px; cursor: pointer;}
.heartguest { position: absolute; top: 0px; left:5px; background: url('../../images/heart.png'); background-position: left; background-repeat: no-repeat; height: 50px; width: 50px; cursor: pointer; background-size:1450px;}
.heart:hover {background-position: right;}
.heartliked  {background-position: right;}
.heartAnimation {animation-name: heartBlast; animation-duration: .8s; animation-iteration-count: 1; animation-timing-function: steps(28); background-position: right;}
@keyframes heartBlast {0% {background-position: left;} 100% {background-position: right;}}

/* tags */
.tagsbackground {position: fixed; width: 100vw; height: 100vh; background-image: url('../../img/backgrounds/filterbackground.webp'); background-repeat: no-repeat; background-position: -20px;}
.noise {pointer-events: none; position: absolute; width: 100%; height: 100%; background-image: url('/../../img/interface/404.gif');
        background-repeat: repeat; background-size: contain; z-index: 1; opacity: 0.04;}
.terminal {pointer-events: none; position: absolute; width: 100%; height: 100%; background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);
           background-size: auto 4px; z-index: 1;}
.terminal::before {content: ""; pointer-events: none; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;
                   background-image: linear-gradient(0deg, transparent 0%, rgb(32 115 128 / 20%) 2%, rgb(2 97 165) 3%, rgb(22 85 112 / 20%) 3%, transparent 100%); background-repeat: no-repeat;
                   animation: scan 7.5s linear 0s infinite;}
@keyframes scan {0% {background-position: 0 -100vh;} 35%, 100% {background-position: 0 100vh;}}
.underimage     {display: block; width: 100%; text-align: center; margin-top: 6px; margin-bottom: -20px; z-index: 99; margin-left: 0px; line-height: 1.3;
                 padding-top: 2px; background-color: #000000; color: #8eb4d7; font-family: 'Olivetti Valentine'; font-size: 16px; border: 1px solid #23415c; border-radius: 4px;}
.transparent {padding: 10px;}
@media screen and (max-width: 768px) {.smalltext {font-size: 12px !important;}.smallgrid .size-1of3 .card {height: 166px;}}
@media screen and (min-width: 768px) {.img180px  {width: 176px !important; height: 176px !important; padding: 4px;} .extrapadding {padding: 15px !important;}}

/* news */
.row {display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.o_news {opacity: 0 !important;}

/* webshops */
.text-uppercase {text-transform: uppercase !important;}
.bottomline {position: absolute; bottom: -40px; font-size: 20px; padding-left: 4px; margin-bottom: .5rem; font-weight: 500; line-height: 1.2;}
.bginstant-aatventure .bottomline {font-family: "Olivetti Valentine";}
.moviebottom {border-bottom: 40px solid #0c1117 !important;}

/* games */
.blockrow   {display: block !important; margin-left: -15px; margin-right: -15px;}
.c_game     {background: #000000 !important;}
.o_game     {opacity: 0 !important;}

/* time machine */
.historybackgroundscroll {margin-top: -10px; padding-top: 20px; width: 100vw; overflow-x: hidden;
    background-image: url('../../img/years/background.jpg'); background-repeat: repeat;}
@media screen and (min-width: 800px) {.historybackgroundscroll {background-size: 50% 25%;}}

.btn {display: inline-block; font-weight: 400; text-align: center; vertical-align: middle;
      cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent;
      padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.btn-secondary {color: #FFFFFF;}
.thumb3d {padding-bottom: 8px !important;}
.yeardiv {width: 100%; font-family: "Oswald Bold";
    font-size: 50px !important;
    background-color: #1d190f;
    background-image: url(../img/years/defaultyear.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #564c2e !important;
    box-shadow: inset 0px 0px 20px #251c02;
    padding: 0px !important;
}

/* modal */
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 9999999 !important;
       -webkit-overflow-scrolling: touch; outline: 0; color: #51586A; padding-left: 0px !important;}
@media screen and (max-width: 760px) {.modal {top: 68px !important;}}
.w3-ul li {font-family: "Roboto Light"; min-height: 60px; padding: 8px 16px; -webkit-font-smoothing: antialiased; cursor: pointer;}
.w3-large {font-size: 18px !important; margin-top: 0px;}
.w3-small {display: block; font-size: 15px; margin-top: -5px;}
.w3-hoverable li img {height: 45px; width: auto; max-width: 66px; border-radius: 8px;}
.w3-margin-right {float: left !important;}
.w3-ul a {color: #FFFFFF;}
.td-aatventure li:hover {background-color: #136DC6;}

/* footer */
.blog-footer {display: none !important;}

/* cols */
.col, .col-lg, .col-md, .col-sm, .col-xl, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, 
.col-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-lg-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
.col-md-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-sm-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-md-3 {flex: 0 0 25%; max-width: 25%;}

@media (max-width: 768px) {.col-md-3 {flex: 0 0 100%; max-width: 100%;}}