@import url('https://fonts.googleapis.com/css?family=Oswald:200, 300, 400, 500, 600, 700&display=swap');
    @import url('https: //fonts.googleapis.com/css?family=Open+Sans:300, 400, 600, 700, 800&display=swap');
    h1  {
    	font-family:  'Oswald',  sans-serif;
    	font-weight:  600;
    	font-size:  4em;
    	line-height:  1em;
    	letter-spacing:  0;
    	padding:  0;
    	margin:  0;
}
h2  {
    	font-family:  'Oswald',  sans-serif;
    	font-weight:  500;
    	font-size:  3.2em;
    	line-height:  1em;
    	letter-spacing:  0;
    	padding:  0;
    	margin:  0;
}
h3  {
    	font-family:  'Oswald',  sans-serif;
    	font-weight:  500;
    	font-size:  2.3em;
    	line-height:  1.2em;
    	letter-spacing:  0;
    	padding:  0;
    	margin:  0;
}
h4  {
    	font-family:  'Oswald',  sans-serif;
    	font-weight:  500;
    	font-size:  2em;
    	line-height:  1.2em;
    	letter-spacing:  0;
    	padding:  0;
    	margin:  0;
}
canvas#chart-container  {
    	font-family:  'Open Sans',  sans-serif;
}
.range_block ul li input, li select#es_enclosure  {
    	font-family:  'Open Sans',  sans-serif;
    	color:  #bc2359;
    	font-weight:  bold;
}
select#num_cycles:focus-visible  {
    	border:  3px solid #bc2359!important;
    	outline:  0!important;
}
select#num_cycles  {
    	width:  78px;
    	border:  3px solid #bc2359;
    	padding:  2px;
    	color:  #bc2359;
    	font-weight:  bold;
}
select#es_enclosure  {
    	width:  78px!important;
		 height: 2em!important;
}
.radio-inline  {
    	display:  inline-block!important;
    	/*float:  left;*/
    	margin-right:  10px;
    	cursor:  pointer;
}
#chartdiv  {
    	width:  100%;
    	height:  500px;
}
.new_but input#new_plot:hover  {
    	background-color:  #006c8a;
    	transition:  all 0.2s linear;
}
/***form page**/.es_range_pg  {
    	float:  left;
    	width:  100%;
}
.es_range_pg h3  {
    	color:  #006c8a;
    	margin:  2% 0 4% 0;
    	font-size:  24px;
}
.range_block ul li  {
    	display:  inline-block;
    	width:  12%;
    	margin-right:  5%;
    	font-family:  'Open Sans',  sans-serif;
    	font-weight:  600;
    	color:  #686868;
    	font-size:  16px;
}
.range_block ul li input, li select#es_enclosure  {
    	width:  78px;
    	border:  3px solid #bc2359;
    	padding:  2px;
}
.range_block ul li:nth-child(1)  {
    	float:  left;
    	width:  35%;
    	text-align:  right;
}
.range_block ul  {
    	margin-bottom:  3%!important;
    	position:  relative;
}
.range_block ul:after  {
    	content:  "";
    	border-bottom:  2px solid #006c8a;
    	width:  100%;
    	position:  absolute;
    	left:  0;
    	bottom:  -7px;
}
.range_block  {
    	float:  left;
    	width:  100%;
}
/*.range_block{
    float: none;
    width: 70%;
    margin: 0 auto;
}*/
/*.es_range_pg .container  {
        width:  800px;
        margin:  0 auto;
}
.range_block  {
    	float:  left;
    	width:  84%;
}*/
.common_block p  {
    	font-family:  'Open Sans',  sans-serif;
    	font-weight:  600;
    	color:  #686868;
}
.side_head  {
    	font-family:  'Open Sans',  sans-serif;
    	font-weight:  bold;
    	color:  #686868;
    	font-size:  18px;
    	width:  40%;
    	text-align:  right;
    	margin-bottom:  2%;
    	margin-top:  5%;
}
.range_secod ul:after  {
    	display:  none;
}
.inner_range  {
    	position:  relative;
}
.inner_range:after  {
    	content:  "";
    	border-bottom:  2px solid #006c8a;
    	width:  100%;
    	position:  absolute;
    	left:  0;
    	bottom:  -23px;
}
.inner_range_two  {
    	position:  relative;
}
.inner_range_two:after  {
    	content:  "";
    	border-bottom:  2px solid #006c8a;
    	width:  100%;
    	position:  absolute;
    	left:  0;
    	bottom:  -23px;
}
.inner_range_three  {
    	position:  relative;
}
.inner_range_three:after  {
    	content:  "";
    	border-bottom:  2px solid #006c8a;
    	width:  100%;
    	position:  absolute;
    	left:  0;
    	bottom:  -23px;
}
.widh_align  {
    	text-align:  left;
}
.range_block ul li input:focus-visible  {
    	outline:  0;
}
.range_block ul li select#es_enclosure:focus-visible  {
    	outline:  0;
}
.range_block ul li input:focus  {
    	outline:  0;
    	border:  3px solid #bc2359;
}
.range_block ul li select#es_enclosure:focus  {
    	outline:  0;
    	border:  3px solid #bc2359;
}
.shape_ul li  {
    	display:  inline!important;
}
.range_block.range_secod  {
    	background:  #ffff98;
    	width:  100%;
    	padding:  25px;
    	margin-bottom:  4%;
}
select#num_cycles  {
    	width:  78px;
    	border:  3px solid #bc2359;
    	padding:  2px;
		height: 2em;
}
ul.no_cycle  {
    	margin-top:  7%!important;
}
.range_secod input[type="radio"]  {
    	-webkit-appearance:  none;
    	-moz-appearance:  none;
    	appearance:  none;
    	display:  inline-block!important;
    	width:  15px!important;
    	height:  15px;
    	padding:  6px;
    	/* background-clip:  content-box;
     */	border:  3px solid #bc2359!important;
    	background-color:  #ffffff!important;
    	border-radius:  50%;
    	/* background:  #006937;
     */	/* padding:  8px;
     */	top:  4px;
    	position:  relative;
    	cursor:  pointer;
    	margin:  0;
}
#content .shape_ul label  {
    	display:  inline-block!important;
    	padding:  0!important;
}
.radio-inline input[type="radio"]:checked  {
    	background-color:  #bc2359!important;
    	margin:  0;
}
.chart_block  {
    	margin-top:  6%;
}
canvas#chart-container  {
    	background:  #ffffff;
}
.new_plot  {
    	float:  left;
    	width:  100%;
    	margin-top:  2%;
    	text-align:  center;
}
.new_plot p  {
    	position:  relative;
    	font-family:  'Open Sans',  sans-serif;
    	font-weight:  600;
    	color:  #686868;
    	font-size:  15px;
    	text-align:  left;
    	padding-left:  4%;
}
.new_plot p:before  {
    	content:  "";
    	height:  6px;
    	width:  6px;
    	background-color:  #686868;
    	border-radius:  50%;
    	display:  inline-block;
    	left:  4px;
    	position:  absolute;
    	top:  6px;
}
.new_but input#new_plot  {
    	background:  #db1e5a;
    	padding:  7px 35px;
    	color:  #ffffff;
    	line-height:  38px;
    	border-radius:  17px;
    	font-size:  22px;
    	font-weight:  bolder;
    	font-family:  'Open Sans',  sans-serif;
    	border:  0;
    	cursor:  pointer;
}
.new_but  {
    	margin-bottom:  2%;
}
.es_range_tool {
    float: none;
    width: 70%;
    margin: 0 auto;
}	
	
	
@media only screen and (max-width: 992px) {
.es_range_tool {
float: left;
width: 100%;
}
.new_but input#new_plot {
    background: #db1e5a;
    padding: 2px 30px;  
    font-size: 18px;
}	
 

}


@media only screen and (max-width: 767px)  {
   
	.range_block.range_secod  {
    		background:  #ffff98;
    		width:  94%;
    		padding:  17px;
    	}
	.range_block ul li  {
    		width:  22%;
    	}
	.range_block ul li:nth-child(1)  {
    		float:  left;
    		width:  49%;
    		text-align:  left;
    	}
	.range_block ul li input, li select#es_enclosure{
	   font-size: 14px;
	}
	ul.shape_ul li {
    margin-right: 1%;
}
.range_block ul li:nth-child(3) {
    width: 10%;
    margin-right: 0;
}
	.side_head  {
    		margin-top:  8%;
    	}
	.new_but input#new_plot  {
    		font-size:  20px;
    	}
	ul.no_cycle  {
    		margin-top:  6%;
    	}
	.range_block  {
    		float:  left;
    		width:  100%;
    	}
	.range_block.range_secod  {
    		padding:  10px;
    	}
		.container {
		width: 100%;
		padding: 0 15px!important;
	}
		
		
}



@media only screen and (max-width:  480px)  {
    	.es_range_pg h3  {
    		font-size:  22px;
    		margin:  2% 0 10% 0;
    	}
	.range_block ul: after  {
    		bottom:  -22px;
    	}
	.range_block ul li  {
    		width:  29%;
    	}
	.range_block ul li: nth-child(3)  {
    		width:  10%;
    	}
	.range_block ul li: nth-child(1)  {
    		width:  46%;
    		margin-right:  3%;
    		text-align:  left;
    	}
	.range_block ul  {
        margin-bottom:  10%!important;
        margin-left:  0!important;
    	}
	.radio-inline  {
    		margin-right:  3px;
    	}
	.side_head  {
    		margin-bottom:  5%;
    	}
	.new_but input#new_plot  {
    		font-size:  16px;
    	}
		.range_block ul li:nth-child(1){
		font-size:14px;
		}
		.range_block ul:after{
		bottom:-23px;
		}
}