.ranger-calc{
	margin:2em 0;
	padding:10px;
	border:1px solid #1e83b7;
}
.ranger-calc-title{
	font-weight:700;
	font-size:150%;
	text-align:center;
	text-transform:uppercase;
}
.calc-block{
	display:table;
	width:100%;
	padding-bottom:20px;
}
.calc-block > div{
	display:table-cell;
}
.calc-block .sq_min,.calc-block .sq_max{
	width:50px;
	font-weight:700;
	font-size:120%;
}
.calc-block .sq_min{
	border-right:1px solid #1e83b7;
}
.calc-block .sq_max{
	border-left:1px solid #1e83b7;
	text-align:right;
	width:55px;
}
#sq{
	-webkit-appearance: none;
	width:100%;
	height:5px;
	margin:13px 0;
	background:#93bbcf;
	vertical-align:bottom;
	outline:none;
	cursor:-webkit-grab;
}
#sq::-webkit-slider-thumb{
	-webkit-appearance: none;
	width:10px;
	height:30px;
	background:#1e83b7;
}
.sq_slid{
	position:relative;
}
.sq_slid:after{
	content:'';
	position:absolute;
	display:block;
	width:100%;
	height:5px;
	bottom:-10px;
	border-bottom:1px solid;
	background-repeat:no-repeat !important;
}
.ranger-calc-price{
	text-align:center;
	font-size:120%;
}
.center{
	text-align:center;
}
.clr:after{
	content:'';
	display:table;
	width:100%;
}
#s,.cost{
	display:inline-block;
	margin:10px 0;
	font-weight:700;
	font-size:150%;
	color:red;
}
.calc-btns{
	text-align:center;
}
.calc-btns a{
	display:inline-block;
	width:32%;
	margin:10px 0;
	padding:10px;
	font-weight:700;
	text-decoration:none;
	box-sizing:border-box;
	background:#1e83b7;
	vertical-align:middle;
	color:#fff;
}
.tab-btn{
	margin:0;
	padding:0;
	width:100%;
	box-sizing:border-box;
}
.tab-btn li{
	display:block;
	float:left;
	margin:0 5px -1px 0;
	padding:8px;
	font-size:15px;
	border:1px solid;
	cursor:pointer;
}
.tab-btn li.active span,.tab-btn li:hover span{
	color:red;
}
.tab-btn li.active{
	border-bottom-color:#fff;
}
.tab-content .tab{
	display:flex;
	justify-content:space-between;
	overflow:hidden;
	padding:5px;
}
.tab-content{
	border:1px solid;
}
.tab-content .tab > div{
	width:208px;
	max-width:33%;
	box-sizing:border-box;
	margin:5px;
	border:1px solid #777;
}
.tabs{

}
.tabs-title{
	margin:5px 0;
	font-weight:700;
	font-size:120%;
}
.tabs-sub-title span{
	font-weight:700;
	font-style:italic;
}
.tab-content .tabs-meta{
	padding:10px;
}
.tab-content .tabs-meta div:first-child{
	font-size:150%;
}
.tabs-lnk a{
	display:block;
	margin-top:10px;
	padding:5px;
	border:1px solid;
	text-decoration:none;
}
.tabs-lnk a:hover{
	background:#1e83b7;
	color:#fff;
}
.compare{
	margin:2em 0;
	padding:20px;
	border:1px solid;
}
.compare > div{
	width:50%;
	float:left;
}
.compare li{
	float:left;
	width:50%;
	margin-top:7px;
	font-size:16px;
	box-sizing:border-box;
	padding:0 35px;
	background-position:0 50%;
	background-repeat:no-repeat;
}
.compare-title{
	font-weight:700;
	font-size:180% !important;
	background:0 !important;
	padding-left:0 !important;
}
.compare-title:first-child{
	color:green;
}
.compare-title:first-child + li{
	color:red;
}
.compare li:nth-child(odd){
	background-image:url(img/pl.png);
}
.compare li:nth-child(even){
	background-image:url(img/mn.png);
}

@media all and (max-width:600px){
	.compare li{
		float:none;
		width:initial;
		padding-right:0;
	}
	.compare li:nth-child(even){
		margin-bottom:20px;
	}
	.tab-btn li{
		margin-right:0;
		font-size:13px;
	}
	
}