/* Värit */
.headerinfo, .otsikko, .sidebar h3, .portfolio-thumb img, .blogdesc a, .sininen, .footer li a:hover, .tablepress tfoot th, .tablepress thead th, .arviointi, .pagetitle { background:#77aded; }
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:#77aded; }
.headeremail, .headerphone, .arviointi:hover { background:#5b97dd; }
a:hover h2, .footer a, .pagetitle a, .etusivuartikkeli-sisa:hover p { color:#5b97dd; }
.main-nav ul ul { border-top: 3px solid #5b97dd; }
.otsikko, .sidebar h3 { border-left:4px solid #5b97dd; color:#fff; }
.button, a.button, .jatkalukemista2 { color:#fff; }
.main-nav li.active ul li a { color:#222; }
.button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .footer li a:hover, .isonappi, .navigation a, .etusivuteksti2 .button { background:#a2da55; }
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .blogdesc a:hover, .etusivuteksti2 .button:hover { background:#8dc63f; }


/* Fontit */

.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 {  }

/* Muut */

.headerinfo { padding:4px 0; }
.headerinfoteksti2 p, .headerinfoteksti p { font-size:14px; margin:4px 18px 0 0; font-weight:normal; }
.headerinfoteksti { padding:0; }
.headerphone, .headeremail, .headerinfoteksti2 { float:right; }
.headerinfo a { color:#fff; }
.blogsidebar { padding-top:0; }
#main li { font-size:16px; }
.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:none; font-weight:400; font-size:18px; color:#777; }
.ajankohtaista h2, .otsikkoviiva h2, .etusivuteksti h2 { margin:30px 0 30px 0; color:#222; font-size:26px; font-weight:bold; text-transform:uppercase; text-align:center; padding-bottom: 15px; }
.etusivuteksti h2 { margin-top:0; }
.button, a.button { font-size:15px; border-radius:2px; font-weight:300; padding:15px 20px; }
.sisaltoalue img.alignnone { margin:0 10px 5px 0; }
.keskitys { text-align:center; margin:20px 0; }
.footer ul ul { display:none; }
.iframediv {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}

iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}



.uutuudet { padding:40px 0; background:#77aded; text-align:center; }
.uutuudet h3 { font-size:30px; font-weight:900; text-transform:uppercase; color:#fff; line-height:110%; }
.uutuudet a.button { font-weight:600; font-size:22px; }


.etusivuyla { height:600px; background:url('https://turvaksi.fi/wp-content/themes/turvapuhelinpalvelut/images/tausta2.jpg'); background-position:center; background-repeat:no-repeat; background-size:cover; }
.etusivuteksti { padding:105px 0; text-align:center; }
.etusivuteksti h2 { font-size:45px; color:#444; font-weight:900; line-height:100%; text-transform:uppercase; margin:0 0 0 0; }
.etusivuteksti h2:after { width:10rem; height:2px; background-color:#48aed9; display:block; content:""; margin:0.4em auto; box-sizing:border-box; }

.etusivuteksti2 { padding:170px 0 0 0; text-align:center; }
.etusivuteksti2 h1 { font-size:75px; font-weight:900; line-height:100%; color:#fff; border-bottom:none; text-transform:uppercase; margin:0 0 10px 0; }
.etusivuteksti2 p { font-size:20px; color:#fff; margin:15px auto; font-weight:400; max-width:600px; }
.etusivuteksti2 .button { display:inline-block; margin:10px; text-shadow:none; }
.ohutfontti { display:block; font-size:40px; font-weight:400; line-height:100%; }
.etusivuteksti2 a.button2 { border:1px solid #fff; color:#fff; background:none; }
.etusivuteksti2 a.button2:hover { border:1px solid #eee; color:#eee; background:none; }

.palvelut11, .palvelutsivu { display:flex; flex-wrap:wrap; justify-content:center; }
.etusivupalvelut ul { margin:0; }
.etusivupalvelut { padding:60px 0; background:#f1f1f1; }
.palvelutdivulko { width:25%; list-style-type:none; margin:0; padding:0; box-sizing:border-box; }
.etusivupalvelut a { text-decoration:none; line-height:0; }
.palvelutdiv { background-color:#fff; border-radius:2px; box-sizing:border-box; margin:6px; padding:0; text-align:center; }
.palvelutdivsisa { padding:15px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; }
.palvelutdivkuva { overflow:hidden; }
.palvelutdiv h2 { font-weight:500; text-transform:none; font-size:16px; margin:0 0 0 0; height:auto; }
.palvelut1 .palvelutdiv h2 { font-size:18px; margin:0 0 10px 0; }
.palvelutdiv p { font-size:14px; color:#555; min-height:63px; margin:0; }
p.luelisaap { min-height:0; display:block; background:#a2da55; padding:5px; color:#fff; border-radius:6px; margin:10px 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, .palvelutdiv:hover p { color:#fff; }
.etusivupalvelut img { width:100%; height:auto; border-top-left-radius:2px; border-top-right-radius:2px; }
.palvelutdiv:hover .palvelutdivsisa { background:#a2da55; }
.palvelutdiv:hover p.luelisaap { background:#8dc63f; }
.palvelutdiv img { width:100%; height:auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.palvelutdiv:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); width:100%; height:auto; }

.palvelutsivu {  }
.palvelutsivu .palvelutdiv { background:#eee; margin:15px; }
.palvelutsivu .palvelutdivulko { width:50%; }
.palvelutsivu .palvelutdivsisa { padding:10px; }
.palvelutsivu a { text-decoration:none; }
.palvelutsivu .palvelutdiv {  }
.palvelutsivu .palvelutdiv:hover h2 { color:#fff; }
.palvelutsivu .palvelutdiv p { font-size:14px; height:84px; }
.palvelutsivu p.luelisaap { height:auto; }
.palvelutsivu ul { margin:0; }

.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:20px 10px; 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:35px; font-weight:900; line-height:100%; text-transform:uppercase; background:none; border:none; color:#fff; }
.arviointi p { margin:0; line-height:100%; }
.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; }
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:#b6b6b6; font-size:14px; }


@media only screen and (max-width: 959px) { 

.etusivupalvelut li, .palvelutdivulko { width:33%; }
.main-nav a { padding:0 60px; }
.valikko { margin-top:0; }
header { height:160px; }
.sticky { position:relative; box-shadow:none; }
.headerblock { 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, .palvelutsivu .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:35px; margin:0 0 20px 0; }
.etusivuteksti h2 { font-size:35px; }
header { height:auto; }
.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%; }
.main-nav a { font-size:14px; padding:0 24px; }
.palvelutdiv p { min-height:0; }
.lomake { padding:10px; }
.footer .menu { border-top:none; }
.pagetitle h1 { font-size:35px; }
.ohutfontti { font-size:30px; }

}

@media only screen and (max-width: 479px) {

.ls-wp-fullwidth-container, .headerinfo { display:none; }
.etusivuteksti2 h1, .etusivuteksti h2 { font-size:22px; }
.etusivuteksti2 .ohutfontti { font-size:22px; }
.main-nav ul a { width:230px; }
.pagetitle h1 { font-size:24px; }
.single-image img { width:100%; height:auto; }
.button, a.button, button { font-size:16px; padding:10px 25px; }
.uutuudet h3 { font-size:23px; }
.uutuudet a.button { font-size:15px; }

}