.kontakti-rivi {
display: flex;
align-items: center;
width: 100%;
}
.kontakti-rivi img {
display: block;
width: 96px;
height: auto;
border-radius: 50%;
box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.08);
}
.hero-pallo-teksti a {
font-size: 20px;
font-family: 'futurabold', sans-serif;
line-height: 130%;
margin: 4px 0 0 20px;
display: block;
}
p.type {
display: inline-block;
padding: 6px 12px;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
color: #fff;
background: #262729;
margin: 0;
}
.galleria {
margin: 40px 0 40px 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.galleria { display:flex; flex-wrap:wrap; }
.galleria a { width:10%; padding:5px 5px 5px 0; color:transparent; box-sizing:border-box; }
.galleria a img { display:block; height:auto; width:100%; border:none; -webkit-transition:-webkit-transform .15s ease; -moz-transition:-moz-transform .15s ease; -o-transition:-o-transform .15s ease; -ms-transition: -ms-transform .15s ease; transition:transform .15s ease; position:relative; box-sizing:border-box; }
.galleria img:hover, .galleria img:focus { border:none; -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.headerinfo, .otsikko, .sidebar h3, .portfolio-thumb img, .blogdesc a, .sininen, .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .footer li a:hover, .tablepress tfoot th, .tablepress thead th, .arviointi, .pagetitle, .footer li a:hover, .isonappi, .navigation a, p.luelisaap , .sidebar:first-of-type a, .burger span, .hero-sininen { background:#009de0; }
a, a:visited, .main-nav a:hover, .main-nav > ul > li.active > a, .etusivusisalto a, .etusivusisalto a:link, .etusivusisalto a:hover, .etusivusisalto .postheader:hover, .jatkalukemista, .julkaisuaika, .etusivuartikkeli-sisa p.julkaisuaika, .navigation a:hover, .yhteystiedot h3, .isonappi:hover, .burger span { color:#009de0; }
.headeremail, .headerphone, .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .blogdesc a:hover, .arviointi:hover, .palvelutdiv:hover, .sidebar:first-of-type a:hover, .palvelutsivu .palvelutdiv:hover { background:#005478; }
.otsikko, .sidebar h3 { border-left:none; color:#333; }
.button, a.button, .jatkalukemista2 { color:#fff; }
.main-nav li.active ul li a { color:#222; }
.palvelutsivu .palvelutdiv:hover { border:1px solid #1092c8; }
.main-nav ul.sub-menu > li.active a { background:#fff; color:#111 } @font-face {
font-family: 'futurabold';
src: url(//www.maimed.fi/wp-content/themes/maimed/fontti/futura-bol-webfont.woff2) format('woff2'),
url(//www.maimed.fi/wp-content/themes/maimed/fontti/futura-bol-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Open sans', sans-serif;
overflow-x:hidden
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"], input[type="email"] { font-family: 'Open sans', sans-serif; }
h1,h2,h3,h4,h5,h6, .main-nav a, a.button, .numero p, a.borderbutton, .numeroblokki-sisa, input[type="submit"] { font-family:'futurabold', sans-serif; color:inherit }
a.button { font-size:13px; letter-spacing:2px; color:#fff }
body { font-size:18px; font-weight:400 }
.etusivuteksti2 h1, .etusivuteksti2 h2, p.h1-seem {font-size:80px!important; letter-spacing:0!important}
h1, .h1, p.h1-seem { font-size:60px; text-transform:uppercase; }
h2, .h2 { font-size:48px; text-transform:uppercase; }
h3, .h3 { font-size:36px; text-transform:uppercase; }
h4, .h4 { font-size:24px; text-transform:uppercase; }
h5, .h5 { font-size:20px; text-transform:uppercase; }
h6, .h6 { font-size:18px; text-transform:uppercase; } .headerinfo { padding:4px 50px; }
.headerinfoteksti2 p, .headerinfoteksti p { font-size:14px; margin:4px 18px 0 0; font-weight:normal; }
.headerinfoteksti { padding:0; }
.headerphone, .headeremail, .headerinfoteksti2 { float:right; }
.headerinfo a { color:#fff; }
.blogsidebar { padding-top:0; }
#main li { font-size:16px; }
.pagetitle h1 { font-weight:bold; text-transform:uppercase; text-align:center; }
.pagetitle { margin-bottom:0; }
.button { display:inline-block; margin:15px 20px 15px 0; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { width:100%; box-sizing:border-box; }
.logo img { padding:0; transition:0.3s all ease; width:200px; height:auto; }
.main-nav a { text-transform:uppercase; font-size:14px; color:#fff; }
.etusivuteksti h2:after { width:4rem; height:6px; background-color:#ff7c3b; display:block; content:""; margin:0.4em auto; box-sizing:border-box; }
.etusivuteksti h2 { margin-top:0; }
.keskitys { text-align:center }
.clear { clear:both; }
.single-image img { width:100%; height:auto; }
.burger { cursor:pointer; display:none; margin:20px 0 0 }
.burger span { display:block; width:50px; height:4px; margin:0 0 6px 0; position:relative; top:0; transition:all ease-in-out 0.4s; }
.burger.burgeropen span:nth-child(2) { width:0; opacity:0; }
.burger.burgeropen span:nth-child(1) { transform:rotate(45deg); top:9px; box-shadow:none; background:#222; width:25px; height:2px; }
.burger.burgeropen span:nth-child(3) { transform:rotate(-45deg); top:-9px; box-shadow:none;  background:#222; width:25px; height:2px; }
.valikko1 { opacity: 1;  position: fixed; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; width: auto; color:#111;     background: #fff;  top: 0px; right: -100%; padding: 80px 30px 30px; bottom: 0; overflow: auto; min-width:300px; box-sizing:border-box }
.valikko1hide { z-index: 1; right: 0; left: auto;}
.valikko1hide { display:block; }
.valikko1 ul { border-top:none; margin:0; padding:0 }
.valikko1 ul.sub-menu { padding:0 0 0 13px; }
.valikko1 li { list-style-type:none; margin:0; padding:0; }
.valikko1 a { color:inherit; width:100%; display:block; text-align:left; padding:10px 0; font-size:14px; text-decoration:none; margin:0; line-height:100%; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
.valikko1 a:hover { color:#009de0; }
.valikko1 a, .valikkoala a { display:none; }
.valikko1hide a { display:block; }
.valikko1hide .valikkoala a { display:table-cell; }
.mobiili-yhteys { padding:0 0 22px 0; position:relative; margin:0 0 17px 0 }
.mobiili-yhteys:after { position:absolute; bottom:0; content:''; width:30px; height:2px; background:#009de0; left:0 }
.mobiili-yhteys svg { width:16px; height:auto; max-height:16px; fill:#222; margin:0 10px 0 0 }
.mobiili-yhteys a { font-size:14px; height:auto; padding:0 0 10px 0 }
.mobiili-yhteys a:last-of-type { padding:0 }
.mobiili-yhteys p { margin:0 0 3px 0; font-size:14px; }
.mobiili-puhelin, .mobiili-email { display:flex; margin:0; align-items:center }
.not-scrolling { overflow:hidden }
.valikko1 #menu-item-404 > a, .valikko1 #menu-item-392 > a { opacity:0.6 }
.etusivuyla { width:100%; height:100%; display:flex; align-items:center; background:url(//www.maimed.fi/wp-content/themes/maimed/images/taustakuva.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; }
.etusivuteksti2 { display:flex; height:100%; padding:0; text-align:left; margin:0; width:100% }
.etusivuteksti2 h1, .etusivuteksti2 .h1, p.h1-seem { line-height:100%!important; color:#fff; border-bottom:none; margin:0 0 10px 0!important; }
.etusivuteksti2 p, .toimiala-hero p { font-size:22px; color:#fff; margin:15px auto 15px 0; font-weight:400; max-width:850px; font-family:'futurabold', sans-serif }
.ohutfontti { display:block; font-size:30px; font-weight:300; line-height:100%; }
.hero-sininen { text-align:left; width:600px; margin:0 0 0 auto; padding:0 50px 40px; position:relative }
.hero-sininen:after { content:''; position:absolute; left:0; border-color:#009de0; top:-50px; right:0px; border-style:solid; border-width:0px 0px 50px 50px; background-color: transparent; border-left-color:transparent; }
#main .hero-sininen li {color:#fff; position:relative; list-style-type:none; font-size:20px}
.hero-sininen li:before { position:relative; top:0; left:-10px; content:url(//www.maimed.fi/wp-content/themes/maimed/images/check.png) }
.yhteystiedot strong { font-weight:900; text-transform:uppercase; }
.yhteystiedot { padding:50px 0; }
.lomake { padding:50px; background:#fa6024; color:#fff; margin-bottom:60px }
.lomake p:last-of-type, .lomake form { margin-bottom:0; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { border-bottom:1px solid #ccc; padding:15px; outline:none; font-size:16px; color:#777; margin:0; width:100%; max-width:100%; display:block; margin-top:20px; background:#fff; box-sizing:border-box; border-radius:2px; }
.lomake input[type="text"],.lomake input[type="password"],.lomake input[type="email"],.lomake textarea,.lomake select { border:none; border-bottom:3px solid #fff; padding:15px; outline:none; font-size:16px; color:#fff; margin:0; width:100%; max-width:100%; display:block; margin-top:20px; background:transparent!important; box-sizing:border-box; border-radius:2px; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color:#fa6024!important}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fa6024 inset !important; -webkit-text-fill-color: #fff !important; }
.lomake ::-webkit-input-placeholder { color:#fff; }
.lomake::-moz-placeholder { color:#fff; }
.lomake:-ms-input-placeholder { color:#fff; }
.lomake:-moz-placeholder { color:#fff; }
input:focus, textarea:focus, select:focus{ outline:none; }
input[type="submit"] { cursor:pointer; border:none; background:#009de0; color:#fff; padding:20px 45px; font-size:15px; text-transform:uppercase; text-decoration:none; letter-spacing:.05em; -webkit-transition:0.25s all ease; transition:0.25s all ease; margin:15px 0; display:inline-block }
.puolikas { width:50%; float:left; box-sizing:border-box; padding-right:15px; }
.main-nav { display:inline-block }
.nav-bar.valikko ul.menu > li:last-of-type a {border:2px solid #fff; line-height:50px; }
.nav-bar.valikko ul.menu > li:last-of-type a:hover { border:2px solid #009de0 }
.relatiivi { position:relative; }
.tarjouslomake { position:fixed; width:100%; height:Calc(100% + 200px); background:rgba(0, 0, 0, 0.8); right:0; top:0; left:0; z-index:-1; -webkit-transition:.3s all; transition:.3s all; display:table; opacity:0 }
.tarjouswrap { display:table-cell; vertical-align:middle; width:40%; padding-bottom:200px; }
.tarjoussisa { background:#fff; max-width:40%; margin:0 auto; text-align:left; padding:0 0 10px; max-height:100%; overflow-y:auto; color:#172742; }
.tarjoussisa div.wpcf7 { padding-right:30px; padding-left:30px }
.tarjoussisa h2 { margin:15px 0 10px }
.tarjousvisible { opacity:1; z-index:9998 }
.sulje { display:block; min-height:24px; padding:15px 30px; background:#005478; color:#fff; margin-bottom:20px }
.sulje img { float:right; margin-top:5px; cursor:pointer }
.sulje p { float:left }
.nav-line { display:inline-block; width:auto; flex-grow:1; height:2px; background:#009de0; margin:15px 25px 0 35px }
.hero-content { display:flex; height:100% }
.hero-character { display:flex; align-items:flex-end; width: 500px; justify-content: center; flex-shrink: 0; transition:1s all ease; transform:translateX(600px) }
.swiper-slide-active .hero-character { transform:translateX(0) }
.hero-copy { display:flex; align-items:center; width: Calc(100% - 500px); }
.hero-txt p, .hero-txt h1 { text-transform:uppercase;  }
.hero-wrap { height:100%; display:block; width:100% }
.swiper-container { height:100% }
.arrows-container { position:absolute; bottom:35px; left:0; right:0; }
.section { display:block; width:100%; padding:120px 0 }
.rental-benefits { text-align:center; color:#111 }
.benefits { display:flex; width:100%; flex-wrap:wrap; justify-content:center; padding:40px 0; }
.benefit { width:25%; box-sizing:border-box; padding:0 4% }
.benefit h5 { margin:20px 0 }
.references { position:relative; overflow:hidden }
.references .swiper-button-next, .references .swiper-button-next:hover { background: url(//www.maimed.fi/wp-content/themes/maimed/images/nuoli.svg); background-size: 27px 27px; background-position: center; background-repeat: no-repeat; }
.references .swiper-button-prev, .references .swiper-button-prev:hover { background: url(//www.maimed.fi/wp-content/themes/maimed/images/nuoli-vasen.svg); background-size: 27px 27px; background-position: center; background-repeat: no-repeat; }
.references .swiper-pagination-bullet { background:#fff }
.references .arrows-container { bottom:50%; transform:translateY(-50%); z-index:2 }
.references h5 { margin:0 auto 50px }
.references p { font-style:italic }
.references p.customer-name { font-style:normal; font-family:'futurabold', sans-serif; text-transform:uppercase; letter-spacing:2px }
.references { color:#fff; background:#009de0 }
.textlogo { position:absolute; top:0; right:-3%; bottom:0; left:-3%; background:url(//www.maimed.fi/wp-content/themes/maimed/images/maimed-tekstilogo.png); background-size:100% auto; background-position:center; background-repeat:no-repeat; opacity:.1 }
.reference {  color:#fff; text-align:center; max-width:600px; margin:0 auto; width:60% }
.expertise-flex { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between }
a.expertise-a img { width:100%; height:auto; transition:1s all ease; flex-shrink: 0; }
.expertise-head { display:block; margin:0 0 40px; border-bottom:1px solid #eee }
.expertise { color:#111 }
.expertise h5 { padding:0; margin:25px 0 15px; }
a.expertise-a { color:inherit; text-decoration:none; width:Calc(33.333333% - 30px); margin:0 0 60px 0; display:flex; flex-direction:column; }
a.expertise-a:hover img { transform: scale(1.05); }
div.button { padding:17px 35px; margin:auto 0 0; font-family:'futurabold', sans-serif; align-self:flex-start; transition:.2s all ease; letter-spacing:2px }
a.expertise-a:hover div.button { background:#005478; }
.customers { background:#262729; color:#fff; text-align:center; padding:120px 0 70px }
.logos { margin:50px auto 0; width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; max-width:900px }
.logos img { height:auto; max-width:80% }
.logo-box { width:25%; margin-bottom:50px }
.articles { color:#111 }
.articles h5 { padding:0; margin:25px 0 15px; }
a.article-a { color: inherit; text-decoration: none; width: Calc(25% - 30px); margin: 0 0 60px 0; display: flex; flex-direction: column; }
.articles-flex { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between }
footer { color:#fff; background:#009de0; padding:80px 0 50px }
footer a { color:inherit }
.footer-contacts { display:flex; align-items:center; justify-content:space-between; padding:0 0 60px }
.footer-contacts a { font-family:'futurabold', sans-serif; font-size:20px }
.spacer-line { display:inline-block; width:2px; height:50px; background:#fff }
.footer-certificates { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 0 60px }
.footer-certificates img { margin:30px; max-width: 150px; }
.footer-links { display:flex; align-items:center; justify-content:center; flex-direction:column }
.footer-links a { font-size:14px; margin-bottom:25px; color:#fff }
.footer-links p { opacity:0.5 }
.footer-links p a { color:#fff }
.toimiala-yla { display:block; color:#fff; width:100%; }
.toimiala-hero { padding:240px 0 120px }
.toimiala-hero .hero-txt { max-width:65% }
.toimialat-yhteystiedot { color:#111; background:#f9f7f9; padding:60px 0 }
.toimialat-yhteystiedot h3 { margin-bottom:40px }
.toimialat-yhteystiedot h5 { margin-bottom:25px }
.toimiala-character { position:absolute; bottom:0; right:10%; display:flex; align-items:flex-end; width:500px; justify-content:center; flex-shrink:0; }
.relative-wrap { position:relative }
.info-flex { display:flex; max-width:60%; flex-wrap:wrap }
.info-block { display:flex; align-items:center; margin:0 50px 20px 0 }
.info-block p { margin:0 0 0 8px }
a.minibutton { padding:14px 20px }
.toimiala-content-flex { display:flex; width:100%; align-items:flex-start; justify-content:space-between }
.toimiala-copy { width:600px; max-width:100%; flex-grow:0; flex-shrink:0 }
.toimiala-sidebar { width:40%; margin:0 0 0 60px; box-sizing:border-box; padding:30px 40px; background:#f9f7f9; flex-shrink:0 }
.toimiala-sidebar h5 { margin-bottom:30px }
.toimiala-content { color:#111 }
.black-references { background:#222 }
.jobs { color:#111; padding-bottom:60px }
.jobs-row { display:flex; width:100%; padding:70px 0 50px; }
.jobs-row:nth-child(odd) { background:#f9f7f9 }
.jobs-flex { display:flex; width:100%; justify-content:space-between }
.job-flex { display:flex; width:Calc(50% - 40px); align-items:flex-start }
.counter {  background:#009de0; padding:20px; border-radius:50%; display:inline-block; position:relative; margin:0 20px 0 0 }
p.paikkakunta { display:flex; align-items:center; font-family:'futurabold', sans-serif; letter-spacing:1px; text-transform:uppercase; margin:35px 0 30px }
p.paikkakunta img { margin:0 8px 0 0 }
p.mol-copy { max-width:400px }
.number { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px; color:#fff; font-family:'futurabold', sans-serif }
a.mol-link { padding:0; background:transparent; display:flex; color:#009de0; font-family:'futurabold', sans-serif; font-size:15px; letter-spacing:1px; text-transform:uppercase; text-decoration:none; display:flex; align-items:center }
.mol-arrow { content:''; width:13px; height:13px; margin:0 0 0 13px; background: url(https://www.maimed.fi/wp-content/themes/maimed/images/nuoli-sininen.svg); background-size: contain; background-position: center; background-repeat: no-repeat; transition:.2s all ease }
a.mol-link:hover .mol-arrow { margin:0 0 0 18px }
.centered { text-align:center }
.about-us { color:#111 }
.about-us-main { max-width:700px; }
.about-us-flex { display:flex; align-items:flex-start; justify-content:space-between }
.about-us-sidebar-offset { width:500px; flex-shrink:0; flex-grow:0; margin:-192px 0 0 100px; background:#f9f7f9; padding:30px 40px }
.about-us-sidebar-offset h3 { opacity:.5 }
.sidebar-item { display:flex; align-items:flex-start; margin:0 0 30px 0 }
.sidebar-item h5 { margin:0 0 15px 0 }
.offset-left { margin:0 0 40px 60px }
.open-form { color:#111 }
.job-form { max-width:700px }
.tausta { margin:0 0 40px 0 }
.paginaatio { display:flex; align-items:center; justify-content:center; position:relative; margin:60px 0 0; flex-direction:column }
.paginaatio .seuraava a, .paginaatio .edellinen a { background:#009de0; text-decoration: none; font-size: 14px; padding: 20px 40px; margin: 15px 15px 15px 0; color: #fff; text-transform: uppercase; font-family: 'futurabold'; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; -webkit-appearance: none; display: inline-block; }
.paginaatio .numeerinen { position:relative; z-index:2; font-size:18px; display:flex }
.paginaatio .numeerinen .current { border-bottom:3px solid #009de0; padding:10px 15px; color:#222; font-family:'futurabold' }
.paginaatio .numeerinen a { border-bottom:3px solid #dedede; padding:10px 8px; text-decoration:none; transition:.25s all ease; font-family:'futurabold'; color:#dedede  }
.paginaatio .numeerinen a:hover { border-bottom:3px solid #009de0; padding:10px 15px; color:#009de0 }
.paginaatio .seuraava a:hover, .paginaatio .edellinen a:hover { background:#005478 }
.paginaatio-napit { width: 100%; }
.paginaatio-napit .seuraava { float:left }
.paginaatio-napit .edellinen { float:right }
.hero-yhteystiedot { display:flex; flex-wrap:wrap; margin:40px 0 80px; }
.hero-yhteystiedot a { text-decoration:none; width: 50%; }
.hero-tieto { display:flex; align-items:center; margin:10px 80px 10px 0; }
.hero-tieto-wrap { width: 50%; }
.hero-kuva { width:16px; height:16px;  }
.hero-pallo { background:#fff; padding:10px; border-radius:50% }
.hero-pallo-teksti p { font-size:20px; font-family:'futurabold', sans-serif; line-height:130%; margin:4px 0 0 20px }
#map { display:block; width:100%; height:600px }
.contact-form-offset { position:absolute; width:380px; padding:30px 40px; background:#fff; top:-65px; left:11%; color:#111 }
.contact-form-offset h3 { padding:0 }
.contact-form-offset input[type="text"], .contact-form-offset input[type="password"], .contact-form-offset input[type="email"], .contact-form-offset textarea, .contact-form-offset select { background:#222; color:#fff }
.contact-form-offset form { margin:0 }
.contact-form-offset input[type="submit"] { margin:0 }
.mol-header { word-break:break-word }
p.article-date {
color:#b7b7b7;
}
.social-header a, .social-header a:hover, .social-header a:focus {
text-decoration:none;
}
.social-header {
display:block;
margin:0 0 0 20px;
}
.social-header svg g {
fill:#fff;
}
.social-header svg:hover g {
fill:#009de0
}
@media (max-width: 1500px) {
.etusivuteksti2 h1, .etusivuteksti2 h2, p.h1-seem {font-size:60px!important; letter-spacing:0}
h1, .h1 { font-size:54px; text-transform:uppercase; }
h2, .h2 { font-size:44px; text-transform:uppercase; }
h3 { font-size:33px; text-transform:uppercase; }
h4 { font-size:21px; text-transform:uppercase; }
h5 { font-size:20px; text-transform:uppercase; }
h6 { font-size:18px; text-transform:uppercase; }
.hero-character { width:440px }
.hero-copy { width: Calc(100% - 440px); }
.toimiala-character { width:400px; right:7% }
.about-us-sidebar-offset { width:380px }
}
@media (max-width: 1380px) {
.hero-character { width:350px }
.hero-copy { width: Calc(100% - 350px); }
.etusivuteksti2 h1, .etusivuteksti2 h2, p.h1-seem {font-size:52px!important; letter-spacing:0}
h1 { font-size:50px; text-transform:uppercase; }
h2 { font-size:44px; text-transform:uppercase; }
h3 { font-size:33px; text-transform:uppercase; }
h4 { font-size:21px; text-transform:uppercase; }
h5 { font-size:20px; text-transform:uppercase; }
h6 { font-size:18px; text-transform:uppercase; }
.etusivuteksti2 p, .toimiala-hero p { font-size:18px }
.toimiala-hero { padding:170px 0 70px }
.contact-form-offset { left:5% }
.tarjoussisa { max-width:60% }
}
@media (max-width: 1199px) {
.main-nav a {
padding:0 7px;
}
a.button { font-size:12px; letter-spacing: 1.5px; }
.benefit { width:50%; padding:0 4% 30px }
a.article-a { width:Calc(50% - 30px); }
.toimiala-character { right:-4% }
.toimiala-content-flex { flex-direction:column }
.toimiala-sidebar { width:auto; max-width:100%; margin:40px 0 0 0 }
.about-us-flex { flex-direction:column }
.about-us-main { width:100%; max-width:700px }
.about-us-sidebar-offset { width:100%; margin:40px 0 0 0; box-sizing:border-box }
.relatiivi { display:flex; flex-direction:column-reverse; }
.contact-form-offset { position:static; width:100%; box-sizing:border-box; max-width:600px }
}
@media (max-width: 999px) {
.social-header {
margin:0;
}
.social-header svg g {
fill:#333;
}
.paginaatio-napit { position:static; transform:none }
.paginaatio { flex-direction:column-reverse }
.paginaatio-napit .seuraava, .paginaatio-napit .edellinen { float:none; width:100% }
.paginaatio .seuraava a, .paginaatio .edellinen a { width:100%; margin-bottom:12px; box-sizing:border-box; text-align:center }
.valikko { display:none }
.burger { display:block; z-index:9999 }
.hero-content { flex-direction:column }
.hero-wrap { height:auto }
.hero-copy, .hero-character { width:100% }
.hero-character { margin-top:auto }
.hero-character img { width:250px }
.hero-copy { padding:120px 0 40px }
.etusivuteksti2 h1, .etusivuteksti2 h2, p.h1-seem {font-size:47px!important; letter-spacing:0}
h1 { font-size:47px; text-transform:uppercase; }
h2 { font-size:40px; text-transform:uppercase; }
h3 { font-size:30px; text-transform:uppercase; }
h4 { font-size:20px; text-transform:uppercase; }
h5 { font-size:19px; text-transform:uppercase; }
h6 { font-size:18px; text-transform:uppercase; }
.etusivuteksti2 p, .toimiala-hero p { font-size:16px }
a.expertise-a { width:Calc(50% - 30px) }
.logo-box { width:33.33333% }
.toimiala-hero .hero-txt { max-width:58% }
.toimiala-character { width:370px; right:-70px }
.info-block { margin:0 40px 20px 0 }
.job-flex { width:100%; margin:0 0 60px }
.jobs-flex { flex-wrap:wrap }
p.mol-copy { max-width:700px }
}
@media (max-width: 749px) {
.hero-tieto-wrap {
width: 100%;
}
.hero-yhteystiedot a {
width: 100%;
}
.galleria a {
width: 33.333333%
}
.etusivuteksti2 h1, .etusivuteksti2 h2, p.h1-seem {font-size:33px!important; letter-spacing:0}
h1 { font-size:30px; text-transform:uppercase; }
h2 { font-size:27px; text-transform:uppercase; }
h3 { font-size:22px; text-transform:uppercase; }
h4 { font-size:20px; text-transform:uppercase; }
h5 { font-size:19px; text-transform:uppercase; }
h6 { font-size:18px; text-transform:uppercase; }
.etusivuteksti2 p, .toimiala-hero p { font-size:14px }
a.expertise-a { width:100% }
.logo-box { width:50% }
.footer-contacts { flex-direction:column }
.spacer-line { width:50px; height:2px; margin:30px 0 }
.toimiala-buttons a.button { margin:0px 10px 10px 0; }
.toimiala-sidebar { padding:10px }
}
@media (max-width: 549px) {
.logo img {
width:160px;
}
.paginaatio .seuraava a, .paginaatio .edellinen a { padding:16px 20px; }
.valikko1 { width:100%; min-width:auto }
.etusivuteksti2 h1, .etusivuteksti2 h2, p.h1-seem {font-size:27px; letter-spacing:0}
h1 { font-size:27px; text-transform:uppercase; }
h2 { font-size:24px; text-transform:uppercase; }
h3 { font-size:20px; text-transform:uppercase; }
h4 { font-size:18px; text-transform:uppercase; }
h5 { font-size:18px; text-transform:uppercase; }
h6 { font-size:16px; text-transform:uppercase; }
.etusivuteksti2 p, .toimiala-hero p { font-size:14px }
.hero-copy { padding:100px 0 80px }
.hero-character { display:none }
.swiper-button-prev, .swiper-button-next { width:70px!important }
.benefit { width:100%; padding:0 0 30px }
.section { padding:90px 0 }
.logo-box { width:50% }
a.article-a { width:Calc(100% - 30px); }
.footer-certificates { flex-direction:column }
.footer-certificates img { margin:0 0 30px; max-width: 200px; }
.footer-links p { text-align:center }
.toimiala-hero { padding:120px 0 50px }
.toimiala-character { width:320px; right:-100px }
.sidebar-item { flex-direction:column }
.about-us-sidebar-offset { padding:0; background:#fff }
.offset-left { margin:0 0 30px }
h5.mol-header { font-size:14px; padding-top:12px }
.number { font-size:14px }
p.paikkakunta { font-size:12px; letter-spacing:.5px }
.contact-form-offset { padding:30px 20px }
.hero-tieto {
margin-right: 0;
}
}
@media (max-width: 399px) {
.nav-line { display:none }
.headerblock { justify-content: space-between; }
.etusivuteksti2 h1, .etusivuteksti2 h2, p.h1-seem {font-size:22px!important; letter-spacing:0}
h1 { font-size:22px; text-transform:uppercase; }
h2 { font-size:20px; text-transform:uppercase; }
.references .swiper-button-prev, .references .swiper-button-next { display:none!important }
.reference { width:100% }
.button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"] { padding:20px 23px }
a.button { letter-spacing:1px }
.toimiala-character { right:-100px; width:240px }
.toimiala-hero .hero-txt { max-width:100% }
}