/* =============================================================================
  0    COLOR SCHEME
   ========================================================================== */

/*
grey					rgb(81,83,83)
light grey				rgb(156,157,157)

dark blue				rgb(0,31,69)
cyan					rgb(0,153,255)
light cyan				rgb(188,228,250)
super light cyan		rgb(229,255,255)
*/
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.zapf-cyan-100 {
	color: rgb(0,153,255);
}
.zapf-cyan-50 {
	color: rgb(188,228,250);
}
.zapf-cyan-20 {
	color: rgb(229,255,255);
}

.zapf-grey-100 {
	color: rgb(81,83,83);
}
.zapf-grey-50 {
	color: rgb(156,157,157);
}

.zapf-blue-100 {
	color: rgb(0,31,69);
}

.zapf-alert {
	color: rgb(255,0,0);
}

.accord-title {
	color: rgb(0,0,0);
	cursor: pointer;
	margin-bottom: 0;
	padding-left: 1.5em;
	position: relative;
}
h3.accord-title:before {
	font-family: 'icomoon';
	content: '\e612';
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em;
	color: rgb(0,0,0);
}
.accord-content {
	border: 1px solid #ff0000;
}

.title-top {
	margin: 0px;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1em;
}

.title-bottom {
	font-size: 4em;
	font-weight: bold;
	margin: 0px 0px 18px 18px;
	line-height: 0.8em;
}