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

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

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.l0{
	left: 0;
}
.justify-center{
	display: flex;
	display: -ms-flex;
	justify-content: center;
	 -ms-flex-align: center;
}
.text-align-center{
	text-align: center;
}
.t0{
	top:0;
}
.b0{
	bottom: 0;
}
.r0{
	right: 0;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.fixed{
	position: fixed;
}
.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clearer{
	clear: both;
}

.flex{
	display: -ms-flexbox;
	display: flex;
	
	
}

.flex-center-all{
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	
	 -ms-flex-align: center;
	 -ms-flex-pack: center;
}

.flex-v-align{
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	 -ms-flex-align: center;
}

.flex-v-bottom{
	display: -ms-flexbox;
	display: flex;
	align-items: flex-end;
	 -ms-flex-align: end;
	
}
.flex-grow-1{
	flex-grow: 1;
}
.t0{
	top:0;
}
.l0{
	left: 0;
}
.b0{
	bottom:0;
	
}
.r0{
	right:0;
}

.tAuto{
	top:auto;
}
.lAuto{
	left: auto;
}
.bAuto{
	bottom:auto;
	
}
.rAuto{
	right:auto;
}
.flex-column{
	display: flex;
	flex-direction: column;
	display: -ms-flexbox;
	-ms-flex-direction: column;
}
.pointer-events-none{
	pointer-events: none;
}
.flex-wrap{
	display: flex;
	display: -ms-flexbox;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.space-between{
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	 -ms-flex-pack: justify;
}
.space-around{
	justify-content: space-around;
}
.inline-block{
	display: inline-block;
}
.ver-align-mid{
	vertical-align: middle;
}
.absolute{
	position: absolute;
	
}
.flex-justify-center{
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
	-ms-flex-pack: center;
}
.simpleHover{
	opacity: 1;
	transition:.2s opacity;
}
.simpleHover:hover{
	opacity: .7;
}
.relative{
	position: relative;
}
.flex-end{
	display: flex;
	display: -ms-flexbox;
	align-items: flex-end;
	-ms-flex-align: flex-end;
}
.static{
	position: static;
}
.absolute-full-size{
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
}
.pre-wrap{
	white-space: pre-wrap;
}

.h100{
	height: 100%;
}

.w100{
	width: 100%;
}
.height-auto{
	height: auto;
	
}

.width-auto{
	width: auto;
}
.flex-grow-1{
	flex-grow: 1;
}
.table{
	display: table;
}

.table-cell{
	display: table-cell;
}
.inline-flex{
	display: inline-flex;
	display: -ms-inline-flexbox;
}
ul{
	padding: 0;
	list-style: none;
}