@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:12pt;
}

body {
	margin:0px;
}

h1,h2,h3,h4 {
	margin:0px;
	/*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) {
	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 {
	/*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:#7300e0;
	color:white!important;
	text-shadow:none;
	box-shadow:0px 0px 8px rgba(0,0,0,0.5);
	padding:10px;
	border:none;
	border-radius:3px;
	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);

}



.quote {
	margin:0px;
	padding:2px;
	padding-left:15px;
	border-left:2px solid #808080;
	font-size:120%;
	font-style:italic;
	color:#404040;
}
.quote>.quote_source {
	text-align:right;
	font-size:80%;
	color:#606060;
	margin-top:10px;
}





.maincolumn {
	width:100%;
	max-width:500px;
	box-sizing:border-box;
	padding:15px;
	margin-left:auto;
	margin-right:auto;
}
.majorcolumn {
	width:100%;
	max-width:1200px;
	box-sizing:border-box;
	padding:15px;
	margin-left:auto;
	margin-right:auto;
}


.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%; }








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; }

@keyframes fadeout {
	0% {
		opacity:1;
		transform:scale(1,1);
	}
	100% {
		opacity:0;
		transform:scale(0.8,0.8);
	}
}
.fadeout {
	animation-name:fadeout;
	animation-duration:0.3s;
	animation-fill-mode:forwards;
}
@keyframes slidein {
	0% {
		opacity:0;
		transform:translate(0px,50px);
	}
	100% {
		opacity:1;
		transform:translate(0px,0px);
	}
}
.slidein {
	animation-name:slidein;
	animation-duration:0.7s;
	animation-fill-mode:forwards;
}


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




#bg_home_primary {
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	z-index:0;
	/* background-color:#7b6860;
	background-image:url(/img/IMG_8053.JPG); */
	background-color:#51523f;
	background-image:url(/img/IMG_4813.JPG);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;

	transition:height;
	transition-duration:1s;
}

#landing_area.top #bg_home_primary {
	height:0px;
}

#landing_area .logo {
	position:absolute;
	top:50%;
	right:15px;
	transform:translate(0px,-60%);
	width:320px;
}


@keyframes message_appear {
	from {
		transform:translate(0px,30px);
		opacity:0;
	}
	to {
		transform:translate(0px,0px);
		opacity:1;
	}
}

.messages_area {
	position:absolute;
	top:50%;
	left:0px;
	transform:translate(0px,-60%);
	max-width:100%;
	padding:15px;
	box-sizing:border-box;
	z-index:5;

	transition:left,top,opacity;
	transition-duration:1s;
}
#landing_area.top .messages_area {
	top:-60%;
	opacity:0;
}
.message {
	display:inline-block;
	padding:15px;
	font-size:13.5pt;
	margin:5px;
	width:auto;
	max-width:320px;

	background-color:#303030;
	color:white;
	border-radius:15px;
	border-bottom-left-radius:0px;

	transform:translate(0px,30px);
	opacity:0;

	animation-name:message_appear;
	animation-duration:0.3s;
	animation-fill-mode:forwards;
}
.message#message-4 {
	background:none;
	color:white;
	text-align:right;
}
.message#message-4>a {
	color:white;
}
@media (max-width:500px) {
	.message {
		padding:8px;
		font-size:12pt;
		border-radius:12px;
		border-bottom-left-radius:0px;
	}
}
@media (max-height:400px) {
	.message {
		font-size:11pt;
	}
	#message-4 {
		display:none;
	}
}
/*#message-1 { animation-delay:1.5s; }
#message-2 { animation-delay:4s; }
#message-3 { animation-delay:12s; }*/

#message-1 { animation-delay:1.5s; }
#message-2 { animation-delay:3.9s; }
#message-3 { animation-delay:5.5s; }
#message-4 { animation-delay:5.8s; }




#header {
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	z-index:10;
	overflow-x:hidden;

	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;

	background-color:white;

	transition:top,transform,background-color,box-shadow;
	transition-duration:1s;
}
#header.scrolled {
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width:600px) {
	#header.scrolled {
		transform:translate(0px,-110%);
	}
}

#header>div {
	display:inline-block;
	text-align:center;
	margin:0px;
	margin-left:50%;
	transform:translate(-50%,0px);
	width:auto;
	white-space: nowrap;

	transition:margin-left,transform,width;
	transition-duration:1s;

}
#header .hlink {
	display:inline-block;
	color:#202020;
	font-size:15pt;
	text-decoration:none;
	padding:12px;
	padding-top:17px;
	padding-bottom:15px;
	border-bottom:2px solid rgba(0,0,0,0);

	transition:color,text-shadow,border-bottom-color,padding;
	transition-duration:0.3s;
}
@media (max-width:400px) {
	#header .hlink {
		font-size:12pt;
		padding:7px;
		padding-top:12px;
		padding-bottom:10px;
	}
}
#header .hlink:hover, #header .hlink.sel {
	border-bottom:2px solid #202020;
}
#header .hlink#hlink_primary {
	font-weight:bold;
	color:#7300e0;
}
#header .hlink#hlink_primary>img {
	display:inline;
	vertical-align: bottom;
	height:28px;
}
@media (max-width:600px) {
	#header .hlink#hlink_primary>img {
		height:23px;
	}
}
#header .hlink#hlink_listen>span {
	display:inline-block;
	background-color:#d0415a;
	color:white;
	text-shadow:none;
	box-shadow:0px 0px 8px rgba(0,0,0,0.2);
	padding:4px;
	padding-left:7px;
	padding-right:7px;
	margin:-4px;
	border-radius:3px;
	transition:background-color;
	transition-duration:0.3s;
}
@media (max-width:600px) {
	#header .hlink#hlink_listen>span {
		padding:2px;
		padding-left:5px;
		padding-right:5px;
		margin:-2px;
	}
}
#header .hlink#hlink_listen:hover>span, #header .hlink#hlink_listen.sel>span {
	background-color:#e0516a;
}

#pagecontent {
	margin-top:0px;
	transition:margin-top;
	transition-duration:1s;
}


#footer {
	background-color:#fafafa;
	color:#303030;
	padding:15px;
	margin-top:15px;
	text-align:center;
}
#footer>.copyright {
	margin-top:10px;
	font-size:10pt;
	color:#505050;
}



.focaltext {
	color:#303030;
	font-size:14pt;
}

.focalcontent {
	height:100vh;
	position:relative;
}
.focalcontent>div {
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	transform:translate(0px,-50%);
}


.content_image {
	width:100%;
}



.cscheme-offwhite-1 {
	background-color:#fafafa;
}
.cscheme-darkblue-1 {
	background-color:#303080;
	color:white;

	background: rgb(48,48,128);
	background: linear-gradient(135deg, rgba(48,48,128,1) 0%, rgba(32,32,80,1) 100%);
}
.cscheme-darkpurple-1 {
	background-color:#603080;
	color:white;

	background: rgb(76,48,128);
	background: linear-gradient(225deg, rgba(76,48,128,1) 32%, rgba(48,50,128,1) 100%);
}






@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; } }