﻿.form_calc .header{
	font-family:'Arial';
	font-size:24px;
	color:#d6d6d6;
	margin:25px 0;
	display:block;
}
.form_calc .header span,
.form_calc .header i{
	display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  zoom: 1;
}
.form_calc .header span{
	margin-right:48px;
	color:#d6d6d6;
}
.form_calc .header span.last{
	float:right;
}

.form_calc .header i{
	font-style:normal;
	background:#d6d6d6; /*#9e5caa;*/
	color:#fff;
	font-size:18px;
	padding:.3em .6em;
	margin:-.1em .5em 0 0;

  -webkit-border-radius: 1em;
     -moz-border-radius: 1em;
          border-radius: 1em;
}
.form_calc .header span.active{
  color:#000;
}
.form_calc .header span.active i{
  background:#9e5caa;
}


.radio_block,
.check_block{
	display:block;
	position:relative;
}
.check_block input,
.radio_block input{
	cursor:pointer;
	width:100%;
	height:100%;
	position:absolute;
	top:0; left:0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:	alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
}

.drive_age,
.car_type_item,
.dsgo_item{
	float:left;
	width:19.5%;
	height:150px;
	text-align:center;
	padding-top:50px;
	font-size:18px;
	font-family:'Arial';
	color:#a5a5a5;
}
.drive_age{
  width:33%;
  padding-top:55px;
  height:auto;
}
.drive_age.active,
.car_type_item.active,
.dsgo_item.active{
  color:#915bb9;
}

.drive_age label,
.car_type_item label{
	width:185px;
	margin:10px auto 0 auto;
	display:block;
}
.drive_age label{
  margin:20px 0 0 0;
}
.drive_age label,
.drive_age label small{
	display:block;
	text-align:left;
	clear:both;
}


.drive_age.radio_block small{
  font-family:'Arial';
  font-size:14px;
	line-height:20px;
	padding-top:5px;
}

.drive_age i,
.car_type_item i{
	display:block;
	background:url(/img/sprite.png);
	height:66px;
	width:121px;
	margin:0 auto;
}
.drive_age i{
	margin:0;
}

#drivers_options{
	margin-top:40px;
}

.pass i{width:121px; background-position:-3px 1px;}
.buss i{width:124px; background-position:-126px 1px;}
.truck i{width:116px; background-position:-258px 1px;}
.trailer i{width:101px; background-position:-380px 1px;}
.moto i{width:65px; background-position:-482px 1px;}

.active.pass i{width:121px; background-position:-3px -66px;}
.active.buss i{width:124px; background-position:-126px -66px;}
.active.truck i{width:116px; background-position:-258px -66px;}
.active.trailer i{width:101px; background-position:-380px -66px;}
.active.moto i{width:65px; background-position:-482px -66px;}


#sub_car_type{
	min-height:290px;
	border:1px solid #ededed;
	background:#f9f9f9;
	width:100%;
	margin:15px auto;
	position:relative;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;

}

.arr,
.arr span{
  border-color: transparent transparent  #ededed transparent;
  border-style: solid;
  border-width: 12px;
  height: 0;
  position: absolute;
  width: 0;
  margin:0;
  padding:0;
}
.arr span{
	left: -12px;
  top: -10px;
  border-color: transparent transparent  #f9f9f9 transparent;
	z-index:10;
}

#sub_car_type > .arr{
  left: 50px;
  top: -24px;
}
#osago_options > .arr{
	left:50px;
	top:-24px;
}
#drivers_options > .arr{
	left:50px;
	top:-24px;
}


#sub_car_type .inner{
	margin:35px auto;
	width:80%;
	max-width:900px;
	min-height:100px;

}

.sub_car_type_dep .radio_block{
	display:block;
	float:left;
	height:120px;
	text-align:center;
	color:#a5a5a5;
	font-size:18px;
	font-family:'Arial';
}
.sub_car_type_dep .radio_block small{
  font-family:'Arial';
	font-size:14px;
}
.sub_car_type_dep .radio_block i{
	display:block;
	height:32px;
	width:88px;
	background:url(/img/sprite.png);
	margin: 0 auto 17px auto;
}
.sub_car_type_dep .radio_block.active{
	color:#925bba;
}

.displace_item i{
	height:32px;
	width:88px;
}
.displace_item{	width:24.9%;	}
.seats_item,
.capacity_item,
.mdisplace_item,
.trailer_type{		width:49.9%;	}
.sub_car_type_dep.buss,
.sub_car_type_dep.truck,
.sub_car_type_dep.trailer,
.sub_car_type_dep.moto{width:50%; margin:0 auto;}

.sub_car_type_dep .d1600 i{	background-position:-3px -132px; width:60px;margin-bottom:11px;}
.sub_car_type_dep .d2000 i{	background-position:-65px -132px; width:73px;margin-bottom:11px;}
.sub_car_type_dep .d3000 i{	background-position:-142px -132px; width:79px;margin-bottom:11px;}
.sub_car_type_dep .d9000 i{	background-position:-226px -132px; width:84px;margin-bottom:11px;}

.sub_car_type_dep .active.d1600 i{	background-position:-3px 	-164px; margin-bottom:11px;}
.sub_car_type_dep .active.d2000 i{	background-position:-65px 	-164px; margin-bottom:11px;}
.sub_car_type_dep .active.d3000 i{	background-position:-142px 	-164px; margin-bottom:11px;}
.sub_car_type_dep .active.d9000 i{	background-position:-226px 	-164px; margin-bottom:11px;}

.sub_car_type_dep .s20 i{	background-position:-2px -196px; width:60px; height:33px;}
.sub_car_type_dep .s21 i{	background-position:-63px -196px; width:102px; height:33px;}
.sub_car_type_dep .active.s20 i{	background-position:-2px -229px; }
.sub_car_type_dep .active.s21 i{	background-position:-63px -229px; }

.sub_car_type_dep .c20 i{background-position: -163px -199px; width: 65px;height: 33px;}
.sub_car_type_dep .active.c20 i{background-position: -163px -231px; }
.sub_car_type_dep .c21 i{background-position: -223px -198px; width: 105px; height: 33px;}
.sub_car_type_dep .active.c21 i{background-position: -223px -231px;}

.sub_car_type_dep .d300 i{background-position: -328px -196px; width: 40px;height: 33px;margin-bottom:10px;}
.sub_car_type_dep .active.d300 i{background-position: -325px -231px; margin-bottom:10px;}
.sub_car_type_dep .d301 i{background-position: -370px -197px; width: 50px;height: 33px;margin-bottom:10px;}
.sub_car_type_dep .active.d301 i{background-position: -370px -231px; margin-bottom:10px;}

.sub_car_type_dep .t1 i{background-position: -312px -277px; width:55px;height: 34px;}
.sub_car_type_dep .active.t1 i{background-position: -312px -315px; width:55px height:34px}
.sub_car_type_dep .t2 i{background-position: -368px -277px; width: 95px;height: 34px;}
.sub_car_type_dep .active.t2 i{background-position: -368px -315px}

.sub_car_geo_block{
	background:#fff;
	border:1px solid #d9d9d9;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	position:relative;
	padding:6px;
}

.sub_car_geo_block{
	margin:28px 0;
}

.sub_car_geo_block label{
		border-right: 1px dotted #C5C5C5;
    color: #7C7C7C;
    display: block;
    float: left;
    font-family: 'Arial';
    font-size: 16px;
    height: 29px;
    margin: -6px 10px -6px 0;
    overflow: hidden;
    padding: 7px 10px 0 0;
    text-align: left;
    white-space: nowrap;
    width: 200px;
}

.sub_car_geo_block label i{
	width:22px;
	height:31px;
	background:url(/img/sprite.png);
	background-position:-317px -165px;
	margin:-4px 5px 0 0;

	display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  zoom: 1;
}

.sub_car_geo_block .value{
	font-family:'Arial';
	font-size:22px;
	width:60%;
	white-space:nowrap;
	display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  zoom: 1;

	display: block;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.sub_car_geo_block select{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:	alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	width:100%;
	height:50px;
}
/*Сделующий код поймет только сафари*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	.sub_car_geo_block select{
		top:5px;
		font-size:22px;
	}
}



.sub_car_geo_block select option{
	padding-left:32%;
	font-size:22px;
}
.sub_car_geo_block .arr{
  border-color: #000 transparent transparent  transparent;
  border-style: solid;
  border-width: 7px;
  height: 0;
  position: absolute;
  right: 10px;
  top: 45%;
  width: 0;
  margin:0;
  padding:0;
}

.usage_item{
	display:block;
	float:left;
	width:33%;
	color:#bfbfbf;
	font-family:'Arial';
	font-size:18px;
	padding:30px 0 0 0;
}
.usage_item.active{
  color:#925eb6;
}
.usage_item label{
	max-width:170px;
	display:block;
	float:left;
}
.usage_item i{
	display:block;
	float:left;
	height:78px;
	background:url(/img/sprite.png);
	margin:-21px 10px 0 0;
}

.personal i{width:30px; background-position:-572px 0;}
.legal_entity i{width:43px; background-position:-609px 0;}
.as_taxi i{width:92px; background-position:-659px 0; }

.active.personal i{width:30px; background-position:-572px -81px;}
.active.legal_entity i{width:43px; background-position:-609px -81px;}
.active.as_taxi i{width:92px; background-position:-659px -81px;}

.drive_age{display:block;float:left;}
.drive_age.sep{width:83px; height:53px; float:left; background:url(/img/sprite.png) -852px 0;margin:10px 10px 0 10px;}
.drive_age i{background:url(/img/sprite.png);}
/*
.drive_age.small i{width:37px; height:66px; float:left; background-position:-782px 0;}
.drive_age.big i{width:27px; height:66px; float:left; background-position:-820px 0;}
*/

.drive_age.small.active i{background-position:-782px -100%;}
.drive_age.big.active i{background-position:-820px -100%;}

.white_panel,
.gray_panel{
	border:1px solid #ededed;
	background:#f9f9f9;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;
}
.white_panel{
	background:#fff;
	padding:20px;
	margin-top:10px;
	position:relative;
}

.white_panel .arr{
	top:-25px;
	right:110px;
}

.gray_panel {
	position:relative;
	margin-top:25px;
	min-height:100px;
	padding:25px 18px 25px 18px;
}

.disabled .gray_panel,
.disabled.gray_panel{
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}

.opt_marker{
	font-family:Arial;	
	display:block;
	position:absolute;
	right:-12px;
	top:25px;
	background:#9e5caa;
	padding:2px 20px;
	color:#fff;
	font-size:14px;
	
}
.opt_marker .arr,
.opt_marker .arrl{
  border-color: transparent transparent transparent #f9f9f9;
  border-style: solid;
  border-width: 11px;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  margin:0;
  padding:0;
}
.opt_marker .arr{
  border-color: #68466e transparent transparent #68466e;
  border-width: 6px;
  top:21px;
  right:0;
  left:auto;
}

.drive_age i{background:url(/img/sprite.png);}
.drive_age.small i{width:37px; height:66px; /*float:left;*/ background-position:-782px 0;}
.drive_age.big i{width:27px; height:66px; /*float:left;*/ background-position:-820px 0;}


.radio_block.bool{	float:left;}
.radio_block.bool.yes{margin-right:10px;}

.bool i{ background:url(/img/sprite.png); display:block;}
.bool.yes i{ width:80px; height:24px;  background-position:-856px -66px; }
.bool.no i{ width:60px; height:24px;  background-position:-940px -66px; }
.active.bool.yes i{ width:79px; height:24px;  background-position:-856px -90px; }
.active.bool.no i{ width:60px; height:24px;  background-position:-940px -90px; }

.bool.need{margin-right:25px;}
.bool.need i{ width:114px; height:32px;  background-position:-350px -131px; }
.active.bool.need i{ width:114px; height:32px;  background-position:-350px -164px; }


.accident_item{width:20%; float:left; margin-bottom:25px;}
.accident_item label{
	display:block;
	font-size:20px;
	color:#a5a5a5;
	font-family:Arial;
}
.accident_item a{
	font-size:11px;
	color:#000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
.accident_item a.active{
	background:#9e5caa;
	color:#fff;
	width:16px;
	height:15px;
	padding-top:1px;
	margin-top:2px;
	text-align:center;

	display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  zoom: 1;

  -webkit-border-radius: 1em;
     -moz-border-radius: 1em;
          border-radius: 1em;

}

.facilities_reasons label{
  font-family: 'pf_beausans_prothin';
	color:#777;
	font-size:13px;
	float:left;
	margin-top:1px;
	width:90%;
}
.facilities_reasons input{
  float:left;
  margin-right:5px;
}
.facilities_reasons .clear{
	margin-bottom:6px;
}
.addition_info{
	font-size:10px;
	color:#777;
	display:none;
}

.facilities_reasons .arr,
.facilities_reasons .arr span{
  border-color: transparent #ededed transparent  transparent;
}
.facilities_reasons .arr span{
  border-color: transparent #f9f9f9 transparent  transparent;
}
.facilities_reasons .arr{
	left: -24px;
  top: 65px;
}

.is_dsago.need i{ width:140px; height:38px; background-position:-593px -158px;}
.is_dsago.no i{ width:92px; height:38px; background-position:-885px -234px;}
.is_dsago.need.active i{ width:140px; height:38px; background-position:-593px -196px;}
.is_dsago.no.active i{ width:92px; height:38px; background-position:-885px -271px;}

.dsgo_item {
    display: block;
    float: left;
    height: auto;
    padding: 25px 0;
    width: 24.9%;
}

.dsgo_item label small{
	font-family:Arial;
	display:block;
}
.dsgo_item i {
  background: url("/img/sprite.png") repeat scroll -468px -167px rgba(0, 0, 0, 0);
  display: block;
  margin: 0 auto 20px auto;
  height: 75px;
  width: 57px;
}
.dsgo_item.active i{
  background-position:-529px -167px;
}
.dsgo_item.one i{background: url("/img/sprite.png") repeat scroll -478px -274px rgba(0, 0, 0, 0);}
.dsgo_item.one.active i{background: url("/img/sprite.png") repeat scroll -539px -274px rgba(0, 0, 0, 0);}

.dsgo_item.two i{background: url("/img/sprite.png") repeat scroll -727px -273px rgba(0, 0, 0, 0);}
.dsgo_item.two.active i{background: url("/img/sprite.png") repeat scroll -788px -273px rgba(0, 0, 0, 0);}

.dsgo_item.three i{background: url("/img/sprite.png") repeat scroll -468px -166px rgba(0, 0, 0, 0);}
.dsgo_item.three.active i{background: url("/img/sprite.png") repeat scroll -529px -166px rgba(0, 0, 0, 0);}

.dsgo_item.four i{background: url("/img/sprite.png") repeat scroll -604px -273px rgba(0, 0, 0, 0);}
.dsgo_item.four.active i{background: url("/img/sprite.png") repeat scroll -665px -273px rgba(0, 0, 0, 0);}

#dsgo_options .arr{
  top:-25; left:78%;
display:none;
}
.widther{
padding-top:5px;
}