.leftblock {
  position: relative;
  width: 990px;
}

ul.type  li:before,
ul.type  li .dec4 {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  background: #000;
}

ul.type li{
  margin-left: 5px;
}

#modal_window_calc {
    top: 65px !important;
	width: 900px;
	padding-bottom: 2px;
	display:none;
	background: #FFF;	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.modal_close {
	position: absolute; top: 12px; right: 12px; display: block; width: 25px; height: 25px; background: url(/_calc_/img/close.png); z-index: 2;
}

.modalWindow h2{
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	color:#000;
	text-align:center;
	font-weight:bold;
	font: normal 32px/22px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.submit .btn a{
	color:#fff;
	text-decoration:none;
}

.circle{
	float:left;
	width: 300px;
	height: 170px;
	text-align:center;
	padding: 0px 0px 0px 0px;
	background: url(/_calc_/img/ico-circle-1.png) no-repeat 50% 50%;
}

.circle-sm{
	float:left;
	width: 225px;
	height: 100px;	
	text-align:center;
	font: normal 14px/14px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;	
}
.circle-sm p{
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
}
.circle-sm span{
	font-size:11px;
	color:#aaa;
}

.ico-circ-01{	background: url(/_calc_/img/ico-circle-sm-1.png) no-repeat 50% 30px;}
.ico-circ-02{	background: url(/_calc_/img/ico-circle-sm-2.png) no-repeat 50% 30px;}
.ico-circ-03{	background: url(/_calc_/img/ico-circle-sm-3.png) no-repeat 50% 30px;}
.ico-circ-04{	background: url(/_calc_/img/ico-circle-sm-4.png) no-repeat 50% 30px;}
.ico-circ-05{	background: url(/_calc_/img/ico-circle-sm-5.png) no-repeat 50% 30px;margin-left: 115px;}
.ico-circ-06{	background: url(/_calc_/img/ico-circle-sm-6.png) no-repeat 50% 30px;}
.ico-circ-07{	background: url(/_calc_/img/ico-circle-sm-7.png) no-repeat 50% 30px;}

.hdr{
	padding: 40px 50px 0px 50px;
	margin: 0px 0px 0px 0px;
	color:#fff;
	font: normal 18px/22px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.tx{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#fff;
	font: normal 24px/20px "PT Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.bx-calc{
	padding: 0px 20px 0px 40px;
	margin-bottom:30px;
}
.bx-calc input{
	margin: 15px 30px 20px 0px;
	width: 255px;
}
.bx-calc input:-moz-placeholder {color: #d32c53;}
.bx-calc input::-webkit-input-placeholder {color: #d32c53;}
.bx-calc .submit-testdrive{
	float: right;
	width: 255px;
}
.bx-calc-msg .green{
	color: #377500;
}
.bx-calc-msg .red{
	color: #d32c53;
}


.circle {
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.circle .hdr {
    padding: 10px 50px 0px 50px;
	text-align:center !important;
		font-size:16px;
}
.circle .tx {
    margin-top: -65px;
	font-size:18px;
}
.circleFlex {
	display:flex;
	 justify-content: space-around;
}

@media (max-width: 900px) {
	#modal_window_calc {
		width:95%;
		max-width:95%;
		left:2.5% !important;
		margin-left:0px !important;
	}
	.flexCircleSm {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-around;
	}
	.circle-sm  {
		width:100%;
		max-width:30%;
		margin-bottom:15px;
		height:auto;
		padding-bottom:65px;
		background-position:center bottom;
	}
	.ico-circ-05 {
		margin-left:0px;
	}
	.circle-sm, .circle-sm p {
		text-align:center !important;
		
	}
}
@media (max-width: 768px) {
	.circle-sm {
        max-width: 48%;
        padding-bottom: 85px;
    }
}
@media (max-width: 580px) {
	.circle-sm {
		width: 100%;
		max-width: 50%;
		margin-bottom: 5px;
		height: auto;
		padding-bottom: 65px;
		background-position: right center !important;
		display: flex;
		background-position: 90% center;
		padding: 25px 65px 25px 0;
		text-align: left !important;
	}
	.flexCircleSm {
		padding:0px 12px;
	}
	.circle-sm, .circle-sm p {
		text-align: left !important;
	}
	.circle {
		width: 170px;
		height: 170px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		max-width: 100%;
		background: #05a2f7;
		height: auto;
		margin-bottom: 10px;
		padding:5px 0;
	}
	.circle .hdr {
		padding: 0;
		text-align: center !important;
		font-size: 14px;
		width: 100%;
	}
	.circle .tx {
		margin-top: 5px;
		font-size: 16px;
	}
	.circleFlex {
		flex-wrap:wrap;
	}
	#modal_window_calc {
		width: 95%;
		max-width: 95%;
		left: 2.5% !important;
		margin-left: 0px !important;
		max-height: 90%;
		overflow-y: auto;
	}
	.modalWindow h2 {
		font-size:24px !important;
	}
	#modal_window_calc::-webkit-scrollbar {
	  width: 5px;
	  background-color: #f9f9fd;
	  height:90%;
	}

	#modal_window_calc::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background-color: #18aaaa;
	}

	#modal_window_calc::-webkit-scrollbar-track {
	  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	  border-radius: 5px;
	  background-color: #f9f9fd;
	  height:90%;
	}
}
@media (max-width: 480px) {
	.circle-sm {
    width: 100%;
    max-width: 100%;
	}
}