html,button,input,select,textarea {color: #222;}
html {/*margin-left:-1px;overflow-Y: scroll;*/}
body {font-size: 1.4em /*13px*/;line-height: 1.8 /*+-18px*/;background:#06000A;color:#ffffff}
body a {transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear;}
*::before {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*::after {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

::-moz-selection {background: #222; color: #fff; text-shadow: none;}
::selection {background: #222; color: #fff; text-shadow: none;}

a {color: #ffffff;text-decoration: dashed;}
a:visited {color: #ffffff;}
a:hover {color: #7236ff;}

body a:focus {outline: none;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}

img {max-width: 100%;width: auto\9; height: auto;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}

fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}

audio,canvas,iframe,img,svg,video {vertical-align: middle;}

body, .play-regular {
	font-family: "Play", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  
b, .play-bold {
	font-family: "Play", sans-serif;
	font-weight: 700;
	font-style: normal;
}


/* ==========================================================================
   Author: HQBygg
   ========================================================================== */

.mainmenu {position: fixed;top: 50%;right: 0;transform: translate(0, -50%);background:#06000A;color:#c0c0c0;z-index:20;}
.mainmenu a {display:block;color:#c0c0c0;padding:5px 15px;font-size:1.1em;text-decoration: none;text-align: center;}
.mainmenu a i {margin:0;padding:0}

.container {*zoom: 1;margin:0 auto;	width:80vw}
.container:before,
.container:after {content: " ";display: table;}
.container:after {clear: both;}

.container-flex {display: flex;flex-wrap: wrap;align-items: end;align-content: stretch;}
.item-0 {flex-grow: 1;flex-shrink: 1;padding:5px;}
.item-1 {flex-grow: 1;padding:5px;}
.item-2 {flex-grow: 1;padding:5px;}
.item-n {flex-grow: 1;padding:5px;flex-basis: 15vw;text-align: center;}

section {text-align: left;}
section img {}

article {text-align: left;}
article h1 {text-align: left;text-shadow: #522272 0 0 80px;line-height:1em;}
article h2 {margin-bottom: 0px;padding-top:40px;}
article ul {text-align: left;display:inline-block;list-style:none}
article ul li {text-align: left;padding: 10px}
.fas,.far,.fab {margin-right: 18px;color:#dadfff;text-shadow: #999 0 0 80px;}
.tac {text-align: center;}

footer {font-size: smaller;color:rgba(255,255,255,0.5);text-align: center;padding: 20px;}

.ml8vw {margin-left:140px;}
.ml10vw {margin-left:200px;}
.ml12vw {margin-left:240px;}

.toggle-block .container-flex {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease, opacity 0.25s ease;
	opacity: 0;
}

.toggle-block .item-n {flex-basis: 20vw;}

.toggle-block.open .container-flex {
	max-height: 90000000px;
	opacity: 1;
}

.toggle-block h5 {
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 12px;
	font-size: 1em;
}

.toggle-block h5 i {
	transition: transform 0.25s ease;
}

.toggle-block.open h5 i {
	transform: rotate(90deg);
}

.toggle-block h5 i.fa-chevron-down {
	 color:#008100;
}

.toggle-block.open h5 i.fa-chevron-down {
    transform: rotate(180deg);
}

.totop {
	display:block;
	position: fixed;
	right:10px;
	bottom:10px;
	z-index: 999;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}
.totop.visible {
	opacity: 1;
	pointer-events: auto;
}
.totop i {
	display: inline-block;
	width:25px;
	height:25px;
	text-align: center;
	vertical-align: middle;
	background-color: #131313;
	color:#999;
	font-size: 25px;
	padding: 8px;
	text-decoration:none;
	margin: 0;
}

body.zoomed { overflow: hidden; }
  #zoomRoot {
	display: block; 
    transform-origin: 0 0;
    transition: transform 450ms ease;
    will-change: transform;
	background-color: #06000A;
	position: relative;
	z-index: 20;
  }

  #zoomClose {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 9999;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 0;
    cursor: pointer;
    font-size: 22px;
    line-height: 44px;
    display: none;
  }
  body.zoomed #zoomClose { display: block; }
  .zoomable {cursor: pointer}

  body.zoomed #zoomRoot:after {
	content: " ";display: block;position:fixed;top:-50vh;left:-50vw;right:-50vw;bottom:50vh;background-color: #06000A;z-index: -1;
  }

  .logos {display:block;text-align: center;}
  .logos-item {display:inline-block;width:100%;max-width: 220px;height:auto;margin:10px}

/* ==========================================================================
   Media Queries
   ========================================================================== */
   
@media screen and (min-width: 1001px) {   }

@media screen and (max-width: 1000px) {  }

@media screen and (max-width: 1920px) {  }

@media screen and (max-width: 1600px) {
}

@media screen and (min-width: 1800px) {
   .container {width:50vw}
}
@media screen and (max-width: 1440px) {
   .container {width:80vw}
}

@media screen and (max-width: 1366px) {  }

@media screen and (max-width: 1280px) {
   .container {width:95vw}
	.toggle-block .item-n,
   .item-n {flex-grow: 1;padding:5px;flex-basis: 25vw;}
}

@media screen and (max-width: 1024px) {  }

@media screen and (max-width: 980px) {  }

@media screen and (max-width: 800px) {
	html {-ms-touch-action: manipulation;touch-action: manipulation;}
   section {text-align: center;}
   .ml8vw {margin-left:auto;}
   .ml10vw {margin-left:auto;text-align: center;}
   .ml12vw {margin-left:auto;text-align: center;}
   article ul li {padding-left: 0;}
   .mainmenu {top: auto;bottom:0;left: 0;right:0;transform: translate( 0, 0);text-align: center;padding:0 10px}
	.mainmenu a {display:inline-block;font-size:1em;}
}

@media screen and (max-width: 768px) {
	.zoomable {cursor: default};
}

@media screen and (max-width: 640px) {
	.toggle-block .item-n,
    .item-n {flex-basis: 45vw;}
}

@media screen and (max-width: 480px) {
	.toggle-block .item-n,
    .item-n {flex-basis: 100vw;}
	.mainmenu a {padding:5px 10px}
}

@media screen and (max-width: 360px) {  }

@media screen and (max-width: 320px) {  }

@media screen and (max-width: 240px) {  }


/* Portrait */
@media screen and (orientation:portrait) { }
/* Landscape */
@media screen and (orientation:landscape) { }


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 100%;}

.hidden {display: none !important;visibility: hidden;}

.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

.invisible {visibility: hidden;}

.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.breakword {-ms-word-break: break-all;word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
.ellipsis {width: 250px;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
*,*:before,*:after {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}
a,a:visited {text-decoration: underline;}
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
a[href^="#"]:after,a[href^="javascript:"]:after {content: "";}
pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
thead {display: table-header-group;}
tr,img {page-break-inside: avoid;}
img {max-width: 100% !important;}
p,h2,h3 {orphans: 3;widows: 3;}
h2,h3 {page-break-after: avoid;}
}