@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,900");

/*
	Twenty by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Basic */

	body, #skel-layers-wrapper {
		background: #ffffff; 
	}

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

	body, input, select, textarea {
		color: #333;
		font-family: 'Open Sans', sans-serif;
		font-size: 15pt;
		font-weight:normal;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		color: #1c3587;
		text-decoration: underline;
		border-bottom: dotted 1px;
	}

		a:hover {
			border-bottom-color: transparent;
		}

	
	p, ul, ol, dl, table, blockquote {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 300;
		line-height: 1.75em;
		margin-bottom: 1em;
		text-transform: uppercase;  
	}

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

	h2 {
		font-size: 1.5em;
		letter-spacing: 0.1em;
	}

	h3 {
		font-size: 1.15em;
		letter-spacing: 0.025em;
	}

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

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

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.2);
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em; 
	}
	
	.cnt table {
    border-collapse: collapse;
}

.cnt table, .cnt th, .cnt td {
    border: 1px solid #fff;background-color: #ddd; padding:2px; margin:2px;
}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header.major {
		padding-bottom: 2em;
	}

	header.special {
		margin-bottom: 5em;
		padding-top: 7em;
		position: relative;
		text-align: center;
	}

		header.special:before, header.special:after {
			border-bottom: solid 1.5px;
			border-top: solid 1.5px;
			content: ;
			height: 7px;
			opacity: 0.1;
			position: absolute;
			top: 1.75em;
			width: 43%;
		}

		header.special:before {
			left: 0;
		}

		header.special:after {
			right: 0;
		}

		header.special h2 {
			margin-bottom: 0;
		}

		header.special h2 + p {
			margin-bottom: 0;
			padding-top: 1.5em;
		}

		header.special .icon {
			cursor: default;
			height: 7em;
			left: 0;
			position: absolute;
			text-align: center;
			top: 1em;
			width: 100%;
		}

			header.special .icon:before {
				font-size: 3.5em;
				opacity: 0.35;
			}

	footer > :last-child {
		margin-bottom: 0;
	}

	footer.major {
		padding-top: 3em;
	}

			header.special2 {
		position: relative;
		text-align: center;
	}
	header.special2:before, header.special2:after {
			border-bottom: solid 1.5px;
			border-top: solid 1.5px;
			content: ;
			height: 7px;
			opacity: 0.1;
			position: absolute; 
			top: -0.6em;
			width: 43%;
		}
		header.special2:before {
			left: 0;
		}

		header.special2:after {
			right: 0; 
		}
/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px rgba(124, 128, 129, 0.2);
		color: inherit;
		display: block;
		padding: 0.75em; font-size:14px; height:30px; padding:3px;
		text-decoration: none;
		width: 100%;
		outline: 0;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus {
			border-color: #83d3c9;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

	::-webkit-input-placeholder {
		color: inherit;
		opacity: 0.5;
		position: relative;
		top: 3px;
	}

	:-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	::-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	:-ms-input-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	.formerize-placeholder {
		color: rgba(124, 128, 129, 0.5) !important;
	}

/* Image */
	.image2 { position: relative;z-index:6; top:0px; 
	}
	.image {
		border: 0;
		position: relative;
	}

		.image:before {
			
			content: '';
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

		.image.fit {
			display: block;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}
			
			.image.ojk {
			display: block;
		}

			.image.ojk img {
				display: block;
				
			}
	
			.iframe.featured {
			display: block;
			margin: 0 0 2em 0;
		}
		.iframe.featured img {
				display: block;
				width: 100%; max-height:300px;
			}

			.dummy {
    padding-top: 100%; /* forces 1:1 aspect ratio */
}
	.image.fit2 {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; vertical-align:middle;
    text-align:center; /* Align center inline elements */

		}

.image.fit2:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

			.image.fit2 img {
				  position: relative;
  top: 50%;
  transform: translateY(-50%);
				width: 100%;
			}

		.image.featured {
			display: block; 
			margin: 0 0 2em 0; border:solid 1px #fff; width: 100%; height:250px;
		}

			.image.featured img {
				display: block; padding-top: 50px;
				width: 100%; 
			}

.image.featured backgr {
			background-position:  top center;
		background-repeat:  no-repeat;
		background-size:50%;
	
		width: 100%; height:auto;

	}
	
			.image.featured2 {
			display: block; 
			margin: 0 0 2em 0; width: 100%; z-index:1; padding-top:30px; 
		}

			

.image.featured2 backgr {
			background-position:  top center;
		background-repeat:  no-repeat;
		background-size:50%;
	
		width: 100%; height:auto;

	}
	
/*logo*/

	.logo {
		position: absolute; z-index:20;
	}

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

		.logo.circle {
			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			border: 0;
			
			display: inline-block;
			font-size: 1.25em;
			height: 6.3em;
			left: 10px;
			line-height: 2.25em;
			text-align: center;
			text-decoration: none;
			top: 0px;
			width: 30em; z-index:20;
		}

			.logo.circle:hover {
				top: 3px;  z-index:20;
			}

			.logo.circle.fa-logo {
				background:url(../images/logo.png);  z-index:20;
				background-repeat:  no-repeat; color: white;
			}

			.logo.circle.fa-logo:hover {
					
					background:url(../images/logo.png);  z-index:20;
					background-repeat:  no-repeat; 
				}


/* Icon */

	.icon {
		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.circle {
			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			border: 0;
			border-radius: 100%;
			display: inline-block;
			font-size: 1.25em;
			height: 2.25em;
			left: 0;
			line-height: 2.25em;
			text-align: center;
			text-decoration: none;
			top: 0;
			width: 2.25em;
		}

			.icon.circle:hover {
				top: -0.2em;
			}

			
			.icon.circle.fa-twitter {
				background: #70aecd;
				color: white;
			}

				.icon.circle.fa-twitter:hover {
					background: #7fb7d2;
				}

			.icon.circle.fa-facebook {
				background: #7490c3;
				color: white;
			}

				.icon.circle.fa-facebook:hover {
					background: #829bc9;
				}

	.icon.circle.fa-instagram {
				background: #333;
				color: white;
			}

				.icon.circle.fa-instagram:hover {
					background: #666;
				}

			.icon.circle.fa-google-plus {
				background: #db6b67;
				color: white;
			}

				.icon.circle.fa-google-plus:hover {
					background: #df7b77;
				}

			.icon.circle.fa-github {
				background: #dcad8b;
				color: white;
			}

				.icon.circle.fa-github:hover {
					background: #e1b89b;
				}

			.icon.circle.fa-dribbble {
				background: #da83ae;
				color: white;
			}

				.icon.circle.fa-dribbble:hover {
					background: #df93b8;
				}

		.icon.featured {
			cursor: default;
			display: block;
			margin: 0 0 1.5em 0;
			opacity: 0.35;
			text-align: center;
		}

			.icon.featured:before {
				font-size: 5em;
				line-height: 1em;
			}

		.icon > .label {
			display: none;
		}

/* List */

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

		ul.default li {
			padding-left: 0.5em;
		}

	ul.icons {
		cursor: default;
	}

		ul.icons li {
			display: inline-block;
			line-height: 1em;
			padding-left: 0.5em;
		}

			ul.icons li:first-child {
				padding-left: 0;
			}

	ul.featured-icons {
		cursor: default;
		margin: -0.75em 0 0 0;
		opacity: 0.35;
		overflow: hidden;
		position: relative;
	}

		ul.featured-icons li {
			display: block;
			float: left;
			text-align: center;
			width: 50%;
		}

			ul.featured-icons li .icon {
				display: inline-block;
				font-size: 6.25em;
				height: 1.25em;
				line-height: 1.25em;
				width: 1em;
			}

	ul.buttons {
		cursor: default;
	}

		ul.buttons:last-child {
			margin-bottom: 0;
		}

		ul.buttons li {
			display: inline-block;
			padding: 0 0 0 1.5em;
		}

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

		ul.buttons.vertical li {
			display: block;
			padding: 1.5em 0 0 0;
		}

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

/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px rgba(124, 128, 129, 0.2);
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background: #7c8081;
				color: #fff;
			}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: none;
		border: solid 1px;
		color: inherit;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 900;
		letter-spacing: 2px;
		min-width: 18em;
		padding: 0 0.75em;
		line-height: 3.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background: #8b0e06;color: white !important;
			border-color: inherit;
		}

		input[type="button"].special,
		input[type="submit"].special,
		input[type="reset"].special,
		.button.special {
			background: #8b0e06; 
			border-color: #777;
			color: white !important;
			border-radius: 25px;
		}

			input[type="button"].special:hover,
			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			.button.special:hover {
				background: #444 !important;
				border-color: #8b0e06 !important;
				color: #ffffff !important;
			}
			
			input[type="button"].special2,
		input[type="submit"].special2,
		input[type="reset"].special2,
		.button.special2 {
			background: #fff !important;
				border:solid #ccc 1px; !important;
			color: #333 !important; 
		}
				input[type="button"].special2:hover,
			input[type="submit"].special2:hover,
			input[type="reset"].special2:hover,
			.button.special2:hover {
				background: #bbb !important;
				border-color: #ccc !important;
			}

		input[type="button"].fit,
		input[type="submit"].fit,
		input[type="reset"].fit,
		.button.fit {
			width: 100%;
		}

		input[type="button"].small,
		input[type="submit"].small,
		input[type="reset"].small,
		.button.small {
			font-size: 0.7em;
			min-width: 14em;
			padding: 0.5em 0;
		}

/* Wrapper */

	.flyingmenu2 {
		position:absolute; width:100%; top:0; 	right:0px;
		}
		
		.flyingmenu {
		position:absolute; z-index:100; top:40px; right:-300px;
		}
	
	
	.wrapper {
		margin-bottom: 1em;
		padding: 5em;
	}

		.wrapper.style1 {
			padding: 0; margin-bottom:2em;
		}

		.wrapper.style2 {
		background-attachment: scroll, fixed; 
		background-image: url("images/none1.png"), url("images/overlay3.png");
		background-position: bottom left, bottom center;
		background-repeat: no-repeat, no-repeat;
		background-size: 22em, cover;
		color: white;
		padding: 0em;
		text-align: justify; 
		}

			.wrapper.style2 .button:hover {
				background: rgba(255, 255, 255, 0.15) !important;
			}

				.wrapper.style2 .button.special {
				background: #8b0e06;
				border-color: #8b0e06;
				color: #white !important; 
			}
	
			
			.wrapper.style2 .button.special3 {
				background: white; display:block; 
				border-color: white;
				color:#333 !important; line-height: 1em;text-align: left; font-size:0.7em; font-weight:normal; text-transform:none; padding:0.5em;letter-spacing: 1px;
				
			}
	
				.wrapper.style2 .button.special:hover {
					border-color: #8b0e06 !important;
					color: white !important;
				}
				
					.wrapper.style2 .button.special3:hover {
					border-color: #8b0e06 !important;
					color: white !important;
				}


		.wrapper.style3 {
			
			color: inherit; padding-top:1em; padding-bottom:1em;border-radius: 15px; 
		}

		.wrapper.style4 {
			background: white;
			color: inherit;
			padding: 2em;
		}
		
			.wrapper.style4 {
			background: white;
			color: inherit; padding-top:1em; padding-bottom:1em;border-radius: 15px; 
		}
			.wrapper.style3 .button.special3 {
				 display:block; 
				border-color: #dddddd;
				color:#333 !important; line-height: 1.2em;text-align: left; font-size:0.9em; font-weight:normal; text-transform:none; padding:0.5em;letter-spacing: 2px;
				
			}

	
			

/* Header */
	@-moz-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-webkit-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-o-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-ms-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }

	#header {
		background: #ffffff;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
		background-image:  url("images/flowera.png"),url("images/overlay2.png"), url("images/menu.png");
		background-position:  top left, top right, bottom left;
		background-repeat:  no-repeat, no-repeat, repeat-x;
		background-size: auto, auto , auto;
		color: #1c3587;
		cursor: default;
		font-size: 0.9em;
		left: 0;
		padding: 1em 1.7em;
		position: fixed;
		top: 0;
		width: 100%; height:110px;
		z-index: 10000;
		text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	}

		#header h1 {
			font-weight: 900;
			margin: 0;
		}

			#header h1 span {
				font-weight: 300;
			}

		#header nav {
				letter-spacing: 0.010em;
			position: absolute;
			right: 1.5em;
			text-transform:none; padding-top:2.4em; font-weight:bold;
			top: 0.6em; text-shadow:none;
			
		}

			#header nav ul li {
				display: inline-block;
				margin-left: 0.5em;
			}

				#header nav ul li > ul {
					display: none;
				}

				#header nav ul li a {
					border: solid 1px transparent;
					color: inherit;
					display: inline-block;
					line-height: 1em;
					padding: 0.3em 0.3em;
					text-decoration: none;color: #444444;
				}
				
			} 

				#header nav ul li input[type="button"],
				#header nav ul li input[type="submit"],
				#header nav ul li input[type="reset"],
				#header nav ul li .button {
					font-size: 1em;
					min-width: 0;
					width: auto;
				}

				#header nav ul li.submenu > a:before {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					text-transform: none !important;
				}

				#header nav ul li.submenu > a:before {
					content: '\f107';
					margin-right: 0.55em;
				}

				#header nav ul li.submenu2 > a:before {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal; 
					text-transform: none !important;
				}

                  #header nav ul li.submenu2 > a:before {
					margin-right: 0.55em; content: '\f107'; color:#e70000; 	
				}
				
				    #header nav ul li.submenu2 > a {
					 color:#e70000; 	
				}
				
				#header nav ul li.active > a, #header nav ul li:hover > a {
					-moz-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
					background: rgba(188, 202, 206, 0.15);border: solid 1px;
				}

				#header nav ul li.current > a {
					font-weight: 900; color:#e70000; 	
				}

		#header.reveal {
			-moz-animation: reveal-header 0.5s;
			-webkit-animation: reveal-header 0.5s;
			-o-animation: reveal-header 0.5s;
			-ms-animation: reveal-header 0.5s;
			animation: reveal-header 0.5s;
		}

		#header.alt {
			-moz-animation: none;
			-webkit-animation: none;
			-o-animation: none;
			-ms-animation: none;
			animation: none;
			background: transparent;
			box-shadow: none;
			color: white;
			padding: 2em 2.5em;
			position: absolute;
		}

			#header.alt nav {
				right: 2.5em;
				top: 0.6em; 
			}

				#header.alt nav ul li.active > a, #header.alt nav ul li:hover > a {
					border: solid 1px;
				}

/* Dropotron */

	.dropotron {
		background: #fff;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
		line-height: 2.25em;
		min-width: 13em;
		padding: 1em 0;
		text-transform:none;
		margin-top: calc(-1em + 1px);z-index:400; list-style-type:none;
	}

		.dropotron.level-0 {
			font-size: 0.7em;
			font-weight: 400;
			margin-top: 1.5em; z-index:400; 
		}

			.dropotron.level-0:before {
				border-bottom: solid 0.5em #fff;
				border-left: solid 0.5em transparent;
				border-right: solid 0.5em transparent;
				content: '';
				left: 0.75em;
				position: absolute;
				top: -0.45em; z-index:400;
			}
		.dropotron.level-1 {
			font-size: 1em;
			font-weight: 400;
			margin-top: 0em; z-index:400;  padding:0.5px;
		}

		
		.dropotron > li {
			border-top: solid 1px rgba(124, 128, 129, 0.2); z-index:400;
		}

			.dropotron > li > a {
				-moz-transition: none;
				-webkit-transition: none;
				-o-transition: none;
				-ms-transition: none;
				transition: none;
				color: inherit;
				text-decoration: none;
				padding: 0 1em;
				border: 0; z-index:400;
			}

			.dropotron > li:hover > a {
				background: #8b0e06;
				color: white; z-index:400;
			}

			.dropotron > li:first-child {
				border-top: 0; z-index:400;
			}

/* Banner */
	@-moz-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
	@keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }

	#banner {
		background-attachment: scroll, scroll, scroll, fixed;
		background-color: #ffffff;
			background-image:  url("images/flowera.png"),url("images/overlay2.png"), url("images/menu.png");
		background-position:  top left, top right, left 80px;
		background-repeat:  no-repeat, no-repeat, repeat-x;
		background-size: auto, auto , auto;
		color: #1c3587;
		cursor: default;
		padding: 6.9em 0 0 0;
		text-align: center;
	}

		#banner .inner {
			-moz-animation: reveal-banner 1s 0.25s ease-in-out;
			-webkit-animation: reveal-banner 1s 0.25s ease-in-out;
			-o-animation: reveal-banner 1s 0.25s ease-in-out;
			-ms-animation: reveal-banner 1s 0.25s ease-in-out;
			animation: reveal-banner 1s 0.25s ease-in-out;
			-moz-animation-fill-mode: forwards;
			-webkit-animation-fill-mode: forwards;
			-o-animation-fill-mode: forwards;
			-ms-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			background: rgba(52, 27, 43, 0.5);
			color: white;
			display: inline-block;
			opacity: 0;
			padding: 3em;
			text-align: center;
		}

			#banner .inner header {
				display: inline-block;
				border-bottom: solid 2px;
				border-top: solid 2px;
				margin: 0 0 2em 0;
				padding: 3px 0 3px 0;
			}

				#banner .inner header h2 {
					border-bottom: solid 2px;
					border-top: solid 2px;
					font-size: 2.5em;
					font-weight: 900;
					letter-spacing: 0.2em;
					margin: 0;
					padding-left: 0.05em;
					position: relative;
					text-transform: uppercase;
				}

			#banner .inner p {
				letter-spacing: 0.1em;
				margin: 0;
				text-transform: uppercase;
			}

				#banner .inner p a {
					color: inherit;
					font-weight: 400;
					text-decoration: none;
				}

			#banner .inner footer {
				margin: 2em 0 0 0;
			}

/* Main */

	#main {
		background-image:   url("images/flowerr.png"), url("images/flowers.png"), url("images/none1.png");
		background-position: bottom right,top left,top right;
		background-repeat: no-repeat;
		background-size: contain, 100%,25em;
		padding: 7em 0;  
		
		 
	}

		#main > :last-child {
			margin-bottom: 0;
		}

		#main .sidebar section {
			border-top: solid 1px rgba(124, 128, 129, 0.2);
			margin: 3em 0 0 0;
			padding: 3em 0 0 0;
		}

			#main .sidebar section:first-child {
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}

	body.index #main {
		padding-top: 5em;
	}

/* CTA */

	#cta {
		background-attachment: scroll, scroll, scroll, fixed;
		background-color: #444444;
		background-image: url("images/flowert.png"), url("../images/banner2.png");
		background-position: bottom center, top center;
		background-repeat: no-repeat, repeat-x;
		background-size: 60em, auto;
		color: white;
		padding: 1em; padding-top:1em;
		text-align: center;
	}

		#cta header {
			margin-bottom: 0em;
		}

/* Footer */

	#footer {
		background: #940302;
		color: #fff;
		padding: 0.5em 5em 0.5em 5em;
		text-align: center;
	}

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

			#footer .copyright a {
				color: inherit;
			}

			#footer .copyright li {
				display: inline-block;
				margin-left: 1em;
				padding-left: 1em;
				border-left: dotted 1px;
			}

				#footer .copyright li:first-child {
					margin: 0;
					padding: 0;
					border: 0;
				}

/* Layer */

	#topButton .toggle {
		height: 100%;
		left: -10px;
		position: absolute;
		text-align: center;
		top: -5px;
		width: 100%;
	}

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

		#topButton .toggle:before {
			color: white;
			content: '\f039';
			font-size: 1em;
			height: 35px;
			left: 10px;
			line-height: 40px;
			opacity: 0.5;
			position: absolute;
			top: 7px;
			width: 40px;
			z-index: 1;
		}

		#topButton .toggle:after {
		background: rgba(163, 169, 170, 0.75);
			border-radius: 0 2px 2px 0;
			content: '';
			height: 35px;
			left: 10px;
			position: absolute;
			top: 10px;
			width: 40px;
		}

	#sideButton .toggle {
		height: 100%;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%; 
	}

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

		#sideButton .toggle:before {
			color: white;
			content: '\f039';
			font-size: 1em;
			height: 40px;
			left: 10px;
			line-height: 40px;
			opacity: 0.5;
			position: absolute;
			top: 11px;
			width: 60px;
			z-index: 1;
		}

		#sideButton .toggle:after {
			background: rgba(163, 169, 170, 0.75);
			border-radius: 2px;
			content: '';
			height: 40px;
			left: 10px;
			position: absolute;
			top: 10px;
			width: 60px;
		}

	#topPanel,
	#sidePanel {
		background: #666; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
		color: white;
		font-size: 0.8em;
		letter-spacing: 0.075em;
		text-transform: uppercase;
	}

		#topPanel nav,
		#sidePanel nav {
			padding: 0.25em 0.5em 1em 0.5em;
		}

		#topPanel .link,
		#sidePanel .link {
			border: 0;
			border-top: solid 1px #ddd;
			color: inherit;
			display: block;
			height: auto;
			line-height: 3em;
			opacity: 0.75;
			text-decoration: none;
		}

			#topPanel .link.depth-0,
			#sidePanel .link.depth-0 {
				font-weight: 900;
			}

	#topPanel .link.depth-1,
			#sidePanel .link.depth-1 { font-size: 0.8em; 
			}
			
				#topPanel .link.depth-2,
			#sidePanel .link.depth-2 { font-size: 0.8em; color:#F30; background-color:#333333;  
			}
			
			
			#topPanel .link:first-child,
			#sidePanel .link:first-child {
				border-top: 0;  
			}

		#topPanel .indent-1,
		#sidePanel .indent-1{ 
		}

		#topPanel .indent-2,
		#sidePanel .indent-2 {
			display: inline-block;
			width: 2em;
		}

		#topPanel .indent-3,
		#sidePanel .indent-3 {
			display: inline-block;
			width: 3em;
		}

		#topPanel .indent-4,
		#sidePanel .indent-4 {
			display: inline-block;
			width: 4em;
		}

		#topPanel .indent-5,
		#sidePanel .indent-5 {
			display: inline-block;
			width: 5em;
		}
		
		
	.box
		{ padding:1em; 
		}
		
			.box.excerpt
			{
			}
			
			
			.box.excerpt .dateinside
				{
					background: #940302;
					color: #fff;
					font-weight: 400;
					text-transform: none; padding:0.3em;
					
					border: 0;
					box-shadow: 0.125em 0.175em 0 0 rgba(0,0,0,0.125);
				}
				.box.excerpt .date
				{
					background: #8a8a8a;
					color: #fff;
					font-weight: 400;
					text-transform: uppercase; padding:0.3em;
					
					border: 0;
					box-shadow: 0.125em 0.175em 0 0 rgba(0,0,0,0.125);
				}
.box.excerpt .date:hover
				{
					background: #8a8a8a;
					
				}


         .box.excerpt :hover
				{
					background: none; 
					text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); 
				}


#bottommenu { color:#e2c102; font-size:0.8em; display:block; text-align:left; padding:5px; 
-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; border-bottom:1px solid #017e59;
	}

		#bottommenu:hover {
			background: rgba(188, 202, 206, 0.15);
			border-color: inherit; border-bottom:1px solid #e2c102;
		}
		
		
		#leftmenu {  color:#333; font-size:0.8em; display:block; text-align:left; padding:5px; text-decoration:none; 
-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; border-bottom:1px solid #2b3e7b;
	}

		#leftmenu:hover {background-color:#3ec2ff; border-bottom:1px solid #4f71e2;color:#ffffff;
		}
		
		
		
				.more1
				{
					background: rgba(3, 85, 63, 1); border-radius:0px 5px 5px 0px; position:absolute; width:120px; 
					color: #fff;
					
					text-transform: uppercase; padding:0.6em; top:0.5em;
					
					border: 0;
					box-shadow: 0.125em 0.175em 0 0 rgba(0,0,0,0.125);
				}
				
						.more2
				{ position:relative; color: #222; font-weight:500; background: rgba(243,243,243, 0.5);padding-right:0.5em;
					
					text-transform: uppercase;  top:0.5em; font-size:0.6em;
					
					text-shadow: 1em 1em 0 0 rgba(243,243,243,0.425);
				}
				
				.more3
				{ 
				
					text-transform: uppercase; padding-top:0.6em; color:#333; 
					
					text-shadow: 1em 1em 0 0 rgba(243,243,243,0.425);
				}
						.more4
				{ position:relative; color: #222; font-weight:500; background: rgba(243,243,243, 0.4);
					
					text-transform: uppercase;  top:0.9em; font-size:1em;
					
					text-shadow: 1em 1em 0 0 rgba(243,243,243,0.425);
				}
				
				
				#example-two .list-wrap {  padding: 2em 10em 2em 10em ; margin: 0 0em 15px 0; display:table; font-size:15px; line-height:1.8; width:98%; min-width:230px; font-weight:normal; text-align:justify;  }