.B {
	/*height: 70%;*/
	margin-top:-220px;
}
@media screen and (max-width: 1170px) {
	.B {
		height: auto;
		margin-top: -50px;
	}
}
@media screen and (max-width: 992px) {
	.B {
		height: auto;
		margin-top: -50px;
	}
}
@media screen and (max-width: 768px) {
	.B {
		height: auto;
		margin-top: 80px;
	}
}


.B #average {
	position: relative;
}

.B h4 {
	text-transform: uppercase;
	margin-bottom: 10px;
}

.B .average-pointer-container {
	position: relative;
		left: -50px;
}

.B .average-pointer {
	position: relative;
	max-width: 100px;

	-webkit-transition: all 2.5s ease;
	-o-transition: all 2.5s ease;
	transition: all 2.5s ease;

}

.B .average-value {
	font-family: 'Toyota Display Bold';
	font-size: 22px;
	font-size: 2.2rem;
	position: relative;
		top: 66px;
	z-index: 50;
}

.B .average-container {
	margin-bottom: 30px;
}

.B .average-bar {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 6px 1px rgba(92, 174, 190, 0.69);

	position: relative;
	overflow: hidden;
	width: 100%;
	height: 11px;
	margin-bottom: 30px;
}

.B .average-bar-progress {
	background: url('../img/average-bar-progress.png') top left;
	width: 0%;
	height: 11px;

	-webkit-transition: all 2.5s ease;
	-o-transition: all 2.5s ease;
	transition: all 2.5s ease;
}


/* Vasen palsta */

.B .content-column, .B .stats-column {
	text-align: left;
	padding-top: 3em;
	padding-bottom: 3em;
}

@media screen and (max-width: 992px) {
	.B .content-column {
		text-align: center;
	}
}


.B .content-column h2 {
	font-family: 'Toyota Display Bold';
	text-transform: uppercase;
	line-height: 3.4rem;
	margin-bottom: 20px
}

.B .content-column p {
	font-size: 17px;
	font-size: 1.7rem;
}

.B .emphasis {
	font-family: 'Toyota Display Bold';
	text-transform: uppercase;
}

/* Oikea palsta */

.B h3 {
	text-align: center;
	text-transform: uppercase;
}

@media screen and (max-width: 992px) {
	.B h3{
		text-align: center;
		padding-bottom: 20px;
	}
}

.B .example-testdrive-image {
	width: 100%;
	display: block;
	margin: 30px auto 30px auto;

    max-width: 400px;
    opacity: 1;
    -webkit-transition: all 0.8 ease;
    -o-transition: all 0.8 ease;
    transition: all 0.8 ease;
}


.B .example-testdrive-image:hover {
	opacity: 0.8;
    -webkit-transition: all 0.8 ease;
    -o-transition: all 0.8 ease;
    transition: all 0.8 ease;
}

@media screen and (max-width: 992px) {
	.B .example-testdrive-image {
		display: block;
		margin: 30px auto 30px auto;
		/*width: 100%;*/
		/*margin: 0 auto;*/
	}
}

.B .top3-item {
	text-align: center;
	padding-bottom: 50px;
}

@media screen and (max-width: 992px) {
	.B .top3-item {
		text-align: center;
		padding-bottom: 20px;
	}

}

.B .top3-item .percentage {
	font-family: 'Toyota Display Bold';
	font-size: 60px;
	font-size: 6.0rem;
	display: inline-block;
	line-height: 6.6rem;
}

.B .top3-item .dealer,
.B .top3-item .dealer-icon  {
	font-size: 15px;
	font-size: 1.5rem;
}

.B .top3-item .dealer-icon {
	margin-right: 5px;
}


.ring {
    display: inline-block;
	position: relative;
		top: 13px;
    width: 70px;
    height: 70px;
}

.ring img {
	position: absolute;
		top: 8px;
		left: 8px;
	z-index: 4;
}


svg.pie {

	border-radius: 50%;

	position: absolute;
		top: 0;
		left: 0;

	z-index: 5;

	-webkit-transform: rotate(90deg) scaleY(-1);
	-ms-transform: rotate(90deg) scaleY(-1);
	-o-transform: rotate(90deg) scaleY(-1);
	transform: rotate(90deg) scaleY(-1);

	/*@include transform(rotate(-90deg));*/
	/*@include transform-origin(center);*/

}

svg.pie .circle-1 {
	fill: #ef9109;
	stroke: #ef9109;
	stroke-width: 19px;
	stroke-dasharray: 0 109;
}

svg.pie .circle-2 {
	fill: #ef9109;
	stroke: #ef9109;
	stroke-width: 19px;
	stroke-dasharray: 0 109;
}

svg.pie .circle-3 {
	fill: #001724;
	stroke: #001724;
	stroke-width: 19px;
	stroke-dasharray: 0 109;
}



	svg.pie-average {
		position: absolute;
			top: 14px;
			left: -16px;
	}

	svg.pie-average .circle-2 {
		stroke-width: 34px;
	}