body,html{font-size:112.5%;line-height:170%;margin:0; padding:0;}body,p{margin:0;padding:0}.teksti,a,body,li,p,td,ul{font-family: 'Raleway', sans-serif !important;color:#000;line-height:170%}h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{font-family: 'Raleway', sans-serif;margin:0;font-weight:400;line-height:120%}h1,h1 a{color:#fff;font-size:2.667rem;padding:0;font-weight:800;}h2,h2 a{color:#132f78;font-size:2.222rem;padding:0;font-weight:800}h3,h3 a{color:#132f78;font-size:2rem;padding:0 0 20px 0;font-weight:700}h4,h4 a{color:#132f78;font-size:1.778rem;padding:0 0 5px 0}h5,h5 a{color:#132f78;font-size:1.556rem;padding:0 0 5px 0}h6,h6 a{color:#132f78;font-size:1.333rem;padding:0 0 5px 0;text-transform:uppercase}.erikoiskuva,.kuva,.kuva2{border:0;outline:0;max-width:100%;height:auto;display:block;margin:0;cursor:pointer}a{color:#132f78;text-decoration:none}a:hover{text-decoration:underline}#tksivu h2 {font-size:1.667rem;}


@media only screen and (max-width:1440px) {body, html {font-size: 90%}p, td {font-size: 1.4rem;line-height: 160%}}
@media only screen and (max-width:1024px) {h1 {font-size:2rem;}}
@media only screen and (max-width:860px) {.subpage table, .subpage td, .subpage tr {display: block;width: 100% !important;height: auto;clear: both; box-sizing:border-box}.subpage tbody {width: 100%;display: inline-block}}
@media only screen and (max-width:720px) {body, html {font-size: 70%}body {line-height: 160%} p, td, a{font-size: 1.4rem !important}}
@media only screen and (max-width:375px) {h1,h2,h3,h4,h5,h6 {word-wrap: anywhere;}}
/* Grids */


.dgrid { display: grid; grid-column-gap: 1%;}


@media only screen and (max-width:1024px) {.nogap{grid-column-gap: 3em;}}
/* 2 cols */
.dgrid-2-cols {grid-template-columns: repeat(2, 1fr);grid-column-gap: 2%;grid-row-gap: 3em;}
@media only screen and (max-width:1024px) {.dgrid.dgrid-2-cols {grid-template-columns: 1fr}}

/* 3 cols */
.dgrid-3-cols {grid-template-columns: repeat(3, 1fr);grid-column-gap: 2%;grid-row-gap: 3em;}
@media only screen and (max-width:860px) {.dgrid.dgrid-3-cols {grid-template-columns: repeat(2, 1fr)}}
@media only screen and (max-width:720px) {.dgrid.dgrid-3-cols {grid-template-columns: 1fr; text-align: center}}

/* 4 cols */
.dgrid-4-cols {grid-template-columns: repeat(4, 1fr)}
@media only screen and (max-width:1024px) {.dgrid.dgrid-4-cols {grid-template-columns: repeat(2, 1fr);grid-column-gap: 2%;grid-row-gap: 3em;}}
@media only screen and (max-width:575px) {.dgrid.dgrid-4-cols {grid-template-columns: 1fr}}

/* 25 / 75 cols */
.dgrid-s-xl-cols {grid-template-columns: 1fr 3fr}
@media only screen and (max-width:1024px) {.dgrid.dgrid-s-xl-cols {grid-template-columns: 1fr}}

/* 75 / 25 cols */
.dgrid-xl-s-cols {grid-template-columns: 3fr 1fr}
@media only screen and (max-width:1024px) {.dgrid.dgrid-xl-s-cols {grid-template-columns: 1fr;grid-row-gap: 40px;}}

/* 33 / 67 cols */
.dgrid-m-l-cols {grid-template-columns: 1fr 2fr}
@media only screen and (max-width:1024px) {.dgrid.dgrid-m-l-cols{grid-template-columns: 1fr}}

/* 67 / 33 cols */
.dgrid-l-m-cols {grid-template-columns: 2fr 1fr}
@media only screen and (max-width:1024px) {.dgrid.dgrid-l-m-cols {grid-template-columns: 1fr}}
.col-left, .col-right, .col-full, .col-3, .col-3-center {width:auto !important;}
.colpadding {margin-bottom: 2em;}
.nogap {grid-column-gap: 0; }
/* Flexbox */
.content-col {width:100%; clear:both; position: relative;}
.center-col {width:1600px; clear:both; position: relative; margin: 0 auto}
.content-col img, .center-col img  {max-width: 100%;height: auto}
.center-col iframe {max-width: 100%;margin: 0 auto !important}
@media only screen and (max-width:1660px) {.center-col {width: 1400px}}
@media only screen and (max-width:1440px) {.center-col {width: 1200px}}
@media only screen and (max-width:1280px) {.center-col {width: 90%;margin: 0 auto}}
@media only screen and (max-width:480px) {.center-col {width: 80%;}}


.dflex {display: flex; flex-wrap: wrap;}
.center-flex {-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}

/* Inlining */
.content-padding{box-sizing:border-box}.cpadding-s{padding:3%}.cpadding-m{padding:5%}.cpadding-l{padding:8%}.cpadding-xl{padding:10%}.rpadding-s{padding:20px 0}.rpadding-m{padding:40px 0}.rpadding-l{padding:60px 0}.rpadding-xl{padding:80px 0}
.cpadding-tb-s{padding:1% 0}.cpadding-tb-m{padding:2% 0}.cpadding-tb-l{padding:5% 0}.cpadding-tb-xl{padding:8% 0}.cpadding-rl-s{padding:0 3%}.cpadding-rl-m{padding:0 5%}.cpadding-rl-l{padding:0 8%}.cpadding-rl-s{padding:0 10%}
@media only screen and (max-width:1024px) {.cpadding-rl-s{padding:1%}.cpadding-rl-m{padding:3%}.cpadding-rl-l{padding:5%}.cpadding-rl-s{padding:8%}}
@media only screen and (max-width:575px) {.rpadding-l {padding: 40px 0;}.cpadding-m {padding: 10% 0;}}
@media only screen and (max-width:480px) {.cpadding-tb-s{padding:3% 0}.cpadding-tb-m{padding:5% 0}.cpadding-tb-l{padding:8% 0}.cpadding-tb-xl{padding:10% 0}}
@media only screen and (max-width:575px) {.rpadding-l {padding: 40px 0;}}

/*--- Global - Header ---*/
#kpdiv {z-index:2000}
.terminaali {position: absolute;top: 13px;right: 5%;z-index: 2; width:100%; text-align: right;z-index:3000;}
.terminaali, .terminaali p {color:#fff; font-size: 0.8889rem; }
#terminaali-ikoni {padding-right: 10px;vertical-align: text-bottom;}
.terminaali .webiolinkkipainike {margin:0 0 0 3%; font-size:0.8889rem; font-weight:600; background:#0077be; padding:10px 2% !important;}
.terminaali {display: flex;justify-content: flex-end;right: 10px;align-items: center;}
/*.terminaali img {margin-top: 6px;}*/
.terminaali a {color: #fff;padding: 0 20px;font-weight: 700;color:#112c74}
.terminaali a:first-of-type{padding-right:0}
a.someicon-container{background: #036ab7;margin-left: 3px;padding: 0;height: 34px;width: 34px;display: flex;justify-content: center;align-items: center;padding:0}
.terminaali img {/*filter: invert(1);*/ max-width:25px}

/* Main navi */
#logo img {max-width:300px;filter: drop-shadow(0px 0px 15px rgba(255,255,255,.6));}
#menu-wrapper {position:absolute; z-index: 20;display: grid;grid-template-columns: 1fr 1fr 6fr;padding-top:20px}
#navi-sivupalkki {background:#fff; padding:16px 0;-webkit-clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%);}
#main-nav ul, #footer-ul {background:#fff;margin: 0 auto;padding:0;list-style: none; justify-content: space-evenly; z-index:2; position: relative; width:100%;}
#main-nav {-webkit-clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0% 100%);}
#main-nav img { max-width:250px; margin:0 auto; float:none; display:block; height:auto;}
#main-nav ul li #logo {flex-basis:100%}
#main-nav a,#footer-ul a {padding: 0px;font-size: 0.8889rem;font-weight: 500;text-decoration: none;color: #112c74;display:block;}
#main-nav a {font-weight: 700;text-decoration: none;display: block;-webkit-transform: skewX(150deg) !important;-moz-transform: skewX(150deg) !important;-o-transform: skewX(150deg) !important; padding: 20px;transform: skewX(150deg) !important;}
#main-nav a span {display: block;-webkit-transform: skewX(-150deg) !important; -moz-transform: skewX(-150deg) !important;-o-transform: skewX(-150deg) !important;transform: skewX(-150deg) !important;}
#main-nav a#logo {padding:0}
#footer-ul a {color:#000;text-shadow: none}
#main-nav a:hover, #footer-ul a:hover {color: #c6c6c6;}
#someicons-ftr {display:flex;}
#someicons-ftr img {display: flex !important;padding: 0 !important;max-width:25px !important}


@media only screen and (max-width:1440px) {.terminaali {position: absolute;top: 10px;}#logo img {max-width:250px;}#home img {max-width: 15px;}}
@media only screen and (max-width:1280px) {#navi-sivupalkki {padding:15px 0;}#main-nav a {padding:15px}}
@media only screen and (max-width:1024px) {.terminaali {position:relative;background: #0072bb;width: 100%;top: 0;margin: 0 !important;right: 0; display:none;}.terminaali p {color:#fff; text-align:left; box-sizing: border-box; padding:0 20px;display: grid;grid-template-columns: 2fr 1fr;align-items: center;}.terminaali span {float:right;text-align: right;} #terminaaliteksti {float:left; text-align: left}#main-nav, #footer-ul, #menu-wrapper {display:none !important;} .terminaali .webiolinkkipainike {background:none;width: 100%; text-align: right}}
@media only screen and (max-width:720px) {#terminaaliteksti {font-size:1rem}}
@media only screen and (max-width:420px) {.terminaali p {padding:0 10px}#terminaaliteksti{font-size:0.8rem !important} .terminaali .webiolinkkipainike {font-size:0.9rem !important}}
#link-sel-1-2, #link-sel-2-3, #link-sel-3-4, #link-sel-4-5, #link-sel-5-7, #link-sel-6-6,#link-sel-12-8  {background: rgba(204,227,241,1);text-decoration: none}


/* Herokuva */
.heroimg, #iso-banneri-img, video {width:100%; display:block;}
video {height: 70vh;object-fit: cover;}
#herokuvatxt {position:absolute;right: 5%;padding-top: 5%;}
#alasivuheader {text-align:right}
.col-50 {width:50%;}
#herokuva .abs-element {overflow:hidden;}
.abs-element{position:absolute; z-index:2;}
.abs-element {position: absolute;z-index: 2;right: 0;height: 100%; width: auto;}
.abs-element img {max-height: 100%;width: auto;display: block;float: right;}
#herokuva .abs-element img {position:relative; right:-10%}
#heroheader {right:0; bottom:13%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; width:100%;background: rgb(255,255,255);background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);}
#heroheader h1 {font-size:2.5rem;color:#fff; font-weight:700; text-transform:uppercase; text-align:right;text-shadow: 2px 2px 4px rgba(0,0,0,0.8);}
#gradmask {background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255,255,255,.3) 25%,rgba(255,255,255,0) 100%);position:absolute; height:100%; width:100%}
@media only screen and (max-width:1440px) {#herokuvatxt {padding-top: 8%;}}
@media only screen and (max-width:1024px) {video {height: 50vh;object-fit: cover;}#herokuvatxt {padding-top: 0%;} #herokuvatxt {width: 100%;left: 0; right: 0; position:relative;background:#102c75; padding:20px 0;}#heroheader h1 {font-size:2.2rem;}#alasivuheader {text-align: center;}#heroheader {background:none; filter:unset;}#gradmask {display:none; }}
@media only screen and (max-width:860px) {#heroheader h1 {font-size:1.8rem;}}
@media only screen and (max-width:720px) {#heroheader span {display:block; text-align:center;}#heroheader h1 {font-size:2.2rem;}#herokuva .abs-element img {position:relative; right:-50%; height:100%}}
@media only screen and (max-width:480px) {.heroimg-alasivu {object-fit: cover; height: 250px !important}#herokuva .abs-element img {right:-60%}}
@media only screen and (max-width:420px) {#heroheader h1 {font-size:1.8rem;}}

/* Palvelunostot */
#ylabannerit {margin-top:2%}
#ylabannerit h2, #ylabannerit p {color:#fff;}
.palvelunosto-alasivu {box-sizing:border-box; padding:20% 10%;}
#ulkomaanliikenne-nosto {background: url(../img/header/palvelubanneribg-1.jpg) left top no-repeat; background-size: cover;}
#runkoliikenne-nosto {background: url(../img/header/palvelubanneribg-2.jpg) left top no-repeat; background-size: cover;}
#jakelu-nosto {background: url(../img/header/palvelubanneribg-3.jpg) left top no-repeat; background-size: cover;}

/* Palvelubannerit */
.palstasisennys {padding:0 2%; box-sizing:border-box;}
.palveluimg {opacity:0.6; display:block;}
.palvelubanneri {position:relative;overflow: hidden; background:#000}
.palvelubanneri picture, #iso-banneri picture {width:100% !important;}
.palvelubanneri picture img {width:100%; opacity: 0.6}
.palvelubanneri picture img {transition: all 0.5s ease; width:100%;}
/*.palvelubanneri picture img:hover {transform: scale(1.1);}*/
#seafreight{margin:0 2em 2em 2em}
#seafreight .palvelubanneri picture img:hover{scale(1);}
#seafreight img {transform: unset;object-fit: cover;object-position: center right; min-height:400px;}
#seafreight img.wbtn {min-height:unset}
#seafreight .abs-element{left:0;height: 100%;display: flex;justify-content: center;align-items: center;}
.palveluimg-text { position: absolute;width: 100%; box-sizing: border-box; background: url(../img/header/palvelu-header-bg.png) left top no-repeat; background-size: 20%;right: 0;}
#historiabanneri {background:none;}
#historiabanneri .palveluimg-text { width: 80%; margin: 0 auto;left: 10%;}
#historiabanneri .palveluimg-text img {margin: 0 auto;}
#iso-banneri-text {width: 50%;}
#iso-banneri-img {width:100%;}
.palvelubanneri h2, .palvelubanneri h3, .palvelubanneri h4,.palvelubanneri h5,.palvelubanneri h6, .palvelubanneri p, #footer-top h2,#footer-top h2 a,#footer-top h3,#footer-top h3 a,#footer-top h4, #footer-top h4 a, #footer-top h5, #footer-top h5 a,#footer-top h6,#footer-top h6 a, #footer-top p, #footer-top p a, #iso-banneri-text p, #iso-banneri-text h2, #iso-banneri-text h3, #iso-banneri-text h4, #iso-banneri-text h5, #iso-banneri-text h6 {color:#fff}
.palvelubanneri img {display:block;}
@media only screen and (max-width:1440px) {#palvelubannerit .palveluimg-text img {max-width:110px;}.palveluimg-text p {font-size: 1rem;}.lomakenappi_submit, a.takaisinuutisiin, a.webiolinkkipainike {padding: 10px 10% !important;}}
@media only screen and (max-width:1024px) {#ylabannerit {grid-template-columns: 1fr;}#palvelubannerit {background:none;grid-row-gap:1rem; grid-template-columns: 1fr}.palvelubanneri picture img {object-fit: cover;height: 400px;}.col-50 {width:100%;}.palveluimg {width:100%; object-fit: cover; object-position:top center; height:700px;}#iso-banneri-text {width: 100%;position: relative; background:  #0072bb;}#iso-banneri-img {width: 100%;height: 300px;object-fit: cover;}#footer-top .center-col, footer.cpadding-tb-m{padding:10% 0}}
@media only screen and (max-width:420px) {.palvelubanneri picture img {opacity:1}.palveluimg {height: 300px !important;}.palveluimg-text {position:relative; padding:10%; background:none; background:#0072bb}#historiabanneri .palveluimg-text {position:absolute; background:none}#seafreight img{opacity: 0.7;}}

/* Yhteystiedot */
#yhteystietotaulukko tr td {padding: 0 3%;box-sizing: border-box;}
#yhteystietotaulukko tr:first-of-type {background: #f0f0f0;}
#yhteystietotaulukko tr:first-of-type td {padding: 2% 3%;box-sizing: border-box;border: 1px solid #dedede;border-collapse: collapse;}
#yhteystietotaulukko tr:first-of-type td:nth-of-type(2) {border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;border-right: none;border-left: none;}

@media only screen and (max-width:860px) {#yhteystietotaulukko tr:first-of-type td { padding: 5% 8%;}}
@media only screen and (max-width:480px) {#yhteystietotaulukko tr:first-of-type td { padding: 10% 15%;}}


/* Uutiset */

#solu1111, #solu1121 {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:2em;}
#solu1111 > div, #solu1121 > div{border: 1px solid #bebebe;padding: 1em 1em 1em 1em;box-sizing: border-box;position: relative}
#solu1111 > table tr, #solu1121 > table tr{display: flex;flex-direction: column;}
.nostouutis_otsikko::after {content: "›";padding-left: 5px;font-size: 1rem;}
.kuvallinenuutisnosto_paivays{display:none;}

@media only screen and (max-width:720px) {#solu1111, #solu1121 {grid-template-columns: repeat(2,1fr);}}
@media only screen and (max-width:480px) {#solu1111, #solu1121 {grid-template-columns: 1fr}}

/* Asiakkaat */
#asiakkaat img, footer img {display: inline !important;padding: 0 20px 20px 0 !important; max-width: 160px;vertical-align: middle;}
footer img {max-width:110px !important;}
@media only screen and (max-width:1440px) {#asiakkaat img,  footer img {max-width: 110px !important;}}
@media only screen and (max-width:1280px) {#asiakkaat {grid-template-columns: 1fr; text-align: center}}
@media only screen and (max-width:860px) {#asiakkaat img, footer img {max-width: 90px !important;}}
@media only screen and (max-width:480px) {#asiakkaat img, footer img{max-width: 70px !important;}}
/* Murupolku */
#breadcrump {color: #373737;width: 100%;height: auto; font-size: 0.9rem}
#breadcrump a {color: #373737; font-size: 0.9rem}


/*--- Global - Footer ---*/


#footer-top {background-image: url(../img/header/footer-mask.png),url(../img/header/footer-top-bg.png);background-position:left top, left top; background-repeat: no-repeat, no-repeat; background-size:35% 100%,cover;}
footer {background:url(../img/header/yhteystiedot-bg.png)left top no-repeat; background-size: cover;}
#ajojarjestely {padding:0;}
@media only screen and (max-width:2200px) {#footer-top {background-size:30% 100%,cover;}}
@media only screen and (max-width:1800px) {#footer-top {background-size:25% 100%,cover;}}
@media only screen and (max-width:1660px) {#footer-top .center-col{width:100%}#ajojarjestely {text-align:center;} #ajojarjestely h3,#ajojarjestely h3 a {font-size: 1.6rem;}}
@media only screen and (max-width:1024px) {#footer-top {background: url(../img/header/footer-top-bg.png) left top no-repeat; background-size: cover; text-align: center; grid-template-columns:1fr}#ajojarjestely {background:#122d74;}.footerblock{padding:0px;}#seafreight img {object-position: center;}}

/* Semio logot */

#semio-logot {text-align:center;}
#semio-logot img {display:inline; float:none; padding:10px 0 0 0}


@media only screen and (max-width:1024px) {table, td, tr {height: auto !important}}
@media only screen and (max-width:575px) {#semio-logot img {max-width:50px;}}


.tapahtumat{font-weight:700}.tapahtumakalenteri_otsikko{color:#132f78;font-weight:700}.tapahtumakalenteri_valiotsikko{font-weight:700}.uutis_otsikko{color:#132f78!important;font-size:1.2rem;font-weight:400}.nostouutis_paivays,.uutis_paivays,.uutispaivays,.uutispaivaysetusivu,nobr{display:block;font-size:1rem;color:#565656;font-weight:500}.nostettumoduli,.nostettumoduli a,a.nostouutis_otsikko{color:#132f78;display:block;font-size:1.1rem;font-weight:700;line-height: 140%;}.lomakeotsikko{color:#132f78;font-weight:700}.lomaketekstiotsikko{color:#132f78;font-weight:700}.lomakenappi_submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#132f78;width:50%;border:none;color:#fff;border-radius:6px;font-size:1.1rem;height:35px}.valikkolinkki,.valikkolinkki-sel,.valikkomodulilinkki,.valikkomodulilinkki-sel{text-decoration:none;color:#132f78}hr{border-top-width:1px;border-right-width:0;border-bottom-width:0;border-left-width:0;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#132f78;border-right-color:#132f78;border-bottom-color:#132f78;border-left-color:#132f78}.lomakenappi_submit,a.takaisinuutisiin,a.webiolinkkipainike{box-sizing:border-box;cursor:pointer;margin-top:20px;display:inline-block;text-align:center;background:#132f78;height:auto;color:#fff;padding:10px 80px;font-weight:400;line-height:160%;width:auto;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}a.takaisinuutisiin:hover,a.webiolinkkipainike:hover{transition:all .3s ease 0s; -webkit-filter: brightness(110%);filter: brightness(110%); text-decoration:none}img[title=Poista]{height:auto!important;width:auto!important}.valikkolinkki_piilosivu{color:#005600}@media only screen and (max-width:1024px){.webiolinkkipainike{font-size:1rem!important}}@media only screen and (max-width:420px){.lomakenappi_submit,a.takaisinuutisiin,a.webiolinkkipainike {box-sizing:border-box; padding:10px 0; display:block;}}
.lomakenappi_submit {font-weight:700; margin-top:10px;}
@media only screen and (max-width:1440px) {.subpage li {font-size: 1.2rem;}}
@media only screen and (max-width:1024px) {.kuva, .kuva2 {max-width: 40% !important;padding: 20px;}#submenu ul {background: none;list-style-type: none;margin: 0 auto;padding: 10%;width: 80%} #submenu ul li ul {list-style-type: none;margin: 0;padding: 0 0 0 20px}
	.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {background: #132f78;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;color: #fff!important;display: block;margin-bottom: 10px;padding: 10px 2%;text-decoration: none;width: 96%}#submenu ul {background: 0 0;padding: 0;width: 100%}#submenu ul li a::after {content: "›";float: right;font-size: 20px}#submenu ul li ul {padding: 0 0 0 5%;width: 95%}#submenu li ul li a {background: 0 0;color: #000!important;padding: 0}
	#submenu ul li ul li a::after {float: none;padding-left: 10px}}

@media only screen and (max-width:720px) {.subpage .dtable {display: block}.subpage .center-col img {height: auto;max-width: 100%;padding: 20px 0;float: none;clear: both}.subpage li {font-size: 1.4rem;}}
@media only screen and (max-width:480px) {.kuva, .kuva2 {max-width: 100% !important;float: none !important;clear: both !important;padding: 20px 0;}}
@media only screen and (max-width:420px) {#submenu {font-size: 60%}}

input[type=file], input[type=text] {height: 35px;width: 100%!important}
input[type=button] {height:auto; padding:10px 10%; max-width:100%; width:100%;}
input[type=text] {margin-bottom: 5px;}
input[type="text"].pmvk, input[type="button"].lpainike {width: auto !important;}
textarea_pois {width: 100%!important;margin-bottom: 5px}
table[id^="lomake"] table > tr {display: grid;grid-template-columns: minmax(200px, 1fr) 1fr;}
table[id^="lomake"] table tr table {width:100%;}
#WebioShadow input[type="file"], #WebioShadow input[type="text"], #WebioShadow input[type="button"] {height: initial !important; padding: 0 !important;}
#WebioShadow input[type="button"] {padding:0px 10px !important;}
.kuvagalleriagrid {grid-template-columns: repeat(5,1fr);display: grid;grid-column-gap: 1em;grid-row-gap: 1em;}
.kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important}
.kuvagalleriakuvatausta img {width: 100%;max-width: 100%;object-fit: cover;height: 250px;padding: 0 !important;}

@media only screen and (max-width:1280px) {.kuvagalleriagrid {grid-template-columns: repeat(3,1fr);}}
@media only screen and (max-width:675px) {.kuvagalleriakuvatausta img {height: 180px;}}
@media only screen and (max-width:480px) {.kuvagalleriagrid {grid-template-columns: repeat(2,1fr);}}
@media only screen and (max-width:420px) {.kuvagalleriakuvatausta img {height: 140px;}}
#kuvamuokkainpaikka .kuvagalleriakuvatausta {width: 95% !important;}

.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}
#container a > img {max-width: 72px!important;height: 21px!important}#container .button, #wait_img img {width: auto!important}div[id^=CONTENT_] {width: 100%}#container img {opacity: 1!important}.zoomcrop {max-width: none!important;width: auto!important}
#tekstieditori table, #tekstieditori tbody, #tekstieditori tr, #tekstieditori td { height: auto !important;}
/* MOBIILIVALIKKO */
.mean-nav a[href^="/ajankohtaista/"]{display:none;}


#main-navi-resp,#mobile-logo {display:none;}

@media only screen and (max-width:1024px){#mobile-logo{display:block;position:absolute;top:0;left:0;z-index:50000}#mobile-logo img{max-width: 150px;height: auto;padding: 0 0 0 15px;position: relative;top: 20px;}.mean-bar::before{color:#000!important;content:"VALIKKO";top:45px;width:48px;height:auto;right:1px;position:absolute;font-size:9px!important; font-weight:600;}#mobilemenu-container::after{right:13px!important}a.meanmenu-reveal{display:none}.mean-container a.meanmenu-reveal:after{color:#000;font-size:10px!important;top:65px;width:50px;height:50px}.mean-container a.meanmenu-reveal.meanclose::after{display:block;margin-left:-2px;margin-top:15px;padding-left:0;text-align:left}.mean-container a.meanmenu-reveal.meanclose{height:48px;right:11px!important;width:42px!important;color:#132f78;font-size:37px!important;margin-top:0}.mean-container .mean-bar{float:left;width:100%;position:relative;top:0;padding:0;min-height:42px;z-index:999}.mean-container a.meanmenu-reveal{color:#fff;cursor:pointer;display:block;font-size:1px;font-weight:700;height:48px;line-height:22px;margin-top:0;padding:12px 10px 0;position:absolute;right:0!important;text-decoration:none;text-indent:-9999em;top:6px;width:39px}.mean-container a.meanmenu-reveal span{background:#132f78;border-radius:2px;display:block;height:6px;margin-top:4px;color:#000;width:39px}.mean-container .mean-nav{float:left;width:100%;margin-top:81px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:10px 5% 5px;height:28px;margin:0;text-align:left;color:#fff;border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:14px;background:#132f78;font-weight:600;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:90%;padding:15px 0 6px 10%;border-top:1px solid rgba(255,255,255,.2); background:#011D66 !important;text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:none;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#132f78!important}.mean-container .mean-nav ul li a.mean-expand{background:#a1c1e5;border:medium none;border-radius:3px;color:#000;font-weight:500;height:25px;margin-top:2px;padding:0 4px 4px!important;position:absolute;right:10px;text-align:center;top:6px;width:26px;z-index:2; font-size:30px !important; line-height: 100%}.mean-container .mean-push,.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-nav ul li a.mean-expand:hover{background:#a1c1e5 !important}.mean-container .mean-push{float:left;clear:both}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}.meanclose{margin:6px -14px 0 0}}@media only screen and (max-width:720px){.mean-bar::before {top: 50px;}}@media only screen and (max-width:375px){#mobilemenu-container::after{right:8px!important}}@media only screen and (max-width:290px){#mobilemenu-container::after{right:4px!important}}
#webio_30_main_nav_open_content a, #webio_30_main_nav_open_content li a, #webio_30_main_nav_open_content p, #webio_30_main_nav_open_content div, #webio_30_main_nav_open_content li, #webio_30_main_nav_open_content td {font-family: "lucida sans", trebuchet, arial !important; }
#WebioShadow td, #WebioShadow p, #WebioShadow i {font-size:15px !important;font-family: "lucida sans", trebuchet, arial !important;}

/* Float bar */
#runko-ulos, #runko-sisaan {padding:0 0 0px 0 !important; color:#fff; font-size:16px;}
#runko-ulos:after { content: "\2192";border-radius: 20px;padding: 0 0px 0px 0px;font-size: 15px;line-height: 90%; margin-left: 10px;height: 16px;width: 16px;display: inline-block;text-align: center;}
#runko-sisaan:before  { content: "\2192"; padding-right:10px}
#into_side_float_bar_open{background:rgba(0,0,0,0) url(../img/header/sidebar-bg.jpg) no-repeat scroll 0 0;border-bottom-left-radius:3px;border-top-left-radius:3px;display:block;height:210px;position:fixed;right:0;top:0;width:50px;z-index:22}#into_side_float_bar_open_link img {height: 100%;width: 100%;}#into_side_float_bar{background:#006cb8 url(../img/header/sidebr-open-bg.png) no-repeat scroll left center;border-bottom-left-radius:3px;border-top-left-radius:3px;display:block;height:auto;margin-top:49px;padding-bottom:20px;position:fixed;right:-425px;top:0;width:280px;z-index:23}#into_side_float_bar_close a,#into_side_float_bar_close img{height:100%!important;width: 100%;}#into_side_float_bar_close{display:block;float:left;height:600px;width:12%}#into_side_float_bar_content{float:right;height:auto;margin-top:0!important;padding:40px 8% 0 0px;width:88%;box-sizing:border-box}#into_side_float_bar_content .lomakeotsikko{font-size:12px;color:#fff;font-weight:400;font-family:lato,Arial}#into_side_float_bar_content input{width:116px}#into_side_float_bar_content textarea_pois{width:116px;height:50px}#into_side_float_bar_content .lpainike{width:70px;margin-top:-10px}#into_side_float_bar_content>iframe{width:100%!important;height:400px}.contact-box-mail {font-size: 16px;font-weight: 400;padding-bottom: 20px;color: #fff;}

#float-bar-mobile span::before {content: "Ota yhteyttä";display: block;width: 100%;color: #fff;font-weight: 600;margin-bottom: 30px;text-transform: uppercase;background: #122d74;padding: 0;text-align: center;font-size: 14px;}.contact-box-header,.contact-box-number {color:#fff; line-height:120%}.contact-box-header {font-size:18px; font-weight:700;}.contact-box-number {font-size:18px; font-weight:400; padding-bottom:0px;}#box-padding{padding: 0 0 0 10%;}
@media only screen and (max-width:575px) {#into_side_float_bar_open {display:none !important}}

#brslink {background: #036ab7;padding: 3px 20px;text-shadow: none; margin-right: 25px;color:#fff}
@media only screen and (max-width:1280px) {#brslink {padding: 6px 20px;}}