@font-face {
	font-family: "Asap";
	src: url("../fonts/Asap-VariableFont_wdth,wght.ttf") format("truetype supports variations"),
       url("../fonts/Asap-VariableFont_wdth,wght.ttf") format("truetype-variations");
  	font-weight: 100 1000;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Asap";
	src: url("../fonts/Asap-Italic-VariableFont_wdth,wght.ttf") format("truetype supports variations"),
       url("../fonts/Asap-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
  	font-weight: 100 1000;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype supports variations"),
       url("../fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype-variations");
  	font-weight: 100 1000;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype supports variations"),
       url("../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
  	font-weight: 100 1000;
	font-style: italic;
	font-display: swap;
}

body {
	font-family: 'Asap', 'Open Sans', Arial, sans-serif;
	background-color: #f0f3f3;
	color: #333;
	font-size: 17px;
	background-color: #fff;
}

.page {
	padding: 0px !important;
}

.row {
	margin: 0px !important;
}

p {
	font-size: 100%;
	color: #333;
}

body>.visually-hidden.focusable {
	top: 5px;
	left: 5px;
	color: #fff;
}

.node--unpublished {
	background-color: aliceblue;
}

ul.contextual-links li a {
	color: #000 !important;
}

.page.laskeutumis_sivu {}

.page>.btn-btt {}

.totop {
	font-size: 10px;
}

.backLink {
	font-size: 40px !important;
	display: inline-block;
	margin: 0px 15px 0px 0px;
	cursor: pointer;
}

.ajankohtaista-haapavedella .layout__region--second .block-views {
	width: 45%;
	display: inline-block;
	vertical-align: top;
}

#header {
	background: #000;
}


.laskeutumis-sivu #header {}

.ingressi {
	font-style: italic;
	font-size: 1.1em;
}

span.ingressi {
	display: block;
}

input[type="radio"],
input[type="checkbox"] {
	min-height: 25px;
	min-width: 25px;
}

.form-actions .form-submit {
	padding-top: 12px;
	padding-bottom: 12px;
}

#header .search-block-form {
	margin-top: 0;
	margin-bottom: 4px;
}

#header #block-nakyvakaavakehakupage-1 {
	float: right;
	margin: 0;
	position: relative;
}

#header #block-nakyvakaavakehakupage-1 .form-item {
	margin: 0;
	display: inline-block;
}

#header #block-nakyvakaavakehakupage-1 .form--inline .form-actions {
	display: inline-block;
	margin: 0;
}

#header #block-nakyvakaavakehakupage-1 .form--inline {
	position: relative;
	width: 240px;
	display: flex;
}

#header #block-nakyvakaavakehakupage-1 .form-actions .form-submit {
	margin: 0;
	border: none;
	padding: 6px;
	color: #fff;
	font-size: 0px;
	height: 100%;
	width: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
	cursor: pointer;
	background-color: transparent;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg>');
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	border-bottom: 2px solid #FFF;
}

#header #block-nakyvakaavakehakupage-1 .form-actions .form-submit:focus,
#header #block-nakyvakaavakehakupage-1 .form-actions .form-submit:hover {
	background-color: transparent;
}

#header2 {
	background-color: #fff;
	box-shadow: 0px 0px 5px #333;
	position: relative;
	z-index: 3;
}

#header2 .region-header2 .block {
	margin-top: auto;
	margin-bottom: auto;
}

#header2 .region-header2 {
	display: flex;
	flex-wrap: wrap;
	color: #000;
	position: relative;
	justify-content: end;
}

#header2 .region-header2 a {
	color: #000;
}

#block-zircon-pikalinkit {
	margin-left: 10px;
}

#block-zircon-pikalinkit p {
	margin: 0px;
	font-weight: bold;
}

.block-views-exposed-filter-blockhaku-page-1 .form-item-hakusana input {
	width: 200px;
	background-color: #000;
	color: #fff;
	border: none;
	border-bottom: 2px solid #FFF;
}

.block-views-exposed-filter-blockhaku-page-1 .form-item-hakusana label {
	background-color: #000;
	color: #fff;
}

.block-views-exposed-filter-blockhaku-page-1 .form-item-hakusana input::placeholder {
	color: #ddd;
}

svg.ext {
	fill: #d0d0d0;
}

#block-zircon-hairiotiedote {
	background-color: #e46600;
}

#block-zircon-hairiotiedote .field {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 10px;
	font-size: 20px;
	color: #fff;
	margin: 0px;
}

#block-zircon-hairiotiedote .field p {
	margin: 0px;
	color: #fff;
}

#block-zircon-hairiotiedote .field a {
	font-weight: bold;
}

#block-zircon-hairiotiedote .field::before {
	content: '';
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2"/></svg>');
	background-size: cover;
	display: block;
	height: 25px;
	width: 25px;
	margin-right: 10px;
}

.node--type-ajankohtaista .layout--twocol-70-30-top .layout__region--top,
.node--type-ajankohtaista .layout--twocol-70-30-top .layout__region--bottom {
	display: none;
}

.node--type-ajankohtaista .layout--twocol-70-30-top .layout__region--middle {
	background: #fff;
}


.block-views {
	margin: 15px 15px 15px 0;
}

.block-views h2 {
	margin-top: 0;
}

.views-row {
	margin-bottom: 10px;
}

.field--name-field-artikkelikuva {
	float: none !important;
	margin: 0 !important;
}

.block-entity-fieldnodefield-artikkelikuva img {
	width: 100%;
	height: auto !important;
}

#footer .block {
	width: 100%;
}

.site-logo img {
	width: auto !important;
	height: 50px;
}

#block-zircon-content>div {
	background: #fff;
}

.webform-confirmation {
	padding: 15px;
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px #333;
	box-shadow: 0 1px 5px #333;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	margin: 5px;
}

#main-menu {
	position: relative !important;
	top: 40px !important;
	z-index: 99;
	margin-top: -40px;
}

#block-zircon-main-menu {
	width: 100%;
	background-color: #307a06;
}

#main-menu-inner {
	padding: 0px !important;
}

#main-menu .container ul.menu {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	width: fit-content;
	height: fit-content;
}

#main-menu .container ul.menu ul {
	background: #fff !important;
	color: #000;
}

#main-menu .container ul.menu ul.menu a {
	color: #000 !important;
	text-shadow: none !important;
	font-weight: normal !important;
}


#block-zircon-branding {
	margin-right: auto;
}

.toolbar-fixed #header,
.toolbar-fixed #main-menu {
	position: relative;
	top: 0;
}

.toolbar-fixed #main {
	top: 0;
}

#main {
	margin-top: 50px;
	margin-bottom: 50px;
}

h1,
h2,
h3,
h4,
h5,
.field--name-title {
	font-family: 'Asap', 'Open Sans', Arial, sans-serif;
	font-weight: 400;
}

h1,
.field--name-title {
	color: #000;
	text-transform: inherit;
	font-size: 35px;
	font-weight: bold;
}

td,
th {
	padding: 5px 10px;
}

th,
th a,
th.views-field-title a {
	background: #307a06;
	color: #fff;
	padding: 0 5px;
}

em strong {
	color: #307a06;
	font-family: 'Asap', Arial, sans-serif;
}

input:focus,
select:focus,
textarea:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: 3px solid #3676C4;
}

.form-wrapper.field--name-title,
.node-add-tapahtuma .form-item label {
	font-size: 21px;
	color: #000;
	text-transform: none;
	width: 100%;
}

.form-item .label {
	font-weight: bold;
	font-size: 115%;
}

.form-item label span,
details .form-item label {
	font-size: 14px;
}

.form-wrapper.field--name-title input {
	font-size: 14px;
}

.draggable.odd {
	background: #ededed;
}

.draggable.even {
	background: #f6f6f6;
}

a.tabledrag-handle .handle {
	font-size: 30px;
}

.paragraph-type-title {
	font-weight: bold;
}

.paragraphs-dropbutton-wrapper input {
	background: #307a06;
	color: #fff;
}

h1 {
	color: #333;
	font-size: 1.7em;
	font-weight: bold;
}

h2 {
	color: #333;
	text-transform: inherit;
	font-size: 1.5em;
	font-weight: bold;
}

h3 {
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}

h4 {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
}

h5 {
	color: #333;
	font-size: 0.95em;
	font-weight: bold;
}

h6 {
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
}

a.button {
	background: #307a06;
	padding: 4px 8px;
	color: #fff !important;
	text-decoration: none;
}

.node--type-tonttiporssi a.button {
	padding: 10px;
	font-weight: 800;
	display: block;
	max-width: 400px;
	text-align: center;
}

a.button:hover,
a.button:focus {
	opacity: 0.8;
}

#main .field--name-field-liitetiedostojen-ylaotsikk {
	font-family: 'Asap', 'Open Sans', Arial, sans-serif;
	color: #307a06;
	text-transform: inherit;
	font-size: 28px;
	margin-top: 15px;
}


a[href="#main-content"] {
	color: #fff !important;
	background-color: #000 !important;
}

a:hover,
a:focus {
	color: #0f5022;
	text-decoration: underline;
}

a:focus {
	outline: 3px solid #3676C4 !important;
}

header a:focus {
	outline: 3px solid #3676C4 !important;
	overflow: hidden;
}

body>a.visually-hidden.focusable:focus {
	outline: 3px solid #fff !important;
	color: #fff;
	position: absolute !important;
	z-index: 9999;
}

#header .search-block-form .button:focus {
	outline: 3px solid #3676C4 !important;
}

article a,
.block-system-main-block a {
	color: #307a06;
}

article a:hover {
	color: #0f5022;
}

#header a:hover {
	text-decoration: underline;
}

#header a {
	color: #fff;
}

#main form {
	padding: 15px;
	background: #fff;
}

.field--type-rss-feed-field {
	font-size: 100%;
}

.field--type-rss-feed-field em {
	font-style: normal;
}

.field--type-rss-feed-field a {
	font-size: 1.2em;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Kieli piilotuksia */
.ru .layout__region--second,
.en .layout__region--second,
.ru .block-quicktabs,
.en .block-quicktabs,
.ru .layout__region--first,
.en .layout__region--first,
.en-etusivu .layout__region--first,
.en-etusivu .layout__region--second,
.ru-etusivu .layout__region--first,
.ru-etusivu .layout__region--second {
	display: none;
}



#block-menurussian ul li a,
#block-menuenglish ul li a {
	font-size: 13px !important;
	padding: 10px 10px 10px 10px !important;
	line-height: 1.2em !important;
	text-align: center !important;
}

#block-menurussian ul li {
	line-height: 1.2em;
	max-width: 200px;
}

#block-menuenglish ul li {
	line-height: 1.2em;
	max-width: 170px;
}

.captcha div {
	max-width: 100%;
	overflow: hidden;
}

.layout__region--first .block .captcha iframe {
	max-width: 230px !important;
	width: 230px !important;
	overflow: hidden;
}

.field__item {
	margin-bottom: 5px;
}

.file {
	background-position: left top !important;
}

.region-header {
	position: relative;
	font-size: 14px;
}

.region-header .block {
	min-height: 34px;
	display: flex;
	align-items: center;
}

.region-header input.form-autocomplete {
	background-image: none !important;
}

ul[data-sa-theme="kunta-green"]>div.ui-autocomplete-field-group {
	color: #ccc !important;
}

#main #block-zircon-content>.views-element-container,
#main #block-zircon-content>.sitemap {
	padding: 30px;
}

.perussivu #slideshow {
	margin: 0;
}

#slideshow h1,
#slideshow h2 {
	font-size: 28px;
}

#slideshow h1,
#slideshow h2,
#slideshow h3,
#slideshow h4,
#slideshow p {
	color: #fff;
}

#slideshow a {
	/*color: #fff;*/
	text-decoration: underline;
}

#block-zircon-local-tasks {
	text-align: right;
}

.block-system-breadcrumb-block {
	position: relative;
	left: 0px;
	opacity: 0.8;
	font-size: 90%;
	margin: 0 0 10px 0;
	float: left;
	height: auto;
}

.breadcrumb {
	padding-bottom: 5px;
	margin-bottom: 0px;
	float: left;
}

#block-highcontrast {
	float: right;
}

#block-highcontrast .form-item {
	margin: 0;
}

#block-highcontrast select {
	border: 0;
	background: transparent;
	color: #fff;
}

#block-highcontrast select:hover,
#block-highcontrast select:focus {
	outline: 3px solid #fff;
}

#block-highcontrast select option {
	color: #000 !important;
}

.block-language,
.block-text-resize-block {
	float: right;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 11px;
}

.block-language li {
	float: left;
	padding: 8px 8px 5px 8px;
	list-style: none;
}

.block-text-resize-block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.block-text-resize-block h2 {
	color: #fff;
	font-weight: normal;
	margin: 0px;
	font-size: 15px !important;
}

.block-text-resize-block a.changer {
	border: 0;
	margin: 0px !important;
	height: 25px !important;
	width: 25px !important;
}

.block-text-resize-block a:focus {
	border: 2px solid #fff;
}

.block-text-resize-block #text_resize_decrease {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-dash-lg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8"/></svg>');
	background-size: 20px;
	background-repeat: no-repeat;
	margin: 0px 2px !important;
}

.block-text-resize-block #text_resize_increase {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-plus-lg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/></svg>');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px 2px !important;
}

.block-text-resize-block #text_resize_reset {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-arrow-repeat" viewBox="0 0 16 16"><path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41m-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9"/><path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5 5 0 0 0 8 3M3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9z"/></svg>');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
}

img a {
	border: 0;
}

.site-name,
.block-entity-fieldnodetitle {
	font-size: 30px;
	text-align: left;

}

h1.page-title {
	min-height: 90px;
}

.layout__region--top .block-entity-fieldnodetitle {
	left: 25%;
	width: 75%;
	padding: 15px 15px 30px 22px;
	position: relative;
}

.layout__region>div td {
	padding: 5px;
}

.layout--threecol-33-34-33>.layout__region--bottom {}

h1 a,
h2 a {
	border: 0 !important;
}

.content.col-lg-12 {
	padding: 0;
}

.webform-submission-form .tabledrag-toggle-weight {
	display: none !important;
}

#main {
	position: relative;
}

#main .container {
	position: relative;
	padding: 0px;
}

#main {
	background-position: bottom center;
	background-color: transparent;
}

#main .container {
	background: transparent;
	box-shadow: none;
}

#main .container .layout--threecol-33-34-33 {}

.layout__region--bottom,
.layout__region--top,
.layout__region--first,
.layout__region--second,
.layout__region--third,
.layout__region--contentop {
	margin: 5px 0;
}

.ajankohtaista #block-zircon-content {
	padding: 15px 25px;
}

.layout__region--contentop {
	padding: 0px;
	background: transparent;
}

.layout__region--top .block {
	background: rgba(255, 255, 255, 0.9);
}

.layout__region--first .block {
	height: auto !important;
}

.laskeutumis_sivu .layout__region--first .block {
	max-width: 100%;
}

.layout__region--first .block h1,
.layout__region--first .block h2 {
	font-size: 145%;
}

.layout__region--first .block input,
.layout__region--first .block button,
.layout__region--first .block select,
.layout__region--first .block textarea {
	max-width: 100% !important;
}

.layout__region--contentop {
	margin: 5px 5px 10px 5px;
	background: #fff;
}

.layout__region--contentop>div,
.layout__region--contentop .block-views {
	padding: 0;
	margin: 0;
}

.layout__region--contentop #quicktabs-nostot .view-content {
	width: 100% !important;
}

.layout__region--contentop #quicktabs-nostot .view-content .views-row {
	width: 32% !important;
	height: auto !important;
}

.block-region-maincontentbottom {
	display: flex;
	flex-wrap: wrap;
}

.layout__region--bottom {
	margin-top: 10px;
}

.laskeutumis_sivu .layout__region--bottom {
	width: 100%;
	margin: 0 auto !important;
}

.layout__region--bottom .block {
	background: #f5f5f5;
	padding: 0px;
}

.layout__region--bottom>.block {
	padding: 25px;
}

.block-region-maincontentbottom .layout__region--second {
	margin: 0px;
}

.layout__region--second .block {
	padding-right: 30px;
}

.layout__region--third .block {
	padding: 30px 0px 20px 0px;
	background: #fbfbfb;
}


/*.layout__region--first .block .field--name-title {
	font-size: 50% !important;
	color: #fff !important;
	background: #307a06 !important;
	padding: 15px 10px !important;
	display: block;
	width: 100%;
}*/

.perussivu #main .container,
.ptv_palvelu #main .container,
.ptv_palvelukanava #main .container,
.ajankohtaista #main .container,
.hairiotiedotteet #main .container {
	box-shadow: none;
	border: 0;

}

.tapahtumakalenteri #main .container {
	background: #fff;
}

.perussivu {}

.content-bottom #quicktabs-container-nostot .quicktabs-tabpage .views-element-container {
	padding: 40px 0px;
}

.region-content-bottom {
	max-width: 1400px;
	margin: auto;
}

#panel_first .container {
	background: transparent;
	border: 0;
	box-shadow: none;
}

#quicktabs-nostot .quicktabs-tabs,
#quicktabs-nostot .quicktabs-tabs a {
	display: none !important;
}

.layout--threecol-33-34-33>.layout__region--first {
	padding-right: 0;
	flex: 0 1 25%;
}

.layout--threecol-33-34-33>.layout__region--second,
.layout--threecol-33-34-33>.layout__region--third {
	flex: 0 1 37.5%;
	overflow: hidden;
}

.layout--threecol-33-34-33>.layout__region--second>div,
.layout--threecol-33-34-33>.layout__region--third>div {
	padding-left: 20px;
}

.tausta {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-position: top center;
	background-attachment: fixed;
	background-color: transparent;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-image: url(/sites/haapavesi.jict.fi/files/2018-06/20180323_130550.jpg);
}

.perussivu .tausta {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.tapahtuma .tausta,
.tapahtumakalenteri .tausta {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.tapahtuma .layout__region--second .block {
	background: #fff;
	margin: 5px 0 0 5px;
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
}

.tapahtuma .layout__region--third .block {

	margin: 5px 0px 0px 0px;
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
}

.block-views-blockkalenteri-block-5 {
	height: fit-content;
}

.block-views-blockkalenteri-block-5 .view-header h2 {
	background-color: #555555;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#373a3d), to(#282a2c));
	background: -webkit-linear-gradient(top, #373a3d, #282a2c);
	background: -moz-linear-gradient(top, #373a3d, #282a2c);
	background: -ms-linear-gradient(top, #373a3d, #282a2c);
	background: -o-linear-gradient(top, #373a3d, #282a2c);
	color: white;
	margin: -15px -15px 15px -15px;
	margin-top: 0px;
	padding: 10px 15px !important;
	text-transform: uppercase;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 1.23em;
}

.block-views-blockkalenteri-block-3,
.block-views-blockkalenteri-block-5 {
	background: #307a06 !important;
	color: #fff;
	margin: 0px !important;
	padding: 0px 15px 15px 15px !important;
}

.block-views-blockkalenteri-block-3 .views-row,
.block-views-blockkalenteri-block-5 .views-row {
	position: relative;
	border: none !important;
}

.block-views-blockkalenteri-block-3 .views-field-field-tapahtumapaikka,
.block-views-blockkalenteri-block-5 .views-field-field-tapahtumapaikka {
	color: #fff;
	left: 60px;
	top: 15px;
	font-size: 13px;
	line-height: 14px;
	height: 20px;
	overflow: hidden;
}

.block-views-blockkalenteri-block-3 .views-field-title,
.block-views-blockkalenteri-block-5 .views-field-title {
	color: #fff;
	position: absolute;
	left: 60px;
	top: 30px;
}

.tapahtumakalenteri .col-lg-9 {
	width: 67%;
}

.tapahtumakalenteri .col-lg-3 {
	width: 33%;
}

#quicktabs-pikavalinnat .quicktabs-tabpage .views-row, .block-views-blocktoimitilarekisteri-block-1 .views-row {
	background: #fff;
	height: fit-content;
	width: 260px;
	margin: 10px !important;
	border-radius: 3px !important;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px #333;
	box-shadow: 0 1px 5px #333;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) !important;
	padding: 5px !important;
	overflow: hidden;
}

#quicktabs-pikavalinnat .quicktabs-tabpage .views-row img, .block-views-blocktoimitilarekisteri-block-1 .views-row img {
	width: 100% !important;
	height: auto;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	object-fit: cover;
}

#quicktabs-pikavalinnat .quicktabs-tabpage .views-row .tapahtuma-item {
	margin: -5px;
}

.tapahtuma-item {
	display: flex;
	flex-wrap: wrap;
}

a.tapahtuma-item:hover img {
	/*transform: scale(1.1);*/
}

.tapahtuma-desc {
	width: 100%;
	/*position: absolute;*/
	bottom: 0px;
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	color: #307a06;
	padding: 5px;
}

.tapahtuma-image {
	width: 100%;
	text-align: center;
}

.tapahtuma-item-left {
	width: 25%;
}

.tapahtuma-item-right {
	width: 75%;
}

.tapahtuma-location {
	font-style: italic;
	font-size: 13px;
	line-height: 14px;
	margin-bottom: 5px;
}

.tapahtuma-title {
	line-height: 1.1em;
}

.tapahtuma-title a {
	font-style: normal;
	color: #fff !important;
}

a.toimitila-item{
	padding: 0px;
	width: 100%;
}

a.toimitila-item::before, a.toimitila-item::after{
	display: none;
}


/*FOOTER*/

#footer {
	margin-top: 0px;
	margin-bottom: 0;
	background-color: #efefef;
	color: #000;
	width: 100%;
	padding: 40px 0px;
}

#footer .container {
	display: flex;
	flex-wrap: wrap;
}

#footer .block {
	text-align: left !important;
}

.region-footer {
	flex: 0 1 50%;
	color: #000;
	padding-right: 20px;
}

.region-footer2 {
	flex: 0 1 50%;
	color: #000;
	padding-left: 20px;
}

#footer .block:not(.block-cookies-ui-block),
#footer .block:not(.block-cookies-ui-block) h1,
#footer .block:not(.block-cookies-ui-block) h2,
#footer .block:not(.block-cookies-ui-block) h3,
#footer .block:not(.block-cookies-ui-block) h4,
#footer .block:not(.block-cookies-ui-block) h5,
#footer .block:not(.block-cookies-ui-block) h6 {
	color: #000;
}

#footer a {
	color: #307a06;
}

#footer a:hover {
	text-decoration: underline;
	color: #0f5022;
}

#footer ul.menu {
	text-align: center;
}

.block-cookies-ui-block #cookiesjsr a {
	color: #fff !important;
}

#block-ylalinkit {
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #000;
	font-size: 15px;
	float: left;
}

#block-ylalinkit p,
#block-ylalinkit .field__item {
	margin: 0;
	padding: 2px 0 0 0;
}

#block-ylalinkit a {
	color: #fff;
}

.region-header .block-gtranslate-block {
	float: left;
	width: fit-content;
	padding-top: 5px;
	margin: 0px 15px;
}

.block-gtranslate-block {
	display: none;
}

.block-gtranslate-block a {
	max-width: fit-content;
	padding-right: 30px !important;
}

.gt_selected a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.gt_selected a img, .gt_option a img {
	margin-right: 5px !important;
}

.gt_switcher {
	max-width: fit-content;
}

.gt_switcher a {
	color: #000 !important;
}

.gt_option {
	position: absolute !important;
	max-width: fit-content;
}

.block-contact-block {
	max-width: 250px;
}

.block-contact-block input {
	max-width: 220px !important;
}

.block-contact-block textarea {
	max-height: 120px;
}

.block-contact-block input#edit-preview {
	display: none;
}

.block-contact-block h2 {
	margin-bottom: 0;
	font-size: 145%;
	border-bottom: 1px solid #ddd;
}

.block-contact-block form {
	padding: 5px 0 !important;
}


#quicktabs-nostot .views-element-container .view-content {
	margin: 0px -10px;
}

#quicktabs-nostot .views-element-container .view-content .views-row {
	padding: 8px;
	background: #fff;
	height: min-content;
	width: 260px;
	margin: 10px;
	text-align: center;
	/*border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px #333;
	box-shadow: 0 1px 5px #333;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);*/
	padding: 0px !important;
}

.laskeutumis_sivu .layout__region--top .block #quicktabs-nostot .views-element-container .view-content .views-row {
	width: 193px;
}


.layout__region--first .block-views {
	margin: 10px 0;
}

.block-views-blocklaskeutumis-sivun-nostot-block-2 .views-row {
	background: #3676C4;
}

.block-views-blocklaskeutumis-sivun-nostot-block-2 .views-field-field-nosto-kuvaus .field-content {
	color: #fff;
	font-size: 100%;
	padding: 10px;
}

.views-field-field-nosto-otsikko,
.views-field-field-nosto-linkki-1 {
	padding: 0 10px;
}

.views-field-field-nosto-otsikko a,
.views-field-field-nosto-linkki-1 a {
	font-size: 18px !important;
	font-weight: bold !important;
}

.quicktabs-main .views-row {
	border: 0 !important;
}

.views-field-field-nosto-kuva {
	overflow: hidden;
	height: 100%;
}

.views-field-field-nosto-kuva img {
	width: 100% !important;
	aspect-ratio: 1;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	object-fit: cover;
}

.views-field-field-julkaisuaika time {
	font-size: 12px;
}

.views-field-field-nosto-otsikko h3,
.views-field-field-nosto-otsikko a,
.views-field-field-nosto-linkki-1 a {
	color: #000 !important;
	margin: 0;
	font-size: 16px;
	font-family: 'Asap', Arial, sans-serif;
	font-weight: 400;
}

.views-field-field-nosto-otsikko a {
	color: #307a06 !important;
}

.views-field-field-nosto-kuvaus,
.views-field-field-nosto-kuvaus a {
	text-align: left;
	font-size: 16px;
	line-height: 16px;
	padding: 5px;
	color: #000 !important;
	/*font-weight: 700 !important;*/
}

.views-field-field-nosto-otsikko a:hover,
.views-field-field-nosto-linkki-1 a:hover,
.views-field-field-nosto-kuvaus a:hover {
	color: #0f5022 !important;
}

.views-field-field-nosto-kuvaus a {
	padding: 0;
	color: #307a06 !important;
}

.views-field-field-nosto-linkki {
	text-align: left;
}

.views-field-field-nosto-linkki a {
	color: #307a06;
	padding: 0 5px;
}

.views-field-field-nosto-linkki-1:hover {
	background-color: rgba(39, 39, 39, 0.9);
	color: #fff !important;
}

.views-field-field-nosto-kuva:hover img {
	/*-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);*/
}

#quicktabs-nostot .views-row a,
#quicktabs-pikavalinnat .views-row a {
	border-bottom: 0 !important;
	color: #307a06;
}

#quicktabs-nostot .views-row a:hover,
#quicktabs-pikavalinnat .views-row a:hover,
#quicktabs-pikavalinnat .views-row a:hover .tapahtuma-title,
#quicktabs-pikavalinnat .views-row a:hover .tapahtuma-location {
	color: #0f5022 !important;
}

form.views-exposed-form {
	padding: 15px 0 !important;
}

.views-exposed-form input#edit-combine {
	width: 180px;
}

.views-row {
	margin-bottom: 10px;
}

.views-field-title,
h3.views-field {
	font-weight: normal;
	padding: 5px 0;
	font-size: 15px;
	line-height: 16px;
}

.views-field-title a {
	color: #307a06;
}

.views-field-title h2>a {
	color: #307a06;
}

.views-field-title h2>a::after {
	content: "\f101";
	font-family: FontAwesome;
	padding-left: 10px;
	font-size: 20px;
}

.inlinebox {
	float: left;
	margin-right: 20px;
	display: inline-block;
}

.more-link,
.field--name-field-read-more {
	margin: 10px;
	text-align: center !important;
}

.more-link a,
.field--name-field-read-more a {
	padding: 5px 10px;
	border: 2px solid #0f5022;
	background: #f6f6f6;
	color: #307a06 !important;
}

.more-link a:hover,
.field--name-field-read-more a:hover {
	color: #0f5022 !important;
}


form.node-form .form-item label {
	font-weight: bold;
}

.js-quickedit-page-title {
	color: #fff;
	padding: 5px;
	background: rgba(0, 0, 0, 0.8);
}

.ui-accordion .ui-accordion-content,
#quicktabs-pikavalinnat {

	padding: 0px;
	background-color: transparent;
	/*background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c2c2c2' fill-opacity='0.84' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");*/
}

#quicktabs-pikavalinnat .quicktabs-tabpage {
	padding: 20px 0px;
}

#quicktabs-pikavalinnat .views-row {
	margin: 0px !important;
	padding: 0px !important;
}

.quicktabs-tabs li a {
	padding: 20px 30px;
	background-color: #333;
	font-family: 'Asap', Arial, sans-serif;
	font-size: 17px;
	color: #fff;
	display: inline-block;
	border-bottom: 5px solid #fff;
	transition: background-color 0.3s;
}

ul.quicktabs-tabs {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -5px !important;
}

ul.quicktabs-tabs li {
	display: block;
	padding: 0;
	margin: 5px !important;
	border-bottom: 5px solid transparent;
	transition: border-bottom 0, 3s;
}

ul.quicktabs-tabs li.active {
	border-bottom: 5px solid #307a06;
}

.quicktabs-tabs li.active a {
	background-color: #307a06;
}

.quicktabs-tabs li a:hover {
	background-color: #000 !important;
}

.quicktabs-tabs li a:focus {
	outline: none !important;
}

.quicktabs-tabs li.active:hover {
	border-bottom: 5px solid #000 !important;
}

.quicktabs-tabs li:hover {
	border-bottom: 5px solid transparent !important;
}

.quicktabs-tabs li:focus {
	outline: 3px solid #3676C4 !important;
}

.ui-dialog .ui-dialog-titlebar-close::after {
	color: #000;
	content: "\f057";
	font-family: FontAwesome;
}

/* laskeutumis sivu */
.laskeutumis_sivu {}

.laskeutumis_sivu #main .container {
	background: transparent;
	padding: 0;
	border: 0;
	box-shadow: none !important;
}




.laskeutumis_sivu.front .layout--twocol-70-30-top .layout__region--top {
	display: none;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--top {
	margin-top: 0;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--second {
	flex: 0 1 30% !important;
	padding-left: 30px;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first {
	flex: 0 1 70%;
	margin-right: 0px;
}

.laskeutumis_sivu.front .layout--twocol-70-30-top .layout__region--first {}

.laskeutumis_sivu .layout__region--first,
.laskeutumis_sivu .layout__region--second {
	margin-top: 0;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first .block,
.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--second .block {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0px;
	margin-top: 0;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--top .block {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin-bottom: 0;
	margin-top: 0;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--top .block #quicktabs-nostot .views-row {
	margin-right: 15px !important;
	margin-bottom: 10px !important;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--top .block #quicktabs-nostot .views-row:last-child {
	margin-right: 0;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first .block .quicktabs-tabpage .views-blocks .view-content {}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first .block {
	padding-right: 0;
	margin-right: 0;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first .block .views-row {
	margin: 0 10px 10px 0 !important;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first .block .views-row>.views-field {}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first .block .views-row:nth-child(3),
.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first .block .views-row:nth-child(6),
.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first .block .views-row:nth-child(9) {
	margin-right: 0 !important;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--second .block-views {
	margin-right: 0;
	margin-top: 5px;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first>.block-block-content {
	max-width: 600px;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first>.block-entity-fieldnodebody {
	margin-top: 5px;
	margin-right: 15px;
}

.laskeutumis_sivu .views-field-field-nosto-otsikko,
.laskeutumis_sivu .views-field-field-nosto-linkki-1 {
	/*position: absolute;*/
	top: 5px;
	padding: 10px;
	/*background: rgba(0, 0, 0, 0.8);*/
	width: inherit;
}

.laskeutumis_sivu .views-field-field-nosto-kuvaus {
	/*position: absolute;*/
	bottom: 0px;
	padding: 10px;
	/*background: rgba(240, 240, 240, 0.85);*/
	width: 100%;
}



/*Tapahtumasivu*/

.tapahtuma .field--name-field-tapahtuman-laji {
	color: #000;
	font-size: 18px;
	font-family: 'Asap', Arial, sans-serif;
}

.tapahtuma .field--name-field-alkaa {
	color: #307a06;
	font-size: 28px;
	font-family: 'Asap', Arial, sans-serif;
}

.tapahtuma .field__label {}

.tapahtuma .block-entity-fieldnodefield-jarjestaja {
	margin-top: 15px;
}

.tapahtuma .layout__region--second img {
	width: 100%;
	height: auto !important;
	max-width: 480px;
}

.tapahtuma .layout__region--third .block {
	background: none;
}

.tapahtuma .layout__region--third .block-views .view-header {
	text-align: center;
}

.calendar-calendar th.days,
.calendar-calendar td {
	color: #000 !important;
}

.calendar-calendar td.has-events a {
	color: #000 !important;
	font-weight: bold;
}

.calendar-calendar .mini .days,
.calendar-calendar .mini td.mini {
	text-align: center;
}

.calendar-calendar td.has-events {
	background: #f6f6f6;
}

.calendar-calendar td.has-events a {
	border: 0;
}

#single-day-container {
	visibility: visible !important;
}

#block-views-block-kalenteri-block-2 .js-pager__items {
	font-size: 11px;
	padding: 0;
}

/*.minical-links {
	margin: 10px 0;
	text-align: center;
	padding: 10px 15px;
	background-color: #3b9d00;
	font-family: 'Asap', Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}*/

.minical-links a {
	margin: 10px 0;
	text-align: center;
	padding: 10px 15px;
	background-color: #333333;
	font-family: 'Asap', Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 0;
	display: block;
	transition: background-color 0.3s;
}

.minical-links a:hover,
.minical-links a:focus {
	background-color: #000;
	color: #fff;
}

.node-add {
	background: #fff;
}

.sidebar .block {
	padding-top: 0;
}

.block-page-title-block h1 {
	color: #fff;
	padding-top: 15px;
}

.layout__region--second-above .block>h2 {
	background-color: #307a06;
	color: #fff;
	padding: 4px 10px;
}

/*Pikalinkit*/

.pikalinkit {
	padding: 0px;
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 30px;
}

.pikalinkit span {
	flex: 1;
	padding: 8px;
	margin: 6px;
	max-width: 260px;
}

.pikalinkit i {
	float: left;
	font-size: 24px;
	height: 40px;
	width: 40px;
	padding: 8px 9px;
	color: #307a06;
	background-color: #fff;
}

.pikalinkit a {
	text-decoration: none;
	border: none;
	text-align: left;
	display: inline-block;
	font-size: 16px;
	width: 204px;
	height: 40px;
	padding: 9px;
	color: #307a06;
	background-color: #fff;
}

.pikalinkit a:hover,
.pikalinkit a:focus {
	background-color: rgb(43, 45, 47);
	color: #fff;
}

.pika {}

.pikalinkki1 a:before {}

.pikalinkki2 a:before {}

.pikalinkki3 a:before {}

/* Kriisitied. */
#block-views-block-kriisitiedotteet-block-1 .views_slideshow_cycle_slide {
	background: #be0027;
	color: #fff;
	padding: 5px 10px;
	font-size: 16px;
}

#block-views-block-kriisitiedotteet-block-1 a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#block-views-block-kriisitiedotteet-block-1 .views_slideshow_cycle_slide .views-row {
	margin: auto;
	overflow: hidden;
}

/*flexslider*/
.flexslider {
	border: none;
	margin-bottom: 0px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.flexslider .slides img {
	height: 550px;
	width: 100%;
	object-fit: cover;
	max-height: 85vh;
}

#slideshow .flex-caption {
	background: transparent;
	font-family: 'Asap', 'Open Sans', Arial, sans-serif;
	padding: 40px;
	display: block !important;
	position: absolute !important;
	text-align: left !important;
}

#slideshow .flex-caption .flex-caption-inner {
	margin: auto;
	max-width: 1400px;
}

#slideshow .flex-caption .flex-caption-inner .flex-caption-text {
	max-width: 500px;
	padding: 30px;
	color: #fff !important;
	background-color: #333;
	font-size: 17px;
}

.flex-direction-nav a {
	z-index: 2;
}


/* slideshow */
#slideshow {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	/*box-shadow: 0px 4px 10px #767676;*/
	margin-bottom: 0px;
	max-width: 100% !important;
	background-color: #efefef;
}

#slideshow a:hover,
#slideshow a:focus {
	color: #ddd !important;
}

#slideshow .flex-control-nav {
	bottom: 15px;
	right: 0px;
	text-align: center;
	width: 100%;
}

#slideshow .more-link {
	text-align: center;
}

#slideshow .more-link a,
#slideshow .views-more-link {
	border: 1px solid #fff;
	color: #fff;
	padding: 4px 8px;
}

#slideshow .more-link a:hover,
#slideshow .views-more-link:hover {
	border-bottom: 1px solid #fff;
	background: #0f5022;
}

#slideshow .container {
	width: 100%;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.views_slideshow_cycle_slide .views-row {
	max-height: 400px;
	max-width: 100% !important;
}

#slideshow .container .block-views {
	margin: 0;
}

.views_slideshow_cycle_main {}

.views_slideshow_cycle_slide {
	width: 100%;
	margin: auto;
}

.views_slideshow_cycle_slide .views-row {
	position: relative;
}

.views_slideshow_cycle_slide img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}


.views-field-field-slideshow-kuva .field-content {
	width: 100%;
}

#slideshow .views-field-field-image {
	z-index: 1;
	margin: 0px auto 0 0px;
	max-width: 250px;
	position: absolute;
	bottom: 15%;
	left: 50%;
	width: 220px;
	height: 220px;
}

.views-field-field-taustakuvateksti,
.views-field-field-kuvateksti,
#slideshow .views-field-body {
	z-index: 1;
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 100%;
}

.dia-kuvateksti {
	color: #000;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.8);
	position: relative;
	height: auto;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.dia-kuvateksti p {
	margin: 0;
}

#slideshow .dia-kuvateksti div {}

#slideshow .dia-kuvateksti div:only-child {}

#slideshow .views-field-body .kuvaus {}

#slideshow .views-field-body .siskuva {}

#slideshow .views-field-body .siskuva img {
	max-width: 220px;
	max-height: 220px;
	float: right;
}

.views-slideshow-controls-bottom {
	position: absolute;
	z-index: 10;
	color: #fff;
	width: 100%;
	margin: 20px auto;
	text-align: center;
	bottom: 0%;
}

.views_slideshow_controls_text_previous::before {
	content: " \f053 ";
	font-family: fontAwesome;
	padding: 10px 20px;
	font-size: 16px;
}

.views_slideshow_controls_text_next::before {
	content: " \f054 ";
	font-family: fontAwesome;
	padding: 10px 20px;
	font-size: 16px;
}

.views_slideshow_controls_text_pause::before {
	content: " || ";
	font-weight: bold;
	padding: 10px 20px;
	font-size: 16px;
}

.views_slideshow_controls_text a {
	color: transparent;
	display: none;
}

.views_slideshow_controls_text a:hover,
.views_slideshow_controls_text span:hover {
	text-decoration: none;
}

.views_slideshow_cycle_slide .views-row {
	margin-bottom: 0;
}

/* slideshow end */

#yhteystiedot-page {
	background: #fff;
	padding: 30px;
	margin: 10px 5px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px #333;
	box-shadow: 0 1px 5px #333;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

span.toimipistevalinta {
	display: none;
}

/* PTV */
.ptv_palvelu #block-zircon-page-title, #block-zircon-page-title {
	display: none;
}

.block-ptvchannelservicelocation {}

#serviceChannelContent {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.ptvblock {}

.lohko {
	margin: 5px;
	border: 1px solid #ddd;
	padding: 10px;
	float: left;
	width: 22%;
	min-width: 220px;
}

.lohko_title {
	font-weight: normal;
	font-size: 18px;
}

.lohko .phone {}

.lohko a {}

.lohko_title a {
	color: #000 !important;
}

.servicesMenu a {
	font-weight: bold;
}


/*pikavalikko*/
/*#block-zircon-pikalinkit-2-menu {
	color: #000;
}

.menu--pikalinkit ul.menu {
	margin: 0px;
	display: flex;
	flex-wrap: wrap;
}

.menu--pikalinkit li.menu-item {
	padding: 10px;
	flex: 0 1 50%;
}

.layout--twocol-70-30-top .menu--pikalinkit li.menu-item {
	padding: 5px 0px;
	flex: 0 1 100%;
}

.menu--pikalinkit li.menu-item a {
	display: block;
	padding: 20px 30px;
	color: #fff;
	font-weight: normal;
	font-size: 1.1em;
	background-color: #307a06;
	transition: background-color 0.3s;
}

.menu--pikalinkit li.menu-item a:hover,
.menu--pikalinkit li.menu-item a:focus {
	background-color: #000;
}*/
.menu--pikalinkit ul.menu {
	background-color: #efefef;
	margin-left: 0px;
	padding: 10px;
}

.menu--pikalinkit li.menu-item a {
	padding: 10px;
	font-size: 1.1em;
	display: block;
}


/*paavalikko superfish*/
.block-superfish {
	width: fit-content;
	margin: auto;
}

.block-superfishmain {
	background-color: #307a06;
	position: relative;
	top: 50px;
	z-index: 99;
	margin-top: -30px !important;
}

.block-superfishmain ul.sf-menu {
	display: flex;
	flex-wrap: wrap;
	width: fit-content;
	margin: auto;
	background-color: #307a06;
}

.block-superfishmain ul.sf-main a {
	font-family: 'Open Sans', Arial, sans-serif !important;
	font-weight: normal;
}

.block-superfishmain ul.sf-main a:hover,
.block-superfishmain ul.sf-main a:focus {
	background-color: #000 !important;
	color: #fff !important;
}

.block-superfishmain ul.sf-menu li {
	position: relative !important;
}

.block-superfishmain ul.sf-menu li a.sf-depth-1 {
	display: flex !important;
	height: 100%;
	align-items: center;
	font-size: 18px !important;
	max-width: 242px;
	color: #fff !important;
	text-align: center;
}

.block-superfishmain ul.sf-menu li a.menuparent {
	padding-right: 38px !important;
}

.block-superfishmain ul.sf-menu li a {
	padding: 18px !important;
	transition: background-color 0.3s;
}

.block-superfishmain ul.sf-menu li.sf-depth-1 {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
}

.block-superfishmain ul.sf-menu li.sf-depth-1::after {
	content: '';
	display: block;
	height: 50%;
	width: 0px;
	border-right: 2px solid #fff;
}

.block-superfishmain ul.sf-menu li.sf-depth-1:last-child::after {
	border-right: none;
}

.block-superfishmain ul.sf-menu .sf-sub-indicator {
	display: none;
}

.block-superfishmain ul.sf-menu li a {
	display: flex !important;
	padding-right: 25px !important;
}

.block-superfishmain ul.sf-menu li a.menuparent::after {
	content: '';
	display: block;
	min-height: 25px;
	min-width: 25px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');
	background-size: 19px;
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(0deg);
	transition: transform 0.4s;
	position: absolute;
	right: 10px;
}

.block-superfishmain ul.sf-menu ul li a.menuparent::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');
}

.block-superfishmain ul.sf-menu .sfHover>a.menuparent::after,
.block-superfishmain ul.sf-menu .sf-expanded>a.menuparent::after {
	transform: rotate(180deg);
	/*background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');*/
}

.block-superfishmain ul.sf-main ul li a.menuparent:hover::after,
.block-superfishmain ul.sf-main ul a.menuparent:focus::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');
}

.block-superfishmain ul.sf-menu li a.is-active {
	background: transparent;
	font-weight: bold;
}


.block-superfishmain ul.sf-menu ul.sf-hidden,
.block-superfishmain ul.sf-menu li:not(.sfHover) ul {
	display: none;
}

.block-superfishmain ul.sf-hidden {
	display: none !important;
}

.block-superfishmain ul.sf-menu ul {
	top: 72px !important;
	width: 15em;
	background-color: #fff;
	box-shadow: 2px 2px 5px #333;
}

.block-superfishmain ul.sf-menu ul ul {
	top: 0px !important;
	bottom: initial !important;
}

.block-superfishmain ul.sf-menu ul li {
	width: 100% !important;
}

.block-superfishmain ul.sf-menu ul li a {
	color: #000 !important;
	text-transform: none !important;
	font-size: 17px !important;
	border-bottom: 1px solid #ddd;
}

.block-superfishmain ul.sf-menu a.active-trail,
.block-superfishmain ul.sf-menu li.active-trail>a {
	background-color: #333;
	color: #fff !important;
}

#main-menu .container .block-superfishmain ul.sf-menu li a.is-active {
	background-color: #333;
	font-weight: bold !important;
	color: #fff !important;
}

.block-superfishmain ul.sf-menu li.active-trail>a::after,
#main-menu .container .block-superfishmain ul.sf-menu li a.is-active::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');
}


/*paavalikko*/
#main-menu .container {
	border-radius: 0;
	background: transparent;
	border: 0;
	box-shadow: none;

}

#main-menu li.menu-item {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	padding: 0px !important;
	margin: 0px !important;
}

#main-menu li.menu-item a {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	font-family: 'Open Sans', Arial, sans-serif !important;
	padding: 20px !important;
}

#main-menu li.menu-item--expanded a::after {
	content: '';
	display: block;
	height: 25px;
	width: 25px !important;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');
	background-size: 19px;
	background-position: right;
	background-repeat: no-repeat;
}

#main-menu li.menu-item--expanded li a::after {
	display: none;
}

#main-menu li.menu-item::after {
	content: '';
	display: block;
	height: 25px;
	width: 0px;
	border-right: 2px solid #fff;
}

#main-menu li li.menu-item::after {
	display: none;
}

#main-menu li li.menu-item a {
	padding: 10px !important;
}

#main-menu .container ul.menu li ul li {
	border: 0;
}

#main-menu .container ul.menu li ul {
	background-color: #fafafa;
	box-shadow: 0px 5px 5px #000;
}

#main-menu .container ul.menu li a:hover,
#main-menu .container ul.menu li:hover>a {
	color: #fff !important;
	background-color: #000 !important;
}

#main-menu .container ul.menu li:hover #main-menu .container ul.menu ul li a:hover {
	background: transparent !important;
	color: #307a06 !important;
}

#main-menu .container ul.menu li:first-child>a {
	border-radius: 0;
}

.valittu {
	display: block !important;
}

.block-menu h2.visually-hidden {
	display: none;
}

.layout__region--first nav {
	margin-left: 0px;
}

.layout__region--first nav li.menu-item {
	list-style-image: url(../images/icon-navi-arrow-black.png);
}

.layout__region--first nav li.menu-item--collapsed {
	list-style-image: url(../images/icon-navi-arrow-green.png);
}

.layout__region--first nav li.menu-item--active-trail {
	/*list-style-image: url(../images/icon-navi-current.png);*/
}

.layout__region--first nav ul.menu li.menu-item--active-trail {
	/*background: #5abe13;*/
}

.layout__region--first nav ul.menu a {
	padding-left: 0px;
	letter-spacing: -1px;
	border-bottom: 0 !important;
	font-family: 'Asap', Arial, sans-serif;
	font-size: 100%;
	line-height: 18px;
	color: #333;
}

.layout__region--first nav ul.menu a.is-active {
	font-weight: bold;
}

.layout__region--first nav ul.menu li.menu-item--active-trail a.is-active {
	/*color: #fff!important;*/
}

.layout__region--first nav ul.menu ul a.is-active {
	color: #307a06 !important;
}

.layout__region--first nav ul.menu a:hover {
	color: #0f5022;
}

.layout__region--first nav {}

.layout__region--first nav>ul {
	margin: 0 0 15px 0;

}

.js-pager__items {
	margin: 0 !important;
	padding: 0 !important;
}

.js-pager__items .pager__item {
	margin: 0 !important;
	padding: 0 !important;
}

.layout__region--first nav ul.menu li {
	border-bottom: 1px solid #fff;
	padding: 5px 5px 5px 10px;
	background: #f0f3f3;
	list-style-position: inside;
}

.layout__region--first nav ul.menu li.menu-item--active-trail ul {
	margin-top: 5px;
	background: #fff;
	margin-left: -5px;
}

.layout__region--first nav ul.menu li.menu-item--active-trail ul li {
	background: #fff;
	border-bottom: none;
	padding-left: 0px;
	margin-left: 40px;
	list-style: disc;
	list-style-image: none;
}

.layout__region--first nav ul.menu li.menu-item--active-trail ul li a {
	padding-left: 0;
}

.layout__region--first nav ul ul li {
	border-bottom: none;
}

.layout__region--first nav .menu-item--collapsed,
.layout__region--first nav .menu-item--expanded {
	list-style-position: inside;
	padding-left: 5px;
	list-style-type: none;
}

.layout__region--first nav .menu-item--collapsed a {}

/* Layout kolmepalstaa sisallon ylabannerilla */
.layout--threecol-25-50-25-top {
	display: flex;
	flex-wrap: wrap;
}

.layout--threecol-25-50-25-top>.layout__region--top {
	flex: 0 1 100%;
}

.layout--threecol-25-50-25-top .layout__region--first {
	flex: 0 1 25%;
	overflow: hidden;
}

.layout--threecol-25-50-25-top .layout__region--second {
	flex: 0 1 70%;
	overflow: hidden;
}

.layout--threecol-25-50-25-top .layout__region--third {
	flex: 0 1 30%;
	overflow: hidden;
}

.layout--threecol-25-50-25-top .main-content {
	flex: 0 1 75%;
	margin-top: 5px;
	max-width: 75%;
	padding-left: 30px;
}

.layout--threecol-25-50-25-top .main-content-bottom {
	flex: 0 1 100%;
}

.layout--twocol-70-30-top {
	display: flex;
	flex-wrap: wrap;
}

.layout--twocol-70-30-top .layout__region--top {
	flex: 0 1 100%;
}

.layout--twocol-70-30-top .layout__region--first {
	flex: 0 1 70%;
}

.layout--twocol-70-30-top .layout__region--second {
	flex: 0 1 30%;
}

.layout--twocol-70-30-top .layout__region--middle {
	flex: 0 1 100%;
}

.layout--twocol-70-30-top .layout__region--bottom {
	flex: 0 1 100%;
	margin-top: 10px;
}

.layout--twocol-70-30-top .layout__region--first .block {
	background: transparent;
	border: 0;
	box-shadow: none;
}


.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first>.block-quicktabs {
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	max-width: 100vw;
}

.laskeutumis_sivu.front .layout--twocol-70-30-top .layout__region--first>.block {
	padding: 0;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

.layout--twocol-70-30-top .layout__region--second .block a {
	border: 0;
}

.layout--twocol-70-30-top .layout__region--second .block h2 {
	border-bottom: 1px solid grey;
	font-size: 22px;
}

.layout--twocol-70-30-top .views-row {
	margin: 4px 0 !important;
	padding: 0 !important;
}

.layout--twocol-70-30-top .views-field-title {
	line-height: 16px;
}

.layout--twocol-70-30-top .layout__region--middle .block {
	padding: 10px 20px;
}

.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--middle .block {
	padding: 10px 0;
}

.leaflet-map-pane {
	z-index: 0 !important;
}

@media only screen and (min-width: 871px) {


	#main-menu .container ul.menu li {
		height: auto;
		width: auto;
		position: initial;
	}

	#main-menu .container ul.menu li {}

	#main-menu .container ul.menu .menu-item--expanded>a::before {
		padding-top: 5px;
		padding-right: 5px;
		display: none;
		position: relative;
	}

	#main-menu .container ul.menu li.menu-item--active-trail>a {
		background: transparent;
		font-weight: bold;
		text-shadow: none;
	}

	#main-menu .container ul.menu li.menu-item--active-trail>a {
		color: #fff;
	}

	#main-menu .container ul.menu ul.menu {
		border: 0;
		top: 60px;
		left: 0px;
		width: 80%;
		min-width: 700px;
		-webkit-column-count: 3;
		/* Chrome, Safari, Opera */
		-moz-column-count: 3;
		/* Firefox */
		column-count: 3;
		column-rule: 1px solid #ddd;
		-webkit-column-rule: 1px solid #ddd;
		-moz-column-rule: 1px solid #ddd;
		column-gap: 60px;
		-webkit-column-gap: 60px;
		-moz-column-gap: 60px;
		padding: 15px 30px;
	}

	#main-menu .container ul.menu li:last-child ul.menu,
	#main-menu .container ul.menu li:nth-child(5) ul.menu {
		right: 0;
		left: auto;
	}

	#main-menu .container ul.menu ul.menu li {
		height: auto;
		min-height: auto;
		width: 100%;
		list-style-image: url(../images/icon-navi-arrow-green.png);
		list-style-position: outside;
		border: 0;
		display: list-item;
		margin-left: 15px;
		min-height: 35px;
	}

	#main-menu .container ul.menu ul.menu li:last-child {}

	#main-menu .container ul.menu ul.menu li a {
		height: auto;
		min-height: auto;
		width: 100%;
		font-size: 15px;
		line-height: 18px;
		padding: 0px;
	}

	#main-menu .container ul.menu ul.menu ul.menu {
		display: none !important;
	}

}

.laskeutumis_sivu .layout--twocol-bricks>.layout__region--second-above .block>div {
	margin-right: 0;
	text-align: left;
	min-width: 305px;
	float: right;
}

.laskeutumis_sivu .layout--twocol-bricks>.layout__region--second-above .block>div:first-child {}

.laskeutumis_sivu .layout--twocol-bricks>.layout__region--second-above img {
	max-width: 240px;
	background: #fff;
	padding: 5px;
	border: 1px solid #ddd;
	margin: 5px;
}

.laskeutumis_sivu .layout--twocol-bricks>.layout__region--second-above a>img:hover {
	background-color: #307a06;
}

.laskeutumis_sivu .layout--twocol-bricks>.layout__region--second-above a {
	border: none;
}

.laskeutumis_sivu .layout__region--middle>.block {
	padding: 10px 30px 30px 30px;
	margin: 0 5px;
}

.laskeutumis_sivu.front .layout__region--middle {
	padding: 0;
	margin: 0;
	background: transparent;
}

.laskeutumis_sivu .layout--twocol-bricks .layout__region--first-above {
	margin-left: 15px;
}

.laskeutumis_sivu .layout--twocol-bricks nav {
	margin: 15px 0;
	width: 100%;
}

.laskeutumis_sivu .layout__region--top nav {
	margin-left: 15px;
}

.laskeutumis_sivu .layout--twocol-bricks nav ul.menu {
	margin-left: 0;
}

.laskeutumis_sivu .layout--twocol-bricks nav ul.menu li {
	display: inline-block;
	padding: 10px;
}

.laskeutumis_sivu .layout--twocol-bricks nav ul.menu li:first-child {
	padding-left: 0;
}

.laskeutumis_sivu .layout__region--first .block-views {
	padding: 15px;
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px #333;
	box-shadow: 0 1px 5px #333;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	margin: 0px;
}

.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-2 {
	width: 40%;
	float: left;
	border-radius: 3px 0 0px 3px !important;
	-webkit-border-radius: 3px 0 0px 3px !important;
	padding: 0;
	max-width: 388px;

}

.block-views-blockkalenteri-block-2 {
	background: #fff !important;
}

.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-3 {
	width: 100%;
	float: left;
	border-radius: 0px 3px 3px 0px !important;
	-webkit-border-radius: 0px 3px 3px 0px !important;
	background: url('../images/bgtapahtumat.jpg');
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	max-width: 590px;
}

.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-2 .views-blocks {
	padding: 15px;
	width: 100%;
	height: 100%;
	display: block;
}

.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-3 .views-blocks {
	background: rgba(69, 165, 13, 0.95);
	padding: 15px;
	width: 100%;
	height: 100%;
	display: block;
	color: #fff;
	border-radius: 0px 26px 3px 0px !important;
	-webkit-border-radius: 0px 26px 3px 0px !important;
}

.block-views-blockkalenteri-block-3 .views-blocks:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: transparent transparent #658E15 #658E15;
	background: transparent;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
	/* Firefox 3.0 damage limitation */
	display: block;
	width: 0;
}


.tapahtumakalenteri #main #block-zircon-content>.views-element-container {
	padding: 30px 0px;
}

.block-views-blockkalenteri-block-3 .views-field-title a,
.block-views-blockkalenteri-block-5 .views-field-title a,
a.fc-event {
	color: #fff;
	background-color: #307a06 !important;
}

.block-views-blockkalenteri-block-3 .views-field-title a:hover,
a.fc-event:hover {
	text-decoration: underline !important;
}

.event-type {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
}

.fc-toolbar {
	display: flex;
	flex-wrap: wrap;
}

.fc-left {
	width: 50%;
}

.fc-center {
	text-transform: uppercase;
	width: 50%;
	order: -1;
}

.fc-right {
	width: 100%;
	margin-top: 20px;
}

.fc-left .fc-button-group,
.fc-right .fc-button-group,
.fc-today-button {
	float: right;
}

.fc-button {
	min-height: 45px;
}

.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-3 h2 {
	color: #fff;
}

.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-3 a {
	color: #fff;
	border: 0;
}

.laskeutumis_sivu #main .layout__region--first .block .views-row {
	border: 0 !important;
	position: relative;
}

.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-3 .views-field-title {
	position: absolute;
	left: 70px;
	top: 15px;
	font-weight: bold;
}

.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-3 .views-field-field-tapahtumapaikka {
	position: absolute;
	left: 70px;
	top: 0;
	font-weight: normal !important;
	font-style: italic;
	font-size: 12px;
}

.kk {
	width: 50px;
	display: block;
	background: #307a06;
	text-align: center;
	color: #fff;
}

.pv {
	height: 40px;
	width: 50px;
	text-align: center;
	font-size: 28px;
	background: #efefef;
	color: #000;
}

.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-3 .minical-links {
	background: #333333;
}

.laskeutumis_sivu .layout__region--first .block-block-content .field--name-body {
	padding: 15px;
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px #333;
	box-shadow: 0 1px 5px #333;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	margin: 10px 0 0 0;
	float: left;
	width: 100%;
	max-width: 590px;
}

.laskeutumis_sivu .layout__region--bottom .block {
	margin: 0 25px 0 5px;
}

.laskeutumis_sivu.liikunta .layout__region--bottom .block {
	margin-right: 5px;
}

.layout--twocol-70-30-top .layout__region--second .block-block-content31c26b29-dba1-4f5a-a8a2-2979cc7d5d31 {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.pika {
	padding: 5px;
	margin: 0 0 10px 0;
	width: 100%;
	background: #338500;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px #333;
	box-shadow: 0 1px 5px #333;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	font-size: 18px;
	position: relative;
	height: 50px;
}

.pika .fa {
	color: #fff;
	background: #307a06;
	font-size: 30px;
	padding: 5px;
	margin-right: 10px;
	height: 40px;
	width: 40px;
	text-align: center;
	position: absolute;
	top: -7px;
	left: -55px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.pika a {
	color: #fff;
	position: absolute;
	top: 12px;
	left: 15px;
}

.pika a:hover {
	color: #fff;
}

.pika:hover {
	background: #307a06;
}


.someblock {
	float: left;
}

.someblock:first-child {
	margin-right: 30px;
}

.form-autocomplete li {
	background: green !important;
	padding: 0 !important;
}

.perussivu .layout__region--first .block-block-content {
	border-top: 1px solid #9a9a9a;
	padding-top: 20px;
}

.perussivu .layout__region--first .block-block-content ul {
	margin-left: 0;
	padding-left: 0;
}

.perussivu .layout__region--first .block-block-content ul li {
	padding: 5px 10px;
	margin-bottom: 2px;
	background: #eee;
	list-style-image: url(/sites/haapavesi.fi/themes/zircon/images/icon-navi-arrow-black.png);
	list-style-position: inside;
}

.cookiesjsr--app {
	font-size: 120%;
}

.cookiesjsr-banner--info {
	text-align: left;
}

.cookiesjsr-links.links--row li {
	list-style: none !important;
}

#block-evasteasetukset .cookies-cookie-settings-toggle--bottom {
	position: fixed;
	bottom: 5px;
	left: 5px;
	padding: 5px 10px;
	background: #eee;
	font-size: 14px;
	color: #333 !important;
}

/*some ikonit*/
a.social {
	width: fit-content;
	display: inline-table;
	padding: 10px 5px;
}

a.social::before {
	content: '';
	background-color: #333333;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 65px;
	width: 65px;
	font-size: 0px !important;
	border-radius: 20px;
	margin: auto;
	transition: 0.3s background-color;
}

a.social:hover::before,
a.social:focus::before {
	background-color: #000 !important;
}

a.instagram::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-instagram" viewBox="0 0 16 16"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/></svg>');
}

a.facebook::before {
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 264 512' width='16' height='16' fill='white' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229' clip-rule='evenodd'/></svg>");
}

a.twitter-x::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-twitter-x" viewBox="0 0 16 16"><path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/></svg>');
}

a.youtube::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-youtube" viewBox="0 0 16 16"><path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z"/></svg>');
}

@media only screen and (min-width: 1400px) {
	.container {
		width: 1400px;
	}

	.laskeutumis_sivu .layout--twocol-bricks>.layout__region--first-above {
		flex: 0 1 70%;
	}

	.laskeutumis_sivu .layout--twocol-bricks>.layout__region--second-above {
		flex: 0 1 30%;

	}
}

@media only screen and (max-width: 1400px) {
	.container {
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
	}

	.block-superfishmain ul.sf-menu a.sf-depth-1 {
		max-width: 210px;
	}

	.quicktabs-tabs li a {
		padding-left: 15px;
		padding-right: 15px;
	}

	.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--second {
		flex: 0 1 25% !important;
		padding-left: 20px;
	}

}

@media only screen and (min-width: 1269px) {
	#quicktabs-pikavalinnat .quicktabs-tabpage .views-row img.defaultimage {
		width: 180px !important;
		padding-top: 15px;
	}
}


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

	.container,
	.content-bottom,
	.footer {
		width: 100% !important;
		padding: 0px 10px !important;
	}

	#slideshow .container {
		padding: 0px !important;
	}


	#header .container {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}

	#header .container .region-header {
		display: none;
	}

	#header2 .container .region-header {
		display: block;
	}

	#header2 .container {
		display: block;
	}

	#header2 {
		padding: 0px;
	}

	#main-menu .container ul.menu li>a {
		font-size: 13px;
	}

	.views-field-field-taustakuvateksti,
	.views-field-field-kuvateksti {
		margin: 0 auto;
		max-width: 100%;
		top: 0%;
		left: 0%;
		width: auto;
		height: auto;
		width: 100%;
	}

	.views-field-field-taustakuvateksti .field-content,
	.views-field-field-kuvateksti .dia-kuvateksti {
		margin-bottom: 10px;
	}

	#block-pikalinkit {
		position: inherit;
		width: 100%;
	}

	.laskeutumis_sivu .layout--twocol-bricks>.layout__region--second-above .block>div {
		float: none;
	}

	#block-zircon-pikalinkit {
		margin-right: 50px;
		position: relative;
		z-index: 100;
	}


	#block-zircon-branding {
		position: relative;
		z-index: 100;
	}

	#superfish-main {
		display: none;
	}

	.block-superfishmain {
		background-color: transparent;
		margin: 0px !important;
		top: 0px;
		position: absolute;
	}

	.block-superfishmain ul.sf-menu {
		margin: 20px -10px 0px -10px;
	}

	.block-superfishmain ul.sf-menu a.sf-depth-1 {
		min-width: 100%;
		max-width: 100%;
		height: fit-content;
	}

	.block-superfishmain ul.sf-menu ul {
		width: 100%;
		box-shadow: none;
	}

	.block-superfishmain ul.sf-menu li.sf-depth-1::after {
		display: none;
	}

	.block-superfishmain ul.sf-menu li.sf-clone-parent a.sf-depth-1 {
		display: none !important;
	}

	.block-superfishmain ul.sf-menu ul a {
		padding-left: 25px !important;
	}

	.block-superfishmain ul.sf-menu ul ul a {
		padding-left: 35px !important;
	}

	.block-superfishmain ul.sf-menu ul ul ul a {
		padding-left: 45px !important;
	}

	.block-superfishmain ul.sf-menu ul ul ul ul a {
		padding-left: 55px !important;
	}

	.block-superfishmain ul.sf-menu ul ul ul ul ul a {
		padding-left: 65px !important;
	}

	.block-superfishmain #superfish-main-toggle {
		display: block;
		height: fit-content;
		width: fit-content;
		float: right;
	}

	.block-superfishmain #superfish-main-toggle span {
		font-size: 0px;
		display: block;
		width: 45px;
		height: 45px;
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-list" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/></svg>');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 35px;
		transition: transform 0.4s;
	}

	.block-superfishmain #superfish-main-toggle.sf-expanded span {
		transform: rotate(180deg);
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>');
	}



	.block-superfishmain ul.sf-menu ul a {
		font-size: 14px !important;
	}

	.region-header {
		display: flex;
		flex-wrap: wrap;
		justify-content: right;
		background-color: #000;
		width: 100%;
		padding: 20px !important;
	}

	.region-header .block {
		padding: 0px 5px !important;
	}

	.region-header .block:first-child {
		padding-left: 0px !important;
	}

	.region-header .block:last-child {
		padding-right: 0px !important;
	}

	.region-header .block-gtranslate-block {
		padding-top: 5px !important;
	}

	.block-superfish {
		width: 100%;
	}

	.block-superfishmain ul.sf-menu .region-header .block:not(.block-gtranslate-block) a {
		width: auto !important;
		color: #fff !important;
		padding: 0px !important;
		display: initial !important;
	}

	.block-superfishmain ul.sf-menu .region-header .block:not(.block-gtranslate-block) a.changer {
		width: 23px !important;
		height: 21px !important;
	}

	#header #block-nakyvakaavakehakupage-1 .form-actions .form-submit {
		padding-top: 8px;
	}

	:not(.front) #main {
		margin-top: 15px;
	}

	.flexslider .slides img {
		height: 400px;
	}

	#quicktabs-pikavalinnat .quicktabs-tabpage .views-row {
		width: 255px;
	}

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

	#quicktabs-pikavalinnat .quicktabs-tabpage .views-row img.defaultimage {
		width: 120px !important;
		padding-top: 15px;
	}

	.tapahtuma-item-left {
		width: 60px;
	}

	.cookiesjsr--app {
		font-size: 100%;
	}
}

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

	.layout--threecol-25-50-25-top .main-content {
		flex: 0 1 70%;
	}

	.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--second {
		flex: 0 1 30% !important;
	}

	.layout--threecol-25-50-25-top .layout__region--third {
		flex: 0 1 100%;
	}

	.layout--threecol-25-50-25-top .layout__region--second {
		flex: 0 1 100%;
	}
}

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

	#main-menu .container ul.menu li>a {
		padding-left: 5px;
		padding-right: 5px;
		line-height: 14px;
	}

	.views-field-field-taustakuvateksti,
	.views-field-field-kuvateksti {
		font-size: 90%;
	}

	#slideshow h1,
	#slideshow h2,
	#slideshow h3,
	#slideshow h4 {
		font-size: 100%;
	}

	.tausta {
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
	}

	.pika a {
		font-size: 14px;
	}

}

@media only screen and (max-width: 870px) {
	#main-menu .container ul.menu li>a {
		font-size: 100%;
		padding-left: 5px;
		padding-right: 5px;
		line-height: 14px;
	}

	#main-menu .navbar-collapse .container ul.menu li:hover a,
	#main-menu .navbar-collapse .container ul.menu li:focus a,
	#main-menu .navbar-collapse .container ul.menu li ul.menu li a:hover {
		color: #0f5022;
	}

	.navbar-toggle,
	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background: #000;
		border-color: transparent;
		z-index: 9999;
	}

	.navbar-toggle .icon-bar {
		background: #fff;
	}

	.main-content {
		flex: 0 1 65% !important;
	}

	#block-highcontrast {
		display: none;
	}

	.navbar-toggle {
		display: none !important;
	}

	.flexslider .slides img {
		height: 400px;
	}

	#slideshow .flex-control-paging {
		display: block;
	}

	#slideshow .flex-caption a {
		color: #fff;
	}

	ul.quicktabs-tabs li {
		width: calc(50% - 10px);
	}

	.quicktabs-tabs li a {
		width: 100%;
		white-space: wrap
	}
}

@media only screen and (max-width: 870px) {
	.laskeutumis_sivu.front .layout--twocol-70-30-top .layout__region--first {
		flex: 0 1 69%;
	}

	.laskeutumis_sivu.front .quicktabs-tabpage .view-content {
		max-width: 100% !important;
	}

	.layout__region--contentop #quicktabs-nostot .view-content .views-row {
		width: 30% !important;
	}

	.tapahtumakalenteri .col-lg-9,
	.tapahtumakalenteri .col-lg-3 {
		width: 100%;
	}

}

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

	p {
		font-size: 90%;
	}

	h1 {
		font-size: 1.3em;
	}

	h2 {
		font-size: 1.2em;
	}

	h3 {
		font-size: 1.1em;
	}

	h4 {
		font-size: 1.0em;
	}

	h5 {
		font-size: 0.9em;
	}

	h6 {
		font-size: 0.9em;
	}

	.views-field-field-slideshow-kuva .field-content {
		overflow: hidden;
		height: 300px;
		position: relative;
	}

	.views-field-field-slideshow-kuva img {
		object-fit: cover;
		height: auto;
		width: 100%;
	}

	.views-slideshow-controls-bottom {
		background-color: rgba(30, 51, 99, 0.3);
		margin: 0 auto;
	}

	.quicktabs-tabs a {
		display: block;
	}

	.main-content {
		flex: 0 1 100% !important;
		max-width: 100% !important;
		overflow-x: auto;
		padding-left: 0px;
	}

	.layout--threecol-25-50-25-top .layout__region--first {
		order: 1;
		flex: 0 1 100%;
	}

	.tapahtuma .layout--threecol-25-50-25-top .layout__region--first {
		order: 0;
	}


	.block-text-resize-block {
		display: none;
	}

	.laskeutumis_sivu #main {
		top: 0px;
		padding-top: 0;
	}

	.laskeutumis_sivu #main-menu {
		margin-top: 15px;
	}

	#main-menu .navbar-collapse .container ul.menu {}

	#main-menu .navbar-collapse .container ul.menu ul {}


	.quicktabs-main {
		max-width: 100%;
	}

	.layout--twocol-bricks>.layout__region {
		max-width: 100%;
	}

	iframe {
		max-width: 100%;
	}

	.layout--threecol-33-34-33>.layout__region--first {
		flex: 0 1 100%;
	}

	.layout--threecol-33-34-33>.layout__region--second,
	.layout--threecol-33-34-33>.layout__region--third {
		flex: 0 1 100% !important;
	}

	.layout__region--top .block-entity-fieldnodetitle {
		line-height: 1em;
		left: 0;
		width: 100%;
		padding: 30px 10px 10px 0px;
	}

	#main .block-menu .submenu-toggle:after {
		content: "\f0c9  alavalikko";
		font-family: "FontAwesome", "PT Sans", Arial;
		font-size: 20px;
		display: block;
		cursor: pointer;
		padding: 10px 0;
	}

	#main .block-menu ul.menu {
		display: none;
	}

	#main .menu--pikalinkit ul.menu {
		display: block;
		margin: 0px;
	}

	h1,
	.field--name-title {
		font-size: 26px;
	}

	h2 {
		font-size: 22px;
	}

	#header2 h1 span {
		font-size: 26px;
	}

	.views-field-field-slideshow-kuva {
		height: auto;
	}

	.views-field-field-slideshow-kuva .field-content {
		height: auto;
	}


	.perussivu .layout__region--first .block>div {
		display: none;
	}

	.perussivu .layout__region--first>.block-entity-fieldnodetitle {
		display: block !important;
		margin: 0 -15px 0 -15px;
		position: relative;
		cursor: pointer;
	}

	.perussivu .layout__region--first>.block-entity-fieldnodetitle h1 {
		margin-bottom: 0;
	}

	.perussivu .layout__region--first {
		order: 0;
		margin-bottom: 0;
	}

	.perussivu .layout__region--first .block {
		padding: 0 15px;
	}

	.laskeutumis_sivu.ru .layout--twocol-70-30-top .layout__region--middle .block,
	.laskeutumis_sivu.en .layout--twocol-70-30-top .layout__region--middle .block,
	.laskeutumis_sivu.en-etusivu .layout--twocol-70-30-top .layout__region--middle .block,
	.laskeutumis_sivu.ru .container,
	.laskeutumis_sivu.ru #main-menu,
	.laskeutumis_sivu.en .container,
	.laskeutumis_sivu.en #main-menu,
	.laskeutumis_sivu.en-etusivu .container,
	.laskeutumis_sivu.en-etusivu #main-menu {
		width: 100% !important;
		max-width: 100% !important;
	}

	#quicktabs-nostot .view-content {
		width: 150px;
	}

	#quicktabs-nostot .views-element-container .view-content .views-row {
		width: 150px;
	}

	.laskeutumis_sivu.front .layout--twocol-70-30-top .layout__region--first {
		flex: 0 1 70%;
	}

	#block-zircon-pikalinkit {
		font-size: 13px;
	}

	.menu--pikalinkit li.menu-item {
		flex: 0 1 100% !important;
	}

	.flexslider .slides img {
		height: 320px;
	}

	.layout--threecol-25-50-25-top .main-content {
		padding-left: 0px;
	}

	.menu--pikalinkit li.menu-item a,
	.quicktabs-tabs li a {
		padding: 10px 20px;
		font-size: 1.0em;
	}

	#slideshow .flex-caption {
		position: relative !important;
		padding: 0px;
	}

	#slideshow .flex-caption .flex-caption-inner .flex-caption-text {
		max-width: 100%;
	}

	#slideshow .flex-control-nav {
		top: 280px;
		height: fit-content;
	}

	.flex-direction-nav a {
		top: 170px;
		display: block !important;
	}

	#slideshow .flex-caption .flex-caption-inner .flex-caption-text {
		padding: 20px;
	}



}

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



	.tausta {
		display: none;
	}


	.layout__region--bottom .block table td {
		display: block;
		width: 95% !important;
	}

	.layout__region--first {
		flex: 1 1 95% !important;
		order: 0;
	}

	#header2 #block-title {
		margin-top: 5px;
	}

	.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--second {
		flex: 0 1 100% !important;
		padding-left: 0px;
	}

	.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-3,
	.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first>.block-block-content,
	.laskeutumis_sivu .layout__region--first .block-block-content .field--name-body {
		max-width: 100%;
	}

	.layout__region--bottom {
		width: 100%;
		margin: 0;
		order: 2;
	}

	.laskeutumis_sivu .quicktabs-tabpage {
		margin: 0 auto;

	}

	.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-2 {
		width: 100%;
		height: auto !important;
	}

	.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-3 {
		width: 100%;
		height: auto !important;
	}

	.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first .block {
		display: flex;
		flex-direction: column;
	}

	.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--first .block-block-content {
		order: 2;
	}

	.laskeutumis_sivu .block-quicktabs-blocknostot {
		order: 0;
	}

	.laskeutumis_sivu .block-views-blockkalenteri-block-2,
	.laskeutumis_sivu .block-views-blockkalenteri-block-3 {
		order: 1;
	}

	.ajankohtaista-haapavedella .layout__region--second .block-views {
		width: 100%;
		display: block;
		vertical-align: top;
	}

	.laskeutumis_sivu .quicktabs-tabpage .view-content {
		margin: auto;
	}

	.layout__region--top .block {
		padding: 4px;
	}

	.block-system-breadcrumb-block {
		margin-bottom: 0;
	}

	.layout__region--top .block {
		padding: 4px;
	}

	.block-system-breadcrumb-block {
		margin-bottom: 0;
	}

	.laskeutumis_sivu .layout__region--first .block-views-blockkalenteri-block-3 .views-field-field-tapahtumapaikka {
		font-size: 10px;
	}

	.layout__region--second,
	.main-content,
	.layout__region--third {
		flex: 1 1 100% !important;
	}

	.region-footer,
	.region-footer2 {
		min-width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	#quicktabs-tabpage-pikavalinnat-1 .view-content .views-row:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) {
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	#block-textresize-2 {
		display: none;
	}

	#header2 .container .region-header {
		padding: 5px 10px !important;
	}

	.layout__region--contentop #quicktabs-nostot .view-content .views-row {
		width: 45% !important;
	}



	#quicktabs-nostot .views-element-container .view-content .views-row,
	.laskeutumis_sivu .layout__region--top .block #quicktabs-nostot .views-element-container .view-content .views-row {
		max-width: 100%;
		width: 150px;
	}

	#header .search-block-form {
		margin: 0;
		width: 70%;
	}

	.laskeutumis_sivu #main {
		top: 50px;
	}

	#header2 {
		height: auto;
		z-index: 99;
	}

	.flexslider .slides img {
		height: 280px;
	}

	.laskeutumis_sivu .layout--twocol-70-30-top .layout__region--second {
		flex: 0 1 100% !important;
	}

	.layout__region>div {
		padding-right: 0;
	}

	.laskeutumis_sivu .layout__region--bottom .block {
		margin: 0;
	}

	.layout__region--first .block {
		max-width: 100%;
	}

	.block-region-maincontentbottom {
		padding: 0;
	}

	#header #block-nakyvakaavakehakupage-1 {
		margin: 10px;
	}

	#block-ylalinkit {
		float: right;
	}

	#slideshow .flex-control-nav {
		top: 240px;
	}

	.flex-direction-nav a {
		top: 150px;
	}

	#quicktabs-pikavalinnat .quicktabs-tabpage .view-content {
		width: calc(100vw - 40px);
	}

	#quicktabs-pikavalinnat .quicktabs-tabpage .views-row {
		width: calc(100vw - 40px);
	}

	.menu--pikalinkit li.menu-item a,
	.quicktabs-tabs li a {
		padding: 10px 10px;
		font-size: 80%;
	}
}

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

	#quicktabs-nostot .views-element-container .view-content .views-row,
	.laskeutumis_sivu .layout__region--top .block #quicktabs-nostot .views-element-container .view-content .views-row {
		width: 130px;
	}

}

@media only screen and (max-height: 1080px) {}

/*Ie 10/11*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	html {
		overflow: hidden;
		height: 100%;
	}

	body {
		overflow: auto;
		height: 100%;
	}

	.tausta {
		background-attachment: scroll;
	}
}