/* Värit */
.headerinfo, .otsikko, .sidebar h3, .portfolio-thumb img, .blogdesc a, .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .footer li a:hover, .tablepress tfoot th, .tablepress thead th, .etusivupalvelut, .arviointi, .pagetitle, .footer li a:hover, .isonappi, .navigation a, .etusivuteksti2 .button, p.luelisaap , .sidebar:first-of-type a, .burger span, a.tarjousnappi { background:#d21f34; }
a, a:visited, .main-nav a:hover, .main-nav ul ul li.active a, .etusivusisalto a, .etusivusisalto a:link, .etusivusisalto a:hover, .etusivusisalto .postheader:hover, .jatkalukemista, .navigation a:hover, .yhteystiedot h3, .isonappi:hover, .burger span, a.tarjousnappi:hover { color:#d21f34; }
.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, .etusivuteksti2 .button:hover, .sidebar:first-of-type a:hover, .palvelutsivu .palvelutdiv:hover { background:#ee223a; }
.etusivuteksti2 a.button2 { border:2px solid #d21f34; color:#d21f34; background:none; }
.etusivuteksti2 a.button2:hover { background:#d21f34; color:#fff; }
a:hover h2, .footer a, .pagetitle a, .etusivuartikkeli-sisa:hover p { color:#ee223a; }
.main-nav ul ul { border-top: 3px solid #ee223a; }
.otsikko, .sidebar h3 { border-left:none; color:#333; }
.button, a.button { color:#fff; }
.main-nav li.active ul li a { color:#222; }
.palvelutsivu .palvelutdiv:hover { border:1px solid #ee223a; }

/* Fontit */

body, p, #main li, textarea, input, select { font-family:'Avenir LT Std 45 Book', sans-serif; }
h1, h2, h3, h4, h5, h6, .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .footer, .breadcrumbs, .main-nav a, p.luelisaap, strong, a.tarjousnappi, .etusivuteksti2 h1, .luku, .etusivu21 a p:first-of-type, a.sininenlinkki, span.toggleswitch, span.nappilinkki,.rahoitustaulukko tr:first-of-type td, .rahoitustaulukko td:first-of-type, span.yhteystieto1, span.yhteystieto2, .valikko1 a, span.alku, span.loppu { font-family:'Avenir LT Std 95 Black', sans-serif; }

/* Muut */

.blogsidebar { padding-top:0; }
.pagetitle h1 { text-transform:uppercase; margin:0 0 20px 0; text-shadow:1px 1px 1px #222; }
.pagetitle p, .pagetitle li { margin:0; text-shadow:1px 1px 1px #222; }
.pagetitle ul, .pagetitle ol { margin:20px 0 0 18px; }
.pagetitle li { margin:0 0 10px 0; }
.pagetitle { background:url(images/lammitysratkaisut-tausta.jpg); background-size:cover; background-position:center center; background-repeat:no-repeat; margin:74px 0 0 0; padding:120px 0 100px 0; text-align:left; position:relative; overflow:hidden; }
.leivanmuru { position:absolute; left:0; bottom:0; }
.leivanmuru:before { position:absolute; content:""; background:#d21f34; height:100%; width:1000px; left:-1000px; top:0; }
.leivanmuru p { text-shadow:none; }
.leivanmuru a, span.breadcrumb_last { display:inline-block; padding:12px 30px 12px 45px; color:#fff; background:#d21f34; position:relative; margin:0 -5px 0 0; }
.leivanmuru a:after { content:""; position:absolute; top:0; right:-15px; width:0; height:0; border-style:solid; border-width:25.5px 0 25.5px 15px; border-color:transparent transparent transparent #d21f34; z-index:1; }
#breadcrumbs > span > span > span > a:after { border-color:transparent transparent transparent #ad1a2b; }
#breadcrumbs > span > span > a, #breadcrumbs > span > span > span > span > a { background:#d21f34; }
#breadcrumbs > span > span > span > a, #breadcrumbs > span > span > span.breadcrumb_last, #breadcrumbs > span > span > span > span > span.breadcrumb_last { background:#ad1a2b; }
span.breadcrumb_last { border-top-right-radius:3px; border-bottom-right-radius:3px; }
#breadcrumbs > span > span > a { padding-left:0; }

.tablepress tfoot th, .tablepress thead th { color:#fff; }
.button { display:inline-block; margin:15px 0; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { width:100%; box-sizing:border-box; }
.logo img { padding:0; }
.main-nav a, a.tarjousnappi { text-transform:uppercase; font-size:15px; color:#222; }
.ajankohtaista h2, .otsikkoviiva h2, .etusivuteksti h2 { margin:0 0 30px 0; color:#444; font-size:45px; text-transform:uppercase; text-align:center; line-height:120%; }
.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 }
.footer ul ul { display:none; }
.sisalto { padding:80px 0; }
.sisaltoalue, .sidebar { background:#fff; border:1px solid #ddd; margin:0 0 20px 0; padding:20px; }
.kapeasisalto { max-width:750px; margin:0 auto; }
p.paivays { color:#777; }
p.paivays:before { position:relative; top:3px; margin:0 8px 0 0; content:url('images/julkaistu.png'); }
.clear { clear:both; }
.main-nav ul.menu { padding:0 0 0 265px; }
.blogpost:first-of-type { padding-top:0; }
.blogpost:last-of-type { border-bottom:0; }
.single-image img { width:100%; height:auto; }
.main-nav li.active:after, .main-nav li.current-page-parent:after { content:""; position:absolute; width:100%; height:3px; background:#d21f34; bottom:22px; left:0; }
#menu-paavalikko li.etusivumenu { height:100px; position:relative; padding:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
#menu-paavalikko li.etusivumenu a { color:transparent; font-size:1px; position:relative; }
#menu-paavalikko li.etusivumenu a:before { content:url(images/etusivu.png); position:absolute; left:50%; top:6px; transform:translate(-50%,0); }
#menu-paavalikko li.menu-item-has-children > a { padding:0 36px 0 16px; }
#menu-paavalikko li.menu-item-has-children > a:after { position:absolute; content:url(images/alasivut.png); top:49%; right:16px; transform:translate(0,-50%); }
.headeroikea { float:right; }
a.tarjousnappi { padding:0 46px 0 26px; color:#fff; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; position:relative; float:right; }
a.tarjousnappi:after { content:url(images/nuolioikeavalk.png); position:absolute; top:49%; right:26px; transform:translate(0,-50%); -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
a.tarjousnappi:hover { background:#ad1a2b; color:#fff; }
a.tarjousnappi:hover:after { right:21px; }
span.etsinappi { background:#222; line-height:100px; padding:0 20px; float:right; cursor:pointer; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
span.etsinappi.paalla, span.etsinappi:hover { background:#000; }
span.etsinappi img { transform:translate(0,15%); }
a.headersome { float:right; position:relative; margin:0 20px; top:33px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
.hakualue { text-align:center; background:#000; height:0; overflow:hidden; padding:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; margin:100px 0 0 0; }
.hakualue.nakyva { padding:13px 0; height:auto; overflow:initial; opacity:1; }
.hakualue .screen-reader-text { display:none; }
form.search-form { margin:0; }
.hakualue input[type="submit"], .searchform input[type="submit"] { display:inline-block; width:auto; border:0; border-radius:3px; margin:0 5px; }
.hakualue label, .searchform label { display:inline-block; margin:0 5px; }
.hakualue input[type="search"], .searchform input[type="search"], .searchform input[type="text"] { margin:0; display:inline-block; width:auto; padding:18px; font-size:18px; border:0; border-radius:3px; }
.hakualue input[type="search"] { background:#fff; }
a.button:after, span.nappilinkki:after { content:url(images/nuolioikeavalk.png); position:absolute; top:49%; right:30px; transform:translate(0,-50%); -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
a.button:hover:after { right:25px; }
a.button2:after, span.nappilinkki:after { content:url(images/nuolioikeapun.png); }
a.button2:hover:after, .laatikko a:hover span.nappilinkki:after { content:url(images/nuolioikeavalk.png); }
.main-nav ul ul li.active:after { content:none; }
.vasenviiva, .keskiviiva, .etusivu2 h2, .etusivu3 h2, .etusivu3 h2, .palvelu1 h2, .puolikkaat h3, .yritys1 h2, .rahoitus21 h2 { position:relative; margin:0 0 20px 0; padding:0 0 15px 0; }
.vasenviiva:after, .etusivu2 h2:after, .keskiviiva:after, .etusivu3 h2:after, .palvelu1 h2:after, .puolikkaat h3:after, .yritys1 h2:after, .rahoitus21 h2:after { content:""; background:#d21f34; width:150px; height:4px; position:absolute; left:0; bottom:0; }
.keskiviiva:after, .etusivu3 h2:after, .palvelu1 h2:after { left:50%; transform:translate(-50%,0); }

.burger { position:absolute; top:5px; right:5px; cursor:pointer; display:none; }
.burger span { display:block; width:40px; height:6px; 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:12px; box-shadow:none; }
.burger.burgeropen span:nth-child(3) { transform:rotate(-45deg); top:-12px; box-shadow:none; }
.valikko1 { height:0; opacity:0; position:fixed; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; width:100%; padding:0; background:#222; top:54px; left:0; }
.valikko1hide { height:auto; opacity:1; z-index:1; }
.valikko1hide { display:block; }
.valikko1 ul { border-top:none; margin:0; padding:0; }
.valikko1 li { list-style-type:none; margin:0; padding:0; }
.valikko1 a { color:#fff; width:100%; display:block; text-align:center; padding:15px 0; font-size:20px; text-transform:uppercase; 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 { background:#484a49; }
.valikkoala { width:100%; display:table; }
.valikkoala a { width:50%; height:100%; vertical-align:middle; padding:20px 0; border-top:1px solid #888; font-size:18px; color:#ccc; box-sizing:border-box; }
.valikkoala a:last-of-type { border-left:1px solid #888; }
.valikko1 a, .valikkoala a { display:none; }
.valikko1hide a { display:block; }
.valikko1hide .valikkoala a { display:table-cell; }


.vasenvalikko { padding:30px 50px; position:fixed; z-index:10001; }
.vasenvalikko2 { display:none; margin:0; padding:15px 25px 10px 25px; position:fixed; z-index:10001; background:#0064c8; }
.vasenvalikko2 .addtoany_shortcode img { margin:0; }
.vasenvalikko2 img { max-width:40px; height:auto; }

.etusivuteksti { padding:70px 0; text-align:center; }

.etusivuyla { display:table; height:100%; width:100%; background:url('images/ylatausta.jpg'); background-position:center; background-repeat:no-repeat; background-size:cover; }
.etusivuteksti2 { display:table-cell; vertical-align:middle; padding:0 50px; text-align:left; }
.etusivuteksti2 h1 { font-size:60px; line-height:100%; color:#fff; border-bottom:none; text-transform:uppercase; margin:0 0 10px 0; max-width:650px; text-shadow:1px 1px 1px #222; }
.etusivuteksti2 p { font-size:18px; color:#fff; margin:15px 0; max-width:580px; text-shadow:1px 1px 1px #222; }
.etusivuteksti2 .button { display:inline-block; margin:10px 10px 0 0; text-shadow:none; }
.ohutfontti { display:block; font-size:30px; line-height:100%; }
.etusivuteksti2 a.button2 { padding:13px 53px 13px 28px; }
img.nuolialas { position:absolute; bottom:20px; left:50%; transform:translate(-50%,0); -webkit-animation: nuolibob 2s infinite; -moz-animation:nuolibob 2s infinite; -o-animation:nuolibob 2s infinite; animation:nuolibob 2s infinite; }
@keyframes nuolibob {
  0% { bottom:20px; }
  15% { bottom:40px; }
  23% { bottom:20px; }
  30% { bottom:32px; }
  40% { bottom:20px; }
  100% { bottom:20px; }
}

/* .etusivuoikea { display:flex; width:400px; flex-wrap:wrap; float:right; justify-content:center; -webkit-box-pack:center; -ms-flex-pack:center; flex-direction:column; padding:75px 0 0 0; box-sizing:border-box; height:100%; }
.etusivuoikea a { height:29vh; display:flex; padding:5px 0; box-sizing:border-box; }
.etusivuoikeasisa { background:#000; height:100%; } */

.etusivuoikea { display:block; width:400px; float:right; height:100vh; padding:100px 0 0 0; box-sizing:border-box; }
.etusivuoikea a { height:33.33333%; display:table; padding:5px 0; box-sizing:border-box; text-decoration:none; }
.etusivuoikea a:nth-child(1) { padding:10px 0 3px 0; }
.etusivuoikea a:nth-child(2) { padding:6px 0 7px 0; }
.etusivuoikea a:nth-child(3) { padding:3px 0 10px 0; }
.etusivuoikea a .etusivuoikeasisa:after { position:absolute; top:10px; right:10px; }
.etusivuoikea a:nth-child(1) .etusivuoikeasisa:after { content:url(images/uudisrakennusten-lammitys.png); }
.etusivuoikea a:nth-child(2) .etusivuoikeasisa:after { content:url(images/saneerauskohteiden-lammitys.png); }
.etusivuoikea a:nth-child(3) .etusivuoikeasisa:after { content:url(images/kiinteistokohteet.png); }
.etusivuoikeasisa { height:100%; padding:40px; box-sizing:border-box; display:table-cell; vertical-align:middle; position:relative; background: #ad1a2b; background: -moz-linear-gradient(-45deg, #ad1a2b 0%, #d21f34 100%); background: -webkit-linear-gradient(-45deg, #ad1a2b 0%,#d21f34 100%); background: linear-gradient(135deg, #ad1a2b 0%,#d21f34 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1a2b', endColorstr='#d21f34',GradientType=1 ); }
.etusivuoikea a:nth-child(even) .etusivuoikeasisa { background: #d21f34; background: -moz-linear-gradient(-45deg, #d21f34 0%, #ad1a2b 100%); background: -webkit-linear-gradient(-45deg, #d21f34 0%,#ad1a2b 100%); background: linear-gradient(135deg, #d21f34 0%,#ad1a2b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d21f34', endColorstr='#ad1a2b',GradientType=1 ); }
.etusivuoikea h3 { color:#fff; text-transform:uppercase; font-size:22px; position:relative; display:inline; }
.etusivuoikea h3:after { content:url(images/nuolioikeavalk1.png); position:relative; top:0; right:-15px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
.etusivuoikea p { margin:15px 0 0 0; color:#fff; }
.etusivuoikea a:hover .etusivuoikeasisa { background:#ad1a2b; }
.etusivuoikea a:hover h3:after { right:-20px; }

.etusivu1 { background:url(images/etusivu1tausta.jpg); background-size:cover; background-position:center center; background-repeat:no-repeat; padding:25px 0; text-align:center; }
.etusivu11 { display:flex; justify-content:center; }
.etusivu111 { width:33%; display:inline-block; padding:30px; box-sizing:border-box; margin:25px; background:#fff; text-align:center; }
.etusivu1 h3 { font-size:22px; position:relative; margin:0 auto 28px auto; max-width:275px; }
.etusivu1 h3:after { content:""; background:#093a85; height:4px; width:150px; position:absolute; bottom:-15px; left:50%; transform:translate(-50%,0); }
.etusivu1 p { margin:0; }
.etusivu1 span { display:block; line-height:110%; }
.sininen { color:#093a85; }
.luku { color:#093a85; font-size:90px; }

.etusivu2 { padding:80px 0; overflow:hidden; }
.etusivu2 .container { display:table; }
.etusivu21 { box-sizing:border-box; padding:0 80px 0 0; width:50%; display:table-cell; vertical-align:middle; }
.etusivu211 { background:#184b98; padding:50px 0; position:relative; }
.etusivu211:before { content:""; background:#184b98; height:100%; position:absolute; width:1000px; left:-1000px; top:0; }
.etusivu21 h3 { font-size:22px; color:#fff; margin:0 0 30px 0; }
.etusivu21 p { color:#fff; float:left; padding:0 25px 0 0; width:75%; box-sizing:border-box; margin:0; }
.etusivu21 a.artikkelilinkki { text-decoration:none; clear:both; display:block; padding:20px 0; border-top:4px solid #fff; position:relative; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
.etusivu21 a.artikkelilinkki:nth-child(4) { border-bottom:4px solid #fff; }
.etusivu21 a.artikkelilinkki:after { content:url(images/artikkelinuoli1.png); position:absolute; top:50%; right:-36px; transform:translate(0,-50%); -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
.etusivu21 a.artikkelilinkki p:first-of-type { color:#7aa5e6; padding:0 25px 0 0; width:25%; box-sizing:border-box; }
.etusivu21 a.artikkelilinkki:hover { background:#fff; }
.etusivu21 a.artikkelilinkki:hover:after { right:-41px; }
.etusivu21 a.artikkelilinkki:hover p { color:#184b98; }
a.sininenlinkki { border:none; color:#7aa5e6; display:inline-block; position:relative; padding:0; margin:30px 0 0 0; text-decoration:none; }
a.sininenlinkki:after { content:url(images/nuolioikeasin.png); position:absolute; top:50%; right:-20px; transform:translate(0,-50%); -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
a.sininenlinkki:hover:after { right:-25px; }
.etusivu22 { width:50%; display:table-cell; vertical-align:middle; }

.umenviiva { width:100%; height:1px; background:#222; position:relative; margin:20px 0; }
.umenviiva:after { content:url(images/logokuva.png); position:absolute; left:50%; top:50%; background-color:#fff; width:100px; transform:translate(-50%,-50%); text-align:center; }

.etusivu3 { padding:80px 0 50px 0; text-align:center; }
.etusivu31 { max-width:650px; margin:0 auto; }

.soittopyyntoulko { padding:30px 0 0 0; overflow:hidden; }
.soittopyynto { padding:120px 0 80px 0; background-color:#d21f34; background-image:url(images/soittopyyntotausta.jpg); background-position:center center; background-size:cover; position:relative; }
.soittopyynto:before { content:url(images/soittopyyntonuolet.png); position:absolute; top:-36px; left:50%; transform:translate(-50%,0); max-width:710px; }
.soittopyynto1 { width:50%; float:right; }
.soittopyynto1 h3 { color:#fff; font-size:30px; margin:0 0 25px 0; }
.soittopyynto1 p { color:#fff; margin:0 0 35px 0; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { border:none; padding:18px; font-size:18px; color:#222; margin:0; width:100%; max-width:100%; display:block; margin-top:10px; background:#ddd; box-sizing:border-box; border-radius:3px; }
select { padding:18px 14px; cursor:pointer; }
input[type="submit"] { cursor:pointer; display:block; font-size:18px; padding:18px 36px; width:100%; border:0; border-radius:3px; box-sizing:border-box; }
.soittopyynto input[type="text"] { width:67%; margin:0 3% 0 0; float:left; background:#fff; }
.soittopyynto input[type="submit"] { width:30%; float:left; background:#184b98; }
.soittopyynto input[type="submit"]:hover { background:#0b3a81; }
.yhtlomake p { margin:0; }
.yhtlomake input[type="submit"] { margin:10px 0 0 0; display:inline-block; width:auto; }
.yhtlomake a.tietosuojalinkki { font-size:16px; margin:20px 0 0 0; display:block; }

.etusivu4 { text-align:center; padding:100px 0; }
.laatikko-otsikko { margin:50px 0 70px 0; border-bottom:3px solid #d21f34; }
span.toggleswitch { font-size:18px; color:#999; display:inline-block; padding:10px 25px; text-transform:uppercase; cursor:pointer; position:relative; }
span.toggleswitch:hover { color:#d21f34; }
span.toggleswitch.activated { color:#d21f34; }
span.toggleswitch.activated:after { content:url(images/activatednuoli.png); position:absolute; bottom:-17px; left:50%; transform:translate(-50%,0); }
.palvelu3 span.toggleswitch.activated:after { content:url(images/activatednuoli2.png); }
.togglebox { display:none; }
.laatikko-sisalto { text-align:left; }
.togglebox1 { float:left; width:50%; padding:0 80px 0 0; box-sizing:border-box; }
.togglebox1 img { max-width:100%; height:auto; }
.togglebox2 { float:left; width:50%; }

.lammitysratkaisut1 { padding:50px 0 80px 0; }
.laatikko { float:left; width:33.333333%; padding:25px; box-sizing:border-box; }
.laatikko:nth-child(3n+1) { clear:both; }
.laatikko a { box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.10); display:block; box-sizing:border-box; color:#222; text-decoration:none; }
.laatikko img { width:100%; height:auto; display:block; }
.laatikkosisa { padding:20px; }
.laatikko h3 { font-size:22px; margin:5px 0 20px 0; }
.laatikko p { font-size:16px; }
span.nappilinkki { display:block; border:2px solid #d21f34; border-radius:3px; color:#d21f34; font-size:15px; text-transform:uppercase; padding:12px; text-align:center; position:relative; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
.laatikko a:hover span.nappilinkki { color:#fff; background:#d21f34; }
.laatikko a:hover span.nappilinkki:after { right:25px; }

.palvelu1 { padding:80px 0; text-align:center; }
.palvelu11 { max-width:650px; margin:0 auto; }
.palvelu1 ul { margin:30px 0; }
.palvelu1 li { list-style-type:none; position:relative; display:inline-block; padding:5px 35px; }
.palvelu1 li:before { content:url(images/vkuvake.png); position:absolute; top:50%; left:0; transform:translate(0,-50%); }
.palvelu1 a.button { margin:0; }

.puolikkaat { display:table; width:100%; }
.puolikkaat:nth-child(even) { direction:rtl; }
.puolikas1 { display:table-cell; width:50%; padding:0; position:relative; overflow:hidden; }
.puolikasteksti { padding:80px 60px; direction:ltr; }
.puolikaskuva { background-repeat:no-repeat; background-position:center center; background-size:cover; background:url('images/placeholder2.jpg'); }
.puolikaskuva .puolikaskuvasisa { height:100%; position:absolute; top:0; width:100%; background:url('images/placeholder2.jpg'); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.puolikastekstisisa { max-width:500px; margin:0 auto; }
.puolikkaat h3 { margin:0 0 30px 0; }

.palvelu3 { background:#eee; }

.yritys1 { padding:60px 0; }
.yritys1 .puolikas1, .referenssit1 .puolikas1 { vertical-align:middle; }
.puolikaskuva1 img { width:100%; height:auto; }
.puolikasteksti1 { padding:0 50px 0 0; box-sizing:border-box; }
.yritys1 .puolikkaat:nth-child(even) .puolikasteksti1 { padding:0 0 0 50px; box-sizing:border-box; text-align:left; direction:ltr; }
.yritys1 .puolikkaat { padding:40px 0; }

.yritys2 { padding:80px 0 120px 0; background:#eee; margin-bottom:-30px; }
.yritys2 h2 { margin:0 0 100px 0; }
.timeline { position:relative; max-width:1200px; margin:0 auto; padding:30px 0; }
.timeline * { box-sizing:border-box; }
.timeline::after { content:''; position:absolute; width:6px; background-color:white; top:0; bottom:0; left:50%; margin-left:-3px; }
span.alku { position:absolute; top:0; left:50%; transform:translate(-50%,-100%); color:#222; font-size:30px; border-bottom:5px solid #fff; padding:5px 20px; line-height:100%; }
span.loppu { color:#222; font-size:30px; position:absolute; bottom:0; left:50%; transform:translate(-50%,100%); padding:8px 20px; border-top:5px solid #fff; line-height:100%; }
.timeline h3 { text-transform:none; }
span.vuosi { color:#d21f34; }
.container1 { padding:10px 40px; position:relative; background-color:inherit; width:50%; }
.container1::after { content:''; position:absolute; width:25px; height:25px; right:-17px; background-color:white; border:4px solid #d21f34; top:15px; border-radius:50%; z-index:1; }
.left { left:0; }
.right { left:50%; }
.left::before { content:""; height:0; position:absolute; top:22px; width:0; z-index:1; right:30px; border:medium solid white; border-width:10px 0 10px 10px; border-color:transparent transparent transparent white; }
.right::before { content:""; height:0; position:absolute; top:22px; width:0; z-index:1; left:30px; border:medium solid white; border-width:10px 10px 10px 0; border-color:transparent white transparent transparent; }
.right::after { left:-16px; }
.content { padding:20px 30px; background-color:white; position:relative; border-radius:3px; }
.content p:last-of-type { margin:0; }

.referenssit1 { padding:80px 0; text-align:center; }
.referenssit1 .puolikkaat:nth-child(odd) { direction:ltr; }
.referenssit1 .puolikkaat:nth-child(even) { direction:rtl; }
.referenssit1 .puolikkaat { text-align:left; padding:40px 0; }
.puolikaskuva2 { padding:0 100px 0 0; box-sizing:border-box; }
.puolikaskuva2 img { width:100%; height:auto; }
.referenssit1 .puolikkaat:nth-child(odd) .puolikasteksti2 { text-align:left; direction:ltr; }
.referenssit1 .puolikkaat:nth-child(even) .puolikaskuva2 { padding:0 0 0 100px; box-sizing:border-box; direction:ltr; }
.referenssit1 h3 { text-transform:none; }
img.referenssikuva { max-width:300px; height:auto; margin:0 40px 20px 0; float:left; }

.rahoitus1 { padding:80px 0; text-align:center; }
.rahoitus1 .keskitys { max-width:640px; margin:0 auto; }
p.pienifontti { font-size:14px; }
.rahoitus2 { padding:80px 0; text-align:center; }
.rahoitus21 { float:left; width:50%; padding:0 80px 0 0; box-sizing:border-box; text-align:left; }
.rahoitus22 { float:left; width:50%; text-align:left; }
.rahoitus21 ul { margin:40px 0 20px 0; }
.rahoitus21 li { list-style-type:none; position:relative; margin:0 0 15px 0; padding:0 0 0 38px; }
.rahoitus21 li:before { content:url(images/vkuvake.png); position:absolute; top:2px; left:0; }
.rahoitus21 h2 { line-height:100%; }
.rahoitus22 h3 { font-size:18px; }
.rahoitustaulukko table { width:100%; table-layout:fixed; }
.rahoitustaulukko tr { background:#eee; }
.rahoitustaulukko tr:nth-child(odd) { background:#ddd; }
.rahoitustaulukko tr:first-of-type { background:#222; }
.rahoitustaulukko td { text-align:center; color:#222; padding:25px 0; }
.rahoitustaulukko tr:first-of-type td { color:#fff; }
.rahoitus2 a.button { margin:50px 0 0 0; }

/*Kodikaslämpö Oy rahoituslaskurin tyyli*/
.SCBFI-widget-d946f568-ce63-43a8-93cd-2c3b5a6f2436 {
    margin: 0 auto !important;
    }
.SCBFI-widget{
	margin-right: auto !important;
	position: relative !important;
    float: left !important;}

.santander-ostorahoitus {
	padding-left: 55% !important;
	text-align: initial !important;
	/*font-weight: bold !important;*/
}
.ostorahoitus-otsikko{
	font-weight: bold !important;
	padding-left: 55% !important;
}
.ostorahoitus-otsikko2{
	font-weight: bold !important;
	padding-left: 55% !important;
}
.ostorahoitus{
	text-align: initial !important;
	padding-left: 55% !important;
}
.ostorahoitus1{
	padding-left: 55% !important;
	text-align: initial !important;
	font-weight:bold !important;
}
.santander-ostorahoitus2{
	text-align: initial !important;
	padding-top: 1% !important;
	padding-left: 55% !important;}

/*puhelimella*/
@media screen and (max-width: 600px){
.ostorahoitus-otsikko{
	padding-left: 0% !important;	
	}
.ostorahoitus-otsikko2{
	padding-left: 0% !important;	
	}
.ostorahoitus{
	padding-left: 0% !important;
	}
.ostorahoitus1{
	padding-left: 0% !important;	
	}
.santander-ostorahoitus2{
	padding-left: 0% !important;
	}
.santander-ostorahoitus{
	padding-left: 0% !important;
	}}

/*tabletilla*/
@media screen and (max-width: 1024px){
.ostorahoitus-otsikko{
	padding-left: 0% !important;
	padding-top: 120% !important;
	}
.ostorahoitus-otsikko2{
	padding-left: 0% !important;
	}
.ostorahoitus{
	padding-left: 0% !important;
	}
.ostorahoitus1{
	padding-left: 0% !important;	
	}
.santander-ostorahoitus2{
	padding-left: 0% !important;
	}
.santander-ostorahoitus{
	padding-left: 0% !important;
	}}

/*Kodikaslämpö Oy rahoituslaskuri loppuu*/

.addtoany_share_save_container { position:relative; margin:80px 0 10px 0; }
.addtoany_list { padding:0 0 0 60px; }
.addtoany_share_save_container:before { position:absolute; top:-50px; content:url('images/jako.png'); }
.soittopyynto1 span.wpcf7-not-valid-tip { display:block; width:350px; color:#ffca29; position:absolute; bottom:0; }
.soittopyynto1 .wpcf7-form-control-wrap { position:relative; }
.soittopyynto1 div.wpcf7-validation-errors, .soittopyynto1 div.wpcf7-acceptance-missing { color:#fff; margin:15px 0 0 0; padding:15px; }
.wpcf7 p { margin:0; }
.soittopyynto a.tietosuojalinkki { color:#fff; font-size:16px; float:right; }
p.liitetieodosto { margin:10px 0 0 0; }

.yhteydenotto1 { padding:80px 0; }
.yhteydenotto11 { float:left; width:50%; padding:0 80px 0 0; box-sizing:border-box; }
.yhteydenotto12 { float:left; width:50%; }
.yhteystieto { position:relative; padding:0 0 0 75px; margin:0 0 50px 0; }
.yhteystieto:before { position:absolute; left:0; top:5px; }
.puhelin:before { content:url(images/puhelin.png); }
.email:before { content:url(images/email.png); }
.osoite:before { content:url(images/osoite.png); }
.yhteystieto span { display:block; line-height:150%;}
span.yhteystieto1 { color:#222; font-size:22px; text-transform:uppercase; }
span.yhteystieto2 {  }
span.valiviiva1 { position:relative; display:block; content:""; height:4px; width:150px; background:#d21f34; margin:0 0 50px 0; }

.vasenkentta { float:left; width:50%; box-sizing:border-box; padding:0 5px 0 0; }
.oikeakentta { float:left; width:50%; box-sizing:border-box; padding:0 0 0 5px; }

.yhteydenotto2 { background:#222; padding:80px 0; text-align:center; }
.yhteydenotto2 h2 { color:#fff; }
.henkilot { margin:70px 0 0 0; }
.henkilot h3 { color:#fff; }
.henkilo img { border-radius:50%; }
.henkilo { float:left; width:33.333333%; padding:25px; box-sizing:border-box; }
.henkilo:nth-child(3n+2) { clear:both; }
.henkilo h3 { color:#fff; font-size:22px; text-transform:none; margin:15px 0 10px 0; }
.henkilo span { color:#fff; display:block; line-height:150%; }

.ajankohtaista1 { padding:80px 0; }
a.artikkeli { text-decoration:none; padding:30px; background:#eee; margin:0 0 30px 0; display:block; color:#222; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; }
.artikkeli1 { float:left; width:50%; padding:0 80px 0 0; box-sizing:border-box; }
.artikkeli2 { float:left; width:50%; }
a.artikkeli h2 { text-transform:none; font-size:28px; margin:0 0 10px 0; }
a.artikkeli p { margin:0; }
a.artikkeli p.jatkalukemista { margin:10px 0 0 0; }
a.artikkeli:hover { color:#fff; background:#d21f34; }
a.artikkeli:hover h2, a.artikkeli:hover p.jatkalukemista { color:#fff; }

.artikkelisisalto { padding:80px 0; }

.sivututka { text-align:center; }
.sivututka a, .sivututka p { color:#444; font-size:12px; }
.copyright { text-align:center; padding:15px; margin:0; background:#333; }
.copyright a, .copyright p { color:#999; margin:0; font-size:16px; }

.alareuna { border-bottom:1px solid #070707; }
.ylareuna { border-top:1px solid #3b3b3b; padding:30px 0; }
.footer2 {  }
.footer21 { float:left; width:50%; text-align:left; }
.footer22 { float:left; width:50%; text-align:right; }


@media (max-width: 1399px) {

	.main-nav a, a.tarjousnappi { font-size:13px; }
	.main-nav a { padding:0 13px; }
	.logo { left:20px; }
	.main-nav ul.menu { padding:0 0 0 220px; }

}

@media (max-width: 1199px) {
	
	a.tarjousnappi:after, span.nappilinkki:after { content:none; }
	a.tarjousnappi, span.etsinappi { padding:0 15px; }
	.main-nav a { font-size:11px; padding:0 10px; }
	span.etsinappi, .etusivuoikea p, .hakualue { display:none; }
	a.headersome { margin:0 15px; }
	.etusivuoikea a { width:100%; }
	.etusivuoikeasisa { padding:30px; }
	.etusivuoikea { width:350px; }
	.etusivuteksti2 h1, .pagetitle h1 { font-size:50px; }
	h2 { font-size:40px; }
	.rahoitustaulukko td { font-size:14px; }
	.etusivu111 { width:41%; }
	.etusivu21 p { float:none; width:100%; }
	.etusivu21 a.artikkelilinkki { padding:20px 0 0 0; }
	.soittopyynto input[type="text"] { width:62%; }
	.soittopyynto input[type="submit"] { width:35%; }
	.laatikko { padding:15px; }
	.yritys1 .puolikas1, .referenssit1 .puolikas1 { vertical-align:top; }
	.laatikko-otsikko { display:table; width:100%; }
	span.toggleswitch { display:table-cell; vertical-align:middle; line-height:125%; }
	.henkilo { width:50%; }
	.henkilo:nth-child(3n+2) { clear:none; }
	.henkilo:nth-child(2n+2) { clear:both; }

}

@media (min-width: 1000px) {
	
.matalaheader .main-nav a, .matalaheader a.tarjousnappi, .matalaheader span.etsinappi { line-height:75px; }
.matalaheader a.headersome { top:19px; }
.matalaheader .logo { margin:14px 0 0 0; }
.matalaheader #menu-paavalikko li.etusivumenu { height:75px; }
.matalaheader .hakualue { margin:75px 0 0 0; }
	
}

@media (max-width: 999px) {

.valikko { margin-top:0; }
header { height:75px; }
.sticky { position:relative; box-shadow:none; }
.puolikasteksti { padding:30px; box-sizing:border-box; }
	.headeroikea, img.nuolialas { display:none; }
	.logo img { max-width:150px; height:auto; }
	.main-nav ul.menu { padding:0 0 0 187px; }
	.pagetitle { margin:0; }
	.etusivuyla { display:block; height:auto; padding:80px 0 0 0; }
	.etusivuteksti2 { display:block; padding:0 50px 80px 50px; }
	.etusivuoikea { width:auto; float:none; height:auto; padding:0; }
	.etusivuoikea a { display:block; height:auto; padding:0!important; }
	.etusivuoikeasisa { padding:40px 50px; display:block; }
	.etusivu111 { width:50%; margin:10px 0; }
	.etusivu21 { padding:0 50px 0 0; }
	.soittopyynto1 { width:70%; }
	.togglebox1, .togglebox2, .rahoitus21, .rahoitus22, .yhteydenotto11, .yhteydenotto12 { float:none; width:100%; padding:0; margin:0 0 20px 0; }
	.rahoitus22 { margin:40px 0 0 0; }
	.laatikko { width:50%; }
	.laatikko:nth-child(3n+1) { clear:none; }
	.laatikko:nth-child(odd) { clear:both; }
	span.toggleswitch { font-size:16px; padding:10px 5px; }
	.etusivu21 { vertical-align:top; }
	.luku { font-size:75px; }
	h2 { font-size:35px; }
	a.artikkeli h2 { font-size:22px; }
	.puolikaskuva2 { padding:0 50px 0 0; }
	.referenssit1 .puolikkaat:nth-child(even) .puolikaskuva2 { padding:0 0 0 50px; }
	.leivanmuru a, span.breadcrumb_last { padding:12px 20px 12px 35px; font-size:14px; }
	.artikkeli1 { padding:0 20px 0 0; }
	.timeline::after { left:31px; }
	span.alku { left:0; transform:translate(0,-100%); }
	span.loppu { left:0; transform:translate(0,100%); }
	.container1 { width:100%; padding-left:70px; padding-right:25px; }
	.container1::before { left:60px; border:medium solid white; border-width:10px 10px 10px 0; border-color:transparent white transparent transparent; }
	.left::after, .right::after { left:15px; }
	.right { left:0%; }
	.main-nav a, a.tarjousnappi, span.etsinappi { line-height:75px; }
	a.headersome { top:19px; }
	.logo { margin:14px 0 0 0; }
	#menu-paavalikko li.etusivumenu { height:75px; }
	.hakualue { margin:75px 0 0 0; }

}

@media only screen and (min-width: 750px) and (max-width: 999px) {

.etusivusisalto > a:nth-child(1) > div { padding:0 10px 0 0; }
.etusivusisalto > a:nth-child(2) > div { padding:0 5px 0 5px; }
.etusivusisalto > a:nth-child(3) > div { padding:0 0 0 10px; }
.etusivuartikkeli-sisa2 { padding:5px 10px 10px 10px; }
.valikko { padding:0; }
.yhteystieto { float:left; width:50%; box-sizing:border-box; }
span.valiviiva1 { clear:both; }

}

@media (max-width: 749px) {

.etusivuartikkeli, .etusivusisalto, .etusivuartikkeli, .etusivupalvelut li, .etusivusisalto > a:nth-child(1) > div, .etusivusisalto > a:nth-child(2) > div, .etusivusisalto > a:nth-child(3) > div, .palvelutsivu li, .palvelutdivulko, .footer .one-third.column, .seven.columns, .five.columns, .four.columns, .eight.columns, .two.columns, .three.columns, .six.columns, .nine.columns, .laatikko, .artikkeli1, .artikkeli2, .henkilo { float:none; width:100%; margin-bottom:20px; padding:0; }
.ls-wp-fullwidth-container, .headerinfo { display:none; }
.etusivuteksti2 { height:auto; display:block; text-align:center; padding:40px 20px 80px 20px; }
.etusivuyla { padding:40px 0; height:auto; display:block; }
.etusivuteksti2 a.button { display:block; margin:10px 0 0 0; }
header { height:auto; }
.main-nav ul ul { border-top:none; }
.main-nav ul a { width:370px; }
.headerblock { display:inline-block; width:100%; }
.main-nav a { font-size:16px; padding:0 24px; }
.footer .menu { border-top:0; }
.sticky { position:fixed; }
.burger { display:block; top:10px; right:15px; }
.logo { position:relative; margin:0; text-align:left; left:15px; top:7px; }
.headerblock { display:inline-block; width:100%; height:54px; }
header { height:54px; }
.main-nav a { font-size:14px; padding:0 24px; }
.main-nav ul ul { border-top:none; }
.main-nav ul a { width:370px; }
.column, .columns { margin-left:0; }
.yhteystiedot, .lomake { text-align:center; }
.puolikkaat { display:block; }
.puolikas1 { display:block; width:100%; }
.puolikaskuva { min-height:300px; }
	.etusivu11, .etusivu2 .container, span.toggleswitch, .laatikko-otsikko { display:block; }
	.etusivu111, .etusivu21, .soittopyynto1 { display:block; width:100%; }
	.etusivu21 { margin:0 0 40px 0; }
	.soittopyynto { overflow:hidden; }
	.etusivuteksti2 h1, .pagetitle h1 { font-size:40px; }
	span.toggleswitch.activated:after, .palvelu3 span.toggleswitch.activated:after { content:none; }
	.yritys1 .puolikkaat:nth-child(even) .puolikasteksti1 { padding:0; }
	.puolikaskuva2, .referenssit1 .puolikkaat:nth-child(even) .puolikaskuva2 { padding:0 0 20px 0; }
	.artikkeli2 { margin:0; }
	.leivanmuru { display:none; }
	.sivunotsikko { margin:0; }
	.pagetitle { padding:80px 0; }
	.henkilo { margin:40px 0; }

}

@media (max-width: 549px) {

.ls-wp-fullwidth-container, .headerinfo { display:none; }
.main-nav ul a { width:230px; }
	.etusivu21 { padding:0 20px 0 0; }
	.etusivuteksti2 h1, .pagetitle h1 { font-size:32px; }
	.soittopyynto1 h3, h2 { font-size:22px; }
	h3 { font-size:20px; }
	.timeline h3 { font-size:18px; }
	.etusivuteksti2 p, p, #main li, body, .footer p, .footer li a, input[type="text"], input[type="password"], input[type="email"], textarea, select, input[type="submit"] { font-size:16px; }
	.content p { font-size:14px; }
	.soittopyynto input[type="submit"], .soittopyynto input[type="text"] { float:none; width:100%; margin:0 0 10px 0; }

}

@media (max-width: 399px) {

	.etusivuteksti2 h1, .pagetitle h1 { font-size:30px; }
	.rahoitustaulukko td { font-size:12px; }
	span.yhteystieto1 { font-size:18px; }

}

@media (max-height: 710px) {
	
.etusivuoikea p { display:none; }
.etusivuoikea a { width:100%; }

}