.headerinfo, .otsikko, .sidebar h3, .portfolio-thumb img, .blogdesc a, .sininen, .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .footer li a:hover, .tablepress tfoot th, .tablepress thead th, .etusivupalvelut, .arviointi, .pagetitle, .footer li a:hover, .isonappi, .navigation a, .etusivuteksti2 .button, p.luelisaap { background:#5978be; }
a, a:visited, .main-nav a:hover, .main-nav li.active a, .main-nav ul ul li.active a, .etusivusisalto a, .etusivusisalto a:link, .etusivusisalto a:hover, .etusivusisalto .postheader:hover, .jatkalukemista, .julkaisuaika, .etusivuartikkeli-sisa p.julkaisuaika, .navigation a:hover, .yhteystiedot h3, .isonappi:hover { color:#5978be; }
.headeremail, .headerphone, .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .blogdesc a:hover, .arviointi:hover, .palvelutdiv:hover, .etusivuteksti2 .button:hover { background:#42598e; }
a:hover h2, .footer a, .pagetitle a, .etusivuartikkeli-sisa:hover p { color:#42598e; }
.main-nav ul ul { border-top: 3px solid #42598e; }
.otsikko, .sidebar h3 { border-left:4px solid #42598e; color:#fff; }
.button, a.button, .jatkalukemista2 { color:#fff; }
.main-nav li.active ul li a { color:#222; } body, p, #main li { font-family: 'Roboto', 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, textarea, input  { font-family: 'Roboto', sans-serif; }
.handwritten { font-family: 'Roboto', sans-serif; } .headerinfo { padding:4px 0; }
.headerinfoteksti2 p, .headerinfoteksti p { font-size:14px; margin:4px 18px 0 0; font-weight:normal; }
.headerinfoteksti { padding:0 0 0 260px; }
.headerphone, .headeremail, .headerinfoteksti2 { float:right; }
.headerinfo a { color:#fff; }
.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:900; text-transform:uppercase; text-align:center; }
.tablepress tfoot th, .tablepress thead th { color:#fff; }
.button { display:inline-block; margin:15px 0; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { width:100%; box-sizing:border-box; }
.logo img { background:#fff; padding:0; }
.main-nav a { text-transform:uppercase; font-weight:500; font-size:15px; color:#555; }
.ajankohtaista h2, .otsikkoviiva h2, .etusivuteksti h2 { margin:30px 0 30px 0; color:#555; font-size:45px; font-weight:900; text-transform:uppercase; text-align:center; padding-bottom: 15px; line-height:100%; }
.etusivuteksti h2 { margin:0; padding:0; }
.viiva { margin:10px 0 20px 0; }
.etusivuteksti span.ohutfontti { font-size:18px; font-weight:400; color:#999; }
.etusivuteksti li { list-style-type:none; max-width:450px; line-height:125%; margin:0 auto 10px auto; }
.etusivuteksti li:before { content:url(//suklaatukku.fi/wp-content/themes/suklaatukku/images/bullet1.png); margin-right:10px; bottom:4px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; margin-left:-25px; }
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer { margin-bottom:0!important; }
.keskitys { text-align:center }
.footer ul ul { display:none; }
.sisaltoalue, .sidebar { background:#fff; border:1px solid #ddd; padding:15px; }
.sisalto { background:#f5f5f5; padding:20px 0; }
.pyydatarjous { background:#fff; padding:0; text-align:center; }
.pyydatarjous p { margin:0; }
.pyydatarjous a.button { margin:10px 0 0 0; }
.etusivuyla { height:auto; background:url(http://multimechanics.fi/wp-content/themes/multimechanics/images/tausta1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; }
.etusivuteksti { padding:70px 0; text-align:center; }
.etusivuteksti2 { padding:100px 0; text-align:left; }
.etusivuteksti2 h1 { font-size:65px; font-weight:900; line-height:100%; color:#555; border-bottom:none; text-transform:uppercase; margin:0 0 10px 0; }
.etusivuteksti2 p { font-size:18px; color:#555; margin:15px 0; font-weight:400; max-width:600px; }
.etusivuteksti2 .button { display:inline-block; margin:10px; text-shadow:none; }
.ohutfontti { display:block; font-size:30px; font-weight:300; line-height:100%; }
.etusivuteksti2 a.button2 { border:1px solid #555; color:#555; background:none; margin:10px 20px 0 0; }
.etusivuteksti2 a.button2:hover { border:1px solid #000; color:#000; background:none; }
.etusivupalvelut ul { margin:0; }
.etusivupalvelut { padding:20px 0; }
.palvelutdivulko { float:left; width:33%; list-style-type:none; margin:0; padding:0; box-sizing:border-box; }
.etusivupalvelut a { text-decoration:none; }
.palvelutdiv { background-color:#fff; border-radius:2px; box-sizing:border-box; margin:6px; padding:20px; text-align:center; }
.palvelutdiv h2 { font-weight:900; text-transform:uppercase; font-size:20px; margin:10px 0; height:auto; }
.palvelutdiv p { font-size:14px; color:#555; min-height:84px; margin:0; }
p.luelisaap { min-height:0; display:block; padding:5px; color:#fff; border-radius:2px; 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 img { width:auto; 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:hover { background-color:#42598e; border:1px solid #ddd; }
.palvelutsivu .palvelutdiv p { font-size:14px; height:auto; }
.palvelutsivu p.luelisaap { height:auto; }
.palvelutsivu ul { margin:0; }
.etusivupalvelut a .palvelutdiv:hover h2, .palvelutsivu a .palvelutdiv:hover h2, .palvelutdiv:hover p { color:#fff; }
.ajankohtaista { margin:50px 0; }
.blogdesc .jatkalukemista { display:none; }
.blogdesc a { padding:5px 10px; }
.etusivuartikkeli { float:left; width:33%; box-sizing:border-box; }
.etusivusisalto > a:nth-child(1) > div { padding:0 20px 0 0; }
.etusivusisalto > a:nth-child(2) > div { padding:0 0 0 10px; }
.etusivusisalto > a:nth-child(3) > div { padding:0 0 0 20px; }
.etusivuartikkeli-sisa { padding:0px; background:#eee; }
.etusivuartikkeli-sisa2 { padding:10px 20px 20px 20px; }
.etusivuartikkeli-sisa .postheader { margin:10px 0; }
.etusivuartikkeli-sisa p { font-size:16px; line-height:130%; margin:15px 0 0 0; color:#555; }
.etusivuartikkeli-sisa h3 { font-size:18px; line-height:125%; font-weight:bold; margin:5px 0; }
p.julkaisuaika { margin:0; font-size:16px; }
.artikkelikuva img { margin:0 !important; width:100%; height:auto; }
.etusivukaikki { margin-top:30px; text-align:center; white-space: nowrap; }
.etusivukaikki a.button { white-space:normal; }
p.jatkalukemista { font-weight:bold; }
.etusivusisalto a.button { color:#fff; }
.ajankohtaista h2 { margin-top:0; }
.etusivuartikkeli-sisa:hover { background:#8dc63f; }
.etusivuartikkeli-sisa:hover p, .etusivuartikkeli-sisa:hover p.jatkalukemista, .etusivuartikkeli-sisa:hover h3, .etusivuartikkeli-sisa:hover .jatkalukemista { color:#fff; }
.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:18px; }
.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; }
input[type="submit"] { cursor:pointer; display:block; font-size:16px; padding:15px; width:100%; }
.puolikas { width:50%; float:left; box-sizing:border-box; padding-right:15px; }
#tablepress-3 > tbody > tr > td { padding:20px; font-weight:bold; font-size:18px; }
.sivututka { text-align:center; }
.sivututka a, .sivututka p { color:#444; font-size:12px; }
@media only screen and (max-width: 959px) { 
.etusivupalvelut li { width:33%; }
.main-nav a { padding:0 40px; }
.valikko { margin-top:0; }
header { height:152px; }
.sticky { position:relative; box-shadow:none; }
.single-image img { width:100%; height:auto; }
}
@media only screen and (max-width: 767px) {
.puolikas, .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 { float:none; width:100%; margin-bottom:20px; padding:0; }
.ls-wp-fullwidth-container, .headerinfo { display:none; }
.logo { position:relative; top:0; margin:10px 0 0 0; }
.etusivuteksti2 { padding:0; height:auto; }
.etusivuyla { padding:40px 0; height:auto; }
.etusivuteksti2 h1 { font-size:45px; margin:0 0 20px 0; }
header { height:227px; }
.main-nav ul ul { border-top:none; }
.logo { margin:10px auto 0 auto; }
.main-nav ul a { width:370px; }
.headerblock { display:inline-block; width:100%; }
header { height:auto; }
.main-nav a { font-size:14px; padding:0 24px; }
.palvelutdiv p { min-height:0; }
.lomake { padding:10px; }
.footer .menu { border-top:0; }
.etusivuteksti2 .button { margin:5px 0; }
.etusivuteksti h2 { font-size:30px; }
}
@media only screen and (max-width: 479px) {
.ls-wp-fullwidth-container, .headerinfo { display:none; }
.etusivuteksti2 h1 { font-size:26px; }
.main-nav ul a { width:230px; }
.pagetitle h1 { font-size:30px; }
.single-image img { width:100%; height:auto; }
.button, a.button, button { font-size:16px; padding:10px 25px; }
.etusivuteksti2 h1 { font-size:30px; }
.etusivuteksti h2 { font-size:22px; }
.ohutfontti { font-size:20px; }
}