/* globals */

.dis-bl{display:block;}/* display block */
.dis-in-bl{display:inline-block;}/* display inline-block */

.pos-rel{position:relative;}/* display inline-block */
.pos-abs{position:absolute;}/* display inline-block */
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-cn{text-align:center;}/* text align center */
.txt-js{text-align:justify;}/* text align center */

.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{vertical-align:baseline;}/* vertical align baseline */
.vertical-top{vertical-align:top;}/* vertical align top */

/* transitions */

.anim-t, .anim-t a, .anim-t input {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.anim-t-100, .anim-t-100 a, .anim-t-100 input {
	transition: 0.1s all;
	-webkit-transition: 0.1s all;
	-moz-transition: 0.1s all;
	-o-transition: 0.1s all;
}

.b-lazy {
	-webkit-transition: opacity 500ms ease-in-out;
	   -moz-transition: opacity 500ms ease-in-out;
		 -o-transition: opacity 500ms ease-in-out;
			transition: opacity 500ms ease-in-out;
			 max-width: 100%;
			   opacity: 0;
}
.b-lazy.b-loaded {
			   opacity: 1;
}

/* body */

body, header {min-width: 360px;}

body {
	background:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
}

#startpage {display: block; width: 100%; margin: 0 auto;}

.overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0,0,0,0.6);
}