/*
 #change-blocks {
	display: flex;
	flex-direction: row;
 }

	.calc-block { order: 1; }
	.visual-block { order: 2; }
	.deck-block { order: 3; }
*/

 .attention div.tx2 a,
 .attention span.tx2 a {
	color: #cbc9c9;
 }

 #calculator .select-parameters .type-disc-weight-select .nice-select.medium span {
	font-size: 18px;
 }

 #calculator .select-parameters .label.count {
		padding-left:5px;
 }

 #calculator .calculator-form label {
	color: #fff;
	/*margin: 8px 0;*/
	margin: 13px 8px 8px 14px;
	display: inline-block;
 }

 #calculator .width-select {
	padding-right: 8px;
	width: 34%;
 }

 #calculator .profiles-select {
	padding-left: 8px;
	padding-right: 10px;
	width: 33%;
 }
 
 #calculator .radius-select {
	padding-left: 10px;
	width: 33%;
 }

 #calculator .count-select {
	padding-right: 10px;
	width: 34%;
	box-sizing: border-box;
 }

 #calculator .width-select.usa {
	width: 31%;
 }

 #calculator .profiles-select.usa {
	width: 36%;
 }

 #calculator .width-disc-weight-select {
	width: 50%;
	padding-right: 8px;
	float: left;
	box-sizing: border-box;
 }

 #calculator .radius-disc-weight-select {
	width: 50%;
	padding-left: 8px;
	float: left;
	box-sizing: border-box;
 }

 #calculator .count-disc-weight-select {
	width: 34%;
	padding-right: 8px;
	box-sizing: border-box;
	float: left;
 }

 #calculator .type-disc-weight-select {
	width: 66%;
	padding-left: 8px;
	box-sizing: border-box;
	float: left;
 }


 #calculator .calculator-form .nice-checkbox+span {
	margin: -2px 7px 0 0;
 }

 #standart-page .content.calc p {font-size: 13px;}
 #standart-page .flex-table-xs .w8 {width: 14%;}
 
 #calculator .attention div.tx2 {color: #cbc9c9;text-align: left;}
 #calculator .attention.a-right div.tx2 {margin-left: 52px;}
 #calculator .attention.a-right div.tx1 {margin-right: -22px; padding-bottom: 10px}
 #calculator .attention div.tx1 {color: #cbc9c9;}

 input#dotcode {
	width: 100px;
	font-size: 22px;
	color: #353536;
 }

 .zinput:not(.top) input {font-size: 15px;}
 .zinput.top .calcbtn {
	float: right;
	margin-top: 4px;
 }

 #calculator_sizes_table td.radius span,
 #calculator_sizes_table td.radius em {
	border: 1px solid #b7b8bb;
	padding: 2px 5px;
	border-radius: 3px;
	text-align: center;
	color: #b7b8bb;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	cursor: pointer;
	z-index: 100;
	margin-left: 10px;
	font-style: normal;
	-moz-user-select: none;
	-webkit-user-select: none
 }

 #calculator_sizes_table td.radius span,
 #calculator_sizes_table td.radius em {
	vertical-align: middle
 }

 #calculator .left,
 #similar-sizes .left {width: 40%;float: left}

 #calculator .right,
 #similar-sizes .right {width: 60%;float: right}

 #similar-sizes {background: #616570;padding: 30px}
 #calculator {background: #616570;padding: 30px}

 .calculator-form {
	background: #7b7f8b;
	/*width: 400px;*/
	padding: 30px 38px;
	box-sizing: border-box;
	border: 1px solid #8c909e;
	border-radius: 10px;
	width: 88%;
 }

 .calculator-form .select {float: left;position: relative;}

 #calculator .label {
	clear: both;
	font-family: "HelveticaLight";
	color: #fff;
	padding: 4px 0 7px;
	font-size: 14px;
	margin: 0
 }

 .calculator-form .button {clear: left;padding-top: 10px;text-align: right}
 .calculator-form .nice-select {width: 100%}

 #similar-sizes h3,
 #calculator h2,
 #calculator h3 {
	font-size: 22px;
	margin: 0 0 25px 0;
	font-family: "HelveticaRegular", sans-serif;
	color: #fff;
	text-align: left;
	text-transform: none
 }
 #similar-sizes .intro,
 #calculator .intro {color: #fff;font-size: 12px;margin-bottom: 35px}
 #similar-sizes .intro a,
 #calculator .intro a {text-decoration: underline;color: #fff}

 .calculator-table td {color: #fff;font-size: 13px;padding: 8px 0}
 .calculator-table table {width: 100%;border-collapse: collapse;margin-bottom: 15px}
 .calculator-table tr.dark td {background: #4e515a;font-size: 12px;/*padding: 14px 10px !important;*/}
 .calculator-table tr.dark td:first-child {font-size: 14px;padding-left: 25px}
 .calculator-table td.bb {border-bottom: 1px solid #71757f}
 .calculator-table td.br {border-right: 1px solid #71757f}
 .calculator-table tr td:last-child {width: 30%}
 .calculator-table tr.dark td span {color: #acb1c2;font-family: "HelveticaLight"}

 .calculator-table tr:not(.dark) td:first-child {border-left: 50px solid #616570}
  
 .calculator-table tr.dark td.grey {background: #6e727e;}
 .calculator-table table.clearance {width: -webkit-fill-available; margin-left: 25px;}

 .calculator-table input {
	text-align: center;
	border: 1px solid #4d5059;
	border-radius: 3px;
	width: 55px;
	height: 23px;
	margin: -4px 0;
	font-size: 14px;
	padding-top: 2px;
 }

 .calculator-table tr.dark td img {position: relative;top: 2px}

 .calculator-table tr:not(.dark) td:first-child span,
 .calculator-table tr td:last-child span {
	color: #acb1c2;
	font-family: "HelveticaLight";
	padding: 0 3px;
 }

 #calculator .found .label {color: #d5d6d9;font-size: 12px;margin-bottom: 10px}
 #calculator .found {margin-top: 20px;color: #d5d6d9;font-size: 12px}
 #calculator .found span:first-child,
 #calculator .found .strong {text-decoration: underline !important}
 #calculator .found span:last-child {text-decoration: none}
 #calculator .found img {display: inline-block;vertical-align: middle;margin-right: 10px}
 #calculator .found .winter img {margin-right: 12px;margin-left: 1px}
 #calculator .found .winter {margin-bottom: 5px}
 #calculator .bottom {margin-top: 50px;color: #f1f2f4;font-size: 12px;float: left;width: 40%;}
 #calculator .bottom .width-33 {width: 100%;}
 #calculator .bottom p {margin: 10px 0;position: relative}
 #calculator .bottom .row p {padding-right: 45px;font-size: 11px}

 #calculator .bottom .row p:before {
	content: "•";
	position: absolute;
	left: -18px;
	top: 3px;
	font-size: 30px;
	line-height: 10px
 }

 .show-calc-models .label {font-size: 20px;margin-right: 30px}
 .show-calc-models {text-align: center;padding: 25px 0}
 .show-calc-models .label .red {font-family: "HelveticaLight";font-weight: 600}
 .show-calc-models>* {display: inline-block;vertical-align: middle;margin-bottom: 0}
 .show-calc-models label {margin: 0 0 0 20px;font-family: "HelveticaRegular", sans-serif;font-size: 12px}
 .show-calc-models input.btn-dark-grey {margin-left: 25px}

 #similar-sizes h3 {
	font-size: 22px;
	text-transform: none;
	font-family: "HelveticaRegular", sans-serif;
	text-align: left;
	margin-top: 0
 }

 #calculator_sizes_table .size {display: none; border-bottom: 1px solid #71757f;}
 #calculator_sizes_table .radius em {display: none}

 #similar-sizes .left {
	padding-right: 60px;
	box-sizing: border-box;
	font-size: 13px
 }

 table#calculator_sizes_table {
	width: -webkit-fill-available;
	border-collapse: collapse;
	margin: 0 20px;
 }

 #calculator_sizes_table td.radius {
	border-bottom: 1px solid #71757f;
	border-top: 1px solid #71757f;
	text-align: left;
	font-size: 20px;
	font-family: "HelveticaBold", sans-serif;
	color: #ed1c24;
	background: #575b65;
 }

 #calculator_sizes_table td {
	font-size: 12px;
	padding: 12px 10px;
	border-right: 1px solid #71757f;
	text-align: center;
	border-left: none
 }

 #calculator_sizes_table td:last-child {
	border-right: none
 }

 #calculator_sizes_table input.btn-dark-grey {
	margin: -8px 0;
	height: 26px;
	line-height: 26px;
	width: 85px;
	min-width: inherit;
	padding: 0;
	font-size: 12px;
	background: #7e818b;
	border: 1px solid #898b93;
 }

 #calculator_sizes_table .strong {color: #6b6b6b}
 #calculator_sizes_table tr.size:nth-child(odd) td {/*background: #6e727e;*/}
 #calculator_sizes_table td:first-child {text-align: left}
 #calculator_sizes_table tr.min td {font-size: 12px;}
 #calculator_sizes_table tr.min img {vertical-align: middle}

 #calculator_sizes_table .strong td,
 #calculator_sizes_table .min td {
	padding: 8px 10px
 }

 #calculator_sizes_table td.radius:first-letter {color: #fff;}
 #calculator_sizes_table td.white {background: none;background: #575b65;}

 #calculator_sizes_table .size td,
 #calculator_sizes_table .size td a {
	font-size: 13px;
	font-family: ProximaNova;
	font-weight: normal
 }

 #calculator_sizes_table .size td a {text-decoration: underline;color: #fff;}
 #calculator .attention span.tx2 br {display: block}

 #calculator .attention span.tx2 {
	color: #b4b5b8;
	font-size: 11px
 }

 #calculator .attention {
	padding: 33px 0 5px 0;
	border-bottom: none;
	margin-bottom: 0
 }

 .help-content #calculator .attention {
	padding: 0 0 5px 40px;
 }

 .calculator-table .fx tr td:last-child {width: 100px}
 .attention.calculator span.tx2 {font-size: 12px}
 .attention.calculator {border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;margin: 0 30px}

 #calculator .found span a {color: #d5d6d9}

 #calculator.page {
	margin: 0 -56px 0 0;
	padding-bottom: 45px
 }

#animated_calc{
	height: 200px;
	margin: auto;
	margin: 25px 0px 70px 40px;
	position: relative;
	display: flex;
	justify-content: center;
}
#calc_side_view{
	height: 200px;
	min-width: 434px;
	margin-top: 0px;
}
#calc_front_view{
	min-width: 180px;
	height: 200px;
	display: inline-block;
}
#calc_front_view .first_wheel, #calc_front_view .second_wheel{
	height: 100%;
	width: 86px;
	display: inline-block;
	position: relative;
	
}
#calc_side_view .first_wheel,
#calc_side_view .second_wheel{
	height: 100%;
	width: 200px;
	display: inline-block;
	position: relative;
}
#calc_side_view .second_wheel{
	margin-left: 10px;
	right: 0px;
}

#first_wheel{
	left: 0px;
}

.tire_side, .tire_front{
	height: 100%;
	position: absolute;
}
.disk_side{
	height: 80%;
	margin: 10%;
	position: absolute;
}
.calc_rad_box, .calc_width_box{
	position: absolute;
	width: 100%;
	border: 1px solid #fff;
	border-bottom: 20px solid transparent;
	border-radius: 4px 4px 0px 0px;
	
}
.calc_prof_box, .calc_height_box{
	position: absolute;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 4px 0px 0px 4px;
	border-right: 20px solid transparent;
}
.calc_height_box{
	width: 20px;
	margin-left: -10px;
}
.calc_rad_box_text, .calc_width_box_text{
	position: relative;
	color: #fff;
	width: 30px;
	background-color: #616570;
	text-align: center;
	margin: auto;
	margin-top: -10px;
}
.calc_rad_box_text{
	width: 30px;
}
.calc_width_box_text{
	width: 40px;
}
.calc_prof_box_text, .calc_height_box_text{
	color: #fff;
	position: absolute;
	margin-left: -5px;
	background-color: #616570;
	text-align: center;
	border-radius: 3px;
}
.calc_prof_box_text{
	/*width: auto;*/
	width: max-content;
	bottom: 4px;
	padding-right: 5px;
}
.calc_height_box_text{
	width: 64px;
	bottom: 35px;
	left: -30px;
}
.calc_vertical_text{
	transform: rotate(-90deg);
	transform-origin: right, top;
	-ms-transform: rotate(-90deg);
	-ms-transform-origin:right, top;
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin:right, top;
	position: absolute; 
}
.wheel_size{
	position: absolute;
	bottom: -25px;
	width: 100%;
	text-align: center;
	color: #fff;
	
}
.calc_table_width_title, .calc_table_height_title, .calc_table_rad_title, .calc_table_prof_title{
	cursor: default;
}
