@charset "UTF-8";  
/* common */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,input,button,textarea,p,blockquote,th,td,figure{
	margin: 0;
	padding: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
table{
	border-spacing: 0;
}
img{
	border: none;
}
ul li{
	list-style: none;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}
sup,sub{
	vertical-align: baseline;
}
*{
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}
input,button,textarea,select,optgroup,option{
 	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input:focus,textarea:focus,select:focus{
	outline: none;
}
input[type='checkbox'],input[type='submit'],input[type='reset'],input[type='radio'],input[type='image'],input[type='file'],button,label{
	cursor: pointer;
}
a,label{
	text-decoration: underline;
	outline: none;
	color: inherit;
}
a:hover,label:hover{
	text-decoration: none;
}
html, body{
	height: 100%;
}
body{
	font-family: Arial, sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 150%;
}
.center{
	text-align: center;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	float: none !important;
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
.clearfix:after{
	float: none !important;
	content: ' ';
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
.animate{
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
/*	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;*/
}
.circle{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.blue{
	color: #215f8b;
}
.red{
	color: #bd4647;
}
/* off */
.table{
	display: table;
	border-spacing: 0;
	width: 100%;
}
.td{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff url('../images/bg.jpg') no-repeat center bottom;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.wrapper{
	width: 982px;
	padding: 0 10px 10px;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
}
/* header */
header{
	position: relative;
	z-index: 1;
	padding-bottom: 10px;
	background: #fff;
}
header .top{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 140%;
	height: 17px;
	color: #808285;
	background: #f1f1f1;
}
header .top a{
	text-decoration: none;
}
header .top a:hover{
	text-decoration: underline;
}
header .top > ul > li{
	float: left;
	height: 17px;
	padding: 0 30px 0 10px;
}
header .top > ul > li:not(.lang-box){
	border-right: solid 1px #c3c3c4;
}
.lang-box{
	cursor: default;
	position: relative;
	margin-left: -1px;
	padding: 0 !important;
}
.lang{
	position: relative;
	z-index: 1;
	display: block;
	height: 17px;
	padding-left: 10px;
	padding-right: 12px;
	border: solid 1px transparent;
	border-top: 0 none;
	border-bottom: 0 none;
}
.lang img{
	margin-bottom: 1px;
}
.lang-box:hover .lang{
	border-color: #000;
	background-color: #fff;
	-webkit-box-shadow: 0 -4px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 -4px 8px rgba(0,0,0,0.5);
	box-shadow: 0 -4px 8px rgba(0,0,0,0.5);
}
.lang-box:hover .lang:after{
	display: block;
	position: absolute;
	left: 0;
	top: 17px;
	content: ' ';
	width: 150px;
	height: 8px;
	background: #fff;
}
.lang-select{
	display: none;
	position: absolute;
	left: 0;
	top: 16px;
	min-width: 150px;
	padding: 10px;
	border: solid 1px #000;
	color: #404245;
	background: #fff;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.lang-box:hover .lang-select{
	display: block;
}
.lang-select a{
	display: block;
	padding: 6px 6px 8px 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.lang-select a:hover{
	background: #f1f1f1;
}
header .middle{
	height: 63px;
	background: #fff;
}
header h1{
	font-family: Verdana, sans-serif;
	padding: 19px 0 0;
	font-size: 22px;
	line-height: 100%;
	color: #404245;
}
header .logo .td{
	font-size: 0;
	line-height: 0;
	height: 63px;
}
header .menu{
	font-size: 12px;
	height: 30px;
	background: rgb(98,140,178);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyOGNiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNiNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(98,140,178,1) 0%, rgba(0,59,106,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,140,178,1)), color-stop(100%,rgba(0,59,106,1)));
	background: -webkit-linear-gradient(top,  rgba(98,140,178,1) 0%,rgba(0,59,106,1) 100%);
	background: -o-linear-gradient(top,  rgba(98,140,178,1) 0%,rgba(0,59,106,1) 100%);
	background: -ms-linear-gradient(top,  rgba(98,140,178,1) 0%,rgba(0,59,106,1) 100%);
	background: linear-gradient(to bottom,  rgba(98,140,178,1) 0%,rgba(0,59,106,1) 100%);
}
header .menu ul{
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
}
header .menu li{
	position: relative;
	float: left;
	margin-right: 2px;
	line-height: 28px;
}
header .menu li:after{
	position: absolute;
	right: -2px;
	top: 0;
	content: ' ';
	width: 1px;
	height: 30px;
	border-left: solid 1px #003b6a;
	background: rgba(255,255,255,0.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
}
header .menu li a{
	display: block;
	padding: 0 10px;
	height: 30px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
header .menu li.active a{
	color: #003b6a;
	background: rgb(225,225,226);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(225,225,226,1) 1%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(225,225,226,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(225,225,226,1) 1%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(225,225,226,1) 1%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(225,225,226,1) 1%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(225,225,226,1) 1%,rgba(255,255,255,1) 100%);
}
header .menu li.active a{
	cursor: default;
}
/* header off */

/* content */
div[role='main']{
	background: #dee0e2 url('../images/role.png') repeat-x center top;
}
div[role='main'] .main{
	position: relative;
	padding: 10px;
	height: 688px;
	background: url('../images/main.png') no-repeat center top;
}
div[role='main'] .secondary{
	position: relative;
	padding: 10px 10px 0;
	min-height: 195px;
}
div[role='main'] .main .title{
	width: 700px;
}
div[role='main'] .secondary .title{
	width: 600px;
	font-size: 12px;
	line-height: 150%;
	min-height: 97px;
}
.title h2{
	font-family: Verdana, sans-serif;
	padding: 19px 0;
	font-size: 22px;
	line-height: 100%;
	color: #404245;
}
.title p{
	padding: 0 0 19px;
}
.category{
	position: absolute;
	width: 200px;
	height: 200px;
	margin: 0;
	-webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px 1px 0 #fff, inset 1px -1px 0 #fff, inset -1px -1px 0 #fff;
	-moz-box-shadow: inset 1px 1px 0 #fff, inset -1px 1px 0 #fff, inset 1px -1px 0 #fff, inset -1px -1px 0 #fff;
	box-shadow: inset 1px 1px 0 #fff, inset -1px 1px 0 #fff, inset 1px -1px 0 #fff, inset -1px -1px 0 #fff;
}
.secondary .category{
	width: 264px;
	height: 264px;
}
.category.small{
	width: 134px;
	height: 134px;
}
.economical.category{
	left: 32px;
	top: 150px;
}
.clean.category{
	left: 94px;
	top: 300px;
}
.powerful.category{
	left: 32px;
	top: 450px;
}
.dieselmarket.category{
	right: 82px;
	top: 172px;
}
.secondary .category{
	right: 60px;
	top: -70px;
}
.category a,
.category div{
	display: block;
	width: 176px;
	height: 176px;
	padding: 12px;
	text-decoration: none;
	background: rgba(255,255,255,0.8);
}
.secondary .category a,
.secondary .category div{
	width: 232px;
	height: 232px;
	padding: 16px;
}
.category.small a{
	width: 118px;
	height: 118px;
	padding: 8px;
}
.category a > img,
.category div > img{
	display: block;
	width: 100%;
	height: 100%;
}
.category .outside{
	display: block;
	position: absolute;
	right: -20px;
	top: 10px;
	display: block;
	width: 57px;
	height: 57px;
	padding: 9px;
	background: rgba(255,255,255,0.8);
}
.secondary .category .outside{
	right: auto;
	top: auto;
	left: -20px;
	bottom: 2px;
	width: 74px;
	height: 74px;
	padding: 12px;
}
.category .outside .inside{
	display: block;
	width: 57px;
	height: 57px;
	background: #215f8b;
}
.secondary .category .inside{
	width: 74px;
	height: 74px;
}
.category a:hover .outside .inside{
	background: #003b6a;
}
.category .description{
	position: absolute;
	left: 232px;
	top: 28px;
	width: 300px;
}

.category.small .description{
	width: 253px;
	left: -50px;
	top: 164px;
}
.category .name{
	font-family: Verdana, sans-serif;
	display: block;
	padding: 0 0 4px 10px;
	font-size: 26px;
	color: #215f8b;
	background: url('../images/arrow-right-blue.png') no-repeat left center;
}
.category a:hover .name{
	color: #003b6a;
	background-image: url('../images/arrow-right-blue-over.png');
}
.category .text{
	display: block;
	padding: 2px 0 0 10px;
}
.cars ul{
	display: table;
	width: 100%;
	border-spacing: 0;
	padding: 100px 0;
}
.cars li{
	display: table-cell;
	padding: 0 8px;
	width: 1000px;
	vertical-align: bottom;
	border-bottom: solid 1px #fff;
}
.cars li .a:hover,
.cars li.active{
	font-weight: bold;
}
.cars li:first-child{
	padding-left: 0;
}
.cars li:first-child,
.cars li:last-child{
	width: 0;
}
.cars li:last-child{
	padding-right: 0;
}
.cars .box{
	position: relative;
}
.cars .box:first-child{
	z-index: 1;
	padding: 0 0 8px;
}
.cars li.active .box:first-child{
	z-index: 3;
}
.cars li:last-child .box:first-child{
	padding: 0 8px 8px;
}
.onclick{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	margin: -25px 0 0;
	margin: -35px 0 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
	-webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px 1px 0 #fff, inset 1px -1px 0 #fff, inset -1px -1px 0 #fff;
	-moz-box-shadow: inset 1px 1px 0 #fff, inset -1px 1px 0 #fff, inset 1px -1px 0 #fff, inset -1px -1px 0 #fff;
	box-shadow: inset 1px 1px 0 #fff, inset -1px 1px 0 #fff, inset 1px -1px 0 #fff, inset -1px -1px 0 #fff;
}
.cars li.active .onclick{
	width: 190px;
	height: 190px;
	margin: -120px 0 0 -95px;
}
.cars li .a{
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}
.cars li.active .a{
	cursor: default;
}
.lowprice{
	width: 106px;
	height: 49px;
	background: url('../images/lowprice.png') no-repeat center bottom;
}
.lowprice:hover,
.cars li.active .lowprice{
	background-image: url('../images/lowprice-over.png');
}
.compact{
	width: 118px;
	height: 50px;
	background: url('../images/compact.png') no-repeat center bottom;
}
.compact:hover,
.cars li.active .compact{
	background-image: url('../images/compact-over.png');
}
.multipurpose{
	width: 114px;
	height: 50px;
	background: url('../images/multipurpose.png') no-repeat center bottom;
}
.multipurpose:hover,
.cars li.active .multipurpose{
	background-image: url('../images/multipurpose-over.png');
}
.largefamily{
	width: 137px;
	height: 45px;
	background: url('../images/largefamily.png') no-repeat center bottom;
}
.largefamily:hover,
.cars li.active .largefamily{
	background-image: url('../images/largefamily-over.png');
}
.suv{
	width: 142px;
	height: 52px;
	background: url('../images/suv.png') no-repeat center bottom;
}
.suv:hover,
.cars li.active .suv{
	background-image: url('../images/suv-over.png');
}
.total{
	width: 69px;
	height: 66px;
	background: url('../images/total.png') no-repeat center bottom;
}
.total:hover,
.cars li.active .total{
	background-image: url('../images/total-over.png');
}
.cars .name{
	position: absolute;
	left: 0;
	bottom: -44px;
	width: 100%;
	height: 32px;
	line-height: 16px;
	color: #215f8b;
}
.cars .td{
	height: 32px;
}
.cars .a:hover .name,
.cars li.active .name{
	color: #003b6a;
}
.tab{
	display: none;
}
.tab.active{
	display: block;
}
.tab h2{
	padding: 10px;
	font-size: 18px;
	color: #fff;
	background: #215f8b;
}
.tab h2 .right{
	font-size: 12px;
}
.tab .group{
	display: none;
}
.tab .group.active{
	display: block;
}
.tab .box{
	padding: 20px 10px 8px;
	/*height: 212px;*/
	height: 242px;
	background: #f2f3f4;
}
.tab .info{
	width: 442px;
	/*height: 192px;*/
	height: 220px;
	padding: 10px;
	background: #e1e1e2;
}
article:not(.total-tab).tab .infobox{
	display: none;
}
.tab .infobox.active{
	display: block;
}
.tab .info h3{
	padding: 0 0 20px;
	font-size: 12px;
	line-height: 150%;
	color: #404245;
	table-layout: fixed;
}
.tab .info h3 .large{
	width: 196px;
	padding-right: 20px;
	font-size: 38px;
	line-height: 90%;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}
.tab .info .dl h3 .large{
	color: #215f8b;
}
.tab .info .bn h3 .large{
	color: #bd4647;
}
.tab .info h3 .name{
	width: 226px;
	text-align: left;
	vertical-align: top;
}
.tab .info h3 .name strong{
	display: block;
	padding-top: 2px;
	font-size: 16px;
	line-height: 90%;
	color: #00142a;
}
.tab .img{
	width: 206px;
	font-size: 0;
	line-height: 0;
}
.tab .img img{
	width: 100%;
}
.tab .desc{
	margin-top: -3px;
	width: 226px;
	white-space: nowrap;
}
.tab .desc table{
	width: 100%;
	font-size: 12px;
	line-height: 150%;
	table-layout: fixed;
}
.tab .desc table td{
	border-top: solid 1px #000;
	vertical-align: top;
	padding: 3px 0;
	width: 33%;
/*	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;*/
}
.tab .desc table td:first-child{
	padding-right: 10px;
	width: 67%;
}
.tab .desc table tr:first-child td{
	padding-top: 0;
	border: 0 none;
}
.tab .desc .small{
	font-size: 10px;
	line-height: 120%;
	color: #404245;
}
.checks{
	width: 470px;
	margin-top: 24px;
}
.checks ul{
	/*old overflow: hidden;*/
	position: relative;
	width: 480px;
	height: 189px;
}
.checks li{
	float: left;
	cursor: pointer;
	width: 210px;
	/*old height: 52px;*/
	height: 61px;
	margin: 1px 0 0 10px;
	padding: 10px 10px 0;
	font-size: 12px;
	line-height: 120%;
	color: #404245;
}
.checks li:nth-child(odd){
	margin-left: 10px;
}
.checks li:first-child,
.checks li:nth-child(2){
	margin-top: 0;
}
.checks li.active{
	cursor: default;
	background: #e1e1e2;
}
.checks .circle{
	width: 24px;
	height: 24px;
	border: solid 2px #215f8b;
	background: #215f8b;
}
.checks .circle.red{
	border: solid 2px #bd4647;
	background: #bd4647;
}
.checks li:hover .circle,
.checks li.active .circle{
	background: #fff !important;
}
.check{
	width: 174px;
}
.check h3{
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
.graph{
	overflow: hidden;
	height: 248px;
/*	height: 332px;*/
	margin-top: 18px;
}
.graph-info{
	display: none;
}
.graph-info.active{
	display: block;
}
.graph .bg{
	position: relative;
	height: 236px;
/*	height: 332px;*/
}
.midline{
	position: absolute;
	left: 0;
	top: 89%;
	width: 100%;
	height: 1px;
	background: #404245;
}
.midline .circle{
	position: absolute;
	top: -3px;
	width: 7px;
	height: 7px;
	background: #404245;
}
.leftdot{
	left: 0;
}
.rightdot{
	right: 0;
}
.position{
	position: absolute;
	left: 4.4%;
	width: 91.2%;
	height: 100%;
}
.scale li{
	position: absolute;
	top: 50%;
	width: 2px;
	height: 23px;
	margin-top: -12px;
	white-space: nowrap;
	font-size: 18px;
	line-height: 100%;
	color: #404245;
	background: #404245;
}
.scale li:nth-child(even){
	width: 1px;
	height: 13px;
	margin-top: -7px;
	font-size: 12px;
}
.scale li .value{
	position: absolute;
	top: 120%;
	left: 50%;
	width: 76px;
	margin-left: -38px;
}
.graph-values{
	left: 6.5%;
	top: 0;
	height: 420px;
/*	height: 590px;*/
}
.graph-values > li{
	position: absolute;
	top: 0;
	width: 0;
	height: 100%;
}
.graph .position > li:nth-child(1){
	left: 0%;
}
.graph .position > li:nth-child(2){
	left: 12.5%;
}
.graph .position > li:nth-child(3){
	left: 25%;
}
.graph .position > li:nth-child(4){
	left: 37.5%;
}
.graph .position > li:nth-child(5){
	left: 50%;
}
.graph .position > li:nth-child(6){
	left: 62.5%;
}
.graph .position > li:nth-child(7){
	left: 75%;
}
.graph .position > li:nth-child(8){
	left: 87.5%;
}
.graph .position > li:nth-child(9){
	left: 100%;
}


.graph .position > li[data-rel='group1']{
	left: 0%;
}

.graph .position > li[data-rel='group2']{
	left: 12.5%;
}

.graph .position > li[data-rel='group3']{
	left: 25%;
}

.graph .position > li[data-rel='group4']{
	left: 37.5%;
}

.graph .position > li[data-rel='group5']{
	left: 50%;
}

.graph .position > li[data-rel='group6']{
	left: 62.5%;
}

.graph .position > li[data-rel='group7']{
	left: 75%;
}

.graph .position > li[data-rel='group8']{
	left: 87.5%;
}

.graph-circles{
	position: absolute;
	height: 50%;
	left: 0;
	top: 0;
	border-left: solid 2px transparent;
	pointer-events: none;
}
@media screen and (min-width:0\0){ 
	.graph-circles{
		-ms-transform: translate(2px,0);
		transform: translate(2px,0);
		border-left-width: 0;
	}
}
.graph-circles li{
	pointer-events: all;
}

.graph-circles.top{
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,0), 1px 0 0 rgba(255,255,255,0);
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,0), 1px 0 0 rgba(255,255,255,0);
	box-shadow: -1px 0 0 rgba(255,255,255,0), 1px 0 0 rgba(255,255,255,0);
}
.graph-circles.bottom{
	top: auto;
	bottom: 0;
	border: 0 none;
}
.graph-circles.bottom:before{
	pointer-events: none;
	position: absolute;
	left: -1px;
	bottom: 100%;
	width: 2px;
	height: 100%;
	content: ' ';
	border-left: solid 1px transparent;
	border-right: solid 1px transparent;
	background: transparent;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
@media screen and (min-width:0\0){ 
	.graph-circles.bottom:before{
		display: none;
	}
}
.graph-circles.top.active{
	border-left-color: #369;
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,1), 1px 0 0 rgba(255,255,255,1);
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,1), 1px 0 0 rgba(255,255,255,1);
	box-shadow: -1px 0 0 rgba(255,255,255,1), 1px 0 0 rgba(255,255,255,1);
}
@media screen and (min-width:0\0){ 
	.graph-circles.top.active{
		-ms-transform: none;
		transform: none;
		border-left-width: 2px;
	}
	.graph-circles.top.active:before{
		display: block;
	}
}
article.total-tab .graph-circles.top{
	border-left-color: transparent !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
[data-rel*='diesel'] .graph-circles.top{
	margin-left: -3px;
}
[data-rel*='benzine'] .graph-circles.top{
	margin-left: -1px;
}
[data-rel*='hybrid'] .graph-circles.top{
	margin-left: 1px;
}
[data-rel*='CNGLPG'] .graph-circles.top{
	margin-left: 3px;
}
[data-rel*='benzine'] .graph-circles.top.active{
	border-left-color: #c33;
}
[data-rel*='hybrid'] .graph-circles.top.active{
	border-left-color: rgba(128,0,128,1);
}
[data-rel*='CNGLPG'] .graph-circles.top.active{
	border-left-color: #9c6;
}
.graph-circles.bottom.active:before{
	border-left-color: #fff;
	border-right-color: #fff;
	background-color: #bd4647;
}
.graph-circles li{
	display: none;
	cursor: pointer;
	opacity: 0.8;
	position: absolute;
	left: 50%;
	width: 18px;
	height: 18px;
	margin-left: -12px;
	border: solid 2px #215f8b;
	background: #215f8b;
}
.graph-circles.bottom  li{
	border-color: #bd4647;
	background: #bd4647;
}

/* TODO */
article:not(.total-tab) .graph-circles:hover li,
article:not(.total-tab)	.graph-circles.active li,
article.total-tab .graph-circles li:hover,
article.total-tab .graph-circles li.active{
	opacity: 1;
	border-color: #fff !important;
}
article.total-tab .graph-circles li:hover,
article.total-tab .graph-circles li.active{
	z-index: 5;
}
article:not(.total-tab)	.graph-circles.active li,
article.total-tab .graph-circles li.active{
	cursor: default;
}

.graph-circles li:nth-child(1){
	display: block;
	bottom: 0%;
}
.graph-circles li:nth-child(2){
	display: block;
	bottom: 6%;
}
.graph-circles li:nth-child(3){
	display: block;
	bottom: 12%;
}
.graph-circles li:nth-child(4){
	display: block;
	bottom: 18%;
}
.graph-circles li:nth-child(5){
	display: block;
	bottom: 24%;
}
.graph-circles li:nth-child(6){
	display: block;
	bottom: 30%;
}
.graph-circles li:nth-child(7){
	display: block;
	bottom: 36%;
}
.graph-circles li:nth-child(8){
    display: block;
    bottom: 42%;
}
.graph-circles li:nth-child(9){
    display: block;
    bottom: 48%;
}
.graph-circles li:nth-child(10){
    display: block;
    bottom: 54%;
}
.graph-circles li:nth-child(11){
    display: block;
    bottom: 60%;
}
.graph-circles li:nth-child(12){
    display: block;
    bottom: 66%;
}
.graph-circles.bottom li:nth-child(1){
	top: 0%;
	bottom: auto;
}
.graph-circles.bottom li:nth-child(2){
	top: 12%;
	bottom: auto;
}
.graph-circles.bottom li:nth-child(3){
	top: 24%;
	bottom: auto;
}
.graph-circles.bottom li:nth-child(4){
	top: 36%;
	bottom: auto;
}
.graph-circles.bottom li:nth-child(5){
	top: 48%;
	bottom: auto;
}
.graph-circles.bottom li:nth-child(6){
	top: 60%;
	bottom: auto;
}
.graph-info{
	padding: 10px 20px 0;
	height: 50px;
	font-size: 12px;
	line-height: 133%;
	background: #d7d9da;
	margin-top: 40px;
}
.graph-info .circle{
	display: inline-block;
	margin: 0 8px -3px 20px;
	width: 14px;
	height: 14px;
	border: solid 1px #fff;
	background: #215f8b;
}
.graph-info .circle.red{
	background: #bd4647;
}
.diagram-box{
	position: relative;
	min-height: 654px;
	background: #e7e9eb;
}
.diagram-box .img{
	display: none;
	position: absolute;
	left: 60px;
	top: 20px;
	padding: 10px;
	width: 267px;
	height: 178px;
	background: #fff;
}
.diagram-box .img.active{
	display: block;
}
.diagram-box .img img{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 267px;
	height: 178px;
}
.diagram-box .img figure{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.diagram-box .img figure.active{
	z-index: 1;
	opacity: 1;
}
.diagram-box .img figcaption{
	position: absolute;
	width: 267px;
	left: 0;
	top: 205px;
	color: #00142a;
}
.diagram-box .img strong{
	display: block;
	font-size: 18px;
}
.diagram{
	position: absolute;
	left: 383px;
	top: 66px;
	margin: 0;
}
.diagram .line{
	position: absolute;
	width: 0;
	height: 0;
}
.diagram .line:before{
	content: ' ';
	position: absolute;
	border-left: solid 1px #666;
	width: 0;
}
#line1{
	left: 59px;
	top: -47px;
	height: 69px;
}
#line1:before{
	left: 3px;
	top: 35px;
	height: 34px;
	-webkit-transform: rotate(-16deg);
	-moz-transform: rotate(-16deg);
	-o-transform: rotate(-16deg);
	transform: rotate(-16deg);
}
#line2{
	left: 181px;
	top: 18px;
	height: 44px;
}
#line2:before{
	left: 15px;
	top: 12px;
	height: 34px;
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	transform: rotate(8deg);
}
#line3{
	left: 261px;
	top: 118px;
	height: 34px;
}
#line3:before{
	left: 14px;
	top: 6px;
	height: 34px;
	-webkit-transform: rotate(32deg);
	-moz-transform: rotate(32deg);
	-o-transform: rotate(32deg);
	transform: rotate(32deg);
}
#line4{
	left: 306px;
	top: 193px;
	height: 27px;
}
#line4:before{
	left: 17px;
	top: 5px;
	height: 34px;
	-webkit-transform: rotate(56deg);
	-moz-transform: rotate(56deg);
	-o-transform: rotate(56deg);
	transform: rotate(56deg);
}
#line5{
	left: 333px;
	top: 282px;
	width: 27px;
}
#line5:before{
	left: 17px;
	top: -8px;
	height: 31px;
	-webkit-transform: rotate(80deg);
	-moz-transform: rotate(80deg);
	-o-transform: rotate(80deg);
	transform: rotate(80deg);
}
#line6{
	left: 327px;
	top: 359px;
	width: 27px;
}
#line6:before{
	left: 15px;
	top: -9px;
	height: 31px;
	-webkit-transform: rotate(-79deg);
	-moz-transform: rotate(-79deg);
	-o-transform: rotate(-79deg);
	transform: rotate(-79deg);
}
#line7{
	left: 299px;
	top: 426px;
	width: 27px;
}
#line7:before{
	left: 11px;
	top: -3px;
	height: 28px;
	-webkit-transform: rotate(-54deg);
	-moz-transform: rotate(-54deg);
	-o-transform: rotate(-54deg);
	transform: rotate(-54deg);
}
#line8{
	right: 92px;
	bottom: 0;
	height: 32px;
}
#line8:before{
	left: -1px;
	top: 3px;
	height: 28px;
	-webkit-transform: rotate(-28deg);
	-moz-transform: rotate(-28deg);
	-o-transform: rotate(-28deg);
	transform: rotate(-28deg);
}
#line9{
	right: 161px;
	bottom: -49px;
	height: 60px;
}
#line9:before{
	left: -3px;
	top: 1px;
	height: 28px;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
#line10{
	right: 225px;
	bottom: -23px;
	height: 53px;
}
#line10:before{
	left: -9px;
	top: -2px;
	height: 31px;
	-webkit-transform: rotate(19deg);
	-moz-transform: rotate(19deg);
	-o-transform: rotate(19deg);
	transform: rotate(19deg);
}
#line11{
	right: 278px;
	bottom: 31px;
	height: 37px;
}
#line11:before{
	left: -13px;
	top: -4px;
	height: 31px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#line12{
	left: 8px;
	top: 388px;
	width: 27px;
}
#line12:before{
	left: 10px;
	top: -12px;
	height: 31px;
	-webkit-transform: rotate(68deg);
	-moz-transform: rotate(68deg);
	-o-transform: rotate(68deg);
	transform: rotate(68deg);
}
#line13{
	left: -3px;
	top: 329px;
	width: 27px;
}
#line13:before{
	left: 10px;
	top: -17px;
	height: 31px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
#line14{
	left: 15px;
	top: 274px;
	width: 20px;
}
#line14:before{
	left: 7px;
	top: -25px;
	height: 31px;
	-webkit-transform: rotate(-64deg);
	-moz-transform: rotate(-64deg);
	-o-transform: rotate(-64deg);
	transform: rotate(-64deg);
}
#line15{
	left: 69px;
	top: 210px;
	height: 20px;
}
#line15:before{
	left: -6px;
	top: -9px;
	height: 31px;
	-webkit-transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	transform: rotate(-40deg);
}
.line .txt{
	cursor: pointer;
	position: absolute;
	color: #215f8b;
	white-space: nowrap;
}
.line .txt:hover,
.over .txt{
	color: #003a6a;
}
.line.active .txt{
	cursor: default;
	color: #404245;
}
.line .txt .percent{
	display: inline-block;
	font-size: 33px;
	padding-right: 10px;
}
.line.reverse .txt .percent{
	padding-right: 0;
	padding-left: 5px;
}
.line .txt .name{
	display: inline-block;
	font-size: 12px;
	line-height: 120%;
}
.line.reverse .txt .name{
	text-align: right;
}
.line .txt .name strong{
	display: block;
	font-size: 14px;
}
#line1 .txt{
	left: -26px;
	top: 0;
}
#line2 .txt{
	left: -2px;
	top: -24px;
}
#line3 .txt{
	left: 3px;
	top: -24px;
}
#line4 .txt{
	left: 17px;
	top: -23px;
}
#line5 .txt{
	left: 41px;
	top: -13px;
}
#line6 .txt{
	left: 40px;
	top: -3px;
}
#line7 .txt{
	left: 33px;
	top: 8px;
}
#line8 .txt{
	left: 18px;
	top: 19px;
}
#line9 .txt{
	left: -24px;
	top: 41px;
}
#line10 .txt{
	right: -18px;
	top: 35px;
}
#line11 .txt{
	right: 11px;
	top: 32px;
}
#line12 .txt{
	right: 39px;
	top: 9px;
}
#line13 .txt{
	right: 35px;
	top: -12px;
}
#line14 .txt{
	right: 29px;
	top: -40px;
}
#line15 .txt{
	right: 13px;
	top: -39px;
}
/* content off */

/* footer */
footer{
	width: 1002px;
	margin: 0 auto;
	padding: 8px 0;
	font-size: 12px;
	line-height: 133%;
	color: #003b6a;
	padding-bottom: 100px;
}
footer .up{
	margin: 0 0 8px;
	padding: 0 10px 8px;
	border-bottom: solid 1px #003b6a;
	font-weight: bold;
}
footer #up{
	cursor: pointer;
}
footer .up img{
	margin-bottom: 2px;
}
footer .menu,
footer .copy{
	font-weight: bold;
	font-size: 10px;
	padding-left: 10px;
}
footer .menu{
	padding-bottom: 4px;
}
footer .menu a{
	text-decoration: none;
}
footer .menu a:hover{
	text-decoration: underline;
}
/* footer off */

/* popup */
.fancybox-skin{
	background: #215f8b;
}
.fancybox-overlay{
	background: rgba(0,0,0,0.2);
}
.fancybox-close{
	right: 9px;
	top: 9px;
	width: 22px;
	height: 22px;
	background: #003b6a url('../images/close.png') no-repeat center center;
	-webkit-background-size: 12px 12px;
	-moz-background-size: 12px 12px;
	-o-background-size: 12px 12px;
	background-size: 12px 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 1px 0 0 #fff, inset -1px 0 0 #fff, inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
	-moz-box-shadow: inset 1px 0 0 #fff, inset -1px 0 0 #fff, inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
	box-shadow: inset 1px 0 0 #fff, inset -1px 0 0 #fff, inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.fancybox-close:hover{
	background-color: #215f8b;
}
.ajax-load{
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 150%;
	background: rgba(0,0,0,0.5);
}
.ajax-text{
	position: absolute;
	left: 50%;
	top: 30%;
	width: 128px;
	height: 24px;
	margin: -12px 0 0 -64px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

/* circles colors */
.graph-circles li.diesel,
.checks li.diesel div.circle{
	border-color: #369;
	background: #369;
}
.total_slider .diesel .circle{
	background: #369;
}
.tab .total_slider .diesel .large{
	color: #369;
}
.graph-circles li.dieselhybrid,
.checks li.dieselhybrid div.circle{
	border-color: purple;
	background: rgb(51,102,153);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzMzY2OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4MDAwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(51,102,153,1) 50%, rgba(128,0,128,1) 50%);
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,rgba(51,102,153,1)), color-stop(50%,rgba(128,0,128,1)));
	background: -webkit-linear-gradient(left,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
	background: -o-linear-gradient(left,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
	background: -ms-linear-gradient(left,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
	background: linear-gradient(to right,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
}
.total_slider .dieselhybrid .circle{
	background: rgb(51,102,153);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzMzY2OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4MDAwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(51,102,153,1) 50%, rgba(128,0,128,1) 50%);
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,rgba(51,102,153,1)), color-stop(50%,rgba(128,0,128,1)));
	background: -webkit-linear-gradient(left,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
	background: -o-linear-gradient(left,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
	background: -ms-linear-gradient(left,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
	background: linear-gradient(to right,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
}
.tab .total_slider .dieselhybrid .large{
	color: purple;
}
.graph-circles li.benzine,
.checks li.benzine div.circle{
	border-color: #c33;
	background: #c33;
}
.total_slider .benzine .circle{
	background: #c33;
}
.tab .total_slider .benzine .large{
	color: #c33;
}
.graph-circles li.benzinehybrid,
.checks li.benzinehybrid div.circle{
	border-color: purple;
	background: rgb(204,51,51);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjYzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4MDAwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(204,51,51,1) 50%, rgba(128,0,128,1) 50%);
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,rgba(204,51,51,1)), color-stop(50%,rgba(128,0,128,1)));
	background: -webkit-linear-gradient(left,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
	background: -o-linear-gradient(left,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
	background: -ms-linear-gradient(left,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
	background: linear-gradient(to right,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
}
.total_slider .benzinehybrid .circle{
	background: rgb(204,51,51);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjYzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4MDAwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(204,51,51,1) 50%, rgba(128,0,128,1) 50%);
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,rgba(204,51,51,1)), color-stop(50%,rgba(128,0,128,1)));
	background: -webkit-linear-gradient(left,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
	background: -o-linear-gradient(left,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
	background: -ms-linear-gradient(left,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
	background: linear-gradient(to right,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
}
.tab .total_slider .benzinehybrid .large{
	/*old color: #693;*/
	color: purple;
}
.graph-circles li.CNGLPG,
.checks li.CNGLPG div.circle{
	border-color: #9c6;
	background: #9c6;
}
.total_slider .CNGLPG .circle{
	background: #9c6;
}
.tab .total_slider .CNGLPG .large{
	color: #9c6;
}
.graph-circles li,
.checks li div.circle{
	width: 22px;
	height: 22px;
	border-width: 0;
	box-sizing: border-box;
}
.checks li div.circle{
	width: 28px;
	height: 28px;
	box-sizing: border-box;
}
article:not(.total-tab) .graph-circles.active li,
article:not(.total-tab) .graph-circles:hover li,
article:not(.total-tab) .checks li:hover div.circle,
article:not(.total-tab) .checks li.active div.circle{
	border-width: 2px;
}
article.total-tab .graph-circles li:hover,
article.total-tab .graph-circles li.active{
	border-width: 2px;	
	
}
article:not(.total-tab) .graph-circles.active li,
article:not(.total-tab) .graph-circles:hover li,
article.total-tab .graph-circles li.active,
article.total-tab .graph-circles li:hover{
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 0 rgba(0,0,0,0.2);
}
.green_red,
.green_blue{
	color: purple;
}
.undefined{
	color: #9c6;
}
/* info-circles */
.bottom_circles.div{
	display: inline;
}
.graph-desc{
	display: block;
}
.circle_{
	display: inline-block;
	padding: 8px 16px 0 0;
	white-space: nowrap;
}
.circle_ *{
	vertical-align: top;
}
.circle_ .circle{
	margin: -1px 8px 0 0 !important;
	text-indent: 20px;
}
.circle.diesel_circle{
	background: #369;
}
.circle.dieselhybrid_circle{
	background: rgb(51,102,153);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzMzY2OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4MDAwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(51,102,153,1) 50%, rgba(128,0,128,1) 50%);
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,rgba(51,102,153,1)), color-stop(50%,rgba(128,0,128,1)));
	background: -webkit-linear-gradient(left,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
	background: -o-linear-gradient(left,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
	background: -ms-linear-gradient(left,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
	background: linear-gradient(to right,  rgba(51,102,153,1) 50%,rgba(128,0,128,1) 50%);
}
.circle.benzine_circle{
	background: #c33;
}
.circle.benzinehybrid_circle{
	background: rgb(204,51,51);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjYzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4MDAwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(204,51,51,1) 50%, rgba(128,0,128,1) 50%);
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,rgba(204,51,51,1)), color-stop(50%,rgba(128,0,128,1)));
	background: -webkit-linear-gradient(left,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
	background: -o-linear-gradient(left,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
	background: -ms-linear-gradient(left,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
	background: linear-gradient(to right,  rgba(204,51,51,1) 50%,rgba(128,0,128,1) 50%);
}
.circle.CNGLPG_circle{
	background: #9c6;
}
.left_desc{
	display: inline-block;
	position: relative;
	left: -30px;
}
.right_desc{
	display: inline-block;
	left: 33px;
	position: relative;
}
.value2{
	display: none;
}
.left_right{
	position: absolute;
  right: 8px;
  top: 2px;
}
.prew-tab,
.next-tab{
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 18px;
	height: 18px;
}
.prew-tab{
	left: 0;
	background: url('../images/left.png') no-repeat;
}
.next-tab{
	right: 0;
	background: url('../images/right.png') no-repeat;
}
.page-cnt{
	margin: -4px 28px 0;
	position: relative;
}
.title_nav{
	margin-left: 10px;
}

.checks li div.circle{
	width: 28px;
	height: 28px;
}



article:not(.total-tab) .graph-circles.active li,
article:not(.total-tab) .graph-circles:hover li,
article:not(.total-tab) .checks li:hover div.circle,
article:not(.total-tab) .checks li.active div.circle{
/*	width: 18px;
	height: 18px;*/
	border-width: 2px;
}
/*.checks li:hover div.circle,
.checks li.active div.circle{
	width: 24px;
	height: 24px;
}*/
/* eof */
[data-rel='group1diesel']{
	left: 0% !important;
}
[data-rel='group2diesel']{
	left: 12.5% !important;
}
[data-rel='group3diesel']{
	left: 24.6% !important;
}
[data-rel='group4diesel']{
	left: 37% !important;
}
[data-rel='group5diesel']{
	left: 49.7% !important;
}
[data-rel='group6diesel']{
	left: 62.5% !important;
}
[data-rel='group7diesel']{
	left: 74.7% !important;
}
[data-rel='group8diesel']{
	left: 87.3% !important;
}
/*аПаОаЗаИб†аИаИ аБаЕаНаЗаИаНаА*/
[data-rel='group1benzine']{
	left: 2.4% !important;
}
[data-rel='group2benzine']{
	left: 15.2% !important;
}
[data-rel='group3benzine']{
	left: 27.55% !important;
}
[data-rel='group4benzine']{
	left: 39.55% !important;
}
[data-rel='group5benzine']{
	left: 52.3% !important;
}
[data-rel='group6benzine']{
	left: 65% !important;
}
[data-rel='group7benzine']{
	left: 77.3% !important;
}
[data-rel='group8benzine']{
	left: 89.8% !important;
}
/*аПаОаЗаИб†аИаИ аГаИаБб€аИаДаОаВ*/
[data-rel='group1hybrid']{
	left: 4.9% !important;
}
[data-rel='group2hybrid']{
	left: 17.74% !important;
}
[data-rel='group3hybrid']{
	left: 30.15% !important;
}
[data-rel='group4hybrid']{
	left: 42.25% !important;
}
[data-rel='group5hybrid']{
	left: 54.9% !important;
}
[data-rel='group6hybrid']{
	left: 67.5% !important;
}
[data-rel='group7hybrid']{
	left: 79.9% !important;
}
[data-rel='group8hybrid']{
	left: 92.3804% !important;
}
/*аПаОаЗаИб†аИаИ б†аНаГаЛаПаГ*/
[data-rel='group1CNGLPG']{
	left: 7.4% !important;
}
[data-rel='group2CNGLPG']{
	left: 20.4% !important;
}
[data-rel='group3CNGLPG']{
	left: 32.9% !important;
}
[data-rel='group4CNGLPG']{
	left: 45% !important;
}
[data-rel='group5CNGLPG']{
	left: 57.7% !important;
}
[data-rel='group6CNGLPG']{
	left: 70.1% !important;
}
[data-rel='group7CNGLPG']{
	left: 82.5% !important;
}
[data-rel='group8CNGLPG']{
	left: 94.9% !important;
}
.tabs_nav{
    height: 20px;
    margin: -26px 0 0;
    position: absolute;
    width: 480px;
}
.total-tab .box{
	position: relative;
	overflow: hidden;
	height: 212px;
	padding: 20px 37px;
}
.total_slider li{
	width: 276px;
	height: 192px;
	margin: 0;
	padding: 10px;
	outline: solid 2px transparent;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.total_slider li:hover,
.total_slider li.active{
	outline: solid 2px #fff;
	background: #E0E0E0;
}
.total_header{
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 4px;
	margin: -3px 0 10px;
	color: #369;
	border-bottom: solid 2px #369;
}
.total-tab .infobox{
	height: 73px;
}
.total-tab .infobox .circle{
	height: 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.total-tab.tab .desc{
	width: 156px;
	margin: 0;
}
.tab .total_slider .img{
	width: 110px;
}
.tab .total_slider .large{
	margin-left: 4px;
	font-weight: bold;
}
.total_slider li .txt{
	overflow: hidden;
	font-size: 14px;
	line-height: 135%;
	height: 36px;
	white-space: normal;
}
.total_header+.infobox{
	margin-bottom: 10px;
}
.total-tab.tab .desc .name{
	padding: 4px 0 0;
}
.total_slider_nav{
	cursor: pointer;
	position: absolute;
	width: 27px;
	height: 252px;
	top: 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 252px;
	background: #215f8b;
}
#prev_total:hover, #next_total:hover{
	background: #003B6A !important;
}

.total_slider_nav#prev_total{
	left: 0;
	background: none repeat scroll 0% 0% #C3C3C4;
}
.total_slider_nav#next_total{
	right: 0;
}
.total_slider_nav[style*='rgb(195, 195, 196)']{
	cursor: default;
}


.total-tab h2{
	background: none repeat scroll 0% 0% #808285

}
.total_slider_box{
	overflow: hidden;
	position: relative;
	margin: -2px;
	padding: 2px;
	width: 888px;
	height: 212px;
}
#total_slider{
	position: relative;
}

.slider_outer{
	width: 2000px;
	transition: 1s ease all;
	position: relative;
	left: 0px;
}


.total_page li{
	cursor: pointer;
}


.total_page{
	opacity: 1;
	float: left;
	margin-right: 10px;
	/* position: absolute; */
	width: 888px;
	height: 212px;
	left: 0;
	top: 0;
	-webkit-transition: 1s ease all;
	-moz-transition: 1s ease all;
	transition: 1s ease all;

}
.active_page{
	opacity: 1;
	z-index: 1;
}
.infopart{
	height: 293px;
}












.category .outside .inside{
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
#homepage .category .outside .inside{
	-webkit-background-size: 100% !important;
	-moz-background-size: 100% !important;
	background-size: 100% !important;
}
#economicalpage .category .outside .inside,
.economical.category .outside .inside{
	background-image: url('../images/tanke-small.png') !important;
}
#cleanpage .category .outside .inside,
.clean.category .outside .inside{
	background-image: url('../images/blaetter-small.png') !important;
}
#powerfulpage .category .outside .inside,
.powerful.category .outside .inside{
	background-image: url('../images/tacho-small.png') !important;
}
#dieselmarketpage .category .outside .inside,
.dieselmarket.category .outside .inside{
	background-image: url('../images/leiterbahnen-small.png') !important;
}
#homepage .dieselmarket.category .outside{
	left: -8px;
	right: auto;
	top: auto;
	bottom: -13px;
	width: 44px;
	height: 44px;
	padding: 7px;
}
#homepage .dieselmarket.category .outside .inside{
	width: 44px;
	height: 44px;
}
.modal_faq{
	display: none;
}
.faq_cl{
	cursor: pointer;
}
/* real eof */


.modal_faq{
	width: 680px;
	height: auto;
	position: fixed;
	background: none repeat scroll 0% 0% #FFF;
	z-index: 10;
	top: 10%;
	overflow: hidden;	
	
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.modal_faq .header{
	display: inline-block;
	width: 100%;
	height: 40px;
	background: none repeat scroll 0% 0% #205F8A;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;		
}
.modal_faq .header .title{
	width: 50%;
	display: inline-block;
	margin-top: 9px;
	margin-left: 15px;		
}
.modal_faq .header .close{
	display: inline-block;
	text-align: right;
	width: auto;
	float: right;
	background: url('../images/close_icon.png') repeat scroll 0% 0% / 100% 100% transparent;		
	width: 22px;
	height: 22px;
	position: relative;
	margin-right: 10px;
	margin-top: 8px;		
	cursor: pointer;
}
.modal_faq .block_title{
	cursor: pointer;
	border-bottom: 1px solid #C7C7C7;
	margin-top: 10px;
	color: #215E8A;		
}
.modal_faq .block_text{
	display: none;
	margin-top: 7px;
}
.modal_faq .content{
	padding: 13px;
	text-align: justify;
}
.modal_faq .block_title{
	background: url('../images/no_act.png') no-repeat scroll 0% 0% transparent;
	padding-left: 12px;
	background-position: 2px 6px;
	text-align: left;
}
.modal_faq .active_f{
	background: url('../images/act.png') no-repeat scroll 0% 0% transparent;
	padding-left: 12px;
	background-position: 2px 6px;		
}
.footer_modal{
	margin-bottom: 9px;
	margin-left: 10px;
}
.modal_button{
    width: 200px;
    height: 29px;
    background: none repeat scroll 0% 0% #437099;
    color: #FFF;
    border: 0px none;
    border-radius: 6px;
}
.modal_button:hover{
	background: none repeat scroll 0% 0% #003B6A;
}
.modal_button.disabled{
	background: #c4c4c4;
}
.text_m{
	margin-bottom: 10px;
}
.overlay_modal{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #797a7e;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 7;
	opacity: 0.4;		
	display: none;
}


#ho_adv{
	display: none !important;
}