html {
	background: none;
}
body {
	background:
	linear-gradient(to right,#f0f2f2,#fff 130px,#fff 50%,transparent),
	linear-gradient(to left,#f0f2f2,#fff 130px,#fff 50%,transparent);
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
  font-size:16px;
}

header {
	max-width: none;
}
header img {
	display: block;
}
h1,h2,h3,h4,h5,h6,p,span,strong,em {
	font-weight: normal !important;
}

p.ingress {
	font-family: 'Toyota Display Regular';
	font-size: 1.7rem;
}

@media (min-width: 992px) {

	p.ingress {
		font-family: 'Toyota Display Regular';
		font-size: 2.7rem;
	}

}

.t1-spinner-container {
	position: absolute;
	width: 100%;
}

.t1-spinner {
	position: relative;
	top: -45px;
	margin: 0 auto;
	font-size: 10px;
	text-indent: -9999em;
	border-radius: 50%;
	border-top: 1.1em solid rgba(30, 42, 50, 0.2);
	border-right: 1.1em solid rgba(30, 42, 50, 0.2);
	border-bottom: 1.1em solid rgba(30, 42, 50, 0.2);
	border-left: 1.1em solid rgba(30, 42, 50, 0.6);
	transform: translateZ(0);
	animation: spinner 1.1s infinite linear;
	width: 10em;
	height: 10em;
}

.t1-spinner-small {
	border-top: 0.5em solid rgba(30, 42, 50, 0.2);
	border-right: 0.5em solid rgba(30, 42, 50, 0.2);
	border-bottom: 0.5em solid rgba(30, 42, 50, 0.2);
	border-left: 0.5em solid rgba(30, 42, 50, 0.6);
	width: 3em;
	height: 3em;
}

@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.koeajo-2016-button {

	display: inline-block;

	border-radius: 5px;
	border: 2px solid white;

	overflow: hidden;
	position: relative;
	padding: 14px 20px;
	margin: 0 0 6px;

	font-family: 'Toyota Display Regular';
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	text-transform: uppercase;

	transition: all 0.1s ease;

}

.koeajo-2016-button + .koeajo-2016-button {
	margin-right:1rem;
}

.koeajo-2016-button:hover {
	background: #fff;
	color: #009cf1;
	transition: all 0.1s ease;
}

/* wrapper */

#scroll-wrapper {
	/*opacity: 0.0;*/
}


/* Herokuva */

#header img {
	width: 100%;
}

/* Intro */

#intro-2016 {
	background: #009cf1;
	padding-top: 20px;
}

.testdrive-legend {
	display: block;
}

.link-jalleenmyyja {

}


.link-hybridilaskuri {

}


/* Koeajon tiedot/ominaisuudet */

.koeajo-feature {
	padding-bottom: 10px;
}

.koeajo-feature img {
	display: block;
	margin: 0 auto;
	max-width: 80px;
}

.koeajo-feature-title {
	font-family: 'Toyota Display Bold';
	text-transform: uppercase;
	margin-bottom: 10px;
}

.koeajo-feature p {
	font-size: 1.4rem;
	line-height: 1.8rem;
}


/* Automessut 2016 */

#auto-2016 {
	color: #000;
	background: #fff;
	position: relative;
}

#auto-2016 .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
}

#auto-2016 .text-content strong {
	font-family: 'Toyota Display Bold';
}

/* auto 2016 tekstipalsta */

#auto-2016 .text-content {
	float: none;
	margin: 0;
	padding: 30px 0;
	max-width: none;
	width: 100%;
}

@media (min-width: 768px) {

	#auto-2016 .text-content {
		float: right;
		padding: 15px 15px 0 15px;
		margin: 0 -15px;
		max-width: 560px;
		width: 100%;
	}

}

@media (min-width: 992px) {

	#auto-2016 .text-content {
		padding: 80px 15px 0 15px;
	}

}

#auto-2016 h2 {
	color: #00a0f0;
	margin-bottom: 20px;
	text-align: center;
}

#auto-2016 p {
	color: #000;
	text-align: center;
	padding: 0 30px;
	/*margin: 0 auto;*/
	/*width: 80%;*/
}

/* auto 2016 kuvapalsta */

.auto-2016-image {
	width: 100%;
}
.auto-2016-image-tall {
	display: block;
}
.auto-2016-image-wide {
	display: none;
}

@media (min-width: 1466px) {

	.auto-2016-image-tall {
		display: none;
	}
	.auto-2016-image-wide {
		display: block;
	}

}

/* Koeajot */

/* #viikon-parhaat-koeajot */

#viikon-parhaat-koeajot {
	font-family: 'Toyota Display Regular';
	background: #fff;
	color: #000;
	padding: 40px 0;
}

#viikon-parhaat-koeajot .logo {
	padding: 0px 40px;
	max-width: 500px;
	margin: 0 auto;
	display: block;
	width: 100%;
}

#viikon-parhaat-koeajot .ingress {
	color: #000;
	/*transform: translateY(50%);*/
	padding-top: 20px;
}

#viikon-parhaat-koeajot .ingress a {
	color: black;
}
#viikon-parhaat-koeajot .ingress a:hover {
	text-decoration: underline;
}

#viikon-parhaat-koeajot .koeajo-box h4 {
	margin-bottom: 10px;
	text-transform: uppercase;
}

.koeajo-box {
	position: relative;
	border: 5px solid #009cf1;
	border-radius: 5px;
	padding: 50px 0;
	margin-top: 50px;
}

.koeajo-box-title {

	background: #fff;

	font-family: 'Toyota Display Regular';
	font-size: 3.0rem;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0;

	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);

	padding: 5px 10px;

}

/* Koeajojen tulokset */

.icon-wrapper {
	padding: 20px;
}

.koeajo-stat {
	text-align: center;
	position: relative;
}

#sahkoajon_osuus_percentage {
	position: absolute;
	top: 37%;
	left: 50%;
	transform: translateX(-50%);
}

.koeajo-stat-value {
	font-family: 'Toyota Display Heavy';
	font-size: 1.6rem;
	color: #0084f8;
	text-transform: uppercase;
}

.koeajo-stat .title {
	font-family: 'Toyota Display Bold';
	font-size: 1.4rem;
	padding: 5px;
	text-transform: uppercase;
}

/* Viikon parhaat koeajot */

.koeajo-box-viikon-parhaat {
	/*min-height: 950px;*/
	padding-top: 100px;
}

@media (min-width: 768px) {

	.koeajo-box-viikon-parhaat {
		padding-top: 50px;
	}

}



/** Iframe raportti **/
#iframe-report {
	margin-bottom: 20px;
	display: none;
	background: url('../img/t1-loader.gif') no-repeat center 25px / 45px 45px; 
}

@media (max-width: 479px) {
	#iframe-report iframe { height: 600px; }
}


/* Taulut */

.tables-container {
	padding-right: 15px;
	padding-left: 15px;
}

.koeajo-stats-table {
	margin-bottom: 30px;
}


.table-row {
	font-family: 'Toyota Display Regular';
	display: block;
	font-size: 1.3rem;
	/*padding: 4px 9px;*/
}
.koeajo-link {
	color: black;
}
.koeajo-link:hover,
.koeajo-link:hover span {
	text-decoration: underline;
}

.table-row:after {
	content: '';
	clear: both;
	display: block;
}

.table-row:nth-of-type(odd) {
	background: #cdebf6;
}

.table-row.table-header {
	font-family: 'Toyota Display Bold';
	background: transparent;
}


.table-cell {
	float: left;
	display: block;
	padding: 5px;
	/*vertical-align:*/
}

.koeajo-stats-table-1 .table-cell {
	width: 33%;
}

.koeajo-stats-table-2 .table-cell.table-cell-name {
	width: 20%;
}
.koeajo-stats-table-2 .table-cell.table-cell-electric-pct {
	width: 25%;
}
.koeajo-stats-table-2 .table-cell.table-cell-model {
	width: 25%;
}
.koeajo-stats-table-2 .table-cell.table-cell-dealer {
	width: 30%;
}

	/* View more */

	.table-view-more {
		text-align: right;
		padding: 0 15px;
	}
	.table-view-more:hover {
		text-decoration: underline;
	}

	.table-view-more p {
		font-family: 'Toyota Display Bold';
		cursor: pointer;
		color: #000;
	}

	.table-view-more .show-less {
		display: none;
	}
	.table-view-more .show-more {
		display: block;
	}

	.table-view-more.is-active .show-less {
		display: block;
	}
	.table-view-more.is-active .show-more {
		display: none;
	}


	/* pagination */

	.pagination-wrapper {
		text-align: center;
	}

	.pagination-container {
		user-select: none;
		border: 1px solid #009ddb;
		display: inline-block;
		border-radius: 4px;
		padding: 0 20px;
		margin: 20px 0;

		opacity: 0;
	}

	.pagination-container .arrow {
		color: #009ddb;
		cursor: pointer;
		font-size: 2.4rem;
	}

	.pagination-container .arrow:hover {
		color: #000;
		transition: color 0.1s ease;
	}

	.pagination-container .arrow img {
		max-width: 16px;
	}
	.pagination-container .arrow img:hover {
		filter: grayscale(100%) brightness(200%) invert(100%);
	}

	.pagination-container .page-select {
		font-family: 'Toyota Display Heavy';
		cursor: pointer;
		font-size: 1.6rem;
		margin: 0 3px;
	}
	.pagination-container .page-select.is-selected,
	.pagination-container .page-select.is-selected:hover
	{
		color: #009ddb;
	}
	.pagination-container .page-select:hover {
		color: #999;
	}

	.pagination {
		display: inline-block;
		position: relative;
		top: -3px;
		width: 230px;
	}



#viikon-parhaat-koeajot,
section.D {
	background: transparent;
}

/* jm site overrides */

.show-jm {
	display: none;
}

body.jm-site .show-jm {
	display: block;
}

body.jm-site .hide-jm {
	display: none;
}

body.jm-site .tables-wrapper .table-column:nth-of-type(1) {
	width: 100%;
}

body.jm-site .tables-wrapper .table-column:nth-of-type(2) {
	display: none;
}

body .D #toggleAccordion {
	padding-bottom: 5em;
}