.invert-form-color input[type="text"], .invert-form-color input[type="password"], .invert-form-color input[type="email"], .invert-form-color textarea, .invert-form-color select {
color: #000;
border-bottom: 1px solid #000;
}
.invert-form-color ::placeholder { color: #444;
opacity: 1; }
.invert-form-color :-ms-input-placeholder { color: #444;
}
.invert-form-color ::-ms-input-placeholder { color: #444;
}
.invert-form-color input[type=submit] {
background: #00aeed;
color: #fff;
}
.bday10-banner {
margin-top: 100px;
display: block;
width: 100%;
position: relative;
}
.bday10-banner img {
width: 100%;
height: auto;
}
.banner-desktop {
display: block;
}
.banner-mobile {
display: none;
}
.banner-close {
position: absolute;
top: 16px;
right: 16px;
width: 36px;
height: 36px;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
transition: opacity 0.2s;
}
.banner-close:hover {
opacity: 0.8;
}
.banner-close::before,
.banner-close::after {
content: '';
position: absolute;
width: 18px;
height: 2px;
background: white;
}
.banner-close::before {
transform: rotate(45deg);
}
.banner-close::after {
transform: rotate(-45deg);
}
@media (max-width: 768px) {
.bday10-banner {
margin-top: 0;
}
.banner-desktop {
display: none;
}
.banner-mobile {
display: block;
}
}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
p > iframe {
max-width: 100%;
margin: 20px auto;
height: 680px;
}
a.button svg {
display: inline-block;
margin: 0 6px -1px 0;
}
.wpcf7-list-item {
margin-bottom: 6px;
display: block;
}
.wpcf7-radio {
display: flex;
flex-direction: column;
width: 100%;
}
.wpcf7-list-item-label {
font-size: 16px;
}
.bolded {
font-weight: 900;
}
.kiinnostus form p a {
color: #fff;
text-decoration: underline;
}
.kiinnostus form p a:hover {
color: blue;
}
.form-row-price {
max-width: 300px;
}
.form-row-price p:last-of-type {
display: flex;
align-items: center;
}
.form-row-price p:last-of-type input {
margin-top: 0!important;
max-width: 100px;
}
::-webkit-input-placeholder { opacity: .5 !important;
}
:-moz-placeholder { opacity: .5 !important;
}
::-moz-placeholder { opacity: .5 !important;
}
:-ms-input-placeholder { opacity: .5 !important;
}
.pakko {
color: red;
}
.form-row {
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: flex-end;
margin-bottom: 30px;
}
.form-row p {
margin: 0 20px 0 0!important;
}
.form-row input {
margin-top: 0!important;
}
.one-threes {
width: 33.33333%;
box-sizing: border-box;
padding: 0 20px 0 0;
}
.two-threes {
width: 66.66666%;
box-sizing: border-box;
padding: 0 20px 0 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.two-threes > * { max-width: 50%; }
.two-threes .full { width: 100%; max-width: 100%; }
.block {
display: block;
width: 100%;
padding: 60px 0;
}
.block h1, .block h2, .block h3, .block h4 {
display: block;
margin-top: 30px;
margin-bottom: 15px;
}
.block ul {
display: block;
margin: 20px 0;
}
.contact-blue-bg a {
color: #fff;
text-decoration: underline;
}
#kuituVideo {
max-width: 100%;
height: auto;
}
.videodiv { position: fixed; z-index: 99999; background: rgba(0,0,0,0.8); opacity: 0; width: 100%; height: 100%; top: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; left: 100%; padding: 10% 15%; box-sizing: border-box; }
.videosisa { position: relative; padding-bottom: 56.25%; height: 0; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); line-height: 0; }
img.close { position: absolute; top: -40px; right: 0px; cursor: pointer; }
.videodivshow { display: block; opacity: 1; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; left: 0; }
.videosisa iframe, .videosisa object, .videosisa embed { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; }
.videosisa iframe { height:inherit }
.videoimage { max-width:100%; height:auto; position:absolute; cursor:pointer; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.video-nappi { display:block; width:100%; padding:30px 0 60px }
.video-nappi p { margin:0 }
.video-nappi h2 { margin:0 0 10px 0; line-height:100%; }
.video-prompt {
position:relative;
width:100%;
margin:0 auto 40px;
max-width: 700px;
}
.varjostin {
position: absolute;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
background: rgba(0,0,0,.12)
}
.video-prompt img {
display:block;
-webkit-box-shadow: 0px 0px 37px -15px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 37px -15px rgba(0,0,0,0.5);
box-shadow: 0px 0px 37px -15px rgba(0,0,0,0.5);
}
.video-prompt a {
width: 150px;
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50% , -50% );
}
a#videonappi {
margin:0;
}
.otsikko, .sidebar h3, .portfolio-thumb img, .blogdesc a, .sininen, .footer li a:hover, .tablepress tfoot th, .tablepress thead th, .etusivupalvelut, .arviointi, .pagetitle, .footer li a:hover, .isonappi, .navigation a, p.luelisaap , .sidebar:first-of-type a { background:#00aeed; }
a, a:visited, .main-nav a:hover, .main-nav li.active a, .main-nav ul ul li.active a, .etusivusisalto .postheader:hover, .jatkalukemista, .julkaisuaika, .etusivuartikkeli-sisa p.julkaisuaika, .navigation a:hover, .yhteystiedot h3, .isonappi:hover { color:#00aeed; }
.headeremail, .headerphone, .blogdesc a:hover, .arviointi:hover, .palvelutdiv:hover, .sidebar:first-of-type a:hover, .palvelutsivu .palvelutdiv:hover { background:#00aeed; }
.etusivuteksti2 a.button2 { border:2px solid #fff; color:#fff; background:none; }
.etusivuteksti2 a.button2:hover { border:2px solid #48aed9; color:#48aed9; background:none; }
a:hover h2, .pagetitle a, .etusivuartikkeli-sisa:hover p { color:#1092c8; }
.main-nav ul ul { border-top: 3px solid #1092c8; }
.otsikko, .sidebar h3 { border-left:none; color:#333; }
.button, a.button, .jatkalukemista2 { color:#fff; }
.main-nav li.active ul li a { color:#222; }
.palvelutsivu .palvelutdiv:hover { border:1px solid #1092c8; } body, p, #main li, textarea, input { font-family: 'Open Sans', sans-serif; }
p.julkaisuaika, .etusivuteksti2 p, main-nav a, .headerinfoteksti2 p, .headerinfoteksti p, .headerinfo, 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, .headerinfo p  { font-family: 'Lato', sans-serif; }
p.fakeheader { font-size: 65px; font-weight: 900; line-height: 125%; color: #fff; border-bottom: none; text-transform: uppercase; background: linear-gradient(to right, #11b5da, #62be5c) left bottom no-repeat; background-size: 100% 2px; padding-bottom:0px; display:inline }
.fakewrapper { margin-bottom:40px }
h1.realheader, .pagetitle .italics, div.italics p { font-family: 'Noto Serif', serif; font-size:36px; color:#fff; font-weight:400; font-style:italic; background:none; text-transform:none; display:block }
.header-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.italics { font-family: 'Noto Serif', serif; font-size:20px; font-weight:400; font-style:italic; margin:15px auto 30px }
.date { font-family: 'Noto Serif', serif; font-size:18px; margin-bottom:5px; }
a, a.button { text-decoration:none }
.price-flex {
display:flex;
flex-wrap:wrap;
width:100%;
box-sizing:border-box;
padding:12px;
justify-content:flex-start;
}
p.price-unit {
width:50%;
box-sizing:border-box;
padding:3px 6px;
margin:0;
text-align:left;
}
p.price-unit:nth-child(1), p.price-unit:nth-child(2) {
font-weight:700;
margin-bottom:8px;
}
.viivattu {position:relative; display:inline-block}
.viivattu:after { content:''; height:14px; left:0px; right:0px; top:44%; background:#528831; position:absolute; }
.headerinfo { padding:0; background:#262626;   }
.headerinfoteksti2 p, .headerinfoteksti p, .headerfb p { font-size:14px; margin:0; font-weight:700; display:inline-block; padding:7px 12px 8px; letter-spacing: .02em; }
.headerinfoteksti p:first-of-type {padding-left:0}
.headerfb p {padding-right:0; margin-right:0; }
.headerfb.auki p { background:#25438f; color:#fff; padding-right:10px }
.headerfb.auki p:before { content:''; display:inline-block; width:8px; height:8px; border-radius:50%; background:#72bf44; margin-bottom:1px; margin-right:5px }
.headerinfoteksti { padding:0; }
.headerphone, .headeremail, .headerinfoteksti2 { float:right; }
.headerinfo a { color:#9b9b9b }
.blogsidebar { padding-top:0; }
#main li { font-size:16px; }
.laatikko { -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); box-shadow: 1px 1px 4px rgba(0,0,0,0.4); padding:25px; }
.pagetitle h1 { font-weight:bold; text-transform:uppercase; text-align:center; }
.pagetitle { margin-bottom:0; }
.tablepress tfoot th, .tablepress thead th { color:#fff; }
.button { display:inline-block; margin:15px; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { width:100%; box-sizing:border-box; }
.logo img { padding:0; max-width:200px }
.main-nav a { font-weight: bold;  font-size: 16px; color: #fff; letter-spacing: .02em; }
.ajankohtaista h2, .headerwrap h2 { background: linear-gradient(to right, #222, #222) left bottom no-repeat; background-size: 100% 2px; }
.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:20px;}
p.paivays { color:#777; }
p.paivays:before { position:relative; top:3px; margin:0 8px 0 0; content:url(//www.kairankuitu.fi/wp-content/themes/kairankuitu/images/julkaistu.png); }
.clear { clear:both; }
.main-nav ul.menu {  }
.blogpost:first-of-type { padding-top:0; }
.blogpost:last-of-type { border-bottom:0; }
.single-image img { width:100%; height:auto; }
.burger { position:absolute; top:5px; right:5px; cursor:pointer; display:none; }
.burger span { display:block; width:40px; height:3px; margin:0 0 6px 0; position:relative; top:0; transition:all ease-in-out 0.4s; background:#fff }
.burger.burgeropen span:nth-child(2) { width:0; opacity:0; }
.burger.burgeropen span:nth-child(1) { transform:rotate(45deg); top:9px; box-shadow:none; }
.burger.burgeropen span:nth-child(3) { transform:rotate(-45deg); top:-9px; box-shadow:none; }
.valikko1 { opacity: 0;
display: table;
background: #fff;
height: 100%;
position: fixed;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
padding: 50px 30px 0 30px;
left: -400px; }
.valikko1hide { opacity: 1; left: 0; z-index: 999; background: #000; }
.valikkosisa {height: 100%;
overflow-y: auto;
padding-bottom: 90px;}
.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:left; padding:15px 0; font-size:20px; font-weight:600; 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; background:#25438f }
.valikkoala a { width:50%; height:100%; vertical-align:middle; padding:20px 0; border-top:1px solid #888; font-weight:700; font-size:18px; color:#fff; 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 { position:relative; display: table; width:100%; padding: 200px 0; background:url(//www.kairankuitu.fi/wp-content/themes/kairankuitu/images/tausta.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; }
.pagetitle { background:url(//www.kairankuitu.fi/wp-content/themes/kairankuitu/images/tausta.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; }
.pagetitle h1 { font-size: 65px;
font-weight: 900;
line-height: 125%;
color: #fff;
border-bottom: none;
text-transform: uppercase;
background: linear-gradient(to right, #11b5da, #62be5c) left bottom no-repeat;
background-size: 100% 2px;
padding-bottom: 0px;
display: inline; }
.etusivuteksti2 { display:table-cell; vertical-align:middle; padding:0; text-align:center; }
.siniwrap .headerwrap h2 {     background: linear-gradient(to right, #fff, #fff) left bottom no-repeat; background-size: 100% 2px; }
.etusivupalvelut ul { margin:0; }
.etusivupalvelut { padding:20px 0; }
.palvelutdivulko { float:left; width:25%; list-style-type:none; margin:0; padding:0; box-sizing:border-box; }
.etusivupalvelut a { text-decoration:none; }
.palvelutdiv { background-color:#fff; border-radius:6px; box-sizing:border-box; margin:6px; padding:20px; text-align:center; }
.palvelutdiv h2 { font-weight:bold; text-transform:uppercase; font-size:22px; margin:10px 0; height:44px; }
.palvelutdiv p { font-size:14px; color:#555; min-height:73px; margin:0; }
p.luelisaap { min-height:0; display:block; padding:5px; color:#fff; border-radius:6px; margin:15px 0 0 0; font-size:16px; font-weight:500; }
span.luelisaa { padding:5px 10px; border-top:2px solid #f4901e; border-bottom:2px solid #f4901e; color:#f4901e; }
.etusivupalvelut a:hover h2 { color:#333; }
.etusivupalvelut a .palvelutdiv:hover h2, .palvelutsivu a .palvelutdiv:hover h2, .palvelutdiv:hover p { color:#fff; }
.etusivupalvelut img { width:100%; height:auto; }
.palvelutsivu {  }
.palvelutsivu a { text-decoration:none; }
.palvelutsivu .palvelutdiv { background-color:#fff; border-radius:0px; box-sizing:border-box; margin:0 6px 12px 6px; padding:10 10px 10px 10px; text-align:center; min-height:295px; border:1px solid #ddd;  }
.palvelutsivu .palvelutdiv p { font-size:14px; min-height:0; }
.palvelutsivu p.luelisaap { height:auto; }
.palvelutsivu ul { margin:0; }
.etusivuajankohtaista { padding:80px 0; text-align:center; color:#222; }
article { width:100%; display:block; margin-top:50px }
.article-header, .article-excerpt { display:inline-block; width:50%; color:#222; text-align:left; vertical-align:top; box-sizing:border-box; padding:20px }
.artikkelisisalto .article-header,.artikkelisisalto .article-excerpt { display:block; width:auto; text-align:left }
.artikkelisisalto .article-header:after { display:block; width: 60px; height:4px; background:#25438f; content:''; margin-top:20px }
.artikkelisisalto .article-excerpt { padding-top:0 }
.article-header { text-align:right }
.article-header p.date { color:#25438f }
.arviointi { color:#fff; text-align:center; padding:10px 5px; margin-bottom:20px; }
.arviointi:hover { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; text-decoration:none; }
.arviointi h3 { margin:10px 0; font-size:26px; font-weight:bold; line-height:28px; text-transform:uppercase; background:none; border:none; color:#fff; }
.arviointi p { margin:5px 0; }
.textwidget a:hover { text-decoration:none; }
.isonappi { text-align:center; padding:30px 0; border-radius:4px; border-bottom:2px solid #33632f; text-decoration:none; }
.isonappi:hover { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.isonappi h3 { color:#fff; text-decoration:none; font-size:18px; font-weight:normal; }
a.nappilinkki  { text-decoration:none; }
.yhteydenotto h2 { font-size:35px; text-transform:uppercase; font-weight:900; }
.yhteystiedot h3 {  }
.yhteystiedot p { font-size:16px; }
.yhteystiedot strong { font-weight:900; text-transform:uppercase; }
.yhteystiedot { padding:30px 0; }
.lomake { padding:30px; background:#eee; }
.lomake p:last-of-type, .lomake form { margin-bottom:0; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { border:1px solid #ccc; padding:15px; outline:none; font-size:16px; color:#777; margin:0; width:100%; max-width:100%; display:block; margin-top:20px; background:#fff; box-sizing:border-box; border-radius:2px; padding-left:0 }
input[type="submit"] { cursor:pointer; display:inline-block; font-size:16px; padding:16px 40px; }
.sidebar:first-of-type { text-align:center; }
.sidebar h3 { background:none; color:#222; padding:0; border-left:0; text-align:center; }
.sidebar:first-of-type a { padding:10px; display:block; border-radius:2px; color:#fff; line-height:120%; text-transform:uppercase; font-weight:bold; margin:0; }
.sidebar:first-of-type p:last-of-type { margin-bottom:0; }
.sidebar ul { margin-bottom:0; }
#tablepress-3 > tbody > tr > td { padding:20px; font-weight:bold; font-size:18px; }
.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(//www.kairankuitu.fi/wp-content/themes/kairankuitu/images/jako.png); }
.sivututka { text-align:center; }
.sivututka a, .sivututka p { color:#444; font-size:12px; }
.copyright { text-align:center; padding:40px 10px; margin:50px 0 0 0; background:#25438f; }
.copyright a, .copyright p { font-size:16px; color:#fff; }
.bluewrap { padding:60px 0; background:#00aeed; text-align:center; color:#fff; }
a.button3 { background:#fff; color:#00aeed; border:2px solid #fff; }
a.button3:hover { background:#25438f; border:2px solid #25438f; }
.front-articles { position:absolute; bottom:20px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:100%; text-align:center }
a.hero-postlink { display:inline-block; color:#fff; margin:10px 30px; max-width:300px; text-align:left; vertical-align:top; -webkit-transition:.25s all ease; transition:.25s all ease; }
a.hero-postlink:hover { color:#00aeed }
.front-hinnasto {display:table; width:100%; background:#00aeed}
.hinta-kolmas { display:table-cell; width:33.333333333333333%; text-align:center; padding:200px 20px 20px; box-sizing:border-box; vertical-align:top; background:#eeeeee; position:relative }
.hinta-kolmas:first-child { background:#f2f2f2 }
.hinta-kolmas:last-child { background:#e7e8e8 }
.hinta-kolmas:nth-child(2):before { content:""; display:block; position:absolute; bottom:100%; left:0; right:0; height:70px; background:inherit; }
p.nopeus { font-size:200px; color:#00aeed; font-weight:300; font-family: 'Lato', sans-serif; line-height:85%; margin-bottom:0; letter-spacing:-3px }
p.yksikko { color:#00aeed; font-size:40px; font-family: 'Lato', sans-serif; font-weight:400; line-height:100%; margin-bottom:40px }
p.yksikko:after { display:block; margin:20px auto; width:180px; height:8px; background:#00aeed; content:'' }
p.yleisteksti {  }
p.hinta { font-size:40px; color:#828282; font-family: 'Lato', sans-serif; font-weight:300; letter-spacing:-1px }
.wrapper { width:100%; display:table }
.wrapper .hinta-kolmas { padding:150px 20px 200px }
.wrapper .hinta-kolmas:nth-child(2):before { display:none }
.palaute-container { background:url(//www.kairankuitu.fi/wp-content/themes/kairankuitu/images/tausta.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; min-height:800px; width:100%; display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.palaute-cell {display:table-cell; vertical-align:middle}
.swiper-slide { text-align:center; box-sizing:border-box; padding:50px }
.keskitys { display:block; max-width:700px; background:#fff; margin:0 auto; position:relative; }
.keskitys:after { content:''; position:absolute; width:0; height:0; border-top:60px solid transparent; border-bottom:60px solid transparent; border-right:60px solid #fff; right:20%; bottom:-50px }
.swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.puolikkaat {display:table; width:100%; margin:0; padding:0; color:#fff }
.puolikas { display:table-cell; width:50%; box-sizing:border-box; padding:80px 200px; background:#25438f; min-height:600px; }
.bluewrap p { max-width:700px }
input[type="text"], input[type="password"], input[type="email"], textarea, select { border:none; padding:15px; outline:none; font-size:16px; color:#fff; margin:0; width:100%; max-width:100%; display:block; margin-top: 20px; background: none; box-sizing: border-box; border-radius: 2px; border-bottom: 1px solid #fff; padding-left:0 }
::placeholder { color: #fff;
opacity: 1; }
:-ms-input-placeholder { color: #fff;
}
::-ms-input-placeholder { color: #fff;
}
.wpcf7 p {margin-bottom:30px}
.palaute-container .swiper-slide p:last-of-type { font-style:italic; }
a.blockbutton { margin-left:0; margin-top:0; background:#25438f; border:2px solid #25438f }
a.button4 { background:#fff; border:2px solid #fff; color:#25438f; }
a.button4:hover { border:2px solid #00aeed; background:#00aeed; color:#fff }
.etusivukaikki { display:flex; flex-wrap: wrap; align-items: center; justify-content:center; width:100%; background:#25438f; color:#fff; text-align:center; padding:60px 0 }
.ff-item-cont h1, .ff-item-cont h2, .ff-item-cont h3, .ff-item-cont h4, .ff-item-cont h5, .ff-item-cont h6, .ff-item-bar {display:block}
span.ff-btn { border:2px solid #00aeed!important;
background: #00aeed!important;
text-decoration: none!important;
font-size: 16px!important;
padding: 16px 40px!important;
color: #fff!important;
font-weight: bold!important;
-webkit-transition: all .25s ease!important;
-moz-transition: all .25s ease!important;
-o-transition: all .25s ease!important;
transition: all .25s ease!important;
border-radius: 30px!important;
text-transform:none!important}
span.ff-btn:hover { background:#03749e!important; border:2px solid #03749e!important; }
div.numero { display:inline-block; width:50%; text-align:left; color:#fff; box-sizing:border-box; padding-left:78px; font-size:24px; position:relative }
div.numero a { color:#fff; text-decoration:none }
span.numero { font-size:30px; font-weight:bold; display:block; margin-top:10px }
div.numero:before { content:url(//www.kairankuitu.fi/wp-content/themes/kairankuitu/images/puhelin.png); position:absolute; left:0; top:0 }
.footerpuolikas { display:inline-block; width:50%; vertical-align:top; box-sizing:border-box; padding:0 20px }
.footer a.button, input[type=submit] { background:#fff; border:2px solid #fff; color:#00aeed }
.footermenu { margin-top:20px; color:#fff; border:none }
.pagetitle { padding:200px 0 100px; text-align:center; }
.navigation a { color:#fff; border-radius:30px }  
.navigation a:hover { color:#fff; background:#25438f }
.sidebarblock { display:table; width:100%; padding:35px 45px; color:#fff; background:#25438f; box-sizing:border-box; }
.firstblock { margin-top:70px }
a:nth-child(4n+2) .sidebarblock { background:#13b6d6 }
a:nth-child(4n+3) .sidebarblock { background:#36b8a1 }
a:nth-child(4n+4) .sidebarblock { background:#57bc6d }
.sidebar a { color:#fff; display:table-cell; width:100%; vertical-align:middle }
p.headertxt { font-size:24px; text-transform:uppercase; font-family:'Lato', sans-serif; font-weight:bold; line-height:105%; margin:0 }
p.isotxt { font-size:18px; text-transform:uppercase; font-family:'Lato', sans-serif; font-weight:bold; line-height:105%; margin:0; position:relative; }
p.isotxt:before { content:url(//www.kairankuitu.fi/wp-content/themes/kairankuitu/images/nuolioikea.svg); position:absolute; position: absolute;
left: -25px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.25s all ease;
transition:0.25s all ease;}
a:hover p.isotxt:before { left:-15px; }
.headerwrap { text-align:center; margin-bottom:0;  }
.left-txt { float:left; margin: 14px 0 0 50px; font-size: 20px; font-weight: bold; }
.selektori-wrap { padding:20px 0; display:block; width:100%; background:#f2f2f2; color:#424242; margin-bottom:20px; text-align:center  }
.filterbutton, .filterbutton-speed { display: inline-block; padding: 20px 45px; background: #00aeed; color: #fff; border-radius: 30px; margin: 0px 20px 30px; cursor: pointer; font-family:'Lato', sans-serif; font-weight:bold; -webkit-transition: 0.25s all ease; transition:0.25s all ease; }
.filterbutton.activebutton, .filterbutton-speed.activespeed { background:#25438f }
div.hinnastot { background:#25438f; padding:40px 0; display:block; width:100%; }
.kortti { display:inline-block; background:#fff; width:31.33333333%; vertical-align:top;color:#424242; margin:1%; text-align:center }
.kortti-yla { box-sizing:border-box; padding:25px; background:#00aeed; color:#fff }
.kortti-yla .italics { margin-bottom:0; margin-top:5px; font-size:16px }
.kortti-yla p {
margin:0
}
h3.white {
display:block; 
}
.kortti-ala { box-sizing:border-box; padding:25px 20px; text-align:left; }
.nopeusvalinta {display:none}
.lisainfot li { list-style-type:none; margin:0; padding:18px 8px; text-align:center; border-bottom:1px solid #eee }
.lisainfot li:last-of-type { border-bottom:none }
.widekortti { display:block; min-width:600px; margin-left:auto; margin-right:auto }
.widekortti .kortti-yla { background:#9d9d9d }
.widekortti { min-height:0 }
.osasto { display:none }
.isoplus { display:block; text-align:center; color:#fff; font-size:200px; font-weight:300; font-family:'Lato', sans-serif; line-height:85% }
.lisahinnat { color:#fff; text-align:center; display:block; width:100%; padding:60px 0 }
.selite p { max-width:600px }
.hintablokki { display:block; margin-bottom:50px }
.hintablokki-yla {display:block; width:100%; border-bottom:1px solid #fff; }
p.vasen, p.oikea { display:inline-block; width:50%; margin-bottom:3px }
p.vasen { font-size:24px; text-align:left }
p.oikea { font-weight:300; font-family:'Lato', sans-serif; font-size:30px; text-align:right }
p.selitep { text-align:left; display:block; max-width:500px; margin-left:0; margin-top:10px }
.kanavatxt { display:block; text-align:center }
.kanavatxt p { display:block; max-width:600px; margin:20px auto }
.cmore { color:#fff; background:url(//www.kairankuitu.fi/wp-content/themes/kairankuitu/images/tausta2.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; display:block; width:100% }
.peruspuoli { background:none; vertical-align:middle; padding:80px }
.peruspuoli p { margin-top:20px }
.offset { margin-top:-80px; display:block; width:100%; }
.maxi-kolmas { display:inline-block; width:33.333333333%; vertical-align:top }
.maxi-kolmas img { max-width:100%; height:auto }
.puolikkaat2 { display:block; width:100%; padding:30px 0 }
.puolikas2 { display:inline-block; width:50%; box-sizing:border-box; padding:0 50px; vertical-align:top }
.puolikas2 img {max-width:100%; height:auto; margin-bottom:15px}
.puolikas2 h2, .puolikas2 h3 { position:relative; display:inline-block; padding-bottom:10px; padding-right:20px }
.puolikas2 h2:before, .puolikas2 h3:before { content:""; position:absolute; bottom:0; left:-1000px; width:1000px; height:5px; background:#00aeed; }
.puolikas2 h2:after, .puolikas2 h3:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background:#00aeed; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
.nappi-container { text-align:center; padding:100px 0 }
.siniwrap { background:#00aeed; color:#fff; overflow-x:hidden; overflow-y:hidden }
.siniwrap .puolikas2 h2:before, .siniwrap .puolikas2 h3:before,.siniwrap .puolikas2 h2:after,.siniwrap .puolikas2 h3:after { background:#fff }
.listapuolikas li { list-style-type:none; padding-left:30px; position:relative; font-family:'Lato', sans-serif; font-weight:700; text-transform:uppercase }
.listapuolikas li:before { content:url(//www.kairankuitu.fi/wp-content/themes/kairankuitu/images/check.svg); position:absolute; left:5px; top:0 }
.reverseheader.puolikas2 h2:before, .reverseheader.puolikas2 h3:before { left:0; right:-1000px }
.textalign { text-align:left; }
.fakta { color:#fff; text-align:center; margin-bottom:-100px; z-index:10 }
.fakta h2 { background:none; display:inline-block; word-spacing:10000px; text-align:left }
div.italics { font-family: 'Noto Serif', serif; font-weight:400; font-style:italic; }
.faktapuolikas { display:inline-block; width:50%; box-sizing:border-box; padding:20px; vertical-align:middle }
.viivaboksi { position:relative; background:#fff; padding:50px 0 }
.viivaboksi:before { position:absolute; content:''; height:5px; right:30%; left:0; background:linear-gradient(to right, #11b5da, #62be5c) left bottom no-repeat; }
.talokuva { max-width:100%; height:auto; position:relative; z-index:999 }
.henkilostowrap { display:table; width:100% }
.kolmas, .kaksikolmas { display:table-cell; vertical-align:top; background:#fff; box-sizing:border-box; padding:80px; width:33%; text-align:center }
.kaksikolmas { background:#222; color:#fff; width:67%; }
.kolmas h2 { background: linear-gradient(to right, #222, #222) left bottom no-repeat; background-size: 100% 2px; }
.henkilot { display:block; margin-top:40px; text-align:left  }
.henkilot p { margin-bottom:0 }
.henkilot p.titteli { font-weight:700; margin-bottom:10px }
.henkilo { margin-bottom:60px; text-align:center }
.henkilo:last-of-type { margin-bottom:0 }
.kaksikolmas .henkilo { display:inline-block; width:33.333333%; box-sizing:border-box; padding-left:15px; padding-right:15px; vertical-align:top }
button.accordion { background-color:#e4e4e4; color:#25438f; cursor:pointer; padding:18px; width:100%; border:none; text-align:left; outline:none; font-size:22px; transition:0.4s; border-radius:0; margin:5px 0 0 0; position:relative; }
span.acctext { max-width:Calc(100% - 31px ); display: inline-block; float: left; }
button.accordion:hover span.vakanen:after { border-bottom:5px solid #fff; border-right:5px solid #fff }
button.accordion.active, button.accordion:hover { background-color:#25438f; color:#fff; }
span.vakanen { display:inline-block; width:30px; float:right; position:relative; }
span.vakanen:after { position:absolute; content:''; margin-left:5px; border-bottom:5px solid #222; border-right:5px solid #222; height:10px; width:10px; -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:0.4s; top:5px }
button.accordion.active span.vakanen:after { -webkit-transform:rotate(-135deg); transform:rotate(-135deg); top:9px; border-bottom:5px solid #fff; border-right:5px solid #fff }
div.panel { padding:0 18px; max-height:0; background-color:white; overflow:hidden; transition:0.6s ease-in-out; opacity:0; }
div.panel h3 { margin:30px 0 5px 0; color:#241d4f; font-size:22px; font-weight:500; }
div.panel p { padding:0; margin:10px 0; }
div.panel.show { opacity:1; max-height:2500px; border-left:2px solid #241d4f; padding:20px }
.numero2 { display: inline-block;
width: 50%;
text-align: left;
color: #fff;
box-sizing: border-box;
padding-left: 78px;
font-size: 24px;
position: relative; margin-bottom:50px; vertical-align:top }
.numero2 img { position:absolute; left:0; top:5px; }
.numerot { margin-top:100px; box-sizing:border-box; padding-left:170px; text-align:left }
.pikkutxt { margin-top:10px; display:block }
.pikkutxt p { font-size:13px; margin-bottom:5px }
.wrap { display:table; width:100%; }
.wrap .kolmas { text-align:left; color:#fff; background:#00aeed; }
.wrap h2, .wrap h3 { display:block; }
.etusivukaikki img { max-width:300px; margin:50px 30px 50px }
.etusivukaikki svg { margin:50px 30px 50px }
.valikko1 li.active > a { color:#00aeed }
.peruspuoli img { max-width:100%; height:auto }
.pad40 { padding:40px 0 }
.pad60 { padding:60px 0 }
.pad80 { padding:80px 0 }
.botpad20 { padding-bottom:20px }
.nobotpad { padding-bottom:0 }
div.wpcf7-response-output { font-size:14px; border:none; border-left:2px solid #fff; background:rgba(255,255,255,0.4); padding:10px }
div.wpcf7-validation-errors { border-left:2px solid #f7e700; }
span.wpcf7-not-valid-tip { color:#ffd1d1 }
.capital-quiz input[type="text"] { margin-top:0 }
.capital-quiz label span { font-size:16px; color:#fff; }
.wpcf7-list-item-label { color:#fff }
.whitelink { color:#fff!important; text-decoration:underline!important }
span.wpcf7-acceptance > .wpcf7-list-item { margin-left:0!important }
#menu-mobiilivalikko ul.sub-menu {
padding:20px;
}
#menu-menu-1 > li.current-menu-ancestor > a {
color: #00aeed!important;
}
.palveluhinnat-1 {
display:block;
width:100%;
margin:60px 0;
}
.palvelu-flex {
display:flex;
justify-content:space-between;
}
.palveluhinnat-1-vasen {
width:50%;
}
.palveluhinnat-1-oikea {
width:30%;
display:flex;
}
.info-img {
margin:6px 25px 0 0;
}
.new-content h1, .new-content h2, .new-content h3, .new-content h4, .new-content h5, .new-content h6 {
margin-bottom:20px;
display:block;
}
.price-table {
display:block;
width:100%;
padding:80px 0;
margin:30px 0 0;
background:#f9f7f9;
color:#fff;
background:#25438f
}
.price-table2 {
background: #fff;
color: #222;
}
.price-flex2 {
display:flex;
flex-direction:column;
width:100%;
font-size:22px;
}
.price-row {
display:flex;
width:100%;
}
.price-row p:last-of-type {
margin:0;
}
.price-rowbox {
width:50%;
box-sizing:border-box;
padding:14px 20px 14px 14px;
}
.price-row:nth-child(odd) {
background:rgba(255,255,255,0.15);
}
.price-table2 .price-row:nth-child(odd) {
background:rgba(0,0,0,0.15);
}
.price-table2 h5 {
margin-top:35px;
}
.price-table2 .price-row:first-child h5 {
margin-top:0;
}
.price-row:first-child div {
font-weight:bold;
}
.container-narrow {
display:block;
box-sizing:border-box;
padding:0 20px;
max-width:750px;
margin:0 auto;
}
.boxflex {
display:flex;
justify-content:center;
flex-wrap:wrap;
}
.section {
display:block;
width:100%;
padding:60px 0;
}
.section h2, .section h3, .section h4, .section h5 {
margin-bottom:18px;
display:block;
}
.noto {
font-family: 'Noto Serif', serif;
}
p.white {
color: #fff;
}
.center-text {
display: block;
text-align: center;
}
.kortti-yla em {
font-size:13px;
}
p.nomargin {
margin-bottom: -20px;
color: #aee3ff;
font-style: italic;
margin-top: 15px;
}
p.white a {
color: #fff;
text-decoration: underline;
}
.kiinnostus p, .kiinnostus ul li {
color: #fff;
}
.kiinnostus h2 {
margin: 50px 0 20px 0;
color: #fff;
}
.kiinnostus .wp-block-table td {
color: #fff;
}
@media (max-width: 1599px) {
p.nopeus { font-size:160px }
.puolikas { padding:80px 100px }
}
@media (max-width: 1399px) {
p.isotxt { font-size:14px }
.date { font-size:14px }
span.numero { font-size:25px }
.headerblock .container {
width:92%;
}
.kortti-yla {
padding: 15px;
}
.main-nav a {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.logo { left:20px; }
.main-nav ul.menu { padding-right:20px; }
.main-nav a {font-size:12px; padding:0 10px}
.headerinfoteksti2 p, .headerinfoteksti p, .headerfb p { font-size:12px;  }
.bluewrap { padding:50px 0 }
p.nopeus { font-size:120px}
.filterbutton, .filterbutton-speed { margin:0 6px 8px; }
.selektori-wrap { text-align:right }
.kortti-yla h4 { font-size:16px }
.fakta { margin-bottom:-50px }
.viivaboksi { padding:20px 0 }
.henkilostowrap .kolmas, .henkilostowrap .kaksikolmas { width:100%; display:block }
.numerot { padding-left:0; display:block; width:auto; margin-left:auto; margin-right:auto }
.wrap .kolmas, .wrap .kaksikolmas { display:block; width:100%; }
.wrap .kaksikolmas { min-height:500px }
.section {
padding:50px 0;
}
}
@media (max-width: 999px) {
.one-threes {
width: 100%;
margin-top: 30px;
}
.palvelu-flex {
flex-direction:column;
}
.headerfb:first-child {
display:none;
}
.header-flex {
align-items:flex-start;
}
.palveluhinnat-1-vasen, .palveluhinnat-1-oikea {
width:100%;
}
.palveluhinnat-1-vasen {
margin:0 0 40px 0;
}
.etusivupalvelut li { width:33%; }
.main-nav a { font-size:12px; padding:0 10px; }
.valikko { margin-top:0; }
.headerinfoteksti {display:none}
.headerfb {float:none; width:100%; display:block; text-align:center; font-size:15px}
.headerfb p { font-size:15px }
.headerinfo { background:#25438f; height:37px }
.main-nav { display:none }
.burger { display:block; top:25px; right:15px; }
p.fakeheader, .pagetitle h1 { font-size: 45px; }
.viivattu:after { height: 9px; }
h1.realheader, .pagetitle .italics, div.italics p { font-size:25px }
.etusivuyla { height:auto; padding:100px 0 200px }
h2 { font-size:34px }
h3 { font-size:21px }
.hinta-kolmas { padding:100px 20px 20px }
.wrapper .hinta-kolmas { padding:70px 20px 100px }
p.nopeus { font-size:80px }
p.yksikko { font-size:25px }
.puolikkaat { display:block; }
.puolikas { display:block; width:100% }
.article-header, .article-excerpt { display:block; width:70%; text-align:left; margin-left:auto; margin-right:auto; padding-bottom:0 }
.pagetitle { padding:170px 0 100px }
.sidebarblock { padding:35px 20px; }
p.isotxt:before { left:-13px }
.artikkelisisalto .article-header:after { margin-bottom:20px }
.left-txt { float: none; display: block; margin: 20px; text-align: center; }
.selektori-wrap { text-align:center }
.filterbutton, .filterbutton-speed { padding:20px; margin-bottom:5px }
ul.lisainfot li { font-size:13px!important }
.kortti-yla h4, .kortti-yla .italics { font-size:14px }
.kortti { width:48% }
.widekortti { min-width:50% }
.peruspuoli { min-height:0; padding:60px } 
.puolikas2 { padding:0 }
.rakennus .puolikas2 { padding:20px }
span.acctext { font-size:16px;  }
span.vakanen:after { top:0px }
button.accordion.active span.vakanen:after { top:4px }
.numero2 { display:block; margin:0 auto 60px; width:60% }
.two-title .numero2 { width:100% }
.two-title .numerot { padding-left:0 }
.etusivukaikki img { width:60%; max-width:60%; margin:20px 0 20px }
.section {
padding:30px 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; }
}
@media (max-width: 749px) {
p > iframe {
height: 250px;
}
.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 { float:none; width:100%; margin-bottom:20px; padding:0; }
.etusivuteksti2 { padding:0; height:auto; display:block; text-align:center; padding:20px; }
.etusivuyla { padding:40px 0 80px; height:auto; display:block; }
.front-articles { position: static; display: block; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; text-align: center; z-index: 9999; bottom:0; left:0 }
a.hero-postlink {width:100%; display:block; max-width:none; text-align:center; margin:10px 0; box-sizing:border-box; padding:0 10px}
.etusivuteksti2 a.button { display:block; margin:10px 0 0 0; }
header { height:227px; }
.main-nav ul ul { border-top:none; }
.main-nav ul a { width:370px; }
header { height:auto; }
.main-nav a { font-size:16px; padding:0 24px; }
.palvelutdiv p { min-height:0; }
.lomake { padding:10px; }
.footer .menu { border-top:0; }
.palvelutsivu .palvelutdiv { margin:0; }
.sisalto { padding:20px 0; }
.sticky { position:fixed; }
.logo { position:relative; margin:0; text-align:left; left:15px; top:10px; }
.headerblock { display:inline-block; width:100%; height:70px; }
header { height:107px; }
.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; }
.headerfb p {margin-left:0}
.hinta-kolmas { display:block; margin-left:auto; margin-right:auto; width:100%; padding:50px 20px 20px }
.hinta-kolmas:nth-child(2):before { display:none }
.wrapper .hinta-kolmas:first-child, .wrapper .hinta-kolmas:last-child {display:none}
p.yksikko:after { width: 110px; height: 4px; }
div.numero { display:block; margin:0 0 60px 0; width:100% }
div.numero:last-of-type { margin-bottom:0 }
.footerpuolikas { display:block; width:100%; margin-bottom:50px }
.pagetitle { padding:100px 0 }
.widekortti { min-width:100% }
p.vasen, p.oikea { font-size:18px }
.offset .maxi-kolmas:nth-child(2) { display:none }
.offset .maxi-kolmas:nth-child(1) { margin-right:2% }
.offset .maxi-kolmas:nth-child(3) { margin-left:2% }
.maxi-kolmas { width:48%; }
.faktapuolikas { display:block; width:100%;  }
.fakta h2 { text-align:center }
.rakennus .puolikas2 { display:block; width:100% }
.rakennus:nth-child(odd) { background:#f5f5f5 }
.kaksikolmas .henkilo { width:50% }
.headerblock .container {
width:100%;
}
.videodiv {
padding: 10% 5%;
}
}
@media (max-width: 549px) {
.main-nav ul a { width:230px; }
.button, a.button, button { font-size:16px; padding:10px 25px; }
.valikko1hide { width:100%; box-sizing:border-box; padding-right:0 }
p.fakeheader, .pagetitle h1 { font-size:32px }
h1.realheader, .pagetitle .italics, div.italics p { font-size:18px }
.fakewrapper { margin-bottom:20px }
h4, h5, h6 { font-size:17px }
h2 { font-size:22px }
.italics { font-size:16px }
p, #main li { font-size:13px }
.swiper-button-next { right:40%!important; top:110%!important }
.swiper-button-prev { left:40%!important; top:110%!important  }
.swiper-button-next, .swiper-button-prev { background-size:18px 36px!important }
.palaute-container { min-height:500px }
.keskitys:after { bottom:-30px }
.palaute-container .container { width:100%; padding:0 }
.swiper-slide { padding:10px }
.puolikas { padding:60px 40px; }
.article-header, .article-excerpt { width:100% }
span.numero { font-size:26px }
.kortti { width:100%; margin:20px 0 }
.maxi-kolmas { width:80%; display:block!important; margin-left:auto; margin-right:auto; margin-bottom:10px }
.peruspuoli { min-height:0; padding:30px 20px } 
.puolikas2 { width:100%; padding-bottom:30px }
.pad80 { padding:40px 0 }
.botpad20 { padding-bottom:10px }
.fakta { margin-bottom:-100px }
.viivaboksi:before { right:70% }
.ff-stream-wrapper { margin-top:0!Important }
.kolmas, .kaksikolmas { padding:40px 20px }
.henkilostowrap .kaksikolmas { padding:80px 15px; box-sizing:border-box }
span.acctext { font-size:13px;  }
span.vakanen:after { top:0px }
button.accordion.active span.vakanen:after { top:4px }
.numero2 { width:100% }
span.numero { word-break: break-all; }
.etusivukaikki img { width:80%; max-width:80%; margin:20px 0 20px }
.valikko1 a {
font-size:14px;
padding:10px 0;
}
}
@media (max-width: 399px) {
p.fakeheader, .pagetitle h1 { font-size:26px }
.viivattu:after { height:6px }
h3 { font-size:18px }
.henkilot { width:100% }
.kaksikolmas .henkilo { width:100%;  }
.puolikas { padding:60px 20px }
input[type="submit"] { padding:10px 25px; font-size:14px }
}