/*_______///////// __// ____// __// __/////// _/////// ___
_______________// __// ____// __// __// ______// _________
______________// __// ____// __// __// ______// __________
_____________// __// ____// __// __// ______/////// ______
_____// ____// __// ____// __// __// ______// ____________
____// ____// ___// ___// __// ___// _____// _____________
____//////// ____/////// __// ____///// _////// __________
____       ______     ____   _____     __      _________*/

/* Created by Funkhaus Creative. */
/* http://funkhaus.io */
/* use cdn.funkhaus.io */
/* Version 1.4 */

*, *:before, *:after {
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
	padding: 0;
	margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-font-smoothing: subpixel-antialiased;

  /*-webkit-transform: translateZ(0) scale(1.0, 1.0);*/


		-webkit-animation-duration: 1s;
		 animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(120,120,120,0.5);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(120,120,120,0.5);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgba(120,120,120,0.5);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgba(120,120,120,0.5);
   opacity:  1;
}

*:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(120,120,120,0.7);
}
*:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(120,120,120,0.7);
   opacity:  1;
}
*:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgba(120,120,120,0.7);
   opacity:  1;
}
*:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgba(120,120,120,0.7);
   opacity:  1;
}

a {
	text-decoration: none;
	position: relative;
	cursor: pointer;
}


.table {
  display: table;
  table-layout: fixed;
}

.table .table-cell {
  display: table-cell;
}
.hide {
  opacity: 0;
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis; /* Required for IE8 */ /* Required for Opera */
	text-overflow: ellipsis;
}

.break {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	     hyphens: auto;
}

.centered {
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.green, .online {
	color: rgb(60,255,30);
}

.red, .offline {
	color: rgb(255,40,50);
}




.j-flow-in_top {
	opacity: 0;
	-webkit-transform: translateY(-50vh);
	    -ms-transform: translateY(-50vh);
	        transform: translateY(-50vh);
	-webkit-transition: opacity 1s linear, -webkit-transform 1s ease-in;
	transition: opacity 1s linear, -webkit-transform 1s ease-in;
	-o-transition: opacity 1s linear, transform 1s ease-in;
	transition: opacity 1s linear, transform 1s ease-in;
	transition: opacity 1s linear, transform 1s ease-in, -webkit-transform 1s ease-in;
}

.j-flow-in_right {
	opacity: 0;
	-webkit-transform: translateX(50vw);
	    -ms-transform: translateX(50vw);
	        transform: translateX(50vw);
	-webkit-transition: opacity 1s linear, -webkit-transform 1s ease-in;
	transition: opacity 1s linear, -webkit-transform 1s ease-in;
	-o-transition: opacity 1s linear, transform 1s ease-in;
	transition: opacity 1s linear, transform 1s ease-in;
	transition: opacity 1s linear, transform 1s ease-in, -webkit-transform 1s ease-in;
}

.j-flow-in_bottom {
	opacity: 0;
	-webkit-transform: translateY(50vh);
	    -ms-transform: translateY(50vh);
	        transform: translateY(50vh);
	-webkit-transition: opacity 1s linear, -webkit-transform 1s ease-in;
	transition: opacity 1s linear, -webkit-transform 1s ease-in;
	-o-transition: opacity 1s linear, transform 1s ease-in;
	transition: opacity 1s linear, transform 1s ease-in;
	transition: opacity 1s linear, transform 1s ease-in, -webkit-transform 1s ease-in;
}

.j-flow-in_left {
	opacity: 0;
	-webkit-transform: translateX(-50vw);
	    -ms-transform: translateX(-50vw);
	        transform: translateX(-50vw);
	-webkit-transition: opacity 1s linear, -webkit-transform 1s ease-in;
	transition: opacity 1s linear, -webkit-transform 1s ease-in;
	-o-transition: opacity 1s linear, transform 1s ease-in;
	transition: opacity 1s linear, transform 1s ease-in;
	transition: opacity 1s linear, transform 1s ease-in, -webkit-transform 1s ease-in;
}

.j-flow-in_top.j-flow-in,
.j-flow-in_right.j-flow-in,
.j-flow-in_bottom.j-flow-in,
.j-flow-in_left.j-flow-in {
	opacity: 1;
	-webkit-transform: translateY(0%) translateX(0%);
	    -ms-transform: translateY(0%) translateX(0%);
	        transform: translateY(0%) translateX(0%);
	-webkit-transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0,.89,.43,1);
	transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0,.89,.43,1);
	-o-transition: opacity 1s linear, transform 1s cubic-bezier(0,.89,.43,1);
	transition: opacity 1s linear, transform 1s cubic-bezier(0,.89,.43,1);
	transition: opacity 1s linear, transform 1s cubic-bezier(0,.89,.43,1), -webkit-transform 1s cubic-bezier(0,.89,.43,1);
}

.j-flow-in_opacity {
	opacity: 0;
	-webkit-transition: opacity 0.6s linear;
	-o-transition: opacity 0.6s linear;
	transition: opacity 0.6s linear;
}

.j-flow-in_opacity.j-flow-in {
	opacity: 1;
	-webkit-transition: opacity 0.6s linear;
	-o-transition: opacity 0.6s linear;
	transition: opacity 0.6s linear;
}


.j-flow-in_delayed h1,
.j-flow-in_delayed h2,
.j-flow-in_delayed h3,
.j-flow-in_delayed h4,
.j-flow-in_delayed h5,
.j-flow-in_delayed p,
.j-flow-in_delayed li {
	opacity: 0;
	-webkit-transition: opacity 0.6s linear;
	-o-transition: opacity 0.6s linear;
	transition: opacity 0.6s linear;
}

.j-flow-in_delayed .j-flow-in {
	opacity: 1;
}


/* Standard Checkbox Styling */
.j-checkbox-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	width: 100%;
}

.j-checkbox-wrapper * {
	text-align: left;
	cursor: pointer;
}

.j-checkbox {
	position: relative;
	display: block;
	width: 1em;
	min-width: 1em;
	min-height: 1em;
	height: 1em;
	margin-right: 2em;
	background-color: lightgrey;
}

.j-checkbox-wrapper input {
	position: absolute;
	top: -1px;
	left: -1px;
	pointer-events: none;
	z-index: -1;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
}

label.j-checkbox-wrapper input:checked + .j-checkbox:after {
	content: "";
	position: absolute;
	width: 0.5em;
	height: 1.3em;
	left: 0.5em;
	top: -0.5em;
	border: 0.2em black solid;
	border-top-width: 0em;
	border-left-width: 0em;
	transform: rotate(45deg);
}