/*
 *
 * Colors:
 * 	cyan:   #58c0ca
 *  orange: #fcb918
 *  yellow: #fcee23
 *
 *
*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic|Alegreya+Sans:100,300,400,500,700,800,900,100italic,300italic,400italic,500italic,700italic,800italic,900italic&subset=latin,latin-ext);


* {
	margin: 0 ;
	padding: 0 ;
	box-sizing: border-box ;
}

body {
	background-image: url(images/bg.jpg);
	color: #2b2b2b ;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px ;
}

a img {
	border: 0 ;
}

.clearer {
	clear: both ;
}

/* HEADER */

.siteHeader {
	width: 100% ;
	font-family: 'Alegreya Sans' ;
	padding: 0 0 0 ;
	top: 0 ;
	z-index: 999 ;
	transition: padding .4s, border-bottom .4s, background-color .2s, box-shadow .4s ;
	position: fixed ;
	transform: translateZ(0); /* Nasty Chrome fix for blinking fixed elements */
	border-bottom: 2px solid #3d858c ;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background-color: rgba(255,255,255,0.75);
}

.siteHeaderInnerWrapper {
	width: 1000px ;
	margin: 0 auto ;
	transition: width .4s, padding .4s ;
	position: relative ;
}

.siteHeaderInnerWrapper {
	padding: 0 12px ;
}

.siteHeader h1, .siteHeader h2 {
	position: relative ;
	top: 0 ;
	transition: margin .4s, letter-spacing .4s, padding .4s, top .4s ;
}

.siteHeader.fluid h1, .siteHeader.fluid h2 {
	margin-top: 8px ;
}

.siteHeader p.motto {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	margin-top: 15px;
	padding-left: 8px;
	color: #4d4d4d ;
	font-weight: 300 ;
	opacity: 1 ;
	transition: opacity .8s, transform .8s, padding .4s, letter-spacing .4s, font-size .4s ;
  width: 0;
  white-space: nowrap;
}

.siteHeader.fluid p.motto {
	transition: opacity .2s, transform .2s ;
	transform: scale(0,0);
	opacity: 0 ;
}

@media (max-width: 960px){
	.siteHeader h1, .siteHeader h2 {
		letter-spacing: -2px ;
	}
	.siteHeader p.motto {
		margin-top: 18px;
		padding-left: 4px;
		font-size: 18px ;
		letter-spacing: -1px ;
	}
}

@media (max-width: 840px){
	.siteHeader h1, .siteHeader h2 {
		letter-spacing: -2px ;
		top: -8px ;
	}
	.siteHeader.fluid h1, .siteHeader.fluid h2 {
		letter-spacing: 0 ;
		top: 0 ;
	}
	.siteHeader p.motto {
		position: absolute ;
		top: 54px ;
		left: 108px ;
		margin-top: 0;
		padding-left: 0;
		font-size: 18px ;
		letter-spacing: -1px ;
	}
}
@media (max-width: 640px){
	.siteHeader h1, .siteHeader h2 {
		letter-spacing: 0 ;
		top: 0 ;
	}
	.siteHeader.fluid h1, .siteHeader.fluid h2 {
		letter-spacing: 0 ;
		top: 0 ;
	}
	.siteHeader p.motto {
		transform: scale(0,0);
		opacity: .1 ;
	}

}

.siteHeader .languageMenu {
	position: absolute ;
	top: 24px ;
	right: 12px ;
	transition: transform .6s ;
	border: 1px solid #e6e6e6 ;
	font-size: 0 ;
}

.siteHeader.fluid .languageMenu {
	transform: scale(0);
}

.siteHeader.fluid .siteHeaderInnerWrapper {
	width: 100% ;
	padding: 0 16px ;
}

.siteLogo {
	display: inline-block ;
	vertical-align: middle ;
	width: 90px ;
	height: 75px ;
	position: relative ;
	top: 8px ;
	transition: width .4s, height .4s ;
}

	.siteLogo img {
		display: block ;
		position: absolute ;
		width: 100% ;
		transition: transform .2s ;
	}

	.siteHeader.fluid {
		padding-bottom: 12px ;
		border-bottom: 0 ;
		background-color: #ffffff ;
		box-shadow: 0px 0px 20px rgba(0,0,0,.5) ;
	}

	.siteHeader.fluid .siteLogo {
		width: 60px ;
		height: 50px ;
	}

.siteLogoContainer { display: inline-block ; }

	.siteLogoContainer:hover .siteLogo img:nth-child(2) { transform: rotate(-5deg) ; }

	.siteLogoContainer:hover .siteLogo img:nth-child(3) { transform: rotate(5deg) ; }

.siteLogoContainer {
	position: relative ;
	z-index: 200 ;
}

.siteHeader h1, .siteHeader h2 {
	font-size: 48px ;
	font-weight: 500 ;
	display: inline-block ;
	vertical-align: middle ;
	color: #fcb918 ;
	padding-left: 12px ;
}

html[lang=en] .siteHeader h1, html[lang=en] .siteHeader h2 {
	font-size: 26px ;
	line-height: 1 ;
}

	.siteHeader h1 a, .siteHeader h2 a {
		color: inherit ;
		text-decoration: none ;
		transition: font-size .4s ;
	}

		.siteHeader h1 a span, .siteHeader h2 a span {
			display: inline-block ;
			width: auto ;
			overflow: hidden ;
			transition: font-size .4s ;
			vertical-align: middle ;
		}

/* MENU */

.mainNavigation {
	width: 100% ;
	font-family: 'Alegreya Sans' ;
	transition: margin .4s ;
	margin-top: 26px ;
	text-align: center ;
	position: relative ;
}

.mainNavigation.fluid {
	background-color: transparent ;
	border-bottom: 0 ;
	width: 100% ;
	display: block ;
	margin: -50px auto 0 ;
}

.mainNavigationInnerWrapper {
	width: 100% ;
	max-width: 1000px ;
	margin: 0 auto ;
	text-align: right ;
	transition: max-width .4s ;
}

.mainNavigation.fluid .mainNavigationInnerWrapper {
	width: 100% ;
	max-width: 100% ;
}

.mainNavigationInnerWrapper ul {
	display: inline-block ;
	list-style-type: none ;
	font-size: 0 ;
	z-index: 99 ;
}

	.mainNavigationInnerWrapper li {
		display: inline-block ;
		margin: 0 12px ;
		transition: margin .4s ;
	}

		.mainNavigationInnerWrapper li a {
			display: inline-block ;
			font-size: 16px ;
			color: #4d4d4d ;
			text-transform: uppercase ;
			padding: 12px 16px ;
			text-decoration: none ;
			transition: background-color .4s, color .4s, letter-spacing .4s, padding .4s ;
			background-color: #3d858c ;
			color: #ffffff ;
			font-weight: 500 ;
			letter-spacing: 1.8px ;
			cursor: pointer ;
			border-top-right-radius: 3px ;
			border-top-left-radius: 3px ;
		}

		.siteHeader.fluid .mainNavigationInnerWrapper li a {
			border-radius: 3px ;
		}

		.mainNavigationInnerWrapper li a:hover {
			background-color: #58c0ca ;
		}

@media (max-width: 1540px){
	.siteHeader.fluid h1 a, .siteHeader.fluid h2 a {
		letter-spacing: -1px ;
	}
	.siteHeader.fluid .mainNavigationInnerWrapper li a {
		letter-spacing: 0 ;
	}
	.siteHeader.fluid .mainNavigationInnerWrapper li {
		margin: 0 6px ;
	}
}

@media (max-width: 1320px){
	.siteHeader.fluid h1, .siteHeader.fluid h2 {
		width: 135px ;
		padding-left: 4px ;
	}
	.siteHeader.fluid h1 a, .siteHeader.fluid h2 a {
		display: inline-block ;
		width: 100% ;
		font-size: 24px ;
		letter-spacing: -1px ;
		line-height: .8 ;
	}
}



@media (max-width: 1024px){
	.siteHeader {
		padding-bottom: 8px ;
	}
	.mainNavigation,
	.mainNavigation.fluid {
		display: none ;
	}
	.languageMenu {
		display: none ;
	}
}

@media (max-width: 640px){
	.siteHeader h1, .siteHeader h2 {
		width: 135px ;
		padding-left: 4px ;
	}
	.siteHeader h1 a, .siteHeader h2 a {
			display: inline-block;
			width: 100%;
			font-size: 24px;
			letter-spacing: -1px;
			line-height: .8;
	}
}

main { margin-top: 145px ; }

@media (max-width: 1024px){
	main { margin-top: 85px ; }
}

/* NEWS */

.trending {
	border-top: 2px solid #fcb918 ;
	background-image: url(images/bg-orange-light.jpg);
	box-shadow: 0px 100px 100px #fceac0 inset ;
	padding: 72px 16px 210px ;
	position: relative ;
	margin-top: 146px ;
}

@media (max-width: 480px){
	.trending {
		padding: 48px 0 120px ;
	}
}

.trendingInnerWrapper {
	width: 100% ;
	max-width: 1024px ;
	margin: 0 auto ;
	position: relative ;
	font-size: 0 ;
	height: 100%;
}

	.trendingInnerWrapper > header {
		padding-bottom:24px;
		border-bottom: 2px solid #fcb918 ;

	}

		.trendingInnerWrapper > header h2 {
			font-family: 'Alegreya Sans';
			font-size: 48px ;
			text-align: center ;
			color: #2b2b2b ;
			font-weight: 300 ;
			text-transform: uppercase ;
			letter-spacing: 3px ;
		}

		@media (max-width: 720px){
			.trendingInnerWrapper > header {
				border-bottom: 0 ;
				padding-bottom: 0 ;
			}
			.trendingInnerWrapper > header h2 {
				padding: 0 12px ;
				font-size: 36px ;
			}
		}

		@media (max-width: 520px){
			.trendingInnerWrapper > header h2 {
				font-size: 32px ;
			}
		}

		@media (max-width: 480px){
			.trendingInnerWrapper > header h2 {
				font-size: 28px ;
			}
		}

.trendingInnerWrapper .column {
	display: inline-block ;
	font-size: 16px ;
	height: 100%;
	padding: 12px ;
	vertical-align: top ;
	position: relative ;
}

.trendingInnerWrapper .column {
	 transition: width .4s ;
}

.trendingInnerWrapper .column:nth-child(2) { width: 33.33% ; }
.trendingInnerWrapper .column:nth-child(3) { width: 66.67% ; }

.trendingInnerWrapper .pageMenu ~ .column:nth-child(2) { width: 100% ; }
.trendingInnerWrapper .pageMenu ~ .column:nth-child(3) { width: 33.33% ; }
.trendingInnerWrapper .pageMenu ~ .column:nth-child(4) { width: 66.67% ; }


.tre.trendingInnerWrapper .column:nth-child(4) { width: 100% ; }

	@media (max-width: 920px){
		.trendingInnerWrapper .column:nth-child(2) { width: 40% ; }
		.trendingInnerWrapper .pageMenu ~ .column:nth-child(3) { width: 40% ; }
		.trendingInnerWrapper .column:nth-child(3) { width: 60% ; }
		.trendingInnerWrapper .pageMenu ~ .column:nth-child(4) { width: 60% ; }
	}

	@media (max-width: 800px){
		.trendingInnerWrapper .column:nth-child(2) { width: 100% ; }
		.trendingInnerWrapper .pageMenu ~ .column:nth-child(3) { width: 100% ; }
		.trendingInnerWrapper .column:nth-child(3) { width: 100% ; }
		.trendingInnerWrapper .pageMenu ~ .column:nth-child(4) { width: 100% ; }
	}

.trendingInnerWrapper .columnInnerWrapper {
	width: 100% ;
	display: block ;
	height: 100%;
	padding: 12px 0 ;
}

.trendingInnerWrapper .newsTeaser { width: 100% ; }

.trendingInnerWrapper .columnInnerWrapper h2 {
	color: #fcb918;
	font-family: 'Alegreya Sans';
	text-transform: uppercase ;
	font-weight: 600 ;
	font-size: 28px ;
	padding-bottom: 8px ;
	margin-bottom: 16px ;
	text-align: center ;
	margin-top: 48px ;
}

	@media (max-width: 800px){

		.subscribeImage {
			max-width: 200px ;
		}
		.trendingInnerWrapper .columnInnerWrapper h2 {
			display: inline-block ;
			max-width: calc(100% - 220px);
			text-align: left ;
			padding-left: 12px ;
		}
	}

	@media (max-width: 540px){

		.subscribeImage {
			max-width: 120px ;
		}
		.trendingInnerWrapper .columnInnerWrapper h2 {
			max-width: calc(100% - 140px);
		}
	}

	@media (max-width: 460px){

		.trendingInnerWrapper .columnInnerWrapper h2 {
			font-size: 18px ;
			margin: 0 ;
		}
	}

.trendingInnerWrapper .columnInnerWrapper h2:first-child { margin-top: 0 ; }

.fb-page.fb_iframe_widget {
    margin-bottom: 50px;
}

.subscribeImage {
	width: 100% ;
	width: 120px ; /* DELETE ME */
	display: inline-block ; /* DELETE ME */
	vertical-align: middle ; /* DELETE ME */
	margin-bottom: 12px ; /* DELETE ME */
}

.trendingInnerWrapper .columnInnerWrapper .subscribeImage + h2 {
	margin-top: 0 ;
	display: inline-block ; /* DELETE ME */
	vertical-align: middle ;
}

.contactUs .emailForm { font-size: 0 ; }

.subscribeForm {
	max-height: 200px ;
	max-height: 460px ;	/* DELETE ME */
	transition: max-height .4s ;
}

	@media (max-width: 800px){

		.subscribeForm {
			max-width: 400px ;
			margin: 0 auto ;
		}

		.subscribeForm.collapse {
			max-height: 0 ;
			overflow: hidden ;
		}

	}

.subscribeForm input[type=text]{
	width: 100% ;
	padding: 12px ;
	background-color: #ffffff ;
	border: 0 ;
	border-bottom: 2px solid #fcb918 ;
	margin-bottom: 12px ;
	font-family: 'Alegreya Sans';
	font-size: 18px ;
	color: #4d4d4d ;
}

.subscribeForm input[type=checkbox]{ display: none ; }

.subscribeForm textarea{
	background-color: #ffffff ;
	width: 100% ;
	padding: 12px ;
	border: 0 ;
	border-bottom: 2px solid #fcb918 ;
	margin-bottom: 12px ;
	resize: vertical ;
	font-family: 'Alegreya Sans';
	font-size: 18px ;
	min-height: 260px ;
	max-height: 440px ;
	color: #4d4d4d ;
}

.subscribeForm label[for=agreed]{
	background-color: #ffffff ;
	font-family: 'Alegreya Sans';
	display: block ;
	font-size: 14px ;
	text-align: center ;
	padding: 12px 36px ;
	border: 0 ;
	border-bottom: 2px solid #e4e4e4 ;
	margin-bottom: 12px ;
	cursor: pointer ;
	text-transform: uppercase ;
	position: relative ;
	color: #b2b2b2 ;
	transition: border .4s, color .4s ;
	text-decoration: line-through;
}

.subscribeForm input#agreed:checked ~ label {
	color: #4d4d4d ;
	border-bottom: 2px solid #fcb918 ;
	text-decoration: none ;
}

.subscribeForm label[for=agreed]:before {
	content: '';
	position: absolute ;
	width: 24px ;
	height: 24px ;
	top: 18px ;
	left: 8px ;
	background-image: url('images/checkbox-sprite-orange.png');
	background-repeat: no-repeat;
	background-position: bottom center ;
	transition: background-position .4s ;
}

	@media (max-width: 800px){
		.subscribeForm label[for=agreed]:before {
			top: 10px ;
		}
	}

.subscribeForm input#agreed:checked ~ label[for=agreed]:before { background-position: top center ; }

.subscribeForm button.submit{
	font-family: 'Alegreya Sans';
	display: block ;
	width: 100% ;
	border: 2px solid #fcb918 ;
	font-size: 18px ;
	text-align: center ;
	padding: 12px ;
	text-transform: uppercase ;
	background-color: transparent ;
	font-weight: 500 ;
	cursor: pointer ;
	transition: background-color .4s, opacity .4s ;
	color: #2b2b2b ;
}

.subscribeForm button.submit:disabled{
	cursor: default ;
	opacity: 0.3 ;
}

.subscribeForm button.submit:hover {
	background-color: #fcb918 ;
	opacity: 1 ;
}
.subscribeForm button.submit:disabled:hover {
	opacity: 0.15 ;
}

.subscribeForm button.submit:disabled:hover{ background-color: transparent ; }

.subscribeForm button.submit .arrow {
	display: inline-block ;
	width: 0px ;
	overflow: hidden ;
	vertical-align: middle ;
	position: relative ;
	top: -2px ;
	transition: width 0.4s ;
}

.subscribeForm button.submit:hover .arrow { width: 18px ; }

.subscribeForm button.submit:disabled:hover .arrow { width: 0 ; }

.subscribeForm input[type=submit]{ display: none ; }


	.subscribeForm input[type=text]:disabled,
	.subscribeForm textarea:disabled,
	.subscribeForm input[type=checkbox]:disabled ~ label,
	.subscribeForm button:disabled {
		opacity: .35 ;
		cursor: default ;
	}

	.subscribeForm button.submit.pending,
	.subscribeForm button.submit.pending:hover,
	.subscribeForm button.submit.pending:disabled,
	.subscribeForm button.submit.pending:disabled:hover {
		opacity: 1 ;
		background-color: #ffd97e ;
	}

	.subscribeForm button.submit.success,
	.subscribeForm button.submit.success:hover,
	.subscribeForm button.submit.success:disabled,
	.subscribeForm button.submit.success:disabled:hover {
		opacity: 1 ;
		background-color: #fcb918 ;
	}


.trendingBottomBackground {
	height: 105px ;
	width: 100% ;
	position: absolute ;
	bottom: 0 ;
	left: 0 ;
	background-image: url('images/town.png');
	background-repeat: repeat-x ;
	background-position: top left ;
}

.trending .columnInnerWrapper article {
	background-color: #ffffff ;
	padding: 12px ;
	border: 1px solid #e8e8e8 ;
	border-bottom: 2px solid #fcb918 ;
	margin-bottom: 24px ;
}

	.trending .columnInnerWrapper article h3 {
		font-family: 'Alegreya Sans' ;
		font-weight: 600 ;
		font-size: 24px ;
		color: #fcb918 ;
		padding-right: 100px ;
	}

	.trending .columnInnerWrapper article h3 a {
		color: inherit ;
		text-decoration: inherit ;
	}

	.trending .columnInnerWrapper article h4 {
		font-family: 'Alegreya Sans' ;
		font-weight: 600 ;
		font-size: 18px ;
		color: #fcb918 ;
	}

	.trending .columnInnerWrapper article h4 a {
		color: inherit ;
		text-decoration: inherit ;
	}

	.trending .columnInnerWrapper article header { position: relative ; }

		.publishDate {
			font-family: 'Alegreya Sans' ;
			position: absolute ;
			top: 8px ;
			right: 0 ;
			font-size: 14px ;
			background-image: url(images/calendar-16.png);
			background-repeat: no-repeat ;
			background-position: center left ;
			padding-left: 20px ;
		}
		.categoryContent .publishDate {
			top: 16px ;
	 		right: 16px ;
		}

		@media (max-width: 480px){
			.trending .columnInnerWrapper article {
				margin-bottom: 56px ;
			}
			.publishDate {
				top: -36px ;
			}
			.trending .columnInnerWrapper article h3 {
				padding: 0 ;
			}
			.trendingInnerWrapper .column:nth-child(3) { padding: 0 ; }
			.trendingInnerWrapper .pageMenu ~ .column:nth-child(3) { padding: 12px 12px 36px ; }
			.trendingInnerWrapper .pageMenu ~ .column:nth-child(4) { padding: 0 ; }

			.archives {
				padding: 0 32px ;
			}

		}

	.trending .columnInnerWrapper article p {
		margin-top: 12px ;
		line-height: 1.7 ;
	}

	.trending .columnInnerWrapper .archives a {
		display: block ;
		background-color: transparent ;
		text-align: center ;
		color: #2b2b2b ;
		font-family: 'Alegreya Sans';
		text-transform: uppercase ;
		font-size: 18px ;
		text-decoration: none ;
		padding: 12px ;
		border: 2px solid #fcb918 ;
		transition: background-color .4s;
		font-weight: 500 ;
	}

	.trending .columnInnerWrapper .archives a:hover { background-color: #fcb918 ; }


		.trending .columnInnerWrapper .archives a .arrow {
			display: inline-block ;
			width: 0px ;
			overflow: hidden ;
			vertical-align: middle ;
			position: relative ;
			top: -2px ;
			transition: width 0.4s ;
		}

		.trending .columnInnerWrapper .archives a:hover .arrow { width: 30px ; }

/* ABOUT */

.about {
	background-image: url(images/bg-green-light.jpg);
	border-top: 2px solid #a0d651 ;
	box-shadow: 0px 100px 100px #d9efb9 inset ;
	position: relative ;
}

.aboutInnerWrapper {
	width: 100% ;
	max-width: 1000px ;
	margin: 0 auto ;
	padding: 122px 16px 210px ;
}

@media (max-width: 480px){
	.aboutInnerWrapper {
		padding: 48px 0 160px ;
	}
}

	.aboutInnerWrapper > header {
		padding-bottom:24px;
		border-bottom: 2px solid #a0d651 ;

	}

		.aboutInnerWrapper > header h2 {
			font-family: 'Alegreya Sans';
			font-size: 48px ;
			text-align: center ;
			color: #2b2b2b ;
			font-weight: 300 ;
			text-transform: uppercase ;
			letter-spacing: 3px ;
		}

		@media (max-width: 720px){
			.aboutInnerWrapper > header {
				border-bottom: 0 ;
				padding-bottom: 0 ;
			}
			.aboutInnerWrapper > header h2 {
				padding: 0 12px ;
				font-size: 36px ;
			}
		}

		@media (max-width: 520px){
			.aboutInnerWrapper > header h2 {
				font-size: 32px ;
			}
		}

		@media (max-width: 480px){
			.aboutInnerWrapper > header h2 {
				font-size: 28px ;
			}
		}

.aboutInnerWrapper .columnContainer {
	width: 100% ;
	font-size: 0 ;
}

	.aboutInnerWrapper .columnContainer .column {
		font-size: 16px ;
		display: inline-block ;
		padding: 16px ;
		vertical-align: middle ;
	}

	.aboutInnerWrapper .columnContainer .column:nth-child(1) { width: 40% ; }

	.aboutInnerWrapper .columnContainer .column:nth-child(2) {
		text-align: center ;
		width: 20% ;
	}

	.aboutInnerWrapper .columnContainer .column:nth-child(3) { width: 40% ; }

	@media (max-width: 800px){
		.aboutInnerWrapper .columnContainer .column:nth-child(1) { width: 50% ; }
		.aboutInnerWrapper .columnContainer .column:nth-child(2) { display: none ; }
		.aboutInnerWrapper .columnContainer .column:nth-child(3) { width: 50% ; }
	}

	@media (max-width: 720px){
		.aboutInnerWrapper .columnContainer .column:nth-child(1) { width: 100% ; }
		.aboutInnerWrapper .columnContainer .column:nth-child(2) { display: block ; width: 100% ; max-width: 320px ; margin: 0 auto ; position: relative ; top: 12px ;}
		.aboutInnerWrapper .columnContainer .column:nth-child(3) { width: 100% ; }
	}

	.aboutInnerWrapper .columnContainer .column:nth-child(4) {
		width: 100% ;
		text-align: center ;
	}

		.aboutInnerWrapper .columnContainer .column:nth-child(4) a.cta {
			font-family: 'Alegreya Sans';
			display: inline-block ;
			padding: 12px 24px ;
			border: 2px solid #a0d651 ;
			font-size: 30px ;
			text-transform: uppercase ;
			text-decoration: none;
			color: #2b2b2b ;
			transition: background-color .4s;
		}

		.aboutInnerWrapper .columnContainer .column:nth-child(4) a.cta:hover { background-color: #a0d651 ; }

			.aboutInnerWrapper .columnContainer .column:nth-child(4) a.cta .arrow {
				display: inline-block ;
				width: 0px ;
				overflow: hidden ;
				vertical-align: middle ;
				position: relative ;
				top: -2px ;
				transition: width 0.4s ;
			}

			.aboutInnerWrapper .columnContainer .column:nth-child(4) a.cta:hover .arrow { width: 30px ; }

		.aboutInnerWrapper .columnContainer .column img { width: 100% ; }

@media (max-width: 720px){
	.aboutInnerWrapper img {
		max-width: 200px ;
	}
}

@media (max-width: 720px){
	.aboutInnerWrapper .columnContainer .column:nth-child(4) a.cta {
		font-size: 20px ;
	}
}

.aboutInnerWrapper p {
	margin-top: 24px ;
	line-height: 1.7 ;
}

.aboutInnerWrapper ul, .aboutInnerWrapper ol  {
	margin-top: 24px ;
	line-height: 1.7 ;
	margin-left: 24px ;
}

	.aboutInnerWrapper li { margin-top: 24px ; }

.aboutBottomBackground {
	height: 105px ;
	width: 100% ;
	position: absolute ;
	bottom: 0 ;
	left: 0 ;
	background-image: url('images/collaboration.png');
	background-repeat: repeat-x ;
	background-position: top left ;
}

/* OVERVIEW */

.overview {
	background-image: url('images/bg-light.jpg');
	border-top: 2px solid #007a85 ;
	box-shadow: 0px 100px 100px #d4f3f6 inset ;
	padding: 122px 16px 210px ;
	position: relative ;
}

.overviewInnerWrapper {
	width: 100% ;
	max-width: 1200px ;
	margin: 0 auto ;
}

	.overviewInnerWrapper > header {
		padding-bottom:24px;
		border-bottom: 2px solid #49a9b1 ;
		margin-bottom: 64px ;
	}

		.overviewInnerWrapper > header h2 {
			font-family: 'Alegreya Sans';
			font-size: 48px ;
			text-align: center ;
			color: #2b2b2b ;
			font-weight: 300 ;
			text-transform: uppercase ;
			letter-spacing: 3px ;
		}

	.overviewInnerWrapper > ul {
		list-style-type: none ;
		width: 100% ;
		font-size: 0 ;
	}

@media (max-width: 720px){
	.overviewInnerWrapper > header h2 {
			padding: 0 12px;
			font-size: 36px;
	}
	.overviewInnerWrapper > header {
		border: 0 ;
		margin-bottom: 0 ;
	}
}
@media (max-width: 520px){
	.overviewInnerWrapper > header h2 {
			font-size: 32px;
	}
}
@media (max-width: 480px){
	.overview {
			padding-top: 48px ;
			padding-bottom: 120px ;
	}
	.overviewInnerWrapper > header h2 {
			font-size: 28px;
	}
}


.overviewItem {
	display: inline-block ;
	width: 33.3333% ;
	text-align: center ;
	font-size: 16px ;
	vertical-align: top ;
	padding: 0 12px 24px ;
	margin-bottom: 64px ;
	transition: background-color .4s, outline .4s ;
}

.overviewItem:nth-last-child(1),.overviewItem:nth-last-child(2),.overviewItem:nth-last-child(3) { margin-bottom: 0 ; }

.overviewItem:hover {
	background-color: #ffffff ;
  outline: 1px solid #e8e8e8;
}

@media (max-width: 1200px){
	.overviewItem:nth-last-child(3) { margin-bottom: 80px ; }
	.overviewInnerWrapper {
		max-width: 800px ;
	}
	.overviewItem {
		width: 50% ;
	}
	.overviewItem h3 {
		letter-spacing: -1px ;
	}
}

@media (max-width: 720px){
	.overview .overviewInnerWrapper .overviewItem {
		margin-bottom: 32px ;
	}
	.overview .overviewItem a.cta {
		margin: 0 ;
	  width: 100%;
    text-align: center;
    font-size: 20px;
	}
	.overview .overviewItem h3.short {
		position: relative ;
		top: 0 ;
	}
}

.overviewItem img {
		width: 140px ;
		transition: transform .4s ;
	}

	.overviewItem:hover img { transform: scale(1.1,1.1); }

	.overviewItem h3 {
		font-size: 22px ;
		font-weight: 400 ;
		height: 80px ;
		text-transform: uppercase ;
		margin-top: 12px ;
		color: #007a85 ;
	}

	.overviewItem h3.short {
		position: relative ;
		top: 16px ;
	}

	.overviewItem p.description {
		height: 120px ;
	}

	html[lang=en] .overviewItem p.description {
		height: 140px ;
	}


	.overviewItem a.cta {
		margin-top: 12px ;
		display: inline-block ;
		border: 2px solid #58c0ca;
		padding: 12px 24px;
		font-family: 'Alegreya Sans';
		font-size: 30px;
		text-transform: uppercase;
		text-decoration: none;
		color: #2b2b2b;
		transition: background-color .4s;
	}

	@media (max-width: 720px){
		.overviewInnerWrapper {
			width: 100% ;
		}
		.overviewItem {
			width: 100% ;
			margin-bottom: 120px ;
			text-align: left ;
		}
		.overviewItem h3 {
			vertical-align: middle;
			display: inline-block ;
			letter-spacing: -1px ;
			margin: 20px 0 ;
			height: auto ;
			padding-left: 12px ;
			max-width: calc(100% - 80px);
		}
		.overviewItem img {
			vertical-align: middle;
			width: 64px ;
		}
		.overviewItem:nth-child(3) { margin-bottom: 120px ; }
		.overviewItem p.description { height: auto ; margin: 0 0 12px ;}
	}

	@media (max-width: 720px){
		.overviewItem h3 {
			font-size: 18px ;
		}
	}

	.overviewItem a.cta:hover { background-color: #58c0ca ; }

		.overviewItem a.cta .arrow {
			display: inline-block ;
			width: 0px ;
			overflow: hidden ;
			vertical-align: middle ;
			position: relative ;
			top: -2px ;
			transition: width 0.4s ;
		}

		.overviewItem a.cta:hover .arrow { width: 30px ; }

.overviewBottomBackground {
	height: 105px ;
	width: 100% ;
	position: absolute ;
	bottom: 0 ;
	left: 0 ;
	background-image: url('images/balls.png');
	background-repeat: repeat-x ;
	background-position: top left ;
}

/* LOCATIONS */

.projects {
	background-image: url('images/bg-cyan-dark.jpg');
	border-top: 2px solid #007a85 ;
}

.projectsInnerWrapper {
	max-width: 1600px ;
	width: 100% ;
	margin: 0 auto ;
	padding: 122px 16px 120px;
	overflow-x: hidden ;
}

	.projectsInnerWrapper > header h2 {
		font-size: 48px ;
		text-align: center  ;
		color: white ;
		margin-bottom: 64px ;
		font-weight: 300 ;
		text-transform: uppercase ;
		letter-spacing: 3px ;
		line-height: 1 ;
	}
	@media (max-width: 720px){
		.projectsInnerWrapper > header h2 {
				padding: 0 12px;
				font-size: 36px;
		}
	}
	@media (max-width: 480px){
		.projectsInnerWrapper > header h2 {
				font-size: 28px;
		}
	}
	@media (max-width: 520px){
		.projectsInnerWrapper > header h2 {
				font-size: 32px;
		}
	}

.projectsMap {
	font-size: 0 ;
	width: 100% ;
	margin: 0 auto ;
	position: relative ;
}

	.projectsMap .mapElementRow {
		width: 100% ;
		font-size: 0 ;
		position: relative ;
		left: 0 ;
		opacity: 1 ;
	}

	.projectsMap .mapElementRow.outOfPhase:nth-child(odd) {
		left: 500px ;
		opacity: 0 ;
	}

	.projectsMap .mapElementRow.outOfPhase:nth-child(even) {
		left: -500px ;
		opacity: 0 ;
	}

	.projectsMap .mapElementRow:nth-child(1){  transition: left 0.1s, opacity 0.1s ; }

	.projectsMap .mapElementRow:nth-child(2){  transition: left 0.2s, opacity 0.2s ; }

	.projectsMap .mapElementRow:nth-child(3){  transition: left 0.3s, opacity 0.3s ; }

	.projectsMap .mapElementRow:nth-child(4){  transition: left 0.4s, opacity 0.4s ; }

	.projectsMap .mapElementRow:nth-child(5){  transition: left 0.5s, opacity 0.5s ; }

	.projectsMap .mapElementRow:nth-child(6){  transition: left 0.6s, opacity 0.6s ; }

	.projectsMap .mapElementRow:nth-child(7){  transition: left 0.7s, opacity 0.7s ; }

	.projectsMap .mapElementRow:nth-child(8){  transition: left 0.8s, opacity 0.8s ; }

	.projectsMap .mapElementRow:nth-child(9){  transition: left 0.9s, opacity 0.9s ; }

	.projectsMap .mapElementRow:nth-child(10){ transition: left 1.0s, opacity 1.0s ; }

	.projectsMap .mapElementRow:nth-child(11){ transition: left 1.1s, opacity 1.1s ; }

	.projectsMap .mapElementRow:nth-child(12){ transition: left 1.2s, opacity 1.2s ; }

	.projectsMap .mapElementRow:nth-child(13){ transition: left 1.3s, opacity 1.3s ; }

	.projectsMap .mapElementRow:nth-child(14){ transition: left 1.4s, opacity 1.4s ; }

	.projectsMap .mapElementRow:nth-child(15){ transition: left 1.5s, opacity 1.5s ; }

	.projectsMap .mapElementRow:nth-child(16){ transition: left 1.6s, opacity 1.6s ; }

	.projectsMap .mapElementRow:nth-child(17){ transition: left 1.7s, opacity 1.7s ; }

	.projectsMap .mapElementRow:nth-child(18){ transition: left 1.8s, opacity 1.8s ; }

	.projectsMap .mapElementRow:nth-child(19){ transition: left 1.9s, opacity 1.9s ; }

	.projectsMap .mapElement {
		display: inline-block ;
		width: 3.5714% ;
		height: 0;
		padding-bottom: 3.5714% ;
		background-color: rgba(0,0,0,0.2) ;
		border-radius: 50% ;
		transform: scale(0.8);
		transition: transform 0.4s, background-color .4s, box-shadow 0.4s ;
	}

	.projectsMap .mapElement.active {
		background-color: #58c0ca ;
		cursor: pointer ;
	}

	.projectsMap .mapElement.active.highlighted {
		background-color: #ffffff ;
		transform: scale(0.9);
		box-shadow: 0px 0px 40px white ;
	}

	.projectsMap .mapElement.placeholder { background: transparent ; }

	.projectsMap .mapElement:hover { transform: scale(0.7); }

	.projectsMap .mapElement.active:hover {
		background-color: #ffffff ;
		transform: scale(0.9);
		box-shadow: 0px 0px 40px white ;
	}

.projects .columnContainer {
	width: 100% ;
	font-size: 0 ;
}

	.projects .columnContainer .column {
		font-size: 16px ;
		display: inline-block ;
		padding: 16px ;
		vertical-align: middle ;
	}

	.projects .columnContainer .column:nth-child(1) {
		line-height: 1 ;
		width: 50% ;
	}

	.projects .columnContainer .column:nth-child(2) {
		text-align: center ;
		width: 50% ;
	}

@media (max-width: 1366px){
	.projects .columnContainer .column:nth-child(1) { width: 40% ; }
	.projects .columnContainer .column:nth-child(2) { width: 60% ; }
}
@media (max-width: 1180px){
	.projects .columnContainer .column:nth-child(1) {
		width: 100% ;
		padding: 0 200px 24px ;
	}
	.projects .columnContainer .column:nth-child(2) { width: 100% ; }
	.projectsInnerWrapper {
			padding: 48px 16px 36px ;
	}
}
@media (max-width: 1024px){
	.projects .columnContainer .column:nth-child(1) { padding: 0 120px 24px ; }
}
@media (max-width: 840px){
	.projects .columnContainer .column:nth-child(1) { padding: 0 24px 24px ; }
}
@media (max-width: 480px){
	.projects .columnContainer .column:nth-child(1) { padding: 0 0 12px ; }
}
.projects .projectsLocations nav {
	display: block ;
	opacity: 1;
	transition: opacity 1.9s ;
}

.projects .projectsLocations nav.outOfPhase { opacity: 0 ; }

	.projects .projectsLocations nav ul {
		display: block ;
		list-style-type: none ;
		font-size: 0 ;
	}

		.projects .projectsLocations nav li {
			display: inline-block ;
			width: 33.3333% ;
			font-size: 16px ;
			padding: 6px ;
		}

			.projects .projectsLocations nav li a {
				display: block ;
				color: #ffffff ;
				border: 2px solid #58c0ca ;
				text-decoration: none ;
				text-transform: uppercase ;
				padding: 6px 12px ;
				transition: background-color .4s;
				font-weight: 500;
			}

				.projects .projectsLocations nav li a .arrow {
					display: inline-block ;
					width: 0px ;
					overflow: hidden ;
					vertical-align: middle ;
					position: relative ;
					top: 0 ;
					transition: width 0.4s ;
				}

				.projects .projectsLocations nav li a:hover .arrow { width: 18px ; }

			.projects .projectsLocations nav li a:hover {
				display: block ;
				color: #ffffff ;
				background-color: #58c0ca ;
				text-decoration: none ;
				text-transform: uppercase ;
				padding: 6px 12px ;
			}

			.projects .projectsLocations nav li.highlighted a { background-color: #58c0ca ; }

@media (max-width: 1180px){
	.projects .projectsLocations nav li {
		width: 25% ;
	}
}
@media (max-width: 960px){
	.projects .projectsLocations nav li {
		width: 33.33% ;
	}
}
@media (max-width: 740px){
	.projects .projectsLocations nav li {
		width: 50% ;
	}
}
@media (max-width: 560px){
	.projects .projectsLocations nav li {
		display: inline-block ;
		width: auto ;
		padding: 0 2px ;
	}
	.projects .columnContainer .column:nth-child(2){
		padding: 0 ;
	}
	.projects .projectsLocations nav li a {
    display: inline-block;
    color: #ffffff;
    border: 0;
    text-decoration: none;
    text-transform: none;
    padding: 4px 8px;
    font-weight: 500;
	}
	.projects .projectsLocations nav li a:hover {
		display: inline-block;
		color: #ffffff;
		background-color: #58c0ca;
		text-decoration: none;
		text-transform: none;
		padding: 4px 8px;
	}
	.projects .projectsLocations nav li a:hover .arrow {
			width: 0;
	}
}
/* MEMBERS */

.members {
	border-top: 2px solid #fcb918 ;
	background-image: url(images/bg-orange-light.jpg);
	box-shadow: 0px 100px 100px #fceac0 inset ;
	padding: 122px 16px 210px ;
	position: relative ;
}

.membersInnerWrapper {
	max-width: 1600px ;
	width: 100% ;
	margin: 0 auto ;
	position: relative ;
}

	.membersInnerWrapper > header {
		padding-bottom:24px;
		border-bottom: 2px solid #fcb918 ;
		margin-bottom: 64px ;
	}

		.membersInnerWrapper > header h2 {
			font-family: 'Alegreya Sans';
			font-size: 48px ;
			text-align: center ;
			color: #2b2b2b ;
			font-weight: 300 ;
			text-transform: uppercase ;
			letter-spacing: 3px ;
		}
		@media (max-width: 720px){
			.members {
				padding: 48px 16px 128px ;
			}
			.membersInnerWrapper > header {
				border-bottom: 0 ;
				margin-bottom: 0 ;
			}
			.membersInnerWrapper > header h2 {
					padding: 0 12px;
					font-size: 36px;
			}
		}
		@media (max-width: 520px){
			.membersInnerWrapper > header h2 {
					font-size: 32px;
			}
		}
		@media (max-width: 480px){
			.membersInnerWrapper > header h2 {
					font-size: 28px;
					letter-spacing: 2px ;
			}
		}.membersContainer {
	font-size: 0 ;
	text-align: center ;
	position: relative ;
	transition: max-height 0.4s ;
	height: auto ;
}

	.membersContainer h3 {
		font-family: 'Alegreya Sans';
		font-size: 36px ;
		text-align: center ;
		color: #e19f00 ;
		font-weight: 400 ;
		text-decoration: underline;
		text-decoration-color: #3d858c;
		text-transform: uppercase ;
		letter-spacing: 3px ;
		margin: 50px 30px 30px ;
	}
	.membersContainer h4 {
		font-family: 'Alegreya Sans';
		font-size: 30px ;
		text-align: center ;
		color: #4d4d4d ;
		font-weight: 300 ;
		text-decoration: underline;
		text-transform: uppercase ;
		letter-spacing: 2px ;
		margin: 50px 30px 30px ;
	}
	.membersContainer p {
		margin: 10px auto 0px ;
		text-align: center;
		font-size: 24px ;
		line-height: 1.7 ;
		color: #4d4d4d ;
		max-width: 1000px ;
		width: 100% ;
	}
	@media (max-width: 640px){
		.membersContainer h3 {
			font-size: 22px ;
			font-weight: 500 ;
			letter-spacing: 1px ;
			text-align: left ;
			margin: 0 ;
			padding: 12px ;
		}
		.membersContainer h4 {
			font-size: 20px ;
			font-weight: 400 ;
			text-align: left ;
			margin: 0 ;
			padding: 12px ;
		}
		.membersContainer p {
			margin: 0 ;
			text-align: left ;
			padding: 0 12px ;
		}
	}

.member {
	display: inline-block ;
	width: 20% ;
	text-align: center ;
	font-size: 16px ;
	vertical-align: top ;
}

	.member address {
		font-style: normal ;
		margin-bottom: 24px ;
		position: relative ;
		padding: 12px ;
		transition: background-color .4s, border .4s ;
	}

	.member address.contactLinks { cursor: pointer ; }

	.member address.contactLinks:hover {
		position: relative ;
		z-index: 101 ;
	}

	.member address.contactLinks.avatarOnly {
		padding-bottom: 10px ;
		padding: 12px 12px 10px ;
		border-bottom: 2px solid rgba(252,185,24,0);
	}

	.member address.contactLinks.avatarOnly:hover {
		border-bottom: 2px solid #fcb918 ;
		padding-bottom: 10px ;
	}

	.member address.contactLinks.contactsOnly {
		background-image: url('images/pin.png');
		background-repeat: no-repeat ;
		transition: background-color .4s, height .4s, top .4s, background-position .2s ;
		background-position: top -24px right 12px ;
	}

	.member address.contactLinks.contactsOnly.pinned { background-position: top 12px right 12px ; }

	.member address.contactLinks:hover { background-color: #ffffff ; }

	.member address.contactLinks.pinned { background-color: #ffffff ; }

		.member address .avatarContainer {
			display: block ;
			position: absolute ;
			width: 100% ;
			top: 0 ;
			left: 0 ;
			height: 0 ;
			overflow: hidden ;
			background-image: url('images/pin.png');
			background-repeat: no-repeat ;
			transition: background-color .4s, height .4s, top .4s, background-position .2s ;
			font-size: 0 ;
			background-position: top -24px right 12px ;
		}

		.member address:hover .avatarContainer {
			height: 120px ;
			background-color: #ffffff ;
			top: -120px ;
		}

		.member address.pinned .avatarContainer {
			height: 120px ;
			background-color: #ffffff ;
			top: -120px ;
			background-position: top 12px right 12px ;
		}

		.member address .avatarContainer img {
			margin-top: 18px ;
			border-radius: 50% ;
			width: 0px ;
			opacity: 0 ;
			transition: width .4s, opacity .4s ;
		}

			.member address:hover .avatarContainer img {
				opacity: 1 ;
				width: 96px ;
			}

			.member address.pinned .avatarContainer img {
				opacity: 1 ;
				width: 96px ;
			}

		.member address nav {
			display: block ;
			position: absolute ;
			width: 100% ;
			top: 100% ;
			left: 0 ;
			height: 0 ;
			overflow: hidden ;
			transition: background-color .4s, height .4s, border .4s ;
			font-size: 0 ;
			z-index: 100 ;
		}

		.member address:hover nav {
			height: 48px ;
			background-color: #ffffff ;
			border-bottom: 2px solid #fcb918;
		}

		.member address.pinned nav {
			height: 48px ;
			background-color: #ffffff ;
			border-bottom: 2px solid #fcb918;
		}

			.member address nav ul {
				padding-top: 6px ;
				list-style-type: none ;
				opacity: 0 ;
				transition: opacity .4s ;
			}

			.member address:hover nav ul { opacity: 1 ; }

			.member address.pinned nav ul { opacity: 1 ; }

				.member address nav li {
					display: inline-block ;
					margin: 0 8px ;
				}

					.member address nav li a img {
							-webkit-filter: grayscale(100%) brightness(50%);
						filter: grayscale(100%) brightness(50%);
						transition: filter 0.4s, -webkit-filter 0.4s ;
					}

					.member address nav li a:hover img {
							-webkit-filter: grayscale(0%);
						filter: grayscale(0%);
					}

	.member .name {
		font-family: 'Alegreya Sans';
		display: block;
		text-transform: uppercase ;
		font-size: 22px ;
		font-weight: 500 ;
		letter-spacing: -1px ;
	}

	.member .title {
		font-family: 'Alegreya Sans';
		color: #4d4d4d ;
		line-height: 1.2 ;
		display: block ;
	}

.membersBottomBackground {
	height: 105px ;
	width: 100% ;
	position: absolute ;
	bottom: 0 ;
	left: 0 ;
	background-image: url('images/windmill.png');
	background-repeat: repeat-x ;
	background-position: top left ;
}


@media (max-width: 1280px){
	.member {
		width: 25% ;
	}
}
@media (max-width: 1024px){
	.member {
		width: 33.3333% ;
	}
}
@media (max-width: 880px){
	.member {
		width: 50% ;
	}
}
@media (max-width: 640px){
	.member {
		width: 100% ;
		text-align: left ;
	}
	.member address {
    margin-bottom: 0 ;
	}
	.member address .avatarContainer {
		padding-left: 12px ;
	}
	.member address nav ul {
		padding-left: 4px ;
	}
}

/* CONTACT AND DONATE */

.contact {
	background-image: url(images/bg-green-light.jpg);
	border-top: 2px solid #a0d651 ;
	box-shadow: 0px 100px 100px #d9efb9 inset ;
	position: relative ;
	overflow-x: hidden ;
}

.donate {
	background-image: url(images/bg-green-light.jpg);
	border-top: 2px solid #a0d651 ;
	box-shadow: 0px 100px 100px #d9efb9 inset ;
	position: relative ;
	overflow-x: hidden ;
}

	.donate .arm {
		width: 100px ;
		height: 120px ;
		background-color: #a0d651 ;
		border-bottom: 20px solid #6e9338 ;
		position: absolute ;
		right: 0 ;
		top: 0 ;
		z-index: 3 ;
	}
	.donate .arm:after {
		content: '';
		width: 120px ;
		height: 120px ;
		background-image: url('images/hand.png');
		background-repeat: no-repeat ;
		background-position: top center ;
		background-size: 100% auto ;
		position: absolute ;
		top: 100% ;
		left: -10px ;
		margin-top: 20px ;
		z-index: 3 ;
	}

	.donate .coin {
		position: absolute ;
		right: 25px ;
		top: 250px ;
		width: 50px ;
		height: 50px ;
		background-color: #fcb918 ;
		border-radius: 50% ;
		z-index: 2 ;
		font-size: 40px ;
		color: #da9a00 ;
		text-align: center  ;
		line-height: 1.4 ;
	}

	.donate .pig {
		position: absolute ;
		right: -140px ;
		top: 610px ;
		z-index: 1 ;
	}

	.donate .pig img { width: 360px ; }
		

.contactInnerWrapper {
	width: 100% ;
	max-width: 1600px ;
	margin: 0 auto ;
	padding: 122px 16px 210px ;
	font-size: 0 ;
	display: inline-block ;
}

.donateInnerWrapper {
	width: 70% ;
	max-width: 1600px ;
	margin: 0 auto ;
	padding: 122px 16px 210px ;
	font-size: 0 ;
}

.contactIcons {
	text-align: center;
}

.contactIcons img{
	height: 60px ;
	padding: 0px 30px;
}

.contactIcons_en {
	text-align: center;
	margin-top: 50px;
}

.contactIcons_en img{
	height: 80px ;
	padding: 0px 40px;
}


.contactUs {
	font-size: 16px ;
	display: block ;
	vertical-align: top ;
	padding: 12px ;
}

.contactUs .contactDetails { 
	width: 40% ; 
	float: left ;
}
.contactUs .contactDetails ul { 
	padding-left: 32px ;
}
.contactUs .contactForm { 
	width: 60% ; 
	float: right;
	padding-right: 32px ;
}

	
	.contactUs > header, .donateInnerWrapper > header {
		padding-bottom:24px;
		border-bottom: 2px solid #a0d651 ;
		margin-bottom: 64px ;
	}

	.contactUs > header h2, .donateInnerWrapper > header h2 {
		font-family: 'Alegreya Sans';
		font-size: 48px ;
		text-align: center ;
		color: #2b2b2b ;
		font-weight: 300 ;
		text-transform: uppercase ;
		letter-spacing: 3px ;
	}
	@media (max-width: 720px){
		.contactInnerWrapper,  .donateInnerWrapper {
				padding: 48px 16px 128px ;
			}
		.contactUs > header, .donateInnerWrapper > header {
			border-bottom: 0 ;
			margin-bottom: 0 ;
		}
		.contactUs > header h2, .donateInnerWrapper > header h2 {
				padding: 0 12px;
				font-size: 36px;
		}
	}
	@media (max-width: 520px){
		.contactUs > header h2, .donateInnerWrapper > header h2 {
				font-size: 32px;
		}
	}
	@media (max-width: 480px){
		.contactUs > header h2, .donateInnerWrapper > header h2 {
				font-size: 28px;
				letter-spacing: 2px ;
		}
	}
	
	.contactUs li {
		padding: 10px ;
	}

.contactUs .emailForm { 
	font-size: 0 ; 
	margin-top: 32px ;
}

	.contactUs .emailForm input[type=text]{
		width: 100% ;
		padding: 12px ;
		background-color: #ffffff ;
		border: 0 ;
		border-bottom: 2px solid #a0d651 ;
		margin-bottom: 12px ;
		font-family: 'Alegreya Sans';
		font-size: 18px ;
		color: #4d4d4d ;
	}

	.contactUs .emailForm textarea{
		background-color: #ffffff ;
		width: 100% ;
		padding: 12px ;
		border: 0 ;
		border-bottom: 2px solid #a0d651 ;
		margin-bottom: 12px ;
		resize: vertical ;
		font-family: 'Alegreya Sans';
		font-size: 18px ;
		min-height: 150px ;
		max-height: 440px ;
		color: #4d4d4d ;
	}

	.contactUs .emailForm input[type=checkbox]{ display: none ; }

	.contactUs .emailForm label[for=wantCopy]{
		background-color: #ffffff ;
		font-family: 'Alegreya Sans';
		display: block ;
		font-size: 16px ;
		text-align: center ;
		padding: 12px ;
		border: 0 ;
		border-bottom: 2px solid #e4e4e4 ;
		margin-bottom: 12px ;
		cursor: pointer ;
		text-transform: uppercase ;
		letter-spacing: 1px ;
		position: relative ;
		color: #b2b2b2 ;
		transition: border .4s, color .4s ;
		text-decoration: line-through;
	}

	.contactUs .emailForm input#wantCopy:checked ~ label {
		color: #4d4d4d ;
		border-bottom: 2px solid #a0d651 ;
		text-decoration: none ;
	}

	.contactUs .emailForm label[for=wantCopy]:before {
		content: '';
		position: absolute ;
		width: 24px ;
		height: 24px ;
		top: 8px ;
		left: 8px ;
		background-image: url('images/checkbox-sprite.png');
		background-repeat: no-repeat;
		background-position: bottom center ;
		transition: background-position .4s ;
	}

	.contactUs .emailForm input#wantCopy:checked ~ label[for=wantCopy]:before { background-position: top center ; }

	.contactUs .emailForm button.submit{
		font-family: 'Alegreya Sans';
		display: block ;
		width: 100% ;
		border: 2px solid #a0d651 ;
		font-size: 18px ;
		text-align: center ;
		padding: 12px ;
		text-transform: uppercase ;
		background-color: transparent ;
		font-weight: 500 ;
		cursor: pointer ;
		transition: background-color .4s, opacity .4s;
		color: #2b2b2b ;
	}

	.contactUs .emailForm button:disabled.submit{
		opacity: 0.3;
		cursor: default ;
	}

	.contactUs .emailForm button.submit:hover { background-color: #a0d651 ; }

	.contactUs .emailForm button.submit:disabled:hover {
		background-color: transparent ;
		opacity: 0.15 ;
	}

		.contactUs .emailForm button.submit .arrow {
			display: inline-block ;
			width: 0px ;
			overflow: hidden ;
			vertical-align: middle ;
			position: relative ;
			top: -2px ;
			transition: width 0.4s ;
		}

		.contactUs .emailForm button.submit:hover .arrow { width: 18px ; }

		.contactUs .emailForm button.submit:disabled:hover .arrow { width: 0 ; }

	.contactUs .emailForm input[type=text]:disabled,
	.contactUs .emailForm textarea:disabled,
	.contactUs .emailForm input[type=checkbox]:disabled ~ label,
	.contactUs .emailForm button:disabled {
		opacity: .35 ;
		cursor: default ;
	}

	.contactUs .emailForm button.submit.pending,
	.contactUs .emailForm button.submit.pending:hover,
	.contactUs .emailForm button.submit.pending:disabled,
	.contactUs .emailForm button.submit.pending:disabled:hover {
		opacity: 1 ;
		background-color: #b6de78 ;
	}

	.contactUs .emailForm button.submit.success,
	.contactUs .emailForm button.submit.success:hover,
	.contactUs .emailForm button.submit.success:disabled,
	.contactUs .emailForm button.submit.success:disabled:hover {
		opacity: 1 ;
		background-color: #a0d651 ;
	}
	
.contactBottomBackground {
	height: 105px ;
	width: 100% ;
	position: absolute ;
	bottom: 0 ;
	left: 0 ;
}

.contactUs p {
	margin-top: 32px ;
	font-size: 14px ;
	text-align: center ;
	color: #4d4d4d ;
}

	.contactUs p a {
		color: #6e9338 ;
		text-decoration: none ;
	}

	.contactUs p a:hover { text-decoration: underline ; }

	@media (max-width: 1200px){
		.donate .arm,
		.donate .coin,
		.donate .pig {
			display: none ;
		}
		.contactInnerWrapper {
			width: 100% ;
		
		}
		.contactUs .contactDetails {
			width: 40% ;
		}
		.contactUs .contactDetails ul{
			padding-left: 32px ;
		}
		.contactUs .contactDetails li {
			padding: 5px ;
		}
		.contactUs .contactForm {
			padding-right: 32px ;
			width: 60% ;
		}
		.donateInnerWrapper {
			width: 100% ;
		}
		.contactIcons img{
			height: 50px ;
			padding: 0px 20px;
		}
	}
	@media (max-width: 800px){
		.contactUs {
			width: 100% ;
		}
		.donate {
			width: 100% ;
		}
		.contactUs .emailForm textarea {
			min-height: 200px ;
		}
		.contactIcons img{
			height: 50px ;
			padding: 0px 10px;
		}
	}
	@media (max-width: 640px){
		.contactUs {
			padding: 12px ;
		}
		.contactInnerWrapper {
			padding-right: 0 ;
			padding-left: 0 ;
		}
		.contactUs .contactDetails {
			width: 100% ;
			float: none ;
		}
		.contactUs .contactForm {
			width: 100% ;
			float: none ;
			padding-right: 0px ;
		}
		.donate {
			padding: 12px ;
		}
		.contactIcons img{
			height: 50px ;
			padding: 0px 20px;
		}
		.contactIcons_en img{
			height: 50px ;
			padding: 0px 20px;
		}
	}
	.donate p { margin-top: 12px ; }

	.donate p.large {
		font-family: 'Alegreya Sans';
		text-align: center ;
		font-size: 28px ;
		background-color: white ;
		border-bottom: 5px solid #a0d651 ;
		padding: 16px ;
	}

		.donate p.large strong { font-weight: 500 ; }

	.donate p:first-of-type { font-size: 18px ; }

	.donate p.heading {
		font-size: 18px ;
		font-weight: 500 ;
		padding: 12px 0 0 ;
	}

	.donate p.note {
		font-size: 16px ;
		font-weight: 400 ;
		padding-top: 5px;
	}

	.donate ul {
		margin-left: 30px ;
		list-style-type: none ;
		font-size: 18px ;
	}

		.donate li {
			margin-top: 12px ;
			position: relative ;
		}

		.donate li:before {
			display: block ;
			position: absolute ;
			top: -12px ;
			line-height: 1 ;
			left: -34px ;
			content: "+";
			padding-right: 5px;
			color: #a0d651 ;
			font-size: 60px ;
		}

.donateDetails {
	padding: 0px 20px ;
}

.donateDetails a {
	color: #481B99;
	text-decoration: underline;
}

.donateBottomBackground {
	height: 105px ;
	width: 100% ;
	position: absolute ;
	bottom: 0 ;
	left: 0 ;
	background-image: url('images/hands.png');
	background-repeat: repeat-x ;
	background-position: top left ;
}

/* LINKS */

.links {
	padding: 48px 16px 128px ;
	position: relative ;
	background-color: #ffffff;
}

.linksInnerWrapper {
	max-width: 1280px ;
	width: 100% ;
	margin: 0 auto ;
	position: relative ;
}

	.linksInnerWrapper .heading {
		font-family: 'Alegreya Sans';
		font-size: 36px;
		text-align: center;
		color: #2b2b2b;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 3px;
		margin-top: 30px;
		margin-bottom: 12px ;
	}

.linksInnerWrapper nav { display: block ; }

	.linksInnerWrapper ul {
		display: block ;
		list-style-type: none ;
		font-size: 0 ;
		text-align: center ;
	}

		.linksInnerWrapper li {
			display: inline-block ;
			width: 20% ;
			padding: 12px ;
			text-align: center ;
		}

			.linksInnerWrapper li a {
				border: 2px solid #f8f8f8 ;
				padding: 12px ;
				display: inline-block ;
				text-align: center ;
					-webkit-filter: grayscale(1) ;
				filter: grayscale(1) ;
				transition: filter .8s, -webkit-filter .8s, border .8s ;
				position: relative ;
			}

			.linksInnerWrapper li a:hover {
					-webkit-filter: grayscale(0) ;
				filter: grayscale(0) ;
			}

			.linksInnerWrapper li:nth-child(1)  a:hover { border: 2px solid #0077ff ; }
			.linksInnerWrapper li:nth-child(2)  a:hover { border: 2px solid #bfe040 ; }
			.linksInnerWrapper li:nth-child(3)  a:hover { border: 2px solid #739f2c ; }
			.linksInnerWrapper li:nth-child(4)  a:hover { border: 2px solid #0077a2 ; }
			.linksInnerWrapper li:nth-child(5)  a:hover { border: 2px solid #258f85 ; }
			.linksInnerWrapper li:nth-child(6)  a:hover { border: 2px solid #b78a4b ; }
			.linksInnerWrapper li:nth-child(7)  a:hover { border: 2px solid #5d911d ; }
			.linksInnerWrapper li:nth-child(8)  a:hover { border: 2px solid #10b04b ; }
			.linksInnerWrapper li:nth-child(9)  a:hover { border: 2px solid #b5a241 ; }
			.linksInnerWrapper li:nth-child(10) a:hover { border: 2px solid #a1d651 ; }

				.linksInnerWrapper li a img { width: 100% ; }

	@media (max-width: 1024px){
		.linksInnerWrapper {
			padding-left: 160px ;
			padding-right: 160px ;
		}
		.linksInnerWrapper li {
				width: 33.3333%;
				padding: 12px;
		}
		.linksInnerWrapper li:nth-child(1) a, .linksInnerWrapper li:nth-child(6) a { top: 0 ; }

		.linksInnerWrapper li:nth-child(2) a, .linksInnerWrapper li:nth-child(5) a { top: 0 ; }
	}
	@media (max-width: 920px){
		.linksInnerWrapper {
			padding-left: 80px ;
			padding-right: 80px ;
		}
	}
	@media (max-width: 720px){
		.linksInnerWrapper {
			padding-left: 0px ;
			padding-right: 0px ;
		}
	}
	@media (max-width: 480px){
		.links {
			padding-bottom: 64px ;
		}
		.linksInnerWrapper li {
				width: 50%;
		}
	}

/* FOOTER */

.footerLogo {
	display: block ;
	text-align: center ;
}

	.footerLogo img {
		position: relative ;
		top: -82px ;
	}

@media (max-width: 4280px){
		.footerLogo img {
			position: relative ;
			width: 96px ;
			top: -50px ;
		}
	}


.siteFooter {
	border-top: 2px solid #58c0ca ;
	background-image: url(images/bg-cyan-light.jpg);
	padding-bottom: 32px
}

	.siteFooter address {
		font-family: 'Alegreya Sans';
		color: #4d4d4d ;
		font-size: 12px ;
		text-align: center ;
		position: relative ;
		letter-spacing: 0.6px ;
		margin-bottom: 12px ;
		font-style: normal ;
		max-width: 500px ;
		width: 100% ;
		margin: 0 auto ;
		background-color: #ffffff ;
		padding: 12px ;
		font-weight: 500 ;
		border-bottom: 2px solid #58c0ca ;
	}

	@media (max-width: 480px){
		.siteFooter {
			padding-bottom: 8px ;
		}
		.siteFooter address {
			margin-top: -36px ;
		}
	}


		.siteFooter address a {
			color: #4d4d4d ;
			text-decoration: none ;
			transition: color .4s ;
		}

		.siteFooter address a:hover { color: #58c0ca ; }

	.siteFooter p {
		letter-spacing: 0.6px ;
		line-height: 2 ;
	}

	.siteFooter p.large {
		text-transform: uppercase ;
		letter-spacing: 1.4px ;
		color: #58c0ca ;
		font-weight: 600 ;
	}

	.siteFooter .hostingProvider {
		text-align: center ;
		font-size: 10px ;
		margin-top: 12px ;
		color: #646464 ;
	}

/* MOBILE MENU */

#fullPageMenuOpen {
	display: none ;
}
.fullPageMenuBackground {
	background-color: #58c0ca ;
	border-radius: 50% ;
	position: fixed ;
	display: none ;
	top: 0 ;
	right: 0 ;
	height: 48px ;
	width: 48px ;
	transform: translate(50%,-50%) translate(-36px,36px) ;
	transition-timing-function: cubic-bezier(0, 0, 0.5, 1.08);
	transition: width .6s, height .6s ;
	z-index: 1000 ;
}
#fullPageMenuOpen:checked ~ .fullPageMenuBackground {
	width:  calc(200vw + 200vh) ;
	height: calc(200vw + 200vh) ;
	transition-timing-function: cubic-bezier(0.5, -0.08, 1, 1);
}
.fullPageMenuIcon {
	display: none ;
	background-color: #58c0ca ;
	position: fixed ;
	top: 0 ;
	right: 0 ;
	height: 48px ;
	width: 48px ;
	border-radius: 50% ;
	transform: translate(50%,-50%) translate(-36px,36px) ;
	cursor: pointer ;
	transition: background-color .6s ;
	transition-delay: .2s ;
	z-index: 1001 ;
}
#fullPageMenuOpen:checked ~ .fullPageMenuIcon {
	background-color: #007a85 ;
}
.fullPageMenuIcon > div {
	background-color: #ffffff ;
	height: 7% ;
	left: 50% ;
	opacity: 1 ;
	position: absolute ;
	top: 50% ;
	width: 50% ;
	line-height: 100%;
	border-radius: 120px;
	transition: opacity .6s, transform .6s, background-color .6s ;
}
.fullPageMenuIcon > div:nth-child(1){
	transform: translate(-50%, -50%) rotate(-180deg) ;
}
.fullPageMenuIcon > div:nth-child(2){
	transform: translate(-50%, -320%) rotate(-180deg) ;
}
.fullPageMenuIcon > div:nth-child(3){
	transform: translate(-50%, 220%) rotate(-180deg) ;
}
#fullPageMenuOpen:checked ~ .fullPageMenuIcon > div:nth-child(1){
	opacity: 0 ;
	transform: translate(-50%, -50%) rotate(90deg) ;
}
#fullPageMenuOpen:checked ~ .fullPageMenuIcon > div:nth-child(2){
	transform: translate(-50%, -50%) rotate(135deg) ;
}
#fullPageMenuOpen:checked ~ .fullPageMenuIcon > div:nth-child(3){
	transform: translate(-50%, -50%) rotate(45deg) ;
}

	@media (max-width: 1024px){
		.fullPageMenuIcon {
			display: block ;
		}
		.fullPageMenuBackground {
			display: block ;
		}
	}

.fullPageMenuContent {
	position: fixed ;
	width: 100% ;
	height: 0% ;
	z-index: 1001 ;
	top: 0 ;
	left: 0 ;
	overflow: hidden ;
}

.fullPageMenuContent ul {
	list-style-type: none ;
	display: inline-block;
	position: absolute ;
	top: 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
}

.fullPageMenuContent ul li {
	transition: background-color .2s ;
}

.fullPageMenuContent ul li a {
	display: block ;
	padding: 8px 12px ;
	color: white ;
	font-size: 22px ;
	text-transform: uppercase ;
	position: relative ;
	left: 220px ;
	opacity: 0 ;
	transition: left .4s, opacity .4s ;
	line-height: 1 ;
}

.fullPageMenuContent ul li:nth-child(1) a { transition-delay: .4s ; }
.fullPageMenuContent ul li:nth-child(2) a { transition-delay: .45s ; }
.fullPageMenuContent ul li:nth-child(3) a { transition-delay: .5s ; }
.fullPageMenuContent ul li:nth-child(4) a { transition-delay: .55s ; }
.fullPageMenuContent ul li:nth-child(5) a { transition-delay: .6s ; }
.fullPageMenuContent ul li:nth-child(6) a { transition-delay: .65s ; }
.fullPageMenuContent ul li:nth-child(7) a { transition-delay: .7s ; }

#fullPageMenuOpen:checked ~ .fullPageMenuContent {
	height: 100% ;
}

#fullPageMenuOpen:checked ~ .fullPageMenuContent ul li a {
	opacity: 1 ;
	left: 0 ;
	cursor: pointer ;
	text-decoration: none ;
}
#fullPageMenuOpen:checked ~ .fullPageMenuContent ul li:hover {
	background-color: #007a85 ;
}
.trendingInnerWrapper .pageMenu {
	font-size: 16px ;
	background-color: #ffffff ;
	border: 1px solid #e8e8e8;
	margin-bottom: 12px ;
}
.trendingInnerWrapper .pageMenu ul {
	display: block ;
	font-size: 0 ;
}
.trendingInnerWrapper .pageMenu li {
	list-style-type: none ;
	display: inline-block ;
}
.trendingInnerWrapper .pageMenu li a {
	font-size: 16px ;
	display: block ;
	padding: 12px ;
	border-right: 1px solid #e8e8e8 ;
	text-decoration: none ;
	color: #4d4d4d ;
	font-weight: bold ;
	text-transform: uppercase ;
	transition: background-color .3s ;
}
.trendingInnerWrapper .pageMenu li a:hover {
	background-color: #f2f2f2 ;
}
.trendingInnerWrapper .categoryContent {
	width: 100% ;
	font-size: 18px ;
	background-color: #ffffff;
	padding: 12px;
	border: 1px solid #e8e8e8;
	border-bottom: 5px solid #fcb918;
	margin-bottom: 24px;
	position: relative ;
}
.trendingInnerWrapper .categoryContent h1 {
	font-size: 32px ;
	text-transform: uppercase ;
	color: #fcb918;
	padding-right: 96px ;
}

	@media (max-width: 600px){
		.trendingInnerWrapper .categoryContent h1 {
				font-size: 24px;
		}
	}

.trendingInnerWrapper .categoryContent h1 span.tagName {
	text-transform: none ;
	color: #4d4d4d;
}
.trendingInnerWrapper .categoryContent h2,
.trendingInnerWrapper .categoryContent h4 {
	font-size: 28px ;
	margin: 24px 0 12px ;
	color: #fcb918;
}
.trendingInnerWrapper .categoryContent p,
.trendingInnerWrapper .categoryContent ul,
.trendingInnerWrapper .categoryContent ol {
	line-height: 1.5 ;
	margin-top: 12px ;
}
.trendingInnerWrapper .categoryContent ul,
.trendingInnerWrapper .categoryContent ol {
	padding-left: 32px ;
}
.trendingInnerWrapper .categoryContent a {
	color: #007a85 ;
}
.trendingInnerWrapper .categoryContent b {
	color: #ff0000 ;
}
.trendingInnerWrapper .categoryContent blockquote {
	margin: 12px 64px 0 ;
	font-size: 90% ;
}
.trendingInnerWrapper .categoryContent img.right {
	float: right ;
	padding-left: 12px ;
	padding-top: 12px ;
	padding-bottom: 12px ;
	max-width: 200px ;
}
.trendingInnerWrapper .categoryContent img.center {
	display: block ;
	padding-top: 12px ;
	margin: 0 auto ;
	max-width: 600px ;
	width: 100% ;
}
.trendingInnerWrapper .categoryContent .embed {
	display: block ;
	padding-top: 12px ;
	margin: 0 auto 24px ;
	width: 100% ;
	height: 0 ;
	padding-bottom: 56.25% ;
	position: relative ;
}
.trendingInnerWrapper .categoryContent .embed iframe {
	display: block ;
	position: absolute ;
	width: 100% ;
	height: 100% ;
	border: 0 ;
}
.trendingInnerWrapper .categoryContent .tags a {
	display: inline-block ;
	padding: 4px 8px ;
	border: 1px solid #f2f2f2 ;
	margin-right: 6px ;
	margin-bottom: 6px ;
	background-color: #f8f8f8 ;
	color: #626262 ;
	text-decoration: none ;
}

.trendingInnerWrapper .twoColumns {
	width: 100% ;
}

.trendingInnerWrapper .twoColumns td {
	text-align: center ;
	vertical-align: middle ;
	padding: 12px ;
}

.trendingInnerWrapper .twoColumns td > div {
	text-align: left ;
	display: inline-block ;
	width: auto ;
	margin: 0 auto ;
	vertical-align: middle ;
}

.trendingInnerWrapper .twoColumns td > div img {
	max-width: 300px ;
	max-height: 300px ;
}

.trending .columnInnerWrapper h4 {
	font-size: 18px ;
	margin: 24px 0 12px ;
}
.trending .columnInnerWrapper article p,
.trending .columnInnerWrapper article ul,
.trending .columnInnerWrapper article ol {
	line-height: 1.5 ;
	margin-top: 12px ;
}
.trending .columnInnerWrapper article ul,
.trending .columnInnerWrapper article ol {
	padding-left: 32px ;
}
.trending .columnInnerWrapper article a {
	text-decoration: underline;
	color: #007a85 ;
}
.trending .columnInnerWrapper article b {
	color: #ff0000 ;
}
.trending .columnInnerWrapper article blockquote {
	margin: 12px 64px 0 ;
	font-size: 90% ;
}
.trending .columnInnerWrapper article img.right {
	float: right ;
	padding-left: 12px ;
	padding-top: 12px ;
	padding-bottom: 12px ;
	max-width: 200px ;
}
.trending .columnInnerWrapper article img.center {
	display: block ;
	padding-top: 12px ;
	margin: 0 auto ;
	max-width: 480px ;
	width: 100% ;
}
.trending .columnInnerWrapper article .embed {
	display: block ;
	padding-top: 12px ;
	margin: 0 auto 24px ;
	width: 100% ;
	height: 0 ;
	padding-bottom: 56.25% ;
	position: relative ;
}
.trending .columnInnerWrapper article .embed iframe {
	display: block ;
	position: absolute ;
	width: 100% ;
	height: 100% ;
	border: 0 ;
}
.trending .columnInnerWrapper article .tags a {
	display: inline-block ;
	padding: 4px 8px ;
	border: 1px solid #f2f2f2 ;
	margin-right: 6px ;
	margin-bottom: 6px ;
	background-color: #f8f8f8 ;
	color: #626262 ;
	text-decoration: none ;
}

/* Tóth Miklós */

a.link {
	text-decoration: none;
}

.trending {
	margin-top: 0;
}
.trending.banner {
	padding: 16px 16px 120px;
	text-align: center;
	margin-top: 146px;
}
.bannerCommunityHelp {
	font-size: 24px;
	text-align: center;
	display: inline-block;
	color: #606060;
	text-decoration: none;
	transition: color .2s, background-color .2s;
	padding: 10px 20px;
	background-color: #a0d550;
	border: 2px solid #a0d651;
	cursor: pointer;
	border-radius: 3px;
	margin: 0px 10px;
	flex: auto;
}
.bannerCommunityHelp:hover {
	color: #4d4d4d;
	background-color: #def5bc;
}

.bannerCommunityHelp span {
	display: block;	
	font-weight: bold;
	text-transform: uppercase;
}

.donateLinkBox {
	font-family: 'Alegreya Sans';
	font-size: 28px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	display: inline-block;
	color: #606060;
	text-decoration: none;
	transition: color .2s, background-color .2s;
	padding: 10px 20px;
	margin-bottom: 0px;
	background-color: white;
	border-bottom: 5px solid #da9a00;
	cursor: pointer;
	border-radius: 8px;
	flex: auto;
}
.donateLinkBox:hover {
	color: #4d4d4d;
	background-color: #b6de78;
	border-bottom: 5px solid #fcb918;
}
.donateLinkBox span {
	display: block;
	font-weight: bold;
}

.overview.quickLinks {
	padding: 25px 16px;
}
.overview.quickLinks .overviewItem {
	width: 25%;
	margin-bottom: 0;
	padding-bottom: 0;
}
@media (max-width: 720px) {
	.overview.quickLinks .overviewItem {
		width: 100%;
		background-color: white;
		margin-bottom: 10px;
	}
}
.overview.quickLinks .overviewItem a {
	text-decoration: none;
	color: inherit;
}
.overview.quickLinks .overviewItem img {
	width: calc(100% + 24px);
	margin-left: -12px;
	transform: scale(.9, .9);
	margin-bottom: 10px;
}
.overview.quickLinks .overviewItem:hover img {
	transform: scale(1, 1)
}
@media (max-width: 720px) {
	.overview.quickLinks .overviewItem img {
		transform: scale(1, 1)
	}
}
.overview.quickLinks .overviewItem h3 {
	height: 60px;
	position: relative;
	width: 100%;
	font-size: 18px;
	text-transform: none;
	font-weight: 600;
}
.overview.quickLinks .overviewItem h3 span {
	display: block;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
}
@media (max-width: 720px) {
	.overview.quickLinks .overviewItem h3 {
		height: auto;
		font-size: 22px;
		text-transform: uppercase;
	}
	.overview.quickLinks .overviewItem h3 span {
		position: static;
		transform: none;
	}
}
.overview.quickLinks .overviewItem p.description {
	padding-bottom: 10px;
	height: auto;
}

.captchaCenter {
	text-align: center;
	margin-bottom: 12px;
}

.captchaCenter div {
	display: inline-block;
}


/* Mobilos nézet javítása a zöld blokkokhoz - erőteljesebb verzió */
@media only screen and (max-width: 767px) {
    .overview.quickLinks {
        padding: 25px 0 !important;
        width: 100% !important;
    }
    
    .overview.quickLinks .overviewInnerWrapper {
        padding: 0 !important;
        width: 100% !important;
    }
    
    .overview.quickLinks .overviewInnerWrapper ul {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .overview.quickLinks .overviewItem {
        display: block !important;
        width: 92% !important;
        margin: 10px auto !important;
        padding: 10px !important;
        float: none !important;
        background-color: white !important;
    }
    
    .overview.quickLinks .overviewItem a {
        display: block !important;
    }
    
    .overview.quickLinks .overviewItem img {
        width: 90% !important;
        max-width: 300px !important;
        margin: 0 auto !important;
        display: block !important;
        transform: none !important;
    }
    
    .overview.quickLinks .overviewItem h3 {
        height: auto !important;
        position: static !important;
        width: 100% !important;
        font-size: 18px !important;
        padding: 10px 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }
    
    .overview.quickLinks .overviewItem p.description {
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 14px !important;
    }
}