@charset "utf-8";
* {padding:0; margin:0; border:0; outline:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
body {background-color:#fff; padding:0; color:#666; font-family: Helvetica, Arial, sans-serif; letter-spacing:1px; line-height:1.4em; margin:2px 0 0 0; -ms-text-size-adjust:100%; -moz-text-size-adjust:100%; -o-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
:root {font-size:18px;}
/* EF colours Blue #4d84bb Dark Blue #243c53 Green #669933 lt-gry #f5f5f5 gry #626262 Dark grey #434343 Orange #d47d00 Red #B30000 blk #404040 Search box border gry #acb1b7 */
/* Remove rounded corners on iOs */
input {-webkit-appearance:none;}
img {border:none; max-width:100%;}
img.lazy {width:100%;}
img.tag {margin:0 0.1em 0 0; padding:0;}
.no-br {white-space:normal;}
.no-br-all {white-space:nowrap;}
.spacing-zero {letter-spacing:0px;}
.spacing-half {letter-spacing:.5px;}
.uline {text-decoration:underline;}
.no-uline {text-decoration:none;}
.no-uline-bld {text-decoration:none; font-weight:bold;}
p {margin:0 .3em 1em .3em; padding:0;}
p.homeIntro {display:none;}
p.center {text-align:center;}
a {outline:0; color: #4d84bb;}
a:active, a:hover, a:focus {color: #669933;}
.space a {margin-right:5px; margin-bottom:7px;}
h1, h2, h3, h4, p.brief, p.links {font-weight:bold; color:#4d84bb; font-size:1.2rem; margin:0 0 0.5em 0;}
p.brief, p.links {margin:0 .3em .5em .3em;}
p.links {clear:left;}
p.providers {font-weight:bold; font-size:.9em; color:#626262; text-transform:uppercase; margin-bottom:.1em;}
.direct-links {display:block; font-weight:normal; font-size:.8rem; color:#666; line-height:1.1rem;}
h1 {font-size:1.4rem; line-height:1.7rem; text-align:center; padding:0.5em 0 0 0;}
h2 {line-height:1.7rem; font-size:1.3rem; letter-spacing:-1px; padding:0.5em 0;}
h3 {font-size:1.1rem;}
h4 {font-size:1.1rem;}
.sm {font-size:.9rem;}
.uppercase {text-transform:uppercase; font-size:.9em;}
h1 .subheading, h2 .subheading {display:block; font-size:1rem; color:#666; line-height:1.4rem;}
.bott {margin-bottom:.1em;}
hr {height:1px; border-width:0; color:#999999; background-color:#999999;}
ul, ol {margin:0 .3em 1em .3em; padding:0 0 0 1em; display:table;}
ol {padding:0 0 0 1.6em;}
li ul, li ol {list-style:square;}
#drop ul.mainmenu, #drop ul.sub {margin:0; padding:0;}
.off {display:none;}
.future, .future a {text-decoration:none; color:#626262;}
a.future-blk {text-decoration:none; color:#404040;}
ul.jump {border:1px solid #fff; border-radius:5px; overflow:hidden; padding:.3em .7em; margin:0 auto; margin-bottom:1em; list-style-type:none;}
ul.jump li {background: url(../images/bullet_jump.png) no-repeat 0 5px; padding: 0 0 .5em 5px; float:none; width:100%;}
ul.jump li.rt {background: url(../images/bullet_jump_right.png) no-repeat 0 5px;}
ul.jump li.gr {background: url(../images/bullet_jump_gr.png) no-repeat 0 5px;}
ul.jump li.orng {background: url(../images/bullet_jump_orng.png) no-repeat 0 5px;}
ul.jump li.gr a {color:#669933;}
ul.horiz25 li {float:left; width:50%;}
ul.horiz25w li, ul.horiz50 li, ul.horiz33 li {float:left; width:100%;}
li.related {width:100% !important; font-weight:bold;}
ul.jump li.jump-sub {background:none;}
ul.jump a {display:block; text-decoration:none; padding-left:1em;}
.lists-float {display:inline-block; margin:0 0 1em 0; width:100%;}
.lists-float ul, .lists-float ol {display:inline-block; float:left; margin-right:1em; margin-bottom:0;}
ul.section-index {list-style-type:none; margin:1em .3em .9em .3em; padding:0;}
ul.section-index li {margin:0 0 .6em 0;}
ul.related-links {list-style-type:none; padding:0;}
ul.related-links li {background: url(../images/bullet_jump_right.png) no-repeat 0 5px; padding-left:1.1em; margin:0 0 .8em 0;}
ul.related-links a {font-weight:bold;}
ul.related-links a.normal, ul.section-index a.normal {font-weight:normal;}
ul.section-index a {font-weight:bold; color:#4d84bb; background:none; margin:0 .5em 0 0;}
/*Nested lists in Related*/
ul.related-links li ul, ul.related-links li ol {list-style-type:square; margin:0; padding:0;}
ul.related-links li ul li, ul.related-links li ol li {background:none; padding:0; margin:0;}
ul.related-links li ul a, ul.related-links li ol a {font-weight:normal;}
#Metric {display:none; width:100%;}
#Metric ul {list-style:none; padding:0; margin:0 auto; margin-bottom:1em;}
#Metric p {clear:both;}
/*ULs in #Metric*/
ul.col2xw50 li, ul.col3xw33 li {float:left; white-space:nowrap;}
ul.col3xw33 li:nth-child(3n+3) {width:110px;}
ul.col2xw50 li:nth-child(2n+2), ul.col3xw33 li:nth-child(3n+2) {clear:both; width:65px;}
/* USED FOR CONVERSIONS ON GROCERIES PAGE
3n+2 means "every 3, starting at 2nd" w3schools.com/cssref/sel_nth-child.asp */
.w80 {display:inline-block; width:80px;}
.w90 {display:inline-block; width:90px;}
.w100 {display:inline-block; width:100px;}
.w125 {display:inline-block; width:125px;}
.w150 {display:inline-block; width:150px;}
.w200 {display:inline-block; width:200px;}
.w250 {display:inline-block; width:250px;}
.blk, .blk a, a.blk {color:#404040;}
.orng, .orng a, a.orng {color:#d47d00;}
.orngBld, .orngBld a, a.orngBld {color:#d47d00; font-weight:bold;}
.gr, .gr a, a.gr {color: #669933;}
.grBld, .grBld a, a.grBld {font-weight:bold; color:#669933;}
.gry, .gry a, a.gry {color:#626262;}
.gryBld, .gryBld a, a.gryBld {font-weight:bold; color:#626262;}
.red, .red a, a.red {color:#B30000;}
.blue {color:#4d84bb;}
.hd {font-weight:bold; color:#4d84bb;}
.ulHd, .blHd, .grHd, .orngHd {font-weight:bold; margin-bottom: 0.1em;}
.blHd {color:#4d84bb;}
.grHd {color:#669933;}
.orngHd {color:#d47d00;}
input[type=text], textarea, select {border-radius:5px; font-family: Arial, Helvetica, sans-serif;}
.display-off-lt450 {display:none;}
.display-off-lt768 {display:none;}
.display-off-lt1024 {display:none;}
.display-on-lt768 {display:inline;}
/*---HEAD BLOCKS---*/
.main {padding:0; margin:0 2px 1em 2px; overflow:hidden;}
/*--- FEATURE-MOBILE
CSS embedded in feature-mobile.html:
body {width:100%; margin:0; padding:0;}
Add feature-mobile to a site page:
Add
above
feature-mobile height is fixed pixels, set in #feature-mobile
feature-mobile margin is 3 0 0 0 plus 2 from main body, to equal search-mobile margin 5 0 0 0
Colour the border to match client's link*/
#feature-mobile {display:block; width:100%; height:43px; margin:3px 0 0 0; padding:0; border:1px solid #e04300; border-radius:5px;}
/*Style of the link in feature-mobile.html*/
.client {display:table; width:100%; height:40px; margin:0; padding:0;}
.client a {display:table-cell; width:100%; text-align:center; vertical-align:middle; text-decoration:none; font-size:1rem; color:#e04300;}
/* ----- EF SEARCH----- */
.search {display:none;}
.search-mobile {display:block; width:100%; margin:5px 0 0 0; padding:0;}
.search-mobile form {display:block; float:left; clear:none; padding:0; margin:0; width:100%;}
.search-mobile form input[type=text] {margin:0 0 7px 0; padding:5px; width:100%; color:#4d84bb; font-size:1.1rem; text-align:center; border:1px solid #acb1b7; background: #fcfcfc url(../images/search_ani.gif) no-repeat 7px 7px; border-radius:5px;}
.search-mobile form ::placeholder {color:#7e7e7e; }
.printlogo {display:none}
.ef {display:table; width:100%; background:#4d84bb url(../images/logo_mobile.png) no-repeat; padding:0; margin:0; height:75px; color:#fff; min-width:275px; border-top-left-radius:7px; border-top-right-radius:7px; border-bottom-right-radius:0; border-bottom-left-radius:0; overflow:hidden;}
.logo {float:left;}
.logo a, .logo img {width:130px; height:75px; opacity:0; filter:alpha(opacity=0);}
a.map-link-wht {display:none;}
/*--- FEATURE and SEASONS
CSS embedded in feature.html and season.html:
body {width:100%; margin:0; padding:0; font-size:16px;}
styles for season.html are embedded in document
*/
.feature {display:none;}
.seasons {display:none;}
.feature .object-feature, .seasons .object-seasons {width:200px; height:200px; border:none; margin-bottom:-5px;}
#feature-main, #feature-finger, #feature-jokes {display:block; background:url(../images/feature/rhino_car_hire_20180220.jpg) no-repeat; width:200px; height:200px; margin:0; padding:145px 5px 5px 5px; border:0; overflow:hidden;}
#feature-finger {background-image:url(../images/feature/fingerpori_20170531.jpg);}
#feature-jokes {background-image:url(../images/feature/jokes_fingerpori.gif);}
.feature-details {padding:0; margin:0; overflow:visible; white-space:nowrap; line-height:1.1em; color:#666;}
#mobilenav {height:75px; float:right; padding:0; margin:0;}
#mobilenav a {display:block; height:75px; color:#fff; text-decoration:none; padding:24px 10px 0 0;}
#mobilenav a img {margin-left:10px; position:relative; top:5px;}
.menu, .loc {display:none;}
/* ----- ADS FOR MOBILE----- */
.rightmobile {clear:both; display:block; width:auto; text-align:center; margin:0 0 .7em 0;}
.rightmobile img {width:100%; min-width:280px; max-width:450px; height:auto;}
.right, .right-contact {display:none;}
/* ----- NAV DROPDOWN ----- */
#drop {display:block; clear:both; width:100%; margin:0; padding:.5em 0 0 0; border:0; background-color:#fff; z-index:10;}
#drop ul {list-style:none; width:100%; margin:0; padding:0; border:0; display:none;}
#drop li {display:block;}
#drop li a {display:block; position:relative; text-decoration:none;}
img.nav-icon {position:absolute; top:50%; left:.5em; transform:translateY(-50%);}
#drop ul.mainmenu li {width:100%; margin:0 0 .5em 0; padding:0 1%; border:0px; background-color:#4d84bb; border-radius:5px; text-align:center;}
#drop ul.mainmenu li a {width:100%; color:#fff; font-size:1.2rem; font-weight:bold; padding:.3em 0 .3em 1.5em;}
.submenu {display:block; width:100%; margin:-14px 0 10px 0; padding:5px; width:100%; color:#4d84bb; font-size:1rem; text-align:center; border:1px solid #4d84bb; background: #fcfcfc; border-radius:5px;}
.submenu a {display:block; width:100%; color:#4d84bb; text-decoration:none;}
.submenu img {position:relative; top:3px;}
#drop ul.sub li {width:100%; margin:0 0 5px 0; padding:0; text-align:center;}
#drop ul.sub li:last-child {padding-bottom:25px !important;}
#drop ul.sub li a {width:100%; color:#4d84bb; font-size:1rem; font-weight:normal; padding:3px 0;}
#drop ul.sub li a:hover {text-decoration:underline; color:#666666;}
#drop ul.sub li a.selected {color:#669933;}
#drop ul.sub li.subhead {margin:.5em 0 .5em 0;}
#drop ul.sub li.subhead a {display:block; color:#4d84bb; font-size:1.3rem; font-weight:bold; text-decoration:none;}
#drop ul.sub li.subhead a img {position:relative; top:1px; margin:0 0 0 15px;}
#drop ul.sub li.subclose {background-color:#4d84bb; border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:7px; border-bottom-left-radius:7px;}
#drop ul.sub li.subclose a {color:#fff; background:none;}
#drop ul.close {display:none;}
/*---CONTENT---*/
.content {clear:left; float:left; display:inline; margin:0; margin-bottom:1em; padding:.7em 0 0 0; opacity:1;}
.blue-box, .orng-box, .gr-box {display:table; color:#fff; border-radius:5px; background-color:#4d84bb; padding:1em 1em 0 1em; margin:0 0 1em 0; line-height:1.3em;}
.orng-box {background-color:#d47d00;}
.gr-box {background-color:#669933;}
.blue-box .schedule {color:#4d84bb; text-align:center; border-radius:3px; background-color:#fff; padding:.5em; margin:0 0 .5em 0; line-height:1.3em;}
.blue-box a, .orng-box a, .gr-box a, .blue-box h2, .orng-box h2, .gr-box h2, .blue-box h3, .orng-box h3, .gr-box h3 {color:#fff;}
.blue-box .schedule a {color:#4d84bb;}
.listing, .listing-wide {display:flex; flex-wrap:wrap; border-radius:5px; background-color:#f5f5f5; margin:0 0 2em 0;}
.listing-info, .listing-info-wide {flex:100%; margin:0; padding:0;}
.listing-info p, .listing-info-wide p {padding:1em; margin:0;}
.listing-info .bott, .listing-info-wide .bott {padding-bottom:.1em;}
.listing-info .last, .listing-info-wide .last {padding-top:0;}
.listing-info ul, .listing-info-wide ul, .listing-info ol, .listing-info-wide ol {padding: 0 1em 0 2em; margin:0;}
.listing-contact, .listing-contact-wide {flex:100%; color:#fff; border-radius:5px; background-color:#4d84bb; padding:1em; margin:0; line-height:1.7em;}
.listing-contact-wide p {color:#fff; padding:0; margin:0;}
.listing-contact a, .listing-contact-wide a {color:#fff;}
.web, .web-wide, .quote, .address, .address-wide, .person, .tel, .tel-wide, .email, .gallery, .hours, .fbook, .igram, .lnkdin {padding:0 0 0 25px; background: url(../images/icons/web.png) no-repeat 0 5px;}
.web-wide, .address-wide, .tel-wide, .quote {display:inline-block; margin-right:10px;}
.address, .address-wide {background-image:url(../images/icons/address.png);}
.tel, .tel-wide {background-image:url(../images/icons/phone.png);}
.person {background-image:url(../images/icons/person.png);}
.quote {background-image:url(../images/icons/quote.png);}
.email {background-image:url(../images/icons/email.png);}
.gallery {background-image:url(../images/icons/photos.png);}
.hours {background-image:url(../images/icons/clock.png);}
.fbook {background-image:url(../images/icons/facebook.png);}
.lnkdin {background-image:url(../images/icons/linkedin.png);}
.igram {background-image:url(../images/icons/instagram.png);}
ul.others {list-style-type:none; font-weight:bold; color:#626262; padding:0;}
ul.others li {background:url(../images/bullet_right_gry.png) no-repeat 0 5px; padding-left:1.1em;}
ul.others li.euro {background-image:url(../images/euro_l.png);}
ul.others li.euro span {font-size:.9em; font-weight:normal;}
ul.others li.euro span a {text-decoration:underline;}
ul.others a {color:#626262; text-decoration:none;}
ul.others li.euro a {color:#b2b2b2;}
#secintro {display:none;}
p.navintro, p.mobilenavintro {width:auto; margin:0px auto; margin-bottom:1em;}
p.navintro {display:none;}
p.mobilenavintro {display:table;}
.photo {display:block; width:auto; text-align:center; margin: 0 0.3em 0.3em 0.3em;}
.photo img {width:100%; max-width:470px; height:auto;}
a.fpf {float:right; clear:none; width:auto; height:auto; margin:0; display:none;}
a.fpf img {width:100%; max-width:142px; height:auto; margin:0 0 0 1em;}
.home-content-left, .home-content-right {display:block; margin:0px; padding:0; width:100%;}
.heading {display:block; clear:both; color:#fff; font-size:1.1rem; font-weight:bold; background-color:#4d84bb; border-radius:5px; padding:.3em .3em; margin-bottom:.8em;}
.home-content-left p, .home-content-right p {clear:both;}
.home-content-left a, .home-content-right a {display:inline-block; float:right; color:#fff; text-decoration:none; border-radius:5px; margin:.3em .3em 1em .3em; padding:.1em 1.7em .1em .5em; background: #243c53 url(../images/bg_butt_arrow_right.png) no-repeat; background-position:right center;}
body .ui-tooltip {border-width: 2px;}
/*--- VIDEOS ---*/
.video480 {width:288px; height:216px;}/* ----- 60% 480x360----- */
.video640 {width:288px; height:162px;}/* ----- 45% 640x360----- */
/*---SOCIAL SHARE BUTTONS---*/
ul.share {display:table; list-style:none; padding:0; margin:0 auto; margin-bottom:.7em; clear:left;}
ul.share li {display:inline; margin:0 5px;}
ul.share img {width:32px;}
/*---ADD TO HOME SCREEN FOR MOBILE---*/
.visible-android {display:none;}
.visible-ios {display:none;}
.on-device .visible-android, .on-device .visible-ios {font-size:1rem; clear:both; color:#fff; text-align:center; padding:.3em 0 .3em 0; width:280px; border:1px hidden #fff; background-color:#243c53; border-radius:4px; display:block; margin:0px auto; margin-top:2em; margin-bottom:.5em;}
.on-device .visible-android a, .on-device .visible-ios a {color:#fff; text-decoration:none;}
.device-ios .visible-android {display:none !important;}
.device-ios .hidden-ios {display:none !important;}
.device-android .hidden-android {display:none !important;}
.device-android .visible-ios {display:none !important;}
#add-ios img, #add-android img {height:1em; margin-left:.5em;}
#add-android img {height:.9em;}
/*---FOOTER---*/
.footer {display:block; clear:both; width:100%; background:#243c53; border-radius:7px; margin:0; padding:.5em 0 0 0; font-size:1rem; color:#fff;}
.footer a {color:#fff;}
.footer a.top {font-size:1.3rem; text-align:center; padding:.2em; width:4em; border:1px hidden #fff; background-image: linear-gradient(#4d84bb, #243c53); border-radius:5px; display:block; margin:0 auto; position:relative; top:-1em; text-decoration:none;}
.footBlock {display:block; width:50%; float:left; margin:0 0 1em 0; padding:0; font-size:.9rem;}
.footBlock.admin, .footBlock.media, .footBlock.gov, .footBlock.news {}
.footBlock.soc, .footBlock.finland {clear:left;}
.footBlock ul {list-style-type:none; display:table; width:auto; margin:0px auto;}
.footBlock li {margin:0 0 1em 0; text-align:left;}
.footBlock a {display:block; margin:0; text-decoration:none;}
.footBlock li.footHd {font-weight:bold; font-size:.85rem; text-transform:uppercase;}
.footBlock li.footHd.graphic, .footBlock a.graphic {text-align:center;}
li.desktops {display:block; padding-left:.3em; height:100%; width:100%; background-color:#243c53; background-image: linear-gradient(#ec7000, #9f0003, #243c53, #11273c); border-radius:4px;}
.footBlock a.cont-EF {font-weight:bold; background-color:#4d84bb; border-radius:4px; text-indent:6px; width:82%;}
.footBlock a.kela, .footBlock a.tax, .footBlock a.migri, .footBlock a.fb, .footBlock a.jokes, .footBlock a.fingerpori {text-indent:26px; white-space:nowrap;}
.footBlock a.kela {background:url(../images/kela_sm.png) no-repeat 0 2px;}
.footBlock a.tax {background:url(../images/tax_sm.png) no-repeat 0 2px;}
.footBlock a.migri {background:url(../images/migri_sm.png) no-repeat 0 2px;}
.footBlock a.fb {background:url(../images/fb_sm.png) no-repeat 0 2px;}
.footBlock a.jokes {background:url(../images/jokes_sm.png) no-repeat 0 2px;}
.footBlock a.fingerpori {background:url(../images/fingerpori_sm.png) no-repeat 0 2px;}
.site-info {display:block; clear:both; width:100%; text-align:center; font-size:.8rem; padding:0 0 .8em 0; position:relative; top:0;}
a.sawd {display:block; clear:both; padding:.7em 0 0 0;}
/*WALLPAPERS / DESKTOPS*/
.wallpapers {width:100%;}
ul.walls {width:300px; margin:0px auto; margin-bottom:1.5em; list-style-type:none;}
ul.walls li {width:50%; margin:0; padding:0; display:block; float:left;}
ul.walls li.wall-preview {width:300px; padding-bottom:.4em;}
ul.walls a {text-decoration:none; display:block; height:30px; padding:3px 0 0 50px; margin:0 0 .5em 0; background-position:left center;}
ul.walls a.mob-link {background: #fff url(../images/icon_mobile.png) no-repeat;}
ul.walls a.desk-link {background: #fff url(../images/icon_desktop.png) no-repeat;}
/*--- TOWNS LOCATIONS IN FINLAND ---*/
.towns {display:none}
/*--- FORMS ---*/
form.contact {display:table; width:96%; margin:0 auto;}
form.contact p {display:table; margin:0 0 .5em 0; font-weight:bold; width:100%;}
form.contact p.form-head {background:#4d84bb; color:#fff; padding:.4em; border-radius:5px; margin:1em 0 .7em 0; font-size:1.1em;}
form.contact label {display:block; color:#4d84bb; margin:0; width:100%; float:left; clear:left; padding:0 0 0 .4em; font-weight:bold;}
form.contact input[type=text], form.contact textarea, form.contact select {width:100%; color:#666; padding-left:.3em; font-size:1.1em; font-weight:normal; border:1px solid #acb1b7; background-color: #f7f7f7; clear:left; height:2.2em;}
form.contact textarea {height:auto}
/* ANTI-SPAM hidden form areas */
p#contact-website, p#project-website {display:none;}
form.contact input[type=submit] {display:block; width:auto; padding:.35em .3em .3em .3em; margin:0 auto; color:#fff; font-size:1.2rem; font-weight:bold; border-radius:5px; margin-top:.5em; margin-bottom:.5em; background-color:#4d84bb;}
/*--- SITEMAP ---*/
ul.sitemap {width:96%; display:block; margin:0px auto; padding:0; position:relative; list-style-type:none;}
ul.sitemap li {margin:0; padding:0; display:inline; float:left; clear:both;}
ul.sitemap a {text-decoration:none; color:#666; display:block; margin:0 0 1em 0;}
ul.sitemap a:active, ul.sitemap a:hover {text-decoration:underline;}
ul.sitemap li.section-head {width:100%;}
ul.sitemap li.section-head a {color:#fff; font-weight:bold; text-transform:uppercase; width:100%; padding:.5em; border-radius:5px; background-color:#4d84bb;}
ul.sitemap li.page a {color:#4d84bb; font-size:1.1rem; font-weight:bold;}
/*--- REAL ESTATE TERMS ---*/
ul.real-estate {width:96%; display:block; margin:0px auto; padding:0; list-style-type:none;}
ul.real-estate li {margin:0; padding:0; float:left; clear:left; display:block;}
ul.real-estate li:last-child {padding-bottom:1em; clear:both; width:100% !important;}
ul.real-estate li.term {font-weight:bold; padding-top:.5em;}
/*--- COUNTRY CODES ---*/
#CountryCodes {width:100%;}
ul.country-codes {width:96%; display:block; margin:0px auto; padding:0; list-style-type:none;}
ul.country-codes li {margin:0; padding:0; float:left; clear:none; display:block; width:80%;}
ul.country-codes li:last-child {padding-bottom:1em; clear:both; width:100% !important;}
ul.country-codes li.code {font-weight:bold; width:20%;}
/*--- JQUERY UI STYLES ---*/
.ui-helper-hidden {display:none;}
.ui-helper-hidden-accessible {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.ui-helper-reset { margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {content:""; display:table; border-collapse:collapse;}
.ui-helper-clearfix:after {clear:both;}
.ui-helper-clearfix {min-height:0; /* support: IE7 */}
.ui-helper-zfix {width:100%; height:100%; top:0; left:0; position:absolute; opacity:0; filter:Alpha(Opacity=0);}
.ui-front {z-index: 100;}
.ui-state-disabled {cursor: default !important;}
.ui-icon {display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat;}
.ui-widget-overlay {position:fixed; top:0; left:0; width:100%; height:100%;}
.ui-tooltip {padding:8px; position:absolute; z-index:9999; max-width:400px; font-size:15px; background-color:#fff; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa;}
/* ----- HIGHER RESOLUTIONS----- */
@media only screen and (min-width: 450px) {
h2 {letter-spacing:normal;}
ul.horiz25w li {float:left; width:50%;}
.display-off-lt450 {display:inline;}
.shop {display:inline-block; width:160px;}
/*--- VIDEOS ---*/
.video480 {width:432px; height:324px;}/* ----- 90% 480x360----- */
.video640 {width:416px; height:234px;}/* ----- 65% 640x360----- */
/*FORM*/
form.contact .narrowlabel label {width:35%; position:relative; top:.5em;}
form.contact .narrowlabel input[type=text], form.contact .narrowlabel select {width:65%; display:block; clear:none; float:right;}
form.contact .widelabel label {width:60%; position:relative; top:.5em;}
form.contact .widelabel input[type=text], form.contact .widelabel select {width:40%; display:block; clear:none; float:right;}
/*---ADD TO HOME SCREEN FOR MOBILE---*/
.on-device .visible-android, .on-device .visible-ios {width:300px;}
/*FOOTER*/
.footBlock a.kela, .footBlock a.tax, .footBlock a.migri, .footBlock a.fb, .footBlock a.jokes, .footBlock a.fingerpori, .footBlock ul li a.yle, .footBlock ul li a.sun {text-indent:30px; white-space:nowrap;}
.footBlock ul li a.yle {background:url(../images/yle_sm.png) no-repeat 0 3px;}
.footBlock ul li a.sun {background:url(../images/sun_sm.png) no-repeat 0 3px;}
.site-info {font-size:.9rem;}
a.sawd {clear:none; display:inline-block; padding:0 0 0 .5em; position:relative; top:.9em;}
}
/* ----- BIGGER THAN IPHONE 4----- */
@media only screen and (min-width: 500px) {
:root {font-size:19px;}
ul.related-links li {background-position:0 7px;}
/* #DROP Split section menu into 2 cols*/
#drop ul.mainmenu li {width:49%; margin:0 .5% .5em .5%; float:left;}
#drop ul.mainmenu li a {width:auto; font-size:1.1rem;}
#drop ul.sub li {width:50%; text-align:left; float:left;}
#drop ul.sub li:nth-child(even) {padding:0 0 0 10px;} /*left column - 1st li is subhead*/
#drop ul.sub li:nth-child(odd) {padding:0 0 0 3px;}
#drop ul.sub li a {letter-spacing:-1px;}
#drop ul.sub li.subhead {width:100%; text-align:center; padding:0;}
#drop ul.sub li.subclose {width:100%; text-align:center; clear:left; margin-top:.7em; padding:0;}
}
/* ----- 640x360----- */
@media only screen and (min-width: 600px) {
#drop li a {letter-spacing:0px;}
.footBlock {width:33%;}
.footBlock.admin, .footBlock.media, .footBlock.gov, .footBlock.news, .footBlock.soc, .footBlock.finland {clear:none;}
.footBlock.gov {clear:left;}
/*--- VIDEOS ---*/
.video480 {width:480px; height:360px;} /* ----- 100% 480x360----- */
.video640 {width:576px; height:324px;} /* ----- 90% 640x360----- */
}
/* ----- 768x1024----- */
@media only screen and (min-width: 768px) {
body {line-height:1.5em;}
/*---HEAD BLOCKS---*/
#feature-mobile {margin:6px 0 0 0;}
.ef {background:#4d84bb url(../images/logo_mobile_lrg.png) no-repeat; padding:0; height:123px;}
.logo a, .logo img {width:205px; height:123px; opacity:0; filter:alpha(opacity=0);}
#mobilenav {height:123px;}
#mobilenav a {height:123px; padding:48px 20px 0 0; font-size:1.2rem;}
#mobilenav a img {margin-left:15px; position:relative; top:4px;}
.submenu {margin:-30px 0 10px 0; padding:8px; font-size:1.1rem;}
.search-mobile form input[type=text] {margin:3px 0 7px 0;}
.content {padding:1.5em 1em;}
ul.horiz33 li {width:50%;}
ul.jump li, ul.jump li.gr, ul.jump li.rt, ul.others li {background-position: 0 6px;}
.display-off-lt768 {display:inline;}
.display-on-lt768 {display:none;}
h1 {font-size:1.5rem;}
h2 {font-size:1.4rem; background:url(../images/bg_sec.png) no-repeat left 0.6em; margin:0; padding:0.5em 0 1em 2.5em; }
h2.bubble {background:url(../images/bg_pres.png) no-repeat left 0.6em;}
p.brief, p.links {font-size: 1.3rem; background:url(../images/bg_brief.png) no-repeat left; padding: 0.5em 0 0.5em 2em; margin:0;}
p.links {background:url(../images/bg_links.png) no-repeat left .5em;}
p.notes {background:url(../images/bg_notes.png) no-repeat top left; padding:0 .5em .5em 2.7em; margin:.5em 0;}
#Metric ul {margin:0 2em 1em .3em; display:inline-block; float:left;}
/* #DROP CHANGES 768-1024 */
#drop ul.sub li:nth-child(even) {padding:0 0 0 70px;} /*left col - 1st li is subhead*/
#drop ul.sub li:nth-child(odd) {padding:0 0 0 30px;}
#drop ul.sub li a {letter-spacing:0; padding:.25em 0 .25em 1.2em; background: url(../images/bullet_jump_right.png) no-repeat left center;}
#drop ul.sub li.subhead a {background:none;}
/*---CONTENT---*/
#secintro {display:inline;}
ul.section-index {display:flex; flex-direction:column; line-height:1.4em; margin:1em .3em .5em .3em;}
ul.section-index li {display:flex; flex:1 1 auto; flex-direction:row; justify-content:flex-start; align-items:center; margin:0 0 1.2em 0;}
/* syntax box-shadow:h-shadow v-shadow blur spread color inset/initial/inherit;
Add Multiple Shadows ex box-shadow: 5px 5px blue, 10px 10px red, 15px 15px green; */
ul.section-index a {display:flex; flex-direction:row; min-width:30%; align-items:center; font-weight:normal; color:#fff; margin:0 1.2em 0 0; padding:.4em .7em; border:1px hidden #fff; background:#4d84bb; border-radius:5px; text-decoration:none; box-shadow: 2px 2px 2px 0px #d4d4d4;}
/*---SOCIAL SHARE BUTTONS---*/
ul.share {margin-bottom:-1em;}
/*WALLPAPERS / DESKTOPS*/
.wallpapers {width:50%; float:left; margin:0 auto;}
ul.walls a {padding:1px 0 0 50px;}
/*---SITEMAP---*/
ul.sitemap {width:100%; margin:0;}
ul.sitemap li {width:50%; position:relative; left:50%;}
ul.sitemap li.section-head {width:100%; left:0px;}
ul.sitemap li.page {width:50%; left:0px; clear:left; padding-left:.7rem;}
ul.sitemap li.section-head a {padding-left:.7em;}
ul.sitemap li.page + li{clear:none; left:0;}
/*--- REAL ESTATE TERMS ---*/
ul.real-estate {width:100%; margin:0;}
ul.real-estate li {clear:none; width:67%; padding-top:.5em;}
ul.real-estate li.term {clear:left; width:33%; padding-top:.5em; padding-right:2em; }
/*--- COUNTRY CODES ---*/
ul.country-codes {width:100%; margin:0;}
ul.country-codes li {width:40%;}
ul.country-codes li.code {width:10%;}
/*--- FOOTER ---*/
form.contact {width:80%}
form.contact .narrowlabel label {width:35%;}
form.contact .narrowlabel input[type=text], form.contact .narrowlabel select {width:65%;}
form.contact .widelabel label {width:50%;}
form.contact .widelabel input[type=text], form.contact .widelabel select {width:50%;}
/*--- FOOTER ---*/
.footBlock a.kela, .footBlock a.tax, .footBlock a.migri, .footBlock a.fb, .footBlock a.jokes, .footBlock a.fingerpori, .footBlock ul li a.yle, .footBlock ul li a.sun {text-indent:32px; background-position:0 4px;}
.footBlock ul li a.yle {background:url(../images/yle_sm.png) no-repeat 0 3px;}
.footBlock ul li a.sun {background:url(../images/sun_sm.png) no-repeat 0 3px;}
}
/* ----- 1024x768----- */
@media only screen and (min-width: 1024px) {
body {margin:0px auto; line-height:1.6em;}
:root {font-size:18px;}
.main {width:988px; position:relative; margin:0 auto; margin-bottom:2em; }
ul.horiz25 li, ul.horiz25w li {width:33%;}
.submenu {display:none;}
.home-content-left, .home-content-right {display:inline-block; width:50%; float:left; padding-top:1em;}
.home-content-left {padding-right:1.5em;}
.home-content-right {padding-left:1.5em;}
ul.jump {margin:0 0 1em 0;}
ul.jump li, ul.jump li.gr, ul.jump li.rt {height:28px; padding-bottom:0; margin-bottom:10px;}
p {margin: 0 0 1em 0;}
.space a {margin-right:0; margin-bottom:0;}
ul, ol {margin:0 0 1em 0;}
ol {padding:0 0 0 .6em;}
ul.section-index {padding:0;}
h1 {font-size:1.8rem; text-align:left;}
h2 {font-size:1.5rem;}
h2.gr {background:url(../images/bg_sec_gr.png) no-repeat left;}
.blue-box h2 {background:url(../images/bg_sec_gry.png) no-repeat left;}
.no-br {white-space:nowrap;}
.rightmobile {display:none;}
.display-off-lt1024 {display:inline;}
/* ----- LOGO IS TRANSPARENT. VISIBLE LOGO IS BG in EF div. ----- */
.ef {background:none; border:none; height:200px; margin:0; height:200px; z-index:15;}
.logo, .logo a, .logo img {width:280px; height:200px; opacity:1; filter:alpha(opacity=100);}
/*---FEATURE and SEASON---*/
#feature-mobile {display:none;}
.feature, .seasons {display:table; padding:0; margin:0 0 0 20px; float:right;}
.feature .object-feature, .seasons .object-seasons {width:200px; height:200px; border:none; margin-bottom:-5px;}
/* ----- CRUMBS and EF SEARCH----- */
#mobilenav {display:none;}
.search-mobile {display:none;}
.menu, .loc, a.map-link-wht, .search {display:block; float:left; clear:none; height:46px; margin:0 0 10px 0; background-color:#4d84bb; border:1px solid #4d84bb; z-index:15; }
.menu, .menu a, .menu img {height:56px; border:none; margin:0; padding:0; }
.menu, .menu a {border-top-left-radius:5px; border-top-right-radius:0; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
/* syntax box-shadow:h-shadow v-shadow blur spread color inset/initial/inherit; */
.menu {width:6%;}
.menu a {display:block; width:100%; border-top-right-radius:5px; padding:0; background-color:#295d90; box-shadow:20px 20px 28px 0 #91b4d8 inset; -webkit-transition: all .5s ease; transition: all .5s ease;}
.menu a:hover {background-color:#6a801d; box-shadow:20px 20px 28px 0 #b3c77b inset;}
@media (hover:none), (hover:on-demand) { /*Button hover: reset for touch devices*/
.menu a:hover {background-color:#295d90; box-shadow:20px 20px 28px 0 #91b4d8 inset;}
}
/* hamburger.png is 29x29 px*/
.menu img {height:auto; position:relative; top:50%; transform:translateY(-50%); padding-left:13px;}
.loc {font-size:17px; color:#fff; width:67%; padding:8px 0 0 0; text-align:center;}
.loc a, .loc .current {color:#fff; text-decoration:none; display:inline-block; margin:0 0 0 6px; padding-left:1em; background:url(../images/bullet_loc_right.png) no-repeat left center;}
.loc img {position:relative; top:4px;}
.loc a.home {margin:0; padding-left:0; background:none;}
.loc .current {font-weight:bold;}
.loc .current.no-bg {background:none; padding-left:.5em;}
a.map-link-wht {text-align:center; padding:12px 0 0 0; width:6%;}
.search {display:block; font-size:.8rem; width:21%; padding:2px 2px 4px 0; border-top-left-radius:0; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:0;}
.search form {padding:0; margin:0;}
.search form input[type=text]{float:right; height:40px; margin:0; padding:6px 0px 5px 30px; width:100%; color:#666; font-size:.9rem; text-align:center; border:1px solid #acb1b7; border-radius:5px; background:#fcfcfc url(../images/search_ani.gif) no-repeat 7px 9px;}
/* ----- NAV DROPDOWN ----- */
/* Width of mainmenu and sub is about 620px combined */
#drop {background:#fff; display:block; width:600px; padding:20px 0 0 0; margin:0; position:absolute; left:-600px; top:260px; border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:10px; border-bottom-left-radius:10px; -webkit-transition: left .7s ease; transition: left .7s ease;}
#drop.single-col {width:260px; left:-300px;}
/* Location of mainmenu, from left*/
#drop.open, #drop.single-col.open {left:0px;}
#drop.open + div.content, #drop.single-col.open + div.content {opacity:.1; pointer-events:none; min-height:425px;}
#drop ul.mainmenu, #drop ul.sub {display:block; position:relative; float:left; clear:left; margin:0;}
#drop ul.mainmenu {width:260px; background:#4d84bb;}
#drop ul.mainmenu:first-child {border-top-left-radius:5px; border-top-right-radius:5px;}
#drop ul.mainmenu:last-child, #drop ul.mainmenu.round-bott {border-bottom-right-radius:5px; border-bottom-left-radius:5px; padding:0 0 8px 0;} /*round-bott is for Shopping menu*/
#drop ul.mainmenu:first-child {padding-top:1em;} /*Important - Overrides a previous rule*/
#drop ul.sub {width:300px; float:right; clear:none; padding:0 0 8px 0; text-align:left;}
/*FONT SIZE*/
#drop ul.sub li, #drop ul.sub li a {font-size:1rem; font-weight:normal;}
#drop ul.mainmenu li, #drop ul.mainmenu li a, #drop ul.sub li.subhead a {font-size:1.2rem; font-weight:bold;}
#drop ul.mainmenu li, #drop ul.sub li {background:none; display:inline; width:100%; float:left; clear:left; padding:0; margin:0;}
/*section selected indicator*/
#drop ul.mainmenu:first-child li:last-child {background:url(../images/bullet_selected.png) right 3px no-repeat;}
#drop ul.mainmenu:only-child li:last-child {background:none;}
#drop ul.sub li:nth-child(even) {padding:0;}
#drop ul.sub li:nth-child(odd) {padding:0;}
#drop ul.sub li.subhead a, #drop ul.sub li a.selected{color:#669933;}
#drop ul.sub li.subhead {margin:1em 0 0 0;}
#drop ul.sub li.subhead a {text-align:left; pointer-events:none;}
#drop ul.sub li.subhead a img {display:none;}
#drop ul.mainmenu li a, #drop ul.sub li a {width:100%; height:2rem; margin:0; padding:0 5px 5px 0;}
#drop ul.mainmenu li a {width:100%; margin:0; padding:0 5px 5px 50px;}
#drop ul.sub li a {background:none;}
#drop ul.mainmenu li a img.nav-icon {display:block; left:0; margin: 0; padding:0 5px 12px 15px;}
#drop ul.sub li.subclose {display:none;}
/*---CONTENT---*/
.content {clear:both; float:none; display:block; padding:1.5em 30px 30px 30px; opacity:1; pointer-events:auto;}
p.mobilenavintro {display:none;}
p.navintro {display:table; margin: 0 0 1em 0;}
a.fpf {display:inline;}
.listing {flex-wrap:nowrap;}
.listing-info {flex:70%;}
.listing-info p {padding:1em 2em 1em 1em;}
.listing-info ul, .listing-info ol {padding: 0 2em 0 2em;}
.listing-contact {flex:30%;}
ul.others li {background-position: 0 7px;}
/*--- VIDEOS ---*/
.video640 {width:640px; height:360px;}/* ----- 100% 640x360----- */
/*--- FORMS ---*/
form.contact {width:70%; max-width:700px;}
form.contact .narrowlabel label {width:35%;}
form.contact .narrowlabel input[type=text], form.contact .narrowlabel select {width:65%;}
form.contact .widelabel label {width:50%;}
form.contact .widelabel input[type=text], form.contact .widelabel select {width:50%;}
/*WALLPAPERS / DESKTOPS*/
.wallpapers {width:33.3%;}
/*---SITEMAP---*/
ul.sitemap li.section-head {margin-top:1em;}
ul.sitemap li.section-head:first-child {margin-top:0;}
ul.sitemap li.section-head a {padding-left:4em;}
ul.sitemap li.page {padding-left:4rem;}
/*--- REAL ESTATE TERMS ---*/
ul.real-estate li {width:70%;}
ul.real-estate li.term {width:30%;}
/*---ADD TO HOME SCREEN FOR MOBILE---*/
.on-device .visible-android, .on-device .visible-ios {width:300px; margin-bottom:1.3em;}
/*---FOOTER---*/
.footer {margin:0 auto; width:998px; margin-bottom:0;}
.footBlock.gov, .footBlock.soc, .footBlock.admin, .footBlock.media, .footBlock.finland, .footBlock.news {font-size:.9rem; clear:none;}
.footBlock.gov {width:14%;}
.footBlock.finland{width:16%;}
.footBlock.media, .footBlock.soc, .footBlock.admin{width:17%;}
.footBlock.news {width:19%;}
.footBlock a.kela, .footBlock a.tax, .footBlock a.migri, .footBlock a.fb, .footBlock a.jokes, .footBlock a.fingerpori, .footBlock ul li a.yle, .footBlock ul li a.sun {text-indent:28px;}
.footBlock ul li a.yle, .footBlock ul li a.sun {background-position: 0 4px;}
/* ----- ADS AND BANNERS negative right-margin to offest content padding ----- */
.right, .right-contact {display:inline; clear:none; float:right; width:200px; margin:0 -30px 1.5em 1.5em;}
.right img {width:200px; height:200px;}
.right-contact img {width:200px; height:400px;}
}
/* 2019, ALMOST ALL USERS OF 1024 ARE ON TABLETS. 1025 TARGETS DESKTOPS ETC*/
@media only screen and (min-width: 1025px) {
.on-device .visible-android, .on-device .visible-ios {display:none;}
a.phone-gry {text-decoration:none; color:#626262; pointer-events:none;}
a.phone-bl {text-decoration:none; color:#4d84bb; pointer-events:none;}
/*--- SITEMAP ---*/
ul.sitemap a {margin:0 0 .6em 0;}
}
@media only screen and (min-width: 1280px) {
.main {width: 1242px;}
.menu {width:5%;}
.loc {width:66%;}
.loc a, .loc .current {margin:0 0 0 15px; padding-left:22px;}
a.map-link-wht {width:5%;}
.search {width:24%;}
#drop {left:-770px;}
#drop.single-col {left:-480px;}
ul.horiz25 li, ul.horiz25w li {width:25%;}
ul.horiz33 li {width:33%;}
ul.horiz50 li {width:50%;}
ul.section-index li {margin:0 0 1.5em 0;}
/*---FOOTER---*/
.footer {width:1252px; }
.footBlock a.kela, .footBlock a.tax, .footBlock a.migri, .footBlock a.fb, .footBlock a.jokes, .footBlock a.fingerpori, .footBlock ul li a.yle, .footBlock ul li a.sun {text-indent:30px;}
/*---SITEMAP---*/
ul.sitemap li.page {padding-left:8rem;}
ul.sitemap li.section-head a {padding-left:8em;}
/*--- COUNTRY CODES ---*/
ul.country-codes li {width:28%;}
ul.country-codes li.code {width:5%;}
}
/* ----- PRINT STYLES----- */
@media print {
img, #mobilenav, .menu, .seasons, .feature, #feature-mobile, .loc, .search, .search-mobile, .right, .rightmobile, #drop, ul.share, .footer {display:none;}
body {font-size:12pt; line-height:1.4;}
h1 {font-size:20pt; margin-top:12pt;}
h2 {font-size:18pt;}
.logo {display:none;}
.ef img.printlogo {display:block; clear:both;}
}