.helmik-details-row {
display: block;
max-width: 900px;
margin: 0 auto 0 0;
}
.helmik-details-row > * {
margin: 50px auto 0 0;
width: 100%;
}
.helmik-details-pictures {
max-width: 900px;
margin: 0 auto 0 0;
}
.helmik-details-container {
margin-bottom: 80px!important;
}
.single-hero.helmi-hero {
padding-top: 230px;
margin-bottom: 80px;
}
.helmik-details-heading {
margin: 60px 0;
}
.helmik-offerbid-links a, .helmik-agent-links a {
display: block;
color: #00afb2;
text-decoration: underline;
}
.helmik-offerbid-links {
margin-left: 0;
}
.helmi-search-wrap {
display: block;
margin: 160px 0 80px;
text-align: center;
}
.helmi-form {
padding: 80px 0;
width: 100%;
}
.helmik-listing-filters span {
font-size: 15px;
}
.basic-link {
text-decoration: underline;
color: #00afb2;
}
.wp-block-embed-upotuksen-kasittelija .wp-block-embed__wrapper {
text-align: center;
}
.herovideo {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
min-width: 100%;
min-height: 100%; }
.hero-shader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(4,95,95,.8); }
.video-canvas {
align-items: center;
justify-content: center;
}
.video-wrap {
width: 60%;
}
.video-responsive-container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%; }
.video-responsive-container iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.esite-lomake {
display:none!important;
}
.date-troubleshoot {
display:none!important;
} .container, .helmik-details-container { position:relative; width:90%; max-width:1500px; margin:0 auto; padding:0 20px; box-sizing:border-box; } body, input[type="text"], input[type="password"], input[type="email"], textarea, .kivi-form select { font-family: 'Montserrat', sans-serif; color:#1e1f24; font-weight:500 }
h1,h2,h3,h4,h5,h6, .h1-seem { font-family: 'Poppins', sans-serif; font-weight:800; color:inherit; letter-spacing:-1.5px }
.headerblock a, .valikko1 a { font-family: 'Poppins', sans-serif; font-weight:600; color:inherit }
a.button, .float-contact a, input[type="submit"], button { font-family: 'Poppins', sans-serif; font-weight:700; color:inherit }
h1, p.h1-seem { font-size: 52px; margin-bottom: 30px; line-height:110% }
h2 { font-size: 46px; margin-bottom: 20px; }
h3 { font-size: 40px; margin-bottom: 20px; }
h4 { font-size: 30px; margin-bottom: 15px; }
h5 { font-size: 18px; margin-bottom: 15px; letter-spacing:-.5px }
h6 { font-size: 16px; letter-spacing:-.5px }
.seo-h1 { font-size:16px; font-family: 'Poppins', sans-serif; font-weight:600; margin:0 auto 12px; letter-spacing:-.5px }
.h1-seem, .etusivuteksti2 p.h1-seem { width:100%; max-width:1200px }
.etu p, span.wpcf7-not-valid-tip, div.wpcf7-response-output, .palaute-content p, .askel-content p { font-size:14px; line-height:190% }
.etu p a:hover:after, span.wpcf7-not-valid-tip a:hover:after, div.wpcf7-response-output a:hover:after, .palaute-content p a:hover:after, .askel-content p a:hover:after { height:18px } a.page-numbers.next ,.button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"] { border:none; overflow:hidden; position:relative; display:inline-block; border-radius:40px; background:#00afb2; text-decoration:none; font-size:16px; padding:28px 38px; margin:15px 30px 15px 0; color:#fff; font-weight:bold; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; -webkit-appearance: none; }
.keltabutton, a.keltabutton { background:#ebbc00 }
.henkilosto-button-wrap { position:relative; display:block; width:100% }
a.float-button { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin:0!important; min-width:220px; text-align:center }
button.raja-button, a.raja-button { background:transparent; border:2px solid #00afb2; color:#00afb2; margin-left:0 }
a.keltaraja-button { background:transparent; border:2px solid #ebbc00; color:#fff; margin-left:0 }
a.punabutton { background:#c5006b }
span.button-transformed, span.button-initial { text-align:center; display:inline-block; -webkit-transition-timing-function: cubic-bezier(.665,.14,.785,.285); transition-timing-function: cubic-bezier(.665,.14,.785,.285); } 
a.button:hover span.button-transformed, a.button:hover span.button-initial, button:hover span.button-transformed, button:hover span.button-initial  { -webkit-transition:-webkit-transform .6s; transition:-webkit-transform .6s; transition:transform .6s; transition:transform .6s,-webkit-transform .6s; }
span.button-transformed {  }
.button:hover span.button-initial, button:hover span.button-initial { transform:translateY(-120px) skewY(25deg) }
.button:hover span.button-transformed, button:hover span.button-transformed { transform:translate(-50%,0) skewY(0); }
span.button-transformed { position:absolute; left:50%; transform:translate(-50%, 120px) skewY(25deg); width:100%; }
button { cursor:pointer } a, a:hover { text-decoration:none }
.triangle-bg { position:absolute; left:0; right:0; bottom:0; overflow:hidden }
.triangle-bg img { max-width:90%; height:auto; margin:0 auto; display:block }
.logo { display:flex; align-items:center; }
.logo > a { margin:0 20px 0 0 }
.logo svg { width:210px; height:40px; fill:#fff }
.etusivuyla { overflow:hidden; position: relative; height:100%; width:100%; display:flex; justify-content:center; align-items:center; color:#fff }
.etusivuteksti2 { margin:0 auto; max-width:1200px; text-align:center }
.etusivuteksti2 p { max-width:900px; margin-left:auto; margin-right:auto }
div.buttons { margin:30px 0 0 }
.burger { cursor:pointer; display:none; }
.burger span { display:block; width:40px; height:2px; margin:0 0 6px 0; position:relative; top:0; transition:all ease-in-out 0.4s; background:#fff }
.burger span:last-of-type { margin:0 }
.burger.burgeropen span:nth-child(2) { width:0; opacity:0; }
.burger.burgeropen span:nth-child(1) { transform:rotate(45deg); top:8px; box-shadow:none; background:#1e1f24 }
.burger.burgeropen span:nth-child(3) { transform:rotate(-45deg); top:-8px; box-shadow:none; background:#1e1f24 }
.valikko1 { height:auto; opacity:1; position:fixed; -webkit-transition:all .45s ease; -moz-transition:all .45s ease; -o-transition:all .45s ease; transition:all .45s ease; width:auto; padding:0; background:#fff; top:0; right:0; bottom:0; transform:translateX(100%); }
.valikkosisa { padding:0 200px 40px 60px; position:relative; overflow-y: scroll; height: Calc(100% - 70px - 127px); }
.valikkosisa:before { content:''; display:block; width:30px; height:2px; background:#00afb2; margin:0 auto 40px 0 }
.mobile-contacts { padding: 40px 200px 30px 60px; margin: 70px 0 0 0; border-top: 1px solid #00afb2; display:flex; flex-direction:column }
.valikko1hide { transform:translateX(0); }
#menu-menu-2 { margin:0 0 40px 0; min-width:200px; }
.valikko1 ul { border-top:none; margin:0; padding:0; }
.valikko1 ul.sub-menu { margin:20px 0 20px 30px }
.valikko1 li { list-style-type:none; margin:0; padding:0; }
.valikko1 a { color:#1e1f24; width:auto; display:block; text-align:left; padding:0 0 12px; 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, .valikko1 a:focus  { color:#00afb2; }
.valikko1 a, .valikkoala a { display:none; }
.valikko1hide a { display:block; }
.noscrolling { overflow:hidden }
input[type="text"], input[type="password"], input[type="email"], textarea, select { border:1px solid transparent; padding:25px 35px; outline:none; font-size:18px; color:#1e1f24; margin:15px; width:auto; max-width:260px; display:inline-block; background:#e9ebf6; box-sizing:border-box; border-radius:40px; }
input[type="submit"], button.wpcf7-submit { cursor:pointer; border:none; background:#ebbc00; min-width:180px }
input[type="submit"]:hover { background:#ff9613 }
::placeholder { letter-spacing:-1px }
:-ms-input-placeholder { letter-spacing:-1px }
::-ms-input-placeholder { letter-spacing:-1px }
div.wpcf7-response-output { color:#fff; margin:20px auto 0; padding:20px; border-top:none!important; border-bottom:none!important; border-right:none!important; background:#3d3f4c; }
span.wpcf7-not-valid-tip { position:absolute; right:50%; bottom:-50px; width:100%; transform:translateX(50%); color:#ebbc00; }
.sivututka { display:flex; width:100%; padding:30px 0; align-items:center; justify-content:center }
.sivututka svg { width:100px; height:16px; fill:#fff }
.sivututka svg .sivututka-pallo { fill:#00afb2 }
.float-contact { position:fixed; top:30%; right:0; color:#fff; background:#00afb2; display:flex; transition:.5s all ease; transform:translate(100%, -50%); z-index:10000 }
.float-relative { position:relative; }
.float-tiedot { padding:10px 30px 10px 0; }
.float-kuvake { position:absolute; top:53%; left:-45px; transform:translateY(-50%); }
.float-kuvake svg { width:30px; height:30px; fill:#fff }
.float-puhelin, .float-email { display:block; width:100%; padding:15px 0; position:relative }
.float-handle { content:''; position:absolute; top:0; bottom:0; right:100%; width:60px; border-bottom-left-radius:13px; border-top-left-radius:13px; background:#00afb2 }
.float-contact:hover .kysnuoli, .float-clicked .kysnuoli { opacity:0; }
.float-contact:hover { transform:translate(0, -50%) }
.float-clicked { transform:translate(0, -50%) }
.float-sulje { top: -0; content: ''; position: absolute; width: 30px; height: 30px; right: 0px; display:block; cursor:pointer; transition:.25s all ease; }
.ruksi { content:''; width:25px; height:2px; background:#00afb2; top:50%; position:absolute; transform:rotate(45deg) }
.ruksi2 { transform:rotate(-45deg) }
.float-clicked .float-sulje { top:-35px }
.slider-wrap { padding:0 0 80px 0; margin:-40px 0 0 0; }
.swiper-slide { box-sizing:border-box;  }
.slider-container { display:block; width:100%; max-width:900px; margin:0 auto; position:relative }
.swiper-container { border-radius:17px }
.swiper-flex { display:flex; border-radius:17px; overflow:hidden; }
.palaute-kuva { width:300px; }
.palaute-content { width:100%; box-sizing:border-box; padding:20px 65px 20px 35px; background:#f0eef5 }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/nuoli-vasen.svg); background-size:27px 27px; background-position:center; background-repeat:no-repeat; left:-60px; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/nuoli.svg); background-size:27px 27px; background-position:center; background-repeat:no-repeat; right:-60px; left:auto; }
.swiper-pagination { left:50%; bottom:-30px; display:flex; }
.asiakas-slider .swiper-pagination { transform: translateX(-50%)!important; }
p.palaute-nimmari { margin-bottom:0; color:#00afb2; }
p.palaute-nimmari:before { content:'–'; display:inline-block; }
.etusivu-henkilosto { display:block; width:100%; position:relative; padding:40px 0 0 }
.henkilosto-moi { position:absolute; right:0; left:0; bottom:0; z-index:-1 }
.henkilosto-moi img { margin:0 auto; width:90%; max-width:1600px; display:block }
.etusivu-henkilosto-copy { margin:0 auto 50px; width:100%; max-width:900px; text-align:center; box-sizing:border-box; padding:0 20px }
.isompi-p { font-size:18px; }
.henkilosto-rivi { width:100%; display:flex; overflow:hidden; box-sizing:border-box; padding:50px 1% 0 }
.henkilo { margin:0; position:relative; cursor:pointer }
.henkilo h6 { position: absolute; left: 50%; transform: translateX(-50%); width:250px; top: -30px; text-align: center; opacity:0; transition:.3s all ease }
.henkilo img { position:relative; left:-50%; display:block; width:200%; height:auto; transform:translateY(20px); pointer-events: none; -webkit-transition-timing-function: cubic-bezier(.665,.14,.785,.285); transition-timing-function: cubic-bezier(.665,.14,.785,.285); -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s; }
.henkilo:hover img { transform:translateY(2px) }
.henkilosto-rivi a { transition:.2s all ease; flex:1 }
.henkilo:hover h6 { opacity:1 }
.lomake-osio { color:#fff; background:#1e1f24; padding:120px 0; text-align:center }
.lomake-osio .sisalto-900 p { opacity:.7 }
.sisalto-900 { width:100%; max-width:900px; margin:0 auto }
.rivilomake-wrap { display:block; width:100%; padding:20px 0 }
.rivilomake { display:flex; width:100%; align-items:center; justify-content:center }
.rivilomake p { margin:0; position:relative }
.kohteet { padding:120px 0; background:#00afb2; color:#fff }
.etusivu-kotijahti { padding:100px 0 200px; position:relative; background:#f3f5f7 }
.kotijahti-simple { background: #fff; }
.tasaus-vasen img { margin:0 auto 0 0 }
.otsikko-vasen-flex { display:flex; width:100%; align-items:flex-start;  }
.otsikko-vasen-flex > div { width:50%; box-sizing:border-box }
.otsikko-vasen-flex .otsikko { padding:0 100px 0 12% }
.alaviiva-otsikko { display:inline; }
.alaviiva { position:relative }
.alaviiva span.viiva { content:''; position:absolute; left:0; width:100px; bottom:-40px; height:15px; background:#00afb2 }
.otsikko-vasen-teksti { opacity:.8; width:50%; }
.viiva { transition:.6s all ease; -webkit-transition-timing-function: cubic-bezier(.665,.14,.785,.285); transition-timing-function: cubic-bezier(.665,.14,.785,.285); }
p a { position:relative; text-decoration:none; z-index:3; background: linear-gradient(to right, #1ddadd, #1ddadd) left bottom no-repeat; background-size: 100% 4px; display:inline; transition: background-size .3s ease; -moz-transition: background-size .3s ease; -ms-transition: background-size .3s ease; -o-transition: background-size .3s ease; -webkit-transition: background-size .3s ease; }
footer p a { background:none; }
p a:hover, p a:focus { text-decoration:none }
p a:hover { background-size: 100% 100%; }
.asuntokolmio-tulokset { padding:120px 0 200px; position:relative; }
.button-keskitetty { display:block; text-align:center; margin:20px 0 }
.button-keskitetty > a.button { margin:0 }
.otsikko-vasen-margin-bottom { margin:0 0 100px }
.edut-flex { display:flex; flex-wrap:wrap }
.etu { display:flex; width:33.333%; box-sizing:border-box; padding:0 40px 60px; align-items:flex-start }
.some-katkoviiva { display: inline-block; border: 1px dashed #00afb2; padding: 3px 3px 3px 3px; border-radius: 50%; margin: 0 16px 14px 0; transition: .25s all ease; }
.some-padding { padding: 10px; background:#00afb2; border-radius: 50%; }
.somelinkki { width: 32px; height: 32px; }
.etu:nth-child(2n+2) .some-katkoviiva { border: 1px dashed #ebbc00; }
.etu:nth-child(2n+3) .some-katkoviiva { border: 1px dashed #c5006b; }
.etu:nth-child(5n+1) .some-katkoviiva { border: 1px dashed #00afb2; }
.etu:nth-child(2n+2) .some-padding { background:#ebbc00; }
.etu:nth-child(2n+3) .some-padding { background:#c5006b; }
.etu:nth-child(5n+1) .some-padding { background:#00afb2; }
.blog-postaukset { display:block; padding:120px 0; width:100%; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/blog-tausta.jpg); background-repeat:no-repeat; background-position:center; background-size:cover }
.blog-content { display:block; width:100%; margin:0 auto; max-width:900px; text-align:center }
.blog-kortti { border-radius:17px; background:#fff; overflow:hidden; }
.blog-kortti img { width:100%; height:auto; border-top-left-radius:15px; border-top-right-radius:15px }
.swiper-blog-container { border-radius:0 }
.blog-slider-wrap { padding:80px 0; box-sizing:border-box; position:relative }
.blog-kortti a, .blog-kortti a:hover { text-decoration:none }
.blog-kortti-content { padding:25px }
.blog-kortti-content p { font-size:14px; opacity:.8 }
.blog-kortti-content p.blog-otsikko { font-size:20px; font-family: 'Poppins', sans-serif; font-weight:700; color:#00afb2 }
.blog-kirjoittaja { position:relative; padding:15px 25px; display:flex; align-items:center; justify-content:space-between; background:#f7f8f9 }
.blog-kirjoittaja p { margin:0; font-family: 'Poppins', sans-serif; font-weight:700; font-size:14px; opacity:.6; transition:.2s all ease; }
.kirjoittaja-tiedot { display:flex; align-items:center; transition:.2s all ease;  }
.blog-kirjoittaja img { width:50px; height:auto; border-radius:50%; margin:0 10px 0 0 }
a.blog-kirjoittaja:hover div.kirjoittaja-tiedot { transform:translateX(12px) }
a.blog-kirjoittaja:hover p { opacity:1 }
.blog-swiper-button-guider { position:absolute; right:30px; bottom:0; display: flex; align-items: center; }
.blog-swiper-button-guider .swiper-button-prev, .blog-swiper-button-guider .swiper-button-next { position:relative; width:31px; background-size:30px 30px }
.blog-swiper-button-guider .swiper-button-prev { left:-20px }
.flex-a { display:flex; width:100%; border-bottom:3px solid #ebbc00; align-items:flex-end; justify-content:space-between; padding:0 0 20px 0; margin:0 0 40px 0 }
.flex-a > div { width:45%; }
.flex-a:hover { text-decoration:none }
.footer-cta-prompt { display:flex; justify-content:flex-end; align-items:center }
.footer-cta-prompt h4, .footer-cta-heading h3 { margin-bottom:0 }
.footer-cta-prompt:after { content:''; display:block; width:30px; height:30px; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/nuoli-valkea.svg); background-size: 30px 30px; background-position: center; background-repeat: no-repeat; margin:0 0 0 12px; transition:.2s all ease; }
.flex-a:hover .footer-cta-prompt:after { transform:translateX(20px) }
.footer-copy { display:block; max-width:700px; width:100%; margin:0 auto 60px 0 }
.footer-grid-flex { display:flex; width:100%; border-radius:15px; overflow:hidden;  }
.footer-grid-flex > div { width:33.3333333%; box-sizing:border-box; padding:35px 15px; display:flex; align-items:center; justify-content:center; }
.footer-grid-flex > div p:last-of-type { margin:0 }
.footer-logo { background:#00afb2; border:2px solid transparent }
.footer-some { border:2px solid #626366; flex-direction:column }
.footer-copyright { flex-direction:column; border:2px solid #626366; border-top-right-radius:15px; border-bottom-right-radius:15px; border-left:none }
.footer-copyright p { margin:0 0 10px 0 }
.somelinkit { margin:10px 0 0;  }
.somelinkit a { margin:0 7px }
.footer-copyright p:last-of-type { opacity:.3 }
.footer-copyright p:last-of-type a:after { display:none; content:none }
.footer-copyright p:last-of-type a:hover { text-decoration:underline }
.footer-logo svg { width:210px; height:40px; fill:#fff }
.footer-keskitys { display:block; max-width:900px; margin:60px auto 0; box-sizing:border-box; padding:0 20px; text-align:center; opacity:.3 }
.footer-keskitys p:last-of-type { margin:0 }
.footer-keskitys a:after { display:none; content:none }
.footer-keskitys a:hover { text-decoration:underline }
.footer-kolmiot { display:block; margin:60px 0 0 0; width:100%; text-align:center }
.footer-kolmiot img { max-width:95%; height:auto; margin:0 auto; display:block }
.hero { padding:250px 0 0; background: url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/tausta.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; }
.hero-content { max-width:900px; margin:0 auto 0 0; position:relative; z-index:2 }
.triangle-bg-static { display:block; text-align:center; margin:-40px 0 0 0; position:relative; z-index:1 }
.triangle-bg-static img { max-width:95%; height:auto; margin:0 auto; display:block }
.valkea-lomake { background:#fff; color:#1e1f24; padding-top:40px }
.haalea-teksti { opacity:.5 }
.myyjat-kotijahti { background:#f9f7f9; padding:120px 0 }
.kotijahti-flex { display:flex; width:100%; align-items:flex-start; justify-content:space-between }
.kotijahti-flex > div { width:45%; box-sizing:border-box }
.kotijahti-vasen svg { width:200px; height:50px; margin:0 0 40px 0 }
.kotijahti-vasen svg .cls-1 { fill:#00afb2!important }
.kotijahti-vasen a.button { margin:15px 0 }
.kotijahti-flex h3 { margin-bottom:40px }
.kotijahti-oikea { display:flex; flex-direction:column; align-items:flex-start }
.jahti-kohde { width:100%; padding:0 0 30px 0; position:relative; display:flex; align-items:flex-start }
.jahti-kohde p { font-size:14px }
.jahti-kohde h5 { transition:.2s all ease; }
.jahti-kohde:before { flex-shrink:0; content:''; width:50px; height:50px; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/ta-red.svg); background-size:40px 40px; background-position:center; background-repeat:no-repeat; display: block; left: 0; margin: 0 8px 0 0; }
.jahti-kohde.omakotitalo:before { background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/ta-blue.svg); background-size:40px 40px; background-position:center; background-repeat:no-repeat; }
.jahti-kohde h5 { color:#c5006b; font-weight:700; text-transform:uppercase; letter-spacing:0 }
.jahti-kohde.omakotitalo h5 { color:#00afb2 }
.sisalto-osio-vuorotellen { display:block; padding:60px 0 }
.text-kuva-flex { display:flex; align-items:center; justify-content:space-between; padding:60px 0 }
.text-kuva-flex > div { width:47%; }
.text-kuva-flex:nth-child(even) { flex-direction:row-reverse }
.content-kuva { position:relative }
.text-kuva-flex:nth-child(odd) .content-kuva:after { content:''; position:absolute; left:-15px; bottom:-15px; width: 0; height: 0; border-style: solid; border-width: 120px 0 0 120px; border-color: transparent transparent transparent #ebbc00; }
.text-kuva-flex:nth-child(even) .content-kuva:before { content:''; position:absolute; top:-15px; right:-15px; border-style: solid; border-width: 0 120px 120px 0; border-color: transparent #c5006b transparent transparent; z-index:-1 }
.myyjan-edut { background:#f9f7f9; padding:120px 0 60px }
.askeleet-osio { display:block; width:100%; padding:120px 0 }
.keskitys-900 { display:block; max-width:900px; box-sizing:border-box; padding:0 20px; margin:0 auto; text-align:center }
.askeleet { padding:100px 0 0; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between  }
.askel { width:47%; flex-grow:0; margin:0 0 6% 0; display:flex; }
.askel-content { box-sizing:border-box; padding:45px 50px; -webkit-box-shadow: 0px 0px 89px 0px rgba(0,0,0,0.08); -moz-box-shadow: 0px 0px 89px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 89px 0px rgba(0,0,0,0.08); }
.askel-content p:last-of-type { margin:0 }
.askel-content img {
max-width:95%;
height:auto;
}
.gallery { display:flex; flex-wrap:wrap; }
.gallery a { width:25%; padding:5px 5px 5px 0; color:transparent; box-sizing:border-box; }
.gallery 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; }
.gallery img:hover, .gallery img:focus { border:none; -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
button.accordion { background:none; cursor:pointer; padding:10px; border:none; text-align:left; outline:none; position:relative; margin:10px 0 10px 0; overflow:visible; }
button.accordion.active, button.accordion:hover {  }
button.accordion .plus { position:absolute; width:17px; height:3px; background:#00afb2; content:''; left:0; top:50%; transform:translate(6px, 0); transition:.2s all ease;  }
button.accordion .plus-pysty { transform:rotate(90deg); width:15px; left:7px }
button.accordion .plus-txt { color:#1e1f24; padding:0 0 0 30px; margin: 5px 0 0 0; display:inline-block }
button.accordion.active .plus-pysty { transform:rotate(0); }
div.panel { padding:0; max-height:0; overflow:hidden; transition:0.6s ease-in-out; opacity:0; }
div.panel p { padding:0; margin:10px 0; }
div.panel.show { opacity:1; max-height:2500px; margin: 0 0 20px 0; }
.numero { width:100px; height:100px; display:flex; flex-shrink:0; align-items:center; justify-content:center; font-size:36px; font-family: 'Poppins', sans-serif; font-weight:700; color:#fff; background:#00afb2 }
body { counter-reset: askel; }
.numero:before { counter-increment: askel; content: counter(askel); }
.kotijahti-kuvat { display:flex; padding:40px 0 0; align-items:center; justify-content:center; margin:0 0 120px 0 }
.kotijahti-kuvat img { margin:0 30px; max-width:90%; height:auto }
.ikoni-ylapuolella { flex-direction:column; width:24% }
.ostaja-loppusanat { position:relative; padding:0 0 250px }
.mbot60 { margin-bottom:60px }
.text-kuva-flex:nth-child(odd) .sinikolmio:after { bottom:15px; border-color: transparent transparent transparent #00afb2; }
.reverse-jarjestys .text-kuva-flex { flex-direction:row-reverse }
.reverse-jarjestys .text-kuva-flex:nth-child(odd) .content-kuva:after { border-color:transparent #ebbc00 transparent transparent; border-width:0 150px 150px 0; top:-15px; right:-15px; left:auto }
.harmaa-tausta { background:#f9f7f9; padding-top:120px }
.kunta-lomake { padding:120px 0 }
.kivi-form { display:block; width:100%; padding:120px 0 20px; margin: 0 0 -58px 0; }
.kivi-lomake-wrap { display:flex; width:auto; max-width:100%; justify-content:space-between }
.kivi-lomake-vasen { width:50%; box-sizing:border-box; margin:40px 30px 0 0 }
.kivi-lomake-keski, .kivi-lomake-oikea { width:20%; box-sizing:border-box }
.lomake-rivi { display:flex; align-items:center; padding:0 0 40px 0; }
.lomake-rivi .kivi-filter-cell, .lomake-rivi .kivi-filter-cell-15 { flex-grow:1 }
.kivi-cell-spacer { display:inline-block; width:35px; margin:0 20px; height:2px; background:#aaa }
p.explainer { width:180px; font-family:'Poppins', sans-serif; font-size:18px; line-height:1; margin:0; flex-shrink:0 }
.kivi-item-filters { padding:40px 0 0; width:1400px; max-width:100%; margin:0 auto }
.kivi-lomake-haku { text-align:center }
.kivi-lomake-haku button { margin:0 auto 0 auto; min-width:600px}
.pystyrivi { flex-direction:column; align-items:flex-start }
p.bmar20 { margin-bottom:20px }
.kivi-form input[type="checkbox"] { position:absolute; margin-left:6px; right:0; width:auto; opacity:0 }
.kivi-form span.rasti { font-family:'Montserrat', sans-serif; font-weight:500; font-size:18px; padding:6px 0 }
label.kivi-checkbox { position:relative; cursor:pointer; padding:10px 0 10px 40px }
label.kivi-checkbox:hover span.rasti:before, label.kivi-checkbox:hover span.rasti:after { border: 2px solid #00afb2; }
#haku, #haku-2 { width:16px; height:16px; display:inline; margin:0 0 -1px 8px }
.kivi-search-cell { z-index:2 }
.kivi-tulokset { padding:120px 0 200px; position:relative; display:block; width:100%; background:#f9f7f9 }
.kivi-index-paginator { display:flex; width:100%; align-items:center; justify-content:center; position:relative; z-index:5; flex-wrap:wrap; }
.kivi-index-paginator .page-numbers { padding:0 10px 15px 10px; margin:22px 0 0 4px; color:#a4a3a5; font-family:'Poppins', sans-serif; font-size:16px; font-weight:700; border-bottom:3px solid #a4a3a5; transition:.25s all ease; }
.kivi-index-paginator .page-numbers.current, .kivi-index-paginator .page-numbers:hover { padding:0 25px 15px 25px; border-bottom:3px solid #00afb2; color:#00afb2 }
.kivi-index-paginator .page-numbers.dots { border-bottom:none; pointer-events:none }
.kivi-index-paginator a.page-numbers { border-bottom:3px solid #a4a3a5 }
.after-nuoli { content: ''; display: inline-block; width: 20px; height: 20px; background: url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/nuoli-valkea.svg); background-size: 20px 20px; background-position: center; background-repeat: no-repeat; margin: -3px 0 -3px 25px; transition: .2s all ease; }
.prev-nuoli { margin: -3px 25px -3px 0; transform:rotate(180deg) }
.nuolibutton { display:flex; align-items:center }
button.mleft30 { margin-left:30px }
.kivi-card-flex { display:flex; width:100%; flex-wrap:wrap; justify-content:flex-start }
.kivi-card { display:flex; flex-direction:column; width:30%; padding:0; border-radius:18px; overflow:hidden; -webkit-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.2); box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.2); margin:0 1.5% 3% 1.5%; transition:.4s all ease; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: center center; transform-origin: center center; }
.kohde-img-bg { padding-top: 56.25%; width:100%; transition:.4s all ease; }
.kivi-card:hover .kohde-img-bg { transform:scale(1.1) }
.kivi-item-img-wrapper { overflow:hidden; position:relative }
.kivi-item-body { padding:30px 20px 20px; background:#fff }
.kivi-item-footer { padding:20px 20px 0; background:#f9f7f9; display:flex; flex-wrap:wrap; justify-content:flex-start }
.kivi-item-footer > div { display:flex; align-items:center; margin:0 10px 20px 0}
.kivi-card p.h2-kohde { font-size:24px; font-weight:800; color:#00afb2; font-family:'Poppins', sans-serif; margin:0 0 15px 0; transition:.2s all ease; }
.kivi-card:hover p.h2-kohde { color:#c5006b }
.kivi-card p { font-size:14px; margin:0 }
.kohde-huone-kuvaus { width:100%; }
span.huone-icon { display:inline-block; width:20px; height:20px; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/koti.svg); background-position:center; background-repeat:no-repeat; background-size:20px 20px; margin:-5px 10px 0 0; flex-shrink:0 }
span.hinta-icon { display:inline-block; width:20px; height:20px; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/euro.svg); background-position:center; background-repeat:no-repeat; background-size:20px 20px; margin:-1px 10px 0 0 }
span.ala-icon { display:inline-block; width:20px; height:20px; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/ala.svg); background-position:center; background-repeat:no-repeat; background-size:20px 20px; margin:-1px 10px 0 0 }
.autocomplete { position: relative; display: block; }
.autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; }
.autocomplete-items div { padding: 10px; cursor: pointer; background-color: #00afb2; border-bottom: 1px solid rgba(0,0,0,0.1); color:#fff; font-weight: 400; }
.autocomplete-items div:hover { background-color: #009da0; }
.autocomplete-active { background-color: #009da0; }
.single-hero { padding:150px 0 0; color:#fff; background:#006567; position:relative  }
.triangles-right { overflow:hidden; margin:-150px 0 0; }
.triangles-right img { margin: 0 -60px 0 auto; }
.bg-single { position:absolute; top:0; right:0; bottom:0; left:0; opacity:.15 }
span.huone-icon.valk { display:inline-block; width:20px; height:20px; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/koti-valk.svg); background-position:center; background-repeat:no-repeat; background-size:20px 20px; margin:-5px 10px 0 0 }
span.hinta-icon.valk { display:inline-block; width:20px; height:20px; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/euro-valk.svg); background-position:center; background-repeat:no-repeat; background-size:20px 20px; margin:-1px 10px 0 0 }
span.ala-icon.valk { display:inline-block; width:20px; height:20px; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/ala-valk.svg); background-position:center; background-repeat:no-repeat; background-size:20px 20px; margin:-1px 10px 0 0 }
.single-stats-flex { display:flex; flex-wrap:wrap; }
.single-stats-flex p { margin-bottom:0 }
.single-stats-flex > div { display:flex; align-items:center; margin:0 30px 20px 0 }
.single-flex { display:flex; padding:60px 0; position:relative; margin:0 0 60px 0 }
.single-main { width:Calc(100% - 450px); box-sizing:border-box; padding:0 60px 0 0 }
.single-aside { width:450px }
.images-carousel .swiper-container { border-radius:0; margin-bottom:6px; background:#f9f7f9 }
.images-carousel .swiper-wrapper { align-items:center; }
.images-carousel img { max-width:100%; height:auto; display:block; margin:0 auto }
.images-carousel .gallery-thumbs img { width:100%; height:auto }
.gallery-top .swiper-wrapper { background:#f9f7f9 }
.gallery-thumbs .swiper-slide { border-top:4px solid #8e8f91; cursor:pointer; transition:.25s all ease; }
.gallery-thumbs .swiper-slide:hover { border-top:4px solid #00afb2 }
.gallery-thumbs .swiper-slide-thumb-active { border-top:4px solid #00afb2 }
.kivi-single-item-infowrapper p { font-size:14px; max-width:700px }
h4.kivi-single-item-body-header:before { counter-increment:askel; content: counter(askel); color:#00afb2; margin-right:40px }
h4.kivi-single-item-body-header { margin-bottom:25px }
.kivi-single-item-body .wrapper { margin-bottom:50px }
.kivi-item-table { text-align:left; font-size:14px }
.kivi-item-table td { padding:0 0 15px 0; line-height:150% }
.kivi-item-cell-header { font-weight:700; font-family:'Poppins', sans-serif; width:300px; box-sizing:border-box; padding:0 40px 15px 0; text-align:left }
.kivi-item-cell ul { display:flex; margin:0; flex-direction:column }
#Vesimaksu.kivi-item-cell ul { flex-direction:row;}
#Vesimaksu.kivi-item-cell ul li {margin:0 2px 0 0;}
.kivi-item-cell li { list-style-type:none; font-size:14px!important; margin:0 0 3px 0 }
.kivi-single-item-infowrapper { padding:60px 0 0 0; box-sizing:border-box; margin:0 auto 0 0;  }
.valittaja-flex { display:flex }
.valittaja-content { width:70%; box-sizing:border-box; padding:30px; background:#f9f7f9; display:flex; flex-direction:column; position: relative; z-index: 2; justify-content:flex-start; align-items:flex-start }
.valittaja-link-wrap { margin:0 0 10px 0 }
.valittaja-link-wrap:last-child { margin:0 }
.valittaja-content p, .valittaja-content a { max-width:100%; font-size:14px; margin:0 0 10px 0; position:relative; z-index:3 }
.valittaja-content a, .modal p a {  position:relative; text-decoration:none; z-index:3; background: linear-gradient(to right, #1ddadd, #1ddadd) left bottom no-repeat; background-size: 100% 4px; display:inline; transition: background-size .3s ease; -moz-transition: background-size .3s ease; -ms-transition: background-size .3s ease; -o-transition: background-size .3s ease; -webkit-transition: background-size .3s ease;  }
.valittaja-content a { margin:0 0 8px 0 }
.valittaja-content a:hover, .modal p a:hover { background-size: 100% 100%; }
.valittaja-content a:hover:before, .modal p a:hover:after { height:18px; background:#00afb2 }
.valittaja-content a:last-of-type { margin:0 }
.valittaja-kuva { width:30% }
.kivi-valittaja-header { color:#00afb2 }
.esittely-content { width:100%; margin:15px 0 0 0 }
span.after-kirje { content: ''; display: inline-block; width: 30px; height: 30px; background: url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/email.svg); background-size: 30px 30px; background-position: center; background-repeat: no-repeat; margin: -8px 0 -8px 25px; transition: .2s all ease; }
.modal.hidden { bottom:100%; opacity:0; pointer-events: none;  }
.modal { position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.8); z-index: 99999; display:flex; align-items: center; transition:.5s all ease; overflow:hidden }
.modal form { margin:0 }
.modal p { font-size:14px }
.modal-content h1, .modal-content h2, .modal-content h3, .modal-content h4, .modal-content h5, .modal-content h6 { margin-top:40px }
.modal-content h1:first-of-type, .modal-content h2:first-of-type, .modal-content h3:first-of-type, .modal-content h4:first-of-type, .modal-content h5:first-of-type, .modal-content h6:first-of-type { margin-top:0 }
.modal-canvas { display:flex; width:100%; max-height:90vh; height:90vh; background:#fff; position:relative; }
.modal-kuva { width:35%; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/modal-bg.jpg); background-size:cover; background-position:center; background-repeat:no-repeat }
.modal-content { width:65%; box-sizing:border-box; padding:80px; overflow-y:auto }
.modal-lomake { position:relative }
.modal-lomake p { margin:0; }
.modal-lomake .wpcf7-form-control-wrap { margin:0 0 20px 0 }
.modal-lomake input[type="text"], .modal-lomake input[type="password"], .modal-lomake input[type="email"], .modal-lomake textarea, .modal-lomake select { margin:0 0 0 0; width:100%; max-width:100% }
.modal-lomake span.wpcf7-not-valid-tip { display:block; transform:none; position:static; margin:0 0 0 36px; }
.modal-lomake .wpcf7-form-control-wrap { width:100%; display:block }
.modal-lomake input[type="submit"], .modal-lomake button.wpcf7-submit { display:block; margin:0 0 0 auto }
.modal-lomake .ajax-loader { position:absolute; right:0; bottom:-20px }
.modal-header { position:absolute; left:0; right:0; top:0; height:30px; z-index:10 }
.modal-close { position:absolute; width:30px; height:30px; right:20px; top:20px; cursor:pointer }
.modal-ruksi { content:''; width:25px; height:2px; background:#1e1f24; top:50%; position:absolute; transform:rotate(45deg); }
.modal-ruksi2 { transform:rotate(-45deg) }
.single-aside .kivi-single-item-body { position:-webkit-sticky; position: sticky; top: 60px; }
#map { display:block; width:100%; height:500px }
#kohdeviesti { padding:22px 50px }
.up { position: absolute; right: 0; bottom: 0; display:flex; align-items:center; cursor:pointer; transition:.25s all ease; }
.up p { font-family:'Poppins', sans-serif; font-weight:700; color:#00afb2; margin:0 }
span.up-arrow { content:''; display:inline-block; width:35px; height:35px; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/nuoli-valkea.svg) #00afb2; background-size:17px 17px; background-position:center; background-repeat:no-repeat; transform:rotate(-90deg); margin:0 0 0 20px }
.blog-flex .blog-kortti { width:31%; margin:0 0 4% 0 }
.blog-flex { display:flex; justify-content:space-between; flex-wrap:wrap }
.blog-kortti { transition: .4s all ease; }
.blog-img img { transition: .4s all ease;  }
.blog-img { overflow:hidden }
.blog-kortti-content p.blog-otsikko { transition: .4s all ease; }
.blog-kortti:hover .blog-kortti-content p.blog-otsikko { color:#c5006b }
.blog-wrap { padding:120px 0; background:#e6eaee }
.single-artikkeli { padding:180px 0 100px }
.single-artikkeli .hero-content { margin:0 auto; text-align:center; }
.single-author { display:flex; justify-content:center; align-items:center; flex-wrap:wrap }
.single-author .author-img img { border-radius:50%; width:100px; height:auto; display:block }
.single-author > a, .single-author > div { margin:0 30px; display:flex; flex-direction:column; align-items:flex-start; }
.single-author p { font-size:14px; margin:0 }
p.author-selite { opacity:.5 }
p.author-value { font-family:'Poppins', sans-serif; font-weight:700; }
.single-content { padding:120px 0;  }
.single-900 { display:block; max-width:700px; margin:0 auto }
.single-content .wp-block-image { margin:50px 0 }
.footer-author { max-width:700px; background:#f9f7f9; margin:60px auto; padding:60px 0 }
.social-link, a.social-link { padding:10px 20px; color:#fff; font-size:16px; border-radius:30px; margin:8px 2px; cursor:pointer; -moz-background-clip:padding; -webkit-background-clip:padding-box; display:inline-block; text-decoration:none; }
.social-link:hover, .social-link:active, a.social-link:hover { color:#fff; text-decoration:none; }
.social-twitter { background:#00aced; }
.social-twitter:hover, .social-twitter:active { background:#0084b4; }
.social-facebook { background:#3B5997; }
.social-facebook:hover, .social-facebook:active { background:#2d4372; }
.social-googleplus { background:#D64937; }
.social-googleplus:hover, .social-googleplus:active { background:#b53525; }
.social-pinterest { background:#bd081c; }
.social-pinterest:hover,.social-pinterest:active { background:#980515; }
.social-linkedin { background:#0074A1; }
.social-linkedin:hover,.social-linkedin:active { background:#006288; }
a.social-whatsapp { background:#43d854; display:none; }
a.social-whatsapp:hover, a.social-whatsapp:active { background:#009688; }
.social-social { text-align:left; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; position:relative; margin:80px 0 20px 0; padding:0 0 0 0; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-size:16px; }
.social-social p { margin:0 15px 0 0 }
.social-email { background:#00afb2; }
.social-email:hover, .social-email:active { background:#007172; }
.nextprev { display:flex; width:100%; justify-content:space-between; align-items:center }
.nextprev > div { display:flex; flex-direction:column; align-items:flex-start }
.seuraavaref { align-items:flex-end!important;  }
.seuraavaref a { text-align:right }
.nextprev p.strong { font-family:'Poppins', sans-serif; font-weight:700; margin-bottom:10px }
.nextprev .mleft30 { margin:20px 0 0 0 }
.kolmiot-lomake { position:relative; padding:120px 0 240px; background:#f9f7f9 }
.person-contacts { display:flex; align-items:center; }
.person-contacts p { margin:0 }
p.person-title { font-family:'Poppins', sans-serif; font-weight:700; }
.mini-henkilo-flex { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; padding:120px 0 }
.henkilo-mini { width:24%; margin:0 1% 3% 0 }
.henkilo-mini h5:after { content: ''; display: inline-block; width: 14px; height: 14px; background: url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/nuoli.svg); background-size: 14px 14px; background-position: center; background-repeat: no-repeat; margin: 0 0 0 12px; transition: .2s all ease; }
.henkilo-mini img { border-radius:50%; width:100px; height:auto; margin:0 0 10px 0 }
.mini-contacts { display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start }
.mini-contacts p, .mini-contacts a { font-size:14px; font-family:'Poppins', sans-serif; font-weight:700; margin-bottom:10px }
.mini-contacts a { background:none }
.henkilo-single-link h5 { transition:.25s all ease; }
.henkilo-single-link:hover h5 { color:#00afb2 }
.oma-somet { display:flex; margin:0 0 0 60px }
a.facebook, a.linkedin, a.instagram { width:24px; height:24px; margin:0 14px 0 0; position:relative; transition:.2s all ease; }
a.facebook { background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/fb.svg); background-size:24px 24px; background-position:center; background-repeat:no-repeat }
a.linkedin { background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/lnkd.svg); background-size:24px 24px; background-position:center; background-repeat:no-repeat }
a.instagram { background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/insta.svg); background-size:24px 24px; background-position:center; background-repeat:no-repeat }
a.facebook:hover, a.linkedin:hover, a.instagram:hover { opacity:.5 }
.single-valittaja-main { position:relative; padding:0 0 220px 0; }
.valittaja-main-flex { display:flex; align-items:flex-start; justify-content:space-between; padding:60px 0 }
.valittaja-main-flex > div { max-width:50% }
.single-valittaja-content p, #main .single-valittaja-content li { font-size:14px; max-width:700px }
.valittaja-single-img img { display:block; margin:-350px 0 0 0 }
.youtube-wrap { position: relative; display: block; max-width: 900px; margin: 0 auto; }
.hero-2 { padding: 250px 0 150px }
.myymalat-flex { display:flex; flex-wrap:wrap; align-items:flex-start; margin:-60px 0 0 0 }
.myymala-image img { width:100%; height:auto }
.myymala-image { position:relative; margin:0 0 40px 0 }
.myymala-image:after { content: ''; position: absolute; left: -15px; bottom: 15px; width: 0; height: 0; border-style: solid; border-width: 120px 0 0 120px; }
.myymala-single:nth-child(3n+1) .myymala-image:after { border-color: transparent transparent transparent #ebbc00; }
.myymala-single:nth-child(3n+2) .myymala-image:after { border-color: transparent transparent transparent #00afb2; }
.myymala-single:nth-child(3n+3) .myymala-image:after { border-color: transparent transparent transparent #c5006b; }
.myymala-single { width:40%; margin:0 10% 60px 0 }
.myymala-contacts { display:flex; flex-wrap:wrap; align-items:center }
.myymala-content p { font-size:14px }
.myymala-contacts a { margin:0 40px 0 0; font-family:'Poppins', sans-serif; font-weight:700; }
textarea { overflow: auto; }
.form-mini-explainer { position: absolute; font-size: 12px; left: 0; top:100%; opacity:.7; right:20px; margin:0 }  input[type="radio"] { display:none }
input:checked+span.rasti:before {
background-color: #00afb2;
border: 2px solid #00afb2;
}
input:checked+span.rasti:after { border: 2px solid #00afb2; }
input:checked+span.rasti:after {
background-image: url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/check.png);
background-position:center;
background-size:initial;
background-repeat:no-repeat;
}
span.rasti:before, span.rasti:after {
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
span.rasti::before, span.rasti::after {
content: " ";
}
span.rasti:before, span.rasti:after {
content: '';
background: transparent;
border-radius: 3px;
border: 2px solid #aaa;
cursor: pointer;
display: inline-block;
height: 30px;
position: absolute;
top: 50%;
left: 0;
margin: 0;
width: 30px;
box-sizing: border-box;
transform: translate(0,-50%);
}
span.radio-rasti:before, span.radio-rasti:after {
border-radius:50%;
}
.kivi-form input[type="text"],
.kivi-form input[type="email"],
.kivi-form input[type="url"],
.kivi-form input[type="password"],
.kivi-form input[type="search"],
.kivi-form input[type="number"],
.kivi-form input[type="tel"],
.kivi-form input[type="range"],
.kivi-form input[type="date"],
.kivi-form input[type="month"],
.kivi-form input[type="week"],
.kivi-form input[type="time"],
.kivi-form input[type="datetime"],
.kivi-form input[type="datetime-local"],
.kivi-form input[type="color"],
.kivi-form textarea,
.kivi-form select,
.kivi-form .select-selected {
font-size: 18px;
line-height: 150%;
border: 2px solid #aaa;
padding: 22px 16px;
border-radius: 3px;
width: 100%;
max-width: 100%;
display: block;
margin: 0.1em 0;
background: #fff; 
box-sizing: border-box;
}
.kivi-form input[type="text"]:focus,
.kivi-form input[type="email"]:focus,
.kivi-form input[type="url"]:focus,
.kivi-form input[type="password"]:focus,
.kivi-form input[type="search"]:focus,
.kivi-form input[type="number"]:focus,
.kivi-form input[type="tel"]:focus,
.kivi-form input[type="range"]:focus,
.kivi-form input[type="date"]:focus,
.kivi-form input[type="month"]:focus,
.kivi-form input[type="week"]:focus,
.kivi-form input[type="time"]:focus,
.kivi-form input[type="datetime"]:focus,
.kivi-form input[type="datetime-local"]:focus,
.kivi-form input[type="color"]:focus,
.kivi-form textarea:focus {
border: 2px solid #888;
color: #555; 
outline: none;
}
.kivi-form select {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
}
.kivi-form select::-ms-expand {
display: none;
}
.kivi-form .custom-select1 {
position: relative;
}
.kivi-form .custom-select1:after {
content: '';
position: absolute;
top: 50%;
right: 0.75em;
transform: translateY(-75%) rotateZ(45deg);
padding: 0.1875em;
border-right: 0.125em solid #555;
border-bottom: 0.125em solid #555;
}
.kivi-form textarea {
width: 100%;
}
.kivi-form .wpcf7-form-control-wrap {
display :block;
}
.kivi-form .floating-label {
font-weight:500;
display: none;
position: absolute;
top:0;
z-index: 9;
left: 0.75em;
font-size: 13px;
transform: translate(0,-50%);
padding: 0 0.75em;
background: #fff;
line-height: 110%;
}
label.hidden-label {
display:none;
} .kivi-form .custom-select {
position: relative;
}
.kivi-form .custom-select select {
display: none;
}
.kivi-form .select-selected {
background-color: transparent;
cursor: pointer;
color: #444;
}
.kivi-form .select-arrow-active {
border: 2px solid #555;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.kivi-form .select-selected:after {
position: absolute;
content: "";
background-image: url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/selectnuoli.svg);
top: 0;
right: 0;
width: 40px;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
transition: all .25s ease;
}
.kivi-form .select-selected.select-arrow-active:after {
transform: rotate(180deg);
}
.kivi-form .select-items div {
color: #ffffff;
padding: 0.5em 1.1em;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
}
.kivi-form .select-items {
position: absolute;
background-color: #555;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
.kivi-form .select-hide {
display: none;
}
.kivi-form .select-items div:hover,
.kivi-form .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.kivi-filter-cell, .kivi-filter-cell-15 { position:relative }
.finance-indented {
padding-left:26px
} .rivilomake p button.wpcf7-submit { margin:15px }
.etusivu-kiviwrap { background:#f3f5f7; padding:120px 0 0 }
.kivi-etu-keskitys { margin:0 auto 60px }
.kivi-flags { position:absolute; width:96%; padding:2%; height:auto; top:0; left:0; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start }
.kivi-flag { padding:5px 13px; border-radius:8px; font-family:"Poppins", sans-serif; font-weight:700; font-size:12px; color:#fff; margin:0 0 3px 0 }
.kivi-tarjouskauppa { background:rgba(0,175,178,0.8); }
.kivi-esittely { background:rgba(197,0,107,0.8); }
a:focus { text-decoration:none }
.askel-content { width:100% }
.etu-content { max-width:100% }
.basic-sisalto p, #main .basic-sisalto li { font-size:14px }
.basic-sisalto { display:block; max-width:700px; margin:0 auto 0 0; padding:80px 0 }
.blog-h3-head { max-width:900px; display:block; margin:0 auto 40px 0 }
.uutiset-head { margin-top:80px }
.henkilosto-mobile { display:none }
a.jahti-henkilo { background:none }
a.jahti-henkilo:hover { text-decoration:underline }
.jahti-head { display:flex; flex-direction:column; margin: 0 0 12px 0; }
.jahti-head h5 { margin:0 10px 0 0 }
.jahti-kohde p { margin:0 0 12px 0  }
.toimeksianto-wrap { display:block; width:100%; padding:80px 0 60px }
.toimeksiannot { display:flex; flex-wrap:wrap; }
.toimeksiannot .jahti-kohde { width:32%; margin:0 1% 1% 0; display:flex; }
.toimeksiannot .jahti-kohde:before { position:relative; display:block; left:0; margin:0 8px 0 0 }
.tarjouskauppa-kohde { display:inline-block; margin:20px 0 0 0; width:250px; height:50px; background:url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/svg/tarjouskauppa-valk.svg); background-position:center left; background-size:250px 50px; background-repeat:no-repeat; }
.burger-menu-text {
display:none;
justify-self: flex-end;
margin: 0 10px 0 auto;
}
.burger-menu-text p {
margin:0;
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: inherit;
opacity:.6
}
.images-carousel .swiper-button-white {
transform: translateY(50%);
} .wpcf7-form.submitting .button-initial,
.wpcf7-form.submitting .button-transformed,
.wpcf7-form .button-submitting {
display: none;
}
.wpcf7-form.submitting .button-submitting {
display: block;
}
@media (max-width: 1599px) {
.henkilosto-rivi { padding: 50px 5% 0; }
.triangle-bg-static { margin:0 }
}
@media (max-width: 1399px) {
.video-wrap {
width: 80%;
}
.etusivuyla { height:auto; position:relative; padding:150px 0 300px }
.hero { padding:150px 0 0 }
h1, p.h1-seem { font-size:47px }
h2 { font-size: 38px; margin-bottom: 20px; }
h3 { font-size: 32px; margin-bottom: 20px; }
h4 { font-size: 26px; margin-bottom: 15px; }
h5 { font-size: 18px; margin-bottom: 15px; letter-spacing:-.5px }
h6 { font-size: 16px; letter-spacing:-.5px }
.h1-seem, .etusivuteksti2 p.h1-seem { max-width:900px }
.container { padding:0 40px }
.kivi-card { width:31%; margin:0 1% 3% 1%; }
.kivi-card p { font-size:13px }
.etu { padding:0 20px 50px }
.triangle-bg-static img { max-width:120% }
.triangle-bg-static { display:flex; align-items:center; justify-content:center; overflow:hidden }
.content-teksti p { font-size:14px }
.askel-content { padding:45px 30px }
.toimeksiannot .jahti-kohde { width:30%; margin:0 3% 1% 0 }
.kotijahti-simple {
padding: 60px 0;
}
}
@media (max-width: 1320px) {
.main-nav a {
font-size: 13px;
padding: 0 10px;
}
}
@media (max-width: 1199px) {
.kivi-index-paginator .pgn-prev, .kivi-index-paginator .pgn-next  {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.pgn-prev a, .pgn-next a {
margin: 30px auto 10px!important;
}
.pgn-prev a button, .pgn-next a button {
margin: 0!important;
}
.burger-menu-text { display:block; }
.burger { display:block; z-index:9999; justify-self:flex-end; }
.valikko { display:none }
p, #main li, .isompi-p, .sisalto-900.haalea-teksti { font-size:14px }
a.page-numbers.next, .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"] { font-size:14px; padding:25px 30px; margin:12px 12px 12px 0 }
.float-button { margin:0 }
.float-contact:hover { transform: translate(100%, -50%); }
.float-contact.float-clicked { transform:translate(0, -50%); }
.triangle-bg img { max-width:98% }
.asiakas-slider .slider-container { max-width:700px }
.henkilosto-rivi a:nth-child(n+8) { display:none }
.henkilosto-moi { display:flex; align-items:center; justify-content:center; overflow:hidden }
.henkilosto-moi img { width:110% }
.rivilomake { flex-wrap:wrap }
.kivi-lomake-wrap { flex-wrap:wrap; justify-content:flex-start }
.kivi-lomake-vasen { width:100%; margin:40px 0 0 }
.kivi-lomake-keski, .kivi-lomake-oikea { width:auto; margin:0 100px 0 0 }
.kivi-card { width:48%; margin:0 1% 2% 1%; }
.otsikko-vasen-flex .otsikko { padding:0 40px 0 0 }
.etu { flex-direction:column }
.flex-a .footer-cta-heading { width:55% }
.palaute-content { padding:20px 25px }
.askel-content { padding:45px 20px }
.kivi-form .keskitys-900 { text-align:left; padding:0; margin:0 auto 0 0 }
.kivi-item-filters { padding:0 }
.henkilosto-mobile { display:block }
.henkilosto-rivi { display:none }
.toimeksiannot .jahti-kohde { width:47%; margin:0 3% 1% 0 }
ul.sub-menu li.menu-item-has-children > a:after {
display:none
}
.valikkosisa ul li.menu-item-has-children > a:after {
content:'';
display:inline-block;
width:5px;
height:5px;
border-top:2px solid #1e1f24;
border-right:2px solid #1e1f24;
border-bottom:none;
opacity:1;
margin:0 0 4px 10px;
transform:rotate(135deg);
transition:.25s all ease;
}
.valikkosisa ul li.menu-item-has-children.menutoggled > a:after {
transform:rotate(315deg);
margin:4px 0 0 10px;
}
.valikkosisa ul li.menu-item-has-children ul.sub-menu {
display:none;
}
}
@media (max-width: 999px) {
.asiakas-slider .slider-container { max-width:660px }
.asiakas-slider .swiper-button-prev { left:-30px }
.asiakas-slider .swiper-button-next { right:-30px }
.henkilosto-rivi a:nth-child(n+7) { display:none }
.etusivu-henkilosto-copy { margin:0 auto }
.etu { width:50% }
.footer-grid-flex { flex-wrap:wrap }
.footer-grid-flex > .footer-logo { width:100%; }
.footer-grid-flex > .footer-some, .footer-grid-flex > .footer-copyright { width:50%; }
.footer-some { border-bottom-left-radius:15px; }
.footer-copyright { border-bottom-right-radius:15px; border-top-right-radius:0 }
.kotijahti-flex { flex-direction:column;  }
.kotijahti-flex > div { width:100% }
.kotijahti-vasen { margin:0 0 60px 0 }
.text-kuva-flex, .text-kuva-flex:nth-child(even), .reverse-jarjestys .text-kuva-flex { flex-direction:column;  }
.text-kuva-flex > div { width:100% }
.content-kuva { margin:0 0 40px 0 }
.askel { width:100% }
.modal-kuva { width:25% }
.modal-content { width:75%; padding:60px }
.toimeksiannot .jahti-kohde { width:100%; margin:0 }
.toimeksiannot .jahti-kohde:before { margin:0 8px 12px 0 }
.jahti-kohde:before { width:40px; height:40px } 
}
@media (max-width: 749px) {
.helmik-filter-column {
width: 100%;
padding: 0 0 20px 0;
flex: auto;
}
a.social-whatsapp { display:inline-block !important; }
.social-social { padding:0; }
.social-social:before { left:-20px; }
.container { padding:0 20px }
.float-kuvake svg { width:18px; height:18px }
.float-kuvake { left:-23px }
.float-handle { width:30px }
.float-tiedot { padding:5px 20px 5px 0; }
.float-puhelin, .float-email { padding:10px 0 10px 5px }
h1, p.h1-seem { font-size:40px }
h2 { font-size: 36px }
h3 { font-size: 32px }
h4 { font-size: 22px }
h5 { font-size: 16px }
h6 { font-size: 16px }
.etusivuyla { padding:150px 0 200px }
.triangle-bg img { max-width:110% }
.container, .container-narrow { width:100%; }
.asiakas-slider .swiper-button-prev, .asiakas-slider .swiper-button-next { display:none }
.etu p, span.wpcf7-not-valid-tip, div.wpcf7-response-output, .palaute-content p, .askel-content p { line-height:150% }
.henkilosto-rivi a:nth-child(n+7) { display:none }
.rivilomake { flex-direction:column; flex-wrap:nowrap }
.kivi-lomake-wrap { flex-wrap:nowrap; flex-direction:column }
.kivi-lomake-haku button { min-width:250px }
.kivi-card { width:100%; margin:0 0 30px 0 }
.kivi-card p.h2-kohde { font-size:22px }
.otsikko-vasen-flex { flex-direction:column }
.otsikko-vasen-flex > div { width:100%;  }
.otsikko-vasen-flex .otsikko { padding:0 0 70px 0 }
.otsikko-vasen-margin-bottom { margin:0 0 30px }
.flex-a { flex-direction:column; align-items:flex-start }
.flex-a > div, .flex-a .footer-cta-heading { width:100% }
.flex-a .footer-cta-heading { margin:0 0 40px 0 }
input[type="text"], input[type="password"], input[type="email"], textarea, select { font-size:14px; padding:20px 25px; margin:8px 8px 20px 8px; }
span.wpcf7-not-valid-tip { bottom:-40px }
.rivilomake p button.wpcf7-submit { margin:8px }
.askel { flex-direction:column }
.askel-content { padding: 45px 40px; }	
.askeleet { padding:60px 0 0 }
.kotijahti-kuvat { flex-direction:column; margin:0 0 60px 0 }
.kotijahti-kuvat img { max-width:100%; height:auto; margin:0 0 30px 0 }
.text-kuva-flex { padding:20px 0 }
.modal-content { padding:30px }
.single-content { padding:80px 0 }
.social-social p { display:block; width:100%; }
.nextprev { flex-direction:column }
.edellinenref { margin:0 0 60px 0; align-self:flex-start }
.seuraavaref { align-self:flex-end }
.jahti-kohde { flex-direction:column }
.jahti-kohde:before { margin:0 0 8px 0 }
.asiakas-slider .swiper-flex { flex-direction:column }
.asiakas-slider .palaute-kuva { height:200px; width:100% }
.slider-wrap { margin:40px 0 0 0 }
.asiakas-slider .slider-container { max-width:90% }
.burger-menu-text { display:none; }
}
@media (max-width: 549px) {
.helmik-details-label {
width: 130px;
flex-shrink: 0;
}
.helmik-details-grid-row {
display: flex;
align-items: flex-start;
}
.helmik-details-container {
padding: 0;
}
.helmik-agent {
display: flex;
flex-direction: column-reverse;
}
.helmik-agent img {
margin-right: auto;
height: auto;
padding: 16px 0 0 16px;
}
.valikko1 { left:0 }
.mobile-contacts, .valikkosisa { padding-right:0 }
#menu-logon-viereinen-valikko { display:none }
.logo { padding:13px 0 14px; z-index:99999; }
h1, p.h1-seem { font-size:30px }
h2 { font-size: 27px }
h3 { font-size: 23px }
h4 { font-size: 20px }
h5 { font-size: 16px }
h6 { font-size: 16px }
.seo-h1 { font-size:12px }
.triangle-bg { display:flex; align-items:center; justify-content:center }
.triangle-bg img { max-width:150% }
.varit svg { fill:#00afb2; transition:.45s all ease; }
.mobile-contacts, .valikkosisa { padding-left:20px }
.henkilosto-rivi a:nth-child(n+5) { display:none }
.henkilosto-moi img { width:110% }
.henkilosto-moi { bottom:160px }
.float-kuvake svg { width:12px; height:12px }
.float-handle { width:20px }
.float-kuvake { left:-16px }
.float-tiedot { padding: 5px 20px 5px 0 }
.float-puhelin, .float-email { padding:3px 0 3px 10px }
.float-contact a { font-size:12px }
.float-contact { top:150px }
.kivi-lomake-vasen .lomake-rivi { flex-direction:column; align-items:flex-start; }
.kivi-lomake-vasen .kivi-filter-cell, 	.kivi-lomake-vasen .kivi-filter-cell-15 { width:100%; margin:10px 0 0 0 }
.kivi-cell-spacer { display:none }
.lomake-osio, .askeleet-osio, .myyjan-edut, .blog-wrap { padding:80px 0 }
.kivi-form { padding:80px 0 20px }
.kivi-item-filters { padding:0 }
.kivi-card p.h2-kohde { font-size:19px }
.etu { width:100%; padding:0 0px 20px; }
.blog-kortti-content { padding:15px }
.blog-kirjoittaja { padding:15px }
.footer-cta-prompt { justify-content:flex-start; }
.footer-grid-flex > .footer-some, .footer-grid-flex > .footer-copyright { width:100%;  }
.footer-some { border-bottom-left-radius:0; }
.footer-copyright { border-bottom-right-radius:15px; border-bottom-left-radius:15px; border-top:none; border-left:2px solid #626366 }
.harmaa-tausta { padding-top:80px }
.ostaja-loppusanat { padding:50px 0 150px }
.modal-canvas { flex-direction:column; }
.modal-kuva { height:100px; width:100%; flex-shrink:0 }
.modal-content { width:100%; padding:20px 18px 20px; }
.modal-ruksi { background:#fff }
.video-canvas .modal-ruksi {
background:#222
}
.video-wrap {
width: 90%;
}
.single-author { flex-direction:column }
.single-author > .author-link { margin:0 0 20px 0 }
.single-author > a, .single-author > div { align-items:center }
.single-artikkeli { padding:120px 0 30px }
.form-mini-explainer { font-size:10px }
.modal-lomake input[type="text"], .modal-lomake input[type="password"], .modal-lomake input[type="email"], .modal-lomake textarea, .modal-lomake select {
padding:14px 25px;
}
.modal-lomake .wpcf7-form-control-wrap {
margin:0 0 12px 0;
}
}
@media (max-width: 399px) {
h1, p.h1-seem { font-size:26px }
h2 { font-size: 24px }
h3 { font-size: 20px }
h4 { font-size: 18px }
h5 { font-size: 16px }
h6, .kivi-card p.h2-kohde { font-size: 16px }
.henkilosto-moi { bottom:120px }
.kohde-huone-kuvaus p { word-break:break-word }
.askel-content { padding: 30px 20px; }
.numero { width:60px; height:60px; font-size:25px }	
}
.kuvagalleria-kansikuva-bg {background: url(//www.asuntokolmio.fi/wp-content/themes/asuntokolmio/images/tausta.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; }