/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
    height: 50px;
}
.irs-with-grid {
    height: 75px;
}
.irs-line {
    height: 15px; top: 20px;
    border-radius: 16px;
    -moz-border-radius: 16px;
	
}
    .irs-line-left {
        height: 8px;
    }
    .irs-line-mid {
        height: 12px;
		    background: url(/images/polosa.png)no-repeat; 
	background-size:100% 100%;
    }
    .irs-line-right {
        height: 8px;
    }
	#slider .irs-bar {
    height: 15px; top: 20px;

}
#slider .irs-bar-edge {

    }

#slider2 .irs-bar {
    height: 15px; top: 20px;
    border-top: 1px solid #f54602;
    border-bottom: 1px solid #f54602;
    background: #f54602;
    background: #f54602; /* W3C */
}
#slider2    .irs-bar-edge {
        height: 15px; top: 20px;
        width: 16px;
        border: 1px solid #f54602;
        border-right: 0;
        background: #f54602;
        background: #f54602; /* W3C */
        border-radius: 16px 0 0 16px;
        -moz-border-radius: 16px 0 0 16px;
    }

.irs-shadow {
    height: 2px; top: 23px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: -18px;
    width: 120px; height: 120px;
    background: url(/images/polzunok.png)no-repeat; /* W3C */
    background-position:0px -6px;
    cursor: pointer;
}



.irs-min, .irs-max {
    color: #333;
    font-size: 12px; line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}
 .irs-single {
    font-size: 14px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    top:46px;
	position:absolute;
	z-index:999;
}
.orientir{width:33%;float:left;}
#slider{width:65%;float:left;    position: relative;
    top: -13px;}

#slider  .irs-single{
	color: #1d1d1d;
	font-weight:bold;
	font-size:24px;
	font-family:'OpenSansBold',sans-serif;
}
#slider2  .irs-single{
	color: #f54602;
	font-weight:bold;
	font-size:22px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid {
    height: 27px;
}
.irs-grid-pol {
    opacity: 0.5;
    background: #428bca;
}
.irs-grid-pol.small {
    background: #999;
}

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}

.irs-disabled {
}
h2.zelenii{
	color:#515151;
	font-size:21px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	margin-top:35px;
}
.knopki{
    display:table;
	width:100%;
}
.knopka{
	width:30%;
	float:left;
	transition: all 0.4s linear;
	cursor:pointer;
	position:relative;
	z-index:1;

}
.container{
	width:1200px;margin:0 auto;
}
.knopka-1{

border-radius: 5px;
background-color: #16c913;
margin: 0 2% 0 19%;
border-bottom: 4px solid #13a111;
border-right:  2px solid #13a111;
}
.knopka-1:hover{
		background-color:#16bc12;
		border-right:  2px solid #107b0d;
}



.knopka-2{

border-radius: 5px;
background-color: #f54602;
margin-right: 2%;
border-bottom: 4px solid #be3501;
border-right:  2px solid #be3501;
}
.knopka-2:hover{
		background-color:#df3f02;
		border-right:  2px solid #ab3001;
}

*{
	box-sizing:border-box;
}
.level{
    display: inline-block;
       width: 100%;
     
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;

    padding-top: 15px;
    padding-bottom: 5px;
}
.level-one{
	color:#fff
}
.level-two{
	color:#fff;
}
.knopka:hover .level{
	color:#fff;
}
.text-slider{
	font-size:18px;
	color:#535353;
	margin:0;
}
.polzun{
	width:80%;
	float:left;
}
.polz{
	display:table;
	width:100%;
}
.kol-vo{
	float:left; width:140px;
	font-size:16px;
	color:#535353;
	line-height:31px;
}
.orient{
	font-size:16px;
	color:#535353
}
.content-1{font-size:30px;font-family:'OpenSansExtraBold',sans-serif;color:var(--links);margin-top:5px;display:inline-block;}
.content-2{
	color: #f54602;
    font-weight: bold;
    font-size: 22px;
}
.tochnii{
	float:left;
	width:20%;
	margin-left:0%;
	margin-right:0%;
	margin-top:29px;
}
.tochno a{
font-size:16px;
text-align:center;
display:inline-block;
width:100%;
text-decoration:none;
color:#fff;
padding:15px 0;	
border:1px solid var(--links);
transition:.3s
}
.tochno a:hover{
background:#fff;
color:var(--links)
}
.tochno-1 a{
	background:var(--links);
}
.tochno-2 a{
	background:#e64605;
}
.chernii{
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    font-weight: normal;
    color: #515151;
    margin-bottom: 5px;
}
.display{
	display:table;
}
.no-display{
	display:none;
}
@media (max-width:1200px){
	.level {
     width: 80%;
    margin: 0 10% 0 10%;
	padding-top: 10px;
    padding-bottom: 10px;
	}
}
@media (max-width:987px){
	
.knopki{display:none;}
}
@media (max-width:767px){
.knopki{
	display:none;
}
}
