/* FONTS
-------------------------------------------------- */

@font-face {
	font-family: FontAwesome;
	src: url("../font/FontAwesome.otf") format("otf");
}

@font-face {
	font-family: FontAwesome;
	src: url("../font/fontawesome-webfont.eot") format("embedded-opentype");
}

/* lato-100 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: normal;
	font-weight: 100;
	src: url('../font/lato-v24-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-100italic - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: italic;
	font-weight: 100;
	src: url('../font/lato-v24-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-300 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: url('../font/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-300italic - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: italic;
	font-weight: 300;
	src: url('../font/lato-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-regular - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('../font/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-italic - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: italic;
	font-weight: 400;
	src: url('../font/lato-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('../font/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-700italic - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: italic;
	font-weight: 700;
	src: url('../font/lato-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-900 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	src: url('../font/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-900italic - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lato';
	font-style: italic;
	font-weight: 900;
	src: url('../font/lato-v24-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* oxygen-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Oxygen';
	font-style: normal;
	font-weight: 300;
	src: url('../font/oxygen-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* oxygen-regular - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Oxygen';
	font-style: normal;
	font-weight: 400;
	src: url('../font/oxygen-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* oxygen-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Oxygen';
	font-style: normal;
	font-weight: 700;
	src: url('../font/oxygen-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* BODY & STRUCTURE
-------------------------------------------------- */
	html {
		height: 100%;
	}

	body {
		position: relative;
		font-size: 15px;
		font-size: 1rem;
		font-family: 'Open Sans', arial, sans-serif;
		font-weight: 200;
		font-size: 100%;
		height: 100%;
		background: #f8f6ee;
		color: #666;
	}

	body  .wrapper {
		min-height: 100%;
		position: relative;
	}
	


/* COLUMN FORMAT
-------------------------------------------------- */

	/* Columns */	
		.columns-3r   {
			height: 100%;
		}

		.columns-3r  #column-2 {
			margin-bottom: 2px;
			padding-bottom: 250px;

		}

		.columns-3r   .container  #column-3 {
			padding-top: 40px;
		}
		

		
		.columns-1-2 .container {
			margin-top: 30px;
		}
		
/* DEFAULT SETTINGS
-------------------------------------------------- */
	/* Headlines */
		h1 {
			padding: 0px;
			margin-bottom: 10px;
			
			font-size: 48px;
			font-size: 3rem;
			font-weight: 200;
		}
		h2 {
			padding: 0px;
			margin-bottom: 10px;
			
			font-size: 24px;
			font-size: 1.5rem;
			line-height: 100%;
		}
		h3 {
			margin: 10px 0px 10px;
			padding: 0px;
			
			font-size: 30px;
			font-size: 1.875rem;
			line-height: 150%;
		}
		h4 {
			font-size: 18px;
			font-size: 1.25rem;
			margin-bottom: 20px;
		}
		h5 {
		}
		h6 {
		}	
	
	/* Fonts default*/	
		.ft1 {
			font-family: 'Lato', arial, helvetica, sans-serif;
			font-weight: 100;
		}
		.ft2 {
			font-family: 'Lato', arial, helvetica, sans-serif;
			font-weight: 300;
		}
		.ft3 {
			font-family: 'Lato', arial, helvetica, sans-serif;
			font-weight: 400;
		}
		.ft4 {
			font-family: 'Lato', arial, helvetica, sans-serif;
			font-weight: 700;
		}
		.ft5 {
			font-family: 'Lato', arial, helvetica, sans-serif;
			font-weight: 900;
		}
		.ft6{
			font-family: 'Oxygen', arial, helvetica, sans-serif;
			font-weight: 300;
		}
		.ft7 {
			font-family: 'Open Sans', arial, helvetica, sans-serif;
			font-weight: 400;
		}
		.ft8 {
			font-family: 'Open Sans', arial, helvetica, sans-serif;
			font-weight: 700;
		}
		
	/* Styles Default */	
		.st1 {
			color: #ffffff;
		}
		.st2 {
			color: #303030; /* dark grey */
		}
		.st3 {
			color: #528611; /* green - main headlines, textlinks */
		}
		.st4 {
			color: #003a00 /* black green - sub headline */
		}

	/* Links Default */
		a:link,
		a:visited {
			color: #6da904;
		}
		
		a:hover {
			color: #225700;
		}
		
		.text-justify {
			text-align: justify;
		}
		
	
		a.uplink {
			font-size: 20px;
			font-size: 1.25rem;
			display: block;
			padding-top: 20px;
		}
		
		
		.linkanchor {
			position: absolute;
			margin-top: -170px;
		}
		
		
/* Header
-------------------------------------------------- */
	header {
		position: fixed;
		z-index: 500;
		width: 100%;
	}
	
/* BRAND / LOGO
-------------------------------------------------- */
	.navbar .brand {
		position: absolute;
		z-index: 100;
		width: 210px;
		height: 82px;
		top: 10px;
		margin: 0px;
		padding: 0px;
	}

/* TOPBAR
-------------------------------------------------- */
	.topbar {
		float: right;
		margin: 10px 0px 15px;
		background: #b1b1af;
		padding: 2px 10px;
		font-size: 14px;
		font-size: 0.875rem;
		
		border-top-left-radius: 8px;
		border-bottom-right-radius: 8px;
		-moz-border-top-left-radius: 8px;
		-moz-border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
	}
	
	
	
/* NAVIGATION
-------------------------------------------------- */

	.navbar-inner{
		min-height: 100px;
		padding: 0px;
		
		border: none;
		border-radius: 0px;
	}
	.navbar-wrapper {
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
		margin-top: 0px;
		margin-bottom: 0px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
		
		background: #fff;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
	}
	.nav-collapse.collapse {
		float: right;
	}
	  
	.navbar .nav {
		padding-top: 0px;
		margin: 0px;
	}




/* Navigation Main*/
	.navbar .nav > li > a {
		float: none;
		padding: 5px 10px 5px;
		margin-left: 10px;
		
		color: #3e4431;
		text-decoration: none;
		text-shadow: none;
		font-size: 16px;
		font-size: 1rem;
		
		border-top-left-radius: 10px;
		border-bottom-right-radius: 10px;
		-moz-border-top-left-radius: 10px;
		-moz-border-bottom-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		
		-webkit-transition: background-color 100ms linear;
		-moz-transition: background-color 100ms linear;
		-o-transition: background-color 100ms linear;
		-ms-transition: background-color 100ms linear;
		transition: background-color 100ms linear;
	}

	.navbar .nav > li > a:hover,
	.navbar .nav > li > a:focus,
	.navbar .nav > li.active > a,
	.navbar .nav > li.active > a:hover,
	.navbar .nav > li.active > a:focus,
	.navbar .nav > li.dropdown.active > a,
	.navbar .nav > li.dropdown.active > a:hover,
	.navbar .nav > li.dropdown.active > a:focus 	{
		background: #6da904;
		color: #faf3d0;
		
		border-top-left-radius: 10px;
		border-bottom-right-radius: 10px;
		-moz-border-top-left-radius: 10px;
		-moz-border-bottom-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		
		-webkit-transition: background-color 200ms linear;
		-moz-transition: background-color 200ms linear;
		-o-transition: background-color 200ms linear;
		-ms-transition: background-color 200ms linear;
		transition: background-color 200ms linear;
	}
	.navbar .dropdown-menu {
		border-radius: 0px;
		margin-top: 17px;
		padding: 0px;
		border: none;
		background: #fff;
		

	}

	.navbar .dropdown-menu > li > a {
		padding: 11px 20px;
		

		
	}
	.navbar .dropdown-menu > .active > a {
		background-color: #e2001a;
		background-image: none;
	}

	.navbar .dropdown-menu > li > a:hover,
	.navbar .dropdown-menu > li > a:focus,
	.navbar .dropdown-submenu:hover > a,
	.navbar .dropdown-submenu:focus > a {
		color: #ffffff;
		text-decoration: none;
		background-color: #8bc509;
		background-image: none;
		-webkit-transition: background-color 200ms linear;
		-moz-transition: background-color 200ms linear;
		-o-transition: background-color 200ms linear;
		-ms-transition: background-color 200ms linear;
		transition: background-color 200ms linear;
	}
	.navbar .nav li.dropdown.open > .dropdown-toggle, 
	 .navbar .nav li.dropdown.active > .dropdown-toggle,
	.navbar .nav li.dropdown.open.active > .dropdown-toggle {
		color: #fff;
		background-color: #6da904;
		color: #faf3d0;
	}

	.navbar .nav > li > .dropdown-menu:before,
	.navbar .nav > li > .dropdown-menu:after {
		display: none;
	}

/* Vollbild */
		#content .fullimage  {
			width: 100%;
			height: 700px;
			z-index: 10;

			margin-top: 0px;
			padding-bottom: 0px;
			
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			
			background: url(../img/banner/banner_sky.jpg) no-repeat top center fixed;

		}
		
		#content .fullimage .slogan {
			margin-top: 200px;
			color: #fff;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 46px;
			background: rgba(17, 33, 0, 0.6);
			float: left;
			padding: 10px;

			line-height: 100%;
		}
	
		#content .fullimage.small {
			height: 300px;
		}
		
		
/* THE CONTENT
-------------------------------------------------- */



	/* BUTTONS */
		#content  .btn  {
			padding: 5px 15px 4px;

			font-weight: normal;
			font-size: 1rem;
			font-size: 1rem;
		}
		#content  .btn i {
			padding-right: 5px;
		}

	
	
	/* TEXT-BLOCK-FORMAT */
	
		#content section.row-fluid {
			padding-bottom: 10px;
			margin-bottom: 50px;
		}
		
		#content .block {
			border-bottom: 1px solid #ccc;

		}

	
	/* LEAD-SECTION Index-site */
		#content .lead {
			padding: 30px 0px 20px;
			margin-bottom: 20px;
			
			font-size: 16px;
			font-size: 1rem;
			line-height: 180%;
			
			text-align: center;
		}
		#content .lead  h3{
			padding: 0px;
			margin-bottom: 10px;
			
			font-size: 3.25rem;
			font-size: 52px;
		}

		#content .lead  h4{
			padding: 0px;
			margin-bottom: 20px;
			
			font-size: 1.75rem;
			font-size: 28px;
		}

		#content .lead p {
			margin: 35px 0px 0px;

		}
		#content .lead .btn {
			margin-top: 16px;
			margin-right: 20px;
		}

	/* TOPICS */	
		/* TOPIC - default */	
		
		
		#content .topic  p.text {
			margin-top: 15px;
		
			text-align: left;
	}
	
		/* TOPIC - Boxes */
		#content .topic.box{
			padding: 0px;
			
		}
		
		#content .topic.box .image{
			position: relative;
			z-index: 99;
			height: 190px;
			overflow: hidden;
			
			border-top-left-radius: 30px;
			border-bottom-right-radius: 30px;
			-moz-border-top-left-radius: 30px;
			-moz-border-bottom-right-radius: 30px;
			-webkit-border-top-left-radius: 30px;
			-webkit-border-bottom-right-radius: 30px;
		}

		#content .topic .image img{
			width: 100%;
		}
		
		#content .topic.box  p.text {
			margin-top: -50px;
			min-height: 130px;
			border-bottom: 1px dotted #d7c88e;
			
		}
		
		#content .topic.box h3 {
			z-index: 100;
			position: relative;
			bottom: 61px;
			padding: 3px 8px;
			
			font-size: 30px;
			font-size: 1.875em;
			background-color: rgba(7, 9, 17, 0.3);
			
			border-bottom-right-radius: 30px;
			-moz-border-bottom-right-radius: 30px;
			-webkit-border-bottom-right-radius: 30px;
		}
		
		#content .topic  p.button {

		}
		#content .topic a.link{
			color: #e2001a !important;
		}



	/* TIMETABLE */	
		
		#content table.timetable {
			width: 100%;
			color: #fff;
			text-align: center;
			border-collapse: separate;
			border-spacing: 4px;
		}
		
		#content table.timetable th,
		#content table.timetable td {
			width: 20%;
			padding: 5px;
		}
		
		#content table.timetable th {
			background: #3b453c;
			font-weight: 300;
		}
		
		#content table.timetable .time1 td,
		#content .legende .time1 {
			background: #bf0077;
		}
		
		#content table.timetable .time2 td,
		#content .legende .time2 {
			background: #225700;
		}
		
		#content table.timetable  td.time3,
		#content .legende .time3{
			background: #0060a5;
		}
		#content table.timetable  td.empty {
			background: none;
		}
		
		#content .legende {
			margin-top: 20px;
		}
		
		#content .legende span {
			width: 20px;
			height: 22px;
			display: inline-block;
			margin-right: 5px;
		}
		
	/* LIST-FORMAT */
	
		#content ul.fa-ul li {
			line-height: 180%;
		}
	
		#content ul.fa-ul li i{
			color: #6da904;
			line-height: 130%;
		}
		

	/* MAIN ARTICLE */
	
		#content .main{
			padding: 0px 0px 50px 0;
			line-height: 180%;
		}


		
		#content .main .lead {
			margin-bottom: 20px;
				
			font-size: 1.125rem;
			font-size: 18px;
			line-height: 150%;
			text-align: left;
		}
		
		#content .main p{
			margin-bottom: 20px;
		}
		
		#content .main i.fa {
			color: #6a9704;
		}
	
	

		
		/* TEXT-LINK in Main Article */
		#content .main a {
			color: #6a9704;
		}
	
		/* IMAGE-BOX in Main Article */
		#content .main .image{
			height: 280px;
			margin: 20px 0 20px 0;
			overflow: hidden;
			
			border-top-left-radius: 30px;
			border-bottom-right-radius: 30px;
			-moz-border-top-left-radius: 30px;
			-moz-border-bottom-right-radius: 30px;
			-webkit-border-top-left-radius: 30px;
			-webkit-border-bottom-right-radius: 30px;
			
		}
		#content .main img{
			height: 100%;
			margin: 0 0 15px 0;
		}


	
	/* GALLERY */
	
		#content .thumbnail {
			height: 220px;
			overflow: hidden;
			padding: 0px;
			border: none;
			
			border-top-left-radius: 30px;
			border-bottom-right-radius: 30px;
			-moz-border-top-left-radius: 30px;
			-moz-border-bottom-right-radius: 30px;
			-webkit-border-top-left-radius: 30px;
			-webkit-border-bottom-right-radius: 30px;

		}
		
		#content .thumbnail img {
			max-width: 140%;
			min-width: 100%;
			width: auto;
			margin: 0px;
			padding: 0px;
			margin-left: -30px;
		}

	


		
	/* EVENT MAIN (full event display) */
	
		#content .main.event p img {
			float: left;
			width: 200px;
			margin-right: 20px;
			margin-bottom: 0px;
			border: 6px solid #fff;
			-webkit-box-shadow: 0px 0px 10px 0px rgba(186, 179, 175, 1);
			box-shadow: 0px 0px 10px 0px rgba(186, 179, 175, 1);
		}
		
		#content .main.event .buttons {
			clear: both;
			padding-top: 15px;
			border-top: 1px dashed #c1b3ae;
		}
	




	/* BOXES in aside*/
		/* default */
		#content .box {
			margin: 0px 0px 50px 0px;
			color: #666;
		}
		
		#content .box a{
			color: #333;
		}
		
		
		/* BOX Events */
		#content .box.events {
			position: relative;
			z-index: 5;
			
			background: #fff;
		}
		
		#content .box.events h4 {
			position: relative;
			left: -10px;
			margin-right: -15px;
			padding: 10px 25px;
			zoom: 1; 
			
			background: #ce28a3;
			font-size: 1.75rem;
			font-size: 28px;
			text-transform: uppercase;
	}

		#content .box.events h4:before,
		#content .box.events h4:after {
			content: "";
			position: absolute;
			z-index: -1;
			top: 100%;
			left: 0;
		  
			border-width: 0 10px 10px 0;
			border-style: solid;
			border-color: transparent #720555;
		}
		
		#content .box.events .item {
			margin: 5px 5px 20px 5px;
			padding-bottom: 5px;
		}
		
		#content .box.events .item h5 {
			position: relative;
			margin-bottom: -10px;
			float: left;
			padding: 8px 15px 8px 15px;
			
			font-size: 1.25rem;
			font-size: 20px;
			text-transform: uppercase;
			background: #1f1714;
			border-bottom: 5px solid #fff;
			border-right: 5px solid #fff;
		}
		
		#content .box.events .image {
			clear: left;
			height: 200px;
			overflow: hidden;
		}
		
		#content .box.events .image img {
			width: 100%;
		}
		
		#content .box.events .layer {
			padding: 8px 10px 8px 15px;
			
			font-size: 1.125rem;
			font-size: 18px;
			text-transform: uppercase;
			/*background: #1f1714;*/
			background: #ce28a3;
			border-top: 5px solid #fff;
		}
		
		#content .box.events .layer .date {
			display: block;
		}
		
		#content .box.events .layer .location {
			display: block;
		}

		/* Box Contact */
		#content .box.contact h4{
			padding-bottom: 5px;
			
			font-size: 1.5rem;
			font-size: 24px;
			border-bottom: 1px dashed #c1b3ae;
		}
		#content .box.contact li {
			line-height: 150%;
		}
		#content .box.contact li i {
			color: #6a9704;
			padding-top: 1px;
		}


/* FOOTER
-------------------------------------------------- */
		footer {
			position: absolute;
			bottom: 0px;
			height: 180px;
			margin-top: -180px;
			width: 100%;
			
			padding: 20px 0px 10px;
			background-color: #fff;
			font-size: 0.875rem;
			font-size: 14px;
		}
		footer ul {
			margin: 0;
		}
		footer li {
			list-style: none;
			line-height: 150%;
		}

		footer .fa-ul {
			margin-left: 20px;
		}

		footer h5 {
			margin-bottom: 10px;
			
			font-size: 1rem;
			font-size: 16px;
			
		}

		footer i {
			padding-right: 5px;
		}
		




/* STYLES & UI
-------------------------------------------------- */
/*Button Flat UI*/

a.btn:link,
a.btn:visited,
a.btn:hover {
	color: #ffffff !important;
	text-decoration: none !important;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
a.btn:hover {
	background: #225700 !important;
}
/*Button Flat UI*/
[class^="icon-"], [class*=" icon-"] {
	margin-top: 3px;
}

.btn {
	border: none;
	background: #6da904; /*green*/
	color: white;
	padding: .6em 1.8em .6em;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	-webkit-backface-visibility: hidden; 
 }
  
.btn:hover, .btn:focus {
	background-color: #225700 !important;
    color: #faf3d0;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; }
	
.btn:active, .btn.active {
    background-color: #225700;
    color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 
}


/* Modal Gallery */
.modal-gallery .modal-image:hover:before,
.modal-gallery .modal-image:hover:after {
	line-height: 25px !important;
}
	.modal.fade {
		top: -70%;
	}

	.modal-gallery {
	  width: auto;
	  max-height: none;
	  outline: none;
	}
	.modal-gallery.fade.in {
	  top: 50%;
	}
	.modal-gallery .modal-header  {
		background: #6da904;
		background-image: none;
		filter: none;
		padding: 5px 15px 0px 25px;		
	}
	.modal-gallery .modal-header h3 {
		font-size: 16px;
		color: #fff;
		font-weight: 400;
		
	}
	.modal-gallery .modal-header .close {
		color: #fff;
		font-size: 30px;
		opacity: 0.9;
		filter: alpha(opacity=80);
		font-weight: normal;
		text-shadow: none;
	}
	.modal-gallery .modal-body {
	  max-height: none;
	}
	.modal-gallery .modal-title {
	  display: inline-block;
	  max-height: 54px;
	  overflow: hidden;
	}
	.modal-gallery .modal-image {
	  position: relative;
	  margin: auto;
	  min-width: 128px;
	  min-height: 128px;
	  overflow: hidden;
	  cursor: pointer;
	}
	.modal-gallery .modal-image:hover:before,
	.modal-gallery .modal-image:hover:after {
	  content: '\2039';
	  position: absolute;
	  top: 50%;
	  left: 15px;
	  width: 40px;
	  height: 40px;
	  margin-top: -20px;
	  font-size: 60px;
	  font-weight: 100;
	  line-height: 30px;
	  color: #ffffff;
	  text-align: center;
	  background: #222222;
	  border: 3px solid #ffffff;
	  -webkit-border-radius: 23px;
	  -moz-border-radius: 23px;
	  border-radius: 23px;
	  opacity: 0.5;
	  filter: alpha(opacity=50);
	  z-index: 1;
	}
	.modal-gallery .modal-image:hover:after {
	  content: '\203A';
	  left: auto;
	  right: 15px;
	}
	.modal-single .modal-image:hover:before,
	.modal-single .modal-image:hover:after {
	  display: none;
	}
	.modal-loading .modal-image {
	  background: url(../img/loading.gif) center no-repeat;
	}
	.modal-gallery.fade .modal-image {
	  -webkit-transition: width 0.15s ease, height 0.15s ease;
	  -moz-transition: width 0.15s ease, height 0.15s ease;
	  -ms-transition: width 0.15s ease, height 0.15s ease;
	  -o-transition: width 0.15s ease, height 0.15s ease;
	  transition: width 0.15s ease, height 0.15s ease;
	}
	.modal-gallery .modal-image * {
	  position: absolute;
	  top: 0;
	  opacity: 0;
	  filter: alpha(opacity=0);
	}
	.modal-gallery.fade .modal-image * {
	  -webkit-transition: opacity 0.5s linear;
	  -moz-transition: opacity 0.5s linear;
	  -ms-transition: opacity 0.5s linear;
	  -o-transition: opacity 0.5s linear;
	  transition: opacity 0.5s linear;
	}
	.modal-gallery .modal-image *.in {
	  opacity: 1;
	  filter: alpha(opacity=100);
	}
	.modal-fullscreen {
	  border: none;
	  -webkit-border-radius: 0;
		 -moz-border-radius: 0;
			  border-radius: 0;
	  background: transparent;
	  overflow: hidden;
	}
	.modal-fullscreen.modal-loading {
	  border: 0;
	  -webkit-box-shadow: none;
		 -moz-box-shadow: none;
			  box-shadow: none;
	}
	.modal-fullscreen .modal-body {
	  padding: 0;
	}
	.modal-fullscreen .modal-header,
	.modal-fullscreen .modal-footer {
	  position: absolute;
	  top: 0;
	  right: 0;
	  left: 0;
	  background: transparent;
	  border: 0;
	  -webkit-box-shadow: none;
		 -moz-box-shadow: none;
			  box-shadow: none;
	  opacity: 0;
	  z-index: 2000;
	}
	.modal-fullscreen .modal-footer {
	  top: auto;
	  bottom: 0;
	}
	.modal-fullscreen .close,
	.modal-fullscreen .modal-title {
	  color: #fff;
		text-shadow: 0 0 2px rgba(33, 33, 33, 0.8);
	}
	.modal-fullscreen .modal-header:hover,
	.modal-fullscreen .modal-footer:hover {
	  opacity: 1;
	}