body {
	font-family: 'Quicksand', sans-serif;
	font-size: 1rem;
}

section h2 {
	padding-bottom: 1.125rem;
}

.text-primary {
	color: var(--primary) !important;
}

/* Navbar */
body.logged-in .fixed-top {
	top: 32px;
}

@media (max-width: 782px) {
	body.logged-in .fixed-top {
		top: 46px;
	}
}

.content-area {
	margin-top: 78px;
}

.navbar {
	padding: 1.2rem 1rem;
}

.navbar-brand img {
	width: 185px;
	height: auto;
}

@media (max-width: 1140px) {
	.navbar-brand img {
		width: 162px;
	}
}

@media (max-width: 782px) {
	.navbar-brand img {
		width: 142px;
	}
}

.nav-link {
	font-size: 0.9rem;
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.3rem;
		padding-left: 0.3rem;
		font-size: 1rem;
	}
}

.dropdown-menu {
	border: 0px solid rgba(0, 0, 0, 0.15);
	border-radius: 0;
	font-size: 0.9rem;
	margin: -1px 0 0;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: var(--primary);
}

.navbar .dropdown-menu:hover,
.navbar .menu-item-has-children:hover > .dropdown-menu,
.navbar .dropdown-toggle:hover + .dropdown-menu {
	display: block;
}

.navbar .dropdown-menu > li > .dropdown-menu {
	left: calc(100% - 1px);
	top: -7px;
}

.navbar-nav > li.menu-item-has-children > .dropdown-menu > li.menu-item-has-children > a:after {
	content: ' ';
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20161%2096%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M11%2022a5.14%205.14%200%200%201-2.17-4.34%207.92%207.92%200%200%201%201.63-4.88L14.78%209a5.15%205.15%200%200%201%204.34-2.17A6.73%206.73%200%200%201%2024%209l54.22%2055.3L132.44%209a7.9%207.9%200%200%201%204.88-1.63A5.85%205.85%200%200%201%20141.66%209l4.34%203.8a7.92%207.92%200%200%201%201.63%204.88A5.84%205.84%200%200%201%20146%2022L83.1%2086a8.12%208.12%200%200%201-9.76%200z%22%20fill%3D%22%23007dc3%22%2F%3E%3C%2Fsvg%3E');
	width: 0.6rem;
	height: 0.6rem;
	background-size: contain;
	background-repeat: no-repeat;
	border: none;
	margin-left: 0.5em;
	vertical-align: 0;
	display: inline-block;
	transform: rotate(-90deg);
}

.navbar .dropdown-toggle::after {
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20161%2096%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M11%2022a5.14%205.14%200%200%201-2.17-4.34%207.92%207.92%200%200%201%201.63-4.88L14.78%209a5.15%205.15%200%200%201%204.34-2.17A6.73%206.73%200%200%201%2024%209l54.22%2055.3L132.44%209a7.9%207.9%200%200%201%204.88-1.63A5.85%205.85%200%200%201%20141.66%209l4.34%203.8a7.92%207.92%200%200%201%201.63%204.88A5.84%205.84%200%200%201%20146%2022L83.1%2086a8.12%208.12%200%200%201-9.76%200z%22%20fill%3D%22%23007dc3%22%2F%3E%3C%2Fsvg%3E');
	width: 0.6rem;
	height: 0.6rem;
	background-size: contain;
	background-repeat: no-repeat;
	border: none;
	margin-left: 0.5em;
	vertical-align: 0;
}

.navbar-expand > li {
	margin-left: 0.6rem;
}

.navbar-expand > li a {
	font-size: 0.9rem;
}

.navbar-expand .dropdown-menu {
	position: absolute;
}

.is-frontend .navbar {
	position: fixed !important;
}

.headroom {
	will-change: transform !important;
	transition: transform 200ms linear !important;
}

.headroom--pinned {
	transform: translateY(0%) !important;
}

.headroom--unpinned {
	transform: translateY(-100%) !important;
}

/* Photo carousel */

.photo-carousel .owl-carousel-container {
	position: relative;
}

.photo-carousel .owl-carousel-container .owl-dots {
	position: absolute;
	padding-top: calc(40% - 30px);
	top: 0;
	width: 100%;
}

.photo-carousel .owl-carousel-container .owl-nav {
	position: absolute;
	width: 100%;
	padding-top: calc(20% - 50px);
	top: 0;
	z-index: 999;
}

.photo-carousel .owl-carousel-container .owl-nav > button {
	position: absolute;
	line-height: initial;
	width: 2rem;
	color: #fff !important;
	outline: none !important;
}

.photo-carousel .owl-carousel-container .owl-nav > button:hover {
	background: transparent;
	color: #708b8c !important;
}

.photo-carousel .owl-carousel-container .owl-nav > button > span {
	font-size: 4rem;
}

.photo-carousel .owl-carousel-container .owl-nav .owl-prev {
	left: 1rem;
}

.photo-carousel .owl-carousel-container .owl-nav .owl-next {
	right: 1rem;
}

.photo-carousel .owl-carousel .owl-stage-outer,
.photo-carousel .owl-carousel .owl-stage-outer .owl-stage {
	height: 100%;
}

.photo-carousel .owl-carousel-container .item {
	position: relative;
}

.photo-carousel .bg-image-full {
	position: relative;
	padding-bottom: 40%;
}

.photo-carousel .bg-image-full .promo {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.photo-carousel .text-content {
	position: absolute;
	z-index: 999;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 768px) {
	.photo-carousel .bg-image-full {
		padding-bottom: 60%;
	}
}

/* Hero image */

.hero-kuva,
.tayslevea-kuva {
	position: relative;
}

.hero-kuva {
}

.hero-kuva .hero-kuva-container {
	position: relative;
	margin: 0 auto;
	text-align: center;
	/*width: 100%;*/
	/*height: calc(100vh - 400px);*/
	background-color: #f5f5f5;
	/*overflow: hidden;*/
}

.hero-kuva .hero-image {
	/*width: 100%;*/ /*oli jo aiemmin*/
	/*min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: none;
	width: auto;
	height: auto;*/
	margin: 0 auto;
	width: 100%;
	height: auto !important;
	max-width: 1680px;
}

/*.hero-kuva .text-content {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}*/

.hero-kuva .text-content {
	position: relative;
	transform: none;
	padding-top: 1.5rem;
	padding-bottom: 1rem;
}

@media (max-width: 768px) {
	/*.hero-kuva .hero-image {
		height: 100%;
	}*/

	/*.hero-kuva .text-content {
		position: relative;
		transform: none;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.hero-kuva .text-content h5,
	.hero-kuva .text-content h1 {
		color: #212529 !important;
	}*/
}

.hero-kuva .row {
	/*height: 70vh;*/
}

.hero-kuva h1,
.hero-kuva h5 {
	/*color: #fff;*/
	/*color: #212529;*/
	color: #708b8c;
	font-weight: 300;
}

.hero-kuva h1 {
	font-size: 2.2rem;
	font-weight: bold;
}

.hero-kuva h5 {
	font-size: 1.25rem;
}

h4,
.h4 {
	font-size: 1.25rem;
	font-weight: 300;
}

h5,
.h5 {
	font-size: 1rem;
	font-weight: 300;
}

.tayslevea-kuva {
	text-align: center;
}

.tayslevea-kuva img {
	margin: 0 auto;
	width: 100%;
	height: auto !important;
	max-width: 1680px;	
}

.photo-info {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 0.5rem 1rem;
	color: #ffffff;
}

.photo-info .camera-icon {
	margin-left: -1rem;
	margin-top: -0.5rem;
	margin-bottom: -0.5rem;
	margin-right: 0.5rem;
	padding: 0.5rem 1rem;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
}

.photo-info .photographer:after {
	content: '|';
	padding-left: 0.4rem;
}

.teksti-kuva-palsta .images img {
	display: block;
	margin-bottom: 1rem;
}

/* Three promo features */

.three-promo-features .image-container {
	position: relative;
	padding-bottom: 75%;
	overflow: hidden;
	margin-bottom: 1rem;
}

.three-promo-features .image-container img {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: none;
	width: auto;
	height: auto;
	object-fit: cover;
    width: 100%;
}

a.tour-button {
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 500;
}

/* Artikkeli lista */

.artikkeli-listaus a.btn {
	color: #30708b;
	border-color: #30708b;
}

.artikkeli-listaus .image-container {
	position: relative;
	padding-bottom: 75%;
	overflow: hidden;
	margin-bottom: 1rem;
}

.artikkeli-listaus .image-container img {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: none;
	width: auto;
	height: auto;
}

/* Täysleveä kuva + nostoteksti */
.hero-kuva,
.tayslevea-kuva {
	position: relative;
}

.tayslevea-kuva .tayslevea-wrapper {
	position: relative;
}

.tayslevea-kuva .tayslevea-wrapper .photo-info {
	right: 0;
}

.hero-kuva .image-overlay,
.tayslevea-kuva-nostoteksti .image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*@media all and (min-width: 1720px) {
	.hero-kuva .photo-info {
		right: calc(100vw - 90%);
	}
}*/

/* Single article */
.single-header {
	padding-top: 5rem;
	padding-bottom: 5rem;
	margin-top: 78px;
}

.single-header h1 {
	color: #fff;
}

#single-wrapper article {
	/*padding-left: 1rem;
	padding-right: 1rem;*/
}

#single-wrapper .article-content {
	padding-left: 1rem;
	padding-right: 1rem;
}

#single-wrapper .article-image-container {
	position: relative;
	padding-bottom: 75%;
	margin-bottom: 2rem;
	overflow: hidden;
}

#single-wrapper .article-image-container > a {
	position: absolute;
	width: 100%;
	height: 100%;
}

#single-wrapper .article-image-container .wp-post-image {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: none;
	width: auto;
	height: auto;
}

#single-wrapper .article-tags {
	margin-bottom: 1rem;
}

#single-wrapper .article-tag {
	font-size: 0.8rem;
}

#single-wrapper .article-tag:not(:last-of-type):after {
	content: ' -';
}

#single-wrapper .avatar-container {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

#single-wrapper .avatar {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	margin-right: 1rem;
}

#single-wrapper .wp-block-quote {
	color: #007dc3;
	font-size: 1.6rem;
	font-weight: 500;
}

#single-wrapper .wp-block-quote p:before,
#single-wrapper .wp-block-quote p:after {
	content: '”';
}

div.blog-grid {
	margin-bottom: 2rem;
}

/* Image Popup */
.popup-link {
	display: inline-block;
	position: relative;
}

.popup-link:before {
	font-family: 'Font Awesome 5 Free';
	/*content: '\f00e';*/
	content: ' ';
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20161%20161%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M147.68%20150.44a3.18%203.18%200%200%201-4.9%200l-37.19-37.18a3.16%203.16%200%200%201-.86-2.31v-2.59a61.57%2061.57%200%200%201-18.6%2011.53%2058.75%2058.75%200%200%201-21.76%204A58.54%2058.54%200%200%201%2034.54%20116%2060%2060%200%200%201%204.42%2064.54a56.92%2056.92%200%200%201%207.92-30.41%2061.42%2061.42%200%200%201%2022.2-22.19A56.9%2056.9%200%200%201%2065%204a60%2060%200%200%201%2051.4%2030.13A58.46%2058.46%200%200%201%20124.33%2064a58.79%2058.79%200%200%201-4%2021.76%2061.33%2061.33%200%200%201-11.53%2018.59h2.6a2.14%202.14%200%200%201%202.3.87l37.19%2037.18a3.18%203.18%200%200%201%200%204.9zm-39.35-112a50.51%2050.51%200%200%200-44-25.23A50.49%2050.49%200%200%200%2013.64%2064a50.49%2050.49%200%200%200%2050.73%2050.7A50.47%2050.47%200%200%200%20115.1%2064a49.87%2049.87%200%200%200-6.77-25.54zM96.66%2065.12a3.45%203.45%200%200%201-3.46%203.46H69v24.21a3.45%203.45%200%200%201-3.46%203.46h-2.3a3.45%203.45%200%200%201-3.46-3.46V68.58H35.55a3.34%203.34%200%200%201-2.45-1%203.31%203.31%200%200%201-1-2.45v-2.32a3.45%203.45%200%200%201%203.46-3.46h24.2V35.14a3.45%203.45%200%200%201%203.46-3.46h2.3A3.45%203.45%200%200%201%2069%2035.14v24.21h24.2a3.45%203.45%200%200%201%203.46%203.46z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	background-size: cover;
	background-repeat: no-repeat;
	width: 1.4rem;
	height: 1.4rem;
	font-weight: 700;
	position: absolute;
	color: white;
	bottom: 1rem;
	right: 1rem;
	z-index: 9;
}

.images .popup-link:before {
	bottom: 2rem;
}

/* Full screen nav */

#full-screen-nav > .overlay-content > .row {
	margin-left: 0;
	margin-right: 0;
}

#full-screen-nav .full-screen-menu-container {
	padding-left: 0;
	padding-right: 0;
}

#full-screen-nav .full-screen-menu-container > div {
	width: 100%;
}

#full-screen-nav .menu li a:not(.custom-dropdown-link) {
	padding-right: 3.5rem;
}

#full-screen-nav .custom-dropdown-link {
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

#full-screen-nav .dropdown-menu {
	background-color: #f5f5f5;
}

#full-screen-nav .dropdown-menu > li > .dropdown-menu {
	background-color: #ffffff;
}

.overlay-content {
	margin-top: 0px;
}

.overlay .closebtn {
	position: absolute;
	color: #ffffff;
	right: 30px;
	top: 30px;
	z-index: 999;
}

@media (min-width: 768px) {
	.overlay .closebtn {
		color: #818181;
	}
}

.overlay a {
	font-size: 25px;
	white-space: normal;
}

.overlay a:active {
	color: var(--primary);
}

#full-screen-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#full-screen-nav ul.menu > li > a {
	color: #fff;
	opacity: 0.7;
}

#full-screen-nav ul.menu > li > a:hover {
	opacity: 1;
}

#full-screen-nav .dropdown-menu {
	position: relative !important;
	transform: none !important;
	text-align: center;
	width: 100%;
	float: none;
}

.overlay a:hover,
.overlay a:focus {
	color: var(--primary);
}

#full-screen-nav .site-logo-container {
	margin-bottom: 2rem;
}

/* Language menu */

.languages-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.languages-menu > li > a {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
}

/* Footer */

.footer-logo img {
	width: 200px;
}

footer a {
	color: white;
}

footer a:hover {
	color: white;
	text-decoration: underline;
}

/* Button customization */

.btn-outline-primary:not(:disabled):not(.disabled):active,
.wpcf7 input[type='submit']:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.wpcf7 input[type='submit']:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.wpcf7 .show > input.dropdown-toggle[type='submit'] {
	color: #fff;
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
}

.btn-outline-secondary:hover {
	color: #6c757d !important;
}

.btn-sm,
.btn-group-sm > .btn,
.wpcf7 .btn-group-sm > input[type='submit'] {
	padding: 0.45rem 1rem;
	font-size: 0.8rem;
	line-height: 1.5;
	border-radius: 99rem;
}

a.read-more-arrow {
	color: #007dc3;
	text-transform: uppercase;
	transition: color 0.15s ease-in-out;
}

a.read-more-arrow:hover {
	color: var(--primary);
	transition: color 0.15s ease-in-out;
}

/* Contact form */

section.contact-form {
	padding: 7rem 0 !important;
}

li.gfield {
	position: relative;
}

li.gfield label {
	position: absolute;
	top: 0.8rem;
	left: 0.6rem;
	color: #212529;
	transition: all 0.15s ease-in-out;
}

li.gfield .ginput_container > * {
	padding-top: 0.8rem !important;
}

li.gfield.floating-label-active label {
	font-size: 0.6rem !important;
	top: 0.3rem;
	left: 0.4rem;
}

.gform_body ul.gform_fields {
	list-style: none;
	padding: 0;
}

.gform_button {
	background-color: transparent;
	border: 2px solid #007dc3;
	color: #007dc3;
	border-radius: 9rem;
	padding: 0.7rem 1.7rem;
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.5;
	text-transform: uppercase;
	transition: all 0.15s ease-in-out;
}

.gform_button:active,
.gform_button:focus,
.gform_button:hover {
	background-color: #007dc3;
	color: #ffffff;
}

section.contact-form .gform_button {
	background-color: transparent;
	border: 2px solid #ffffff;
	color: #ffffff;
}

section.contact-form .gform_button:active,
section.contact-form .gform_button:focus,
section.contact-form .gform_button:hover {
	background-color: #ffffff;
	color: #212529;
}

footer .gform_button {
	background-color: transparent;
	border: 2px solid #ffffff;
	color: #ffffff;
}

footer .gform_button:active,
footer .gform_button:focus,
footer .gform_button:hover {
	background-color: #ffffff;
	color: #212529;
}

@media (max-width: 1195px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}

	.nav-link {
		font-size: 0.8rem;
		letter-spacing: -0.03rem;
	}

	.btn-sm,
	.btn-group-sm > .btn,
	.wpcf7 .btn-group-sm > input[type='submit'] {
		padding: 0.45rem 0.5rem;
		font-size: 0.8rem;
		line-height: 1.5;
		border-radius: 99rem;
	}
}

/* Icon sprites */

/* Icons from directory "" */
/* Icons from directory "" */

.icon-finnature {
	background-repeat: no-repeat;
	width: 1rem;
	height: 1rem;
	margin-bottom: 2px;
	display: inline-block;
	background-size: contain;
	vertical-align: sub;
}

.icon-finnature-lg {
	width: 1.4rem !important;
	height: 1.4rem !important;
	margin-bottom: 0 !important;
}

.icon-finnature-bars {
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20161%20161%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M12.89%2047.94a1.82%201.82%200%200%201-1.26-.63%201.82%201.82%200%200%201-.63-1.26V38.5a1.82%201.82%200%200%201%20.63-1.26%201.82%201.82%200%200%201%201.26-.63h137.22A2.23%202.23%200%200%201%20152%2038.5v7.55a2.23%202.23%200%200%201-1.89%201.89zm0%2038.38a1.82%201.82%200%200%201-1.26-.63%201.82%201.82%200%200%201-.63-1.26v-7.56a1.82%201.82%200%200%201%20.63-1.26%201.82%201.82%200%200%201%201.26-.61h137.22a2.23%202.23%200%200%201%201.89%201.87v7.56a2.23%202.23%200%200%201-1.89%201.89zm0%2038.37a1.82%201.82%200%200%201-1.26-.63%201.82%201.82%200%200%201-.63-1.26v-7.55a1.82%201.82%200%200%201%20.63-1.26%201.82%201.82%200%200%201%201.26-.63h137.22a2.23%202.23%200%200%201%201.89%201.89v7.55a2.23%202.23%200%200%201-1.89%201.89z%22%20fill%3D%22%23007dc3%22%2F%3E%3C%2Fsvg%3E');
}

.icon-finnature-globe {
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20161%20161%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M149.91%2084.44a67.38%2067.38%200%200%201-9.4%2034.78%2070.18%2070.18%200%200%201-25.38%2025.38%2067.4%2067.4%200%200%201-34.78%209.4%2067.41%2067.41%200%200%201-34.79-9.4%2070.26%2070.26%200%200%201-25.38-25.38%2067.47%2067.47%200%200%201-9.4-34.78%2067.47%2067.47%200%200%201%209.4-34.78%2070.36%2070.36%200%200%201%2025.38-25.39%2067.5%2067.5%200%200%201%2034.79-9.39%2067.49%2067.49%200%200%201%2034.78%209.39%2070.28%2070.28%200%200%201%2025.38%2025.39%2067.38%2067.38%200%200%201%209.4%2034.78zm-127.35-18a58.84%2058.84%200%200%200%200%2035.9h27.77a115.57%20115.57%200%200%201%200-35.9zm44.6-41.24A61.32%2061.32%200%200%200%2042.9%2036.75a59.92%2059.92%200%200%200-17%2020.76H52q4.77-19.08%2015.16-32.26zm-41.23%2086.16a59.92%2059.92%200%200%200%2017%2020.76%2061.32%2061.32%200%200%200%2024.26%2011.5q-10.41-13.18-14.89-32.26zm33.38-9h42.07a105%20105%200%200%200%200-35.9H59.31a105%20105%200%200%200%200%2035.93zm21-78Q67.17%2036.2%2061.55%2057.51h37.59q-5.61-21.32-18.79-33.1zm0%20120.05q13.17-11.78%2018.79-33.1H61.55q5.61%2021.38%2018.8%2033.15zm54.41-87a59.92%2059.92%200%200%200-17-20.76%2061.32%2061.32%200%200%200-24.26-11.5q10.38%2013.19%2015.15%2032.26zm-41.19%2086.21a61.32%2061.32%200%200%200%2024.26-11.5%2059.92%2059.92%200%200%200%2017-20.76H108.4q-4.5%2019.08-14.87%2032.26zm44.6-41.23a58.84%2058.84%200%200%200%200-35.9h-27.77a115.57%20115.57%200%200%201%200%2035.9z%22%20fill%3D%22%23007dc3%22%2F%3E%3C%2Fsvg%3E');
}

.icon-finnature-chevron-down {
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20161%2096%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M11%2022a5.14%205.14%200%200%201-2.17-4.34%207.92%207.92%200%200%201%201.63-4.88L14.78%209a5.15%205.15%200%200%201%204.34-2.17A6.73%206.73%200%200%201%2024%209l54.22%2055.3L132.44%209a7.9%207.9%200%200%201%204.88-1.63A5.85%205.85%200%200%201%20141.66%209l4.34%203.8a7.92%207.92%200%200%201%201.63%204.88A5.84%205.84%200%200%201%20146%2022L83.1%2086a8.12%208.12%200%200%201-9.76%200z%22%20fill%3D%22%23007dc3%22%2F%3E%3C%2Fsvg%3E');
}

.icon-finnature-camera {
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20161%20161%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M99.94%2013.11a11.36%2011.36%200%200%201%206.67%202%2012.43%2012.43%200%200%201%204.39%205.53l4.06%2011h25.51a13.86%2013.86%200%200%201%2013.92%2013.92v83.5A13.86%2013.86%200%200%201%20140.53%20143H19.92a13.41%2013.41%200%200%201-9.86-4.06A13.41%2013.41%200%200%201%206%20129.08v-83.5a13.41%2013.41%200%200%201%204.06-9.86%2013.41%2013.41%200%200%201%209.86-4.06h25.51l3.48-9.57a15.12%2015.12%200%200%201%205.22-6.52A13.24%2013.24%200%200%201%2062%2013.11zm0%209.27H62a4.23%204.23%200%200%200-2.61.87%205.85%205.85%200%200%200-1.74%202l-5.8%2015.66H19.92a4.45%204.45%200%200%200-4.64%204.64v83.5a4.45%204.45%200%200%200%204.64%204.64h120.61a4.45%204.45%200%200%200%204.64-4.64V45.58a4.45%204.45%200%200%200-4.64-4.64h-31.89l-6.38-17.11a2.27%202.27%200%200%200-2.32-1.45zm-19.71%2099.74A34.55%2034.55%200%200%200%20115%2087.33a34.55%2034.55%200%200%200-34.77-34.79%2034.55%2034.55%200%200%200-34.8%2034.79%2034.55%2034.55%200%200%200%2034.8%2034.79zm0-60.3a25.73%2025.73%200%200%201%2025.51%2025.51%2025.75%2025.75%200%200%201-25.51%2025.52%2025.75%2025.75%200%200%201-25.52-25.52%2025.73%2025.73%200%200%201%2025.52-25.51zM71%2087.33a4.64%204.64%200%201%201-9.28%200%2018.82%2018.82%200%200%201%2018.51-18.56%204.64%204.64%200%201%201%200%209.28A9.41%209.41%200%200%200%2071%2087.33z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}

.icon-finnature-magnifying-glass {
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20161%20161%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M147.68%20150.44a3.18%203.18%200%200%201-4.9%200l-37.19-37.18a3.16%203.16%200%200%201-.86-2.31v-2.59a61.57%2061.57%200%200%201-18.6%2011.53%2058.75%2058.75%200%200%201-21.76%204A58.54%2058.54%200%200%201%2034.54%20116%2060%2060%200%200%201%204.42%2064.54a56.92%2056.92%200%200%201%207.92-30.41%2061.42%2061.42%200%200%201%2022.2-22.19A56.9%2056.9%200%200%201%2065%204a60%2060%200%200%201%2051.4%2030.13A58.46%2058.46%200%200%201%20124.33%2064a58.79%2058.79%200%200%201-4%2021.76%2061.33%2061.33%200%200%201-11.53%2018.59h2.6a2.14%202.14%200%200%201%202.3.87l37.19%2037.18a3.18%203.18%200%200%201%200%204.9zm-39.35-112a50.51%2050.51%200%200%200-44-25.23A50.49%2050.49%200%200%200%2013.64%2064a50.49%2050.49%200%200%200%2050.73%2050.7A50.47%2050.47%200%200%200%20115.1%2064a49.87%2049.87%200%200%200-6.77-25.54zM96.66%2065.12a3.45%203.45%200%200%201-3.46%203.46H69v24.21a3.45%203.45%200%200%201-3.46%203.46h-2.3a3.45%203.45%200%200%201-3.46-3.46V68.58H35.55a3.34%203.34%200%200%201-2.45-1%203.31%203.31%200%200%201-1-2.45v-2.32a3.45%203.45%200%200%201%203.46-3.46h24.2V35.14a3.45%203.45%200%200%201%203.46-3.46h2.3A3.45%203.45%200%200%201%2069%2035.14v24.21h24.2a3.45%203.45%200%200%201%203.46%203.46z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}

.icon-finnature-arrow-right {
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20161%2096%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20d%3D%22M106.32%2011.29a3.31%203.31%200%200%201%205.1%200l34.86%2034.85a3%203%200%200%201%200%204.81L111.42%2085.8a3.31%203.31%200%200%201-5.1%200l-2.11-2.1a2.88%202.88%200%200%201-1.2-2.41%203.73%203.73%200%200%201%201.2-2.7l25.24-24.94h-113a3.59%203.59%200%200%201-3.6-3.6V47a3.59%203.59%200%200%201%203.6-3.6h113l-25.24-24.9a3.74%203.74%200%200%201-1.2-2.71%202.85%202.85%200%200%201%201.2-2.4z%22%20fill%3D%22%23007dc3%22%2F%3E%3C%2Fsvg%3E');
}

.dropdown-toggle.custom-dropdown-link:after {
	transform: rotate(-90deg);
}

a[aria-expanded='true'].custom-dropdown-link {
	transform: rotate(90deg);
}

/* Accordion */

.accordion .question-set-title {
	margin-bottom: 1.4rem;
}

.accordion .question-label {
	position: relative;
	display: block;
	background-color: #afc9ca;
	color: white;
	padding: 1rem 3rem 1rem 1rem;
	cursor: pointer;
}

.accordion .question-label:after {
	border-style: solid;
	border-width: 0.125em 0.125em 0 0;
	content: '';
	display: inline-block;
	height: 0.6rem;
	right: 1.4rem;
	position: absolute;
	top: 1.45em;
	transform: rotate(45deg);
	vertical-align: top;
	width: 0.6rem;
	transition: transform 0.3s ease-in-out;
}

.accordion .question-label.open:after {
	transform: rotate(135deg);
}

.accordion .answer-wrapper {
	padding: 0 1rem;
	height: 0;
	overflow: hidden;
}

.accordion .answer-wrapper .answer-text {
	padding-bottom: 1px;
}


.photo_promo {
	padding-top: 180px;
}

.photo_promo a {
	text-transform: uppercase;
}


/*  HC NEW LAYOUTS */

.hc-breadcrumbs {
    background-color: #e6f2f9;
    padding: 20px;
}

.hc-breadcrumbs p {
	margin-bottom:0px;
	font-weight: bold;
}


#hc-hero-img .hero-kuva-container {
	height: 60vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	
}

/* korttinosto*/

.kortti-img {
    width: auto;
    height: 200px;
    background-size: cover;
    background-position: center;
}

.korttiesittely {
	padding-right:30px;
}

.korttinosto h4 {
	font-weight:bold;
}

.korttinosto {
	box-shadow: 2px 20px 41px -6px rgb(0 0 0 / 14%);
-webkit-box-shadow: 2px 20px 41px -6px rgb(0 0 0 / 14%);
-moz-box-shadow: 2px 20px 41px -6px rgb(0 0 0 / 14%);

}

@media (min-width: 768px) {
.korttinosto {
	padding: 0;
}
}

.kortti-sisalto {
	padding:20px;
	background-color:#fff;
		text-align:center;
}

.hc-btn-primary {
	color: #fff;
    background-color: #007dc3;
    border-color: #007dc3;
	font-weight: bold;
    text-transform: none;
}

.paketit-sisalto {
	margin-bottom: 30px;
}

#hc-cta .container {
	padding: 80px 50px !important;
    text-align: center;
}

.alavalikko {
    margin-bottom: 20px;
    display: table;
}

.alavalikko a {
    font-family: 'Quicksand', sans-serif;
    font-size: 0.9rem;
    color: #708B8C;
    font-weight: bold;
    border-bottom: 3px solid #e6f2f9;
    margin: 0;
    padding: 10px;
    float: left;
}

.alavalikko a:hover {
    border-bottom: 3px solid #007dc3;
}

.korttiesittely h1 {
    font-weight: bold;
    color: #708B8C;
    padding: 20px 10px;
}