/*
Theme Name: Kuopion Energia
Author: Mainostoimisto Dynastia Oy & Mikko Hopia Oy
Author URI: http://www.dynastia.net
Description: Kuopion Energia sivupohja
Version: 1.0
*/

/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img { border: 0; }
ul { list-style: none; }

/* FONTS 
ff-dax-web-pro 400
ff-dax-web-pro bold 700 
ff-dax-pro-wide light 300
ff-dax-pro-wide regular 400
*/

/* ============================ 
   Body */

body {
	color: #4a4a49;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.25em; /* 20 / 16 */
}

body.page-template-tmpl-kampanja {
	color: #000;
}

/* ============================ 
   Links, texts */

a {
	color: #4a4a49;
	text-decoration: none;
	/*transition: all 0.5s ease;*/
}

a:hover {
	text-decoration: underline;
}

div.text-content a {
	color: #4a4a49;
	text-decoration: underline;
}

p {
	line-height: 1.4;
}

p.ingressi {
	font-size: 1.375em; /* 22 / 16 */
	line-height: 1.2;
}

p.updated {
	color: #ccc;
	text-align: right;
}

p.old,
p.old a {
	color: #ccc;
}

h2.title-after-updated {
	margin-top: -60px !important;
}

div.text-content p.extra-margin {
	margin-bottom: 40px;
}

div.text-content p, 
div.text-content h1,
div.text-content h2,
div.text-content h3,
div.banner-content p,
div.banner-content h1,
div.banner-content h2,
div.gform_wrapper,
div.gforms_confirmation_message,
div.text-content table {
	margin: 0 auto 20px auto;
	max-width: 750px;
}

div.text-content-wide p, 
div.text-content-wide h1,
div.text-content-wide h2,
div.text-content-wide h3,
div.text-content-wide table {
	max-width: none;
}

body.page-template-landing_page div.text-content p,
body.page-template-landing_page div.text-content h1,
body.page-template-landing_page div.text-content h2,
body.page-template-landing_page div.text-content h3,
body.page-template-landing_page div.text-content div.gform_wrapper {
	max-width: none;
}

div.text-content h2.osta-sahkoa { max-width: none; }

div.text-content h2.osta-sahkoa input { }

div.text-content div.col-3-2 p, div.text-content div.col-3-2 h1, div.text-content div.col-3-2 h2 {
	margin-left: 0;
}

div.text-content ul {
	list-style: disc;
}

div.text-content ul, div.text-content ol {
	line-height: 1.4;
	margin: 0 auto 20px auto;
	max-width: 750px;
	padding-left: 40px;
}

h1 {
	font-size: 4.3rem;
	font-weight: 400;
	letter-spacing: -4px;
	margin-bottom: 50px;
}

div.text-content h1 {
	line-height: 1;
}

body.page-template-landing_page h1 {
	letter-spacing: -1px;
}

h2 {
	font-size: 2.19rem;
	font-weight: 400;
	letter-spacing: -2px;
	margin-bottom: 10px;
}

h3 {
	font-size: 1.80rem;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 10px;
}

a.btn {
	background: #ffce08;
	display: block;
	margin: 0 auto;
	padding: 12px 20px;
	text-align: center;
	text-decoration: none !important;
}

a.btn:after {
	content: ' ›';
}

a.btn:hover { opacity: 0.8; }

div.col-1-1 a.btn, div.home-tab-content a.btn {
	max-width: 300px;
}

div.home-tab-content-wrap div.col-3-1 a.btn, div.home-tab-content-wrap div.col-4-1 a.btn {
	max-width: none;
}

div.col-banner-full-screen a {
	text-decoration: none;
}

/* ============================ 
   Värit */

p.vihrea { color: #7db82a; }

div.keltainen, a.btn.keltainen { background: #ffe501; }
div.tummankeltainen, a.btn.tummankeltainen { background: #ffce08; }
div.oranssi, a.btn.oranssi, input.oranssi { background: #f59c00; color: #fff; }
div.pinkki, a.btn.pinkki { background: #d40074; color: #fff; }
div.violetti, a.btn.violetti { background: #6d3e91; color: #fff; }
div.sininen, a.btn.sininen { background: #0082c7; color: #fff; }
div.turkoosi, a.btn.turkoosi { background: #00a7a7; color: #fff; }
div.vihrea, a.btn.vihrea { background: #7db82a; color: #fff; }
div.tummanvihrea, a.btn.tummanvihrea { background: #008b4b; color: #fff; }
div.ruskea, a.btn.ruskea { background: #998573; color: #fff; }
div.tummanharmaa, a.btn.tummanharmaa { background: #454545; color: #fff; }
div.harmaa, a.btn.harmaa { background: #76756f; color: #fff; }
div.vaaleanharmaa1, a.btn.vaaleanharmaa1 { background: #bcbcbc; }
div.vaaleanharmaa2, a.btn.vaaleanharmaa2 { background: #e0e0e0; }
div.vaalea, a.btn.vaalea { background: #f7f5f0; }
div.punainen, a.btn.punainen { background: #be2d2f; color: #fff; }
div.musta, a.btn.musta { background: #000; color: #fff; }

a.btn.vaaleanharmaa2.btn-active { background: #bcbcbc; }

div.vaaleanharmaa2.yhteystiedot p { margin-bottom: 0; }
div.vaaleanharmaa2.yhteystiedot a { color: #4a4a49; text-decoration: underline; }

div.banner a { color: #fff; }
div.banner.white a { color: #4a4a49; }

div.vihrea-grad { 
	background: #5c8e17;
	background: -moz-linear-gradient(top,  #5c8e17 0%, #a5cc42 100%, #a5cc42 100%);
	background: -webkit-linear-gradient(top,  #5c8e17 0%,#a5cc42 100%,#a5cc42 100%);
	background: linear-gradient(to bottom,  #5c8e17 0%,#a5cc42 100%,#a5cc42 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c8e17', endColorstr='#a5cc42',GradientType=0 );
}
div.oranssi-grad { 
	background: #f59c00;
	background: -moz-linear-gradient(top,  #f59c00 0%, #fac101 100%, #fac101 100%);
	background: -webkit-linear-gradient(top,  #f59c00 0%,#fac101 100%,#fac101 100%);
	background: linear-gradient(to bottom,  #f59c00 0%,#fac101 100%,#fac101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59c00', endColorstr='#fac101',GradientType=0 );
}
div.turkoosi-grad { 
	background: #0f887e;
	background: -moz-linear-gradient(top,  #0f887e 0%, #3cc4bb 100%, #3cc4bb 100%);
	background: -webkit-linear-gradient(top,  #0f887e 0%,#3cc4bb 100%,#3cc4bb 100%);
	background: linear-gradient(to bottom,  #0f887e 0%,#3cc4bb 100%,#3cc4bb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f887e', endColorstr='#3cc4bb',GradientType=0 );
}   
div.sininen-grad { 
	background: #006eb2;
	background: -moz-linear-gradient(top,  #006eb2 0%, #02a2e5 100%, #02a2e5 100%);
	background: -webkit-linear-gradient(top,  #006eb2 0%,#02a2e5 100%,#02a2e5 100%);
	background: linear-gradient(to bottom,  #006eb2 0%,#02a2e5 100%,#02a2e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb2', endColorstr='#02a2e5',GradientType=0 );
}
div.pinkki-grad { 
	background: #c22a6e;
	background: -moz-linear-gradient(top,  #c22a6e 0%, #df66a5 100%, #df66a5 100%);
	background: -webkit-linear-gradient(top,  #c22a6e 0%,#df66a5 100%,#df66a5 100%);
	background: linear-gradient(to bottom,  #c22a6e 0%,#df66a5 100%,#df66a5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c22a6e', endColorstr='#df66a5',GradientType=0 );
}
div.violetti-grad { 
	background: #5a297e;
	background: -moz-linear-gradient(top,  #5a297e 0%, #a660b7 100%, #a660b7 100%);
	background: -webkit-linear-gradient(top,  #5a297e 0%,#a660b7 100%,#a660b7 100%);
	background: linear-gradient(to bottom,  #5a297e 0%,#a660b7 100%,#a660b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a297e', endColorstr='#a660b7',GradientType=0 );
}
div.punainen-grad { 
	background: #be2d2f;
	background: -moz-linear-gradient(top,  #be2d2f 0%, #f36543 100%, #f36543 100%);
	background: -webkit-linear-gradient(top,  #be2d2f 0%,#f36543 100%,#f36543 100%);
	background: linear-gradient(to bottom,  #be2d2f 0%,#f36543 100%,#f36543 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be2d2f', endColorstr='#f36543',GradientType=0 );
}
div.keltainen-grad { 
	background: #d5a91c;
	background: -moz-linear-gradient(top,  #d5a91c 0%, #f1d32a 100%, #f1d32a 100%);
	background: -webkit-linear-gradient(top,  #d5a91c 0%,#f1d32a 100%,#f1d32a 100%);
	background: linear-gradient(to bottom,  #d5a91c 0%,#f1d32a 100%,#f1d32a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5a91c', endColorstr='#f1d32a',GradientType=0 );
}
div.tummanvihrea-grad { 
	background: #1b803d;
	background: -moz-linear-gradient(top,  #1b803d 0%, #4bae49 100%, #4bae49 100%);
	background: -webkit-linear-gradient(top,  #1b803d 0%,#4bae49 100%,#4bae49 100%);
	background: linear-gradient(to bottom,  #1b803d 0%,#4bae49 100%,#4bae49 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b803d', endColorstr='#4bae49',GradientType=0 );
}
div.tummanharmaa-grad { 
	background: #404e51;
	background: -moz-linear-gradient(top,  #404e51 0%, #818f90 100%);
	background: -webkit-linear-gradient(top,  #404e51 0%,#818f90 100%);
	background: linear-gradient(to bottom,  #404e51 0%,#818f90 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404e51', endColorstr='#818f90',GradientType=0 );
}
div.keltainen-uusi { 
  background: #ffd700;
}

/* ============================ 
   Header */
   
header, div.landing-header {
	box-sizing: border-box;
	height: 173px;
	margin: 0 auto;
	max-width: 1280px;
	padding-top: 44px;
	position: relative;
}

div.landing-header {
	max-width: 1000px;
}

header h1 a, div.landing-header h1 a {
	background: url(img/logo_2.png) no-repeat;
	background-size: contain;
	display: block;
	height: 78px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 245px;
	z-index: 11;
}

div#top-graph {
	background: url(img/topgraph.jpg) center center no-repeat;
	background-size: cover;
	height: 247px;
}

div.hero-404 {
	background: url(img/1800x670_26_kahvikuppi.jpg) bottom center no-repeat !important;
	background-size: cover !important;
	height: 650px !important;
}

/* ============================ 
   NAVIGATION */

.wf-loading ul#main-navi, .wf-loading div.top-navi { display: none; }
.wf-active ul#main-navi, .wf-active div.top-navi { display: block; }

ul#main-navi {
	font-size: 1.375rem;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	top: 96px;
	width: 100%;
	z-index: 10;
}

ul#main-navi > li {
	display: inline-block;
	/*margin-left: 15px;*/
}

ul#main-navi > li > a {
	color: #454545;
	display: block;
	line-height: 1.7;
	padding: 0 7px 4px 7px;
	z-index: 10;
}

ul#main-navi > li:last-child > a {
	padding-right: 0;
}

ul#main-navi > li > a:hover {
	background: url(img/subnavi-bg2.png) bottom center no-repeat;
	text-decoration: none;
}

ul.main-navi-en > li > a:hover {
	background: none !important;
	color: #FFCE08 !important;
}

ul#main-navi > li.selected > a {
	color: #FFCE08;
}

ul#main-navi > li.selected-hover > a {
	background: url(img/subnavi-bg2.png) bottom center no-repeat;
	color: #FFCE08;
}

div.main-navi-drop-wrap {
	background: #454545;
	box-sizing: border-box;
	display: none;
	left: 0;
	padding: 50px 70px;
	position: absolute;
	text-align: left;
	top: 40px;
	width: 100%;
	z-index: 11;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.main-navi-drop ul li:first-child {
	font-weight: 700;
}

div.main-navi-drop-3-cols {
	box-sizing: border-box;
	border-right: 1px #6a6a6a solid;
	float: left;
	padding-left: 40px;
	text-transform: none;
	width: 33.33%;
}

div.main-navi-drop-3-cols:nth-child(1) {
	padding-left: 0;
}

div.main-navi-drop-3-cols:nth-child(3) {
	border-right: 0;
}

div.main-navi-drop-wrap a {
	color: #fff;
}

div.main-navi-drop-wrap li {
	margin-bottom: 20px;
}

div.main-navi-drop-wrap li.selected a {
	color: #FFCE08;
}

div.top-navi {
	font-size: 1.125rem;
	position: absolute;
	right: 0;
	top: 57px;
}

ul#lang-navi {
	background: #f3f0ea;
	box-sizing: border-box;
	/*display: none; */
	float: left;
	font-weight: 700;
	line-height: 29px;
	margin-right: 6px;
	padding: 3px;
}

/*div#lang-navi-mobile { display: none !important; }*/

ul#lang-navi li {
	display: inline-block;
}

ul#lang-navi li:first-child {
	margin-right: 3px;
}

ul#lang-navi li a {
	color: #c8c6c1;
	display: block;
	text-align: center;
	width: 32px;
}

ul#lang-navi li a:hover {
	text-decoration: none;
}

ul#lang-navi li a:hover, ul#lang-navi li.selected a {
	background: #ffce08;
	color: #000;
}

form.search {
	float: left;
	margin-right: 6px;
}

form.search input {
	background: #f3f0ea url(img/search.png) 11px 9px no-repeat;
	border: none;
	box-sizing: border-box;
	font-family: "ff-dax-web-pro";
	font-size: 1rem;
	height: 35px;
	line-height: 35px;
	padding: 0 10px 0 40px;
	width: 233px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #c8c6c1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #c8c6c1;
  opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #c8c6c1;
  opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c8c6c1;
}

a.login-online {
	background: #ffce08 url(img/lock.png) 14px 7px no-repeat;
	color: #454545;
	float: left;
	line-height: 35px;
	margin-right: 6px;
	padding: 0 15px 0 39px;
}

a.login-online:hover {
	color: #fff;
	text-decoration: none;
}

a.login-vappi {
	background: #292d2f url(img/vappi.png) 10px 7px no-repeat;
	background-size: 20px;
	color: #fff;
	float: left;
	line-height: 35px;
	padding: 0 15px 0 39px;
}

a.login-vappi:hover {
	color: #ff7938;
	text-decoration: none;
}

div.home-tabs {
	position: relative;
	top: -60px;
	z-index: 3;
}

div.home-tabs a.tab {
	color: #fff;
	display: block;
	line-height: 60px;
}

div.home-tabs a.tab-1 { background: #ffe501; }
div.home-tabs a.tab-2 { background: #7db82a; }
div.home-tabs a.tab-3 { background: #998573; }
div.home-tabs a.tab-4 { background: #f59c00; }
div.home-tabs a.tab-5 { background: #76756f; }

div.home-tabs a.selected {
	background: #fff;
	color: #4A4A49;
}

div.home-tab-content {
	display: none;
	padding-top: 0;
}

div.home-tab-content-1 {
	display: block;
	padding-top: 40px;
}

a.mobile-navi-open {
	background: url(img/hamburger.png) no-repeat;
	display: none;
	height: 35px;
	position: absolute;
	right: 0;
	top: 57px;
	width: 46px;
}

div.subpage-links {
	display: block;
	position: relative;
	top: -30px;
	z-index: 3;
}

div.subpage-links a {
	background: #76756f;
	color: #fff;
	display: block;
	line-height: 1;
	padding: 20px 0;
}

div.subpage-links a.selected {
	background: #ffce08;
	position: relative;
}

div.subpage-links a.selected:hover {
	color: #454545;
}

div.subpage-links a.selected:after {
  content:'';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -17px;
  width: 0;
  height: 0;
  border-top: solid 17px #ffce08;
  border-left: solid 17px transparent;
  border-right: solid 17px transparent;
}

/* ============================ 
   SLIDESHOW */
   
div#slideshow {
	height: 670px;
	overflow: hidden;
	position: relative;
}

body.page-template-landing_page div#slideshow {
	z-index: 1;
}

div#slideshow div.images {
  display: none;
}

div#slideshow div.current-img, div#slideshow div.prev-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top center;
  z-index: 1;
}

div#slideshow div.prev-img {
  z-index: 2;
}

/*div#slideshow div.text-container {
  position: absolute;
  left: 70px;
  top: 240px;
  z-index: 3;
}*/

div#slideshow div.banner-large {
	box-sizing: border-box;
	height: 670px;
}

div.current-img {
	height: 100%;
	width: 100%;
}

div.images {
	display: none;
}

div#slideshow div.slideshow-navi {
	bottom: 90px;
  z-index: 3;
  position: relative;
}

div.slideshow-navi a {
	background: #fff;
	border-radius: 20px;
	display: inline-block;
	height: 20px;
	margin-right: 10px;
	text-indent: -9999px;
	width: 20px;
}

div.slideshow-navi a:hover, div.slideshow-navi a.current { opacity: 0.5; }

div#video-viewport {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
  z-index: 1; /* for accessing the video by click */
}

video {
	display: none;
	min-height: 100%;
	min-width: 100%;
}

/* ============================ 
   Columns */
   
div.wrap {
	clear: both;
	margin: 0 auto;
	max-width: 1280px;
}

body.page-template-landing_page div.wrap,
body.page-template-tmpl-kampanja div.wrap {
	max-width: 1000px;
}

div.bot-border {
	border-bottom: 2px solid #dfdfdd;
}

div.col-2 {
	box-sizing: border-box;
	float: left;
	margin-right: 1%;
	width: 49.5%;
}

div.col-2:nth-child(2) { margin-right: 0; }

div.center-col-2 div.col-2 { width: 33%; }
div.center-col-2 div.col-2:first-child { margin-left: 16.5%; }

div.col-3-1 {
	box-sizing: border-box;
	float: left;
	margin-right: 0.5%;
	width: 33%;
}

div.col-2 p, div.col-2 h2, div.col-3-1 p, div.col-3-1 h2, div.col-3-1 form {
	padding-left: 10px;
	padding-right: 20px;
}

/*div.col-2 h2 img, div.col-3-1 h2 img {
	margin-left: -10px;
}*/

div.col-3-1:nth-child(3n + 3) { margin-right: 0; }

div.col-3-2 {
	box-sizing: border-box;
	float: left;
	margin-right: 0.5%;
	width: 66%;
}

div.col-4-1 {
	box-sizing: border-box;
	float: left;
	margin-right: 0.5%;
	width: 24%;
}

div.col-5-1 {
	box-sizing: border-box;
	float: left;
	margin-right: 0.5%;
	width: 19.6%;
}

div.col-5-1:nth-child(5) { margin-right: 0; }

div.subpage-links div.col-5-1.count-2:first-child { margin-left: 29.2%; }
div.subpage-links div.col-5-1.count-3:first-child { margin-left: 19.6%; }
div.subpage-links div.col-5-1.count-4:first-child { margin-left: 9.8%; }

div.col-6-1 {
	box-sizing: border-box;
	float: left;
	margin-right: 0.5%;
	width: 16.25%;
}

div.col-6-1:nth-child(6) { margin-right: 0; }

div.center {
	text-align: center;
}

div.text-content {
	/*padding: 50px 0;*/
	padding: 25px 0 0 0; /* 31.7.2017 poistettu alapadding */
}

div.three-even-width-cols.text-content { 
	padding: 0;
}

div.text-content.bot-border {
	padding-bottom: 50px;
	padding-top: 50px;
}

div.text-content.bot-border.more-padding {
	padding-bottom: 80px;
	padding-top: 80px;
}

/* Sähkötilaus */
body.page-id-11791 div.text-content.bot-border.more-padding {
    padding-bottom: 40px;
    padding-top: 40px;
}

div.contact {
	background: #e0e0e0;
	padding: 15px 0 10px 0;
}

div.contact div.col-3-1 {
	padding-top: 18px;
}

div.info {
	background: url(img/info.png) no-repeat;
	padding-left: 50px;
	min-height: 90px;
}

div.news {
	background: #f7f5f0;
	padding: 70px 0;
}

div.social-media {
	background: #fff;
	padding: 70px 0;
}

div.middle-image {
	height: 660px;
}

div.middle-image.full {
	height: auto;
	margin-bottom: 20px;
}

div.middle-image img {
	display: block;
	height: auto;
	width: 100%;
}

div.empty-space {
	clear: both;
	height: 100px;
}

div.breadcrumbs {
	border-bottom: 1px solid #dbdde0;
	padding: 40px 0 10px 0;
	max-width: 600px;
	text-align: center;
}

div.breadcrumbs li {
	display: inline-block;
	margin-right: 10px;
}

/* ============================ 
   Middle-banners */
   
div.wrap.banner {
	display: -webkit-flex;
	display: flex;
	height: 100%;
	/*margin-bottom: 36px;*/
	position: relative;
	-webkit-flex-direction: row;
  -webkit-align-content: stretch;
  align-content: stretch;
}

div.banner-content {
	padding: 20px 0 0 0; /* 31.7.2017 poistettu alapadding */
}
   
div.middle-banner {
	box-sizing: border-box;
	margin-bottom: 130px;
	margin-top: 50px;
	padding: 38px;
	position: relative;
	text-align: left;
}

div.middle-banner-text {
	max-width: 70%;
}

div.middle-banner h1 {
	margin-bottom: 10px;
	max-width: none;
	position: relative;
	z-index: 2;
}

div.middle-banner h2 {
	max-width: none;
	position: relative;
	z-index: 2;
}

div.middle-banner a {
	background: url(img/btn_bg_white.png);
	color: #fff;
	display: inline-block;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 45px;
	padding: 0 35px;
	text-decoration: none;
}
div.middle-banner.keltainen a { color: #4A4A49; }

div.middle-banner.green { background: #7db82a; color: #fff; }
div.middle-banner.yellow { background: #ffce08; }

div.middle-banner > img {
	height: auto;
	max-width: 330px;
	position: absolute;
	right: 24px;
	top: -84px;
	z-index: 1;
}

div.middle-banner.yellow > img { top: -70px; }

div.col-3-1.banner, div.col-3-2.banner, div.col-2.banner { flex: 1; -webkit-flex: 1; padding: 30px; }
div.col-3-1 div.banner, div.col-2 div.banner { padding: 30px 30px 0 30px; display: block; height: 100%; }  
div.col-3-1 div.banner h1, div.col-1-1.banner h1, div.col-2.banner h1 { font-size: 8.125rem; margin-bottom: 20px; }

div.circle {
	border-radius: 410px;
	display: table-cell;
	font-size: 8.125rem;
	height: 410px;
	text-align: center;
	vertical-align: middle;
	width: 410px;
}

div.circle-text {
	display: table-cell;
	height: 410px;
	padding-left: 60px;
	vertical-align: middle;
}

div.col-1-1.banner {
	margin-bottom: 20px;
	padding-bottom: 40px;
	padding-top: 40px;
}

div.banner-text div {
	display: table-cell;
	height: 379px;
	vertical-align: middle;
}

div.banner-large, div.banner-large a { padding: 80px 0 40px 0; }
div.banner-large h1, div.banner-large h1 p { font-size: 5.625rem; line-height: normal; margin-bottom: 0; }
div.banner-large p { margin-bottom: 40px; }
div.banner-large { font-size: 2.19rem; }
div.banner-large ul {
	list-style: disc;
	margin-bottom: 40px;
	padding-left: 30px;
}
div.banner-large ul li { margin-bottom: 10px; }
div.banner-large a {
	display: inline-block;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 45px;
	padding: 0 35px;
}
div.banner-large img {
	margin-bottom: 0 !important;
}

div#slideshow div.text-container {
	position: relative;
	z-index: 3;
}

div#slideshow div.text-container.dark { color: #4A4A49 !important; }
div.text-container.dark a { background: #4A4A49 !important; color: #fff !important; }
div#slideshow div.text-container.light { color: #fff !important; }
div.text-container.light a { background: url(img/btn_bg_white.png); color: #fff !important; }

/* ============================ 
   News */
  
div.news-item {
	border-bottom: 1px solid #454545;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

div.news-box {
	background: #fff;
	margin-bottom: 15px;
	position: relative;
	width: 98%;
}

div.news-box a:hover {
	opacity: 0.8;
	text-decoration: none;
}

div.news-box h2 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: normal;
	margin-bottom: 10px;
	min-height: 48px;
}

img.title-over {
	opacity: 0.5;
}

div.news-box img.main-img {
	display: block;
	height: auto;
	width: 100%;
}

div.news-box img.main-img.sahkoviesti {
	min-height: 267px;
}

div.news-box-text {
	padding: 5px 20px 20px 20px;
	position: relative;
	word-wrap: break-word;
}

div.news-box-text p {
	margin-bottom: 10px;
	min-height: 140px;
}

span.day {
	background: #ffce08;
	color: #fff;
	display: inline-block;
	font-size: 1.75rem;
	line-height: 48px;
	margin-right: 10px;
	text-align: center;
	width: 48px;
}

img.news-box-icon {
	bottom: 0;
	position: absolute;
	right: 20px;
}

div.img {
	height: 410px;
	margin-bottom: 20px;
}

div#some-feed {
	padding: 20px 0;
}

div#some-feed span.ladataan { display: block; text-align: center; }

div.sahkoviesti-image {
	height: 300px;
	margin-bottom: 20px;
}

/* ============================ 
   Quicklinks */
   
div.quick-links {
	background: url(img/quicklinks-bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 100px 0 180px 0;
}   

div.quick-links div.col-3-1 {
	position: relative;
}

div.ql-ul-wrap {
	margin-top: -6px;
	min-height: 6px;
}

div.quick-links ul {
	background: #fff;
	box-sizing: border-box;
	display: none;
	/*margin-top: -6px;*/
	padding: 20px 20px 20px 80px;
	position: absolute;
	width: 100%;
	z-index: 2;
}

div.quick-links ul li {
	margin-bottom: 10px;
}

a.ql {
	background: #fff url(img/ql-bg.png) right center no-repeat;
	display: block;
	line-height: 65px;
	margin-bottom: 6px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 1;
}

a.ql:hover {
	background-color: #f3f0ea;
	text-decoration: none;
}

a.ql.selected {
	background: #f3f0ea url(img/ql-bg-open.png) right center no-repeat;
}

a.ql span {
	display: block;
	padding-left: 60px;
}

a.ql-sahkoasiakkaat span { background: left center url(img/ql-sahkoasiakkaat.png) no-repeat; }
a.ql-kaukolampoasiakkaat span { background: left center url(img/ql-kaukolampoasiakkaat.png) no-repeat; }
a.ql-omakotirakentajat span { background: left center url(img/ql-omakotirakentajat.png) no-repeat; }
a.ql-urakoitsijat span { background: left center url(img/ql-urakoitsijat.png) no-repeat; }
a.ql-yritykset span { background: left center url(img/ql-yritykset.png) no-repeat; }
a.ql-isannoitsijat span { background: left center url(img/ql-isannoitsijat.png) no-repeat; }
a.ql-viranomaiset span { background: left center url(img/ql-viranomaiset.png) no-repeat; }
a.ql-oppilaitokset span { background: left center url(img/ql-oppilaitokset.png) no-repeat; }
a.ql-media span { background: left center url(img/ql-media.png) no-repeat; }
a.ql-tyonhakijat span { background: left center url(img/ql-tyonhakijat.png) no-repeat; }
a.ql-sahkoautoilijat span { background: left center url(img/ql-sahkoautoilijat.png) no-repeat; }
a.ql-maanomistajat span { background: left center url(img/ql-maanomistajat.png) no-repeat; }
a.ql-sahkonsiirtoasiakkaat span { background: left center url(img/ql-sahkonsiirtoasiakkaat.png) no-repeat; }

/* ============================ 
   Images */
   
div.col-3-1 img {
	display: block;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
	max-width: 400px;
}

div.col-3-1.banner img {
	width: 100%;
}

div.col-2 img {
	height: auto;
	margin-bottom: 20px;
	width: 100%;
}

div.col-3-2 img, div.col-1 img {
	height: auto;
	width: 100%;
}

div.banner-large div.col-3-2 img {
	height: auto;
	width: auto;
}

div.col-1 img {
	max-width: 750px;
}

div.text-content-wide div.col-1 {
	padding: 0 20px 0 10px;
}

div.text-content-wide div.col-1 img {
	height: auto;
	max-width: none;
}

div.banner-large div.col-3-1 img {
	max-width: none;
}

/* ============================ 
   Tables */
   
div.text-content table {
	border-collapse: collapse;
	border: 1px solid #c7c7c7;
	margin-bottom: 20px;
	width: 100%;
}

div.text-content table td {
	border: 1px solid #c7c7c7;
	padding: 8px 10px;
}

/* ============================ 
   Kartta (turve) */
   
div#map-canvas {
  height: 400px;
}

/* ============================ 
   Forms */

div.gform_wrapper form {
	margin: 0 auto;
	max-width: 610px;
	width: 100%;
}

.gf_left_half, .gf_right_half { 
	display: inline-block;
	width: 49%;
	padding-right: 1%;
}

div.col-3-2 div.gform_wrapper form, div.col-3-2 div.gform_wrapper {
	margin: 0;
}   

div.col-3-1 div.gform_wrapper form {
	margin-left: 0;
	max-width: 610px;
	width: 90%;
}   
   
div.wrap input, div.wrap textarea, div.wrap select {
	background: #f3f0ea;
	box-sizing: border-box;
	border: none;
	font-family: "ff-dax-web-pro";
	font-size: 1.25rem;
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
}  

div.wrap select {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f3f0ea url(img/nuolipainike.jpg) center right no-repeat; 
}

div.wrap input.datepicker {
	max-width: 150px;
} 

div.wrap input.oranssi { background: #f59c00; color: #fff; }

div.wrap input[type=checkbox], div.wrap input[type=radio] {
	clear: left;
	float: left;
	margin-bottom: 0;
	margin-right: 20px;
	padding: 0;
	width: auto;
}

label.chk {
	float: left;
	margin-bottom: 30px;
	max-width: 560px;
	text-align: left;
}

div.margin-center {
	margin: 0 auto;
	max-width: 600px;
}

div.text-content ul.gform_fields, div.text-content ul.gfield_checkbox, div.text-content ul.gfield_radio {
	list-style: none;
	padding-left: 0;
}

div.gform_body label.gfield_label {
	margin-bottom: 0;
}

div.gform_body input[type="submit"], div.gform_body input[type="button"], div.gform_wrapper input[type="submit"] {
	background: #F59C00 none repeat scroll 0% 0%;
	border-radius: 40px;
	color: #FFF;
	cursor: pointer;
	font-size: 1.375rem;
	margin-bottom: 20px;
	max-width: 250px;
	padding: 20px;
	-webkit-appearance: none;
}

div.gform_wrapper form.ystava-lomake {
	margin-left: 0;
	margin-bottom: 40px;
	max-width: 440px;
}

div.gform_wrapper form.ystava-lomake input[type="submit"] {
	background: #d70080;
	max-width: 300px;
}

div.gform_footer input[type="submit"]:hover, div.gform_body input[type="submit"]:hover, div.gform_body input[type="button"]:hover, div.gform_wrapper input[type="submit"]:hover { opacity: 0.8; }

div.wrap div.gform_body input[type="checkbox"], div.wrap div.gform_body input[type="radio"] {
	margin-right: 10px;
}

div.validation_error {
	background: #be2d2f; 
	color: #fff;
	padding: 10px;
	margin-bottom: 20px;
}

div.validation_message {
	color: #be2d2f;
	margin-bottom: 20px;
	margin-top: -20px;
}

li.gfield_error input, li.gfield_error textarea {
	border: 1px #be2d2f solid;
}

li.gform_validation_container {
	display: none;
}

div.gforms_confirmation_message {
	color: #008b4b;
}

img.gform_ajax_spinner {
	height: auto !important;
	width: 20px !important;
}

h3.gf_progressbar_title {
	margin-bottom: 20px;
}

div.gf_progressbar {
	background: #e0e0e0;
}

div.gf_progressbar_percentage {
	background: #ffe501;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 10px;
}

div.gfield_description {
	font-size: 1rem;
	margin-bottom: 20px;
	margin-top: -20px;
}

div.col-3-2 img.gform_delete, div.col-1 img.gform_delete {
	height: auto !important;
	width: auto !important;
}

span.gform_drop_instructions { display: none; }

/* ============================ 
   Fixed links right side */

div.right-fixed {
	position: fixed;
	right: 0;
	top: 450px;
	z-index: 100;
}

div.right-fixed-mobile {
	text-align: center;
}

div.right-fixed > a, div.right-fixed-mobile > a {
	background: #fff;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); 
	display: block;
	height: 60px;
	margin-bottom: 7px;
	overflow: hidden;
	text-indent: -9999px;
	width: 60px;
}

div.right-fixed-mobile > a {
	display: inline-block;
}

div.right-fixed-mobile-links {
	display: none;
	min-height: 20px;
}

div.right-fixed-mobile a.close { display: none; }

div.right-fixed a.muuttamassa, div.right-fixed-mobile a.muuttamassa { background: #fff url(img/right-fixed-muuttamassa.png) center center no-repeat; }
div.right-fixed a.info, div.right-fixed-mobile a.info { background: #fff url(img/right-fixed-info.png) center center no-repeat; }
div.right-fixed a.usein-kysyttya, div.right-fixed-mobile a.usein-kysyttya { background: #fff url(img/right-fixed-question.png) center center no-repeat; }
div.right-fixed a.palaute, div.right-fixed-mobile a.palaute { background: #fff url(img/right-fixed-feedback.png) center center no-repeat; }

div.right-fixed div {
	background: #fff;
	box-shadow: 5px 0px 5px 1px rgba(0, 0, 0, 0.1); 
	box-sizing: border-box;
	display: none;
	padding: 20px;
	position: absolute;
	right: 85px;
	top: 0;
	width: 210px;
}

div.right-fixed div a {
	color: #4a4a49;
}

div.right-fixed div.muuttamassa-links { top: -16px; }
div.right-fixed div.info-links { top: 55px; }
div.right-fixed div.usein-kysyttya-links { top: 126px; }
div.right-fixed div.palaute-links { top: 197px; }

div.right-fixed div:after {
  content:'';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px transparent;
  border-left: solid 10px #fff;
  border-bottom: solid 10px transparent;
}

div.right-fixed a.close, div.info-content a.close, div.message a.close {
	background: url(img/close.png) no-repeat;
	display: block;
	height: 14px;
	overflow: hidden;
	position: absolute;
	right: 7px;
	text-indent: -9999px;
	top: 7px;
	width: 15px;
}

/* ============================ 
   Osta sähköä */

a.os-valitse {
	display: inline-block;
	margin-right: 60px;
	padding-bottom: 35px;
	position: relative;
	text-align: center;
}

a.os-valitse span {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

a.os-kerrostalo { background: url(img/os_kerrostalo.png) no-repeat; height: 105px; width: 100px; }
a.os-rivitalo { background: url(img/os_rivitalo.png) no-repeat; height: 63px; width: 132px; }
a.os-omakotitalo { background: url(img/os_omakotitalo.png) no-repeat; height: 71px; width: 187px; }
a.os-mokki { background: url(img/os_mokki.png) top center no-repeat; height: 67px; margin-right: 0; width: 155px; }

a.os-kerrostalo:hover, a.os-kerrostalo.selected { background-position: 0 -156px; }
a.os-rivitalo:hover, a.os-rivitalo.selected { background-position: 0 -117px; }
a.os-omakotitalo:hover, a.os-omakotitalo.selected { background-position: 0 -119px; }
a.os-mokki:hover, a.os-mokki.selected { background-position: center -113px; }

div.info-wrap {
	position: relative;
}

div.info-wrap h2 {
	display: inline-block;
}

a.info2 {
	background: url(img/info2.png) no-repeat;
	display: inline-block;
	/*float: right;*/
	height: 73px;
	overflow: hidden;
	/*margin-top: -50px;
	position: relative;*/
	text-indent: -9999px;
	text-decoration: none;
	/*top: 25px;*/
	vertical-align: middle;
	width: 74px;
}

div.arvio {
	margin-bottom: 60px;
}

div.arvio.paiva-yo, div.arvio.talvi-muu { display: none; }

a.arvio-laskuri-btn img {
	height: 45px;
	vertical-align: middle;
}

a.arvio-laskuri-btn:hover { opacity: 0.8; }

a.arvio-paivita-btn img, a.arvio-paivita-paiva-btn img, a.arvio-paivita-yo-btn img, a.arvio-paivita-talvi-btn img, a.arvio-paivita-muu-btn img {
	height: 45px;
	vertical-align: middle;
}

a.arvio-paivita-paiva-btn, a.arvio-paivita-talvi-btn {
	margin-right: 20px;
}

a.arvio-paivita-btn:hover, a.arvio-paivita-paiva-btn:hover, a.arvio-paivita-yo-btn:hover, a.arvio-paivita-talvi-btn:hovera.arvio-paivita-muu-btn:hover { opacity: 0.8; }

div.wrap input.arvio-kwh {
	background: #fff;
	height: 45px;
	text-align: center;
	width: 245px;
}

div.info-content {
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: -5px 0px 5px 1px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	display: none;
	font-size: 1rem;
	font-weight: 200;
	letter-spacing: normal;
	padding: 20px;
	position: absolute;
	right: -200px;
	top: -20px;
	width: 310px;
	z-index: 10;
}

div.info-content:after {
  content:'';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px transparent;
  border-right: solid 10px #fff;
  border-bottom: solid 10px transparent;
}

div.info-content p {
	margin-bottom: 0;
}

div.home-tab-content h2, .plus-info {
	position: relative; /* info palleron takia */
}

div.sahko-tuote-col { display: none; margin-right: 0; }
div.kl-tuote-col { display: block; }

/*div.col-3-1.sahko-tuote-col:nth-child(3n + 3) { margin-right: 0.5%; }*/

div.sahko-tuote {
	background: #fff;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: 20px;
	max-width: 97%;
	min-height: 630px;
	padding: 40px;
	position: relative;
}

div.sahko-tuote.st-kaukolampo { min-height: 0; }

img.maaraaikainen {
	left: 0;
	position: absolute;
	top: 0;
}

div.sahko-tuote p:last-child { margin-bottom: 0; }

div.tuote-hinta, div.tuote-hinta-kl {
	font-size: 3rem;
	margin-bottom: 20px;
}

div.tuote-hinta div.alv {
	font-size: 1.25rem;
}

div.sahko-tuote a.btn, a.btn.rounded {
	border-radius: 40px;
	font-size: 1.375rem;
	margin-bottom: 20px;
	padding: 20px 20px;
}

div.home-tab-content-wrap div.col-3-1 a.btn.katso-kaikki-tuotteet {
	box-sizing: border-box;
	max-width: 97% !important;
	margin-top: 40px;
}

div.home-tab-content-wrap div.col-3-1 a.btn.btn-valitse-palvelu {
	box-sizing: border-box;
	max-width: 97% !important;
}

div.wrap input.hetu {
	/*box-sizing: border-box;
	margin-bottom: 0;
	padding: 0;*/
	height: 45px;
	text-align: center;
	width: 69%;
}

div.wrap input#ytunnus {
	max-width: 290px;
}

a.submit img {
	display: inline;
	height: 45px;
	margin-bottom: 0;
	vertical-align: middle;
}

div.vaalea div.wrap input, div.vaalea div.wrap textarea {
	background: #fff;
}

p.small {
	font-size: 1rem;
	margin-top: 60px !important;
	max-width: none !important;
}

div.os-lisasisalto {
	display: none;
}

span.message {
	display: block;
	margin: 20px auto;
	max-width: 300px;
	padding: 20px;
	transition: background-color 0.5s ease;
}

span.ok {
	background: #008b4b; 
	color: #fff;
}

span.notok {
	background: #be2d2f; 
	color: #fff;
}

span.wait {
	background: #ffe501; 
}

div.os-laskutusosoite, div.os-paatettava-kohde {
	display: none;
}

a#lisaa-paatettava-kohde { display: none; }

input.validation-error {
	border: 1px #be2d2f solid !important;
}

div.important {
	display: none;
}

div.message {
	background: #ffe501;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	display: none;
	font-size: 1.25rem;
	font-weight: 200;
	left: 0;
	letter-spacing: normal;
	padding: 20px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 350px;
	z-index: 10;
}

div.message.big {
	background: #fff;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
	text-align: left;
	width: 500px;
}

div.message.big p {
	margin-bottom: 20px;
}

h2.os-tasma { display: none; }

div#clebox-lisatietoa {
	display: none;
}

p.savotta-lisateksti { 
	background: #ffe501; 
	display: none; 
	padding: 20px; 
}

/* ============================ 
   Osta sähköä, yleissähköbanneri, iso */
   
div#os-sivu-yleissahkobanneri div.banner-large {
	box-sizing: border-box;
	padding: 40px;
}

div#os-sivu-yleissahkobanneri h1 {
	font-size: 4.625rem;
}   

div#os-sivu-yleissahkobanneri span.energiamaksu-snt {
	font-size: 3.625rem;
}

div#os-sivu-yleissahkobanneri a {
	color: #fff;
	display: inline-block;
	font-size: 1.375rem;
	font-weight: normal;
	line-height: normal;
	padding: 0;
}

div#os-sivu-yleissahkobanneri p {
	font-size: 2rem;
	line-height: 1.2;
	margin-bottom: 20px;
}

div#os-sivu-yleissahkobanneri a.btn {
	border-radius: 40px;
	float: left;
	font-size: 1.375rem;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-top: 20px;
	padding: 20px 40px;
}

div#os-sivu-yleissahkobanneri a#ysb-tutustu-muihin {
	display: inline-block;
	float: left;
	margin-top: 20px;
	padding: 20px 20px;
}

div.phone-form {
	margin: 0 auto;
	width: 340px;
}

div.col-3-1 div.phone-form div.gform_wrapper form {
	padding: 0;
  width: 100%;
}

div.phone-form div.gform_wrapper input[type="submit"] {
	background: #ffcb08;
	color: #231f20;
	font-size: 1.2rem;
  font-weight: bold;
}

div.phone-form div.gform_wrapper ul {
	margin-bottom: 0;
}

div.phone-form div.gform_confirmation_message {
	margin-bottom: 40px;
}

/* ============================ 
   Kaukolämpölaskuri */

div.wrap input.arvio-mwh {
	background: #fff;
	font-size: 1.5rem;
	height: 47px;
	text-align: center;
	width: 245px;
}

a.kl-arvio-paivita-btn img, a.kl-arvio-metri-paivita-btn img {
	height: 47px;
	vertical-align: middle;
}

a.kl-arvio-paivita-btn:hover, a.kl-arvio-metri-paivita-btn:hover {
	opacity: 0.8;
}

div.home-tab-content a.btn.btn-valitse-tilausvesivirta {
	box-sizing: border-box;
	max-width: 90% !important;
}

div.home-tab-content a.btn.btn-valitse-tilausvesivirta:after {
	content: '';
}

span.energiamaksu-kaava, span.perusmaksu-kaava, span.perusmaksu2-kaava {
	display: none;
}

div.kl-hinta {
	display: block;
	font-size: 3rem;
	margin-bottom: 20px;
}

a.btn-valitse-tilausvesivirta.btn-active {
	background: #008b4b !important;
	color: #fff;
}

span.tuote-hinta {
	display: none;
}

/* ============================ 
   Footer */
   
footer {
	background: #454545 url(img/foo-bg.png) top right no-repeat;
	clear: both;
	font-size: 1rem;
	padding-bottom: 100px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

footer a {
	color: #f7f5f0;
}

a.btn-foo {
	background: #bcbcbc;
	color: #454545;
	display: block;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
	padding: 20px 0;
	text-align: center;
}

div.foo-btns {
	margin-bottom: 60px;
	top: -30px;
	position: relative;
}

footer ul {
	line-height: 1.6;
}

footer ul li:first-child {
	font-weight: 700;
}

div.foo-address {
	border-top: 1px solid #76756f;
	color: #ffe501;
	font-size: 1.4rem;
	margin-bottom: 50px;
	margin-top: 50px;
	padding-top: 50px;
	text-align: center;
}

div.foo-address span {
	display: inline-block;
	width: 18px;
}

div.foo-social {
	text-align: center;
}

div.foo-social a {
	display: inline-block;
	height: 44px;
	margin-right: 9px;
	text-indent: -9999px;
	width: 45px;
}

div.foo-social a:hover {
	opacity: 0.8;
}

a.foo-facebook { background: url(img/foo-facebook.png) no-repeat; }
a.foo-twitter { background: url(img/foo-twitter.png) no-repeat; }
a.foo-linkedin { background: url(img/foo-linkedin.png) no-repeat; }
a.foo-instagram { background: url(img/foo-instagram.png) no-repeat; }
a.foo-youtube { background: url(img/foo-youtube.png) no-repeat; }

div.copyright {
	font-size: 1rem;
	line-height: 1.5;
	margin-top: 20px;
}

div.copyright a {
	color: #ffe501;
}

/* ============================ 
   Iframe */

div.wrap iframe {
	height: auto;
	margin: 0 auto;
	min-height: 400px;
	width: 100%;
} 

div.wrap div.col-3-1 iframe {
	height: auto;
	min-height: 200px;
	width: 100%;
}   

/* ============================ 
   Cookie bar */
   
div.evaste {
	background: #f3f0e9;
	box-sizing: border-box;
	bottom: 0;
	display: none;
	left: 0;
	padding: 30px 0;
	position: fixed;
	width: 100%;
	z-index: 100;
}   

div.evaste p {
	float: left;
	margin-right: 100px;
	width: 80%;
}

div.evaste a {
	color: #f59c00;
}

div.evaste button {
	background: #f59c00;
	border: none;
	color: #fff;
	display: block;
	float: right;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 1.25rem;
	line-height: 1;
	padding: 10px 40px;
}

/* ============================ 
   Kysely */

div.popup {
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
	box-sizing: border-box;
	display: none;
	font-size: 1rem;
	font-weight: 200;
	letter-spacing: normal;
	padding: 20px;
	position: absolute;
	right: -200px;
	text-align: center;
	top: -20px;
	width: 510px;
	z-index: 10;
}

div.popup button, a.popup-btn {
	background: #f59c00;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 1.25rem;
	line-height: 1;
	margin: 0 10px;
	padding: 10px 40px;
}

div.popup button:hover, a.popup-btn:hover {
	opacity: 0.8;
	text-decoration: none;
}

div.popup p { 
	margin-bottom: 20px;
}

/* ============================ 
   Ystävänpäivä kamppis, uusi kampanjasivu */

body.page-template-landing_page div#slideshow div.current-img {
	height: 450px;
}

body.page-template-landing_page div.banner-large {
	position: relative;
}

body.page-template-landing_page div.banner-large div.title {
	margin-top: -40px;
}

body.page-template-landing_page div.banner-large div.col-3-2 {
	width: 100%;
}

body.page-template-landing_page div.banner-large div.col-3-1 {
	position: absolute;
	right: 0;
	bottom: 100px;
}

img.yp-sydamet {
	left: 390px;
	position: absolute;
	top: 0;
}

body.page-template-landing_page div.light div.banner-large div.text {
	color: #fff;
}

body.page-template-landing_page div.banner-large div.text {
	position: relative;
	color: #231f20;
}

span.yp-otsikko {
	color: #231f20;
	font-size: 2.9rem; 
	font-weight: 900;
}

span.yp-otsikko-2 {
	display: block;
	font-size: 2rem; 
	font-weight: 900;
	letter-spacing: 0;
}

div.light span.yp-otsikko {
	color: #fff;
}

span.yp-snt {
	font-size: 3rem; 
}

span.yp-hinta {
	font-size: 13rem; 
	font-weight: 900;
	letter-spacing: -0.8rem;
	line-height: 1;
	display:inline-block;
}

body.page-template-landing_page div.banner-large div.text p {
	font-size: 1rem;
	line-height: 1.4;
}

body.page-template-landing_page h1 p {
	line-height: 1;
}

body.page-template-landing_page div.banner-large {
	padding-top: 40px;
}

p.landing-footer {
	font-size: 0.8rem;
}

div.landing-nostettu-sisalto {
	color: #231f20;
	margin-top: -200px; 
	position: relative; 
	z-index: 2;
}

a.roundbtn {
	background: #f99d1c;
	border-radius: 40px;
	color: #fff !important;
  display: inline-block;
  padding: 12px 40px;
  text-align: center;
  text-decoration: none !important;
}

a.roundbtn:hover {
	opacity: 0.8;
}

/* ============================ 
   Kampanjasivu, v2 */

body.page-template-tmpl-kampanja div.hero {
	margin-bottom: 2rem;
	padding: 3rem 0;
}

body.page-template-tmpl-kampanja div.hero div.wrap {
	position: relative;
}

body.page-template-tmpl-kampanja div.hero-text {
	position: relative;
	z-index: 2;
}

body.page-template-tmpl-kampanja div.hero.light-text {
	color: #fff;
}

body.page-template-tmpl-kampanja p {
	line-height: 1.4;
	margin-bottom: 1rem;
}

body.page-template-tmpl-kampanja p.small {
	font-size: 1rem;
	margin-top: 0 !important;
}

body.page-template-tmpl-kampanja img.right-img {
	bottom: -10rem;
	position: absolute;
	right: 0;
	max-width: 350px;
	z-index: 1;
}

body.page-template-tmpl-kampanja div.hero h1 {
	font-size: 2.9rem;
  font-weight: 900;
  letter-spacing: -0.1rem;
  margin-bottom: 1rem;
}

body.page-template-tmpl-kampanja div.hero h1 span {
	font-size: 2rem;
}

body.page-template-tmpl-kampanja span.hinta {
	font-size: 13rem;
	font-weight: 900;
	letter-spacing: -0.8rem;
}

body.page-template-tmpl-kampanja span.snt {
	font-size: 3rem;
}

body.page-template-tmpl-kampanja p.landing-footer {
	margin-top: 3rem;
}

body.page-template-tmpl-kampanja div.wrap.landing-text {
	position: relative;
	z-index: 2;
}

/* ============================ 
   YELLOW BLACK FRIDAY 2017 */

body.page-template-tmpl-yellow-black {
	background: #ffcb08 url(img/yb/Yellowblack_friday.png) top center repeat-x;
	color: #231f20;
	padding-bottom: 100px;
	padding-top: 130px;
	text-align: center;
}

body.page-template-tmpl-yellow-black div.wrap {
	max-width: 1000px;
}

body.page-template-tmpl-yellow-black h1,
body.page-template-tmpl-yellow-black h2,
body.page-template-tmpl-yellow-black h3 {
	margin-bottom: 0;
	text-transform: uppercase;
}

body.page-template-tmpl-yellow-black h1 {
	font-size: 6rem;
}

body.page-template-tmpl-yellow-black h2 {
	margin-bottom: 10px;
}

body.page-template-tmpl-yellow-black h3 {
	margin-bottom: 20px;
}

body.page-template-tmpl-yellow-black div.top-text {
	transform: rotate(-2.7deg);
}

body.page-template-tmpl-yellow-black div.onni-sahko {
	border-bottom: 1px solid #231f20;
	border-top: 1px solid #231f20;
	font-size: 1.8rem;
	letter-spacing: 1.8px;
	line-height: 1.8rem;
	margin: -65px auto 10px auto;
	padding: 15px 0 10px 0;
	width: 355px;
}

body.page-template-tmpl-yellow-black div.hinta {
	font-size: 17rem;
	letter-spacing: -1.1rem;
	margin-bottom: 30px;
}

body.page-template-tmpl-yellow-black div.hinta span {
	display: block;
	font-size: 1.8rem;
	letter-spacing: 0;
	margin-top: -42px;
}

body.page-template-tmpl-yellow-black p.iso {
	font-size: 1.8rem;
	letter-spacing: 1.8px;
	line-height: 2rem;
	margin-bottom: 20px;
	text-transform: uppercase;
}

body.page-template-tmpl-yellow-black p {
	line-height: 1.5rem;
	margin-bottom: 20px;
}

body.page-template-tmpl-yellow-black a.tee-sahkosopimus {
	background: #231f20;
	border: 2px solid #231f20;
	color: #ffcb08;
	display: inline-block;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 18px 70px;
	text-transform: uppercase;
	transition-duration: 0.5s;
}

body.page-template-tmpl-yellow-black a.tee-sahkosopimus:hover,
body.page-template-tmpl-yellow-black div.gform_wrapper input[type="submit"]:hover {
	background: #ffcb08;
	color: #231f20;
	text-decoration: none;
}

body.page-template-tmpl-yellow-black p.jata-yhteystiedot {
	margin-top: 40px;
}

body.page-template-tmpl-yellow-black p.copyright {
	font-size: 0.8rem;
}

body.page-template-tmpl-yellow-black p.logo {
	margin-top: 100px;
}

body.page-template-tmpl-yellow-black form {
	text-align: left;
}

body.page-template-tmpl-yellow-black div.gform_wrapper input[type="submit"] {
	background: #231f20;
	border-radius: 0;
	border: 2px solid #231f20;
	color: #ffcb08;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 18px;
	max-width: none;
	text-transform: uppercase;
	transition-duration: 0.5s;
	width: 100%;
}

body.page-template-tmpl-yellow-black div.gform_confirmation_message {
	border: 2px solid #231f20;
	margin-bottom: 40px;
	padding: 20px 0
}

body.page-template-tmpl-yellow-black img.gform_ajax_spinner {
	display: block;
	margin: 0 auto;
	max-width: 20px !important;
}

body.page-template-tmpl-yellow-black img.laatikko {
	margin-left: 100px;
}

/* ============================== 
   MUUTTAJAN SÄHKÖSOPIMUS 2018 */

body.page-template-tmpl-muuttajan-sahkosopimus {
	/*background: #ffc124;
	background: #000;*/
	background: url(img/kampanja/koivunlehti_bg_2400x3000.jpg) top center no-repeat;
	background-size: cover;
  color: #000;
  font-family: "ff-dax-pro-wide", sans-serif;
  font-weight: 300;
}

body.page-template-tmpl-muuttajan-sahkosopimus div#os-sivu-yhteystiedot {
	display: block !important;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.wrap input[type=submit] {
	font-family: "ff-dax-pro-wide", sans-serif;
  font-weight: 300;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.hero {
	height: 390px;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.bg-gray {
	background: #f7f5f0;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.bg-gray-2 {
	background: #d9d9d9;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.bg-gray-3 {
	background: #b2b2b2;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.bg-yellow {
	background: #fbb500;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.bg-purple {
	background: #d5d2e5;
	color: #2a1680;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.title { display: none; }

body.page-template-tmpl-muuttajan-sahkosopimus div.wrap {
	background: #fff;
	max-width: 1000px;
	padding: 0 0 50px 0;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.osta-sahkoa div.wrap {
	background: #f7f5f0;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.home-tab-content-1 {
	padding-top: 0;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.text-content.bot-border.more-padding {
	padding-top: 40px;
	padding-bottom: 40px;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.block {
	padding: 50px 0 20px 0;
}

body.page-template-tmpl-muuttajan-sahkosopimus h1 {
	font-size: 4.7rem;
	font-weight: 300;
	line-height: 0.9;
	margin-bottom: 30px;
}

body.page-template-tmpl-muuttajan-sahkosopimus h1.ymparisto {
	font-size: 3rem;
	letter-spacing: 0.001em;
	margin-bottom: 20px;
}

body.page-template-tmpl-muuttajan-sahkosopimus h2 {
	font-size: 2rem;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 30px;
}

body.page-template-tmpl-muuttajan-sahkosopimus h2.ymparisto {
	font-size: 1.8rem;
	letter-spacing: 0.001em;
	margin-bottom: 20px;
}

body.page-template-tmpl-muuttajan-sahkosopimus h3 {
	font-size: 2.5rem;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase;
}

body.page-template-tmpl-muuttajan-sahkosopimus h3.ymparisto {
	font-size: 2rem;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0;
	text-transform: none;
}

body.page-template-tmpl-muuttajan-sahkosopimus p {
	font-size: 1.6rem;
	line-height: 1.2;
	margin-bottom: 40px;
}

body.page-template-tmpl-muuttajan-sahkosopimus p.ymparisto {
	font-size: 1.2rem;
	max-width: 71%;
	margin-left: auto;
	margin-right: auto;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.gform_wrapper input[type="text"],
body.page-id-11791 div.gform_wrapper input[type="text"] {
	background: #fff;
	max-width: 400px;
}

body.page-id-11791 div.gform_wrapper input[type="text"] {
	box-sizing: border-box;
  border: none;
  font-family: "ff-dax-web-pro";
  font-size: 1.25rem;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
}

body.page-id-11791 div.gform_wrapper input[type="submit"] {
	font-family: "ff-dax-web-pro";
	font-size: 1.2rem;
	font-weight: bold;
}

body.page-template-tmpl-muuttajan-sahkosopimus a.tee-sahkosopimus-opiskelija,
body.page-template-tmpl-muuttajan-sahkosopimus div.gform_wrapper input[type="submit"] {
	background: #ffcb08;
	border-radius: 40px;
	color: #231f20;
	display: inline-block;
	font-weight: normal;
	padding: 18px 40px;
	transition-duration: 0.5s;
}

body.page-template-tmpl-muuttajan-sahkosopimus a.tee-sahkosopimus-opiskelija,
body.page-template-tmpl-opiskelijan-sahkosopimus div.gform_wrapper input[type="submit"],
body.page-template-tmpl-muuttajan-sahkosopimus div.gform_wrapper input[type="submit"] {
	/*background: #2a1680;
	border-color: #2a1680;*/
	background: #000;
	border-color: #f59c00;
	color: #ffce08;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.ymparisto div.gform_wrapper input[type="submit"] {
	color: #77b217;
}

body.page-template-tmpl-muuttajan-sahkosopimus div#os-sivu-yhteystiedot {
	box-sizing: border-box;
	padding: 20px;
}

body.page-template-tmpl-muuttajan-sahkosopimus div#os-sivu-yhteystiedot h3 {
	font-size: 1rem;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.gform_wrapper input[type="submit"] {
	max-width: 350px;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.gform_wrapper input[type="submit"]:hover {
	background: #f59c00;
	color: #fff;
	opacity: 1;
	text-decoration: none;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.ymparisto div.gform_wrapper input[type="submit"]:hover {
	background: #77b217;
	color: #fff;
}

body.page-template-tmpl-muuttajan-sahkosopimus a.tee-sahkosopimus-opiskelija:hover,
body.page-template-tmpl-opiskelijan-sahkosopimus div.gform_wrapper input[type="submit"]:hover {
	background: #fff;
	/*color: #2a1680;*/
	color: #f59c00;
	opacity: 1;
	text-decoration: none;
}

body.page-template-tmpl-muuttajan-sahkosopimus p.small {
	font-size: 1rem;
	margin: 20px auto 40px auto !important;
	max-width: 90% !important;
}

body.page-template-tmpl-muuttajan-sahkosopimus p.smaller {
	font-size: 1.4rem;
}

body.page-template-tmpl-muuttajan-sahkosopimus p.bigger {
	font-size: 1.8rem;
}

body.page-template-tmpl-opiskelijan-sahkosopimus p.small {
	margin-top: -50px !important;
	margin-bottom: 50px !important;
}

body.page-template-tmpl-muuttajan-sahkosopimus p.laatikko {
	margin-bottom: 0;
}

body.page-template-tmpl-muuttajan-sahkosopimus p.copyright {
	font-size: 1rem;
	line-height: 1.8;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.gform_body label.gfield_label {
	display: block;
	margin-bottom: 5px;
}

body.page-id-11791 div.banner-large div.col-3-1 {
	width: 100%;
}

body.page-id-11791 div.col-3-1 img {
	display: block;
	margin: 0 auto;
	width: auto;
}

body.page-id-11791 div#slideshow {
	height: 500px;
}

body.page-id-11791 a.btn,
body.page-id-11791 div.gform_wrapper input[type="submit"],
body.page-template-tmpl-muuttajan-sahkosopimus a.btn {
	background: #000;
	box-sizing: border-box;
	color: #ffce08;
	min-width: 300px;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.osta-sahkoa-ymparisto a.btn {
	color: #77b217;
}

body.page-id-11791 h3 {
	margin-bottom: 0;
}

body.page-template-tmpl-opiskelijan-sahkosopimus div.gform_confirmation_message_48,
body.page-template-tmpl-muuttajan-sahkosopimus div.gform_confirmation_message_48,
body.page-id-11791 div.gform_confirmation_message_48 {
	display: none;
}

body.page-template-tmpl-opiskelijan-sahkosopimus a.share-messenger,
body.page-template-tmpl-opiskelijan-sahkosopimus a.share-facebook,
body.page-template-tmpl-opiskelijan-sahkosopimus a.share-whatsup {
	background: url(img/kampanja/messenger.png) center center no-repeat;
	background-size: contain;
	display: inline-block;
	overflow: hidden;
	height: 50px;
	margin: 0 10px;
	text-indent: -9999px;
	width: 50px;
}

body.page-template-tmpl-opiskelijan-sahkosopimus a.share-facebook { 
	background: url(img/kampanja/facebook.png) center center no-repeat; 
	background-size: contain; 
}

body.page-template-tmpl-opiskelijan-sahkosopimus a.share-whatsup { 
	background: url(img/kampanja/whatsup.png) center center no-repeat; 
	background-size: contain; 
	display: none;
}

body.page-template-tmpl-opiskelijan-sahkosopimus a.share-messenger {
	display: none;
} 

body.page-template-tmpl-muuttajan-sahkosopimus div.ymparisto-valinta {
	display: inline-block;
}

body.page-template-tmpl-muuttajan-sahkosopimus div.osta-sahkoa-ymparisto {
	display: none;
}

/*body.page-template-tmpl-muuttajan-sahkosopimus div.ymparisto-valinta input[type=checkbox] {
	outline: 1px solid red;
}*/

/* ============================ 
   BirchPress */

#birs_appointment_form .birs_form_field select {
  padding: 10px !important;
}

#birs_appointment_form .birs_field_content, #birs_appointment_form .birs_form_field select {
  max-width: none !important;
}

li.birs_appointment_staff,
li.birs_appointment_location { 
	display: none;
}

form#birs_appointment_form {
	margin: 0 auto;
	width: 100%;
}

form#birs_appointment_form img {
	height: auto !important;
	width: auto !important;
}

form#birs_appointment_form div.text-content ul {
  max-width: auto !important;
  padding-left: 0 !important;
}

#birs_appointment_form ul {
	margin: 0 auto !important;
}

form#birs_appointment_form input[type="button"] {
  background: #F59C00 none repeat scroll 0% 0%;
  border-radius: 40px;
  color: #FFF;
  cursor: pointer;
  font-size: 1.375rem;
  margin-bottom: 20px;
  max-width: 250px;
  padding: 20px;
  -webkit-appearance: none;
}

#birs_appointment_form .birs_section {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#birs_booking_success ul {
  margin: 0 auto !important;
}

form#birs_appointment_form label {
	display: block;
	position: relative;
	width: 60%;
}

form#birs_appointment_form div.info-content {
	padding: 10px;
	text-align: center;
}

#birs_appointment_datepicker .ui-state-active {
  color: #555555 !important;
}
   
/* ============================ 
   Misc */
   
div.clear {
	clear: both;
	height: 0;
}

div.text-content ul.display-posts-listing {
	border-top: 1px #ccc solid;
	list-style: none;
	padding-top: 20px;
	padding-left: 0;
}

div.text-content ul.display-posts-listing li {
	margin-bottom: 20px;
}

div.text-content ul.display-posts-listing a {
	font-weight: bold;
}

a.subpage-links-open { display: none; }

div.search-results {
	padding-bottom: 100px;
}

span.search-permalink {
	color: #ccc;
	font-size: 0.8rem;
}

.mobile { display: none; }

/* FF Stream */

.ff-stream {
	min-height: 300px !important;
	padding: 0 !important;
}

.ff-item .ff-img-holder {
  background-color: #fff !important;
}

.ff-loadmore-wrapper {
	display: none;
}

.ff-item .ff-item-bar {
	display: none;
}

.ff-upic-round .picture-item__inner {
	border-radius: 0 !important;
}

.ff-item .ff-content, .ff-article, .ff-item .ff-content p {
	font-size: 1.25rem !important;
	line-height: 1.4 !important;
}

.ff-stream article {
	padding-right: 1%;
}

@media only screen and (max-width : 1500px) {
	body.page-template-landing_page div.banner-large div.title {
		margin-top: -50px;
	}

	body.page-template-landing_page div.banner-large div.col-3-1 {
		bottom: 150px;
	}

	div.landing-nostettu-sisalto {
		margin-top: -250px;
	}
}

/* 1500 */

@media only screen and (max-width : 1300px) {
	header, 
	div.wrap {
		max-width: 90%;
	}
}

/* 1300 */

@media only screen and (max-width : 1280px) {
	body {
		font-size: 1rem;	
	}

	.ff-item .ff-content, .ff-article, .ff-item .ff-content p {
		font-size: 1rem !important;
	}
	
	div#slideshow div.slideshow-navi {
		max-width: 90%;
		/*top: -60px;*/
	}
	
	div#slideshow {
		height: 500px;
		overflow: hidden;
	}
	
	div#slideshow div.banner-large {
		height: 450px;
		padding-top: 20px;
		padding-bottom: 0;
	}
	
	div#slideshow div.banner-large h1, div#slideshow div.banner-large h1 p { font-size: 3.625rem; }
	div#slideshow div.banner-large p { margin-bottom: 0; }
	
	div.middle-image {
		height: 400px;
	}
	
	div.col-6-1 {
		font-size: 0.9rem;
	}
	
	div.col-3-2:first-child {
		padding-right: 50px;	
	}
	
	/*div.col-3-1:first-child {
		padding-right: 20px;	
	}*/
	
	div.col-3-1.banner:first-child,
	div.col-2.banner:first-child {
		padding-right: 0;	
	}
	
	div.col-3-1 img {
		height: auto;
		width: 100%;
	}

	div.col-3-1 div.circle img {
		width: auto;
	}
	
	div.banner-large div.col-3-2 {
		float: left;
		width: 60%;
	}
	
	div.banner-large div.col-3-1 {
		float: left;
		width: 33%;
	}
	
	div.col-3-1 div.sahko-tuote img, div.col-3-1 a#btn-hetu img {
		max-width: 119px;
		width: auto;
	}
	
	div.col-3-1 img.no-scale {
		height: auto;
		width: auto;
	}
	
	a.btn-foo {
		font-size: 1rem;
	}
	
	div.circle {
		border-radius: 310px;
		font-size: 4.125rem;
		height: 310px;
		width: 310px;
	}
	
	div.circle-text {
		height: 310px;
	}
	
	div.right-fixed {
		top: 750px;
	}
	
	div#os-sivu-yleissahkobanneri h1 { font-size: 2.625rem; letter-spacing: -1px; }   
	div#os-sivu-yleissahkobanneri span.energiamaksu-snt { font-size: 1.625rem; }	
	div#os-sivu-yleissahkobanneri p { font-size: 1.375rem; }
	div#os-sivu-yleissahkobanneri a { font-size: 1.375rem; }
	
	div.info {
		background: none;
		padding-left: 0;
	}
	
	div.evaste p { margin-right: 0; }
	div.evaste br { display: none; }

	div#slideshow div.slideshow-navi {
		bottom: 50px;
	}

	span.yp-hinta {
		font-size: 10rem;
	}

	span.yp-otsikko {
		font-size: 3rem;
		letter-spacing: -2px;
	}

	div.landing-nostettu-sisalto {
		margin-top: -120px;
	}

	body.page-template-landing_page div.banner-large div.title {
		margin-top: 0px;
	}

	body.page-template-landing_page div.banner-large div.col-3-1 {
		bottom: 50px;
	}

	body.page-template-tmpl-kampanja p.small {
		font-size: 0.8rem;
	}
}

/* 1280 */

@media only screen and (max-width : 1110px) {
	span.yp-otsikko {
		font-size: 2rem;
		letter-spacing: -2px;
	}

	span.yp-hinta {
		font-size: 7rem;
		letter-spacing: -6px;
	}

	ul#main-navi {
		font-size: 1rem;
		top: 103px;
	}
	
	ul#main-navi > li {
	}
	
	ul#main-navi > li > a {
    padding-bottom: 23px;
	}
}

/* 1110 */

/* Päävalikko pienenee */
@media only screen and (max-width : 1080px) {
	
	
	div.main-navi-drop-wrap {
		top: 40px;
	}
	
	div.evaste p { margin-right: 0; width: 70%; }

	div.slideshow-navi {
		text-align: right;
	}

	div.landing-header,
	body.page-template-landing_page div.wrap,
	body.page-template-tmpl-kampanja div.wrap {
		max-width: 90%;
	}

	body.page-template-tmpl-kampanja div.light-text div.hero-text {
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	}

	body.page-template-tmpl-muuttajan-sahkosopimus h1 {
		font-size: 4rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus h2 {
		font-size: 2rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus h3 {
		font-size: 2rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus p {
		font-size: 1.5rem;
	}

	/*body.page-template-tmpl-muuttajan-sahkosopimus a.tee-sahkosopimus,
	body.page-template-tmpl-muuttajan-sahkosopimus div.gform_wrapper input[type="submit"] {
		font-size: 2rem;
	}*/

	body.page-template-tmpl-muuttajan-sahkosopimus p.small {
		font-size: 1rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus p.laatikko img {
		height: auto;
		max-width: 100%;
	}
}

/* 1080 */

/* Bannerin kuva tippuu alas, navi muuttuu mobiiliksi */
@media only screen and (max-width : 900px) {
	body {
		font-size: 1rem;	
	}
	
	div#slideshow div.banner-large h1 { font-size: 2.625rem; letter-spacing: -1px; }
	div.banner-large p { font-size: 1.19rem; }
	
	div.middle-banner > img {
		display: block;
		height: auto;
		margin: 20px auto 0 auto;
		position: relative;
		right: auto;
		top: auto;
		width: 50%;
	}
	
	div.middle-banner.yellow > img { top: auto; }
	
	div.col-6-1 {
		font-size: 1rem;
		margin-bottom: 10px;
		width: 32%;
	}
	
	div.col-6-1:nth-child(4) { clear: left; }
	
	a.btn-foo {
		font-size: 0.8rem;
	}
	
	h2 {
		font-size: 1.5rem;	
		letter-spacing: -1px;
	}
	
	a.ql span {
		background: none;
		padding-left: 0;
	}
	
	div.quick-links ul {
		padding-left: 20px;
	}
	
	span.day {
		font-size: 1.25rem;
		line-height: 28px;
		width: 28px;
	}
	
	ul#main-navi, form.search, a.login-online, ul#lang-navi, a.login-vappi {
		display: none;
	}

	.wf-active ul#main-navi { display: none; }
	
	ul#main-navi {
		background: #454545;
		box-sizing: border-box;
		display: none;
		font-size: 1.375rem;
		padding: 20px 74px;
		position: absolute;
		right: -1%;
		top: 173px;
		width: 80%;
	}
	
	ul#main-navi > li > a {
		background: #4e4e4e url(img/mobi-navi-bg.png) center right no-repeat;
		color: #fff;
		font-weight: bold;
		padding: 5px 13px;
	}
	
	ul#main-navi > li {
		display: block;
		margin-bottom: 4px;
		margin-left: 0;
		text-align: left;
	}
	
	ul#main-navi > li > a:hover {
		background: #bcbcbc url(img/mobi-navi-bg.png) center right no-repeat;
	}
	
	ul#main-navi > li.current > a {
		background: #bcbcbc url(img/mobi-navi-bg-open.png) center right no-repeat;
	}
	
	ul#main-navi a.login-online {
		box-sizing: border-box;
		margin-top: 35px;
		text-align: center;
		width: 100%;	
	}

	ul#main-navi a.login-vappi {
		box-sizing: border-box;
		margin-top: 15px;
		text-align: center;
		width: 100%;	
	}
	
	ul#main-navi form {
		margin-top: 15px;
		width: 100%;
	}
	
	ul#main-navi form input {
		margin-bottom: 15px;
		width: 100%;
	}
	
	ul#main-navi ul#lang-navi-mobile {
		margin-top: 15px;
		width: 100%;
	}
	
	div#lang-navi-mobile {
		color: #fff;
		padding-top: 15px;
		text-align: left;
	}
	
	div#lang-navi-mobile a {
		color: #fff;
	}
	
	ul#lang-navi {
		margin-right: 110px;
	}
	
	a.mobile-navi-open {
		display: block;
	}
	
	div.main-navi-drop-wrap {
		background: #454545;
		left: auto;
		padding: 10px 13px;
		position: relative;
		top: auto;
		width: 100%;
	}
	
	div.main-navi-drop-3-cols {
		border-bottom: 1px #6a6a6a solid;
		border-right: none;
		float: none;
		padding-left: 0;
		padding-top: 20px;
		width: 100%;
	}
	
	div.main-navi-drop-3-cols:nth-child(3) {
		border-bottom: none;
	}
	
	.mobile { display: block !important; }
	
	div.col-3-1 div.banner h1, div.col-1-1.banner h1, div.col-2.banner h1 { font-size: 4.125rem; }
	
	div.circle {
		border-radius: 210px;
		font-size: 4.125rem;
		height: 210px;
		width: 210px;
	}
	
	div.circle-text {
		height: 210px;
	}
	
	div.banner-text div {
		height: 100px;
	}
	
	div#top-graph {
		height: 200px;
	}
		
	div.middle-banner-text {
		max-width: none;
	}
	
	body.page-template-tmpl-muuttajan-sahkosopimus p.copyright {
		font-size: 0.8rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus div.gform_wrapper input[type="submit"] {
    max-width: 490px;
	}
}

/* 900px */

@media only screen and (max-width : 810px) {
	img.yp-sydamet {
		display: none;
	}

	span.yp-otsikko {
		font-size: 1.2rem;
		letter-spacing: 0;
	}

	span.yp-hinta {
		font-size: 4rem;
		letter-spacing: 0;
	}

	span.yp-snt {
		font-size: 1.2rem;
	}

	span.yp-info {
		font-size: 0.7rem;
	}

	body.page-template-tmpl-yellow-black p.iso {
		font-size: 1.4rem;
		letter-spacing: 1px;
		line-height: 1.6rem;
	}

	body.page-template-tmpl-yellow-black p {
		line-height: 1.2rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus div.hero {
		height: 300px;
	}
}

/* 810 */

@media only screen and (max-width : 770px) {
	body.page-template-tmpl-kampanja div.landing-header {
		height: 100px;
		padding-top: 12px;
	}

	body.page-template-tmpl-kampanja div.landing-header h1 a {
		height: 65px;
	}

	body.page-template-tmpl-kampanja div.hero-text {
		width: 80%;
	}

	body.page-template-tmpl-kampanja img.right-img {
		right: -4rem;
	}

	body.page-template-tmpl-kampanja div.hero {
		padding: 1.5rem 0;
	}

	body.page-template-tmpl-kampanja div.hero h1 {
		font-size: 2.5rem;
	}

	body.page-template-tmpl-kampanja span.hinta {
		font-size: 10rem;
	}

	body.page-template-tmpl-kampanja img.right-img {
		bottom: -7rem;
		max-width: 270px;
	}
}

/* 770 */

/* 3 palstaa menee alekkain */
@media only screen and (max-width : 600px) {
	body {
		font-size: 1rem;	
	}
	
	header {
		height: 140px; /* 173 */
		padding-top: 24px;
	}
	
	/*ul#lang-navi { display: none; }*/
	
	ul#main-navi {
		top: 140px;
	}
	
	a.mobile-navi-open {
		top: 67px;
	}
	
	div#slideshow {
		height: 250px;
	}
	
	div#slideshow div.banner-large {
		height: 200px;
	}
	
	div.middle-image {
		height: 200px;
	}
	
	div.col-2 {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}

	div.col-3-1 {
		float: none;
		margin-bottom: 20px;
		padding-right: 0;
		width: 100%;
	}
	
	div.center-col-2 div.col-2 { width: 100%; }
	div.center-col-2 div.col-2:first-child { margin-left: 0%; }
	
	div.col-4-1 {
		float: none;
		margin-bottom: 20px;
		padding-right: 0;
		width: 100%;
	}
	
	div.col-3-1 p {
		padding-right: 0;
	}
	
	div.col-3-2 {
		float: none;
		margin-bottom: 20px;
		padding-right: 0;
		width: 100%;
	}
	
	div.col-3-1:first-child, div.col-3-2:first-child { padding-right: 0; }
	
	div.col-5-1 {
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;
	}
	
	div.col-6-1 {
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;
	}

	div.text-content-wide div.col-1 {
		padding: 0;
	}
	
	h1 {
		font-size: 2.3rem;
		letter-spacing: -2px;
		margin-bottom: 25px;
	}
	
	h2 {
		font-size: 1.3rem;
		letter-spacing: -1px;
		margin-bottom: 10px;
	}

	h3 {
		font-size: 1.1rem;
		margin-bottom: 10px;
	}
	
	div.text-content, div.banner-content {
		padding: 25px 0;
	}
	
	div.contact {
		padding-bottom: 20px;
	}
	
	div.middle-banner {
		margin-bottom: 50px;
		padding: 16px;
	}

	
	div.middle-banner > img {
		display: block;
		height: auto;
		margin: 20px auto 0 auto;
		position: relative;
		right: auto;
		top: auto;
		width: 70%;
	}
	
	div.middle-banner a {
		font-size: 1rem;
		padding: 0 20px;
	}
	
	footer {
		background-position: right bottom;
		text-align: center;
	}
	
	div.foo-btns {
		margin-bottom: 20px;
	}
	
	div.foo-address {
		font-size: 1.2rem;
	}
	
	div.foo-address span {
		clear: both;
		display: block;
	}
	
	a.btn-foo {
		font-size: 1.2rem;
	}
	
	div.quick-links {
		padding: 50px 0 50px 0;
	}  
	
	a.ql span {
		padding-left: 60px;
	}
	
	div.quick-links ul {
		padding-left: 80px;
	}
	
	a.ql-sahkoasiakkaat span { background: left center url(img/ql-sahkoasiakkaat.png) no-repeat; }
	a.ql-kaukolampoasiakkaat span { background: left center url(img/ql-kaukolampoasiakkaat.png) no-repeat; }
	a.ql-omakotirakentajat span { background: left center url(img/ql-omakotirakentajat.png) no-repeat; }
	a.ql-urakoitsijat span { background: left center url(img/ql-urakoitsijat.png) no-repeat; }
	a.ql-yritykset span { background: left center url(img/ql-yritykset.png) no-repeat; }
	a.ql-isannoitsijat span { background: left center url(img/ql-isannoitsijat.png) no-repeat; }
	a.ql-viranomaiset span { background: left center url(img/ql-viranomaiset.png) no-repeat; }
	a.ql-oppilaitokset span { background: left center url(img/ql-oppilaitokset.png) no-repeat; }
	a.ql-media span { background: left center url(img/ql-media.png) no-repeat; }
	a.ql-tyonhakijat span { background: left center url(img/ql-tyonhakijat.png) no-repeat; }
	a.ql-sahkoautoilijat span { background: left center url(img/ql-sahkoautoilijat.png) no-repeat; }
	a.ql-maanomistajat span { background: left center url(img/ql-maanomistajat.png) no-repeat; }
	a.ql-sahkonsiirtoasiakkaat span { background: left center url(img/ql-sahkonsiirtoasiakkaat.png) no-repeat; }
	
	div.home-tabs {
		position: relative;
		top: 0;
	}
	
	div.home-tabs a.selected {
		background: #e0e0e0;
	}
	
	div.news-box-text p {
		min-height: auto;
	}
	
	ul#main-navi {
		padding: 20px 20px;
		width: 102%;
	}
	
	div.wrap.banner { display: block; }
	div.col-3-1.banner, div.col-3-2.banner, div.col-2.banner { flex: none; }
	div.col-3-1 div.banner, div.col-2 div.banner { padding-bottom: 20px; }
	
	div.circle {
		border-radius: 210px;
		box-sizing: border-box;
		display: block;
		font-size: 4.125rem;
		height: 210px;
		margin: 0 auto;
		padding-top: 70px;
		width: 210px;
	}
	
	div.circle-text {
		height: auto;
		padding-left: 0;
	}
	
	div.banner-text div {
		display: block;
		height: auto;
	}
	
	div.banner-large { padding: 40px 0 10px 0; }
	div#slideshow div.banner-large h1 { font-size: 1.625rem; margin-bottom: 0; }
	div#slideshow div.banner-large p { line-height: 1; margin-bottom: 40px; }
	div#slideshow div.banner-large, div#slideshow div.banner-large a { font-size: 1.2rem; }
	div.banner-large ul {
		margin-bottom: 20px;
		padding-left: 30px;
	}
	
	div.subpage-links {
		top: 10px;
	}
	
	div.subpage-links a.selected:after {
	  border-top: solid 0px #ffce08;
	  border-left: solid 0px transparent;
	  border-right: solid 0px transparent;
	}
	
	div#slideshow div.slideshow-navi {
		bottom: 10px;
		position: absolute;
		right: 0;
		top: auto;
	}
	
	div.text-content.home-tab-content {
		padding-top: 20px;
	}
	
	div.right-fixed {
		display: none;
	}
	
	div#top-graph {
		height: 100px;
	}
	
	a.os-valitse {
		display: block;
		margin: 0 auto 20px auto;
	}
	
	label.chk {
		max-width: 360px;
	}
	
	div.wrap input, div.wrap textarea {
		background: #f3f0ea;
		width: 100%;
	}   
	
	img.pngimg {
		height: auto;
		width: 20%;
	}
	
	div.subpage-links {
		display: none;
	}
	
	a.subpage-links-open { 
		box-sizing: border-box;
		display: block;
		line-height: 30px;
		margin-top: 10px;
		width: 96%;
	}
	
	div#os-sivu-yleissahkobanneri div.col-3-2 {
		width: 100%;
	}

	div.message.big {
		box-sizing: border-box;
		width: 96%;
	}
	
	div.col-3-1 div.gform_wrapper form {
		padding-left: 0;
		width: 100%;
	} 
	
	div.subpage-links div.col-5-1.count-2:first-child { margin-left: 0%; }
	div.subpage-links div.col-5-1.count-3:first-child { margin-left: 0%; }
	div.subpage-links div.col-5-1.count-4:first-child { margin-left: 0%; }
	
	div.col-3-1 img {
		max-width: none;
	}
	
	div.col-2 p, div.col-2 h2, div.col-3-1 p, div.col-3-1 h2, div.col-3-1 form {
		padding-left: 0;
	}
	
	div.evaste {
		font-size: 0.6rem;
		padding: 10px 0;
	}
	
	div.evaste br {
		display: none;
	}
	
	div.evaste p {
		width: 100%;
	}
	
	div.evaste button {
		font-size: 0.6rem;
		margin: 0 auto;
		padding: 5px 10px;
	}
	
	div.col-3-1 img.gform_ajax_spinner {
		height: auto !important;
		width: 20px !important;
	}
	
	div.banner-large div.col-3-2 img {
		height: 70px;
		width: auto;
	}

	div#slideshow div.banner-large h1, div#slideshow div.banner-large h1 p {
		font-size: 1.625rem;
		margin-bottom: 0;
	}

	div#slideshow div.banner-large p {
		margin-bottom: 0;
	}

	div#slideshow div.banner-large a.read-more {
		line-height: 1.2;
		padding-bottom: 5px;
		padding-top: 5px;
	}

	div.col-3-1 div.circle img {
		height: 80%;
	}

	div.popup {
		width: 96%;
	}

	div.popup a { margin-bottom: 20px; }

	div.landing-nostettu-sisalto {
		margin-top: 0px;
	}

	span.yp-otsikko {
		font-size: 1rem;
	}

	span.yp-otsikko-2 {
		font-size: 1rem; 
	}

	div.landing-nostettu-sisalto img {
		height: auto;
		max-width: 100%;
	}
	
	body.page-template-landing_page div.banner-large div.col-3-2 {
    width: 70%;
	}

	body.page-template-landing_page div.banner-large div.col-3-1 {
		bottom: -80px;
		right: -30px;
    width: 40%;
	}

	span.yp-hinta {
		font-size: 3rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus h1 {
		font-size: 2.5rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus h3.ymparisto {
		font-size: 2rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus h2 {
		font-size: 1.4rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus h3 {
		font-size: 1.4rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus p {
		font-size: 1rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus a.tee-sahkosopimus,
	body.page-template-tmpl-muuttajan-sahkosopimus div.gform_wrapper input[type="submit"] {
		font-size: 1rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus p.small {
		font-size: 0.8rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus span.text {
		display: block;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus span.line {
		display: none;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus p.copyright {
		font-size: 1rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus div.block {
		padding-left: 20px;
		padding-right: 20px;
	}

	body.page-id-11791 div.col-3-1 img {
		height: auto;
		max-width: 100%;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus img {
		height: auto;
		max-width: 96%;
	}

	body.page-id-11791 div#slideshow {
    height: 300px;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus div.ymparisto-valinta {
		display: block;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus h1.ymparisto {
		font-size: 2rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus h2.ymparisto {
		font-size: 1.4rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus h3.ymparisto {
		font-size: 1.4rem;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus p.ymparisto {
		font-size: 1rem;
		max-width: 95%;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus div.gform_wrapper input[type="text"],
	body.page-template-tmpl-muuttajan-sahkosopimus div.gform_wrapper input[type="submit"],
	div.phone-form {
		max-width: 95%;
	}
}
/* /600px */

@media only screen and (max-width : 500px) {
	body.page-template-landing_page h1 {
		line-height: -1 !important;
	}
	body.page-template-landing_page div.banner-large div.col-3-2 {
		width: 62%;
	}

	body.page-template-landing_page div.banner-large div.col-3-1 {
		bottom: -80px;
		right: -30px;
    width: 50%;
	}

	body.page-template-tmpl-kampanja div.hero {
		padding-bottom: 4rem;
	}

	body.page-template-tmpl-kampanja div.hero-text {
		width: 100%;
	}

	body.page-template-tmpl-kampanja img.right-img {
		right: -9rem;
	}

	body.page-template-tmpl-kampanja div.hero h1 {
		font-size: 1.3rem;
		letter-spacing: normal;
	}

	body.page-template-tmpl-kampanja div.hero h1 span {
		font-size: 1rem;
	}

	body.page-template-tmpl-kampanja span.hinta {
		font-size: 5rem;
		letter-spacing: -0.2rem;
	}

	body.page-template-tmpl-kampanja span.snt {
		font-size: 2rem;
	}

	body.page-template-tmpl-kampanja img.right-img {
		bottom: auto;
		left: 0;
		max-width: 150px;
		right: auto;
		top: 140px;
	}

	div.landing-text {
		padding-top: 120px;
	}

	span.mobile-br {
		display: block;
		height: 1px;
	}

	body.page-template-tmpl-yellow-black h1 {
		font-size: 3.5rem;
	}

	body.page-template-tmpl-yellow-black div.hinta {
		font-size: 10rem;
		letter-spacing: -0.8rem;
	}

	body.page-template-tmpl-yellow-black div.hinta span {
		margin-top: 0;
	}

	body.page-template-tmpl-yellow-black p.iso {
		font-size: 1.2rem;
	}

	body.page-template-tmpl-yellow-black a.tee-sahkosopimus {
		max-width: 80%;
		padding: 18px;
	}

	body.page-template-tmpl-yellow-black form {
		max-width: 90%;
	}

	body.page-template-tmpl-yellow-black h3 {
		font-size: 1rem;
	}

	body.page-template-tmpl-yellow-black img.laatikko {
		margin-left: 16px;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus div.hero {
		height: 200px;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus div.block {
		padding-top: 20px;
		padding-bottom: 0;
	}

	body.page-template-tmpl-opiskelijan-sahkosopimus a.share-messenger,
	body.page-template-tmpl-opiskelijan-sahkosopimus a.share-whatsup {
		display: inline-block;
	} 

	body.page-template-tmpl-muuttajan-sahkosopimus p.bigger {
		font-size: 1.2rem;
		margin-bottom: 20px;
	}

	body.page-template-tmpl-muuttajan-sahkosopimus p {
		margin-bottom: 20px;
	}

	div.hero-404 {
		height: 200px !important;
	}

	span.aspa-email {
		font-size: 1rem;
	}
}

/* 500 */

/* Kielivalikko putoaa hampurilaisen alle */
@media only screen and (max-width : 450px) {
	/*ul#lang-navi {
		margin-top: 60px;
		margin-right: 0;
	}*/
}