@font-face {
	font-family: 'brandon_printeddouble';
	src: url('/media/layout/intra/fonts/hvd_fonts_-_brandon_printed_double-webfont.woff2') format('woff2'),
		url('/media/layout/intra/fonts/hvd_fonts_-_brandon_printed_double-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.kuva-oikealla {
	float: right;
	margin: 0.5em 0 0.5em 20px;
}

.kuva-vasemmalla {
	float: left;
	margin: 0.5em 20px 0.5em 0;
}
.my-5px {
	margin-top: 5px;
	margin-bottom: 5px;
}
.kuva-keskella {
	display: block;
	margin: 0.5em auto 0.5em auto;
}

.hidden {
	display: none;
}

.blue-text {
	color: #4cb0e8;
}

.red-text {
	color: #eb4e2a;
}
/*.date-wrapper > input {
box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1);
-moz-box-sizing: border-box;
box-sizing: border-box;
border: solid 1px #eeeeee;
}*/
.gray-text {
	color: #6a6a6a;
}

h1, h2, h3, h4, h5, h6 {
	color: #505050;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: normal;
	line-height: 1.3;
	padding: 0;
}

h1 { font-size: 210%; font-weight: 900; margin-bottom: 20px; }

h2 { font-size: 145%; font-weight: 900; text-transform: uppercase; }

h2.light {
	font-weight: 400;
}

h2 span {
	font-weight: 400;
}

h3 { font-family: 'Lato', Arial, sans-serif; font-size: 135%; font-weight: 900;}

h4 { font-family: 'Lato', Arial, sans-serif; font-size: 120%; font-weight: 900; text-transform: uppercase; }

html, body {
	background: #f8f8f8 !important;
	color: #333;
}

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

.formSubmit, .button, .nappi, button {
	background: #2370b7;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	margin-top: 5px;
	padding: 11px 20px;
	position: relative;
	font-family: 'Lato', sans-serif;
	text-align: center;
	font-size: 90%;
	line-height: 1.3;
	border-radius: 4px;
	border: none;
	white-space: nowrap;
	-webkit-transition: color 400ms, background-color 400ms, linear;
	-moz-transition: color 400ms, background-color 400ms, linear;
	-o-transition: color 400ms, background-color 400ms, linear;
	transition: color 400ms, background-color 400ms, linear;
}

.formSubmit:hover, .button:hover, .nappi:hover {
	background: #045088;
	color: #ffffff;
	text-decoration: none;
}

.button.red {
	background-color: #eb4721;
}

.button.red:hover {
	background-color: #dd421e;
}

.button.green {
	background-color: #9ec54d;
}

.button.green:hover {
	background-color: #94b848;
}

.button.light-blue {
	background-color: #4cb0e8;
}

.button.light-blue:hover {
	background-color: #47a4d9;
}

.button.gray {
	background-color: #6a6a6a;
}

.button.gray:hover {
	background-color: #a2a2a2;
}

.button.light-gray {
	background-color: #dadada;
	color: #6a6a6a;
}

.button.light-gray:hover {
	background-color: #dadada;
}

.button.light {
	background-color: #ffffff;
	color: #333333;
	box-shadow: 0 3px 6px rgba(0,0,0,0.13);
}

.button.light:hover {
	background-color: #ffffff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}

.button.light .fa {
	color: #4cb0e8;
	margin-right: 10px;
}

.button.medium {
	font-size: 100%;
	border-radius: 5px;
	padding: 15px 20px;
}

.button.large {
	border-radius: 5px;
	padding: 20px 20px;
	font-size: 110%;
	text-transform: uppercase;
}

.button.disabled {
	opacity: 0.7;
	cursor: default;
}

.association-search #body .box.main {
	padding: 0;
	box-shadow: none;
}

#body h1.theme-title {
	background: #0567b1;
	font-family: "brandon-grotesque", sans-serif;
	font-size: 120%;
	font-weight: bold;
	line-height: 50px;
	height: 50px;
	text-transform: uppercase;
	color: #ffffff;
	padding-top: 0;
}

.row2 {
	float: left;
	width: 100%;
}

.association-search .body-row .left,
.association-search .body-row .right {
	display: table-cell;
	width: 50%;
	min-height: 500px;
	position: relative;
	box-sizing: border-box;
}

.association-search .body-row .left {
	padding: 30px 30px 10px 30px;
}

.association-search .body-row .right {
	background-color: #f8f8f8;
}

.association-search-form label {
	font-weight: bold;
}
table {
	border-collapse: inherit !important;
}
.association-search-results {
	margin-top: 40px;
	padding: 0 10px;
}
.association-search-results h2 {
	font-size: 145%;
	padding-bottom: 20px;
	padding-top: 20px;
	font-weight: 900;
	text-transform: uppercase;
	color: #505050;
	font-family: "brandon-grotesque", sans-serif;
}

/*.select2-container {
margin: 5px 0px 20px 0;
}*/
.select2-dropdown {
	border: 1px solid #dadada !important;
}
#body, #hero {
	background: #f8f8f8;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	font-weight: normal;
}

label.checkbox {
	width: auto;
	margin-top: 15px;
	font-weight: normal;
	line-height: 22px;
}

input[type="checkbox"] {
	display: none
}

label.checkbox input[type="checkbox"] + span {
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	border-radius: 3px;
	cursor: pointer;
	background-image: url('../intra/img/checkbox.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
}

label.checkbox input[type="checkbox"]:disabled + span {
	cursor: default;
}

label.checkbox input[type="checkbox"] + span:hover {
	background-color: #f4f4f4;
}

label.checkbox input[type="checkbox"]:checked + span, input[type="checkbox"]:checked + span:hover {
	background-position: left top;
}

label.slider {
	float: left;
	width: 100%;
	font-weight: normal;
	font-size: 90%;
	margin: 5px 0;
	color: #6a6a6a;
}

.slider .fa {
	font-size: 150%;
	margin-right: 5px;
}

.slider.blue .fa {
	color: #0567b1;
}

.slider.red .fa {
	color: #eb4e2a;
}

.slider.pink .fa {
	color: #cc3778;
}

.slider {
	opacity: 0.5;
}

.slider.checked {
	opacity: 1;
}

.slider span {
	float: left;
	width: 40px;
	height: 10px;
	border-radius: 5px;
	background-color: #dddddd;
	margin-top: 7px;
	margin-right: 10px;
	position: relative;
}

.slider span:before {
	content: '';
	position: absolute;
	left: 0;
	top: -5px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #b1b1b1;
	margin-top: 0px;
	margin-right: 0;
}

.slider.checked span:before {
	background-color: #0567b1;
	left: auto;
	right: 0;
}

.red.checked span:before {
	background-color: #eb4e2a;
}

.association-search-form hr {
	margin: 20px 0px;
}

.lajit {
	float: right;
	width: 50%;
}

.distance {
	margin-top: 20px;
}

.distance.disable {
	opacity: 0.5;
}

.km-slider {
	float: left;
	width: 100%;
	height: 15px;
	border-radius: 7px !important;
	background-color: #dadada;
	position: relative;
}

.ui-widget.ui-widget-content {
	border: none;
}

.km-slider .km span, .km-slider .km input {
	display: none;
}

.km-slider .km {
	float: left;
	width: 10%;
	height: 15px;
}

.ui-slider .ui-slider-handle {
	width: 28px;
	height: 28px;
	border: solid 7px #fff !important;
	background-color: #dadada !important;
	border-radius: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	top: -.4em;
}
.association-search-form {
	font-family: 'Lato', Arial, sans-serif;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	width: 100%;
	height: 46px;
	border-radius: 3px;
	border: 1px solid #dadada !important;
	padding-top: 0px !important;
	padding-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 85%;
	color: #4c4c4c;
}
.km-slider .km-20 span { left: 20%; }
.km-slider .km-30 span { left: 30%; }
.km-slider .km-40 span { left: 40%; }
.km-slider .km-50 span { left: 50%; }
.km-slider .km-60 span { left: 60%; }
.km-slider .km-70 span { left: 70%; }
.km-slider .km-80 span { left: 80%; }
.km-slider .km-90 span { left: 90%; }

.km-slider .km.first span {
	left: 0;
}
.row2.distance > .km-slider > .ui-slider-handle.ui-corner-all.ui-state-default {
	border-radius: 100%;
}
.km-slider .km.checked span {
	display: block;
}

.km-slider .km.last span {
	right: 0;
}

.km-slider-text {
	float: left;
	width: 100%;
	margin-top: 15px;
	text-align: center;
	color: #686868;
	font-size: 90%;
}

#association-map {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 637px;
	text-align: center;
}

#association-map div {
	border: none;
}

.map-loader {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding-top: 50%;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
}

.as-event-poin-map .map-loader{
	width: auto;
	height: auto;
	position: relative;
	left: 50%;
	padding-top: 0;
	top: 50%;
	background-color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	width: 100%;
	height: 40px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	padding-top: 8px;
	padding-left: 15px;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 85%;
	color: #4c4c4c;
}
.association-search-results table {
	width: 100%;
	font-family: 'Lato', Arial, sans-serif;
	padding: 20px;
}
.association-search-results table h3 {
	font-size: 135%;
	font-weight: 900;
}
.association-search-results table td {
	padding: 20px;
	color: #686868;
	width: 30%;
}

.association-search-results table td.txt {
	font-size: 85%;
}

#body .association-search-results table td img {
	width: 150px;
	height: auto;
}

#body .association-search-results table td:first-child {
	width: 20%;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.association-search-results table td:last-child {
	width: 20%;
}

.association-search-results h3 {
	margin-top: 0;
	font-size: 140%;
}

.association-search-results h3 a {
	color: #686868;
}

.association-search-results h3 a:hover {
	color: #0567b1;
}

th,
.just-narrow-text {
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif;
}

.yhdistyskortti {
	float: left;
	margin-top: 10px;
	color: #686868;
	line-height: 20px;
}

.yhdistyskortti img {
	float: left;
	margin-right: 10px;
}

.association-search .toggle-group .fa {
	display: none;
}

@media (max-width: 940px) {
	.association-search-results td,
	.association-search-results table td.txt {
		float: left;
		width: 70%;
		display: block;
		padding: 5px 0px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.association-search-results table td.txt br,
	.association-search-results td a {
		display: none;
	}

	.association-search-results td h3 a,
	.association-search-results table td:first-child a {
		display: inline-block;
	}

	#body .association-search-results table td:first-child {
		width: 30%;
		/*height: 150px;*/
		padding-right: 40px;
		text-align: left;
	}
}

@media (max-width: 768px) {
	.association-search .body-row .left,
	.association-search .body-row .right {
		display: inline-block;
		width: 100%;
		min-height: 0px;
	}

	.association-search .body-row .left {
		padding: 20px;
	}

	.association-search .body-row .right {
		min-height: 400px;
	}
	#association-map {
		height: 400px;
	}
	.association-search .toggle-group {
		float: left;
		width: 100%;
		cursor: pointer;
	}

	.association-search .group {
		display: none;
	}

	.association-search .toggle-group .fa-chevron-down,
	.association-search .toggle-group.open .fa-chevron-up {
		display: inline-block;
		float: right;
		margin-top: 7px;
	}

	.association-search .toggle-group.open .fa-chevron-down {
		display: none;
	}
}
.nice-select, .js-select2, .select2 {
	width: 100%;
	margin-bottom: 8px;
	height: 40px !important;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	padding-top: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	width: 100%;
	height: 40px !important;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	padding-top: 8px;
	padding-left: 15px;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 85%;
	color: #4c4c4c;
}
.select2-container--default .select2-selection--single {
	width: 100%;
	height: 40px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
}
.container-2 {
	margin: 0 auto;
	width: 940px;
}
@media (max-width: 940px) {
	.container-2 {
		width: 100%;
	}
}
@media (max-width: 450px) {
	.association-search #body .container {
		padding: 0 10px;
	}

	.association-search #body h1.theme-title {
		font-size: 90%;
		padding: 0px 20px 0 20px;
	}

	.association-search .body-row .left {
		padding: 15px;
	}
}
@media (max-width: 360px) {
	.association-search-results td,
	.association-search-results table td.txt,
	#body .association-search-results table td:first-child {
		width: 100%;
		padding: 5px 0px;
	}

	.association-search-results td a {
		display: inline-block;
	}
}

/* ASSOCIATION PAGE */
.container {
	position: relative;
}

.association-nav {
	margin-top: 20px;
	width: 60%;
	margin-bottom: 25px;
}

.float-right {
	float: right;
}

.width40 {
	width: 50%;
}

.description table {
	width: 100%;
}

.description, .margin-bottom {
	margin-bottom: 60px;
}

.description tr td:first-child {
	padding-right: 40px;
	vertical-align: top;
}

.description h1 {
	margin-top: 0;
}

@media (max-width: 940px) {
	.association-nav {
		right: auto;
		top: auto;
		position: relative;
		width: 100%;
		padding: 0px 20px;
	}

	.association-search #body {
		background-color: #fff;
	}

	.association-nav .gray {
		width: 45%;
	}
}

@media (max-width: 768px) {
	.width40 {
		width: 45%;
	}

	.yhdistys .description td {
		display: block;
		float: left;
		width: 100%;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.share.float-right  {
		float: none !important;
		text-align: center;
		margin-top: 20px;
	}
}

@media (max-width: 520px) {

	.width40 {
		width: 100%;
	}

	.association-nav .gray {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

}

#footer {
	background-image: none;
	background-color: #fff;
}

.white-bg, #header {
	background-color: #fff;
}

.desktop-menu {
	display: none;
}

.yhdistys {
	margin-top: 40px;
}
.yhdistys .description h1 {
	font-size: 210%;
	font-weight: 900;
	margin-bottom: 20px;
	color: #505050;
	font-family: "brandon-grotesque", sans-serif;
}
.fancybox-inner .formHolder tr td:first-child {
	padding-right: 10px;
}

.fancybox-inner .formHolder tr td:last-child {
	padding-left: 10px;
}

.fancybox-inner .formHolder tr td[colspan="2"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.fancybox-skin {
	background: #fff;
}

.fancybox-inner .formTelinput,
.fancybox-inner .formEmailinput,
.fancybox-inner .formTextinput,
.fancybox-inner .formTextarea,
.fancybox-inner .formSelect {
	box-shadow: none;
}

.carousel {
	background-color: #4cb0e8;
	position: relative;
}

.carousel .nav {
	position: absolute;
	left: 35%;
	bottom: 40px;
	z-index: 100;
}

.carousel .swiper-pagination-bullet {
	float: left;
	width: 20px;
	height: 20px;
	background-color: #0567b1;
	border-radius: 10px;
	margin-right: 10px;
}

.carousel .swiper-pagination-bullet-active {
	background-color: #fff;
}

.carousel .swiper-slide, .carousel .swiper-wrapper {
	height: auto !important;
	max-height: 600px;
}
.carousel .kuva-vasemmalla {
	width: 30%;
	height: auto;
	margin: 0;
}

.carousel .swiper-slide div {
	float: left;
	width: 60%;
	padding: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.carousel h2 {
	color: #fff;
	margin: 0 0 20px 0;
	font-size: 34px;
	line-height: 38px;
	text-transform: uppercase;
	font-family: 'brandon_printeddouble', "brandon-grotesque", sans-serif;
}

.carousel p {
	color: #ffffff;
}

@media (max-width: 940px) {
	.carousel .swiper-slide div  {
		width: 70%;
	}

	.carousel .nav {
		bottom: 20px;
	}
}

@media (max-width: 768px) {
	.carousel .kuva-vasemmalla {
		display: none;
	}

	.carousel .swiper-slide div  {
		width: 100%;
	}
	.carousel .nav {
		left: 40px;
	}
}

.linkwrap {
	word-break: break-all;
}

.address {
	padding-top: 60px;
	padding-bottom: 20px;
}
.address {
	font-family: 'Lato', Arial, sans-serif;
}
.address h2 {
	font-size: 145%;
	font-weight: 900;
	text-transform: uppercase;
	color: #505050;
	font-family: "brandon-grotesque", sans-serif;
}
.address .col, .membership .col {
	float: left;
	width: 50%;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.membership .col:first-child {
	padding-left: 0;
}

.address .col:last-child, .membership .col:last-child {
	padding-right: 0;
	padding-left: 20px;
}

.address table {
	width: 100%;
}

.address table tr td {
	padding: 5px 0px;
}

.address table tr td:first-child {
	width: 40%;
	color: #686868;
}

.address table tr td:last-child {
	font-weight: bold;
}

.genre {
	display: inline-block;
	padding: 3px 10px;
	margin: 10px 10px 10px 0;
	font-size: 90%;
	background-color: #eeeeee;
	border-radius: 3px;
}

.as-event-poin-map {
	float: left;
	width: 100%;
	height: 400px;
	position: relative;
	background-color: #f8f8f8;
	margin-bottom: 20px;
}

.as-event-poin-map div {
	border-style: none;
}

.map-info {
	margin-right: 10px;
	color: #686868;
	font-size: 90%;
	font-weight: bold;
}

.map-info .fa {
	margin-right: 5px;
	font-size: 140%;
}

.fa.blue {
	color: #0567b1;
}

.fa.red {
	color: #ee4817;
}

.fa.pink {
	color: #cc3778;
}

@media (max-width: 940px) {
	.body-row.membership,
	.staff-results {
		padding: 0px 20px !important;
	}

	.p-lr-20 {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 768px) {
	.address .col, .membership .col {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	.address td,
	.address table tr td:first-child {
		float: left;
		width: 100%;
		display: block;
	}

	.address .col:last-child,
	.membership .col:last-child {
		padding-right: 0;
		padding-left: 0;
	}

	.membership .col:first-child {
		padding-left: 0;
	}

	.address .col,
	.address .col:last-child {
		padding: 20px;
	}

	.membership .col.gray {
		padding: 0 20px 20px 20px;
	}
}

@media (max-width: 480px) {

	.address td,
	.address table tr td:first-child {
		float: left;
		width: 100%;
		display: block;
	}

	.genre {
		margin: 10px 10px 10px 0;
	}

	.map-info {
		float: left;
		width: 100%;
	}
}

.testimonail-carousel {
	padding: 60px 50px;
	margin-bottom: 40px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.testimonail-carousel .prev,
.testimonail-carousel .next {
	position: absolute;
	top: 45%;
	left: 0;
	background: #f4f4f4;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 130%;
	border-radius: 20px;
	cursor: pointer;;
	z-index: 2;
}

.testimonail-carousel .next {
	right: 0;
	left: auto;
}

.testimonail-carousel .swiper-slide {
	overflow: hidden;
}

.testimonail-carousel .swiper-slide table {
	width: 100%;
}

.testimonail-carousel .swiper-slide table td:first-child {
	width: 150px;
	padding: 20px 40px;
}

.testimonail-carousel .swiper-slide table td:first-child img {
	border-radius: 100%;
}

.testimonail-carousel .swiper-slide table td p {
	color: #686868;
}

.testimonail-carousel a {
	font-size: 90%;
	color: #686868;
}

.testimonail-carousel a:hover,
.testimonail-carousel .prev:hover,
.testimonail-carousel .next:hover {
	color: #0567b1;
}

@media (max-width: 480px) {
	.testimonail-carousel .swiper-slide table td:first-child {
		display: none;
	}
}

.membership .gray {
	min-height: 190px;
	padding: 0 20px 20px 20px;
	background-color: #f8f8f8;
	margin-bottom: 60px;
	border-radius: 10px;
}
.membership h2 {
	font-size: 145%;
	font-weight: 900;
	text-transform: uppercase;
	color: #505050;
	font-family: "brandon-grotesque", sans-serif;
}
.membership .gray h2 {
	margin-top: 20px;
	text-transform: none;
	font-family: 'Lato', sans-serif;
}

.banners h2 {
	margin-top: 40px;
	font-weight: 900;
	text-transform: uppercase;
	color: #505050;
	font-family: "brandon-grotesque", sans-serif;
	font-size: 145%;
}

.banner table td {
	background-color: transparent;
	border: none;
}
.picker--opened .picker__frame {
	top: 10%;
	bottom: auto;
}
/* Tapahtumat */

h2.red {
	margin-top: 0px;
	font-size: 210%;
	font-weight: 900;
	margin-bottom: 25px;
	color: #eb4721;
	font-family: "brandon-grotesque", sans-serif;
}
.black-header {
	margin-bottom:25px;
	font-size: 145%;
	font-weight: 900;
	text-transform: uppercase;
	color: #505050;
	font-family: "brandon-grotesque", sans-serif;
}
.event-search {
	margin-bottom: 40px;
}

.association-search .body-row .event-search .left {
	float: left;
	width: 62%;
	min-height: 0;
	padding: 0;
	padding-right: 30px;
	border-right: solid 1px #e9e9e9;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.association-search .body-row .event-search .right {
	float: right;
	width: 38%;
	min-height: 0;
	padding: 0;
	padding-left: 30px;
	border-left: solid 1px #ffffff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.event-search select,
.event-search .select2-container {
	width: 48%;
	margin-bottom: 0px;
	margin-top: 0;
}

.event-search .picker__header select {
	width: 22.5%;
}

.picker__weekday {
	text-align: center;
}

.event-search .row2 select:last-child,
.event-search .select2-container:last-child {
	float: right;
}

.event-search .date-wrapper {
	position: relative;
	width: 30%;
	display: inline-block;
}

.event-search .date-wrapper:before {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	right: 0;
	top: 0;
	opacity: 0.6;
	background-image: url(/media/layout/img/sprite-icons2x.png);
	background-size: 256px 128px;
	background-position: -60px 3px;
}

.event-search .left .row2 {
	margin-bottom: 15px;
}

.event-search .button.gray {
	float: right;
	margin-top: 0;
}
.select2-container--default .select2-selection--single {
	width: 100%;
	height: 40px !important;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
}

.event-search .button.red {
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 100%;
	padding: 8px 10px;
	margin: 0;
	font-size: 18px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.event-search .formTextinput {
	padding-left: 50px;
	font-style: italic;
}

.association-search .body-row .event .left {
	float: left;
	width: 50%;
	min-height: 0;
	padding: 0;
}

.event {
	background-color: #fff;
	position: relative;
	margin-bottom: 20px;
}

.association-search .body-row .event .left {
	padding: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.event h4 {
	margin-top: 0;
	margin-bottom: 10px;
}

.event h4 a {
	color: #eb4721;
}

.event p {
	margin: 0 0 10px 0;
}

.event p:last-child {
	margin: 0;
}

.association-search .body-row .event .right {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	min-height: 0;
	padding: 0;
	background-color: #f4f4f4;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.event .right a {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	padding: 10px 10px;
	text-align: center;
	color: #fff;
	font-size: 90%;
	text-transform: uppercase;
	background-color: rgba(0,0,0,0.7);
	z-index: 1;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.event .right a.hide-map {
	display: none;
}

.event .right a.link {
	left: auto;
	right: 0;
	background-color: rgba(235,78,42,0.7);
}

.event .right a:hover {
	background-color: rgba(0,0,0,0.9);
}

.event .right a.link:hover {
	background-color: rgba(235,78,42,0.9);
}

.event .right a.link .fa {
	font-size: 100%;
}

.event .right .map {
	float: left;
	width: 100%;
	height: 100%;
	z-index: 0;
	background:url('/media/suomenlatu-fl/maps-default-img.jpg') center center no-repeat;
	background-size:cover;
}

@media (max-width: 1170px) {
	.event-search .left,
	.association-search .body-row .event-search .left {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
		border-right: none;
		border-bottom: solid 1px #e9e9e9;
	}

	.event-search .right,
	.association-search .body-row .event-search .right {
		width: 100%;
		padding-left: 0px;
		padding-top: 20px;
		border-top: solid 1px #ffffff;
		border-left: none;
	}
}

@media (max-width: 640px) {
	.association-search .body-row .event .left,
	.association-search .body-row .event .right {
		width: 100%;
	}

	.association-search .body-row .event .right {
		position: relative;
		right: auto;
		top: auto;
		float: left;
		height: 200px;
	}

	.event-search .formTextinput,
	.event-search select,
	.event-search .select2-container {
		width: 100% !important;
		margin-bottom: 10px;
	}
}

@media (max-width: 480px) {
	.event-search .date-wrapper {
		width: 47%;
	}

	.event-search .button.gray {
		margin-top: 10px;
	}
}

/* Luottamushenkilöt */

.staff-results .col1-3 {
	float: left;
	width: 33.3333%;
	padding-right: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.get-ajax-results {
	float: left;
	width: 100%;
	margin: 40px 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.round-image img {
	border-radius: 100%;
}

@media (max-width: 1170px) {
	.get-ajax-results {
		margin: 0px;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.gray-bg {
		background-color: #f8f8f8;
		padding: 20px;
	}
}

@media (max-width: 600px) {
	.staff-results .col1-3 {
		width: 100%;
		text-align: center;
	}
}

/* Välineet ja varusteet */

.valineet table th {
	padding: 20px 10px;
}

.valineet table td {
	font-size: 90%;
	padding: 20px 10px;
	vertical-align: top;
}

.valineet tr:nth-child(even) { background: #f8f8f8; }

.valineet table td:first-child {
	padding-left: 20px;
	width: 140px;
}

.valineet .narrow-text {
	white-space: nowrap;
}

.no-padding {
	padding: 0;
}

.fancybox-title.fancybox-title-inside-wrap {
	text-align: center;
}

@media (max-width: 940px) {
	.valineet table td:first-child,
	.valineet table th:first-child {
		display: none;
	}
}

@media (max-width: 700px) {
	.valineet table th {
		display: none;
	}
	.valineet table td,
	.valineet table td:first-child {
		display: block;
		float: left;
		width: 100%;
		padding: 10px;
	}

	.valineet table td:first-child,
	.valineet table th:first-child {
		display: none;
	}
}
/* Toimintapisteet */

h2.pink {
	margin-top: 0px;
	font-size: 210%;
	color: #cd2f78;
	font-weight: 900;
	font-family: "brandon-grotesque", sans-serif;
}
.point .row2:first-child {
	margin-bottom: 40px;
}

.point table {
	width: 100%;
}
.point table td {
	vertical-align: top;
}

.point table td:first-child {
	width: 300px;
	padding-right: 40px;
}

.point table td:last-child {
	padding-right: 20px;
}

.point .image {
	float: left;
	position: relative;
}

.point .map-image {
	float: left;
	width: 300px;
	height: 300px;
	overflow: hidden;
	background-position: center top;
	background-size: cover;
}

.point a.show-map {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	padding: 10px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 85%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.point a.show-map .fa {
	font-size: 130%;
	margin-right: 5px;
}

.point a.hide-map {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.point .flat-corners {
	border-radius: 0;
	float: right;
	margin: 0;
}

.point .heading {
	display: inline-block;
	width: 100%;
	margin-top: 40px;
}

.point .heading .name {
	color: #505050;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: normal;
	line-height: 1.3;
	padding: 0;
	font-size: 135%;
	font-weight: 900;
	text-transform: uppercase;
}

.point .heading .tag {
	float: right;
	margin-left: 20px;
	font-size: 80%;
	background-color: #cd2f78;
	border-radius: 10px;
	padding: 4px 15px;
	color: #fff;
}

.point-info {
	float: left;
	width: 100%;
	min-height: 210px;
}

.point .contact-person,
.point .keys {
	float: left;
	padding-right: 10px;
	font-size: 90%;
}

.point .address {
	float: left;
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #dadada;
}

.point .address p {
	margin-bottom: 0;
}

.point .col1-3 {
	float: left;
	width: 33.33%;
	padding-right: 10px;
	font-size: 85%;
}

.point .col1-3 .fa {
	color: #cd2f78;
	float: left;
	font-size: 150%;
	margin-right: 10px;
	margin-top: 8px;
	margin-bottom: 20px;
}

.point .carousel {
	float: left;
	width: 100%;
	display: block;
	padding: 0;
	position: relative;
	margin-bottom: 20px;
	background-color: transparent;
}

.point .carousel table {
	width: 100%;
}

.point .carousel table td:first-child,
.point .carousel table td:last-child {
	width: 60px;
	vertical-align: middle;
}

.point .carousel table td:last-child {
	text-align: right;
}

.point .carousel .swiper-prev,
.point .carousel .swiper-next {
	display: inline-block;
	background: #fff;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	line-height: 42px;
	font-size: 120%;
	border-radius: 20px;
	cursor: pointer;
	color: #cd2f78;
	z-index: 2;
}

.point .carousel .swiper-slide {
	float: left;
	width: 12.5%;
	overflow: hidden;
	margin-right: 2%;
}

@media (max-width: 940px) {
	.point table td:first-child {
		width: 250px;
	}

	.point .map-image {
		width: 250px;
	}

	.mobile-gray {
		background-color: #f8f8f8;
	}

	.point .carousel .swiper-slide {
		width: 16%;
	}
}

@media (max-width: 768px) {

	.point .heading {
		margin-top: 20px;
	}

	.point table td:first-child {
		width: 200px;
		padding-right: 20px;
	}

	.point-info {
		min-height: 0;
	}

	.point .map-image {
		width: 200px;
		height: 200px;
	}

	.point .carousel .swiper-slide {
		width: 19%;
	}
}

@media (max-width: 600px) {
	.point .white-bg table td:first-child,
	.point .white-bg table td,
	.point .white-bg table td .image {
		float: left;
		display: block;
		width: 100%;
		padding-right: 0;
	}

	.white-bg table {
		background-color: #fff;
	}

	.point .carousel table td:first-child, .point .carousel table td:last-child {
		width: 50px;
		padding-right: 10px;
	}

	.point .map-image {
		float: left;
		width: 100%;
		height: 300px;
	}
}

@media (max-width: 480px) {
	.point .carousel .swiper-slide {
		width: 33%;
	}
}
.right h3 {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 135%;
	font-weight: 900;
}
.left .gray-text {
    font-family: 'Lato', Arial, sans-serif;
}
.right p {
font-family: 'Lato', Arial, sans-serif;
}
.event-header {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 120%;
	font-weight: 900;
	text-transform: uppercase;
}