@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Pacifico|Source+Sans+Pro:200,400");




	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, text {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		word-wrap: break-word;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}



	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	body {
		background: #ffffff;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body {
		background-color: #fcf2f2;
		color: #fffff;
	}

	body, input, select, textarea {
		font-family: inherit;
		font-size: 17pt;
		font-weight: 200;
		line-height: 1.65;
		word-wrap: break-word;
	}

		@media screen and (max-width: 1680px) {

			body, input, select, textarea {
				font-size: 13pt;
			}

		}

		@media screen and (max-width: 1280px) {

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

		@media screen and (max-width: 360px) {

			body, input, select, textarea {
				font-size: 11pt;
			}

		}

	a {
		-moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		transition: color 0.2s ease, border-bottom-color 0.2s ease;
		text-decoration: none;
		border-bottom: 0.2px;
	}

		a:hover {
			border-bottom-color: transparent;
			color: #EF6480;
		}
	u {
		
  
    border-bottom: 0.5px;
  
}
	

	strong, b {
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
		line-height: 1.5;
		margin: 0 0 1em 0;
		text-transform: uppercase;
		letter-spacing: 0.375rem;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-size: 2em;
	}

	h2 {
		font-size: 1.75em;
	}

	h3 {
		    font-weight: 700;
    font-size: 1.2em;
    color: #744d4d;
    letter-spacing: 0.04em;
    font-family: Georgia;
    text-transform: initial;
	}

	h4 {
		font-size: 1em;
		font-weight: 400;
		line-height: 1.5;
		margin: 0 0 1em 0;
		text-transform: uppercase;
		letter-spacing: 0.375rem;
	}

	h5 {
		font-size: 0.9em;
	}

	h6 {
		font-weight: 400;
		line-height: 1.5;
		margin: 0 0 1em 0;
		text-transform: uppercase;
		letter-spacing: 0.375rem;
	}

	@media screen and (max-width: 736px) {

		h1 {
			font-size: 1.5em;
		}

		h2 {
			font-size: 1.25em;
		}

		h3 {
			font-size: 1em;
		}

	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: solid 4px;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		border-radius: 4px;
		border: solid 1px;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px;
		margin: 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

	input, select, textarea {
		color: #444444;
	}

	a {
		color: inherit;
		
	}

	
	strong, b {
		color: #444444;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #444444;
	}

	blockquote {
		border-left-color: #666666;
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-color: #666666;
	}

	hr {
		border-bottom-color: #666666;
	}

/* Box */

	.box {
		border-radius: 4px;
		border: solid 1px;
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

	.box {
		border-color: #666666;
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		border-radius: 4px;
		border: 0;
		cursor: pointer;
		display: inline-block;
		word-wrap: break-word;
		  
		font-weight: 400;
		font-weight:bold;
		height: 3.7em;
		width: max-content;
		line-height: 1,2em;
		padding: 0 1em 0 1em;
		text-align: center;
		text-decoration: none;
		white-space: normal;
		text-transform: uppercase;
		letter-spacing: 0,2em;
		font-size: 0.75em;
		
	}


		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 0.8em;
			padding: 0 2.5em 0 2.875em;
			height: 3.75em;
			line-height: 3.75em;
		}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.25;
		}

		@media screen and (max-width: 480px) {

			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			button,
			.button {
				padding: 0;
			}

		}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		background-color: transparent;
		box-shadow: inset 0 0 0 2px #edcbcbc4;
		color: #444444 !important;
		word-wrap: break-word;
		font-family: inherit;
		margin-left: 2px;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			color: #EF6480 !important;
			box-shadow:;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			
		}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			color: #999999;
		}
		




/* Form */

	form {
		margin: 0 0 0em 0;
	}

	label {
		display: -webkit-inline-box;
		font-size: 19px;
		font-weight: 400;
		margin: 0 0 1em 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {

		border-radius: 4px;
		border: none;
		border: solid 1px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
		
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			content: '\f078';
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75em;
		margin: margin: 0 0 1em 0;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance:;
		-webkit-appearance:;
		-ms-appearance:;
		appearance:; /* linnuke */
		display:;
		float:;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
		
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 200;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
			
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
				
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				border-radius: 4px;
				border: solid 1px;
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
				
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			content: '\f00c';
		}

	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		opacity: 1.0;
	}

	:-moz-placeholder {
		opacity: 1.0;
	}

	::-moz-placeholder {
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		opacity: 1.0;
	}

	.formerize-placeholder {
		opacity: 1.0;
	}

	label {
		color: #444444;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		background: #e8eeff29;
		border-color: #666666;
		
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #EF6480;
			box-shadow: 0 0 0 1px #EF6480;
			
		}

	.select-wrapper:before {
		color: #666666;
	}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		color: #666666;
	}

		input[type="checkbox"] + label:before,
		input[type="radio"] + label:before {
			background: rgba(144, 144, 144, 0.075);
			border-color: #666666;
		}

	input[type="checkbox"]:checked + label:before,
	input[type="radio"]:checked + label:before {
		background-color: #EF6480;
		border-color: #EF6480;
		color: #ffffff;
	}

	input[type="checkbox"]:focus + label:before,
	input[type="radio"]:focus + label:before {
		border-color: #EF6480;
		box-shadow: 0 0 0 1px #EF6480;
	}

	::-webkit-input-placeholder {
		color: #999999 !important;
	}

	:-moz-placeholder {
		color: #999999 !important;
	}

	::-moz-placeholder {
		color: #999999 !important;
	}

	:-ms-input-placeholder {
		color: #999999 !important;
	}

	.formerize-placeholder {
		color: #999999 !important;
	}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.major {
			display: block;
			margin: 0 0 1.5em 0;
		}

			.icon.major:before {
				cursor: default;
				font-size: 2.5rem;
				box-shadow: inset 0 0 0 2px #666666;
				width: 2.5em;
				height: 2.5em;
				line-height: 2.5em;
				display: inline-block;
				border-radius: 100%;
				color: #666666;
			}

		@media screen and (max-width: 736px) {

			.icon.major:before {
				font-size: 2rem;
			}

		}

/* Image */

	.image {
		border-radius: 4px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 4px;
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			margin: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			margin: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}
			

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		
		margin: 0 0 2em 0;
		padding-left: 0.75em 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px;
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0m 6em;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

			@media screen and (max-width: 480px) {

				ul.actions {
					margin: 0 0 2em 0;
				}

					ul.actions li {
						padding: 1em 0 0 0;
						display: block;
						text-align: center;
						width: 100%;
					}

						ul.actions li:first-child {
							padding-top: 0;
						}

						ul.actions li > * {
							width: 100%;
							margin: 0 !important;
						}

					ul.actions.small li {
						padding: 0.5em 0 0 0;
					}

						ul.actions.small li:first-child {
							padding-top: 0;
						}

			}

	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 400;
			margin: 0 0 1em 0;
		}

		dl dd {
			margin-left: 2em;
		}

	ul.alt li {
		border-top-color: #666666;
	}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
		border-right: 1em;
		 table-layout: fixed;
		 border-bottom: 1px solid #dee2e6;

		
	}

		table tbody tr {
			border: solid 1px;
			border-left: 1em;
			border-right: 1em;
				text-align: left;
		}

		table td {
			    padding: 12px 10px;
			text-align: left;
			
		}

		table th {
			border-bottom:2px solid #dee2e6;
height:40px;
 margin: 2em 0 2em 0;
 border-top:1px solid #dee2e6;
 border-left:1px solid #dee2e6;
 border-right:1px solid #dee2e6; 
		}

		table thead {
			border-bottom: solid 2px;
			
		}
		table tbody {
		
			    padding: 8px 10px;
		}

		table tfoot {
			border-top: 1px solid #dee2e6;
		}

		
	table tbody tr {
		border-color: #dee2e6;
	}

		table tbody tr:nth-child(2n + 1) {
			background-color: rgb(246 229 229 / 8%);
		}
	table tbody td {
 border:0.2px solid #dee2e6;

word-wrap: break-word
}

table tbody tr.odd,
table.display tbody tr.odd {
 background-color:rgb(246 229 229 / 8%)
}
table.stripe tbody tr.odd.selected,
table.display tbody tr.odd.selected {
 background-color:#acbad4
}

table tbody tr:hover {
 background-color:#fafafa
}
table.hover tbody tr:hover.selected,
table.display tbody tr:hover.selected {
 background-color:#aab7d1
}

	table th {
		color: #1d0808;
	}

	table thead {
		border-bottom-color: #666666;
	}

	table tfoot {
		border-top-color: #666666;
	}

	table.alt tbody tr td {
		border-color: #666666;
	}




/* Item */

	.item {
		padding: 3em 3em 1em 3em;
		background-color: #ffffff;
		border-radius: 4px;
		text-align: center;
	}

		.item header {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			margin: -3em 0 3em -3em;
			width: calc(100% + 6em);
			height: 15em;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			background-color: #444;
			color: rgba(255, 255, 255, 0.75);
			position: relative;
			overflow: hidden;
		}

			.item header input, .item header select, .item header textarea {
				color: #ffffff;
			}

			.item header a {
				color: inherit;
			}

				.item header a:hover {
					color: #EF6480 !important;
				}

			.item header strong, .item header b {
				color: #ffffff;
			}

			.item header h1, .item header h2, .item header h3, .item header h4, .item header h5, .item header h6 {
				color: #ffffff;
			}

			.item header blockquote {
				border-left-color: #ffffff;
			}

			.item header code {
				background: rgba(255, 255, 255, 0.075);
				border-color: #ffffff;
			}

			.item header hr {
				border-bottom-color: #ffffff;
			}

			.item header a {
				-moz-transition: -moz-transform 0.2s ease;
				-webkit-transition: -webkit-transform 0.2s ease;
				-ms-transition: -ms-transform 0.2s ease;
				transition: transform 0.2s ease;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: block;
			}

				.item header a:before {
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-color: rgba(0, 0, 0, 0.25);
					background-image: url("images/overlay.png");
				}

			.item header:hover a {
				-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);
			}

			.item header > * {
				position: relative;
				z-index: 1;
			}

			.item header h3 {
				margin: 0;
				-moz-pointer-events: none;
				-webkit-pointer-events: none;
				-ms-pointer-events: none;
				pointer-events: none;
			}

	.items {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: calc(100% + 2em);
		margin: -2em 0 0 -2em;
	}

		.items .item {
			margin: 2em 0 0 2em;
			width: calc(50% - 2em);
		}

	@media screen and (max-width: 980px) {

		.item header {
			height: 25em;
		}

		.items {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			-moz-flex-wrap: nowrap;
			-webkit-flex-wrap: nowrap;
			-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
			width: 100%;
			margin: 0;
		}

			.items .item {
				width: 100%;
				margin: 0 0 2em 0;
			}

				.items .item:last-child {
					margin-bottom: 0;
				}

	}

	@media screen and (max-width: 736px) {

		.item header {
			height: 15em;
		}

		.items .item {
			margin: 0 0 1em 0;
		}

	}

	@media screen and (max-width: 480px) {

		.item {
			padding: 2em 1em 0.1em 1em;
		}

			.item header {
				height: 12em;
				margin: -2em 0 2em -1em;
				width: calc(100% + 2em);
			}

	}

/* Wrapper */

	#wrapper {
		width: 64em;
		margin: 0 auto;
		max-width: calc(100% - 4em);
		padding: 2em 0 2em 0;
			text-align: left;
		word-wrap: break-word
		
	}

		#wrapper > .main {
			margin-bottom: 0.1em;
		}

		@media screen and (max-width: 980px) {

			#wrapper {
				padding: 0em 0 0em 0;
			}

				#wrapper > .main {
					margin-bottom: 2em;
				}

		}

		@media screen and (max-width: 736px) {

			#wrapper {
				max-width: calc(100% - 2em);
				padding: 1em 0 0.1em 0;
			}

				#wrapper > .main {
					margin-bottom: 1em;
				}

		}

/* Wrapper2 */

	#wrapper2 {
		width: 64em;
		margin: 0 auto;
		max-width: calc(100% - 4em);
		padding: 6em 0 0em 0;
		
		word-wrap: break-word
		
	}

		#wrapper2 > .main {
			margin-bottom: 2em;
		}

		@media screen and (max-width: 980px) {

			#wrapper2 {
				padding: 5em 0 2em 0;
			}

				#wrapper2 > .main {
					margin-bottom: 2em;
				}

		}

		@media screen and (max-width: 736px) {

			#wrapper2 {
				max-width: calc(100% - 2em);
				padding: 7em 0 0.1em 0;
			}

				#wrapper2 > .main {
					margin-bottom: 1em;
				}

		}
		
	/* Wrapper */

	#wrapper3 {
		width: 64em;
		margin: 0 auto;
		max-width: calc(100% - 4em);
		padding: 2em 0 2em 0;
			text-align: left;
		word-wrap: break-word
		
	}

		#wrapper > .main {
			margin-bottom: 0.1em;
		}

		@media screen and (max-width: 980px) {

			#wrapper {
				padding: 0em 0 0em 0;
			}

				#wrapper > .main {
					margin-bottom: 2em;
				}

		}

		@media screen and (max-width: 736px) {

			#wrapper {
				max-width: calc(100% - 2em);
				padding: 1em 0 0.1em 0;
			}

				#wrapper > .main {
					margin-bottom: 1em;
				}

		}
		
/* Header */

	#header {
		background-color: #2b1818;
		color: rgba(255, 255, 255, 0.75);
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0em 0 0em 0;
        background-size: cover;
		background-position: center;
		background-attachment: fixed;
		text-align: center;
		position: relative;
		cursor: default;
		
		
		
	}

		#header input, #header select, #header textarea {
			color: #ffffff;
		}

		#header a {
			color: inherit;
		}

			#header a:hover {
				color: #EF6480 !important;
			}

		#header strong, #header b {
			color: #867b7b;
		}

		#header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {
			color: #d8b2b2;
		}

		#header blockquote {
			border-left-color: #ffffff;
		}

		#header code {
			background: rgba(255, 255, 255, 0.075);
			border-color: #ffffff;
		}

		#header hr {
			border-bottom-color: #ffffff;
		}

		#header:before {
			
		
		}

		#header h1 {
			margin-bottom: 0.1em;
			    border-bottom: ;
		}

		#header .inner {
			position: relative;
			z-index: 1;
			background: rgba(0, 0, 0, 0);
		}

		#header.alt {
			height: 7em;
			min-height: 20em;
			min-height: 0vh;
			
			
		}

			#header.alt:before {
				
			}

			#header.alt h1 {
				font-size: 4vw;
			
				border-bottom: ;
				font-weight: 200;
				font-family: initial;
				text-transform: none;
				letter-spacing: 0;
				padding-top: 14px;
				
			}

			#header.alt p {
	text-transform: uppercase;
    letter-spacing: 0.25rem;
    font-weight: 400;
    font-size: 1vw;
    margin: 0 0 0 0;
	

			}

			#header.alt .inner {
				-moz-transition: opacity 2s ease;
				-webkit-transition: opacity 2s ease;
				-ms-transition: opacity 2s ease;
				transition: opacity 2s ease;
				opacity: 1;
			}

		

		@media screen and (max-width: 1280px) {

			#header {
				background-attachment: scroll;
			}

		}

		
		
		
@media screen and (max-height: 700px){
    #header.alt {
        display: block;
        width:100%;
        height:7em;
    }
}

/* sm */
@media screen and (min-height: 701) {
    #header.alt {
        display: block;
        width:100%;
        height:4em;
    }
}
/* md */
@media screen and (min-height: 999px) {
    #header.alt{
        display: block;
        width:100%;
        height:5em;
    }
}
/* lg */
@media screen and (min-height: 1200px) {
    #header.alt {
        display: block;
        width: 100%;
        height:6em;
    }
}
		
		
			/* Menu                                                                          */
/*********************************************************************************/
.dialogify {
 display:none;
 position:absolute;
 top:50%;
 bottom:auto;
 left:50%;
 right:auto;
 -webkit-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%);
 margin:auto;
 max-width:1100px;
 min-width:360px;
 max-height:100vh;
 background-color:#fff;
 font-size:14px;
 color:#464646;
 border:none;
 border-radius:4px;
 overflow:auto;
 box-shadow:0 3px 4px rgba(0,0,0,0.1),0 1px 8px rgba(0,0,0,0.05),0 2px 20px rgba(0,0,0,0.1);
 z-index:2;
 padding:0;
 line-height:normal
}
.dialogify[open] {
 display:block
}
.dialogify.fixed {
 position:fixed;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%)
}
.dialogify.pixel-style:before {
 content:"";
 display:block;
 position:absolute;
 top:9px;
 bottom:9px;
 left:-9px;
 right:-9px;
 background:#FFF;
 z-index:-1
}
.dialogify.pixel-style:after {
 content:"";
 display:block;
 position:absolute;
 top:4px;
 bottom:4px;
 left:-5px;
 right:-5px;
 background-color:#FFF;
 background-image:url(../forum/box-corner.png);
 background-repeat:no-repeat;
 background-position:-17px 100%;
 z-index:-1
}
.dialogify>div {
 background-repeat:no-repeat;
 background-position:right bottom
}
.dialogify>div:after {
 content:"";
 position:absolute;
 bottom:0;
 left:0;
 width:20px;
 height:21px;
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg);
 background-size:20px;
 background-repeat:no-repeat;
 opacity:0.7
}
.dialogify>div hr {
 border:none;
 height:1px;
 background:#E0E6E8
}
.dialogify .dialogify__body {
 min-height:70px;
 font-size: larger;
 line-height: normal;
}
.dialogify .dialogify__content {
 padding:20px 25px;
 box-sizing:border-box
}
.dialogify .dialogify__content-box {
 margin:20px auto
}
.dialogify .dialogify__maxheight {
 max-height:400px;
 overflow-y:scroll
}
.dialogify .dialogify__autowidth {
 max-width:1100px;
 min-width:560px
}
.dialogify .dialogify__fixedwidth {
 max-width:560px
}
.dialogify .dialogify__close {
 position:absolute;
 top:10px;
 right:10px;
 color:#00555f
}
.dialogify .dialogify__close img {
 width:16px;
 height:16px;
 opacity:0.85
}
.dialogify .dialogify__close:hover img {
 opacity:1
}
.dialogify img.dialogify-ajax-loading {
 position:absolute;
 left:50%;
 top:50%;
 width:24px;
 height:24px;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.dialogify a:focus {
 outline:none;
 text-decoration:none
}
.dialogify .btn-danger {
 box-shadow:0 16px 26px -10px rgba(244,67,54,0.56),0 4px 25px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(244,67,54,0.2)
}
.dialogify .btn-box {
 margin-top:20px;
 clear:both
}
.dialogify .btn-box .btn-insert {
 margin-left:8px;
 margin-right:3px
}
.dialogify .btn-box .check-group input[type="checkbox"]+label h6 {
 font-size:13px;
 color:#A6A6A6
}
.dialogify .btn-box .check-group input[type="checkbox"]+label a {
 color:#1016170f
}
.dialogify .btn-box .check-group input[type="checkbox"]+label a:hover {
 color:#dcdcdc;
 text-decoration:none;
 transition:all 0.3s
}
.dialogify .btn-box .float-left a {
 margin-left:0
}
.dialogify .btn-box .btn-insert {
 margin-left:8px;
 margin-right:3px
}
.dialogify .link-form__actions {
 margin-top:10px;
 float:right;
 width:100%
}
.dialogify .btn {
 display:inline-block;
 border:1px solid transparent;
 border-radius:3px;
 padding:5px 12px;
 height:auto;
 font-size:14px;
 line-height:1.5;
 letter-spacing:1px;
 cursor:pointer;
 background-color:#e5e5e5;
 color:#A6A6A6;
 outline:none;
 text-decoration:none
}
.dialogify .btn:hover {
 background:#dcdcdc;
 color:#A6A6A6
}
.dialogify .btn.is-disabled {
 opacity:0.5;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
 cursor:not-allowed !important
}
.dialogify .btn.is-disabled:hover {
 -webkit-animation:300ms shake;
 animation:300ms shake
}
@-webkit-keyframes shake {
 0% {
  -webkit-transform:rotate(1.5deg);
  transform:rotate(1.5deg)
 }
 50% {
  -webkit-transform:rotate(-2deg);
  transform:rotate(-2deg)
 }
 70% {
  -webkit-transform:rotate(1.5deg);
  transform:rotate(1.5deg)
 }
 100% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
}
@keyframes shake {
 0% {
  -webkit-transform:rotate(1.5deg);
  transform:rotate(1.5deg)
 }
 50% {
  -webkit-transform:rotate(-2deg);
  transform:rotate(-2deg)
 }
 70% {
  -webkit-transform:rotate(1.5deg);
  transform:rotate(1.5deg)
 }
 100% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
}
.dialogify .btn.btn-primary {
 background-color:#1016170f;
 color:#FFF
}
.dialogify .btn.btn-primary:hover {
 background-color:#dcdcdc
}
.dialogify .btn.btn-danger {
 background-color:#f44336;
 color:#FFF
}
.dialogify .btn.btn-danger:hover {
 background:#DE2427
}
.dialogify .btn.btn-danger.is-disabled:hover {
 background-color:#f44336
}
.dialogify h5.dialogify_title {
 font-size:18px;
 color:#00555f;
 margin:0 0 15px;
 font-family:"Helvetica Neue", Helvetica, Roboto, Arial, "Lucida Grande", "PingFang TC", "蘋果儷中黑", "Apple LiGothic Medium","微軟正黑體", sans-serif;
 font-weight:normal
}
.dialogify h5.dialogify_title img {
 width:;
 height:;
 position:;
 top:;
 margin-right:
}
.dialogify .text-right {
 text-align:right
}
.dialogify .text-center {
 text-align:center
}
.dialogify .text-left {
 text-align:left
}
.dialogify .text-field {
 margin:10px 0;
 border:1px solid #D9D9D9;
 border-radius:3px;
 padding:8px;
 box-sizing:border-box;
 width:100%;
 background-color:#FFF;
 font-size:14px;
 color:#00555f
}
.dialogify .text-field:hover,
.dialogify .text-field:focus {
 outline:none;
 border-color:#1016170f
}
.dialogify .text-field::-webkit-input-placeholder,
.dialogify .text-field::-moz-placeholder,
.dialogify .text-field::-ms-input-placeholder,
.dialogify .text-field::-moz-placeholder {
 color:#B3B3B3
}
.dialogify .text-field.is-error {
 border-color:#DE2427;
 color:#DE2427
}
.dialogify textarea.text-field {
 resize:none;
 min-height:100px;
 line-height:1.5;
 font-size:14px
}
dialog::-webkit-backdrop {
 background:#000;
 opacity:.7
}
dialog::backdrop {
 background:#000;
 opacity:.7
}
dialog+.backdrop {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#000;
 opacity:.7
}
/* Main Navigation */
#nav {
  width: 64em;
		
		max-width: calc(100% - 4em);
    margin:0 auto;
    margin-top:0px;
    padding:0px;
}
 
ul#navigation {
    margin:0px auto;
    position:relative;
    float:left;
    border-left:;
    border-right:;
}
 
ul#navigation li {
  display:inline;
    font-size:16px;
    font-weight:bold;
    margin-left:;
    padding:0;
    float:left;
    position:relative;
    border-top:1px solid #c4dbe7;
    border-bottom: 1px solid #ffc7c75c;
	
	
}
 
ul#navigation li a {
    padding: 5px 15px;
    color:#000000;
    text-decoration:none;
    display:inline-block;
    border-right:1px solid #fff;
    border-left:1px solid #C2C2C2;
    border-top:1px solid #fff;
    background: #f5f5f5;
 
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}
 
ul#navigation li a:hover {
    
			color: #EF6480  !important;
			
		
}
 
ul#navigation li a.first {
    border-left: 0 none;
}
 
ul#navigation li a.last {
    border-right: 0 none;
}
 
ul#navigation li:hover > a {
    background:#fff;
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}
 
ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:180px;
    background:#f8f8f8;
    box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}
 
ul#navigation ul {
    top: 43px;
    left: 1px;
}
 
ul#navigation ul li ul {
    top: 0;
    left: 181px; /* strong related to width:180px; from above */
}
 
ul#navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px solid #c9c9c9;
}
 
ul#navigation ul li a {
    background:none;
    padding:7px 15px;
    color:#616161;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:150px;
}
		
		
		/* Main Navigation */
#nav2 {
  width: 64em;
		
		max-width: calc(100% - 4em);
    margin:0 auto;
    margin-top:0px;
    padding:0px;
}
 
ul#navigation2 {
    margin:0px auto;
    position:relative;
    float:left;

}
 
ul#navigation2 li {
    display:inline;
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding:0;
    float:left;
    position:relative;
   
}
 
ul#navigation2 li a {
    padding:10px 25px;
    color:#000000;
    text-decoration:none;
    display:inline-block;
   
    background: #f5f5f5;
 
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}

		
		/* Menu                                                                          */
/*********************************************************************************/

	#menu
	{
		
		width: 64em;
		margin: 0 auto;
		max-width: calc(100% - 4em);
		
	
	}
	
	#menu ul
	{
		display: inline-block;
		padding: 0m 6em;
		text-align: center;
	}
	
	#menu li
	{
		display: inline-block;
	}
	
	#menu li a, #menu li span
	{
		display: inline-block;
		padding: 0em 1.5em;
		text-decoration: none;
		font-size: 0.90em;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 60px;
		outline: 0;
		color: #FFF;
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
		background: #FFF;
		border-radius: 7px 7px 0px 0px;
		color: #2056ac;
		
	}
	
	#menu .current_page_item a
	{
	}
	

/* Main Navigation */
#nava {
  width: 64em;
		
		max-width: calc(100% - 4em);
    margin:0 auto;
    margin-top:0px;
    padding:0px;
}
 
ul#navigationa {
    margin:0px auto;
    position:relative;
    float:left;
    border-left:;
    border-right:;
}
 
ul#navigationa li {
    display:inline;
    font-size:16px;
    font-weight:;
    margin:0;
    padding:0;
    float:left;
    position:relative;

    border-bottom:;
	margin-left:7px;
	margin-right:5px;
	
	
}
 
ul#navigationa li a {
    padding: 10px 25px;
    color:#000000;
    text-decoration:none;
    display:inline-block;
    border:2px solid #efc1cb75;
	 border-radius: 5px;
    background: #fff;
 
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}
 
ul#navigationa li a:hover {
    
			color: #EF6480  !important;
			
		
}

ul#navigationa li a.active {
	color: #EF6480  !important;
	    font-weight: 700;
}
 
ul#navigationa li a.first {
    border-left: 0 none;
}
 
ul#navigationa li a.last {
    border-right: 0 none;
}


ul#navigationa li:hover > a {
    background:#fff;
}
ul#navigationa li> a.active {
    background:#8979a405;
}



/* Drop-Down Navigation */
ul#navigationa li:hover > ul
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}
 
ul#navigationa ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:180px;
    background:#f8f8f8;
    box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}
 
ul#navigationa ul {
    top: 43px;
    left: 1px;
}
 
ul#navigationa ul li ul {
    top: 0;
    left: 181px; /* strong related to width:180px; from above */
}
 
ul#navigationa ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px solid #c9c9c9;
}
 
ul#navigationa ul li a {
    background:none;
    padding:7px 15px;
    color:#616161;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:150px;

}

	
	
/*********

/* Main */

	#main {
		padding: 4em 4em 2em 4em;
		background-color: #ffffff;
		border-radius: 4px;
			text-align: left;
	}

		#main > header:first-child {
			text-align: center;
		}

		@media screen and (max-width: 736px) {

			#main {
				padding: 2em 2em 0.1em 2em;
			}

		}

		@media screen and (max-width: 480px) {

			#main {
				padding: 2em 1em 0.1em 1em;
			}

		}

/* Intro */

	#intro {
		padding: 4em 4em 5em 5em;
		background-color: #ffffff;
		border-radius: 25px 25px 25px 25px;
		
		word-wrap: break-word;
			text-align: left;
	}

		@media screen and (max-width: 736px) {

			#intro {
				padding: 2em 2em 0.1em 2em;
			}

		}

		@media screen and (max-width: 480px) {

			#intro {
				padding: 2em 1em 0.1em 1em;
			}

				#intro p br {
					display: none;
				}

		}
		
		/* Intro */

	#intro2 {
		padding: 4em 4em 2em 4em;
		background-color: #ffffff;
		border-radius: 25px;
		text-align: center;
		word-wrap: break-word;
		height:17em;
	}

		@media screen and (max-width: 736px) {

			#intro2 {
				padding: 2em 2em 0.1em 2em;
			}

		}

		@media screen and (max-width: 480px) {

			#intro2 {
				padding: 2em 1em 0.1em 1em;
			}

				#intro p br {
					display: none;
				}

		}

/* CTA */

	#cta {
		padding: 2em 0 0.1em 0;
		text-align: center;
	}

		@media screen and (max-width: 736px) {

			#cta {
				padding: 2em 2em 0.1em 2em;
			}

		}

		@media screen and (max-width: 480px) {

			#cta {
				padding: 2em 1em 0.1em 1em;
			}

				#cta p br {
					display: none;
				}

		}


/* Footer */

	#footer {
		text-align: center;
		margin-top: 4em;
	}

		#footer a {
			color: inherit;
		}

		#footer:before {
			content: '';
			display: inline-block;
			width: 6em;
			height: 2px;
			background-color: #666666;
			margin-bottom: 1em;
		}
			#footer:after {
			content: '';
			display: inline-block;
			width: 6em;
			height: 2px;
			background-color: #666666;
			margin-bottom: 4em;
		}

		#footer .copyright {
			font-size: 0.8em;
		}

		@media screen and (max-width: 736px) {

			#footer {
				margin-top: 2em;
			}

				#footer:before {
					margin-bottom: 2em;
				}

		}
		
		
		
		
		
		
		
		
		#fcf-form {
    display:block;
}

.fcf-body {
    margin: 0;
    font-family: -apple-system, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    padding: 30px;
    padding-bottom: 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    max-width: 100%;
}

.fcf-form-group {
    margin-bottom: 1rem;
}

.fcf-input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.fcf-form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    outline: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.fcf-form-control:focus {
    border: 1px solid #313131;
}

select.fcf-form-control[size], select.fcf-form-control[multiple] {
    height: auto;
}

textarea.fcf-form-control {
    font-family: -apple-system, Arial, sans-serif;
    height: auto;
}

label.fcf-label {
    display: inline-block;
    margin-bottom:0px;
}

.fcf-credit {
    padding-top: 10px;
    font-size: 0.9rem;
    color: #545b62;
}

.fcf-credit a {
    color: #545b62;
    text-decoration: underline;
}

.fcf-credit a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.fcf-btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .fcf-btn {
        transition: none;
    }
}

.fcf-btn:hover {
    color: #212529;
    text-decoration: none;
}

.fcf-btn:focus, .fcf-btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.fcf-btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.fcf-btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.fcf-btn-primary:focus, .fcf-btn-primary.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.fcf-btn-lg, .fcf-btn-group-lg>.fcf-btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.fcf-btn-block {
    display: block;
    width: 100%;
}

.fcf-btn-block+.fcf-btn-block {
    margin-top: 0.5rem;
}

input[type="submit"].fcf-btn-block, input[type="reset"].fcf-btn-block, input[type="button"].fcf-btn-block {
    width: 100%;
}

		
		/* Menu                                                                          */
/*********************************************************************************/

	#menu
	{
		
		width: 64em;
		margin: 0 auto;
		max-width: calc(100% - 4em);
		
	
	}
	
	#menu ul
	{
		display: inline-block;
		padding: 0m 6em;
		text-align: center;
	}
	
	#menu li
	{
		display: inline-block;
	}
	
	#menu li a, #menu li span
	{
		display: inline-block;
		padding: 0em 1.5em;
		text-decoration: none;
		font-size: 0.90em;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 60px;
		outline: 0;
		color: #FFF;
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
		background: #FFF;
		border-radius: 7px 7px 0px 0px;
		color: #2056ac;
		
	}
	
	#menu .current_page_item a
	{
	}
	

/*********

/* Main */

	#mainkontakt {
		padding: 4em 4em 2em 4em;
		background-color: #ffffff;
		border-radius: 4px;
	}

		#mainkontakt > header:first-child {
			text-align: left;
		}

		@media screen and (max-width: 736px) {

			#mainkontakt {
				padding: 2em 2em 0.1em 2em;
			}

		}

		@media screen and (max-width: 480px) {

			#mainkontakt {
				padding: 2em 1em 0.1em 1em;
			}

		}

/* Intro */

	#kontakt {
		padding: 4em 4em 2em 4em;
		background-color: #ffffff;
		border-radius: 25px 25px 25px 25px;
		text-align: left;
		word-wrap: break-word;
	}

		@media screen and (max-width: 736px) {

			#kontakt {
				padding: 2em 2em 0.1em 2em;
			}

		}

		@media screen and (max-width: 480px) {

			#kontakt {
				padding: 2em 1em 0.1em 1em;
			}

				#intro p br {
					display: none;
				}

		}
		
		
		------------
		
		#fcf-form2 {
    display:block;
}

.fcf-body {
    margin: 0;
    font-family: -apple-system, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    padding: 30px;
    padding-bottom: 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    max-width: 100%;
}

.fcf-form-group {
    margin-bottom: 1rem;
}

.fcf-input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.fcf-form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #000000;
    outline: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.fcf-form-control:focus {
    border: 1px solid #313131;
}

select.fcf-form-control[size], select.fcf-form-control[multiple] {
    height: auto;
}

textarea.fcf-form-control {
   font: inherit;
    height: auto;
}


.fcf-credit {
    padding-top: 10px;
    font-size: 0.9rem;
    color: #545b62;
}

.fcf-credit a {
    color: #545b62;
    text-decoration: underline;
}

.fcf-credit a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.fcf-btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .fcf-btn {
        transition: none;
    }
}

.fcf-btn:hover {
    color: #212529;
    text-decoration: none;
}

.fcf-btn:focus, .fcf-btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.fcf-btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.fcf-btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.fcf-btn-primary:focus, .fcf-btn-primary.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.fcf-btn-lg, .fcf-btn-group-lg>.fcf-btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.fcf-btn-block {
    display: block;
    width: 100%;
}

.fcf-btn-block+.fcf-btn-block {
    margin-top: 0.5rem;
}

input[type="submit"].fcf-btn-block, input[type="reset"].fcf-btn-block, input[type="button"].fcf-btn-block {
    width: 100%;
}



		
	
	
		
		
	
	
#text {
		text-align: center;
		margin-top: 0em;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		border-radius: 4px;
	
		line-height: 1.5;
		margin: 0 0 1em 0;
		text-transform: uppercase;
		letter-spacing: 0.15rem;
		display: inline-block;
		word-wrap: break-word;
		  
		font-weight: 400;
		font-weight:bold;
		height: 3.5em;
		width: 100%;
		line-height: 1,2em;
		padding: 1em 0em 0 0em;
		text-align: center;
		text-decoration: none;
		white-space: normal;
		text-transform: uppercase;
		
		font-size: 0.98em;
		    background-color: ;
  border-width: 0em 0em 0.20em 0em;  
    border-style:ridge;
   border-color: #e7bcc5;
    word-wrap: break-word;
	}

		

		#text:hover {
			color: #EF6480 !important;
		
		}
			
			

#otsi {
		padding: 4em 4em 0.5em 4em;
		background-color: #ffffff;
		border-radius: 25px 25px 25px 25px;
		text-align: center;
		word-wrap: break-word;
	}

		@media screen and (max-width: 736px) {

			#otsi {
				padding: 2em 2em 0.1em 2em;
			}

		}

		@media screen and (max-width: 480px) {

			#otsi {
				padding: 2em 1em 0.1em 1em;
			}

				#otsi p br {
					display: none;
				}

		}
		
		
#text2 {
		text-align: center;
		margin-top: 0em;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		border-radius: 4px;
	font-family: "Times New Roman", Times, serif;
		line-height: 0;
		margin: 0 0 2em 0;
		text-transform: uppercase;
		letter-spacing: 0.05rem;
		display: inline-block;
		word-wrap: break-word;
		  
		font-weight: 400;
		font-weight:bold;
		height: 2.0em;
		width: 100%;
		
		padding: 1em 0em 0 0em;
		text-align: center;
		text-decoration: none;
		white-space: normal;
		text-transform: uppercase;
		
		font-size: 0.98em;
    text-decoration: none;
    display: inline-block;
    border-right: #EF6480 ;
    border-left: #EF6480 ;
    border-top: #EF6480;
	    border-bottom: #EF6480;
    background: #eff1f39e;
    
	}

		

		#text2:hover {
			color: #EF6480 !important;
		
		}
			
		
/**
 * Horizontal Type Line Behind Text*/

h2 {
  
    margin-top: 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
		line-height: 0;
		margin: 0 0 2em 0;
		text-transform: uppercase;
		letter-spacing: 0.05rem;
		display: inline-block;
		word-wrap: break-word;
		  
		font-weight: 400;
		font-weight:bold;
		height: 2.0em;
		width: 100%;
		
		padding: 1em 0em 0 0em;
		text-align: center;
		text-decoration: none;
		white-space: normal;
		text-transform: uppercase;
		
		font-size: 0.98em;
			border-right: #EF6480 ;
    border-left: #EF6480 ;
    border-top: #EF6480;
	    border-bottom: #EF6480;
    background: ;
    z-index: 1;
}
h2:hover {
			color: #EF6480 !important;
		
		}
			

h2:before {
    border-top: 2px solid #f43162;
    content:"";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 15px; left: 0; right: 0; bottom: 0;
    width: 95%;
    z-index: -1;
}

h2 span { 
    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
    background: #fff; 
    padding: 0 15px; 
word-wrap: break-word;
}

h2.double:before { 
    /* this is just to undo the :before styling from above */
    border-top: none; 
}

h2.double:after {
    border-bottom: 1px solid #f43162;
    -webkit-box-shadow: 0 1px 0 0 #f43162;
    -moz-box-shadow: 0 1px 0 0 #f43162;
    box-shadow: 0 1px 0 0 #d4b1b1;
    content: "";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute;
    top: 45%; left: 0; right: 0;
    width: 95%;
    z-index: -1;
}

p {
  user-select: none;
}

copy {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

html {
  scroll-behavior: smooth;
}

.disable-hover {
  pointer-events: none;
  
}

left {
	text-align: left;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  
  box-sizing: border-box;
  position: absolute;
  top: 2.8%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner .6s linear infinite;
}

.icon-asterisk{
  color: #EF6480;
}


.fa-asterisk{
  color: #EF6480;
  font-size: 22px;
}
* {
	box-sizing: border-box;
}


.flexContainer {
    display: flex;
	
}

.inputField {
    flex: 0.1;
}

.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#000000;background-color:#fffbfd;border-color:#b18c8c}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}

#content{
position:relative;
margin:auto;    
min-height:200px;
z-index:100;
padding:7px;
border:;
    
/* My stipped background */
background: #D1D1D1; /* Old browsers */
background: -moz-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */
    background: -webkit-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */
    background: -o-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */
    background: repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */
/*border-radius*/
-webkit-border-radius:8px;
   -moz-border-radius:8px;
        border-radius:8px;
/*box-shadow*/
-webkit-box-shadow:0px 1px 6px #3F3F3F;
   -moz-box-shadow:0px 1px 6px #3F3F3F;
        box-shadow:0px 1px 6px #3F3F3F;
}

/** my "fake" background that will hover the stripes **/
#content:after{
background:#F9F9F9;
margin:10px;
position: absolute;
content : " ";
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1; 
border:1px #E5E5E5 solid;       
/*border-radius*/
-webkit-border-radius:8px;
   -moz-border-radius:8px;
        border-radius:8px;
}





.Card {
  padding: 1px;
  border-radius: var(--border-radius);
  background: linear-gradient(-67deg, rgba(#c8d8e7, .7), rgba(255,255,255,.8));
  overflow: hidden;
  box-shadow: 
    -2px -2px 6px rgba(#fff, .6),
    2px 2px 12px #c8d8e7;
  width: 100%;
}

.CardInner {
  padding: 35px 16px;
  background-color: rgb(244 236 236 / 8%);
  border-radius: var(--border-radius);
      border: 1px solid #e460600f
}

.container {
  display: flex;
}

.Icon {
  min-width: 46px;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  margin-right: 12px;
  box-shadow: 
    -2px -2px 6px rgba(#fff, .6),
    2px 2px 12px #c8d8e7;
    
  svg {
    transform: translate(-1px, -1px);    
  }
}



.InputContainer {
  width: 100%;
}

input {
  background-color: #e3edf7;
  padding: 16px 32px;
  border: none;
  display: block;
 
  -webkit-appearance: none;
  transition: all 240ms ease-out;
  width: 100%;
  
  &:focus {
    outline: none;
    color: #6d7f8f;
    background-color: lighten(#e3edf7, 3%);
  }
};
  
.InputContainer {
  --top-shadow: inset 1px 1px 3px #c5d4e3, inset 2px 2px 6px #c5d4e3;
  --bottom-shadow: inset -2px -2px 4px rgba(255,255,255, .7);
  
  position: relative;
  border-radius: var(--border-radius);
  overflow: hidden;
  
  &:before,
  &:after {
    left: 0;
    top: 0;
    display: block;
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  
  &:before {
    box-shadow: var(--bottom-shadow);
  }
  
  &:after {
    box-shadow: var(--top-shadow);
  }
}

.content2 {
  position:relative;
  z-index:1;
}

input:-webkit-autofill {
    background-color: #FAFFBD !important;
}

.textarea-container {
  position: relative;
}
.textarea-container textarea {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top:24px;
}
.textarea-container button {
  position: absolute;
  top: 0;
  right: 0;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: 15px;
}


/* Tiles */

	.tiles {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
		margin: -2.5em 0 0 -2.5em;
		
	}

		.tiles article {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(48.33333% - 2.5em);
			margin: 2.5em 0 0 2.5em;
				background: #ffffff;
		border: solid 1px rgba(160, 160, 160, 0.3);

		}

			.tiles article > .image {
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				position: relative;
				display: block;
				width: 100%;
				border-radius: 4px;
				overflow: hidden;
			}

				.tiles article > .image img {
					display: block;
					width: 100%;
				}

				.tiles article > .image:before {
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles article > .image:after {
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-image: ;
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}
				.tiles header {
			padding: 1.25em 1.25em 0.1em 1.25em ;
			min-height: 4em;
			position: relative;
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
		}

			.tiles header h3 {
				
				border-bottom: solid 2px #444444;
				letter-spacing: 0.1em;
				margin: -0.625em 0 1.7em 0;
			    font-weight: 700;
			    line-height: 2em;
				font-family: Book Antiqua;
				    color: inherit;
    text-decoration: none;
    font-size: 20px;
	
			}

			.tiles header .published {
				display: block;
				font-family:  Book Antiqua;
				font-size: 0.6em;
				font-weight: 400;
				letter-spacing: 0.25em;
				margin: -0.625em 0 1.7em 0;
				text-align:right;
				text-transform: lowrercase;
				
			}

			.tiles header .author {
				position: absolute;
				right: 2em;
				top: 2em;
			}

			.tiles article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: ;
				border-radius: 4px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
				
			}

				.tiles article > a > :last-child {
					margin: 0;
				}

				.tiles article > a:hover {
					color: #ffffff !important;
				}

				.tiles article > a h2 {
					margin: 0;
					
				}
				.tiles article > a h3 {
					margin: 0;
					
				}

				.tiles article > a .content {
					-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;
					
				
				}

					.tiles article > a .content > :last-child {
						    background: #ffffff;
							color: black;
							width: 100%;
							margin-top: 45px;
							padding:2px;
							
					}

			.tiles article.style1 > .image:before {
				background-color:  #f2849e1a;
			}

			.tiles article.style2 > .image:before {
				background-color: #7ecaf6;
			}

			.tiles article.style3 > .image:before {
				background-color: #7bd0c1;
			}

			.tiles article.style4 > .image:before {
				background-color: #c75b9b;
			}

			.tiles article.style5 > .image:before {
				background-color: #ae85ca;
			}

			.tiles article.style6 > .image:before {
				background-color: #8499e7;
			}

			body:not(.is-touch) .tiles article:hover > .image {
				-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);
			}

				body:not(.is-touch) .tiles article:hover > .image:before {
					background-color: #333333;
					opacity: 0.35;
				}

				body:not(.is-touch) .tiles article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles {
			margin-top: 2em;
		}

		body.is-preload .tiles article {
			-moz-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			-ms-transform: scale(0.9);
			transform: scale(0.9);
			opacity: 0;
		}

		body.is-touch .tiles article .content {
			max-height: 15em;
			opacity: 1;
		}

		@media screen and (max-width: 1280px) {

			.tiles {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles article {
					width: calc(45.33333% - 1.25em);
				
				}

		}

		@media screen and (max-width: 980px) {

			.tiles {
				margin: -2.5em 0 0 -2.5em;
			}

				.tiles article {
					width: calc(50% - 2.5em);
					margin: 2.5em 0 0 2.5em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

					.tiles article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles {
				margin: 0;
			}

				.tiles article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}
		
		a.special:not(.button) {
			text-decoration: none;
			border-bottom: 0;
			display: block;
			font-family: Raleway, Helvetica, sans-serif;
			font-size: 0.8em;
			font-weight: 700;
			letter-spacing: 0.1em;
			margin: 0 0 2em 0;
				font-family:  Book Antiqua;
			
				letter-spacing: 0.25em;
				margin: -0.625em 0 1.7em 0;
				text-align:right;
		
		}

			a.special:not(.button):before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
				
			}

			a.special:not(.button):before {
				-moz-transition: background-color 0.2s ease-in-out;
				-webkit-transition: background-color 0.2s ease-in-out;
				-ms-transition: background-color 0.2s ease-in-out;
				transition: background-color 0.2s ease-in-out;
				border-radius: 100%;
				border: solid 2px rgba(255, 255, 255, 0.125);
				content: '\f105';
				display: inline-block;
				font-size: 1.25em;
				height: 2em;
				line-height: 1.75em;
				margin-right: 0.85em;
				text-align: center;
				text-indent: 0.15em;
				vertical-align: middle;
				width: 2em;
			}

			a.special:not(.button):hover:before {
				background-color: rgba(255, 255, 255, 0.025);
			}

			a.special:not(.button):active:before {
				background-color: rgba(255, 255, 255, 0.075);
			}
			
			
			
			
	.post {
		padding: 3em 3em 1em 3em ;
		background: #ffffff;
		margin: 0 0 0 0;
		position: relative;
	}

		.post > header {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			border-bottom: solid 1px rgba(160, 160, 160, 0.3);
			border-top: solid 1px rgba(160, 160, 160, 0.3);
			left: -3em;
			margin: -3em 0 3em 0;
			position: relative;
			width: calc(100% + 6em);
		}

			.post > header .title {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-ms-flex: 1;
				 padding: 1.75em 1em 1.1em 1em;
			}

				.post > header .title h3 {
					font-weight: 700;
					font-size: 1.5em;
					color:#744d4d;
					letter-spacing:0.04em;
					font-family:Georgia;
					text-transform:initial;
					    text-align: center;
					
				}

				.post > header .title > :last-child {
					margin-bottom: 0;
					letter-spacing:0.04em;
				}

			.post > header .meta {
    padding: 3em 1em 1.1em 1em;

    text-align: center;
		}

				.post > header .meta > * {
					margin: 0 0 1em 0;
				}

				.post > header .meta > :last-child {
					margin-bottom: 0;
				}

				.post > header .meta .published {
					color: #3c3b3b;
					display: block;
					font-family: ;
					font-size: 0.7em;
					
					letter-spacing: 0.15em;
					margin-top: 0.5em;
					text-transform: uppercase;
					white-space: nowrap;
				}

		.post > a.image.featured {
			overflow: hidden;
		}

			.post > a.image.featured img {
				-moz-transition: -moz-transform 0.2s ease-out;
				-webkit-transition: -webkit-transform 0.2s ease-out;
				-ms-transition: -ms-transform 0.2s ease-out;
				transition: transform 0.2s ease-out;
			}

			.post > a.image.featured:hover img {
				-moz-transform: scale(1.05);
				-webkit-transform: scale(1.05);
				-ms-transform: scale(1.05);
				transform: scale(1.05);
			}

		.post > footer {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
		
			padding-top:45px;
			
		}

			.post > footer .actions {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
			}

			.post > footer .stats {
				cursor: default;
				list-style: none;
				padding: 0;
			}

				.post > footer .stats li {
					
					display: inline-block;
					font-family: "Raleway", Helvetica, sans-serif;
					text-align: center;
					font-weight: 400;
					letter-spacing: 0.25em;
					line-height: 1;
					margin: 0 0 0 0.5em;
			
					text-transform: uppercase;
					font-size: 17px;
							padding: 10px;
				}

					.post > footer .stats li:first-child {
						border-left: 0;
						margin-left: 0;
						padding-left: 0;
								
					}

					.post > footer .stats li .icon {
						border-bottom: 0;
					}

						.post > footer .stats li .icon:before {
							color: rgba(160, 160, 160, 0.3);
							margin-right: 0.75em;
							
						}
						
						.post > footer .icons li a {
					padding: 14px;
						}


					
		@media screen and (max-width: 980px) {

			.post {
				border-left: 0;
				border-right: 0;
				left: -3em;
				width: calc(100% + (3em * 2));
			}

				.post > header {
					-moz-flex-direction: column;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
					padding: 3.75em 3em 1.25em 3em ;
					border-left: 0;
				}

					.post > header .title {
						-ms-flex: 0 1 auto;
						margin: 0 0 2em 0;
						padding: 0;
						text-align: center;
					}

					.post > header .meta {
						-moz-align-items: center;
						-webkit-align-items: center;
						-ms-align-items: center;
						align-items: center;
						display: -moz-flex;
						display: -webkit-flex;
						display: -ms-flex;
						display: flex;
						-moz-justify-content: center;
						-webkit-justify-content: center;
						-ms-justify-content: center;
						justify-content: center;
						border-left: 0;
						margin: 0 0 2em 0;
						padding-top: 0;
						padding: 0;
						text-align: left;
						width: 100%;
					}

						.post > header .meta > * {
							border-left: solid 1px rgba(160, 160, 160, 0.3);
							margin-left: 2em;
							padding-left: 2em;
						}

						.post > header .meta > :first-child {
							border-left: 0;
							margin-left: 0;
							padding-left: 0;
						}

						.post > header .meta .published {
							margin-bottom: 0;
							margin-top: 0;
						}

						.post > header .meta .author {
							-moz-flex-direction: row-reverse;
							-webkit-flex-direction: row-reverse;
							-ms-flex-direction: row-reverse;
							flex-direction: row-reverse;
							margin-bottom: 0;
						}

							.post > header .meta .author .name {
								margin: 0 0 0 1.5em;
							}

							.post > header .meta .author img {
								width: 3.5em;
							}
							
							
							

		}

		@media screen and (max-width: 736px) {

			.post {
				padding: 1.5em 1.5em 0.1em 1.5em ;
				left: -1.5em;
				margin: 0 0 2em 0;
				width: calc(100% + (1.5em * 2));
			}

				.post > header {
					padding: 3em 1.5em 0.5em 1.5em ;
					left: -1.5em;
					margin: -1.5em 0 1.5em 0;
					width: calc(100% + 3em);
				}

					.post > header .title h2 {
						font-size: 1.1em;
					}

		}

		@media screen and (max-width: 480px) {

			.post > header .meta {
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.post > header .meta > * {
					border-left: 0;
					margin: 1em 0 0 0;
					padding-left: 0;
				}

				.post > header .meta .author .name {
					display: none;
				}

			.post > .image.featured {
				margin-left: -1.5em;
				margin-top: calc(-1.5em - 1px);
				width: calc(100% + 3em);
			}

			.post > footer {
				-moz-align-items: -moz-stretch;
				-webkit-align-items: -webkit-stretch;
				-ms-align-items: -ms-stretch;
				align-items: stretch;
				-moz-flex-direction: column-reverse;
				-webkit-flex-direction: column-reverse;
				-ms-flex-direction: column-reverse;
				flex-direction: column-reverse;
			}

				.post > footer .stats {
					text-align: center;
				}

					.post > footer .stats li {
						margin: 0 0 0 1.25em;
						padding: 0 0 0 1.25em;
					}
					
					
					

		}
		
		.post > .row {
			 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
     margin-left: 15px;
    border-bottom: double 1px #c3393924;

    margin: 24px 0 24px 0;
    padding: 24px 0 44px 60px;
    background-color: rgb(223 240 249 / 4%);
    border-radius: 4%;
	
			
		}
		
		.post > .row2 {
			 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
     margin-left: 15px;
    border-bottom: double 1px #c3393924;
    border-top: double 1px #c3393924;
    margin: 24px 0 24px 0;
    padding: 24px 0 44px 60px;
    background-color: rgb(223 240 249 / 4%);
    border-radius: 4%;
	
			
		}
		
		.colm {

    border-top: 1px solid #f4c2c2;
   
    margin: px;
      padding: 25px 0 15px 17px;
		}
		
		
		
		.colmn {

	border-left: 1px solid #f4c2c2;
	    -webkit-box-flex: 0;
		    padding-left: 40px;
    
		}
		
		/* Icons */

	ul.icons {
		cursor: default;
		list-style: none;
		padding-top:48px;
	}

		ul.icons li {
			display: inline-block;
			padding: 0 1em 0 0;
			
		}

			ul.icons li:last-child {
				padding-right: 0;
			}

			ul.icons li > * {
				border: 0;
			}

				ul.icons li > * .label {
					display: none;
				}
				
		/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.featured {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.featured img {
				width: 100%;
			}

			@media screen and (max-width: 736px) {

				.image.featured {
					margin: 0 0 1.5em 0;
				}

			}

		.image.main {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}


.page-item.active .page-link {
    z-index: 1;
    color: #ce9191;
    background-color: ;
    border-color: ;
}
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: ;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
	


	.topnav {
  overflow: hidden;
  background-color:;
      border-top: 1.4px solid #ffd3d3;
	  border-bottom: ;
	 float: none;
  position: absolute;  
		width:100%;
		    text-align: center;

}

.topnav a {
    padding: 8px 50px;
    color:#000000;
     text-align: center;
    display:inline-block;
    	border-left:1px solid #f3e9e9;
    border-right:1px solid #f3e9e9;
      background-color: #fbfbfb;
	font-weight:600;
	    font-size: 17px;
letter-spacing: 0.02em;
    border-bottom: 1px solid #0000002e;
	
}

.topnav a:hover {
  background-color: ;
  color:#EF6480;
  
}

.topnav a.active {
  background-color: ;
  color:#EF6480;
  border-bottom: 2px solid #ffd3d3;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.ta {
color:#9e394d;

}


.text-container {

 
    border: 7px double blanchedalmond;
    text-align: center;
	padding-top: 8px;
	margin-right: 35px;
}

.u-line {

 
    border-bottom: ;
	padding:14px;
	padding-left:28px;
  

}

.column_t {

     border-bottom: 1px solid #f4c2c2;
    margin-bottom: 7px;
    padding-left: 15px;

		}
		
.col-s {
width: 260px;
    word-wrap: break word;
	padding-left: 28px;

		}
		
	
		
	.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    height: 2.8em;
	    box-shadow: inset 0 0 0 0 #ffffffc4;
		border: 1px solid black
}

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}



.dropdown-item {
  white-space: pre-wrap;
   display: block;
    width: 100%;
    padding: .25rem 0.5rem;
    clear: both;
	font-family: "Times New Roman", Times, serif;
    font-weight: 400;
    color: #212529;
    background-color: transparent;
    border: 0;
	font-size:15px;
}

.dropdown-header {
    display: block;
	padding: .0rem 0.5rem;
	font-weight: 700;
    margin-bottom: 0;
    color: #000000;
    white-space: nowrap;
    font-size: 15px;
}

	.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
    display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
      flex-wrap: wrap;
    justify-content: center;
	margin-top: 25px;
}

/* buttonactive */

	input[type="submit"],
	input[type="reset"],
	input[type="buttonactive"],
	buttonactive,
	.buttonactive {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		border-radius: 4px;
		border: 0;
		cursor: pointer;
		display: inline-block;
		word-wrap: break-word;
		  
		font-weight: 400;
		font-weight:bold;
		height: 3.7em;
		width: max-content;
		line-height: 1,2em;
		padding: 0 1em 0 1em;
		text-align: center;
		text-decoration: none;
		white-space: normal;
		text-transform: uppercase;
		letter-spacing: 0,2em;
		font-size: 0.75em;
		
	}


		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="buttonactive"].icon:before,
		buttonactive.icon:before,
		.buttonactive.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="buttonactive"].fit,
		buttonactive.fit,
		.buttonactive.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="buttonactive"].big,
		buttonactive.big,
		.buttonactive.big {
			font-size: 0.8em;
			padding: 0 2.5em 0 2.875em;
			height: 3.75em;
			line-height: 3.75em;
		}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="buttonactive"].disabled,
		input[type="buttonactive"]:disabled,
		buttonactive.disabled,
		buttonactive:disabled,
		.buttonactive.disabled,
		.buttonactive:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.25;
		}

		@media screen and (max-width: 480px) {

			input[type="submit"],
			input[type="reset"],
			input[type="buttonactive"],
			buttonactive,
			.buttonactive {
				padding: 0;
			}

		}

	input[type="submit"],
	input[type="reset"],
	input[type="buttonactive"],
	buttonactive,
	.buttonactive {
		background-color: #ffe9e9c4;
		box-shadow: inset 0 0 0 2px #edcbcbc4;
		color: #444444 !important;
		word-wrap: break-word;
		font-family: inherit;
		margin-left: 2px;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="buttonactive"]:hover,
		buttonactive:hover,
		.buttonactive:hover {
			color: #EF6480 !important;
			box-shadow:;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="buttonactive"]:active,
		buttonactive:active,
		.buttonactive:active {
			
		}color: #EF6480 !important;

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="buttonactive"].icon:before,
		buttonactive.icon:before,
		.buttonactive.icon:before {
			color: #999999;
		}
		
		/**
 * Horizontal Type Line Behind Text*/

.h7 {
  
margin-top:12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
		text-transform: uppercase;
		letter-spacing: 0.05rem;
		  color: #EF6480 !important;
		font-weight: 400;
		font-weight:bold;
	 word-break: keep-all;
		padding: 0em 0em 0 0em;
		text-align: left;
		text-decoration: none;
		white-space: normal;
		text-transform: uppercase;
		
		font-size: 1.1em;
    z-index: 1;
}

.horizontal_line {
            width: 90%;
            height: 2px;
            border-top: 2px solid;
            line-height: 80%;
			color: #EF6480 !important;
			margin-bottom: 5px;
        }

.horizontal_line_bottom {
            width: 90%;
            height: 2px;
            border-top: 2px solid;
            line-height: 80%;
			margin-bottom:17px;
			color: #EF6480 !important;
        }
		
		.h8 {
  
    margin-top: 0px;
    position: relative;
    text-align: left;

	font-family: "Times New Roman", Times, serif;
		line-height: 0;
		margin: 0em 0 0em 0;
		text-transform: uppercase;
		letter-spacing: 0.05rem;
		display: inline-block;
		word-wrap: break-word;
		  color: #498080;
	font-size: 0.98em;
		font-weight:bold;
}

.h9 {
  
    margin-top: 0px;
    position: relative;
    text-align: left;

	font-family: "Times New Roman", Times, serif;
		line-height: 0;
		margin: 0em 0 0em 0;
		text-transform: uppercase;
		letter-spacing: 0.05rem;
		display: inline-block;
		  color: #498080;
font-size: 0.98em;
	font-weight:bold;
}

.h10{
    
    font-size: 0.99em;
    color: #000000;
    margin-top: 9px;
    margin-left: 38px;
    font-family: Georgia;
    text-transform: initial;
	margin-bottom: 15px;
	}
	
	.h11 {
    
    background: #ffffff00;
	    text-align: center;
		color:#EF6480;

	}
	
	.aasta {
color: #000000;
    background: #ffffff00;
	 text-align: center !important;
}
.aasta:before {
 content: "│ 2021–2025";
  text-align: center !important;
}

		.centernav {
    overflow: hidden;
    background-color: ;
    margin-top: -17px;
    border-bottom: ;
    float: none;
    /* position: absolute; */
    width: 100%;
    text-align: center;
margin-bottom: 20px;
}

.centernav a {
       padding: 7px 35px;
    color: #444444;
    text-align: center;
    display: inline-block;
    border-left: 1px solid #ffc6ee;
    border-right: 1px solid #c0adad;
    background-color: #ffffff;
    border-top: 1px solid #c0adad;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.02em;
    border-bottom: 1px solid #c0adad;
}

.centernav a:hover {
  background-color: ;
  color:#EF6480;
  
}

.centernav a.active {
  background-color: ;
  color:#EF6480;
  border-bottom: 2px solid #ffd3d3;
}