/* 2026 colour update */
.nav-mobile {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding-top: 63px;
}
.flex-1-1-auto {
	-webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
}
.language-links-mobile a {
	padding: 1rem;
}
}
.font-weight-600 {
	font-weight: 600;
}
.text-decoration-none {
	text-decoration: none !important;	
}
.btn-unstyled {
	border: 0;
	background: none;
}
.nav-desktop-submenu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 250px;
}
.position-relative {
	position: relative;
}
.hover-open-submenu:hover .nav-desktop-submenu {
	display: block !important;
}
.hover-bg-blue-medium:hover {
	background-color: #2c56a0;
}
.text-underline {
	text-decoration: underline;
}

/* HEIGHTS & WIDTHS */

@media (min-width: 1200px) {
	.container {
		width: 1200px !important;
	}
	.container-lg {
		width: 1300px !important;
	}
}

.height-460px {
	height: 460px;
}
.height-370px {
	height: 370px;
}

.height-320px {
	height: 320px;
}

@media (min-width: 1200px) {
	.height-67 {
		height: 73px;
	}
	.border-yellow-right {
		border-right: 1px solid #74ABDF;
	}
	.border-yellow-left {
		border-left: 1px solid #74ABDF;
	}
}
.lang-SV {
	content:url('/media/layout/images2017/se.png');
}
.lang-EN {
	content:url('/media/layout/images2017/gb.png');
}
.lang-FI {
	content:url('/media/layout/images2017/fi.png');
}
/* COLORS */
.languageText {
	padding-left: 8px;
	padding-right: 8px;
	color: white;
	text-decoration: underline;
}
.languageText:hover,
.languageText:focus {
	color: white;
}
.color-dark-yellow {
	color: #ecbe12;
}

.color-dark-yellow:hover {
	color: white;
}

.color-dark-blue {
	color: #254173;
}

.color-light-black {
	color: #000000;
}

/* BACKGROUND CLASSES */

.bg-dark-blue {
	background-color: #254173;
}

.bg-darkest-blue {
	background-color: #254173;
}
.bg-light-blue {
	background-color: #74ABDF;
}


.bg-beige {
	background-color: #e9e5db;
}

.bg-light-beige {
	background-color: #fbfaf8;
}

.bg-white {
	background-color: white;
}

.bg-cover {
	background-size: cover;
}

.bg-top {
	background-position: top;
}

.bg-bottom {
	background-position: center 75%;
}

.bg-center {
	background-position: center 40%;
}

.bg-no-repeat {
	background-repeat: no-repeat;
}

.bg-dark-yellow {
	background-color: #74ABDF;
}

.bg-shadow {
	-webkit-box-shadow: inset 0px 100px 119px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
	box-shadow: inset 0px 100px 119px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
	-moz-box-shadow: inset 0px 100px 119px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
	-o-box-shadow: inset 0px 100px 119px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
}

.box-shadow {
	box-shadow: 0 18px 32px rgba(0, 0, 0, .07);
	margin-top: -50px;
	border-radius: 3px;
}

@media (max-width: 768px) {
	.box-shadow {
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75) !important;
		margin-top: 0;
	}
}

@media (max-width: 776px) {
	.bg-shadow {
		box-shadow: inset 0px 100px 119px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
		/* box-shadow: inset 100px 0 400px 0 #1c3765, inset -70px 0 180px 0 #1c3765, inset 0 0 300px 0 #1c3765; */
	}
}

@media (max-width: 488px) {
	.bg-shadow {
		box-shadow: inset 0px 100px 119px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
		/* box-shadow: inset 19px 0 200px 0 #1c3765, inset -20px 0 180px 0 #1c3765, inset 0 0 300px 0 #1c3765; */
	}
}

@media (min-width: 992px) {
	.navbar-toggleable-md .navbar-collapse {
		width: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

@media (max-width: 992px) {
	.navbar {
		a max-height: 100vh;
		overflow-y: auto;
	}
}

.flex1 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/* INPUTS & BUTTONS */

.input_image {
	background-color: transparent;
	float: right;
	position: absolute;
	bottom: 0px;
	right: 15px;
}

.input_image.bottom-right-corner {
	bottom: 0px;
	right: 0px;
}

.btn .input_image:focus {
	outline: 0;
}

form,
input,
textarea,
select,
button {
	font-family: "clear-sans", sans-serif;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

main form {
	max-width: 38em;
	overflow: hidden;
	margin: 1em -0.2em;
	padding: 0 0.2em;
}

input,
textarea {
	border: 1px solid #ccc;
	padding: 0.2em 0.4em;
	background: #fff;
	border-radius: 3px;
}

.input_group {
	padding: 0.5em 0;
}

.input_group>label:first-child,
.input_group>.input_group__user_input {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.input_group>label:first-child {
	width: 35%;
	padding: 0.2em 2em 0.2em 0;
	border: 1px solid transparent;
}

.input_group>.input_group__user_input {
	width: 65%;
	padding-top: 0.2em;
}


.input_group button[type=submit]:active {
	position: relative;
	top: 1 px;
}

.input_group__user_input input,
.input_group__user_input textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-top: -0.2em;
}

.input_group__user_input input[type=radio],
.input_group__user_input input[type=checkbox] {
	width: auto;
}

.input_group__user_input select {
	border: 1px solid #ccc;
	padding: 0.2em 0.4em;
	background: #fff;
	border-radius: 3px;
	height: 2em;
	max-width: 100%;
	margin-top: -0.2em;
}

.input_group--submit {
	padding-left: 35%;
}

@media only screen and (max-width: 480px) {
	.input_group>label:first-child,
	.input_group>.input_group__user_input {
		display: block;
	}
	.input_group>label:first-child {
		width: 100%;
		padding: 0.2em 0;
		border: 0 none;
		font-weight: 700;
	}
	.input_group>.input_group__user_input {
		width: 100%;
	}
	.input_group--submit {
		padding-left: 0;
		margin-top: 2em;
		text-align: center;
	}
}

/* POSITIONS */

.pos-absolute {
	position: absolute;
}

.pos-fixed {
	position: fixed;
}

.pos-relative {
	position: relative;
}

/* PADDING & MARGINS */

@media (min-width: 992px) {
	.pt-md-30 {
		padding-top: 30px;
	}
	.py-md-5 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.nav-item:hover>.nav-hover>.to-dropdown>.dropdown-content,
	.nav-item:focus-within>.nav-hover>.to-dropdown>.dropdown-content {
		display: block !important;
	}
}

.w-96 {
	width: 96% !important;
}

.left-0 {
	left: 0;
}

.right-5 {
	right: 5px;
}

.top-13 {
	top: 13px;
}

.bottom-0 {
	bottom: 0;
}

.py-90 {
	padding-top: 90px;
	padding-bottom: 90px;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #254173;
}

.mt-14 {
	margin-top: 14px;
}

.mt-6 {
	margin-top: 6px;
}

/* NAVIGATION BAR */

.navbar-toggleable-md {
	webkit-box-align: start!important;
    -webkit-align-items: flex-start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
}

header {
	font-size: 14px;
}

@media (max-width: 556px) {
	.media-image img {
		width: 160px;
	}
	.js-navbar-toggler {
		top: 15px !important;
	}
}

.nav-link {
	font-weight: 600;
	padding: .5em 0em;
}

.color-light-black {
	font-weight: 600;
}

.js-navbar-toggler {
	top: 20px;
}

.c-header {
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.c-header.is--sticky {
	background-color: #254173;
}

@media (max-width: 992px) {
	.js-show {
		display: block !important;
	}
	.header-bg-mobile {
		background-color: #254173;
	}
	.rotated {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}
	.dropdown-content {
		display: none;
		position: relative;
		background-color: transparent;
	}
}

.dropdown-content>.navbar-nav>.level2:hover {
	background-color: #74ABDF;
}

.footer_nav>.level-1>li>.footer-h-styles {
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
}

.footer_nav>.level-1>li>.footer-h-styles:hover {}

.footer_nav>.level-1>li>.level-2>li>a {
	color: #FFFFFF;
	text-decoration: none;
}

.footer_nav>.level-1>li>.level-2>li>a:hover {
	color: #74ABDF;
}

.sidenav>.active {
	background-color: #74ABDF;
}

.sidenav>.active>a {
	/* color: white; */
	color: #000000;
}

/* FRONTPAGE */

@media (max-width: 768px) {
	.py-90 {
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.custom-lg-box {
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75) !important;
		border-radius: 3px;
	}
}

@media (min-width: 1200px) {
	.custom-lg-box {
		min-height: 463px;
		margin-top: -117px;
		border-radius: 3px;
	}
}

.custom-lg-box {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
	border-radius: 3px;
	/*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);*/
}

.custom-lg-box>div>h5 {
	font-weight: 600;
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}

.align-custom-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* ALASIVU */

.breadcrumb-current>.current {
	text-decoration: underline;
}

.pagination {
	text-align: center;
}

.curPage {
	padding: 0.05em 0.5em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
}

.pagination {
	text-align: center;
	padding: 0em 0.5em;
	text-transform: uppercase;
	font-weight: 700;
}

.pagination a {
	padding: .5rem;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: underline;
}

a[href].faux_button {
	color: #fff;
	background: #254173;
	text-decoration: none;
	display: inline-block;
	padding: 0.2em 0.5em;
	border-radius: 3px;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	box-sizing: border-box;
	font-size: 85%;
	font-weight: 700;
	text-transform: uppercase;
}

a[href].faux_button:hover {
	background: #fff;
	color: #254173;
	border: 1px solid #254173;
}

.element__filelist {
	background-color: #fbfaf8;
	margin-bottom: 40px;
}

.element__filelist--header {
	height: 140px;
	border-radius: 3px;
	background-color: #254173;
}

.element__filelist--header--background {
	width: 30%;
	height: 100%;
	/* background-color: #92b24a; */
	background-color: #254173;
}

.element__filelist--header--image {
	width: 100%;
	background-position: center;
	padding-left: 25px;
	background-size: cover;
	position: relative;
	/* -webkit-box-shadow: inset 500px 0px 300px 0px #92b24a, inset 0px 0px 0px 0 #92b24a, inset 0 0 0px 0 #92b24a;
	-moz-box-shadow: inset 500px 0px 300px 0px #92b24a, inset 0px 0px 0px 0 #92b24a, inset 0 0 0px 0 #92b24a;
	-o-box-shadow: inset 500px 0px 300px 0px #92b24a, inset 0px 0px 0px 0 #92b24a, inset 0 0 0px 0 #92b24a;
	box-shadow: inset 500px 0px 300px 0px #92b24a, inset 0px 0px 0px 0 #92b24a, inset 0 0 0px 0 #92b24a; */
	-webkit-box-shadow: inset 500px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
	-moz-box-shadow: inset 500px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
	-o-box-shadow: inset 500px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
	box-shadow: inset 500px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
	background-image: url('/media/layout/images2017/Elektra in september II.jpeg');
	height: 100%;
}
.element__filelist--header--text {
	position: absolute;
	word-break: break-all;
	top: 50%;
	transform: translateY(-50%);
}

.element__filelist--header--text h3,
.element__filelist--header--text h2 {
	font-size: 22px;
	color: white;
	font-weight: normal;
	margin-bottom: 8px;
}
.element__filelist--header--text a {
	text-transform: uppercase;
	color: white;
}
.element__filelist--header--text a:hover {
	text-decoration: none;
}
@media (max-width: 768px) {
	.element__filelist--header--image {
		-webkit-box-shadow: inset 350px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
		-moz-box-shadow: inset 350px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
		-o-box-shadow: inset 350px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
		box-shadow: inset 350px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
	}
}
@media (max-width: 568px) {
	.element__filelist--header--image {
		-webkit-box-shadow: inset 200px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
		-moz-box-shadow: inset 200px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
		-o-box-shadow: inset 200px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
		box-shadow: inset 200px 0px 300px 0px #254173, inset 0px 0px 0px 0 #254173, inset 0 0 0px 0 #254173;
	}
}
.element__filelist--contentarea {
	padding: 30px 40px;
}
.image_gallery {
	margin: 1em -5px;
	padding: 0;
	display: block;
	list-style-type: none;
}

.image_gallery li {
	display: inline-block;
	vertical-align: top;
	width: 24.6%;
	padding: 0 5px;
	margin-bottom: 0;
	box-sizing: border-box;
}
.image_gallery__hover-overlay {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	pointer-events: none;
	padding: 1rem;
	top: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	width: 100%;
}

.image_gallery__item,
a.image_gallery__item {
	width: 100%;
	height: 230px;
	margin: 0 0 1em 0;
	background-size: cover;
	background-position: center center;
	-ms-behavior: url(/media/layout/js/backgroundsize.min.htc);
	display: block;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.image_gallery__item:hover .image_gallery__hover-overlay,
a.image_gallery__item:hover .image_gallery__hover-overlay {
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
	.image_gallery li {
		width: 49%;
	}
}

@media only screen and (max-width: 480px) {
	.image_gallery li {
		width: 100%;
	}
}

.detailed_map_image {
	display: block;
	max-width: 300px;
	max-height: 300px;
	border-radius: 3px;
}

img.align-right {
	margin-left: 2em;
	border-radius: 3px;
}

img.align-left {
	margin-right: 2em;
	border-radius: 3px;
}

@media only screen and (max-width: 767px) {
	img.align-right {
		margin: 2em auto;
		display: block;
		float: none !important;
	}
	img.align-left {
		margin: 2em auto;
		display: block;
		float: none !important;
	}
}

.mugshot_gallery {
	list-style: none;
	margin: 1em -0.5em;
	padding: 0;
}

.bg-lightgray {
	background-color: #fbfaf8;
	min-height: 320px;
	padding-top: 20px;
}

.mugshot_gallery li {
	display: inline-block;
	width: 33%;
	padding: 0 0.5em 2em 0.5em;
	vertical-align: top;
	text-align: center;
	box-sizing: border-box;
}

.mugshot_gallery p {
	font-size: 85%;
	margin-top: 0.5em;
}

.mugshot_gallery.no-margin p {
	font-size: 85%;
	margin-top: 0em;
	margin-bottom: 0px;
	word-break: break-all;
}

@media only screen and (max-width: 480px) {
	.mugshot_gallery li {
		display: block;
		width: 100%;
		float: none;
	}
}

.mugshot_gallery__image {
	border-radius: 100%;
}

.mugshot_gallery__name {
	font-weight: 700;
	color: #254173;
	padding-top: 17px;
}

.compass_flash>object {
	max-width: 380px;
	width: 39.58333%;
	float: right;
}

/* LAUTTAHAKU */

html {
	height: 100%;
}

body {
	font-family: "clear-sans", sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.4625;
	overflow-x: hidden;
	margin: 0;
	box-sizing: border-box;
	min-width: 320px;
	color: #444444;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Lauttahaku */

#map-canvas {
	height: 100%;
	margin: 0px;
	padding: 0px
}

#map-canvas {
	width: 100%;
	height: 350px;
	display: block;
	margin: 10px auto 0 auto;
}

#panel {
	z-index: 5;
	padding: 0;
	margin-top: 35px;
}

.overlay {
	z-index: 9999;
	background: #fff;
	padding: 0;
}

.lautta {
	margin-bottom: 25px;
}

@media screen and (max-width: 959px) {
	body {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	body {
		font-size: 14px;
	}
}

a[href].faux_button {
	color: #fff;
	background: #254173;
	text-decoration: none;
	display: inline-block;
	padding: 0.2em 0.5em;
	border-radius: 3px;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	box-sizing: border-box;
	font-size: 85%;
	font-weight: 700;
	text-transform: uppercase;
}

a[href].faux_button:hover {
	background: #fff;
	color: #254173;
	border: 1px solid #254173;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
	color: #254173;
	line-height: 1.15;
	font-weight: 600;
}

h1>a,
h2>a,
h3>a,
.h1>a,
.h2>a,
.h3>a {
	text-decoration: none;
}

.ajax_timetable_row h2,
.ajax_timetable_row h3 {
	background: #254173;
	color: #fff;
	padding: 0.5em 0.7em;
	border-radius: 4px;
}

.effective_header {
	display: block;
	font-size: 0.6em;
	margin-top: 0.2em;
	text-transform: uppercase;
	color: #a1b9e3;
}

h3, .h3 {
	margin-top: 1em;
}

h4, .h4 {
	font-size: 1em;
	margin: 1em 0;
}

section {
	margin: 2em 0;
}

form,
input,
textarea,
select,
button {
	font-family: "clear-sans", sans-serif;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

main form {
	max-width: 38em;
	overflow: hidden;
	margin: 1em -0.2em;
	padding: 0 0.2em;
}

input,
textarea {
	border: 1px solid #ccc;
	padding: 0.2em 0.4em;
	background: #fff;
	border-radius: 3px;
}

.input_group {
	padding: 0.5em 0;
}

.input_group>label:first-child,
.input_group>.input_group__user_input {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.input_group>label:first-child {
	width: 35%;
	padding: 0.2em 2em 0.2em 0;
	border: 1px solid transparent;
}

.input_group>.input_group__user_input {
	width: 65%;
	padding-top: 0.2em;
}


.input_group button[type=submit]:active {
	position: relative;
	top: 1 px;
}

.input_group__user_input input,
.input_group__user_input textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-top: -0.2em;
}

.input_group__user_input input[type=radio],
.input_group__user_input input[type=checkbox] {
	width: auto;
}

.input_group__user_input select {
	border: 1px solid #ccc;
	padding: 0.2em 0.4em;
	background: #fff;
	border-radius: 3px;
	height: 2em;
	max-width: 100%;
	margin-top: -0.2em;
}

.input_group--submit {
	padding-left: 35%;
}

@media only screen and (max-width: 480px) {
	.input_group>label:first-child,
	.input_group>.input_group__user_input {
		display: block;
	}
	.input_group>label:first-child {
		width: 100%;
		padding: 0.2em 0;
		border: 0 none;
		font-weight: 700;
	}
	.input_group>.input_group__user_input {
		width: 100%;
	}
	.input_group--submit {
		padding-left: 0;
		margin-top: 2em;
		text-align: center;
	}
}

.wrapper--site {
	max-width: 1000px;
	margin: 3em auto;
	border-radius: 4px;
	padding: 0.5em 1em;
	background: #fff;
}

.utility-bar {
	background: #74ABDF;
	color: #254173;
	position: relative;
	box-shadow: 0px 4px 12px -6px rgba(16, 16, 16, 0.5);
	padding: 0.5em 1.875em;
	margin: 0 -2em 0.5em;
	text-align: right;
}

.utility-bar ul {
	padding: 0.2em 0;
}

.utility-bar li {
	padding: 0 0.5em;
	text-transform: uppercase;
	line-height: 1;
	font-size: 85%;
}

.utility-bar a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

.utility-bar a:hover {
	color: #fff;
}

.utility-bar input {
	border: 1px solid #74ABDF;
	box-sizing: border-box;
}

.utility-bar input:focus {
	outline: 0 none;
}

.utility-bar label {
	margin-right: 0.25em;
}

.utility-bar label,
.utility-bar input {
	vertical-align: middle;
	display: inline-block;
}

.utility-bar:before {
	content: '';
	position: absolute;
	display: block;
	bottom: -1em;
	left: -1em;
	height: 2em;
	width: 2em;
	background: transparent;
	border-width: 1em;
	border-style: solid;
	border-color: transparent #74ABDF transparent transparent;
	z-index: -1;
	box-sizing: border-box;
}

.utility-bar:after {
	content: '';
	position: absolute;
	display: block;
	bottom: -1em;
	right: -1em;
	height: 2em;
	width: 2em;
	background: transparent;
	border-width: 1em;
	border-style: solid;
	border-color: transparent transparent transparent #74ABDF;
	z-index: -1;
	box-sizing: border-box;
}

@media screen and (max-width: 639px) {
	.utility-bar {
		margin-left: -1em;
		margin-right: -1em;
		box-shadow: none;
	}
	.utility-bar:before {
		display: none;
	}
	.utility-bar:after {
		display: none;
	}
}

.site_header {
	overflow: hidden;
	padding: 2em 0;
}

.site_header p {
	margin: 0;
}

.site_header a {
	text-decoration: none;
}

.site_header__logo {
	display: block;
}

.site_header__logo>img {
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.site_header__logo:hover>img {
	opacity: 0.75;
}

.site_navigation ul {
	margin: 0;
	padding: 0;
}

.site_navigation .level-1 {
	margin: 0 -1em;
}

.site_navigation .level-1>li {
	display: inline-block;
	margin-right: -0.25em;
	width: 33.33333%;
	vertical-align: top;
	padding: 0 1em;
	box-sizing: border-box;
}

.site_navigation .level-1>li>a {
	font-size: 135%;
	font-weight: 700;
}

.site_navigation .level-2 {
	margin-top: 0.5em;
	border-top: 1px dotted #c4c4c4;
	padding-top: 0.5em;
}

.button--toggle_mobile_menu {
	background: #254173;
	border-radius: 4px;
	border: 0 none;
	color: #fff;
	text-transform: uppercase;
	font-size: 125%;
	font-weight: 700;
	padding: 0.5em 0.7em;
	display: block;
	width: 100%;
}

.button--toggle_mobile_menu:focus {
	outline: 0 none;
}

.banner {
	padding: 0 18px;
}

.showon414,
.showon480 {
	display: none;
}

@media only screen and (max-width: 414px) {
	.banner {
		padding: 0 15px;
	}
	.hideon414 {
		display: none;
	}
	.showon414 {
		display: block;
	}
}

@media only screen and (max-width: 639px) {
	.column.site_logo,
	.column.site_navigation {
		display: block;
		float: none !important;
		width: 100% !important;
	}
	.column.site_logo {
		text-align: center;
	}
	.column.site_navigation {
		margin-top: 2em;
	}
	.site_navigation .level-1 {
		display: none;
		margin-top: 2em;
	}
	.site_navigation .level-1.is-open {
		display: block;
	}
	.site_navigation .level-1>li {
		display: block;
		width: 100%;
	}
	.site_navigation .level-1>li+li {
		margin-top: 1em;
	}
}

@media only screen and (min-width: 640px) {
	.button--toggle_mobile_menu {
		display: none !important;
	}
}


.row .column {
	float: left;
	padding: 0 1em;
	box-sizing: border-box;
}

.row+.row {
	margin-top: 1em;
}


.row .column--fluid {
	width: 100%;
}

.row .column--1-5 {
	width: 20%;
}

.row .column--1-4 {
	width: 25%;
}

.row .column--3-4 {
	width: 75%;
}

.row .column--1-2 {
	width: 50%;
}

.row .column--1-3 {
	width: 33.33333%;
}

@media screen and (max-width: 768px) {
	.row .column--1-3,
	.row .column--1-2,
	.row .column--1-4,
	.row .column--1-5,
	.row .column--3-4 {
		width: 100%;
		display: block;
		margin-bottom: 2em;
	}
	.row .column+.column--1-3,
	.row .column+.column--1-2,
	.row .column+.column--1-4,
	.row .column+.column--3-4 {
		margin-top: 2em;
	}
}

.hero_unit a {
	color: inherit;
}

.hero_unit .slider {
	height: 17.77778em;
}

.hero_unit .slider_wrapper {
	height: 100%;
	overflow: hidden;
}

.hero_unit .slide {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center center;
	-ms-behavior: url(/media/layout/js/backgroundsize.min.htc);
}

.hero_unit__notifications {
	font-size: 75%;
}

.hero_unit__notifications h3 {
	margin-top: 1em;
	text-transform: uppercase;
}

.hero_unit__notifications .notifications {
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}

.hero_unit__notifications li {
	padding: 0.5em 0;
	border-top: 1px solid #eee;
}

.hero_unit__notifications li:first-child {
	border-top: 0 none;
}

.hero_unit__notifications a {
	text-decoration: none;
	-webkit-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

.hero_unit__notifications a:hover {
	color: #9d9d9d;
}

@media screen and (max-width: 480px) {
	.hero_unit {
		display: none;
	}
	.hideon480 {
		display: none;
	}
	.showon480 {
		display: block;
	}
}

.list--horizontal {
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.list--horizontal li {
	display: inline-block;
	vertical-align: middle;
}

.pick_ferry_line {
	overflow: hidden;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.pick_ferry_line-styles {
	background-color: #74ABDF;
}

.pick_ferry_line--height_overflow {
	height: 569px;
	overflow-y: auto;
}

.pick_ferry_line .pick_ferry_line--by_map,
.pick_ferry_line .pick_ferry_line--by_name {
	/*margin: 0 2em;*/
	position: relative;
	left: 0;
}

.pick_ferry_line .pick_ferry_line--by_map.is-moved-aside,
.pick_ferry_line .pick_ferry_line--by_name.is-moved-aside {
	pointer-events: none;
}

.pick_ferry_line .pick_ferry_line--by_map.is-disabled,
.pick_ferry_line .pick_ferry_line--by_name.is-disabled {
	pointer-events: none;
}

.pick_ferry_line iframe {
	width: 100%;
}

.pick_ferry_line .pick_ferry_line--by_name .js--toggle_pick_ferry_line {
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.pick_ferry_line .pick_ferry_line--by_name .js--toggle_pick_ferry_line:hover {
	cursor: pointer;
	opacity: 0.7;
}

.pick_ferry_line .pick_ferry_line--by_name a {
	display: inline-block;
	font-size: 80%;
	font-weight: 600;
	background: #fff;
	color: black;
	border-bottom: 1px solid #e5e5e5;
	text-decoration: none;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

.pick_ferry_line .pick_ferry_line--by_name a:hover,
.pick_ferry_line .pick_ferry_line--by_name a:focus {
	background: #254173;
	border-color: #254173;
	color: #fff;
}

.pick_ferry_line-styles .pick_ferry_line--by_name a {
	display: inline-block;
	padding: 0em 1em;
	*/ margin-bottom: 0.3em;
	font-size: 80%;
	text-transform: uppercase;
	font-weight: 600;
	background: #fff;
	color: black;
	border-bottom: 1px solid #e5e5e5;
	border-radius: 3px;
	text-decoration: none;
	white-space: nowrap;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

.pick_ferry_line .pick_ferry_line--by_name a:hover {
	background: #254173;
	border-color: #254173;
	color: #fff;
}

.pick_ferry_line__detail_window {
	position: absolute;
	top: 0;
	left: 100%;
	height: 100%;
	width: 95%;
	background: #f6f8fC;
	padding: 2em;
	margin: 0;
	box-sizing: border-box;
}

.pick_ferry_line__detail_window p {
	font-size: 85%;
}

.pick_ferry_line__detail_window h4 {
	font-size: 85%;
	text-transform: uppercase;
}

.pick_ferry_line__detail_window.is-open {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.pick_ferry_line__detail_window.is-open .pick_ferry_line__detail_window__close {
	opacity: 1;
	pointer-events: auto;
}

.pick_ferry_line__detail_window .link--download_pdf {
	display: inline-block;
	padding: 0.3em 0.5em;
	margin-bottom: 0.3em;
	text-transform: uppercase;
	font-weight: 700;
	background: #254173;
	color: #fff;
	font-size: 85%;
	border: 1px solid #254173;
	border-radius: 3px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-perspective: 1000;
}

.pick_ferry_line__detail_window .link--download_pdf:hover {
	background: #fff;
	color: #1e3967;
}

.pick_ferry_line__detail_window .pick_ferry_line__detail_window__close {
	position: absolute;
	left: -1em;
	height: 2em;
	line-height: 2em;
	border-radius: 1em;
	background: #111;
	border: 1px solid #111;
	color: #fff;
	opacity: 0;
	pointer-events: none;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: 400;
	box-sizing: border-box;
	padding: 0 1em;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-perspective: 1000;
}

.pick_ferry_line__detail_window .pick_ferry_line__detail_window__close:hover,
.pick_ferry_line__detail_window .pick_ferry_line__detail_window__close:focus {
	background: #fff;
	color: #254173;
	border-color: #254173;
}

.pick_ferry_line__detail_window .pick_ferry_line__detail_window__close:focus {
	outline: 0 none;
}

.pick_ferry_line__detail_window__times {
	padding: 0;
	margin: 1em 0 1em 0em;
	list-style: none;
	overflow: hidden;
	font-size: 75%;
	font-weight: 700;
}

.pick_ferry_line__detail_window__times li {
	float: left;
	width: 6.4em;
	margin: 0 3px 3px 0;
	display: block;
	text-align: center;
	border-radius: 3px;
	box-sizing: border-box;
	letter-spacing: -0.05em;
	padding: 0.3em 0.5em;
	background: #fff;
	border: 1px solid #74ABDF;
}

.pick_ferry_line__detail_window__times li.closest {
	background: #254173;
	border: 1px solid #254173;
	color: #fff;
}

.site_footer {
	background: #74ABDF;
	color: #254173;
	position: relative;
	padding: 0.5em 1.875em;
	margin: 1em -2em 0.5em;
	box-shadow: 0px 4px 12px -6px rgba(16, 16, 16, 0.5);
	text-transform: uppercase;
}

.site_footer .footer_content {
	overflow: hidden;
}

.site_footer a {
	text-decoration: none;
}

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

.site_footer p {
	font-size: 75%;
	margin: 0;
	white-space: nowrap;
}

.site_footer .align-left {
	float: left;
}

.site_footer .align-right {
	float: right;
}

.site_footer a {
	color: inherit;
}

.site_footer:before {
	content: '';
	position: absolute;
	display: block;
	top: -1em;
	left: -1em;
	height: 2em;
	width: 2em;
	background: transparent;
	border-width: 1em;
	border-style: solid;
	border-color: transparent #74ABDF transparent transparent;
	z-index: -1;
	box-sizing: border-box;
}

.site_footer:after {
	content: '';
	position: absolute;
	display: block;
	top: -1em;
	right: -1em;
	height: 2em;
	width: 2em;
	background: transparent;
	border-width: 1em;
	border-style: solid;
	border-color: transparent transparent transparent #7a610b;
	z-index: -1;
	box-sizing: border-box;
}

@media screen and (max-width: 639px) {
	.site_footer {
		margin-left: -1em;
		margin-right: -1em;
		box-shadow: none;
	}
	.site_footer:before {
		display: none;
	}
	.site_footer:after {
		display: none;
	}
}

.ferry_line__shortcuts a,
.ferry_line__shortcuts .js--print_page,
.ferry_line__shortcuts a,
.ferry_line__shortcuts a.js--print_page {
	display: inline-block;
	padding: 0.3em 0.5em;
	margin-bottom: 0.3em;
	font-size: 75%;
	text-transform: uppercase;
	font-weight: 700;
	background: #254173;
	color: #fff !important;
	border: 1px solid #254173;
	border-radius: 3px;
	white-space: nowrap;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-perspective: 1000;
}

.ferry_line__shortcuts a:hover,
.ferry_line__shortcuts .js--print_page:hover,
.ferry_line__shortcuts a:hover {
	background: #fff;
	color: #254173 !important;
}

.notification--crisis {
	position: relative;
	background: #9a2c1e;
	color: #fff;
}

.notification--crisis .notification--crisis__banner {
	line-height: normal;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 0.8em 0;
	display: none;
	box-sizing: border-box;
}

.notification--crisis .notification--crisis__banner a {
	color: #e37b6e;
	text-decoration: underline;
}

.notification--crisis .title {
	font-weight: 700;
}

.notification--crisis .short_version_container {
	position: relative;
	padding: 0 3em 0 1em;
}

.notification--crisis button:focus {
	outline: 0 none;
}

.notification--crisis .long_version {
	text-align: left;
	display: none;
}

.notification--crisis__close {
	background: transparent;
	border: 0 none;
	color: #fff;
	float: right;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	padding: 0 0.5em;
	line-height: 1;
}

.ferry_map {
	height: 690px;
	/*margin: 1em 0;*/
	border-radius: 3px;
}

.ferry_map img {
	max-width: none;
}

.is-loading {
	background-image: url(../img/loading_64.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

hr {
	height: 1px;
	border: 0 none;
	background: #ccc;
	margin: 1.5em 0;
}

.pick_ferry_line__detail_container {
	position: absolute;
	top: 6em;
	bottom: 2em;
	left: 2em;
	right: 2em;
	padding-right: 2em;
	padding-left: 1em;
	overflow-y: auto;
}

.pick_ferry_line__detail_container::-webkit-scrollbar {
	width: 4px;
}

.pick_ferry_line__detail_container::-webkit-scrollbar-track {
	background: #fff;
}

.pick_ferry_line__detail_container::-webkit-scrollbar-thumb {
	background: #444444;
}

.ajax_timetable_row {
	margin-top: 1em;
}

.button--toggle_timetable,
.button--toggle_pick_ferry_line {
	border: 0 none;
	background: #fff;
	padding: 0;
	border-radius: 50%;
	height: 28px;
	width: 28px;
	vertical-align: middle;
	margin-left: 0.5em;
	font-size: 16px;
	line-height: 30px;
}

.button--toggle_timetable:focus,
.button--toggle_pick_ferry_line:focus {
	outline: 0 none;
}

.button--toggle_timetable>span,
.button--toggle_pick_ferry_line>span {
	display: block;
	height: 100%;
	width: 100%;
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-backface-visibility: hidden;
}

.compass_flash>object {
	max-width: 380px;
	width: 39.58333%;
	float: right;
}

@media only screen and (max-width: 480px) {
	.linja-otsikko h2 {
		float: none !important;
	}
	.paikanna-lahin-lautta {
		float: none !important;
		clear: both;
		display: block;
		margin: 10px 0 !important;
	}
	.lautta p {
		line-height: 22px !important;
	}
	.compass_flash>object {
		display: block;
		float: none;
		width: auto;
		margin: 0 auto;
	}
}

.highlight--green_small,
a.highlight--green_small {
	/* background: #92b240; */
	background: #254173;
	color: #fff;
	display: block;
	font-size: 85%;
	font-weight: 700;
	padding: 0.8em 1em;
	text-decoration: none;
	min-height: 7em;
	/*line-height: 1.2;*/
	border-radius: 0.3em;
	word-break: break-word;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

.highlight--green_small p,
a.highlight--green_small p {
	margin: 0;
}

.highlight--green_small:hover,
a.highlight--green_small:hover {
	/* background: #647a2c; */
	background: #74ABDF;
	color: #fff;
}

@media only screen and (max-width: 480px) {
	.pick_ferry_line--by_name p {
		display: table !important;
	}
	.pick_ferry_line--by_name a {
		display: table-cell !important;
		white-space: normal !important;
		float: left;
		width: 46%;
	}
	.highlight--green_small {
		margin: 0.5em 0;
	}
}

.highlight--green,
a.highlight--green {
	background: #254173;
	color: #fff !important;
	display: inline-block;
	font-size: 100%;
	font-weight: 700;
	padding: 0.8em 1em;
	text-decoration: none;
	line-height: 1.2;
	border-radius: 0.3em;
	border: 1px solid #254173;
	margin-bottom: 0.4em;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-perspective: 1000;
}

.highlight--green p,
a.highlight--green p {
	margin: 0;
}

.highlight--green:hover,
a.highlight--green:hover {
	color: #254173!important;
	background: #fff;
}

@media only screen and (max-width: 480px) {
	.highlight--green {
		min-height: initial;
	}
}

#product__ajax_timetable {
	margin: 1em 0;
}

.column--dashboard_slider .swiper-container,
.column--dashboard_slider .swiper-slide {
	height: 280px;
	width: 100%;
}

.column--dashboard_slider .swiper-slide {
	background-size: cover;
	background-position: center center;
	-ms-behavior: url(/media/layout/js/backgroundsize.min.htc);
	border-radius: 3px;
}

.search_results {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

img.legacy_image {
	background: #74ABDF;
	padding: 2em;
	margin: 1em;
	border-radius: 4px;
}

.mugshot_gallery {
	list-style: none;
	margin: 1em -0.5em;
	padding: 0;
}

.mugshot_gallery li {
	display: inline-block;
	width: 33%;
	padding: 0 0.5em 2em 0.5em;
	vertical-align: top;
	box-sizing: border-box;
}

.mugshot_gallery p {
	font-size: 85%;
	margin-top: 0.5em;
}

.mugshot_gallery.no-margin p {
	font-size: 85%;
	margin-top: 0em;
	margin-bottom: 0px;
	word-break: break-all;
}

@media only screen and (max-width: 480px) {
	.haku-button {
		float: none !important;
		clear: both !important;
		margin-top: 10px !important;
		display: block;
	}
	.mugshot_gallery li {
		display: block;
		width: 100%;
		float: none;
	}
}

.page_list {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	display: block;
	text-align: center;
}

.page_list li {
	display: inline-block;
	vertical-align: top;
}

.hero_unit_banner {
	margin: 1em 0 3em 0;
}

.hero_unit_banner__image {
	height: 140px;
	background-size: cover;
	background-position: center center;
	-ms-behavior: url(/media/layout/js/backgroundsize.min.htc);
	border-radius: 4px;
}

.news_list {
	margin: 2em 0 1em 0;
}

p.date {
	font-size: 85%;
	text-transform: uppercase;
	color: #707070;
}

.social_sharing {
	margin-top: 3em;
	text-align: right;
}

.social_sharing a>i {
	margin-right: 0.5em;
}

.detailed_map_image {
	display: block;
	max-width: 300px;
	max-height: 300px;
	border-radius: 3px;
}

img.align-right {
	margin-left: 2em;
	border-radius: 3px;
}

img.align-left {
	margin-right: 2em;
	border-radius: 3px;
}

@media only screen and (max-width: 767px) {
	img.align-right {
		margin: 2em auto;
		display: block;
		float: none !important;
	}
	img.align-left {
		margin: 2em auto;
		display: block;
		float: none !important;
	}
}

@media only screen and (max-width: 767px) {
	.hide-mobile {
		display: none !important;
	}
}

@media only screen and (min-width: 768px) {
	.hide-desktop {
		display: none !important;
	}
}

.timetable_link,
.ferry_line__shortcuts a.timetable_link {
	font-size: 100%;
}

.pick_ferry_line__detail_window a.timetable_link {
	display: none!important;
}

.pick_ferry_line__detail_window.is-open a.timetable_link,
.pick_ferry_line__detail_window.is-loading a.timetable_link {
	display: inline-block!important;
}

.ferry_line__shortcuts a,
.ferry_line__shortcuts .js--print_page {
	font-size: 100%;
}

.ferry_line__shortcuts .js--print_page {
	float: right;
}

@media only screen and (max-width: 599px) {
	.js--print_page {
		display: none !important;
	}
}

.ferry__technical_info table {
	width: 100%;
}

.ferry__technical_info table tbody td:first-child {
	/* width: 70%; */
}

.ferry__technical_info table tr {
	border-top: 1px solid #eee;
}

.ferry__technical_info table td {
	vertical-align: top;
}

.ferry__technical_info table td p {
	margin: 0;
}

table {
	margin: 1em 0;
}

table td {
	padding: 0.3em 0.3em 0.3em 0;
}

img.ferry__technical_image {
	margin: 2em auto;
	display: block;
}

.infoBox {
	background: #fff;
	padding: 0.5em 0.7em;
	font-family: clear-sans;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 3px;
	border: 1px solid #888;
	text-align: center;
	box-sizing: border-box;
}

.fa-rotate-45 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.share-btns-title {
	display: inline-block;
	text-align: center;
	width: 210px;
	font-weight: bold;
	color: #1e3967;
}

@media screen and (max-width: 360px) {
	.pick_ferry_line--by_name a {
		/*width: 46% !important;*/
		/*padding-right: 2% !important;
		padding-left: 2% !important;*/
	}
}

.exclamation {
	/* background: #f65c52; */
	background: #E41A0C;
	padding: 0 7px;
	border-radius: 10px;
	color: #FFFFFF;
	margin-left: 5px;
}

.tiedote {
	margin-bottom: 2em;
}

.tiedote.last {
	margin-bottom: 0;
}

.bulletin-single h4 {
	color: #b53d3e;
	font-size: 1.17em;
	text-transform: none;
}

.bulletin-info {
	padding-left: 25px;
	margin: 25px 0;
}

.bulletin-single.newspage h3 {
	font-size: 16px;
}

.row .left-thick {
	width: 30%;
	text-align: center;
	padding-right: 6%;
	border-right: 1px #74ABDF solid;
}

.row .no-border .left-thick {
	border-right: 1px #fff solid;
}

.row .right-wide {
	width: 63%;
	text-align: center;
}

.no-border .left-thick .mugshot_gallery li,
.right-wide .mugshot_gallery li {
	min-height: auto;
}

.left-thick .mugshot_gallery li {
	width: 100%;
	text-align: center;
	min-height: 287px;
}

.right-wide .mugshot_gallery li {
	width: 50%;
	text-align: center;
	min-height: 287px;
}

@media screen and (max-width: 560px) {
	.row .left-thick,
	.row .right-wide {
		width: 100%;
		border: none;
		padding: 0;
	}
	.left-thick .mugshot_gallery li {
		width: 50%;
	}
	.left-thick .mugshot_gallery li,
	.right-wide .mugshot_gallery li {
		min-height: auto;
	}
}

@media screen and (max-width: 465px) {
	.left-thick .mugshot_gallery li,
	.right-wide .mugshot_gallery li {
		width: 100%;
	}
}

@media screen and (max-width: 850px) {
	.row .left-thick h3,
	.row .right-wide h3 {
		font-size: 1em;
	}
}

/* Skip to content */

.btn-SkipToContent {
	padding: 0.5em 2.5em 0.5em 1em;
	background: #254173;
	color: #fff !important;
	border: 1px solid #254173;
	border-radius: 3px;
	text-decoration: none!important;
	transition: none!important;
}

.btn-SkipToContent:hover,
.btn-SkipToContent:focus {
	background: #74ABDF;
}

a.skip-link {
	left: -999px;
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -9999;
}

a.skip-link:focus,
a.skip-link:active {
	left: auto;
	top: 30px;
	width: 30%;
	height: auto;
	overflow: auto;
	margin: 10px 35%;
	border-radius: 15px;
	text-align: center;
	font-size: 1.2rem;
	z-index: 9999;
}
 @media (max-width: 767.98px) {
	a.skip-link:focus,
	a.skip-link:active {
		width: 60%;
		margin: 10px 20%;
	}
}

[tabindex="-1"]:focus {
	outline: 0 !important;
}

/* Font size control */

.font-size-btn {
	line-height: 1.25;
	border: 1px solid #fff;
	background-color: #fff;
	color: #444;
}

.font-size-btn[disabled] {
	opacity: 0.65;
}

.site-main.font-size-150 {
	font-size: 19px !important;
}

.site-main.font-size-200 {
	font-size: 24px !important;
}

.site-main.font-size-150 a.link--read_more::after {
	top: 13px;
}

.site-main.font-size-200 a.link--read_more::after {
	top: 20px;
}

.site-main.font-size-150 .font-control-12 {
	font-size: 16px !important;
}

.site-main.font-size-200 .font-control-12 {
	font-size: 18px !important;
}


.site-main.font-size-150 .nav-link {
	font-size: 19px!important;
}

.site-main.font-size-200 .nav-link {
	font-size: 22px !important;
}


.site-main.font-size-150 .no-font-resize,
.site-main.font-size-200 .no-font-resize {
	font-size: 14px;
}

/* FOCUS */
body *:focus {
	outline: #000 auto 1px !important;
}

nav input[type=search]::placeholder {color: #FFF;opacity: 1;}
nav input[type=search]:-ms-input-placeholder {color: #FFF;}
nav input[type=search]::-ms-input-placeholder {color: #FFF;}

nav input[type=search]:focus::placeholder {color: #000;opacity: 1;}
nav input[type=search]:focus:-ms-input-placeholder {color: #000;}
nav input[type=search]:focus::-ms-input-placeholder {color: #000;}

nav input[type=search] {color: #FFFFFF;}
nav input[type=search]:focus {color: #000;}


/* Form */

.form .remove-file {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  color: #CC0000;
  font-size: 22px;
  cursor: pointer;
}


.form .js-form-file + .js-form-file {
  display: none;
}

.form .js-form-file:last-child .more-files {
  display: none;
}


.form .more-files {
  color: #004889;
  margin-bottom: 10px;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
}
.form .more-files:hover {
  color: #013363;
}
.form .more-files i {
  font-size: 24px;
  -webkit-transform: translate(0, 3px);
      -ms-transform: translate(0, 3px);
          transform: translate(0, 3px);
  margin-right: 10px;
}