:root {
    
  --accent-color: #c8b322;
  --color-link1: #36d9ff;
  --color-link2: #ffb608;
    
  --color-violet1: #660273;
  --color-violet2: #2d0140;
    
  --color-violet3: #270149;

  --color-text: #270149;
  --color-blogtext: #fff;
    
  --color-pink1: #ff3e9d;
  --color-pink2: #a00094;
    
  --color-sunset1: #ff4873;
  --color-brown1: #271f31;
    
  --color-blue1: #36d9ff;
  --color-blue2: #5900db;  
  --color-blue3: #00168f;
    
  --color-yellow1: #ffdd00;
  --color-yellow2: #ffb608;
  --color-yellow-tint1: #c8b32254;
    
  --color-menu-tint1: #1f002d;
  --color-menu-tint2: #360084d9;
  --color-menu-tint3: #3600841a;
  --color-menu-tint4: #0a0018f2;
    
  --color-neutral1: #fff;
  --color-black: #000;
    
  --color-button-text-idle: #fff;
  --color-button-text-hover: #000;
  
  --color-darkglass: #0000005c;
    
  /*--shimmer-hue-1: 213deg;*/
  --shimmer-hue-1: 80deg;
  --shimmer-sat-1: 95%;
  --shimmer-lit-1: 91%;
  /*--shimmer-hue-2: 248deg;*/
  --shimmer-hue-2: 100deg;
  --shimmer-sat-2: 100%;
  --shimmer-lit-2: 86%;
  /*--shimmer-hue-3: 293deg;*/
  --shimmer-hue-3: 120deg;
  --shimmer-sat-3: 78%;
  --shimmer-lit-3: 89%;
    
  --glow-hue: 100deg;
  --shadow-hue: 180deg;
  --spring-easing: linear(
    0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%,
    1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%,
    1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%,
    0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%,
    0.998 84%, 1
  );
  --spring-duration: 1.33s;

}

@property --mask {
    syntax: "<angle>";
    inherits: false;
    initial-value: 33deg;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select {	
	background:transparent;
	border:0;
	outline:0;
	padding:0;
	margin:0;
}
	
html,body {
	height:100%;
	width:100%;	
	background: #000 none repeat center center;
}
	
body {
	overflow-x:hidden;
	position:relative;
	margin: 0;
	height: auto;
	min-height: 100%;
}

#mainbox, #app {
	height:auto;
	/*display:block;*/
	position:relative;
	padding-left: 0;
	padding-right: 0;
	/*margin-top: -45px;*/
	margin-top:0;
	min-height: 100vh;
	
	display: flex;
	flex-direction: column;
  justify-content: center;
    
    overflow: hidden;
  
  background: var(--color-blue2) linear-gradient(to bottom,var(--color-menu-tint2) 0%,var(--color-violet1) 100%) no-repeat scroll 0 0;
}

.galaxysystem #mainbox {
	height:100%;
}

.fullscroll #mainbox {
	height: auto;
	min-height: 100%;
}

#app {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
	margin-top: 0;
	padding: 0 !important;
	overflow: hidden;
}

.modular-row {
    display: block;
    position: relative;
    width: 100%;
}

.modular-row.bottom {
  padding-bottom: 0;
}

.justified-gallery {
  margin-top: 10px;
  margin-bottom: 10px;
}

p.justified-gallery {
  border-radius: 5px;
	padding-bottom: 0;
}

.callout {
  padding: 20px;
}

.social {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
  justify-content: center;
}

.menusocial {
  position: relative;
  padding: 20px 0 0;
  width: 100%;
}
	
h1, h2, h3, h4, h5, h6 {	
	color:#fff;
	text-transform: uppercase;
    font-family: var(--head-font);
    text-shadow: 0px 0px 2px var(--color-yellow1);
}	
	
h1 {
	font-size:3em;
	letter-spacing:2px;	
	padding-bottom: 10px;
}

h5 {
	padding-bottom: 30px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	position: relative;
}

.div-align-center h1 {
  clear: both;
  color: #fff;
  display: inline-block;
  font-size: 26px;
  margin: 0 auto;
  padding: 0px 20px 8px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  line-height: 1em;
  letter-spacing: 0;
  width: 100%;
  text-shadow: 0px 0px 7px rgb(144, 242, 0);
  font-family: var(--head-font);
  font-weight: 600;
  text-transform: uppercase;
}

.div-align-center h2 {
    clear: both;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	line-height: 1em;
	margin: 0 0 20px;
	padding: 0 20px;
	position: relative;
	width: 100%;
	font-weight: 500;
	text-align: center;
	text-transform: none;
	text-shadow: 0px 0px 7px rgb(0, 242, 4);
	font-family: var(--head-font);
}

#fullscreen-slider audio {
    bottom: 100px;
    display: block;
    left: 50%;
    margin-left: -160px;
    position: absolute;
    width: 320px;
}

ul {
  list-style: square inside;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 300;
}

ul li {
  border-left: 2px solid var(--accent-color);
  margin-bottom: 20px;
  padding: 0 0 0 20px;
}

/*---Tower---*/

.side-tower {
	position:fixed;
	top:0;
	/*z-index:10;*/
	background-color: transparent;
    width: 24px;
    height: 100%;
	/*background: url("../img/trim2.jpg") repeat-y center center;
	background-size: 100% auto;*/
	z-index: 1;
}

.left-tower {
    left: 0;    
}

.right-tower {
    right: 0;
    top: 0;
    padding-top: 140px;
	padding-bottom: 260px;
    display: flex;
    flex-direction: column-reverse;
    align-items: end;
    justify-content: end;
}

/*.right-tower:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  width: 264px;
  height: 320px;
  background: url("../img/led-trim4.png") no-repeat top center;
    background-size: auto;
  background-size: 100% auto;
}*/

.side-text {
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  -webkit-writing-mode: vertical-rl;
  transform: rotate(180deg);	
	
	color: #fff;
  writing-mode: vertical-rl;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 24px;
  white-space: nowrap;
  font-family: var(--side-font);
  font-weight: 600;
  letter-spacing: 1px;
  text-shadow: 0px 0px 15px rgb(30, 242, 0);
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(164, 229, 111, 0) 0%, rgba(164, 229, 111, 0.5) 200%) repeat scroll 0 0;
}

.side-text span {
	display: inline-block;
	white-space: nowrap;
    writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	
	/* Starting position */
	-moz-transform:translateY(10%);
	-webkit-transform:translateY(10%);	
	transform:translateY(10%);
	
 	-moz-animation: scroll-slow 120s linear infinite;
 	-webkit-animation: scroll-slow 120s linear infinite;
	animation: scroll-slow 120s linear infinite;
}

.side-text1 span {
	animation-delay: 0s;
}

.side-text2 span {
	animation-delay: 120s;
}

@-moz-keyframes scroll-slow {
 	0%   { -moz-transform: translateY(10%); }
 	100% { -moz-transform: translateY(-100%); }
}
@-webkit-keyframes scroll-slow {
	0%   { -webkit-transform: translateY(10%); }
	100% { -webkit-transform: translateY(-100%); }
}
@keyframes scroll-slow {
	0%   { 
 	-moz-transform: translateY(10%); /* Browser bug fix */
 	-webkit-transform: translateY(10%); /* Browser bug fix */
 	transform: translateY(10%); 		
 	}
 	100% { 
 	-moz-transform: translateY(-100%); /* Browser bug fix */
 	-webkit-transform: translateY(-100%); /* Browser bug fix */
 	transform: translateY(-100%); 
 	}
}

.left-tower .fa.fa-circle {
    margin: 10px;
}

.left-tower .side-logo {
  position: absolute;
  top: -7px;
  left: 0;
  width: 80px;
  height: 80px;
  padding: 10px 10px 10px;
  background-color: #000;
  transition: all 0.2s ease-out;
}

.left-tower .side-logo:hover {
	opacity: 1;
}

.left-tower .side-logo:hover img {
	opacity: 1;
	transform: scale(0.95);
}

@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .75 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( .75 );
  }
  100%
  {
    transform: scale( .75 );
  }
}

/*.left-tower .side-logo:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 264px;
  height: 320px;
  background: url("../img/led-trim3.png") no-repeat top center;
  background-size: 100% auto;
}*/

.left-tower .side-logo img {
  position: absolute;
  top: 20px;
  left: 5px;
  width: 70px;
  height: 70px;
}

.tower-bottom {
  display: block;
  width: 20px;
  height: 20px;
  bottom: 5px;
  right: 0;
  position: absolute;
  text-align: center;
}

.age-count {
  display: inline-block;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: var(--color-neutral1);
  font-size: 8px;
  font-weight: 600;
}

.side-tower .social {
  display: block;
  text-align: center;
  width: 70px;
  top: 130px;
  position: absolute;
  left: -50px;
}

.side-tower .leagals {
  color: #fff;
  padding: 0;
  font-size: 8px;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  transform: rotate(-90deg);
  bottom: 90px;
  right: -50px;
  opacity: 0.5;
}

/*---Tower---*/

.logo-game {
    display: inline-block;
    height: auto;
    max-width: 40%;
    position: relative;
    vertical-align: middle;
	padding-top: 40px;
}

.logo-game img {
    max-width: 800px;
	width: 100%;
}

.blog-header {
  color: #fff;
  font-size: 36px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--head-font);
  display: flex;
  height: auto;
  padding: 125px 0 0;
  width: 100%;
  z-index: 4;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.blog-header h2 {
  font-weight: 600;
  font-size: 36px;
  vertical-align: middle;
  display: flex;
  line-height: 1;
  align-self: center;
  padding: 0 20px;
  letter-spacing: 5px;
}

.folio-header {
  position: fixed;
  width: 50%;
  height: 100vh;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 100px 100px 100px;
}

.folio-header h2 {
  position: relative;
  font-size: 64px;
  width: 100%;
  text-shadow: 0 0 10px var(--color-button-text-hover);
  font-weight: 800;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column-reverse;
}

#blog .container .blog-post h1 {
   	font-size: 3.8em;
    letter-spacing: 0;
    padding: 10px 20px 10px 0;
    text-align: left;
}

#blog .container .blog-post .blog-content h1 {
	font-size:3em;
}

.text h4 {
  padding-bottom: 5px;
  padding-top: 20px;
  display: inline-block;
  margin-bottom: 20px;
}

.text h5 {
  padding: 20px 0 10px 0;
  font-size: 14px;
  text-align: center;
	border-bottom: 1px solid #709709;
	margin-bottom: 10px;
}

.text ul {
	margin-top: 10px;
}

.text ul li {
  border-left: 2px solid #8ea10a;
  margin-bottom: 20px;
  padding: 0 0 0 20px;
  line-height: 25px;
  font-size: 16px;
  opacity: 0.9;
	font-weight: 400;
}

.service-item h4 {
	padding-bottom: 10px;
	color:#f1592a;
	font-size: 2.2em;
	font-weight:normal;
	text-align:center;
	padding-top: 0;
	padding-left:0;
}

.service-item > img {
    max-width: 150px;
}

h4 strong {
	color:#f18200;
}

.text {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.innertext {
  gap: 20px;
}

.container-big-head .innertext {
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 30px;
	/*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 10%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);*/
}

p {
  line-height: 1.55em;
  font-size: 17px;
  padding: 0 0 15px;
  color: var(--color-blogtext);
  font-family: var(--paragraph-font);
  letter-spacing: 0.5px;
}

.innertext p {  
  color: var(--color-blue3);
}

.blog-content p {
	color: #fff;      
}

.sidebar p {
  line-height: 1.3;
}

.contactpad .container p {
  text-align: center;
}

ul {
	list-style:none;	
	margin-bottom:20px;
	margin-top:20px;
}

ul ul {
	padding-left: 20px;
}

.container {
	width:1180px;
	margin:0 auto;
	padding:30px 20px;
	position: relative;
	display:block;
	font-size:1.6em;
}

.map-box {
	font-size: 0.7em;
    padding: 10px 0 0;
}

.map-box p {
	padding-bottom: 5px;
}

	.small-width {
		width:980px;
	}
	
	.no-padding {
		padding:0!important;
	}
	
	a:hover, a:active, a:focus {
	  outline: 0;
	}
	
	a:hover {
		cursor:hand;
		cursor:pointer;
	}
	
	a {
        /*text-decoration: none;*/
        -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    }
	
	a {
		outline: 0;
	}
	
	a:hover {
		text-decoration:none;
	}	
	
	.center {
		text-align:center;
	}
	
.border {
  border-top: 1px solid #ff000038;
  display: inline-block;
  height: 0;
  margin: 10px auto;
  width: 100%;
}
	
/*--*/

.mask {
	background-color:#000;
	width:100%;
	height:100%;
	position:fixed;
	z-index:100000;
}
	
#loader {    
    color: #cbe20b;
    height: 64px;
    left: 50%;
    margin: -32px 0 0 -32px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 64px;
}

#loader:after {
    content: "e";
    display: inline-block;
    font-family: "icons";
    font-size: 64px;
    height: 64px;
    left: 0;
    line-height: 80px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 64px;	
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: fade;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-o-animation-name: fade;
-o-animation-duration: 1s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
animation-name: fade;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

.wheel {
	-webkit-animation-name: rotation;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotation;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-o-animation-name: rotation;
-o-animation-duration: 1s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
animation-name: rotation;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

.wheel-1 {
	display:block;
	position:absolute;
	width:20%;
	top:10%;
	left:20%;
}

.wheel-2 {
	display: block;
    left: 45%;
    position: absolute;
    top: -8%;
    width: 10%;
}

.wheel-3 {
	display: block;
    left: 60%;
    position: absolute;
    top: 20%;
    width: 18%;
}

.wheel-4 {
	display: block;
    left: 35%;
    position: absolute;
    top: 70%;
    width: 18%;
}

.wheel-5 {
	display: block;
    left: 75%;
    position: absolute;
    top: 70%;
    width: 40%;
}

.wheel-6 {
	display: block;
    left: -25%;
    position: absolute;
    top: 60%;
    width: 40%;
}

.l-glow {

    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
	-webkit-animation-name: fade;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: fade;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-o-animation-name: fade;
-o-animation-duration: 5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
animation-name: fade;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

@-webkit-keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@-moz-keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@-o-keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(720deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}

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

.no-js	.mask {
	display:none;
}

.js .mask {
	display:block;
}
	
/*  Tabs  */
	
ul.tabs {
    background-color: transparent;
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	position: relative;
	display: block;
}

ul.tabs:after {
  content: "";
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
  width: 100%;
  bottom: -1px;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  opacity: 0.5;
}
	
ul.tabs li {
    display: inline-block;
    float: none;
    list-style: outside none none;
    margin: 0;
    padding-bottom: 0;
}
			
ul.tabs li a {
    color: #cbe20b;
    display: block;    
    font-size: 1em;
    padding: 6px 20px;
    text-decoration: none;
	transition: all 200ms;
}		

ul.tabs .tab-active a {
  font-weight: 600;
  color: #fff;
	text-shadow: 0 0 10px var(--color-yellow1);
}

ul.tabs .tab-active:before {
  content: "";
  height: 2.5px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
  width: 130%;
  bottom: -2.2px;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
}
	
.tab_container {
  clear: both;
  color: #fff;
  position: relative;
  display: block;
}
	
/*  Alert Boxes  */
	
.alertboxes {
	width:100%;
}
	
.listing .accordion {
	margin-bottom: 0;
}

.accordion-title {
	margin-bottom:0;
	cursor:hand;
	cursor:pointer;
}

.accordion-active {
	margin-bottom:15px;
}

.mapgrid-box .accordion {
    margin: 0 auto 20px;
    max-width: 960px;
    text-align: center;
}

.mapgrid-box .accordion .list-item {
	text-align:left;
}

.mapgrid-box .accordion-title {
	text-align:center;
	cursor:hand;
	cursor:pointer;
	text-decoration:underline;

}

.members .stats {
  text-align: center;
  position: absolute;
  top: -14px;
  left: -8px;
}

.members .userbox {
  flex: 0 0 30%;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  gap: 20px;
  justify-content: flex-start;
	position: relative;
}

.userpic {
  display: block;
  position: relative;  
}

.userpic:after {
	content: "";
  display: block;
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background: url(../img/ava-ring.png) no-repeat center center;
    background-size: auto;
  background-size: auto 100%;
}

.username {
  display: flex;
  flex-direction: column;
  gap: 5px;
	font-family: var(--username-font);
}

.username h5 {
	letter-spacing: 1.5px;
  font-size: 16px;
	text-shadow: 0px 0px 7px rgb(144, 242, 0);
}

.members .username h5 {
  padding: 0;
  text-align: left;  
}

.members .username span {
  display: inline-block;
  line-height: 1.2em;
  text-align: left;
  font-size: 0.8em;
  opacity: 0.7;
}

.members .border {
    margin: 10px 0;
}

.members {
  position: relative;
  display: flex;
  padding: 40px;
  gap: 20px;
  flex-direction: row;
  justify-content: space-between;
  justify-items: center;
  align-content: center;
  align-items: baseline;
  flex-wrap: wrap;
}
	
/*  Buttons  */	
	
a.n-button {
	background-color: rgba(204, 59, 59, 0.1);
    border: 1px solid #cc3b3b;
    box-shadow: 0 0 10px 2px rgba(204, 59, 59, 0.5);
    color: #fff;
    display: inline-block;
    font-weight:600;
    text-transform: uppercase;
	margin: 0 5px;
}

.switch a.n-button {
	opacity:0.7;
}

.switch a.n-button.active {
	opacity:1;
}
	
.small {
	font-size: 0.8em;
    line-height: 1.3em;
    padding: 7px 12px 5px;
}
	
.medium {
	font-size: 1.2em;
    line-height: 1.5em;
    padding: 6px 12px 5px;
	letter-spacing: 2px;
}

.forgot {
	display: inline-block;
    font-size: 1.2em;
    line-height: 2em;
    margin: 10px 10px 0;
    text-decoration: underline;
}

.forgot:hover {
	text-decoration:underline;
}
	
.outline {
	background-color:none;		
	color:#222222;		
}		
	
.outline:hover {
	background-color:rgba(203, 226, 11, 0.3);	
}
	
.outline.white {
	background-color:none;
	color:#fff;
}		
	
.outline.white:hover {
	background-color:#fff;
	color:#edffdc;
	opacity:0.8;
}
	
/* Section pages styles */

section {
    position: relative;
    z-index: 1;
}

section.vsection:before {
  display: block;
  width: 100%;
  height: 36px;
  background: url("../img/trim-h-5.jpg") repeat-x center center;
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  z-index: 1;
}

section.features:before {
  display: block;
  width: 100%;
  height: 36px;
  background: url("../img/trim-h-5.jpg") repeat-x top center;
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 1;
}

.section-title {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(118, 204, 59, 0.2), rgba(255, 255, 255, 0)) repeat scroll 0 0;*/
    clear: both;
    color: #fff;
    display: block;
    font-size: 36px;
    margin: 0 auto 0;
    padding: 140px 20px 0;
    position: relative;
    text-align: center;
    width: 100%;
    font-weight: 800;
	font-family: var(--head-font);
	text-shadow: var(--color-yellow1);
	letter-spacing: 1px;
}

.section-title:after {
  content: "";
  position: absolute;
  bottom: -15px;
  width: 50%;
  max-width: 400px;
  height: 2px;
  left: 50%;
  background: linear-gradient(90deg, rgba(0,175,242,0) 0%, var(--color-violet1) 50%, rgba(0,175,242,0) 100%);
  transform: translate(-50%,0);
}

.section-subtitle {
    clear: both;
    color: #fff;
    display: block;
    font-size: 22px;
    margin: 0 auto 0;
    padding: 20px 20px 0;
    position: relative;
    text-align: center;
    text-shadow: 0 0 40px rgb(204, 59, 59);
    width: 100%;
    font-weight: 800;
}

.clouds {
	width:100%;
	height: 100%;
	position:absolute;
	background-repeat:repeat;
	left:0;
	right:0;
	
	background: url(../images/cloud-t.png) no-repeat center top, 
                transparent url(../images/fade-bottom.png) no-repeat center bottom;
	-moz-background-size: 100%; 
    -webkit-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%;
}

.signbox {
	text-align:center;
}

.feature-items {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: baseline;
  justify-content: space-between;
}

.feature h4 {
    text-align: center;
	padding-bottom: 10px;
}

.feature-icon {
  max-width: 180px;
  width: 100%;
  margin: 0 0 20px;
}

.feature {
  line-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  gap: 20px;
  text-align: center;
  flex: 1;
}
	
	.feature-icon {
  		max-width: 120px;
  width: 90%;
  margin: -20% 0 0;
  float: none;
	}
	
	.feature h4 {
  text-align: center;
  padding-bottom: 5px;
  font-size: 20px;
  font-family: var(--head-font);
  letter-spacing: 1px;
}
	
	.feature p {
  		line-height: 18px;
  		font-size: 15px;
  		padding: 0 0 0 0;
  		text-align: center;
	}

.blog-slider a {
	color: #069bef;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: none;
    width: 100%;
	text-align:center;
}

.portfolio-item {
    overflow: hidden;
    padding: 0;
    position: relative;
}

a.portfolio-item:hover {
	opacity:0.7 !important;
}

.fa strong {
    font-family: "Arial";
    margin-left: 5px;
}

.calc-tail {
    background-color: #fffbf2;
    border: 1px solid #fbe7b4;
    bottom: -4px;
    display: block;
    height: 3px;
    left: 1%;
    position: absolute;
    width: 98%;
}

.calc-tail:after {
    background-color: #fffbf2;
    border: 1px solid #fbe7b4;
    bottom: -5px;
    display: block;
    height: 3px;
    left: 1%;
    position: absolute;
    width: 98%;
	content:"";
}

.count {
    background-color: #2363a6;
    box-shadow: 0 0 35px 1px rgba(50, 50, 50, 0.5) inset;
    display: inline-block;
    font-size: 3em;
    font-weight: normal;
    line-height: 2em;
    width: 100%;	
}

.geo {
	width:100%;
	height: 100%;
	position:fixed;	
	left:0;
	right:0;
	top: 0;
	/*background: url(../img/happytex4.jpg) repeat center center;*/
    display: none;
}

.geo:before, .charbar .sidebar:before {
    content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(#444 50%, #111 50%);
  background-size: 100% 4px;
  background-repeat: repeat-y;
  opacity: .6;
  box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, .8);
  animation: pulse 5s linear infinite;
}

.geo:after, .panel.container:before, .charbar .sidebar:after {
    content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 12px;
  background: #fff;
  background: linear-gradient(to bottom, rgba(175, 255, 0, 0) 0%,rgb(253, 255, 250) 50%,var(--color-darkglass) 51%,rgba(116, 255, 0, 0) 100%);
  opacity: .1;
  animation: vline 6.25s linear infinite;
}


.head-slide {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}

#body > .geo {
	box-shadow: 0 0 60px 10px rgba(203, 226, 11, 0.2) inset;
}

#shortcode {
	background-image:none;
}
	
.home {
    position: relative;
    width: 100%;
    /*margin-top: -45px;*/
    display: block;
	/*height:100%;*/
	height: 100vh;
	z-index:1;
}

#header {	
	position: relative;
	width: 100%;
	min-height: 660px;	
    overflow: hidden;
	display: block;
}

#header h2 {
	font-size: 2em;
}

#home audio {
    bottom: 10px;
    left: 50%;
    margin: 0 auto 0 -120px;
    position: absolute;
    width: 240px;
    z-index: 500;
}
	
	#home.parallax-slider {
		height:auto;
	}
	
	#contact .container {
		padding-bottom: 40px;
	}
	
.portfolio {
    padding: 0;
}

/* Parallax Styles */

	.parallax {
		text-align: center;
		background-position: center center;
		background-repeat: repeat;		
		background-attachment: fixed !important;
	}
	
.parallax-overlay {
	background-color: rgba(255, 255, 255, 0.5);
	position:relative;
}
	
.lt-ie9 .parallax-overlay {
	background-color: #333333;
}
	
.parallax .container {
	padding: 80px 20px 40px;
}	
	
/* Home Pattern And Image Parallax */

.home-pattern {
		width:100%;
		height:100%;
	}
	
.pattern {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

#fullscreen-slider:not(.fullscreen-slider-1x) .slick-slide .pattern {
	/*border: 1px solid transparent;*/
}

.pattern:before {
  content: "";
  width: 3px;
  height: 20%;
  position: absolute;
  left: -1.5px;
  display: inline-block;
  background: linear-gradient(0deg, rgb(178, 242, 0) 0%, rgba(178,242,0,0) 100%);
  bottom: 0;
}

.slick-slide:first-child .pattern:before {
	display: none;
}

.top-chars {
    position: absolute;
    bottom: 0;
    right: 10%;
    max-width: 50%;
    display: block;
}

.chars-left {
	right: inherit;
	left: 0;
}

	#home-center {
		height: 100%;  
		display: table;
		position: absolute;
		top: 0;
		left:0;
		right:0;
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}	
	
.div-align-center {
    display: table-cell;
    height: 100%;
    padding-top: 0;
    text-align: center;
    /*vertical-align: middle;*/
	vertical-align: bottom;
    width: 100%;
	padding-bottom: 35px;
	
	background: linear-gradient(to top, rgba(22, 26, 8, 0.75) 0%, rgba(86, 137, 35, 0) 30%);
}

.div-align-center:before {
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  background: url("../img/led1.png") repeat-x bottom center;
	background-size: auto 100%;
  opacity: 0.4;
}
	
	.div-align-center p {
		margin-bottom:20px;
	}

.div-align-center .search-box {
    float: right;
}

	p.after-slider {		
		font-size:30px;
		font-style:italic;
		text-align:center;
		padding-top:20px;
		margin-bottom:40px;
	}

/*---Slick arrows---*/

.fullscreen-arrows {
    position: absolute;
    right: 20px;
    top: 0;
    height: 100%;
    width: 82px;
}

#blog .counter {
    display: block;
    position: relative;
    height: 42px;
    color: #000;
    margin: 20px auto;
    width: 80px;
    border: 1px solid #000;
    line-height: 42px;
	padding:0;
}

#blog .slider-nav div {
	width:80px;
	height:42px;
	text-align: center;
	padding:0 !important;
}

#blog .slider-nav div span { 
	color:#A7B7BE;
}

.full-scroller-arrows {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  flex-direction: row;
	background-color: #0000007d;
}

.fullscreen-arrows .counter {
    top: 50%;
	position: absolute;
	color: #fff;
	font-size: 1.7em;
	width: 100%;
	text-align: right;
	height: 20px;
	display: block;
}

.fullscreen-arrows .counter span {
	opacity:0.5;
}

.fullscreen-arrows .counterboxes {
	display:none;
}

.slick-prev, .slick-next {
  color: #fff;
  cursor: pointer;
  font-size: 0;
  height: 48px;
  line-height: 0;
  margin-top: 0;
  outline: medium none;
  padding: 0;
  position: relative;
  bottom: 0;
  width: 48px;
  background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(164, 229, 111, 0.4), rgba(164, 229, 111, 0.2)) repeat scroll 0 0;
  border: 1px solid rgb(135, 183, 0);
  text-shadow: 0px 0px 7px rgb(53, 242, 0);
  box-shadow: 0px 0px 30px 5px rgba(76, 242, 0, 0.22);
}

.slick-prev {
  z-index: 100;
  /*border-radius: 50% 0 0 50%;*/
}

.slick-next {
  /*border-radius: 0 50% 50% 0;*/
}

.slick-prev:hover, .slick-next:hover {
	transform:scale(1.05);
}

.slick-prev:before, .slick-next:before {
    color: #fff;
    font-family: "FontAwesome";
    font-size: 30px;
    line-height: 43px;
    opacity: 1;
    width: 100%;
    position: relative;
    display: inline-block;
    height: 100%;
    text-align: center;
}

.slick-prev:before {
    content: "\f104";
}

.slick-next:before {
    content: "\f105";
}

#blog .counter .slick-prev, #blog .counter .slick-next {
    border: 1px solid #000;
    top: -1px;
    margin: 0;
}

#blog .counter .slick-prev {
	left:-42px;
}

#blog .counter .slick-next {
	right:-42px;
}

.wide-slider .slick-prev, .wide-slider  .slick-next {
	top:-80px;
	border: 1px solid #000;
}

.wide-slider .slick-prev {right: 51px;}
.wide-slider  .slick-next {right: 10px;}

#blog .counter .slick-prev:before, #blog .counter .slick-next:before,
.wide-slider .slick-prev:before, .wide-slider  .slick-next:before {
	color:#000;
}

/* Home Fullwidth Slider */

	ul.fullwidth-slider {
		position: relative;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: #222222;
		z-index: 0;
		-webkit-backface-visibility: visible;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	ul.fullwidth-slider li.slide {
		position: relative;
		display: none;
		overflow: hidden;
		float: left;
		width: 100%;
		height: 100%;
		z-index: 0;
		background-attachment:absolute ;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-backface-visibility: visible;
	}
	
	ul.fullwidth-slider li.slide .caption {
		position: relative;
		height: 100%;
		width:100%;
	}
	
	ul.fullwidth-slider li.slide .caption .caption-inside {
		position: absolute;
		top: 0px;
		width:100%;  
	}
	
	ul.fullwidth-slider li.slide .caption .slide-caption {
		height: 100%;  
		z-index: 0;
		display: table;
		position: relative;
		top: 0;
		width:80%;
		margin-left:10%;
	  	margin-right:10%;  
	}
	
	ul.fullwidth-slider li.slide .caption .slide-caption .vertical-align-middle{
	  	display: table-cell;
	  	vertical-align: middle;
	  	text-align:center;
	}
	
.vertical-align-middle p {
    margin: 0;
    color: #000;
    font-size: 1.3em;
    font-weight: normal;
    padding-bottom: 0;
    padding-top: 10px;
}

/* Home Full Screen Slider */

#fullscreen-slider {
    display: block;
    position: relative !important;
	height: 100%;
	width: 100%;
}

.faction-header-place #fullscreen-slider {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}

#fullscreen-slider div {
    background-size: contain;
    background-position: center center;
	background-repeat:no-repeat;
}

#fullscreen-slider .slick-slide {
    overflow:hidden;
}

#fullscreen-slider:not(.fullscreen-slider-1x) .slick-slide {
    left: inherit !important;
    opacity: 1 !important;
}

#fullscreen-slider:not(.fullscreen-slider-1x) + .fullscreen-arrows {
	display:none;
}

.fullscreen-slider-4x4 .slick-slide > div {
    height: 50% !important;
}

.fullscreen-slider-4x4 .slick-slide > div > div {
    position: relative;
    display: block !important;
    height: 100%;
	overflow: hidden;
}

@media only screen and (min-width: 640px) {
	
	.fullscreen-slider-4x4 .slick-track {
    	width: 100% !important;
	}

	.fullscreen-slider-4x4 .slick-slide {
   	 	width: 50% !important;
	}
	
}

/* Full-scroller Slider */

.fullscroller-slider {
    display: block;
    width: 100%;
    position: relative;
}

.slide-fulllink {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
	text-decoration: none;
}

.slide-fulllink:hover {
	opacity:1;
}

.fullscroller-slider .slide-bg-image {
    position: absolute;
    width: 100%;
	max-width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.fullscroller-slider .slide-content {
    width: 50%;
	max-width: 50%;
    left: inherit;
}

.fullscroller-slider .div-align-center {
    vertical-align: middle;
    text-align: left;
}

.fullscroller-slider .div-align-center h1 {
    text-align: left;
    font-size: 22px;
}

.fullscroller-slider .div-align-center h2 {
    text-align: left;
    font-size: 16px;
}

.full-scroller p {
    padding-left: 20px;
    padding-right: 20px;
	padding-bottom: 0;
}

.full-scroller p .fa {
    margin-right: 8px;
    color: #cc3b3b;
	width: 13px;
	text-align: center;
}

.full-scroller .slide-image {
    position: absolute;
    left: 0;
    width: 50%;
	max-width: 50%;
    height: 100%;
    display: table;
}

.full-scroller .box {
	text-align:center;
	display:block;
	position:relative;
	padding: 20px 0;
}

/* ------------------ */
	
.home video {
    left: 0;
    position: absolute;
    right: 0;
	top: 0;	
	object-fit: cover;	
	width:100%;
	height:100%;
}

.videobox, .canvas-video {
    height: 100% !important;
    left: 0;
    margin: 0 !important;
   	position: fixed;
    right: 0;
    top: 0;
    width: 100% !important;
}

.videobox > video {
    object-fit: cover;
	width:100%;
	height: 100%;
}

.videobox-main video {
    width: 100%;
    height: 100%;
	object-fit: cover;
}

#blog .videobox {
	opacity:0.2;
}
	
	#cycle-loader {
		height:32px;
		left:50%;
		margin:-8px 0 0 -8px;
		position:absolute;
		top:50%;
		width:32px;
		z-index:999;
	}
	
#slider_left:before, #slider_right:before {
    display: block;
    font-family: "FontAwesome";
    font-size: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
	cursor:hand;
	cursor:pointer;
}
	
	#slider_left {
		top:50%;
		height:60px;
		position:absolute;
		left:20px;
		width:60px;
		z-index:1000;
		margin-top:-30px;
		cursor:pointer;
	}
	
	#slider_right {
		top:50%;
		height:60px;
		position:absolute;
		right:20px;
		width:60px;
		z-index:1000;
		margin-top:-30px;
		cursor:pointer;
	}

#slider_left:before {
	content:"";
}

#slider_right:before {
	content:"";
}
	
	#slider_left:hover {
		left:18px;
	}
	
	#slider_right:hover {
		right:18px;
	}
	
.slide-content {
    display: table;
    height: 100%;
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

#fullscreen-slider .slide-bg-image {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	transition: all 1s ease;
	background-size:cover;
}

#fullscreen-slider .slide-fulllink {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
	transition: all 3s ease;
}

#fullscreen-slider .slide-fulllink:hover {
	opacity:1;
}

#fullscreen-slider .slide-fulllink:hover .slide-bg-image {
	transform: scale(1.2) rotateZ(3deg);
}
	
#header .slide-content {
	padding-bottom: 0;
}
	
.slide-content h1 img {	
    width: 100%;
	max-width:700px;
	margin: 0 auto;
}

.slide-content ul li {
	padding: 0 0 10px;
}

.slide-content p {
    font-size: 16px;
    margin: 8px 0;
    color: #fff;
    line-height: 22px;
}

.accent {
    margin: 0 !important;
    text-align: left;
    font-weight: 500;
    font-size: 1.3em;
    line-height: 1.4em;
}

.sub {
    top: 335px;
    display: inline-block;
    left: 0;
    padding: 0 20px;
    position: absolute;
    right: 0;
}

.slide-content ul {
	font-size: 2em;
	margin: 8px 0 30px;
}

.slide-content a {
	margin:10px 0;
}

table {
  font-size: 15px;
  line-height: 24px;
  position: relative;
  width: 100%;
  margin: 10px 0;
}

table caption, .visualize .visualize-title {
    color: #fff;    
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1em;
	font-weight:600;
}

table tbody {
	position: relative;
    width: 100%;
	text-align: left;
}

table tr {
	border-bottom: 1px solid #383c18;
}

.table-bordered {
	border-collapse: collapse;
}

table th {
	padding: 10px 0;
	color:#7bab3b;
}

table .tbl-head th {
	color:#f18200;
	font-family: var(--head-font);
	text-transform:uppercase;
}

table .tbl-brd th {
	color:#f18200;
	font-family: var(--head-font);
}

table td {
	padding: 10px 20px;
	text-align:center;
}

.table-bordered td {
	padding: 10px;
}



.map-container {
    overflow: scroll;
	position: relative;
	width: 100%;
	height: 960px;
}



.node {
    border-radius: 50%;
    box-shadow: 0 0 10px 1px rgba(203, 226, 11, 0.4) inset;
    display: inline-block;
    height: 24px;
    line-height: 85px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 24px;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
}

.listing .node {
    margin-bottom: 12px;
    margin-right: 5px;
    margin-top: 12px;
	cursor:default;
}


.tooltip {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 2px;
    box-shadow: 0 0 2px 1px rgba(203, 226, 11, 0.7) inset;
    color: #fff;
    display: none;
    font-size: 1.6em;
    height: auto;
    left: inherit;
    margin-right: -240px;
    padding: 20px;
    position: absolute;
    right: 50%;
    text-shadow: 0 0 25px rgba(203, 226, 11, 1);
    width: 240px;
	animation:none !important;
	transition:none !important;
}

.popover {
    background-color: rgba(0, 0, 0, 0.9);
    border: 1px solid rgba(203, 226, 11, 0.7);
    border-radius: 2px;
    box-shadow: 0 0 20px 1px rgba(203, 226, 11, 0.7);
    font-size: 1.2em;
    text-shadow: 0 0 25px rgba(203, 226, 11, 1);
    width: 320px;
}

.popover.right {
    margin-left: 20px;
}

.popover.left {
    margin-left: -20px;
}

.popover-title {
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    padding: 12px 12px 0;
}

.popover-content {
    padding: 8px 12px 0;
}

.popover-content .stats > li {
    display: block;
}

.popover-content img {
    max-width: 100%;
    padding: 10px 10px 20px;
}

.popover.right .arrow::after {    
    border-right-color: rgba(203, 226, 11, 0.7);    
}

.popover .stats {
	color: #cbe20b;
    text-shadow: 0 0 10px rgba(203, 226, 11, 1);
	margin:0;
}

.screens {
	color: #fff;
    font-size: 1em;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.screens p {
	font-weight:600;
	padding: 0;	
}

.screens div {
	margin-bottom:0;
}
	
.screens div img {   
    width: auto;
	margin-bottom:30px;
}
	
.big-screen {
	width:480px;
	height:auto;
	margin:0 auto;
	z-index:100;	
}
	
.small-screen-left {
    height: auto;
    left: -22%;
    position: absolute;
    top: 20px;
    width: 30%;
    z-index: 0;
}
	
.small-screen-right {
	width: 30%;
	height:auto;
	position:absolute;
	right:-22%;
	top:20px;
	z-index:0;	
}

.map {
	margin-bottom: 20px;
}
	
	.bar {
		text-align: left!important;
		margin: 0px!important;	
	}
	
	.bar li {
		list-style: none!important;
	}
	
	.bar li:last-child span {
		margin-bottom: 0px;
	}
	
.bar li .bar-wrap {
	margin-bottom:20px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	background:#dddddd;
}
	
	.bar li span { 
		height: 35px;
		width: 0px;
		display: block;
		border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
	}
	
	.bar li p {
		padding-bottom: 2px;
	}
	
	.bar li span {
		overflow: visible!important;
		position: relative;
	}
	
.bar li span strong {
	color: rgba(255, 255, 255, 0.8);
    display: block;
    font-size: 0.7em;
    left: 10px;
    line-height: 35px !important;
    position: absolute;
    top: 0;
}

	.element_from_top {
		top: -50px;
		padding-right: 0px;
		opacity: 0;
		position: relative;
	}
	
	.element_from_bottom {
		bottom: -50px;
		padding-left: 0px;
		opacity: 0;
		position: relative;
	}
	
	.element_from_left {
		left: -80px;
		padding-right: 0px;
		opacity: 0;
		position: relative;
	}
	
	.element_from_right {
		right: -80px;
		padding-left: 0px;
		opacity: 0;
		position: relative;
	}
	
	.element_fade_in {
		opacity: 0;
		position: relative;
		padding-left: 0px;
		right: 0px;		
	}
	
/*--*/

.no-js .element_from_top {
	top: 0;
	opacity: 1;
}
	
.no-js .element_from_bottom {
	bottom: 0;
	opacity: 1;
}
	
.no-js .element_from_left {
	left: 0;
	opacity: 1;
}
	
.no-js .element_from_right {
	right: 0;
	opacity: 1;
}
	
.no-js .element_fade_in {
	opacity: 1;
	right: 0;		
}

/* Contact Parallax */
	
.contact-details {
	text-align:center;
	width:100%;
	margin: 50px 0 0;
}
	
/* Forms */
	
#contact-formular {
    margin: 20px 0 50px;
    padding: 35px 35px 0;
    text-align: center !important;
}
	
.note {
    color: #fff;
    display: inline-block;
    font-size: 0.9em;
    line-height: 1.2em;
    margin-bottom: 20px;
    margin-top: -20px;
    opacity: 0.9;
    text-align: left;
    width: 100%;
}

label {
    color: #fff;
    font-weight:600;
    font-size: 1.1em;    
    text-align: left;
    width: 100%;
	margin-bottom: 7px;
}

input[type="text"], input[type="email"], input[type="date"], input[type="password"], select, textarea {
    
    border-radius: 0;
    
    color: #fff;
    font-weight:200;
    font-size: 1em;
    height: 36px;
    line-height: 1.8em;
    margin-bottom: 5px;
    padding: 8px 0 7px;
    text-indent: 0;
	
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	
	border-bottom: 1px solid var(--color-yellow1);
	
	background: transparent none;
	border-left: none;
	border-right: none;
	border-top: none;
}

input::placeholder {
	color: #ffffff45;
}

textarea {
  border: 1px solid rgba(242, 0, 0, 0.35);
  border-radius: 4px;
  padding: 5px 10px;
	width:100%;
}

select {
    height: 39px;
}

.form-field {
  display: flex;
  justify-content: center;
  gap: 20px;
  position: relative;
}

.box {
    display: inline-block;
    position: relative;    
	max-width:1200px;
	width:100%;
	text-align:center;
}
	
input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type="password"]:focus, select:focus {
	/*background-color: #000;
	box-shadow: 0 0 0 3px rgba(123, 171, 59, 1) inset;
		-moz-box-shadow: 0 0 0 3px rgba(123, 171, 59, 1) inset;
		-webkit-box-shadow: 0 0 0 3px rgba(123, 171, 59, 1) inset;
		-o-box-shadow: 0 0 0 3px rgba(123, 171, 59, 1) inset;*/
}
	
textarea {
	height:136px;
	resize:none;
}
	
input[type="submit"] {
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
	text-align:center;
	
	 -webkit-transition: opacity 0.2s ease, background 0.2s ease;
	transition: opacity 0.2s ease, background 0.2s ease;
	opacity: 1;
	padding: 10px;
	cursor: pointer;
	position: relative;
	color: #fff;
	border-radius: 0;
	height: 40px;
	line-height: 1;
	/*text-shadow: 0px 0px 7px rgb(0, 242, 83);*/
	font-family: var(--input-font);
	font-size: 16px;
/*background: linear-gradient(0deg, rgba(232, 0, 0, 0.32) 0%, rgba(203, 0, 0, 0.49) 48%, rgba(242, 0, 0, 0.6) 50%, rgba(242, 0, 0, 0.31) 100%);
	border: 1px solid rgb(242, 0, 0);
	box-shadow: 0px 0px 30px 5px rgba(242, 0, 0, 0.22);*/
	background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(164, 229, 111, 0.4), rgba(164, 229, 111, 0.2)) repeat scroll 0 0;
	box-shadow: 0px 0px 30px 5px rgba(76, 242, 0, 0.22);
	border: 1px solid rgb(135, 183, 0);
	text-shadow: 0px 0px 7px rgb(53, 242, 0);
	font-weight: 500;
}

input[type="submit"]:hover {
  /*background: linear-gradient(0deg, rgba(0, 134, 232, 0.43) 0%, rgba(0, 117, 203, 0.24) 48%, rgba(0, 129, 242, 0.36) 50%, rgba(0, 163, 242, 0.27) 100%);*/
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
	/*border: 1px solid rgb(0, 175, 242);
	box-shadow: 0px 0px 30px 5px rgba(0, 175, 242, 0.55);*/
	
	background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(255, 242, 31, 0.5), rgba(251, 225, 11, 0.3)) repeat scroll 0 0;
	border: 1px solid rgb(189, 171, 25);
  box-shadow: 0px 0px 30px 5px rgba(212, 242, 0, 0.55);
	text-shadow: 0px 0px 7px rgb(242, 181, 0);
}

input[type="submit"]:active {
  /*background: linear-gradient(0deg, rgba(0, 134, 232, 0.43) 0%, rgba(0, 117, 203, 0.24) 48%, rgba(0, 129, 242, 0.36) 50%, rgba(0, 163, 242, 0.27) 100%);*/
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
	/*border: 1px solid rgb(0, 175, 242);
	box-shadow: 0px 0px 30px 5px rgba(0, 175, 242, 0.55);*/
	
	background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(255, 242, 31, 0.5), rgba(251, 225, 11, 0.3)) repeat scroll 0 0;
	border: 1px solid rgb(189, 171, 25);
  box-shadow: 0px 0px 30px 5px rgba(212, 242, 0, 0.55);
	text-shadow: 0px 0px 7px rgb(242, 181, 0);
}

form input[type="submit"] {
	margin-bottom:10px;
}

#blog .container.modal .checkbox label, #blog .container.modal .radio label {
  min-height: 22px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
  vertical-align: middle;
}

#blog .container.modal .checkbox input[type="checkbox"], #blog .container.modal .checkbox input[type="radio"] {
	margin-top: 0;
}

.editbox input, .editbox select {
	width:100%;
}
	
.error_message {		
	text-align:center;		
	margin-bottom:30px;
	font-size:13px;		
	color:#e93735;		
	font-weight:bold;		
}
	
	#success_page {		
		text-align:center;		
	}	
	
	#success_page p {		
		color:#999999;		
		margin-top:20px;		
	}
	
	#message fieldset {		
		border:none;		
	}

	#map_canvas {
		width:100%;
		height:400px;
		z-index:0;
		position:relative;	
	}

/*---Wideblock---*/

.widebox {
    background-color: #000;
	background-image: url("../img/trim-h-3.png"), url("../img/trim-h-4.png");
	background-position: top center, bottom center;
	background-repeat: repeat-x, repeat-x;
    width: 100%;
    color: #000;
    display: block;
    position: relative;
    padding-top: 20px;
    padding-left: 0;
	min-height: 80px;
}

.widebox:before {
  content: "";
  display: block;
  width: 21px;
  height: 80px;
  position: absolute;
  top: 0;
  background: url("../img/but-side3.png") no-repeat center center;
  left: -14px;
  z-index: 100;
  background-size: auto 100%;
}

.widebox:after {
  content: "";
  display: block;
  width: 21px;
  height: 80px;
  position: absolute;
  top: 0;
  background: url("../img/but-side4.png") no-repeat center center;
  right: -14px;
  z-index: 100;
  background-size: auto 100%;
}

.widebox form {
    width: 100%;
    display: block;
    position: relative;
}

.widebox h3 {
    color: #000;
    font-size: 26px;
    font-weight: 800;
    line-height: 64px;
	padding-left: 20px;
}

.widebox input, .widebox span, .widebox label, .widebox textarea {
  display: block;
  margin: 10px;
  padding: 5px;
  border: none;
  font-size: 22px;
  color:#000;
}

.widebox textarea:focus, .widebox input:focus {
  outline: 0;
}

input.subscribe-question, textarea.subscribe-question {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
	font-family: var(--input-font);
    border-radius: 2px;
    margin: 0;
    border: none;
    width: 50%;
    background: rgba(0, 0, 0, 0);
    transition: padding-top 0.2s ease, margin-top 0.2s ease;
    overflow-x: hidden;
    box-sizing: content-box;
    text-indent: 20px;
    padding: 0;
}

input.subscribe-question + label,
textarea.subscribe-question + label {
  display: block;
  position: relative;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  width: 0;
  border-top: 2px solid #cc3b3b;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
  height: 0px;
  text-indent: 20px;
}

input.subscribe-question:focus + label,
textarea.subscribe-question:focus + label {
  width: 100%;
}

input.subscribe-question:focus,
input.subscribe-question:valid {
  padding-top: 22px;
}

textarea.subscribe-question:valid,
textarea.subscribe-question:focus {
  margin-top: 35px;
}

input.subscribe-question:focus + label > span,
input.subscribe-question:valid + label > span {
  top: -75px;
  font-size: 22px;
  color: #000;
}

textarea.subscribe-question:focus + label > span,
textarea.subscribe-question:valid + label > span {
  top: -150px;
  font-size: 22px;
  color: #000;
}

input.subscribe-question:valid + label,
textarea.subscribe-question:valid + label {
  border-color: green;
}

input.subscribe-question:invalid,
textarea.subscribe-question:invalid {
  box-shadow: none;
}

input.subscribe-question + label > span,
textarea.subscribe-question + label > span {
    margin: 0;
    position: absolute;
    color: #fff;
    font-size: 28px;
    top: -35px;
    left: 0px;
	padding: 0;
    z-index: 1;
    -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    text-transform: uppercase;
	font-family: var(--input-font);
	font-weight: 500;
}

.widebox input[type="submit"] {
    -webkit-transition: opacity 0.2s ease, background 0.2s ease;
	transition: opacity 0.2s ease, background 0.2s ease;
	opacity: 1;
	margin: -10px 0 0 0;
	padding: 10px;
	cursor: pointer;
	display: block;
	position: relative;
	color: #fff;
	width: 50%;
	float: right;
	border-radius: 0;
	height: 60px;
	text-shadow: 0px 0px 7px rgb(0, 175, 242);
	font-family: var(--input-font);
	font-size: 16px;
background: linear-gradient(0deg, rgba(232, 0, 0, 0.32) 0%, rgba(203, 0, 0, 0.49) 48%, rgba(242, 0, 0, 0.6) 50%, rgba(242, 0, 0, 0.31) 100%);
	border: 1px solid rgb(242, 0, 0);
	box-shadow: 0px 0px 30px 5px rgba(242, 0, 0, 0.22);
	font-weight: 500;
}

.widebox input[type="submit"]:hover {
  background: linear-gradient(0deg, rgba(0, 134, 232, 0.43) 0%, rgba(0, 117, 203, 0.24) 48%, rgba(0, 129, 242, 0.36) 50%, rgba(0, 163, 242, 0.27) 100%);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
	border: 1px solid rgb(0, 175, 242);
	box-shadow: 0px 0px 30px 5px rgba(0, 175, 242, 0.55);
}

.widebox input[type="submit"]:active {
  background: linear-gradient(0deg, rgba(0, 134, 232, 0.43) 0%, rgba(0, 117, 203, 0.24) 48%, rgba(0, 129, 242, 0.36) 50%, rgba(0, 163, 242, 0.27) 100%);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
	border: 1px solid rgb(0, 175, 242);
	box-shadow: 0px 0px 30px 5px rgba(0, 175, 242, 0.55);
}

.widebox input.question:valid ~ input[type="submit"], .widebox textarea.question:valid ~ input[type="submit"] {
  -webkit-animation: appear 1s forwards;
  animation: appear 1s forwards;
}

.widebox input.question:invalid ~ input[type="submit"], .widebox textarea.question:invalid ~ input[type="submit"] {
  display: none;
}

.form-actions {
  padding: 19px 0 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-top: none;
  *zoom: 1;
}

.form-label {
  flex: 1 0 auto;
  display: flex;
  align-content: center;
  justify-content: center;
}

.form-label label {
  font-size: 17px;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  align-content: center;
  align-items: center;
}

.form-data {
  flex: 0 1 50%;
}

.form-data input {
  width: 100%;
}

.form-check {
	text-align: left;
}

.form-check input {
	width: auto;
}

@-webkit-keyframes appear {
  100% {
    opacity: 1;
  }
}

@keyframes appear {
  100% {
    opacity: 1;
  }
}

/*---Wideblock---*/	

/*----Items scroller-----*/

.items-scroller {
    padding-left: 0;
    padding-right: 20px;
    padding-bottom: 20px;
    /*height: 120px;*/
}

.items-scroller .row {
    display: flex;
    align-items: center;
}

.items-scroller h2 {
    color: #fff;
    font-weight: 800;
    display: inline-block;
    background-color: #000;
    line-height: 26px;
    padding: 10px 10px;
    font-size: 24px;
    position: absolute;
    left: 30px;
    top: 36px;
}

.feature-items .slide-fulllink {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
    /*display: flex;
    flex-direction: row;
    align-items: center;*/
	transition: all 0.2s linear;
}

.feature-items .slide-fulllink:hover {
	transform:scale(1.05);
}

.items-scroller h3 {
    background-color: #000;
    color: #fff;
    line-height: 30px;
    margin-left: 30px;
    margin-top: 0;
    padding: 10px 15px;
}

.items-scroller .feature {
    /*height: 80px;*/
}

.items-scroller .feature img {
    /*height: 80px;*/
}

.items-scroller .feature .slide-image {
    display: block;
    width: auto;
    margin: 0 20px;
}

.items-scroller .feature h4 {
    text-align: left;
    color: #000;
    display: block;
    width: auto;
    font-size: 18px;
    font-weight: 800;
}

.partners-items {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.partners-items .feature {
    display: inline-block;
    width: auto;
}

.greybox {
    padding: 0;
    background-color: #000;
}

.greybox .feature .slide-image {
    margin: 20px;
}

.mainbox {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 20px;
  min-height: 100vh;
}

.mainflow {
	float: none !important;
  position: relative;
  padding: 20px 22px 25px;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.foliopage .mainflow {
  padding: 56px 64px 15px;
}

.photopage .mainflow {
  padding-top: 50px;
}

.searchflow {
  padding-left: 80px;
  padding-right: 80px;
}

/*---------*/



.timerbar {
  position: absolute;
  top: 240px;
  color: #fff;
  padding-bottom: 8px;
  padding-top: 8px;
  transform: rotate(90deg);
  width: 240px !important;
  height: 48px !important;
  left: -95px;
}

.timerbox {
  position: relative;
  display: block;
  font-size: 16px;
  padding: 0 20px;
  line-height: 26px;
  text-align: center;
	text-shadow: 0 0 10px rgb(255, 169, 169);
	transform: rotate(180deg) translate(0, -4px);
}

#timercount {
  display: block;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  background: linear-gradient(0deg, rgb(75, 0, 1) 0%, rgb(107, 15, 23) 48%, rgb(148, 13, 19) 50%, rgba(242, 0, 0, 0.2) 100%);
}

.char-item {
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: row;
  gap: 20px;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
	/*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 10%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);*/
}

/*.container-big-head.character .mainflow:before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 10%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}*/

.character .list-item-head-img:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgb(0, 0, 0) 100%);
	height: 100%;
}

.character .container-big-head .innertext {
  background: transparent none;
}

.charbar {
  position: relative;
  margin: 0;
  flex: 1 1 auto;
  
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
	
	justify-content: start;
  padding-top: 58px;
    max-width: 240px;
  width: 30%;
}

.charbar .sidebar {
  margin: 0;
  padding: 0;
  position: relative;
    display: flex;
  flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    max-width: 240px;
}

.list-item .charbar-holder {
  max-width: 100%;
  display: block;
  width: auto;
  padding: 0;
  margin: 0;
  float: none;
}

.char-container {
  display: block;
  position: relative;
  flex: 1 1 auto;
}

.char-details {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 15px 20px;
}

.char-detail {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1 1 auto;
  border-bottom: 1px solid #7097097d;
  padding-bottom: 10px;
}

.char-detail:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.charbar h6, #blog .container .charbar h6 {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}

.char-detail span, .char-detail a {
  position: relative;
  font-size: 14px;
}

.charbar-box {
  position: absolute;
  display: block;
  overflow: hidden;
  top: 1px;
  left: 0;
  width: 100%;
  height: calc(100% - 2px);
}

.char-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}

.char-body {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 100% auto;
  background-position: center 20%;
  background-repeat: no-repeat;
  transform: translate(0,0);
}

.char-head {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: block;
  transform: translate(0, -12%);
}

.hidebox {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  background: url("../img/led1.png") repeat-x bottom center;
  top: 0;
  height: 100%;
}

.hidebox::before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background-image: url("https://frontier-rpg.online/img/maps/grid1.svg");
  background-size: 10px 10px;
  opacity: 0.2;
}

/* Footer */

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@-moz-keyframes scroll {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}


@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0)
    }
}

.footer {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, var(--color-menu-tint1), var(--color-blue2) 100%) no-repeat scroll 0 0;
  background-size: auto 100%;
  padding: 0;
  position: relative;
  z-index: 1;
  font-size: 1.2em;
  text-shadow: 0px 0px 7px rgb(144, 242, 0);
	/*overflow: hidden;*/
}

.footer-items {
  display: flex;
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: 4px;
  text-align: center;
  align-content: center;
  align-items: center;
}

/*.footer-items .footer-quote {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding: 24px 0 0;
  color: #fff;
  font-weight: 600;
}*/

/*.footer-items:before {
  background: url("../img/bottom-trim-l.png") no-repeat center center;
  background-size: auto 100%;
  padding: 0;
  z-index: 1;
	content: "";
	width: 400px;
	height: 182px;
	position:absolute;
	left: 0;
	bottom: 0;
    max-width: 100%;
}

.footer-items:after {
  background: url("../img/bottom-trim-r.png") no-repeat center center;
  background-size: auto 100%;
  padding: 0;
  z-index: 1;
	content: "";
	width: 400px;
	height: 182px;
	position:absolute;
	right: 0;
	bottom: 0;
    max-width: 100%;
}*/

#blog .footer {
	position: absolute;	
  bottom: 0;
  left: 0;
  right: 0;
}

.footer .button.small {
    margin: 0;
}

.footer-modules {
  color: #fff;
  text-align: center;
}

.othermenu {
  display: inline-block;
  list-style: outside none none;
  margin: 0 0 20px;
}

.othermenu li {
	display:inline-block;
	padding:0 10px;
}

.footer ul.socials-icons {
	margin:0 0 20px 0;
}
	
.social a {
  text-decoration: none;
  padding: 0;
  color: #fff;
  width: 70px;
  display: flex;
  margin: 0;
  height: 70px;
  line-height: 77px;
  transition: all 0.2s ease;
  font-size: 12px;
  position: relative;  
  align-content: center;
  align-items: center;
  justify-content: center;
}

.social a:hover {
	transform:scale(1.05);
}

.social a:hover:before {
    content: "";
  box-shadow: 1px 1px 25px 12px rgb(8, 242, 1);
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}

/*.social a:hover i:before {
   animation: glitch-it 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;
   color: var(--color-blue1);
   z-index: -1;
}

.social a:hover i:after {
   animation: glitch-it 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite;
   color: var(--color-pink1);
   z-index: -2;
}*/

.social img {
  width: 100%;
  height: 100%;
  position: relative;
  align-self: center;
}

.social .fa {
    position: relative;
}
	
.footer ul.socials-icons li {
    display: inline-block;
    font-size: 24px;
    margin: 0 10px 0 20px;
}

.footer h4 {
	padding:0 20px;
}

.footer p {
	padding:0 20px;
}

.quickmenu {
    margin-top: 0;
	padding-left: 20px;
	list-style: outside none none;
	margin-bottom:0;
}

.footer form {
    margin-bottom: 8px;
    margin-top: 17px;
    padding-left: 0;
	width: 100%;
}

.footer-items > div {
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
  z-index: 3000;
  display: block;
  position: relative;
}

/*.footer:before {
  content: "";
  position: absolute;
  width: 80%;
  max-width: 460px;
  left: 50%;
  top: 0;
  height: 12px;
  background: linear-gradient(to bottom, rgba(175, 255, 0, 0) 0%,rgb(253, 255, 250) 50%,rgba(209, 254, 111, 0.98) 51%,rgba(116, 255, 0, 0) 100%);
  opacity: 0.4;
  animation: vline2 6.25s linear infinite;
  transform: translateX(-50%);
}

.footer:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 150px;
  background: url("../img/bottom-trim.png") no-repeat center bottom;
    background-size: auto;
  background-size: 100% auto;
  max-width: 900px;
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 0;
}*/
	
#up {	
    bottom: 10px;
	margin-top:-24px;
    display: none;
    height: 48px;
    position: fixed;
    right: 15px;
    width: 48px;
	z-index:500;
	border-radius: 0;
	cursor: pointer;
}
	
#menu_top_inside {
   	background-position: 0 0;
    height: 22px;
    left: 15px;
    position: absolute;
    top: 13px;
    transition: background-position 0.3s linear 0s;
    width: 18px;
}
	
	#up:hover #menu_top_inside {
		-webkit-animation: bottom_top_over .3s linear infinite;
		-moz-animation: bottom_top_over .3s linear infinite;
		-o-animation: bottom_top_over .3s linear infinite;
		animation: bottom_top_over .3s linear infinite;
	}

	@-webkit-keyframes bottom_top_over { 0% { background-position: 0px 0px; }  100% { background-position: 0px -11px; } }
	@-moz-keyframes bottom_top_over { 0% { background-position: 0px 0px; }  100% { background-position: 0px -11px; } }
	@keyframes bottom_top_over { 0% { background-position: 0px 0px; }  100% { background-position: 0px -11px; } }

.alertbox {
    background-color: rgba(123, 171, 59, 0.2);
    border: 1px dashed #7bab3b;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 48px;
    padding-top: 10px;
	position: relative;
}

/* Breadcrumb */

.breadcrumb {
  border-radius: 4px;
  color: var(--color-button-text-idle);
  font-size: 1.6em;
  list-style: outside none none;
  padding: 0;
  position: relative;
  text-align: center;  
  font-family: var(--bread-font);
  letter-spacing: 1px;
  display: flex;
  margin: 0 auto 20px;
  flex: 1 1 auto;
  justify-content: center;
  justify-items: center;
  align-items: center;
  gap: 10px;
    flex-wrap: wrap;
}

.container-big-head .breadcrumb {
	padding-left: 30px;
	padding-right: 30px;
}

.breadcrumb > li {
  display: flex;
  line-height: 24px;
  margin: 0;
  *display: inline;
  *zoom: 1;
  background: var(--color-blue2);
  padding: 5px 10px 7px;
  border-radius: 5px;
  justify-content: center;
  justify-items: center;
  align-items: center;
    flex: 0 1 auto;
}

.breadcrumb > li:last-child {
  display: none;
}

.breadcrumb a {
  color: #fff;
  line-height: 24px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  text-decoration: none;
  align-content: center;
  align-items: center;
}

.breadcrumb a:hover { 
	opacity:0.9;
}

.breadcrumb a i {
	margin:0 0 0 7px;
	line-height: 20px;
}

.breadcrumb i {
  color: var(--color-blue1);
	line-height: 20px;
	vertical-align: bottom;
	display: inline-block;
}

.breadcrumb span {
  display: inline-block;
  line-height: 20px;
  padding-left: 0;
  padding-top: 0;
  color: #fff;
  font-size: 16px;
}

.folio-header .breadcrumb {
  position: relative;
  width: auto;
  align-items: baseline;
  justify-content: flex-start;
  padding: 0;
  gap: 5px;
  margin: 0;
  flex: 0 1 auto;
  overflow: hidden;
  flex-wrap: wrap;
}
	
/* Blog */
	
#blog, #colony {
	position:relative;
	width:100%;	
	padding-top: 0;
	/*margin-bottom: 120px;
	overflow: hidden;*/
  max-width: 1200px;
  margin: 0 auto;
}

#blog.foliopage {
  width: 50%;
  margin-left: 50%;
  padding-right: 50px;
  max-width: inherit;
}

#blog .container {
  border-radius: 8px;
  margin-bottom: 50px;
  margin-top: 105px;
  width: 100%;
  color: #000;
  position: relative;
  font-size: 18px;
  line-height: 1;
  /*background: rgba(255, 255, 255, 0) linear-gradient(to left,rgba(0,0,0,0.2),rgba(0, 0, 0, 0.1) 100%) no-repeat scroll 0 0;*/  
  backdrop-filter: blur(20px);  
}

.contactpad .container {
  max-width: 800px;
  background: transparent none !important;
  border: none !important;
  backdrop-filter: none !important;
  padding-top: 40px !important;
}

#blog.foliopage .container {
  backdrop-filter: blur(20px);
  background: linear-gradient(-30deg,rgba(255, 255, 255, 0.65),#fff6,rgba(255,255,255,.09)),linear-gradient(to bottom,rgba(255,255,255,.3),rgba(0,0,0,.18));
  border: 1.5px solid #ffffffba;
  box-shadow: 0 0 200px 20px rgba(255,255,255,.7) inset, 0 0 150px var(--color-menu-tint4);
}

#blog .panel.container.modal {
  max-width: 600px;
  overflow: visible;
  top: inherit;
  left: inherit;
	flex: 0 1 auto;
  right: inherit;
  margin: 0;
  /*max-height: 100%;*/
  height: auto;
    
  /*background: linear-gradient(rgba(11, 16, 9, 0.95) 50%, rgba(17, 23, 14, 0.95) 50%);
  background-size: 100% 4px;
  background-repeat: repeat-y;*/
}

#blog .panel.container.modal.fullheight {
	max-width: 1200px;
	height: 90%;
}

#blog .social {
  gap: 10px;
  flex-wrap: wrap;
}

#blog .social a {
  width: 80px;
  height: 80px;
}

.service-buttons {
  white-space: nowrap;
}

#blog .faction {
  padding: 0;
}

#blog .container-big-head {
	padding: 30px 0 0;
	background-color: #000;
}

/*#blog .faction .borderbox {
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    
    box-shadow: 10px 0px 200px 10px rgba(62, 108, 36, 0.2) inset;
    
    background: linear-gradient(rgba(11, 16, 9, 0.29) 50%, rgba(17, 23, 14, 0.43) 50%);
  background-size: 100% 4px;
  background-repeat: repeat-y;
}

#blog .faction .borderbox:before {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  width: 40px;
  left: -20px;
  top: 0;
  background: url(../img/border-l5.png) repeat-y center center;
}

#blog .faction .borderbox:after {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  width: 40px;
  right: -20px;
  top: 0;
  background: url(../img/border-r5.png) repeat-y center center;
}

.faction-top {
  position: absolute;
  width: 100%;
  top: -80px;
  left: 0;
  right: 0;
  display: block;
  background: url(../img/corner-center.png) no-repeat center center;
  background-size: auto 100%;
  height: 120px;
}

.faction-bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}

.faction-top:before {
  content: "";
  display: block;
  position: absolute;
  left: -54px;
  top: 52px;
  width: 240px;
  height: 237px;
  background: url(../img/corner-top-l.png) no-repeat left top;
	background-size: 100% auto;	
}

.faction-top:after {
  content: "";
  display: block;
  position: absolute;
  right: -54px;
  top: 52px;
  width: 240px;
  height: 237px;
  background: url(../img/corner-top-r.png) no-repeat right top;
  background-size: 100% auto;
}

.faction-bottom:before {
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  bottom: -30px;
  width: 259px;
  height: 320px;
  background: url(../img/corner-bot5.png) no-repeat left bottom;
	background-size: 100% auto;
	transform: scaleX(-1);
}

.faction-bottom:after {
  content: "";
  display: block;
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 259px;
  height: 320px;
  background: url(../img/corner-bot5.png) no-repeat right bottom;
  background-size: 100% auto;
}*/

.faction-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.faction-header-bg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  display: block;
}

.faction-header-char {
  position: absolute;
  width: 70%;
  top: -50px;
  display: block;
}

.faction-header-place:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 400px;
  display: block;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
  left: 0;
  margin-top: -20px;
}

.faction-header-place {
  position: relative;
  display: block;
	margin-left: -30px;
	margin-right: -30px;
}

.panel-body {
  text-align: center;
	padding: 20px 40px 20px;
}

.page-profile #blog .container {
	margin-top: 200px;
	padding-top: 70px;
}

.profile-avatar {
  position: absolute;
  width: 120px;
  /*max-width: 15%;*/
  top: 0;
  transform: translate(-50%,-50%);
  left: 50%;
  display: block;
	/*margin-top: -70px;*/
    margin-top: -130px;
}

label.profile-avatar {
	cursor: default;
}

.page-profile .notices {
  position: relative;
  display: block;
  z-index: 1;
  top: inherit;
  left: inherit;
  transform: none;
  width: 100%;
}

.messages {
  position: relative;
  display: block;
  width: 100%;
  min-width: 100%;
}

.notices {
  padding: 0;
  margin: 15px 0;
}

.notices p {
  width: 100%;
}

.notices p {
  display: inline-block;
  padding: 5px;
}

.notices.red {
  border-left: 10px solid #d9534f;  
  color: #fff;
}

.notices.red p {
  background: #822121;
	text-shadow: 0 0 1px rgba(255, 0, 0, 1) !important;
}

.notices.green {
    border-left: 10px solid #5cb85c;
    background: #f1f9f1;
    color: #3d8b3d;
}

.notices.green p {
	background: #4d8221;
  text-shadow: 0px 0px 7px rgb(53, 242, 0);
}

.notices.red {
	box-shadow: 0px 0px 7px rgb(242,53, 0);
}

.notices.green {
	box-shadow: 0px 0px 7px rgb(53,242, 0);
}

#messages {
  position: relative;
  display: block;
  width: 100%;
}

.tablebox {
  padding-bottom: 0;
  display: block;
  position: relative;
  font-size: 14px;
	overflow: hidden;
	max-height: 100%;
	max-width: 100%;	
}

.editbox {
  padding-bottom: 0;
  display: block;
  position: relative;
  font-size: 14px;
	max-height: 100%;
	max-width: 100%;
}

.tablebox .desc {
	position: relative;
	display: block;
	opacity: 0.7;
	padding: 0 0 20px;
}

.tablebox .flexed {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tablebox .flexed input {
  flex: 1 0 auto;
  width: 30%;
  margin: 0 5px 0;
}

.tablebox-container.panned {
	/*min-width: 800px;*/
}

.tablebox .panned .row > div {
  min-width: 120px;
}

.tablebox-container {
	position:relative;
	display:block;
}

.tablebox .row, .editbox .row {
  display: flex;
  align-items: center;
}

.tablehead {
  padding-bottom: 20px;
	text-align: center;
}

.tablekey {
  color: #da7b7b;
}

.modal-container {
  height: 100%;
  z-index: 1;
  max-height: 100%;
  /*overflow: hidden;*/
  padding-bottom: 0;
  padding-top: 60px !important;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
}

#colony {
	padding-top: 120px !important;
}

.add-box {
  position: relative;
  padding: 30px 10px;
  display: block;
  clear: both;
}

.add-box .button3 {
	margin-left:0;
	margin-right:0;
}

.container-scroll {
	position: relative;
	width: 100%;
	display: block;
}

.data-scroll {
  display: block;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  width: 100%;
	height: 100%;
}

/*#blog .container h1 {
	color: #222;
    display: inline-block;
    font-size: 3em;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 30px;
    text-transform: none;
}*/

#blog .container h2 {
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  padding-top: 0;
  margin-bottom: 0;
	text-shadow: 0 0 10px rgba(125, 204, 59, 0.66);
	display: block;
}

#blog .container h4 {
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  padding-top: 0;
  margin-bottom: 20px;
  width: auto;  
  display: block;
}

#blog .container h4:after {
    content: "";
    position: relative;
    width: 100%;
    height: 1px;
    display: block;
    background: linear-gradient(90deg, rgba(0,175,242,0) 0%, var(--color-violet1) 50%, rgba(0,175,242,0) 100%);
    bottom: -0.5rem;
  }

#blog .container .text h4 {
	padding-top: 20px;
}

#blog .container .feature h4 {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#blog .container h6 {
    margin-bottom: 20px;
	position: relative;
}

#blog .container .text h6 {
  margin-bottom: 10px;
  position: relative;
  font-size: 15px;
  padding-top: 10px;
}
	
.blog-posts-content {
	width:100%;	
	/*float:left;*/
}

.toolbox-content {
	border-bottom: 1px solid #AAAAAA;
	margin-bottom:40px;
	padding-bottom: 20px;
}

.toolbox-content img {
	float: left;
    margin-right: 20px;
	margin-bottom: 10px;
    min-width: 280px;
    width: 20%;
}

.blog-post {
	/*float:left;*/
	display: block;
    float: left;
    position: relative;
    width: 100%;
}
	
.post-content {
	/*width:800px;
	float:left;*/
}

	.post-slider {
		margin-bottom:30px;
	}
	
	.blog-title {
  line-height: 1em;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #fff;
  font-size: 28px;
  text-align: center;
  font-weight: 700;
  font-family: var(--head-font);
		text-shadow: 0px 0px 7px rgb(144, 242, 0);
  margin-top: 20px;
    position: relative;
}

.blog-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 2px;
  left: 50%;
  background: linear-gradient(90deg, rgba(232, 0, 0, 0) 0%, rgba(140, 203, 0, 0.49) 48%, rgba(132, 242, 0, 0.6) 50%, rgba(242, 0, 0, 0) 100%);
  transform: translate(-50%,0);
}

.more-button {
  background: url(../img/arrow2.svg) no-repeat center center;
}
	
.user_name {
text-align:left !important;
font-size:1.5em;
margin-bottom: 10px;
}
	
	.blog-title a {
		text-transform:uppercase;
	}

.box-logo {
  margin: 0 auto;
  width: 80%;
  display: block;
  text-align: center;
  margin-top: -140px;
}

.box-logo img {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
	
.blog-meta {
	font-size: 1.7em;
    line-height: 1em;
	margin-bottom:10px;
}

.userpic {
    display: block;
    position: relative;
}

.userpic img {
  border-radius: 50%;
  box-shadow: 0 10px 10px rgba(203, 226, 11, 0.2);
  margin: 0;
  max-width: 120px;
  padding: 0;
}

.headbox {
    border: 1px solid rgba(203, 226, 11, 0.8);
    border-radius: 2px;
    box-shadow: 0 0 50px rgba(203, 226, 11, 0.4) inset;
    display: block;
    font-size: 0.9em;
    line-height: 12px;
    padding: 2px 5px;
    position: relative;
    top: -10px;
    font-weight:bold;
    color: #fff;
}

.user_token {
    bottom: 10px;
    color: #cbe20b;
    max-width: 48px;
    padding: 2px;
    position: absolute;
    right: 10%;
    width: 20%;
}

.user_token img {
    margin: 0 0 5px;
    max-width: 60%;
}

.disc {	
    padding-top: 15px;
	line-height: 1.1em;
}

.stats {
  font-weight: 600;
  margin: 0;
  display: flex;
  position: relative;
  font-family: var(--stats-font);
  font-size: 12px;
  flex-wrap: wrap;
  gap: 2px;
  align-content: center;
  justify-content: center;
}

.container-big-head .stats {
	padding-left: 30px;
	padding-right: 30px;
}

.stats-head {
	text-align:center;
	text-shadow: 0 0 10px var(--color-black);
}

.folio-header .stats-head {
  text-align: left;
  align-content: flex-start;
  justify-content: flex-start;
  align-self: baseline;
  font-size: 20px;
  gap: 10px;
  color: var(--color-neutral1);
  font-weight: 100;
  line-height: 1;
  letter-spacing: .5px;

  z-index: 100;
}

.stats > li {
    display: inline-block;
}

.stats > a {
  margin: 0;
  line-height: 28px;
  color: var(--color-neutral1);
  background: var(--color-blue2);
  padding: 0 5px 2px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
}

.stats .more-link {
  background: transparent;
  text-decoration: underline;
  padding: 0;
  transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.stats .more-link:hover {
  transform: scale(1.1);
}

.list-item-glass .stats .more-link:hover {
  transform: scale(1.15);
}

.more-link img {
  width: 64px;
  height: 64px;
  max-width: 10vw;
  display: block;
  position: relative;
}

.stats-subhead {
  display: flex;
  align-content: center;
  align-items: center;
}

.stats > span {
  text-decoration: none;
  font-weight: 600;  
  line-height: 1;
  padding: 0 4px;
  letter-spacing: -1px;
}

.stats b {
	color: #fff;
	font-size: 1.2em;
}

.date {
  margin-right: 10px;
  display: flex;
  flex: 1 1 100%;
  font-size: 28px;
  font-weight: 600;
}

.blog-content {
	display: block;
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}

.post-quote {
	padding: 30px 30px 10px;
	border-radius:3px;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.inactive {
    opacity: 0.4 !important;
}

/*.listing {
	padding-top:15px;
}*/

.listing {
  padding-top: 0;
  display: flex;
  flex-wrap: wrap;
    gap: 4px;
    width:100%;
}

.list-item {
    clear: both;
    display: inline-block;
    width: 100%;
	border-bottom: 1px dashed rgba(226, 11, 11, 0.4);
	padding-bottom: 0;
	margin-bottom: 0;
}

.posts .list-item {
	border: none;
  display: flex;
  flex: 1 0 48%;
  flex-direction: column;
  justify-content: space-between;
  flex-flow: column;
  /*clip-path: polygon(0% 15px, 15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px));*/
  max-height: 45vh;
  /*min-width: 300px;
  min-height: 25vh;*/
  min-width: 240px;
  min-height: 29.5vh;
  position: relative;
}

.innerpost .list-item {
  max-height: none;
  min-width: none;
} 

.posts .list-item:hover {
  z-index: 100;
}

.posts .list-item-glass {
  display: flex;
  padding: 30px 30px 25px;
  height: 100%;
  text-shadow: 0 0 5px rgb(0,0,0);
  flex-flow: column;
  justify-content: space-between;
  background: rgba(0,0,0,0) linear-gradient(to top,var(--color-menu-tint1),var(--color-menu-tint4) 100%) no-repeat scroll 0 0;
  border-radius: 4px;
  box-shadow: 10px 0 100px 10px var(--color-violet2) inset;
  gap: 10px;
  justify-content: end;
  position: relative;
  border-radius: 23px;
  overflow: hidden;
  transition: all 0.5s ease;
}

.list-item-glass:hover {
  transform: scale(1.01);
}

.list-item-glass:hover .list-item-img {
  transform: scale(1.02);
}

.list-item-glass h3 {
  font-size: 30px;
  line-height: 32px;
  text-shadow: 0 0 10px var(--color-button-text-hover);
}

.list-item-glass p, .list-item-glass .text p {
  line-height: 24px;
  font-size: 18px;
  font-weight: 400;
  text-shadow: 0 0 10px var(--color-button-text-hover);
}

.list-item-glass .stats {
  margin-left: 0;
  margin-bottom: 0;
  position: relative;
  display: block;
}

.list-item-glass .stats-head {
  position: absolute;
  top: 25px;
  left: 30px;
}

.list-item-glass .list-item-img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.5s ease;
}

.list-item-glass .list-item-img::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0) linear-gradient(to top,var(--color-menu-tint2) 0%,rgba(133,50,255,0) 100%) no-repeat scroll 0 0;
}

.list-item:hover .list-item-glass .list-item-img {
  opacity: 1;
}

.list-item-head-img {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
}

.list-item-head-img:after {
	content:"";
	display: block;
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 60%, rgb(0, 0, 0) 100%);
}

.list-item-head-img img {
  width: 100%;
  display: block;
  position: relative;
}

.list-item-header {
  display: block;
  position: relative;
  text-align: center;
  font-size: 30px;
  padding-top: 30px;
  padding-bottom: 45px;
}

.justified-gallery > a, .justified-gallery > div, .justified-gallery > figure {
  /*clip-path: polygon(0% 10px, 10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px));*/
  border-radius: 0px;
}

.form-header {
	padding-top: 10px;
	padding-bottom: 25px;	
	font-family: var(--head-font);
	font-size: 26px;
}

.container-big-head .list-item-header {
	padding-left:30px;
	padding-right:30px;
}

.posts h3 {
    padding-bottom: 0;
	position: relative;
	display: block;
}

.list-item-box {
  padding: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  text-decoration: none;
  width: 100%;
  height: 100%;
  align-content: center;
  align-items: flex-start;
  gap: 20px;
  justify-content: end;
}

.list-item p {
    padding-bottom: 0;
}

.text p {
  padding-bottom: 0;
  font-size: 22px;
  line-height: 24px;
  text-shadow: 0 0 150px var(--color-neutral1);
  font-weight: 400;
}

.list-item img {
  float: none;
  margin: 0;
  max-width: 50%;
  padding: 0;
  /*width: 180px;*/
}

.posts img {
    max-width: 50%;
}

.list-item .justified-gallery img, .posts .justified-gallery img {
	max-width: inherit;
	float: inherit;
	margin: inherit;
	padding: 0;
	width: inherit;
}

.list-item-glass .stats-head img {
  max-width: inherit;
}

.list-item .big-head {
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
}

	.post-quote h3 {
		color:#fff;
		text-transform:uppercase;
		line-height:30px;
		margin-bottom:15px;
	}
	
	.post-quote p {
		color:#fff;
		opacity:0.5;
	}
	
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 10px;
		height: 0;
		overflow: hidden;
		margin-bottom:0;
	}	

	.video-container iframe, .video-container object, .video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:0;
	}
	
	hr {
  display: inline-block;
  margin: 20px auto 30px;
  opacity: 1;
  width: 100%;
  border: none;
  background: url("../img/borderline.png") no-repeat center center;
  background-size: auto 100%;
  height: 50px;
  position: relative;
}
	
	.blog-content  h1, .blog-content  h2, .blog-content  h3, .blog-content  h4, .blog-content  h5 {		
		color:#fff;
		margin-bottom:30px;
		margin-top:0;
	}

.listing .accent {
  margin: 0 !important;
  text-align: left;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 20px !important;
}
	
blockquote {
	background-size:21px 17px;
	background-position: left 8px;
	background-repeat: no-repeat;
	font-weight:100;
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.3em;
	padding-left: 35px;
	padding-right: 15px;
	margin: 10px 0 15px;
	position: relative;
}

blockquote p {
	color: var(--color-yellow1) !important;
	margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

blockquote .fa-quote-right {
	margin-left: -32px;
    position: absolute;
}

blockquote cite {
	color:var(--color-yellow-tint1);
	font-weight:600;
}

q:before, q:after, blockquote:before, blockquote:after {
	font-family: FontAwesome;
  position: absolute;
  color: var(--color-yellow1);
  font-size: 12px;
    
    top: 50%;
    transform: translate(0, -50%);
}

q:before, blockquote:before {
    content: "";
	left: 0;
    top: 0;    
}

q:after, blockquote:after {
    bottom: 0;
    content: "";
    right: 0;
}

.footer-quote blockquote {
  font-weight: 500;
  padding-left: 22px;
  padding-right: 22px;
  margin: 0;
	max-width: 400px;
	font-size: 14px;
    font-family: var(--quote-font);
}

/* Sidebar */

.sidebar {
  background: rgba(0, 0, 0, 0) linear-gradient(to top, var(--color-menu-tint1), var(--color-menu-tint4) 100%) no-repeat scroll 0 0;
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  width: auto !important;
  display: block;
  float: none !important;
  padding: 90px 20px 20px 80px;
  max-width: 300px;
}

.container-big-head .sidebar {
	margin-bottom: 0;
	margin-top: 0;
}

.sidebar-box {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.sidebar input {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -5px;
	margin-bottom: 15px;
  width: 100%;
}

.sidebar .sidebar-l, .sidebar .sidebar-r {
  position: absolute;
  display: block;
  height: 100%;
  top: 0;
  width: 7px;
  background: url(../img/cor-l.jpg) repeat-y center center;
  background-size: 100% auto;
}

.sidebar .sidebar-l {
	left:0;
}

.sidebar .sidebar-r {
	right:0;
	transform: rotate(180deg);
}

.sidebar .sidebar-l:before, .sidebar .sidebar-l:after, .sidebar .sidebar-r:before, .sidebar .sidebar-r:after {
	content: "";
	display: block;
	position: absolute;
	/*width: 20px;
	height: 20px;
	background: url(../img/corn-ul3.png) no-repeat center center;*/
	width: 24px;
  height: 33px;
  background: url(../img/corn-ul4.png) no-repeat center center;
  	background-size: 100% auto;
}

.sidebar .sidebar-l:before {	
	/*left: 0;
	top: -2px;*/
	left: -4px;
  top: -3px;
}

.sidebar .sidebar-l:after {	
	left: 0;
	bottom: -2px;
	/*transform: rotate(-90deg);*/
	transform: rotate(-180deg) scaleX(-1);
}

.sidebar .sidebar-r:before {
  right: -14px;
  top: -2px;
  transform: rotate(0deg);
}

.sidebar .sidebar-r:after {
  right: -14px;
  bottom: -2px;
  transform: rotate(-180deg) scaleX(-1);
}

.sidebar .sidebar-l:after {
	left: -4px;
	bottom: -2px;
}

.sidebar-content {
	margin-bottom:20px;
}

.archives {
    margin: 0 0 7px;
	font-family: var(--archive-font);
}

.syndicate a {
    border-radius: 2px;
    padding: 7px 7px 5px;
}

.sidebar li {
  display: inline-block;
  border-left: none;
  padding: 0 5px 0 0;
	margin-bottom: 0;
	margin-left: 0;
}

.sidebar-content {
  margin-bottom: 0;
  flex: min-content;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
}

.sidebar-content h4, #blog .sidebar-content h4 {
  padding-bottom: 20px;
  display: inline-block;
  padding-right: 0;
  font-size: 14px;
  padding-top: 0;
  font-family: var(--head-font);
  letter-spacing: 1px;
  color: var(--color-neutral1);
  margin: 0;
  margin-right: 0px;
  margin-left: 0px;
  text-align: left;
}

.sidebar .archives {
  font-weight: 600;
  margin: 0;
  display: flex;
  position: relative;
  font-family: var(--stats-font);
  font-size: 18px;
  flex-wrap: wrap;
  gap: 4px;
  align-content: center;
  justify-content: left;
}

.sidebar .archives li {
  margin: 0;
  line-height: 20px;
  color: var(--color-neutral1);
  background: var(--color-violet1);
  padding: 0 5px 2px;
  border-radius: 0;
  text-decoration: none;
  text-shadow: none;
}

.sidebar .archives li a {
  text-decoration: none;
  text-shadow: none;
}
	
/* Posts Navigation */				
	
.inner-navigation {
	margin-bottom: 20px;
  margin-top: 20px;
  list-style: outside none none;
  text-align: center;
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 20px;
}

.container-big-head .inner-navigation {
	padding-left: 30px;
	padding-right: 30px;
}

/*.inner-navigation a, .inner-navigation span {
    display: inline-block;
    padding: 4px 15px;
	line-height: 32px;
}
	
.inner-navigation li a, .inner-navigation li span {
	display: inline-block;
	background: rgba(0, 0, 0, 0) linear-gradient(to top, rgb(76, 102, 53), rgb(40, 54, 31)) repeat scroll 0 0;
    border: 1px solid rgb(112, 150, 6);
    border-radius: 0;
	text-shadow: 0px 0px 7px rgb(130, 187, 97);
	font-family: var(--nav-font);
	color: #fff;
}

.inner-navigation li span {
	background-color:rgba(203, 226, 11, 0.2);
}

.inner-navigation li span.current {
	background-color:rgba(203, 226, 11, 0.5);
}

.inner-navigation li a img {
	max-height:200px;
	margin-bottom:10px;	
}
	
.inner-navigation li:first-child {
}

.inner-navigation li:first-child a {
	
	padding:0 12px;
}
	
.inner-navigation li:last-child a {
	
    padding: 0 12px;
}

.inner-navigation li:last-child {
}
*/

.inner-navigation li {
  border-left: none;
    margin: 0 0 20px;
    padding: 0;
}
	
.pagination {
	color:#fff;
  margin: 40px 0 20px;
}

.pagination li {
	border: none;
	padding: 0;
	margin: 0;
}

.pagination li a {
  border: 1px solid rgb(112, 150, 6);
  border-radius: 0;
  text-shadow: 0px 0px 7px rgb(130, 187, 97);
  font-family: var(--nav-font);
  color: #fff;
  text-decoration: none;
  background: rgba(0, 0, 0, 0) linear-gradient(to top, rgb(76, 102, 53), rgb(40, 54, 31)) repeat scroll 0 0;
}

.pagination li a:hover {
  opacity: 1;
  text-decoration: none;
  color: #fff !important;
  background: rgba(0, 0, 0, 0) linear-gradient(to top, rgb(136, 129, 22), rgb(82, 75, 9)) repeat scroll 0 0;
  border: 1px solid rgb(189, 171, 25);
  box-shadow: 0px 0px 30px 5px rgba(212, 242, 0, 0.55);
	text-shadow: 0px 0px 7px rgb(242, 181, 0);
}

	
/* Responsive Media Querries */		

@media only screen and (max-width: 1600px) {
	
h1 {
	font-size:3.4em;
}	

.slide-content {
}

.logo-game {
    max-width: 70%;
}

}

@media only screen and (max-width: 1300px) {
	
h1 {
	font-size:3.4em;
}	

	.container {
		width: 1000px;
	}
	
	#blog .container {
		/*width: 860px !important;
		width: 85% !important;*/
	}
	
	.blog-posts-content {
		min-height: 100px;
		/*width: 800px;		*/
	}
	
input.subscribe-question + label > span, textarea.subscribe-question + label > span {
    font-size: 20px;
}
	
.widebox input[type="submit"] {
    font-size: 16px;
	white-space: break-spaces;
	line-height: 24px;
}
	
}

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

h1 {
	font-size:3.4em;
}

.div-align-center {
    padding-top: 0;
	padding-bottom: 20px;
}

	.container {
		width:680px;
	}
	
	.text-slide-vertical {
		font-size:60px;
	}
	
	.text-slide-vertical li {
		line-height:80px;
	}
	
	ul.fullwidth-slider li.slide {
		background-position: center 0px!important;
	}
	
	ul.fullwidth-slider li.slide .caption .caption-inside {
		position: relative;
		width:100%;
		height:100%;  
	}
	
	.parallax {
    	height: 100%;
   	 margin: 0 auto;
    	width: 100%;
    	transition: all 1s linear;
	}
	
	.small-screen-left, .small-screen-right {
		top: 40px;
		width: 200px;
	}

	#blog .container {
		/*width: 90% !important;*/
	}
	
	.blog-posts-content {
		min-height: 100px;
	}
		
	.items-scroller h3 {
		font-size: 22px;
		margin-left: 20px;
	}
	
	.footer-quote blockquote {
		background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
		padding-top: 5px;
		padding-bottom: 8px;
		font-size: 13px;
	}

  .folio-header {
    padding: 100px 50px 50px;
  }

  .foliopage .mainflow {
    padding: 25px 32px 15px;
  }

  .background-glow {
    transform: scale(1);
  }

}

@media only screen and (max-width: 767px) {
	
h1 {
	font-size:3.2em;
}

.div-align-center h1 {
    font-size: 24px;
}
	
h2 {
	font-size: 1.4em;
}

.div-align-center h2 {
    font-size: 16px;
}
	
h4 {
	font-size: 1.2em;
	line-height: 1.3;
}

.navbar-inner .sublinks a {
    font-size: 12px;
}

	.container {
		width:440px;
		font-size: 1.4em;
	}

	.blog-header h2 {
  font-size: 22px;
	}

.blog-title {
	font-size: 1.4em;
}
	
	.section-title {
    	margin: 0 auto;
	}
	
.company-phone a {
	font-size: 2em;
	line-height:1em;
}
	
	#blog .container {
		/*width: 90% !important;*/
	}
	
	.blog-posts-content {
		min-height: 100px;
	}
	
	.table-header p {
		display:none;
	}

.slide-content h1 p {
	font-size:1.2em;	
	padding: 0 0 5px !important;
}

.slide-content h1 p.accent {
	font-size: 1.6em !important;
}

.service-item p {
    font-size: 1.3em !important;
}

.slide-content ul {
	font-size:1.2em;
}

.slide-content ul li {
	padding:0 0 5px;
}

a.caller {
	font-size:1.8em;
}

table {
	font-size:1.5em;
	line-height:1em;
}

.widebox input[type="submit"] {
    float: none;
    width: 100%;
}

input.subscribe-question:focus, input.subscribe-question:valid {
    padding-top: 38px;
}

input.subscribe-question:focus + label > span, input.subscribe-question:valid + label > span {
    top: -75px;
}

input.subscribe-question + label > span, textarea.subscribe-question + label > span {
    top: -37px;
}

.section-title {
    font-size: 24px;
}

.section-subtitle {
    font-size: 18px;
}

.items-scroller h3 {
    font-size: 20px;
    line-height: 28px;
	margin-left: 20px;
}

.items-scroller h3 {
    margin-left: 0;
}

.items-scroller .row {
    display: block;
}

.items-scroller {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    height: auto;
}

}

.left {
		float: left !important;
	}
	
	.right {
		float: right !important;
	}
	
/*------*/

.side-tower svg {
  overflow: visible;
}

.side-tower .search {
    position: absolute;
    top: 130px;
    left: -15px;
    margin-left: -16rem;
    margin-top: -3.5rem;
    width: 32rem;
    height: 64px;
	
	background: url("../img/menu-search-active.png") no-repeat center center;
  background-size: auto;
  background-size: auto 100%;
}

.side-tower .search:not(.active) {
  cursor: pointer;
  width: 80px;
  margin-left: 0;
  left: -55px;
  transform: scale(1.8);
	height: 42px;
	top: 140px;
	
	background: url("../img/menu-search.png") no-repeat center center;
  background-size: auto;
  background-size: 100% auto;
}

@media only screen and (max-width: 767px) {
	.side-tower .search:not(.active) {
  		cursor: pointer;
  		width: 60px;
  		margin-left: 0;
  		left: -38px;
  		transform: scale(2);
	}
}

@media only screen and (max-width: 575px) {
	
	.full-scroller-arrows {
  		bottom: 20px;
  		transform: translate(-50%, 0);
	}
	
}

@media only screen and (max-width: 475px) {
	/*.side-tower .search:not(.active) {
  		width: 40px;
  		left: 0;
  		transform: scale(2);
	}*/
}

.side-tower .search-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.side-tower .search-svg__path {
    fill: none;
   stroke: #fff;
  stroke-width: 3px;
}

.side-tower .active .search-svg__path {
    fill: rgba(0,0,0,0.9);
    transform:  translate(-100px,16px) scaleY(0.6) scaleX(0.67);
	stroke: #d6c8768f;
  stroke-width: 2px;
}

.side-tower .search-input {
    position: relative;
    width: 175px;
    height: 36px;
    padding: 0;
    background: transparent;
    outline: none;
    border: none;
    font-size: 16px;
    color: #fff;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.2s;
    transform: translateX(20px);
	border: none;
	box-shadow: none;
	
	margin: 0;
  top: 12px;
	left: 8px;
}

.side-tower .search-input.visible {
  z-index: auto;
  opacity: 1;	
}

.side-tower input[type=text]:focus, .side-tower textarea:focus, .side-tower input[type=email]:focus, .side-tower input[type="password"]:focus, .side-tower select:focus {
	background-color: transparent;
	box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
}

.side-tower .closeBtn {
    position: absolute;
    top: 0rem;
    right: 1.5rem;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    z-index: -1;
}

.side-tower .closeBtn.visible {
    z-index: auto;
   transform: translate(-208px, 8px) scale(0.6);
}

.side-tower .closeBtn.visible:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  opacity: 1;
  transition: opacity 0.1s, -webkit-transform 0.2s cubic-bezier(0.73, 0.14, 0.4, 1.58);
  transition: transform 0.2s cubic-bezier(0.73, 0.14, 0.4, 1.58), opacity 0.1s;
  transition: transform 0.2s cubic-bezier(0.73, 0.14, 0.4, 1.58), opacity 0.1s, -webkit-transform 0.2s cubic-bezier(0.73, 0.14, 0.4, 1.58);
}

.side-tower .closeBtn.visible:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 1;
  transition: opacity 0.1s 0.2s, -webkit-transform 0.2s 0.2s cubic-bezier(0.73, 0.14, 0.4, 1.58);
  transition: transform 0.2s 0.2s cubic-bezier(0.73, 0.14, 0.4, 1.58), opacity 0.1s 0.2s;
  transition: transform 0.2s 0.2s cubic-bezier(0.73, 0.14, 0.4, 1.58), opacity 0.1s 0.2s, -webkit-transform 0.2s 0.2s cubic-bezier(0.73, 0.14, 0.4, 1.58);
}

.side-tower .closeBtn::before, .side-tower .closeBtn::after {
    content: "";
    position: absolute;
    top: 1.0rem;
    left: 0;
    width: 100%;
    height: 0.15rem;
    background: #fff;
    border-radius: 0.5rem;
    opacity: 0;
}

.side-tower .closeBtn:before {
  -webkit-transform: rotate(-45deg) translateX(2rem);
          transform: rotate(-45deg) translateX(2rem);
  transition: opacity 0.1s 0.1s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.1s 0.1s;
  transition: transform 0.2s, opacity 0.1s 0.1s, -webkit-transform 0.2s;
}

.side-tower .closeBtn:after {
  -webkit-transform: rotate(45deg) translateX(2rem);
          transform: rotate(45deg) translateX(2rem);
  transition: opacity 0.1s 0.3s, -webkit-transform 0.2s 0.2s;
  transition: transform 0.2s 0.2s, opacity 0.1s 0.3s;
  transition: transform 0.2s 0.2s, opacity 0.1s 0.3s, -webkit-transform 0.2s 0.2s;
}


/*.button3 {
  margin: 0;
  padding: 10px 20px;
  position: relative;
  
  color: var(--color-button-text-idle);
  text-align: center;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  font-family: var(--button-font);
  font-size: 20px;
	text-decoration: none;	
	
	border-radius: 0;
	line-height: 1;
    
    box-shadow: 0px 0px 30px 5px var(--color-yellow-tint1) inset;
    border: 2px solid var(--color-yellow1);
    text-shadow: 0px 0px 7px var(--color-yellow1);
    
    background: transparent none;

    backdrop-filter: blur(20px);
}*/

.button3 {
  position: relative;
  padding: 16px 40px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--color-button-text-idle);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1.5px solid transparent;
  border-radius: 40px;
  backdrop-filter: blur(30px);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  overflow: hidden;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: auto;

  text-decoration: none;
  text-transform: uppercase;
}

.button3:before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 40px;
  padding: 1.5px;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(138, 43, 226, 0.4) 25%,
    rgba(0, 191, 255, 0.4) 50%,
    rgba(255, 105, 180, 0.4) 75%,
    rgba(255, 255, 255, 0.4) 100%);
  background-size: 200% 200%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: borderFlow 3s linear infinite;
  opacity: 0.6;
  transition: opacity 0.5s ease;
}

@keyframes borderFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

.button3:after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 40px;
  background: radial-gradient(circle at var(--x, 50%) var(--y, 50%),
    rgba(255, 255, 255, 0.2) 0%,
    transparent 50%);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.glass3:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);
  box-shadow:
    0 12px 48px rgba(138, 43, 226, 0.3),
    0 0 80px rgba(0, 191, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  transform: translateY(-3px) scale(1.02);
}

.button3:hover::before {
  opacity: 1;
  animation-duration: 2s;
}

.button3:hover::after {
  opacity: 1;
}

.button3:active {
  transform: translateY(-1px) scale(0.98);
  box-shadow:
    0 6px 24px rgba(138, 43, 226, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.button3 .shimmer {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.1) 45%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.1) 55%,
    transparent 100%
  );
  transform: rotate(30deg);
  animation: shimmer 3s infinite;
  pointer-events: none;
}

@keyframes shimmer {
  0% { transform: translateX(-100%) rotate(30deg); }
  100% { transform: translateX(100%) rotate(30deg); }
}

.button3:hover .shimmer {
  animation-duration: 1.5s;
}

.button3 span {
  position: relative;
  z-index: 1;
}




.button3 span {
    position: relative;
}

button.btn-primary, a.btn-primary {
  width: 100%;
}

#blog .button3 {
  display: block;
  margin: 20px 0 20px;
}

.overlay .button3 {
  display: block;
  margin: 20px 0 1px;
}

#blog .faction-header-place .button3 {
  margin-left: 30px;
  margin-right: 30px;
	margin-bottom: 10px;
}

.b-decorator {
  position: absolute !important;
  width: 100%;
  height: 15px;
  border: 1px solid transparent;
  animation: 0.1s flicker;
  animation-iteration-count: 3;
  transition: all 0.35s cubic-bezier(0.75, 0, 0.25, 1);
    
    opacity: 0.3;

    display: none;
}

.button3:hover .b-decorator {
  opacity: 1;
}

.b-decorator.b-top {
  top: -5px;
  border-top: 2px solid #709709;
}

.b-decorator.b-bottom {
  bottom: -5px;
  border-bottom: 2px solid #709709;
}

.b-decorator.b-left {
  left: -5px;
  border-left: 2px solid #709709;
}

.b-decorator.b-right {
  right: -5px;
  border-right: 2px solid #709709;
}

.b-decorator.b-top.b-left {
  clip-path: polygon(100% 0, 0 0, 0 100%);
  width: 15px;
  height: 15px;
  opacity: 1;
  background-color: var(--color-yellow1);
  top: 0;
  left: 0;
  border: none;
    transition-duration: 0s;
}

.b-decorator.b-bottom.b-right {
  clip-path: polygon(100% 100%, 100% 0, 0 100%);
  width: 15px;
  height: 15px;
  opacity: 1;
  background-color: var(--color-yellow1);
  bottom: 0;
  right: 0;
  border: none;
}

.button3:hover .b-decorator {
    background-color: transparent;
}

.button3:hover .b-decorator.b-top {
  top: -10px;
  border-top: 2px solid var(--accent-color);
  width: 100%;
}

.button3:hover .b-decorator.b-bottom {
  bottom: -10px;
  border-bottom: 2px solid var(--accent-color);
  height: 100%;
}

.button3:hover .b-decorator.b-left {
  left: -10px;
  border-left: 2px solid var(--accent-color);
  width: 100%;
}

.button3:hover .b-decorator.b-right {
  right: -10px;
  border-right: 2px solid var(--accent-color);
}

.button3:hover .b-decorator.b-top.b-right {
  height: 100%;
}

.button3:hover .b-decorator.b-bottom.b-right {
  height: 15px;
}

/*--Glitch fx--*/

.glitchbox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}

.glitch-img {
  position: absolute;
  top: calc(-1 * 5px);
  left: calc(-1 * 10px);
  width: calc(100% + 10px * 2);
  height: calc(100% + 5px * 2);
  
  background-position-x: 50%;
  background-position-y: 0px;
  background-repeat: no-repeat;
    
  background-color: transparent;
  background-size: 100% auto;
  transform: translate3d(0,0,0);
  background-blend-mode: none;

  opacity: 0;
}

.glitch-img:nth-child(n+2) {
	opacity: 0;
}

.glitch-img:nth-child(n+2) {
	animation-duration: 4s;
	animation-delay: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.glitch-img:nth-child(2) {
	background-color: transparent;
	background-blend-mode: none;
	animation-name: glitch-anim-1;
}

.glitch-img:nth-child(3) {
	background-color: transparent;
	background-blend-mode: none;
	animation-name: glitch-anim-2;
}

.glitch-img:nth-child(4) {
	background-color: var(--color-pink1);
	background-blend-mode: overlay;
	animation-name: glitch-anim-3;
}

.glitch-img:nth-child(5) {
	background-color: var(--color-blue2);
	background-blend-mode: overlay;
	animation-name: glitch-anim-flash;
}

/*---------*/

.form-group {
  margin-bottom: 0;
}

@media only screen and (max-width: 1200px) {

  .posts img {
    max-width: 100%;
    padding-left: 0;
    width: auto;
    float: none;
    margin: 10px auto 0;
  }

  .foliopage .mainflow {
    padding: 25px 30px 15px;
  }

}

@media only screen and (max-width: 800px) {

#mainbox, #app {padding-left:0;padding-right:0;}

.side-tower {
    width: 20px;
}
	
	.right-tower:before {
		top: 0;
  		right: 0;
  		width: 100px;
  		height: 180px;
  	}

.left-tower {display:none;}

.side-tower .search {
    left: -10px;
	top: 170px;
}
	
.side-tower .social {
  top: 170px;
  left: -45px;
}

.home {
	/*padding-top: 80px;*/
  padding-top:0;
}

.full-scroller .slide-image {
    position: relative;
    left: inherit;
    width: 100%;
    height: auto;
	display: block;
	text-align: center;
	max-width: 100%;
}

.fullscroller-slider .slide-image .div-align-center {
    text-align: center;
    display: inline-block;
    padding-bottom: 0;
    padding-top: 30px;
}

.full-scroller .slide-image img {
    display: inline-block;
    width: 100%;
	/*max-width: 100%;*/
    padding: 0;
    max-width: 400px;
}

.fullscroller-slider .slide-content {
    width: 100%;
	max-width: 100%;
    position: relative;
    display: block;
}

.full-scroller p {
	font-size: 14px;
	line-height: 20px;
}

.full-scroller .slick-dots {
    bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.items-scroller .feature .slide-image {
    margin: 20px 20px;
}
	
	.feature-items {
  		padding-top: 20px;
  		padding-bottom: 0;
	}
	
	.feature {
  		line-height: 80px;
  		position: relative;
  		display: flex;
  		flex-direction: row;
  		align-items: center;
		margin-bottom: 20px;
	}
	
	.feature-icon {
  		max-width: 100px;
    width: 100px;
    margin: 0;
	}
	
	.feature h4 {
  		text-align: left;
  		padding-bottom: 5px;
  		font-size: 20px;
	}
	
	.feature p {
  		line-height: 18px;
  		font-size: 18px;
  		padding: 0 20px 0 0;
  		text-align: left;
	}

  .button3 {
    font-size: 18px;
  }

  .mainbox {
    flex-direction: column;
  }

  .sidebar {
    padding: 90px 20px 20px 70px;
    max-width: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, var(--color-menu-tint1), var(--color-menu-tint4) 100%) no-repeat scroll 0 0;
  }

  .searchflow {
    padding: 40px 10px 0 60px;
  }

/*}

@media only screen and (max-width: 640px) {*/
	
	.form-field {
 	    gap: 0;
  		flex-direction: column-reverse;
	}
	
	.form-label {
        flex: 1 0 100%;
        margin-top: -5px;
    }
	
	.form-data {
	  flex: 0 1 100%;
    }
	
	.form-check-field {
		flex-direction: row;
		gap: 10px;
	}
	
	.form-check-field .form-label {
		flex: 1 0 auto;
        margin-top: -2px;
	}
	
	.charbar .sidebar {
      position: relative !important;
        max-width: 100%;
        margin: 0 30px;
        flex-direction: row;
    }
	
	.charbar .sticky-wrapper {
		height: auto !important;
	}
	
	.char-item {
  flex-direction: column;
		align-items: center;
	}
	
	.charbar {
		padding-top: 30px;
    padding-bottom: 0;
    width: 100%;
    max-width: 100%;
	}

  .folio-header {
    position: relative;
    width: 100vw;
    height: auto;
    padding-top: 100px;
    padding-right: 20px;
  }

  #blog.foliopage {
    width: 100vw;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
  }

  .folio-header h2 {
    text-align: right;
  }

  .date {
    text-align: right;
    align-content: end;
    flex-direction: column;
    margin: 0;
    font-size: 20px;
    opacity: 0.6;
  }

  .folio-header .breadcrumb {
    justify-content: flex-end;
  }

  .folio-header .stats-head {
    justify-content: flex-end;
    align-self: baseline;
    font-size: 16px;
    gap: 2px;
    width: 40vw;
    align-self: end;
  }

  .breadcrumb > li {
    line-height: 14px;
  }

  .breadcrumb span {
    line-height: 14px;
    padding-left: 0;
    padding-top: 0;
    font-size: 14px;
  }

  .breadcrumb a {
    line-height: 14px;
  }

  .breadcrumb i {
    line-height: 14px;
  }

  .foliopage .mainflow {
    padding: 30px 30px 15px;
  }

  #blog .container {
    margin-bottom: 0;
    border-radius: 0;
  }
	
/*}

@media only screen and (max-width: 575px) {*/

    /*.innertext {
		padding: 0 45px 4px !important;
	}*/
    
    .charbar .sidebar {
        margin: 0 40px;
    }

    .posts .list-item {
      min-height: 30vh;
      min-width: auto;
    }

    .list-item-glass .list-item-img {
      opacity: 1;
    }

    .sidebar-content {
      width: 100%;
    }

}

@media only screen and (max-width: 600px) {

  .list-item-glass p, .list-item-glass .text p {
    line-height: 20px;
    font-size: 16px;
  }

  .list-item-glass .list-item-img::after {
    height: 200%;
  }

}

@media only screen and (max-width: 480px) {
	
	.editbox .row {
  		flex-direction: column;
	}

.div-align-center {
    padding-bottom: 15px;
}
	
	.box-logo {
  		margin-top: -100px;
	}

.button2 {
    font-size: 16px;
}

.button3 {
  font-size: 14px;
  line-height: 1.2;
  padding: 6px 16px;
  align-self: center;
}

.div-align-center h1 {
    font-size: 20px;
	padding:0px 20px 5px;
}

.div-align-center h2 {
    font-size: 14px;
	margin: 0 0 10px;
}

.Button2--svg {
    height: 32px;
    width: 160px;
}
	
.form-header {
  font-size: 18px;
}
	
	.form-horizontal .control-label {
		text-align: center;
  font-size: 13px;
  margin: 0;
	}
	
	.form-horizontal .form-group {
  		margin-bottom: 10px;
	}

#mainbox, #app {
    padding-right: 0;
}
	
	ul {margin-bottom:20px;}
	
	ul li {
  margin-bottom: 20px;
  padding: 0 40px 0 20px;  
}

.inner-navigation {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.tower-bottom {
    width: 24px;
    height: 24px;
  }
	
	.right-tower:before {
    top: 0;
    right: 0;
    width: 120px;
    height: 280px;
  }

.right-tower {
    padding-bottom: 180px;
}
	
	 .side-tower .search {
    left: -10px;
    top: 150px;
  }
	
	.side-tower .social {
    top: 150px;
    left: -38px;
  }
	
	.social a {
  width: 60px;
  height: 60px;
  line-height: 67px;
}

.container {
	/*width:280px;*/
	
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 120px;
}
	
.modal-container {
  padding-top: 140px !important;
    max-height: inherit;
    /*height: auto;
    padding-bottom: 60px;*/
}
	
.form-label label {
  font-size: 15px;
}

#blog .container {
  padding: 20px 20px 40px;
  width: 100% !important;
  margin-top: 20px;
  margin-bottom: 0;
  border-radius: 0;
}
	
	.features #blog .container {
		margin-top: 80px;
	}
	
	#blog .container.modal {
		padding: 20px 0 10px;
	}
	
	.page-profile #blog .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	
.blog-posts-content {	
	/*width: 270px;*/
	width:100%;
}

#blog .social {
  gap: 10px;
  flex-wrap: wrap;
}

#blog .social a {
  width: 50px;
  height: 50px;
}

.contactpad .container {
  margin-top: 0 !important;
  padding-top: 20px !important;
  padding-left: 30px;
  padding-right: 30px;
}

hr {
  margin: 0 auto 20px;
	}

.section-title {
  font-size: 20px;
  padding-top: 100px;
  margin-bottom: 20px;
}

.section-subtitle {
    font-size: 16px;
}

.feature-items {
    padding-top: 20px;
    padding-bottom: 0;
	padding-left: 20px;
    padding-right: 20px;
}
	
	#blog .container h4 {
  margin-left: 0px;
  margin-right: 0px;
}
	
	#blog .container .feature h4 {
  margin-left: 0;
  margin-right: 0;
		text-align: left;
}

  .posts .list-item-glass {
    padding: 120px 22px 28px;
    gap: 18px;
  }
	
	#blog p {
    font-size: 15px;
    line-height: 20px;
  }

  .sidebar p, #blog .sidebar p {
    padding: 0;
    font-size: 14px;
    line-height: 20px;
  }
	
	#blog .container .text h4 {
    padding-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }
    
    .sidebar-content h4, #blog .sidebar-content h4 {
        text-align: left;
    }
	
	#blog .text p {
		padding-left: 0;
		padding-right: 0;
	}
	
	#blog .list-item-glass p {
		padding-left: 0;
		padding-right: 0;
	}
    
    #blog .list-item-glass .read-more {
        padding-bottom: 0;
    }
	
	#blog .justified-gallery {
  		padding-left: 0;
  		padding-right: 0;
	}
    
    .listing {
  padding-left: 0;
  padding-right: 0;
}
	
	.listing .accent {
  font-size: 16px;
  line-height: 20px;
	}

  .mainflow {
    padding: 0;
  }

  .searchflow {
    padding: 40px 0 0 30px;
  }
	
	#blog .button3 {
  		margin: 20px 25px 30px;
		font-size: 14px;
	}
	
	#blog .form-group .button3, form .buttons .button3, #blog form .buttons .button3, #blog .form-actions .button3 {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	#blog .form-group .signbox {
  		margin-top: 40px;
  		position: relative;
  		display: block;
	}

	.blog-header h2 {
  		font-size: 16px;
		line-height: 1;
	}

	 .blog-title {
    font-size: 1.2em;
    padding-left: 30px;
    padding-right: 30px;
  }

  .breadcrumb {
    justify-content: flex-end !important;
    flex-direction: column !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  .breadcrumb > li {
    line-height: 12px;
    align-self: end;
    padding: 5px;
  }

  .breadcrumb a {
    line-height: 12px;
  }

  .breadcrumb span {
    line-height: 12px;
    font-size: 12px;
  }
	
	.widebox input[type="submit"] {
  		font-size: 15px;
  		line-height: 20px;
	}
	
	.feature p {
  		line-height: 18px;
  		font-size: 14px;
  		padding: 0 20px 0 0 !important;
  		text-align: left;
	}
	
	#blog .container h2 {
  		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 22px;
	}
	
	 #blog .container h5 {
    padding-bottom: 10px;
    font-size: 16px;
    padding-top: 0px;
    margin-left: 0;
    margin-right: 0;
  }
	
	.members {
  padding: 40px 50px;
	}
	
	.members .username h5, #blog .container .members .username h5 {
  padding: 0;
    padding-top: 0px;
    padding-bottom: 0px;
  text-align: left;
}
	
  .posts img {
    max-width: 100%;
    padding-left: 0;
    width: auto;
    float: none;
    margin: 10px auto 0;
  }
	
	.posts .text img {
  		display: block;
	}
	
	.list-item .big-head {
  		padding: 0 25px;
		display: block;
	}
	
	.posts h3 {
  		padding-bottom: 20px;
  		padding-left: 25px;
  		padding-right: 25px;
	}
	
	#blog .posts .list-item-glass h3 {
		padding-left: 0;
		padding-right: 0;
    padding-bottom: 0;
    font-size: 22px;
    line-height: 1;
	}
	
	.members .userbox {
  flex: 0 0 100%;
	}
	
	.userpic img {
  max-width: 100px;
}
	
	label.userpic img {
  max-width: 120px;
}
	
	.members .stats {
  top: -14px;
  left: -36px;
}
	
	.stats {
  		padding-left: 20px;
      padding-right: 20px;
	}
	
	#blog .posts .list-item-glass .stats {
  		padding-left: 0;
      font-size: 10px;
	}
	
	.sidebar {
    width: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    float: none;
    padding: 40px 20px 20px 35px;
  }
	
	.charbar .sidebar {
  position: relative !important;
        margin: 0 20px;
}
    	
	.charbar .sticky-wrapper {
		height: auto !important;
	}
	
  .sidebar .archives {
    font-size: 15px;
  }

	.timerbar {
  		top: 180px;
  		width: 190px !important;
  		height: 30px !important;
  		left: -74px;
  		margin-left: 0 !important;
  		margin-right: 0 !important;
	}
	
	.timerbox {
  		font-size: 14px;
  		padding: 0 10px;
 		line-height: 11px;
	}
	
	.breadcrumb {
  		margin-top: -5px;
	}
	
	.footer form {
  		padding-left: 0;
 		text-align: center;
	}
	
	.footer input, .footer textarea, .footer .uneditable-input {
  		/*max-width: 160px;*/
		font-size: 14px;
		background-color: #000000d9;
		padding-left: 10px;
		min-height: 40px;
		margin-bottom: 10px;
	}	
	
	.faction-header-place #fullscreen-slider {
		left: 5%;
		width: 90%;
		height: 95%;
	}
	
	.list-item-header {
		font-size: 22px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.breadcrumb {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.innertext {
		padding: 0 !important;
	}
	
	#blog blockquote p {
		font-size: 14px;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 10px;
	}
	
	q:before, blockquote:before {		
		font-size: 10px;
	}
	
	q:after, blockquote:after {		
		font-size: 10px;
	}
	
	 .footer-quote q:before, .footer-quote blockquote:before {
		left: 0px;
	}
	
	.footer-quote q:after, .footer-quote blockquote:after {
		right: 0px;
	}

  .folio-header {
    height: auto;
    padding: 100px 20px 10px;
    min-height: 20vh;
  }

  .folio-header h2 {
    font-size: 32px;
    width: 60%;
    align-self: end;
  }

  .date {
    font-size: 20px;
    opacity: 0.6;
  }

  .folio-header .stats-head {
    font-size: 13px;
    width: 100%;
    padding: 0;
  }

  .stats > a {
    line-height: 15px;
    padding: 5px;
  }

  .stats > .person {
    letter-spacing: 0;
    width: 100%;
    text-align: right;
  }

  .foliopage .mainflow {
    padding: 0;
  }

  .canvas-container {
    display: none;
  }
	
}

/*--Animation--*/

@keyframes pulse {
  0%   {transform: scale(1.001);  opacity: .14; }
  8%   {transform: scale(1.000);  opacity: .13; }
  15%  {transform: scale(1.004);  opacity: .14; }
  30%  {transform: scale(1.002);  opacity: .11; }
  100% {transform: scale(1.000);  opacity: .14; }
}

@keyframes vline {
  0%   { top: 0px;}
  100% { top: 100%;}
}

@keyframes vline2 {
  0%   { top: 10px;}
  100% { top: 85%;}
}

@keyframes blinking {
    from, to { border-color: transparent; }
    50% { border-color: green; }
}