@charset "utf-8";

/*
Theme Name: Oulun Satama
Theme URI: http://www.website.example
Version: 1.0
*/

/**
* @license
* MyFonts Webfont Build ID 3313108, 2016-11-25T02:33:24-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: AntartidaRDEss-BoldIt by Los Andes
* URL: http://www.myfonts.com/fonts/los-andes/antartida-rounded-essential/bold-italic/
*
* Webfont: AntartidaRDEss-LightIt by Los Andes
* URL: http://www.myfonts.com/fonts/los-andes/antartida-rounded-essential/light-italic/
*
* Webfont: AntartidaRDEss-Bold by Los Andes
* URL: http://www.myfonts.com/fonts/los-andes/antartida-rounded-essential/bold/
*
* Webfont: AntartidaRDEss-Light by Los Andes
* URL: http://www.myfonts.com/fonts/los-andes/antartida-rounded-essential/light/
*
*
* License: http://www.myfonts.com/viewlicense?type=web&buildid=3313108
* Licensed pageviews: 10,000
* Webfonts copyright: Copyright (c) 2013 by Luciano Vergara. All rights reserved.
*
* © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/328dd4");


@font-face {
  font-family: 'Antartida';
  font-weight: 700;
  font-style: italic;
  src: url('_webfonts/328DD4_0_0.eot');
  src: url('_webfonts/328DD4_0_0.eot?#iefix') format('embedded-opentype'), url('_webfonts/328DD4_0_0.woff2') format('woff2'), url('_webfonts/328DD4_0_0.woff') format('woff'), url('_webfonts/328DD4_0_0.ttf') format('truetype'), url('_webfonts/328DD4_0_0.svg#wf') format('svg');
}


@font-face {
  font-family: 'Antartida';
  font-weight: 300;
  font-style: italic;
  src: url('_webfonts/328DD4_1_0.eot');
  src: url('_webfonts/328DD4_1_0.eot?#iefix') format('embedded-opentype'), url('_webfonts/328DD4_1_0.woff2') format('woff2'), url('_webfonts/328DD4_1_0.woff') format('woff'), url('_webfonts/328DD4_1_0.ttf') format('truetype'), url('_webfonts/328DD4_1_0.svg#wf') format('svg');
}


@font-face {
  font-family: 'Antartida';
  font-weight: 700;
  font-style: normal;
  src: url('_webfonts/328DD4_2_0.eot');
  src: url('_webfonts/328DD4_2_0.eot?#iefix') format('embedded-opentype'), url('_webfonts/328DD4_2_0.woff2') format('woff2'), url('_webfonts/328DD4_2_0.woff') format('woff'), url('_webfonts/328DD4_2_0.ttf') format('truetype'), url('_webfonts/328DD4_2_0.svg#wf') format('svg');
}


@font-face {
  font-family: 'Antartida';
  font-weight: 300;
  font-style: normal;
  src: url('_webfonts/328DD4_3_0.eot');
  src: url('_webfonts/328DD4_3_0.eot?#iefix') format('embedded-opentype'), url('_webfonts/328DD4_3_0.woff2') format('woff2'), url('_webfonts/328DD4_3_0.woff') format('woff'), url('_webfonts/328DD4_3_0.ttf') format('truetype'), url('_webfonts/328DD4_3_0.svg#wf') format('svg');
}




@font-face {
  font-family: 'TT Squares';
  /*font-weight: 700;*/
  font-style: normal;
  src: url('_css/fonts/TTSquares-Condensed/TT-Squares-Condensed-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 300;
  font-style: normal;
  src: url('/fonts/Roboto-300/Roboto-300.eot');
  src: url('/fonts/Roboto-300/Roboto-300.eot?#iefix') format('embedded-opentype'),
    local('Roboto Light'),
    local('Roboto-300'),
    url('/fonts/Roboto-300/Roboto-300.woff2') format('woff2'),
    url('/fonts/Roboto-300/Roboto-300.woff') format('woff'),
    url('/fonts/Roboto-300/Roboto-300.ttf') format('truetype'),
    url('/fonts/Roboto-300/Roboto-300.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/Roboto-regular/Roboto-regular.eot');
  src: url('/fonts/Roboto-regular/Roboto-regular.eot?#iefix') format('embedded-opentype'),
    local('Roboto'),
    local('Roboto-regular'),
    url('/fonts/Roboto-regular/Roboto-regular.woff2') format('woff2'),
    url('/fonts/Roboto-regular/Roboto-regular.woff') format('woff'),
    url('/fonts/Roboto-regular/Roboto-regular.ttf') format('truetype'),
    url('/fonts/Roboto-regular/Roboto-regular.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  src: url('/fonts/Roboto-700/Roboto-700.eot');
  src: url('/fonts/Roboto-700/Roboto-700.eot?#iefix') format('embedded-opentype'),
    local('Roboto Bold'),
    local('Roboto-700'),
    url('/fonts/Roboto-700/Roboto-700.woff2') format('woff2'),
    url('/fonts/Roboto-700/Roboto-700.woff') format('woff'),
    url('/fonts/Roboto-700/Roboto-700.ttf') format('truetype'),
    url('/fonts/Roboto-700/Roboto-700.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: italic;
  src: url('/fonts/Roboto-italic/Roboto-italic.eot');
  src: url('/fonts/Roboto-italic/Roboto-italic.eot?#iefix') format('embedded-opentype'),
    local('Roboto Italic'),
    local('Roboto-italic'),
    url('/fonts/Roboto-italic/Roboto-italic.woff2') format('woff2'),
    url('/fonts/Roboto-italic/Roboto-italic.woff') format('woff'),
    url('/fonts/Roboto-italic/Roboto-italic.ttf') format('truetype'),
    url('/fonts/Roboto-italic/Roboto-italic.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: italic;
  src: url('/fonts/Roboto-700italic/Roboto-700italic.eot');
  src: url('/fonts/Roboto-700italic/Roboto-700italic.eot?#iefix') format('embedded-opentype'),
    local('Roboto Bold Italic'),
    local('Roboto-700italic'),
    url('/fonts/Roboto-700italic/Roboto-700italic.woff2') format('woff2'),
    url('/fonts/Roboto-700italic/Roboto-700italic.woff') format('woff'),
    url('/fonts/Roboto-700italic/Roboto-700italic.ttf') format('truetype'),
    url('/fonts/Roboto-700italic/Roboto-700italic.svg#Roboto') format('svg');
}

:root {
  --dark: #1c1c1c;
  --yellow: #fff300;
  --blue: #0090D8;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

textarea {
  resize: vertical;
}

.ir {
  border: 0;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}


.wp-caption {
  display: inline-block;
  max-width: 100% !important;
  vertical-align: top;
}

.wp-caption img {
  display: block;
  margin: 0 0 0 5px;
}

.wp-caption a {
  display: block;
}

.wp-caption-text {
  margin: 0 5px 5px;
  padding: 7px 5px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  color: inherit;
}

.alignleft {
  margin-right: 45px;
  margin-bottom: 25px;
  float: left;
}

.wp-caption.alignleft {
  margin-left: -5px;
  margin-right: 45px;
}

.alignright {
  margin-left: 45px;
  margin-bottom: 25px;
  float: right;
}

.wp-caption.alignright {
  margin-left: 45px;
  margin-right: -5px;
}

.aligncenter {
  display: block;
  margin: 0 auto 1.7692em;
}

.wp-caption.alignnone {
  margin-bottom: 1.7692em;
}


#imageview-shade,
#videoview-shade,
#mapview-shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 310;
}

#imageview-loading {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 100%;
  margin: -31px 0 0;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: lowercase;
  color: #FFF;
  letter-spacing: -1px;
  text-shadow: #000 0 1px 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out;
}

#imageview-box,
#videoview-box,
#mapview-box {
  position: fixed;
  top: -9999px;
  left: -9999px;
  padding: 10px;
  font-size: 12px;
  line-height: 21px;
  background: #eee;
  box-shadow: #222 0 0 35px;
  z-index: 311;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#imageview-imagewrap,
#videoview-videowrap {
  position: relative;
  overflow: hidden;
}

#imageview-image {
  position: absolute;
  top: 0;
  left: 0;
}

#mapview-box iframe {
  display: block;
}

#imageview-prev,
#imageview-next {
  position: absolute;
  top: 50%;
  width: 32px;
  height: 42px;
  margin: -21px 0 0;
  font-size: 51px;
  line-height: 31px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  overflow: hidden;
}

#imageview-prev {
  left: -35px;
}

#imageview-next {
  right: -35px;
}

#imageview-close,
#videoview-close,
#mapview-close {
  position: absolute;
  top: -31px;
  right: 0;
  width: 31px;
  height: 31px;
  font-size: 21px;
  line-height: 29px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
}

#imageview-close:hover,
#videoview-close:hover,
#mapview-close:hover {
  color: #aaa !important;
}

#imageview-caption {
  position: absolute;
  bottom: -31px;
  left: 0;
  height: 31px;
  padding: 0 11px;
  font-size: 14px;
  line-height: 29px;
  font-weight: 400;
  color: #fff;
  text-shadow: #000 0 1px 0;
  overflow: hidden;
}


.slidr-nav {
  display: inline-block;
  vertical-align: top;
}

.slidr-nav .slidr-pagenums {
  margin: 0;
  padding: 0;
  z-index: 4;
}

.slidr-nav li {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #5ab5e3;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}

.slidr-nav li+li {
  margin-left: 6px;
}

.slidr-nav .current {
  background: #43535c;
}

.slidr-nav .slidr-nextprev {
  overflow: hidden;
  cursor: pointer;
  z-index: 4;
}

.slidr-nav .slidr-nextprev.prev {}


form {
  display: block;
  /*padding: 30px 0 0;*/
  padding: 0;
  max-width: 100%;
  z-index: 1;
}

form:last-child {
  padding-bottom: 0;
}

form p {
  width: 100%;
  padding: 0;
  clear: both;
}

form p.half,
form p.third {
  width: 49%;
  float: left;
  clear: none;
}

form p.half+p.half,
form p.third+p.third {
  margin-left: 2%;
}

form p.half.even,
form p.third.first {
  margin-left: 0 !important;
}

form p.third {
  width: 32%;
}


label {
  display: inline-block;
  margin-bottom: 3px;
  font-size: 1rem;
  color: inherit;
  /*font-weight: 700;*/
  vertical-align: top;
}

label.mandatory:after {
  content: "*";
  padding-left: 5px;
  color: #e33;
}

::-webkit-input-placeholder {
  font-weight: 400;
  color: #777d7d;
  opacity: 1;
}

:-moz-placeholder {
  font-weight: 400;
  color: #777d7d;
  opacity: 1;
}

::-moz-placeholder {
  font-weight: 400;
  color: #777d7d;
  opacity: 1;
}

:-ms-input-placeholder {
  font-weight: 400;
  color: #777d7d;
  opacity: 1;
}

.placeholdersjs {
  color: #777d7d !important;
}

input,
select,
textarea {
  font-size: 14px;
  line-height: 15px;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  color: inherit;
  vertical-align: middle;
}

textarea {
  font-weight: 400;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  width: 100%;
  margin: 4px 0 15px;
  padding: 12px 15px;
  border: 2px solid #000000;
  background: #ffffff;
  background: #fff;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color: #fff300 !important;
}


select {
  width: 100%;
  margin: 0 0 15px;
  padding: 9px 11px;
  border: 1px solid #aaadad;
  line-height: 15px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.03) 0 0 15px inset;
}

textarea {
  line-height: 21px;
}

input[type="radio"] {
  margin: 6px 5px 0 0;
  padding: 0;
  vertical-align: top;
}

input[type="checkbox"] {
  margin: 6px 5px 0 0;
  padding: 0;
  vertical-align: top;
}

input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type="submit"] {
  display: inline-block;
  padding: 21px 48px;
  border: 2px solid #000000;
  font-size: 1.733rem;
  font-family: 'TT Squares';
  text-transform: uppercase;
  color: #fff300;
  background-color: #000000;
  min-width: 250px;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
}

input[type="submit"]:hover {
  background: #000000;
  border-color: inherit;
}


.wpcf7-form .ajax-loader {
  display: block !important;
  margin: 5px auto 0 !important;
}

.wpcf7-form .wpcf7-form-control-wrap {
  display: block !important;
}

.wpcf7-form .wpcf7-radio,
.wpcf7-form .wpcf7-list-item {
  display: inline-block;
  margin: 0 0 14px;
}

.wpcf7-form .wpcf7-list-item label {
  display: inline-block;
  margin-right: 15px;
  font-weight: 400;
  vertical-align: top;
}

.wpcf7-form .wpcf7-not-valid {
  border-color: #ff0000 !important;
}

.wpcf7-form.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: absolute;
  top: -10px;
  right: 10px;
  left: auto;
  margin: 0;
  padding: 3px 10px 4px;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  font-size: 12px;
  line-height: 17px;
  font-style: italic;
  color: #666;
  background: rgba(255, 255, 224, 0.9);
}

.wpcf7-form .wpcf7-response-output {
  margin: 10px 0 0;
  padding: 6px 13px 7px;
  border: 1px solid #c7c7c7 !important;
  border-radius: 4px;
  font-size: 13px;
  text-align: center;
  color: inherit;
  background: #ffe;
  clear: both;
}


html,
button,
input,
select,
textarea {
  color: #000;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol {
  margin: 0;
}


html {
  box-sizing: border-box;
  font: 300 15px/1.6 'Antartida', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html[lang=ru-RU] {
  font: 300 15.5px/1.6 'Roboto', Arial, sans-serif;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  color: #000000;
  background: #fff;
  min-width: 320px;
}


body.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}


a,
a:visited,
a img {
  color: inherit;
  text-decoration: none;
  cursor: pointer !important;
  outline: none;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;

}

a:hover,
a:visited:hover {
  color: #555;
}

.page-content a {
  text-decoration: underline;
}

.navigation a,
.page-content .button,
.page-content .latest-posts-readmore,
.entry-title a {
  text-decoration: none;
}

a.button {
  position: relative;
  display: inline-block;
  padding: 8px 48px;
  border: 3px solid #000000;
  font-size: 1.733rem;
  /* min-width: 250px; */
  font-family: 'TT Squares';
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
}

a.button:hover {
  color: #fff300;
  background-color: #000000;
}

a.button.nega {
  border: 2px solid #fff300;
  color: #fff300;
}

a.button.nega:hover {
  border: 2px solid #ffffff;
  color: #000000;
  background-color: #ffffff;
}



.wrapper {
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  box-sizing: content-box;
  max-width: 1100px;
}

.ce-block.mid-wrapper>.wrapper {
  max-width: 720px;
}

.wrapper.mid {
  max-width: 780px;
}

.wrapper * {
  box-sizing: border-box;
}


.linklist {
  padding: 0;
  list-style: none;
}

.lead {
  font-size: 1.5rem;
}

.hilite {
  color: #fff300 !important;
}

.upper {
  text-transform: uppercase;
}

.centered,
.centered .column {
  text-align: center;
}

.tt-squares {
  font-family: 'TT Squares';
}

h1,
h2,
h3,
h4,
h5 {
  font-family: 'TT Squares';
  text-transform: uppercase;
}

h1 {
  margin-bottom: 2rem;
  padding: 0 0 0;
  font-size: 4.133rem;
  line-height: 1.25;
  font-weight: 700;
}

#billboard h1 {
  font-size: 5rem;
}

h2 {
  margin-bottom: 2rem;
  padding: 0 0 0;
  font-size: 2.8rem;
  line-height: 1.25;
  font-weight: 700;
}

h3 {
  margin-bottom: 2rem;
  padding: 0 0 0;
  font-size: 2.133rem;
  line-height: 1.25;
  /*font-weight: 700;*/
  font-weight: 400;
}

h4 {
  margin-bottom: 2rem;
  padding: 0 0 0;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
}

p {
  padding: 0 0 1.5em;
}

ul {
  padding: 0 0 1.5em 17px;
}

ul ul,
ol ul {
  padding: 0 0 3px 17px;
  list-style: disc;
}

ol {
  padding: 0 0 1.5em 21px;
}

ol ol,
ul ol {
  padding: 0 0 3px 21px;
}

blockquote {
  margin: 0;
  padding: 0 0 1em;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 400;
  font-style: italic;
}


.column img {
  height: auto;
  max-width: 100%;
}

.column {
  display: inline-block;
  width: 46%;
  vertical-align: top;
}

.column+.column {
  margin-left: 8%;
}

.column>:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}


.column.single {
  width: 100%;
  margin-left: 0 !important;
  padding: 0;
}


.column.parts-3 {
  width: 28%;
}

.column.no-margin+.column.no-margin {
  margin-left: 0;
}

.column.parts-3.no-margin {
  width: 33.333%;
}

.column.parts-2-3 {
  width: 64%;
}

.column.parts-3:nth-child(3n+1) {
  margin-left: 0 !important;
}

.column.parts-3:nth-child(1n+4) {
  margin-top: 60px;
}


.column.parts-4 {
  width: 19%;
}

.column.parts-4:nth-child(4n+1) {
  margin-left: 0 !important;
}

.column.parts-4:nth-child(1n+5) {
  margin-top: 60px;
}


.column.parts-5 {
  width: 16.8%;
}

.column.parts-5+.parts-5 {
  margin-left: 4%;
}

.column.parts-5:nth-child(5n+1) {
  margin-left: 0 !important;
}

.column.parts-5:nth-child(1n+6) {
  margin-top: 60px;
}



.ce-block {
  padding: 80px 0;
}

.ce-block>.wrapper {}

.ce-block:not(.ce-bgcolor)+.ce-block:not(.ce-bgcolor) {
  padding-top: 0;
}

.ce-block.ce-bgimage {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}


.ce-block.ce-text-image {
  padding: 60px 0;
}

.ce-text-image.ce-image-left .column:last-child,
.ce-text-image.ce-image-right .column:first-child {
  margin-top: 30px;
  margin-bottom: 30px;
}

.ce-text-image .column {
  vertical-align: middle;
}

.ce-text-image.ce-image-left .column:first-child,
.ce-text-image.ce-image-right .column:last-child {
  text-align: center;
}

.ce-text-image.ce-fullwidth-image {
  position: relative;
}

.ce-fullwidth-image .wide-image {
  position: absolute;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.ce-fullwidth-image.ce-image-left .wide-image {
  left: 0;
  background-position: 75% 50%;
}

.ce-fullwidth-image.ce-image-right .wide-image {
  right: 0;
  background-position: 25% 50%;
}

.ce-fullwidth-image .ce-blockimg-link {
  display: inline-block;
  max-width: 100%;
  outline: none;
}

.ce-text-image img.border {
  border: 5px solid rgba(0, 0, 0, 0.35);
}

.ce-text-image.ce-bgcolor img.border,
.ce-text-image.ce-bgimage img.border {
  border: 5px solid rgba(255, 255, 255, 0.35);
}

.ce-block.nobottompadding {
  padding-bottom: 1.5em;
}

.ce-block.ce-single-column.nobottompadding {
  padding-bottom: 1.5em;
}


.ce-block.ce-wide-image {
  position: relative;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  overflow: hidden;
}

.ce-block.ce-wide-image>a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: none;
}

.ce-block.ce-wide-image.parallax {
  position: relative;
  background-size: 100% auto;
  background-position: 50% 0%;
}

.ce-block.ce-wide-image.parallax:before,
.ce-block.ce-wide-image.parallax:after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  left: 0;
  height: 5px;
}

.ce-block.ce-wide-image.parallax:before {
  top: -5px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 5px 15px;
}

.ce-block.ce-wide-image.parallax:after {
  bottom: -5px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 -5px 15px;
}

#billboard {
  position: relative;
  /*padding-top: 42%;*/
  padding-top: 28%;
  min-height: 250px;
}

/*body.page-child #billboard {
padding-top: 26%;
}*/

body.page-child #billboard h1 {
  margin-top: 2rem;
  font-size: 5rem;
}

#billboard h1 {
  padding: 0;
}

#billboard .billboard-slide {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 100%;
  background-size: cover;
  /*background-position: 50%;*/
  background-position: 50% 30%;
  background-repeat: no-repeat;
}

.billboard-home .billboard-slide:before,
#billboard .billboard-slide.darken-img:before,
.linkboxes-item:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

#billboard .billboard-slide a {
  display: block;
  height: 100%;
  outline: none;
}

#billboard .billboard-slide a:hover {
  color: inherit;
}

#billboard .billboard-slide:first-child {
  left: 0;
}

#billboard .billboard-slide .wrapper {
  position: relative;
  height: 100%;
}

#billboard .billboard-slide-text {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

/*#billboard.billboard-home {
padding-top: 56.3%;*/
/*padding-top: 45%;
overflow: hidden;
/*min-height: 280px;*/
/*min-height: 90vh;*/
/*min-height: 50vh;
}*/

#billboard.billboard-home {
  padding: 0;
  min-height: unset;
}

/*#billboard.billboard-home video {
width: auto;
height: 100%;
/*margin-left: -25%;
}*/

/* #billboard.billboard-home .billboard-slide {
background-size: cover;
background-position: -9999px -9999px;
} */

#billboard.billboard-home .billboard-slide {
  position: relative;
  z-index: 1;
}

#billboard.billboard-home .billboard-slide-text {
  position: static;
  padding-top: 15rem;
  padding-bottom: 5rem;
  text-align: center;
  color: #ffffff;
  transform: none;
}

#billboard.billboard-home .billboard-slide-text h1 {
  margin-bottom: 3rem;
  line-height: 1;
  color: #fff300;
}

#billboard.billboard-home .billboard-slide-text .lead {
  font-size: 1.8rem;
  line-height: 1.3125;
}

.billboard-home .billboard-slide img {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

#main img {
  height: auto;
  max-width: 100%;
}

#main iframe,
iframe {
  display: inline-block;
  vertical-align: top;
  max-width: 100% !important;
}


.navigation.pagination {
  margin-top: 0;
  padding: 20px 0;
  border-top: 2px solid #d9eaf2;
  text-align: center;
}

.navigation.pagination .screen-reader-text {
  display: none;
}

.nav-links {
  padding: 7px 5px 0;
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
}

.nav-links .page-numbers.prev,
.nav-links .page-numbers.next {
  display: none;
}

.nav-links .page-numbers {
  display: inline-block;
  width: 31px;
  height: 31px;
  text-align: center;
  vertical-align: top;
}

.nav-links .page-numbers+.page-numbers {
  margin: 0 0 0 7px;
}

.nav-links .page-numbers.dots,
.nav-links .page-numbers.dots+.page-numbers {
  margin: 0;
}

.nav-links .page-numbers.current {
  border-radius: 3px;
  color: #fff;
  background: #424f57;
}

/*	Topbar
-----------------------*/

.topbar {
  height: 45px;
  font-size: 0.9225rem;
  background-color: #1c1c1c;
}

.topbar .wrapper {
  position: relative;
  height: 100%;
  vertical-align: middle;
}

.topbar ul#nav-top {
  position: absolute;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.topbar ul#nav-top li {
  display: inline-block;
  margin-right: 12px;
  color: #fff300;
}

.shortcut-menu li {
  display: inline-block;
  width: 50%;
  margin-bottom: 12px !important;
  color: #fff300;
}

.topbar ul#nav-top li:before,
.shortcut-menu li:before {
  position: relative;
  display: inline-block;
  margin-right: 4px !important;
  font-size: 1.8rem;
}

.topbar ul#nav-top li a,
.shortcut-menu li a {
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
  font-family: 'Antartida', Arial;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff300;
  vertical-align: middle;
}

html[lang=ru-RU] .topbar ul#nav-top li a,
html[lang=ru-RU] .shortcut-menu li a {
  font-size: 0.8rem;
  font-family: 'Roboto', Arial;
}

.languages-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 34px;
  height: 34px;
  background-image: url('_img/language-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.languages-container {
  position: absolute;
  right: 40px;
  width: 0px;
  height: 45px;
  background-color: #fff300;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.5;
  -webkit-box-shadow: -10px 0px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: -10px 0px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: -10px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.languages-container.active {
  width: 200px;
  opacity: 1;
}

.languages-container ul {
  position: relative;
  top: 50%;
  padding: 0 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#billboard-video {
  width: 100%;
  height: auto;
}

/* * * * * Header - Sticky (http://codepen.io/malZiiirA/pen/cbfED)* * * * */

.header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  color: #fff;
  background: var(--dark);
  min-width: 320px;
  z-index: 1000;
  /*overflow: hidden;*/
  /*border-bottom: 1px solid #eee;*/
  transition: height 0.3s;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
}

.header_content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.header.shrink {
  height: 90px;
  border-bottom: 1px solid #cccccc;
}

/* .header .logo {
max-width: 140px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
} */

.header.shrink .logo {
  /*width: 317px;*/
}

.header .logo img {
  width: 100%;
  max-width: 140px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.header.shrink .logo img {
  /*width: 80%;*/
  width: 80px;
}

/* * * * * Header - Navigation * * * * */

/*div.navigation {
float: right;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}*/

.mobilemenu {
  display: none;
  /*position:absolute;*/
  width: 40px;
  height: 40px;
  margin-right: 20px;
  float: right;
}

/*	Drop Down Menu
* 	http://www.cssscript.com/create-a-multi-level-drop-down-menu-with-pure-css/
-----------------------*/

.dropdown {
  /* float: right; */
  height: 100%;
}

.dropdown a {
  font-size: 0.9rem;
  font-weight: 700 !important;
  text-transform: uppercase;
  color: #000000;
}

.dropdown .wrapper {
  text-align: center;
}

.dropdown ul {
  list-style: none;
}

.dropdown a.current {
  color: #000000;
}

.dropdown li.current_page_item a {
  color: #333333;
}

.dropdown>ul li {
  display: inline-block;
  /*height: 70px;
	line-height: 69px;*/
}

.dropdown ul li.current-menu-parent>a,
.dropdown ul li.current-menu-item>a {
  color: #000000;
}

.dropdown>ul>li.current-menu-item,
.dropdown>ul>li.current-menu-parent {
  border-bottom: 6px solid #FFF300;
}


/* Arrow down on main level if has sub-menu */
.dropdown ul li.menu-item-has-children a:after {
  /*content: ' \25bc';
	font-size: 10px;
	vertical-align: middle;
	margin-left: 4px;*/
  /*display: inline-block;
	content: '';
	height: 0;
	width: 0;
	border-top: 5px solid #6e6e6e;
	margin-left: 8px;
	padding-top: 3px;*/
}

.dropdown ul li.menu-item-has-children .sub-menu a:after {
  display: none;
}

.dropdown ul li ul {
  /* IE 10+, Fx 29+ */
  position: absolute;
  display: none;
  background: #f4f4f4;
  opacity: 0;
  -webkit-animation: DropdownFadeIn 0.5s;
  /* Safari 4+ */
  -moz-animation: DropdownFadeIn 0.5s;
  /* Fx 5+ */
  -o-animation: DropdownFadeIn 0.5s;
  /* Opera 12+ */
  animation: DropdownFadeIn 0.5s;
}

.dropdown ul li ul li {
  height: 60px;
  border-top: 0;
  line-height: 60px;
}

/*.dropdown ul li:last-child ul {
right: 0;
}*/

.dropdown ul li a {
  display: block;
  height: 64px;
  margin: 0 10px;
  font-size: 1.067rem;
  line-height: 69px;
  font-weight: 600;
  text-transform: uppercase;
  /* color: #000000; */
  color: #ffffff;
}

.dropdown ul li a:hover,
.dropdown ul li a:focus {
  color: var(--yellow);
}

html[lang=ru-RU] .dropdown ul li a {
  margin: 0 5px;
  font-size: 0.8rem;

}

/*.dropdown>ul>li:last-child a {
margin-right: 0;
}*/

.dropdown ul li.current_page_item>a,
.dropdown ul li.current_page_ancestor>a {
  color: var(--yellow);
}

.dropdown ul li ul li a {
  display: block;
  color: #000000 !important;
  min-width: 200px;
}

.dropdown ul li.menu-item-has-children:hover {
  background: #f4f4f4;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;

}

.dropdown ul li.menu-item-has-children:hover a {
  color: #000000;
}

.dropdown ul li:hover>ul {
  /*position: absolute;*/
  display: block;
  margin-top: 0px;
  /* margin-left: -10px; */
  opacity: 1;
}

.dropdown ul li:hover>ul li:hover ul {
  /*position: absolute;*/
  display: block;
}

.dropdown ul li:hover li {
  float: none;
}

/* .dropdown ul li:hover a, */
.dropdown ul li.current_page_item,
.dropdown ul li.current-menu-item,
.dropdown ul li.current-menu-parent {
  color: #333333;
}

.dropdown ul>li:hover>a {}

/*.dropdown ul li:hover li a:hover { background: #ae1eb3; }*/

.dropdown ul li ul li {
  border-top: 0;
  border-bottom: 1px solid #eaeaea;
}

.dropdown ul ul {
  margin-left: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.dropdown ul ul li {
  display: block;
}

.dropdown ul ul ul {
  top: 0;
  left: 100%;
  /*display: none !important*/
  ;
}

.dropdown .edge {
  top: 0;
  right: 100% !important;
  left: -100%;
  /*display: none !important*/
  ;
}

.dropdown ul:before,
.dropdown ul:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.dropdown ul:after {
  clear: both;
}

.dropdown ul.children li,
.dropdown .menu-item-has-children a {
  text-align: left;
}

/* Breadcrumbs
-----------------------*/

.crumbs_container {
  display: block;
  background-color: #fff300;
}

.crumbs_container .crumbs li:first-child a span {
  display: none;
}

.crumbs_container .crumbs li:first-child a:before {
  content: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBkYXRhLWlkPSJnZW9taWNvbi1ob21lIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGQ9Ik0xNiAwIEwzMiAxNiBMMjggMTYgTDI4IDMwIEwyMCAzMCBMMjAgMjAgTDEyIDIwIEwxMiAzMCBMNCAzMCBMNCAxNiBMMCAxNiBaIj48L3BhdGg+PC9zdmc+");
  position: relative;
  display: inline-block;
  top: -.15em;
  left: auto;
  width: 16px;
  height: 16px;
  border-radius: 0;
  background-color: transparent;
  vertical-align: middle;
}

.crumbs_container.stuck {
  position: fixed;
  top: 90px;
  width: 100%;
  z-index: 10;
}

body .crumbs {
  padding: 12px 10px 12px;
  /*font-weight: 700;*/
  line-height: 1rem;
}


.crumbs li {
  display: inline-block;
  font-size: 12px !important;
  vertical-align: top;
}

.crumbs li+li {
  margin-left: 10px;
}

.crumbs li+li:before {
  content: "\00bb";
  display: inline-block;
  margin-right: 7px;
}

/* .crumbs li:last-child a {
color: #adadad;
} */

/* * * * * Back To Top Button * * * * */

a.back-to-top {
  position: fixed;
  display: none;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  border: 1px solid #f2e600;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fff300 url("_img/up-arrow-black.png") no-repeat center 43%;
  outline: none;
  text-indent: -9999px;
  z-index: 999;
  opacity: 0.8;
}

#footer {
  color: #c7c7c7;
  background-color: #1a1a1a;
}

#footer .linklist {
  display: block !important;
  font-weight: 600;
}

#footer .linklist li {
  margin-bottom: 0.8rem;
}

#footer-lower {
  color: #c7c7c7;
  background-color: #000000;
}

#footer-lower .wrapper {
  max-width: 800px;
}

#footer-lower ul#lang-footer {
  text-align: right;
}

#footer-lower .ce-block {
  padding: 30px 0;
}

#footer-lower .footer-icon {
  display: inline-block;
}

#footer-lower .footer-icon+.footer-icon {
  margin-left: 2%;
}

.footer-icon>:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

#footer a {
  color: #c7c7c7;
}

#footer a:hover,
#footer a:focus {
  color: var(--yellow);
}

#footer .parts-4 {
  color: #ffffff;
}

#nav-footer:before {
  content: '';
  display: none;
  width: 30px;
  height: 3px;
  margin: 20px 0;
  background-color: #fff300;
}

.footer-logo {
  margin-bottom: 4rem;
}

.footer-columns {
  display: flex;
  gap: 4rem;
}

.footer-column {
  flex: 1;
}

/* 	Responsive Menu Plugin
-----------------------*/

#responsive-menu-container #responsive-menu li.responsive-menu-item a {
  font-weight: 600;
  color: #fff300;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
  color: #fff300;
}

#responsive-menu-container .shortcut-menu {
  display: none;
}


/* 	Accordion
*	http://css-plus.com/2011/08/create-accordions-with-css3-html5-and-jquery/

-----------------------*/
.accordion {
  margin-bottom: 5px;
}

.accordion>a {
  display: block;
  text-decoration: none;
}

.accordion>.accordion_title {
  position: relative;
  margin: 0;
  padding: 22px;
  font-size: 1.6rem;
  font-weight: 300;
  color: #000000;
  background-color: #fff300;
  /*text-indent: 10px;*/
  transition: all 0.3s ease;
}

.accordion>.accordion_title:hover {
  background-color: #f7eb00;
  cursor: pointer;
}

.accordion>.accordion_title span::-moz-selection,
.accordion>.accordion_title span::selection {
  background: none;
}

/*.accordion > .accordion_title span.tab_closed {
font-weight: 300;
font-size: 1.6rem;
margin-right: 6%;
margin-bottom: 2px;
display: inline-block;
transition: transform 0.3s ease-in-out 0s;
position: absolute;
right: 0;
top: 27%;
}*/

.accordion>.accordion_title span.tab_closed {
  position: absolute;
  display: inline-block;
  top: 32%;
  right: 0;
  width: 28px;
  height: 28px;
  margin-right: 6%;
  border: 2px solid #000000;
  border-radius: 50%;
  font-size: 1.6rem;
  line-height: 23px;
  font-weight: 300;
  text-align: center;
  transition: transform 0.3s ease-in-out 0s;
}

.accordion>.accordion_title span.tab_open {
  -ms-transform: rotate(-225deg);
  /* IE 9 */
  -webkit-transform: rotate(-225deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-225deg);
}

.accordion_content {
  margin: 0 !important;
  padding: 30px;
  color: #000000;
  background-color: #ffffff;
}

.accordion_content a {
  color: #000000;
}

.accordion.kartta .accordion_content {
  padding: 0;
}

.accordion.kartta .accordion_content img {
  height: auto;
  max-width: 100%;
}

.ce-block.map-template {
  background-color: #F4F4F4;
}

.ce-block.map-template .wrapper,
.list-of-vessels .wrapper {
  max-width: 100%;
}

.list-of-vessels iframe {
  padding: 10px;
  border: 1px solid #DFDFDF;
}

.list-of-vessels iframe table table {
  width: 100% !important;
}

/* CE - Accordion
* * * * * * * * * * */

.ce-accordion {
  background-color: #F4F4F4;
}

.ce-accordion .column {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

.ce-accordion .column+.column {
  margin-left: 2%;
}


.ce-accordion .column.parts-2:nth-child(1n+3) {
  margin-top: 1%;
}

.ce-accordion .column.parts-2:nth-child(2n+1) {
  margin-left: 0 !important;
}

/* Template: Satama
* * * * * * * * * * */

.satama-linkki {
  position: relative;
  height: 540px;
  padding: 80px 0;
  text-align: center;
  background-color: #CCCCCC;
  background-size: cover;
  background-position: 50%;
}

.satama-linkki:before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+66,000000+100&0+66,0.6+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0.6) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0.6) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
  /* IE6-9 */
}

.satama-title {
  position: relative;
  margin-bottom: 2rem;
  padding: 0 0 0;
  font-size: 2.133rem;
  line-height: 1.25;
  font-family: 'TT Squares';
  font-weight: 700;
  text-transform: uppercase;
  color: #fff300;
}

.satama-linkki a.button {
  position: absolute;
  display: block;
  bottom: 15%;
  left: 50%;
  width: 80%;
  color: #FFFFFF;
  border-color: #FFFFFF;
  transform: translateX(-50%);
}

.satama-linkki a.button:hover {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

/* Template: Home
* * * * * * * * * * */
.home-stats {
  font-size: 1.1rem;
  color: #ffffff;
  background-color: var(--dark);
  overflow: hidden;
}

.home-stats-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 4rem;
  max-width: 1300px;
  width: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
  box-sizing: border-box;
}

.home-stats-col:first-child {
  padding-right: 4rem;
  border-right: 1px solid #666666;
}

.home-stats-row:first-child {
  position: relative;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
}

.home-stats-row:first-child:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #666666;
}

/* .home-stats-left .home-stats-row:first-child:after {
  left: -4rem;
} */

.home-stats-vessels {
  width: 100%;
}

.home-stats-vessels+*,
.home-stats-weather+* {
  margin-top: 2rem;
}

.home-stats-weather a {
  text-decoration: underline;
}

.home-stats-vessels th,
.home-stats-vessels td {
  padding: 0.5rem;
  text-align: left;
}

.home-stats h2 {
  font-size: 2rem;
  color: var(--yellow);
}

.home-stats-date {
  text-transform: capitalize;
}

.home-stats-vessels th,
.home-stats-date,
.home-stats-phone {
  font-size: 1.5rem;
  line-height: 1.25;
  font-family: 'TT Squares';
}

.home-stats-phone h2 {
  margin-bottom: 0.5rem;
}

.home-stats-loader {
  display: block;
  width: 3rem;
  height: 3rem;
  border: 0.5rem solid #f3f3f3;
  border-top: 0.5rem solid var(--yellow);
  border-radius: 50%;
  animation: loaderSpin 2s linear infinite;
}

.home-stats .is-hidden {
  display: none;
}

.home-stats-weather p {
  display: flex;
  align-items: center;
}

.home-stats-weather img {
  display: block;
  width: 2rem;
  height: auto;
  margin-right: 1rem;
}

@keyframes loaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

.home-stats-safety-link {
  position: relative;
  padding-left: 3rem;
  display: inline-block;
}

a.home-stats-safety-link:hover,
a.home-stats-safety-link:focus {
  color: var(--yellow);
}

.home-stats-safety-link:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-top: 1rem solid transparent;
  border-left: 2rem solid yellow;
  border-bottom: 1rem solid transparent;
}

/*
* Home stats traffic and cargo charts
*/
.home-charts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
  row-gap: 4rem;
}

.home-charts .is-hidden {
  display: none !important;
}

.home-charts canvas {
  width: 100% !important;
}

@media screen and (max-width: 1200px) {
  .home-charts {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 960px) {
  .home-charts {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 768px) {
  .home-charts {
    grid-template-columns: 1fr;
  }
}

.home-services-list {
  display: grid;
  margin: 0 auto;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  max-width: 1000px;
}

.home-services-item {
  padding: 3rem 2rem 2rem;
  text-align: center;
  background: var(--yellow);
}

.home-services-image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 60px;
  margin-bottom: 2rem;
}

.home-services-item img {
  height: auto;
  max-width: 100%;
  max-height: 60px;
}

a.home-services-link {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: center;
  hyphens: auto;
  word-break: break-word;
}

.linkboxes {
  display: grid;
  grid-template-columns: 50% 50%;
}

.linkboxes-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8rem 3rem;
  text-align: center;
  color: #ffffff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.linkboxes-item:last-child:before {
  display: none;
}

.linkboxes-item:before {
  background-color: #1c1c1c;
  z-index: -1;
  opacity: 0.5;
}

.linkboxes-item h2,
.linkboxes-item h3,
.linkboxes-item h4 {
  color: var(--yellow);
}

.linkboxes-item-content {
  font-size: 1.2rem;
  line-height: 1.7rem;
  max-width: 350px;
}

a.linkboxes-item-link {
  padding: 1rem 1.5rem;
  font-size: 1.2rem;
  border-color: #ffffff;
}

a.linkboxes-item-link:hover,
a.linkboxes-item-link:focus {
  border-color: #000000;
}

/* Template: All Posts
* * * * * * * * * * */

.posts-container {
  background-color: #f4f4f4;
}

.posts-container .column {
  width: 33.333%;
  margin-left: 0;
  padding: 0 3%;
}

.post-intro {
  position: relative;
  height: 420px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 2px 2px 7px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 2px 2px 7px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 2px 2px 7px 0px rgba(50, 50, 50, 0.15);
}


.post-intro .post-info {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: #7E7E7E;
}

.post-intro:hover {}

.post-intro h3 {
  font-size: 1.25rem;
  line-height: 1.5;
}

.post-intro .featured-image {
  height: 200px;
  background-color: #f9f9f9;
  background-size: cover;
}

.post-intro .content {
  padding: 20px;
  overflow: hidden;
}

.post-intro .content:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

.filters {
  background-image: url(_img/yellow-bg.jpg);
  background-size: cover;
}

/* Template: Single Post
* * * * * * * * * * */

body.single #billboard {
  display: none;
}

article.hentry .post-info div {
  height: 32px;
}

article.hentry .post-info>div:first-child {
  padding: 5px 0;
}


.post-featured-image,
.post-info {
  margin-bottom: 2rem;
}

.post-featured-image img {
  width: 100%;
  height: auto;
}

.latest-posts {
  color: #ffffff;
  background-color: #000000;
}

.latest-posts h2 {
  color: var(--yellow);
}

.latest-posts-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

.latest-posts h3 {
  margin-top: 0.5rem;
  margin-bottom: 1.2rem;
  font-size: 1.2rem;
  line-height: 1.7rem;
  font-family: 'Antartida';
  text-transform: none;
}

.latest-posts-readmore,
.latest-posts-readmore:visited {
  color: var(--blue);
}

.latest-posts-readmore {
  padding-right: 1.5rem;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--blue);
  font-weight: 700;
  background-image: url('./_img/link-arrow.svg');
  background-position: right top;
  background-repeat: no-repeat;
}

/* Template: Single Post
*  Share Buttons
* * * * * * * * * * * * * */
.share-buttons {
  text-align: right;
}

.share-buttons img {}

.share-buttons img:hover {}



/* Template: Palvelut
* * * * * * * * * * */

.accordion.company .column {
  width: 60%;
}

.accordion.company .column+.column {
  width: 32%;
}

.accordion.company img.company-logo {
  margin-bottom: 1.5em;
}

/* Wordpress Gallery - Forced to 3 columns
* * * * * * * * * * */

.gallery {
  width: 100%;
  margin: 0;
}

.gallery br {
  display: none !important;
  clear: none !important;
}


.gallery .gallery-item {
  position: relative;
  display: inline-block;
  width: 28% !important;
  height: 200px;
  margin-top: 0;
  margin-left: 8%;
  text-align: center;
  overflow: hidden;
}


.gallery-item:first-child,
.gallery-item:nth-child(3n+1) {
  margin-left: 0 !important;
}

.gallery-item:nth-child(1n+4) {
  margin-top: 30px;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 280px !important;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-width: none !important;
}

.gallery img:hover {
  background: white;
}

.gallery-columns-2 .attachment-medium {
  height: auto;
  max-width: 92%;
}

.gallery-columns-4 .attachment-thumbnail {
  height: auto;
  max-width: 84%;
}

.gallery .gallery-caption {
  margin: 0 0 12px;
  font-size: 12px;
  color: #888;
}

.gallery dl,
.gallery dt {
  height: 100%;
  margin: 0;
}

.gallery br+br {
  display: none;
}

/* Reference Logos
* * * * * * * * * * */

.references {
  background-color: #F4F4F4;
}

.references .wrapper {
  text-align: center;
}

.references .reference-logo {
  display: inline-block;
  width: 15%;
  margin: 0 2%;
  text-align: center;
  min-width: 150px;
}

/*.partners .partner-logo:nth-child(8n) {
margin-left: 0 !important;
}*/


/*.partners .partner-logo+.partner-logo{
margin: 2%;
}*/

.references .reference-logo img {
  width: 100%;
  height: auto;
}


/* Magnific Popup - Fade Effect
* * * * * * * * * * * * * */

.mfp-fade.mfp-bg.mfp-ready {
  opacity: .8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


.mfp-arrow-left:before {
  border-right: none !important;
}

.mfp-arrow-left:after {
  margin-left: 48px !important;
  border-right: 27px solid #FFF !important;
}

.mfp-arrow-right::before {
  border-left: none !important;
}

.mfp-arrow-right:after {
  margin-left: 22px !important;
  margin-right: 48px !important;
  border-left: 27px solid #FFF !important;
}

.mfp-arrow::after {
  top: 8px;
  border-top-width: 23px !important;
  border-bottom-width: 23px !important;
}


/*.mfp-arrow-left:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 40%;
background: red;
-webkit-transform: skew(135deg, 0deg);
-moz-transform: skew(135deg, 0deg);
-ms-transform: skew(135deg, 0deg);
-o-transform: skew(135deg, 0deg);
transform: skew(135deg, 0deg);
}


.mfp-arrow-left:after {
content: '';
position: absolute;
top: 100%;
right: 60%;
height: 100%;
width: 40%;
background: red;
-webkit-transform: skew(-135deg, 0deg);
-moz-transform: skew(-135deg, 0deg);
-ms-transform: skew(-135deg, 0deg);
-o-transform: skew(-135deg, 0deg);
transform: skew(-135deg, 0deg);
}*/

/* Magnific Popup - Close Button
* * * * * * * * * * * * * */

.mfp-close-btn-in .mfp-close {
  color: #ffffff !important;
}

.mfp-close {
  font-size: 70px !important;
  font-weight: 300 !important;
}

.ce-block.filters {
  padding: 30px 0;
}

.filter-container {
  border: 1px solid #000000;
  background: transparent url("_img/select-arrow-down.png") no-repeat 95% 50%;
  overflow: hidden;
}

.filter-container .filter-select {
  width: 105%;
  margin: 0;
  padding: 15px 12px;
  border: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.filter-container .filter-select:focus {
  outline: none;
}


/*	Custom CSS radio buttons for CF7
*	Requires javascript convert radio-spans to labels -> main.js
* * * * * * * * * * * * * * * */

.wpcf7-radio .wpcf7-list-item+.wpcf7-list-item {
  margin-left: 8px;
}

.wpcf7-checkbox label.wpcf7-list-item {
  display: block;
}

.wpcf7-list-item>input[type=radio],
.wpcf7-list-item>input[type=checkbox] {
  position: absolute;
  left: -1000px;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  z-index: -1000;
  overflow: hidden;
  clip: rect(0 0 0 0);
}


.wpcf7-list-item-label {
  cursor: pointer;
}

.wpcf7-list-item>input[type=radio]+.wpcf7-list-item-label:before,
.wpcf7-list-item>input[type=checkbox]+.wpcf7-list-item-label:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border: 3px solid #ededed;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  cursor: pointer;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wpcf7-list-item>input[type=checkbox]+.wpcf7-list-item-label:before {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.wpcf7-list-item>input[type=radio]:checked+.wpcf7-list-item-label:before,
.wpcf7-list-item>input[type=checkbox]:checked+.wpcf7-list-item-label:before {
  border: 3px solid #00ff00;
  background-color: #fff300;
  -webkit-box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, 0.75);
}

.ce-block.kulkulupa {
  padding: 100px 0;
  background-image: url(_img/hae-kulkulupaa-bg.jpg);
}

.ce-block.kulkulupa p {
  padding: 0;
}

.ce-block.webcam img {
  width: 100%;
  height: auto;
}

.webcamimage-wrap {
  position: relative;
}

.webcamimage-wrap:after {
  content: '';
  display: block;
  padding-bottom: 56.25%;
}

#webcamimage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@keyframes DropdownFadeIn {
  0% {
    display: none;
    opacity: 0;
    /*transform-origin: top left;*/
  }

  1% {
    display: block;
    opacity: 0;
    /*transform: scale(0);
		transform-origin: top left;*/
  }

  100% {
    opacity: 1;
    /*transform: scale(1);
		transform-origin: top left;*/
  }
}




/*
* Move WP admin bar to bottom
*/

:root {
  margin-top: 0 !important;
}

#wpadminbar {
  top: auto !important;
  bottom: 0 !important;
}

#wpadminbar .menupop>.ab-sub-wrapper {
  bottom: 100%;
}

#wpadminbar .menupop>.ab-sub-wrapper .menupop>.ab-sub-wrapper {
  bottom: 0;
}


/* Style links in Privacy Policy text */
body.page-id-1783 .ce-single-column a:not(.button),
body.page-id-1858 .ce-single-column a:not(.button),
body.page-id-1925 .ce-single-column a:not(.button) {
  text-decoration: underline;
}

/* Cookiebot style overriders */

.CybotCookiebotDialogHeader,
.CookiebotWidget-main-logo,
#CybotCookiebotDialogHeader,
#CybotCookiebotDialogPoweredByText {
  display: none !important;
}