@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;900&display=swap');
@import url('/2023/css/svg.css?v=1');
body { margin:0; font-family:'Nunito','Raleway',sans-serif; -webkit-font-feature-settings:"lnum"; -moz-font-feature-settings:"lnum"; font-feature-settings:"lnum"; font-size:100%; background-color:#fff; }
a { outline:none; }
h2, h3, h4 { color:#f49449; }
h2 { font-weight:900; text-transform:uppercase; }
h3 { font-size:24px; margin-bottom:14px; }
h4 { font-size:20px; margin-bottom:0; }

div.logo { width:310px; padding-top:36px; padding-left:40px; }
div.logo h1 { margin-top:0; }
div.logo img { border:none; position:relative; width:310px; height:auto; }
div.logo span { text-transform:uppercase; white-space:nowrap; color:#fff; font-size:20px; font-weight:700; position:absolute; margin-left:1%; margin-top:8px; }
div.logo span span { margin-top:0; margin-left:4px; }

.header {
width:100%;
height:120px;
text-align:center;
background-color:#f2954c;
background-size:100%;
}

.logo ul {
text-transform:uppercase;
font-weight:900;
font-size:20px;
position:absolute;
right:160px;
top:0;
margin-top:44px;
}

.logo ul li {
display:inline;
}

.logo ul li::before {
content:'• ';
}

.logo ul li:first-child::before {
content:'';
}

.logo ul li a {
text-decoration:none;
color:#1c1c1c;
}

.logo ul li.act a {
color:#fff;
}

.logo ul li a:hover {
text-decoration:none;
color:#fff;
}

.logo ul li.lang {
font-weight:700;
font-size:18px;
}

.logo ul li.fin::before {
margin-left:26px;
content:'' !important;
}

#m {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
padding-top:120px;
z-index:99;
}

#m {
background-color:rgba(179,214,221,0.8);
}

#m:target {
display:block;
padding-top:0;
height:auto;
min-height:100% !important;
}

.aaid {
display:block;
position:absolute;
right:0px;
top:0px;
width:120px;
height:120px;
z-index:3;
}

#m:target { min-height:800px; }

div.sossut {
position:relative;
top:0;
left:0;
padding-top:0;
}

.aaid {
display:block;
position:absolute;
top:0;
right:0;
width:120px;
height:120px;
z-index:3;
}

#anav {
background-color:#1c1c1c;
background-size:200%;
text-decoration:none;
}

#anav:hover {
background-color:#2c2c2c;
}

#anav, #atop {
background-repeat:no-repeat;
text-decoration:none;
}

#atop {
background-color:#fff;
background-size:200%;
background-position:100% 0;
}

.navikont {
margin:0 auto;
margin-top:120px;
overflow:hidden;
padding:0;
padding-top:80px;
text-align:center;
}

.navikont a.selkokieli {
position:absolute;
top:36px;
left:40px;
background-color:#fff;
font-weight:900;
font-size:24px;
color:#1c1c1c;
text-decoration:none;
text-transform:uppercase;
padding:4px 10px;
}

.navikont a.selkokieli:hover {
text-decoration:underline;
}

.navikont ul {
width:26%;
display:inline-block;
vertical-align:top;
min-height:352px;
margin-bottom:64px;
padding-left:0;
min-width:310px;
}

.navikont ul li {
font-weight:900;
font-size:36px;
text-transform:uppercase;
list-style-type:none;
margin-bottom:64px;
}

.navikont ul li ul {
width:100%;
display:block;
min-height:auto;
}

.navikont ul li ul li {
font-weight:700;
font-size:24px;
text-transform:none;
list-style-type:none;
margin-bottom:6px;
}

.navikont ul li a {
color:#fff;
text-decoration:none;
}

.navikont ul li a:hover {
color:#1c1c1c;
}

ul.separi { width:2px; min-width:2px; background-color:#fff; margin:0; padding:0; }

li.shop {
margin-top:-4px;
}

li.shop a {
text-transform:uppercase;
padding:4px 8px;
border:2px solid #fff;
}

a.lip {
font-weight:900;
font-size:46px;
text-transform:uppercase;
display:inline;
color:#fff;
text-decoration:none;
padding:6px 26px;
background-color:#e4b3d0;
}

a.lip:hover {
color:#1c1c1c;
}

.navikont p {
margin-top:-32px;
margin-bottom:86px;
display:block;
}

div.vidco {
position:relative;
padding-bottom:56.3%;
margin-top:-2px;
height:0;
overflow:hidden;
background-color:#fff;
z-index:-1;
}

div.vidco iframe, div.vidco object, div.vidco embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:none;
background-color:#fff;
z-index:-1;
}

.sisalto {
width:100%;
min-height:600px;
background-size:100%;
font-size:17px;
margin-top:-8px;
}

.sisalto h1 { font-size:46px; font-weight:900; color:#fff; background-color:#94d6db; text-transform:uppercase; text-align:center; margin-top:8px; padding:12px 0; }
.sisalto a, .sisalto a:link, .sisalto a:active, .sisalto a:visited { color:#e48439; font-weight:700; text-decoration:none; }
.sisalto a:hover, .tcont ul li a:hover { text-decoration:underline; }

.sisaltoc { max-width:1600px; margin:0 auto; }

.tcont { padding:0 3% 64px 3%; max-width:1060px; margin:0 auto; line-height:1.5em; background-color:#fff; }
.tcont h2 { color:#f49548; font-size:30px; line-height:1.2em; margin-top:30px; }
.tcont h2 a { text-decoration:none; color:#e78542; }
.tcont h2 a:hover { text-decoration:underline; }
.tcont article { margin:0 0; }

.infoc { display:none; }
.infoo { border-top:1px solid #222; }
.infoo h2 { text-transform:none; margin-bottom:24px; }
.infoo span { display:inline-block; float:right; width:42px; height:42px; background-size:200%; background-position:0 0; background-repeat:no-repeat; margin-top:-6px; }
.infoo.plumii span { background-position:100% 0; }
.infoc p:first-child { margin-top:0 !important; }
.infoo div.pitk { display:inline-block; max-width:86%; }

div.cleft { float:left; width:66%; padding:0; }
div.cright { float:right; width:33%; padding:0; }
div.cright ul { list-style-type:none; margin-top:32px; }
div.cright ul li { font-size:20px; margin-bottom:10px; }
p.crightind { display:none; }
p.pageing { padding-top:32px; margin:0 0 32px 0; }

img.yk, img.contentimg { width:100%; height:auto; margin-bottom:-4px; }

div.pressbox { float:left; margin:0px 6px 22px 0px; width:100%; padding:0; line-height:1.5em; }
div.pressbox img { float:left; margin-right:16px; border:2px solid #fff; }
div.pressbox a:hover img { border:2px solid #74d1da; }
@media (max-width:750px) { div.pressbox img { width:50%; height:auto; } }

div.veekoo iframe { border:none; width:99%; height:500px; }
.newsdate { font-weight:400; font-size:18px; }

.news { float:left; width:38%; margin-left:10%; line-height:1.5em; margin-top:70px; margin-bottom:32px; }
.news h2, .frntri h2, .partn { font-weight:900; font-size:32px; line-height:1.2em; margin-top:0; margin-bottom:36px; text-transform:uppercase; color:#a4d8de; }
.news h3 { font-weight:700; font-size:36px; line-height:1.2em; margin-bottom:18px; margin-top:4px; text-transform:none; }
.news a { text-decoration:none; color:#000; }

.frntri { float:right; width:38%; margin-right:10%; line-height:1.6em; margin-top:70px; margin-bottom:64px; }
.frntri img { margin-top:14px; width:100%; height:auto; margin-bottom:8px; }
.frntri .fart { font-size:24px; font-weight:600; display:inline-block; margin-bottom:26px; }

.frntspo { width:100%; text-align:center; padding-bottom:40px; margin-top:32px; }
.frntspo div { display:inline; vertical-align:middle; margin:0 16px; }
.frntsop img { border:none; }
.frntspo h2 { font-size:48px; color:#f5b4d2; }

.aimgf img { margin-bottom:0; } 
.aimgf br { font-size:0; }
.aimgf a { display:block; padding-bottom:20px; }

.ostlip { background-color:#f5b4d2; text-align:center; height:auto; padding:14px 0; margin-top:-8px; }
.ostlip a { font-weight:900; font-size:48px; color:#fff; text-decoration:none; text-transform:uppercase; }
.ostlip a:hover { color:#000; }

.newslet { background-color:#f49548; text-align:center; height:auto; padding:14px 0; }
.newslet a { font-weight:900; font-size:48px; color:#fff; text-decoration:none; text-transform:uppercase; }
.newslet a:hover { color:#000; }

.arrf { vertical-align:7%; }

a.luelis {
font-weight:900 !important;
color:#fff !important;
background-color:#a4d8de;
display:inline-block;
text-transform:uppercase;
padding:8px 18px;
margin-top:16px;
}

a.luelis:hover {
text-decoration:none !important;
color:#000 !important;
}

.sepa {
display:block;
width:80%;
background-size:9.1%;
background-repeat:repeat-x;
max-width:1280px;
margin:0 auto;
height:50px;
}

footer {
padding-top:40px;
background-color:#f2954c;
background-size:100%;
text-align:center;
}

footer p.sossutext {
margin:0; padding:0;
font-size:160%;
padding-top:4px;
}

footer p.yhteys {
margin:0; padding:0;
line-height:1.4em;
padding-top:35px;
padding-bottom:48px;
}

footer p.yhteys a { color:#000; text-decoration:none; }
footer p.yhteys a:hover { text-decoration:underline; }

.sossut { position:absolute; top:480px; left:55%; width:374px; height:50px; margin:0 auto; padding-top:40px; }
.sossut ol.slist { list-style-type:none; display:inline; padding-left:0; }
.sossut ol.slist li { float:left; margin:0 10px 0 0; padding:0; }
.sossut ol.slist li:last-child { margin-right:0; }
.sossut ol.slist li a { width:44px; height:44px; display:block; background-repeat:no-repeat; background-size:1100%; }
.sossut .fb a { background-position:0% 0; }
.sossut .in a { background-position:10% 0; }
.sossut .vi a { background-position:20% 0; }
.sossut .yt a { background-position:30% 0; }
.sossut .tw a { background-position:40% 0; }
.sossut .ti a { background-position:50% 0; }
.sossut .sp a { background-position:60% 0; }

.artlist { text-align:center; }
.artlist ul { list-style-type:none; }
.artlist li { display:inline-block; width:44px; height:44px; background-size:1100%; margin-right:20px; }
.artlist li:last-child { margin-right:0; }
.artlist li a { display:block; height:100%; }
.artlist li.www { display:block; width:100%; font-size:110%; line-height:2em; height:auto; background-image:none; }
.artlist li.fb { background-position:0% 0; }
.artlist li.in { background-position:10% 0; }
.artlist li.yt { background-position:30% 0; }
.artlist li.tw { background-position:40% 0; }
.artlist li.ti { background-position:50% 0; }
.artlist li.sp { background-position:60% 0; }

aside ul li a { white-space:nowrap; }

@media (max-width:1326px) {
.logo ul { font-size:19px; right:152px; }
.logo ul li.fin::before { margin-left:20px; }

@media (max-width:1160px) {
.logo ul li { display:none; }
.logo ul li.lang { display:inline; }
}

@media (max-width:1000px) {
div.frntri { display:none; }
div.news { width:80%; margin-top:32px; }
}

@media (max-width:970px) {
div.logo { padding-top:4vw; }
.navikont { margin-top:16vw; }
.navikont a.selkokieli { top:4vw; }
.header { height:12.6vw; }
.aaid { height:12.6vw; width:12.6vw; }
ul.separi { display:none; min-height:0; }
.navikont { padding-top:12px; }

.navikont ul {
width:100%;
display:block;
margin:0;
padding:0;
min-height:0;
}

.navikont ul li {
margin-top:8px;
margin-bottom:8px;
font-size:34px;
}

.navikont ul li ul {
margin-bottom:16px;
}

.navikont ul li ul li:first-child {
margin-top:0;
}

.navikont ul li ul li {
font-size:26px;
}

li.shop {
padding-top:18px !important;
}

.navikont p {
margin-top:32px;
margin-bottom:32px;
}

a.lip {
font-size:36px;
padding:4px 16px;
}

.navikont a.selkokieli { left:4%; }

}

@media (max-width:820px) {
.logo ul li.lang { display:none; }
}

@media (max-width:800px) {
div.cleft { display:block; width:90%; }
div.cright { display:block; width:100%; }
div.cright ul { padding-left:0; padding-bottom:20px; margin-top:0; border-bottom:2px solid #f49449; }
div.cright ul li { display:inline; margin-right:5%; line-height:2em; }
p.crightind { display:inline; font-weight:700; font-size:20px; }
}

@media (max-width:720px) {
.logo span { display:none; }
.navikont a.selkokieli { top:2vw; }
div.logo { padding-top:3vw; }
div.logo { width:43%; }
div.logo img { margin-top:2%; width:100%; height:auto; }
}

@media (max-width:660px) {
.frntspo div { display:block; margin-bottom:36px;}
.sisalto h1 { font-size:42px; }
.sisalto h2 { font-size:26px; }
.sisalto h3 { font-size:22px; }
.ostlip a, .newslet a, .frntspo h2 { font-size:40px; }
}

@media (max-width:450px) {
div.logo { padding-left:4%; padding-top:1vw; }
.sossut { width:320px; }
.sossut ol.slist li { float:left; margin:0 6px 0 0; padding:0; }
.sossut ol.slist li a { width:40px; height:40px; display:block; background-repeat:no-repeat; background-size:1100%; }
}