@font-face { font-family: 'Open Sans';
	src: url('/fonts/OpenSans-Regular.ttf') format('truetype'); }


html, body {
	/* height:100%; */
	font-family:"Open Sans",sans-serif;
	font-size:14pt;
	background-color:#eaeaea;
	color:#303030;
}

@media (max-height:650px) {
	body {
		font-size:12pt;
	}
}

body {
	margin:0px;
}

h1,h2,h3,h4 {
	margin:0px;
	font-weight:normal;
	/*text-transform:uppercase;*/
}

a {
	color:inherit;
	text-decoration:none;
	cursor:pointer;
	outline:none;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a:not(.noshow):not(.anchor):not(.clear_button), .a {
	border-bottom:2px dotted rgba(0,0,0,0.25);

	transition:border-bottom;
	transition-duration:0.3s
}
a:not(.noshow):not(.anchor):not(.clear_button):hover, .a:hover {
	/*border-bottom:2px dotted #303030;*/
	border-bottom:2px solid rgba(0,0,0,0.25);
}
a.anchor {
	display:block;
	width:0px;
	height:0px;
}

hr {
	height:2px;
	width:100%;
	background-color:#c0c0c0;
	border:none;
}

input {
	font-family:"Open Sans",sans-serif;
	font-size:12pt;
	background-color:#eaeaea;
	color:#303030;
	padding:10px;
	border-radius:0px;
	border:none;
}
input:focus {
	background-color:#e0e0e0;
	box-shadow:none;
	border:none;
}

.input_button, input[type=submit] {

	background-color:#8700e8 !important;
	border:1px solid #7300e0 !important;
	border-radius:3px;
	/* background-color:#8700e8; */
	color:white!important;
	text-shadow:none;
	padding:10px;
	transition:background-color;
	transition-duration:0.3s;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	cursor:pointer;

}

.clear_button {

	background-color:white;
	color:#303030;
	text-decoration:none;
	border:2px solid #303030;
	border-radius:3px;
	text-shadow:none;
	padding:10px;
	transition:background-color;
	transition-duration:0.3s;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	cursor:pointer;

	transition:box-shadow;
	transition-duration:0.3s;

}
.clear_button:hover {

	box-shadow:0px 0px 8px rgba(0,0,0,0.5);

}






.tile {
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}
.tile_half {
	display:inline-block;
	width:50%!important;
}
.tile_third {
	display:inline-block;
	width:33.3333333333333%!important;
}
.tile_2third {
	display:inline-block;
	width:66.6666666666666%!important;
}
.tile_fourth {
	display:inline-block;
	width:25%!important;
}
@media (max-width:800px) { .tile_half { width:100%!important; } }
@media (max-width:900px) { .tile_third,.tile_2third { width:100%!important; } }
@media (max-width:1200px) { .tile_fourth { width:50%!important; } }
@media (max-width:600px) { .tile_fourth { width:100%!important; } }

.tile>.tileimg, .tile>*>.tileimg {
	width:100%;
	box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.2);
	border-radius:3px;
}

.vat {
	vertical-align:top;
}
.vam {
	vertical-align:middle;
}

.pad0 { padding:0px; }
.pad5 { padding:5px;box-sizing:border-box; }
.pad10 { padding:10px;box-sizing:border-box; }
.pad15 { padding:15px;box-sizing:border-box; }
.pad20 { padding:20px;box-sizing:border-box; }
.pad30 { padding:30px;box-sizing:border-box; }
.nmx { margin-left:0px; margin-right:0px; }
.mar0 { margin:0px!important; }
.mar5 { margin:5px; }
.mar10 { margin:10px; }
.mar15 { margin:15px; }

.width100 { width:100%; }






.column {
	position:absolute;
	top:0px;
	width:50%;
	height:100%;
	box-sizing:border-box;
	padding:50px;
}

.column>* {
	display:block;
	text-decoration:none;
	border-bottom:none;

	background-color:white;
	height:100%;
	box-sizing:border-box;
	padding:15px;
	border:1px solid #e0e0e0!important;
	border-radius:5px;

	position:relative;
}
.column>*>div {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	max-height:100%;
	text-align:center;
}
.column_left {
	left:0px;
	padding-right:10px;
}
.column_right {
	left:50%;
	padding-left:10px;
}
@media (max-width:800px) {
	.column {
		padding:20px;
		width:100%;
		height:50%;
	}
	.column>* {
		padding:10px;
	}
	.column_left {
		padding-right:20px;
		padding-bottom:10px;
	}
	.column_right {
		padding-left:20px;
		padding-top:10px;
		left:0%;
		top:50%;
	}
}
.column .avatar {
	display:inline-block;
	background-color:#e0e0e0;
	width:128px;
	height:128px;
	border-radius:100%;
	margin-bottom:15px;
}
@media (max-height:650px) {
	.column .avatar {
		width:84px;
		height:84px;
	}
}
.column h1 {
	margin-bottom:5px;
}
.column h1, .column .tagline {
	color:#505050;
}
.column h1 b, .column .tagline b {
	color:#202020;
	font-weight:bold;
}


#column_alin .avatar {
	/* border-color:#209a58; */
	background-image:url("/img/eye.svg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
#column_laef .avatar {
	/* border-color:#7300e0; */
	background-image:url("/img/LAEF01-avatar-small.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}







a.social {
	text-decoration:none;
	opacity:0.7!important;
	transition:opacity;
	transition-duration:0.3s;
}
a.social img {
	height:32px;
	margin:10px;
	margin-left:0px;
	margin-right:15px;
}
a.social:hover {
	opacity:1!important;
}



.taj { text-align:justify; }
.tac { text-align:center; }
.tar { text-align:right; }
.tal { text-align:left; }




.iconbutton_large, .iconbutton_large:hover {
	border:none;
	display:inline-block;
}
.iconbutton_large>img {
	display:inline-block;
	vertical-align:middle;
	width:40px;
	margin:0px;
	transition:transform;
	transition-duration:0.3s;
}
.iconbutton_large:hover>img {
	transform:scale(1.1,1.1);
}





@media (max-width:599px) { .min600 { display:none!important; } }
@media (min-width:600px) { .max600 { display:none!important; } }

@media (max-width:799px) { .min800 { display:none!important; } }
@media (min-width:800px) { .max800 { display:none!important; } }
