.bar{
width: 236px;
height: 36px;
margin-right: auto;
margin-left: auto;
cursor: pointer;
background:transparent url("../assets/10_polzunok_236.jpg") no-repeat center center;
background-size:cover;
-webkit-appearance: none;
position: relative;
}

.bar:focus{
outline: none;
}
.bar::-webkit-slider-thumb {
cursor: pointer;
border-color: #FFFFFF;
border-style: solid;
border-width: 3px;
height: 30px;
width: 30px;
border-radius: 20px;
background: rgba(236,236,238, 1);
-webkit-appearance: none;
margin-top: 0px;
}
.bar::-moz-range-thumb {
cursor: pointer;
border-color: #FFFFFF;
border-style: solid;
border-width: 3px;
height: 30px;
width: 30px;
border-radius: 20px;
background: rgba(236,236,238, 1);
-moz-appearance: none;
margin-top: 0px;
}
.bar::-ms-track{
background: transparent;
border-color: transparent;
color: transparent;
}
.bar::-ms-thumb{
cursor: pointer;
border-color: #FFFFFF;
border-style: solid;
border-width: 3px;
height: 30px;
width: 30px;
border-radius: 20px;
background: rgba(236,236,238, 1);
}
.bar::-ms-fill-lower{
background: transparent;
border-color: transparent;
color: transparent;
}
.bar::-ms-fill-upper{
background: transparent;
border-color: transparent;
color: transparent;
}


.chb,
.rb {
    display:none;            
}

.chb + label, 
.rb + label {
font-family:Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
font-size: 16px;
color: #757575;
cursor: pointer;
}

.chb + label::before,
.rb + label::before {
    content: "";
    display: inline-block;
 vertical-align: middle;
    height: 30px;
    width: 30px;
}

.chb + label::before {
   background-image: url(../assets/11_chb.png);
    background-repeat: no-repeat;
}
.rb + label::before {
   background-image: url(../assets/11_rb.png);
    background-repeat: no-repeat;
}
.chb:checked + label::before {
  background-image: url(../assets/11_chb_check.png);
    background-repeat: no-repeat;
}
.rb:checked + label::before {
   background-image: url(../assets/11_rb_check.png);
    background-repeat: no-repeat;
}
.chb:disabled + label::before {
   background-image: url(../assets/11_chb.png);
    background-repeat: no-repeat;
}
.chb:checked:disabled + label::before {
    background-image: url(../assets/11_chb.png);
    background-repeat: no-repeat;
}
.rb:disabled + label::before {
    background-image: url(../assets/11_rb.png);
    background-repeat: no-repeat;
}
.rb:checked:disabled + label::before {
    background-image: url(../assets/11_rb.png);
    background-repeat: no-repeat;
}


.okna{
width: 64px;
height: 32px;
text-align: center;
color: #757575;
position: relative;
border-color: #fff;
border-radius: 9px;
border-width: 3px;
border-style: solid;
background-color: #ECECEE;
font-size: 16px;
}


@media (min-width: 900px)
{

 .bar {
     width: 724px;
     background:transparent url("../assets/10_polzunok_724.jpg") no-repeat center center;
 }
 .chb + label, .rb + label {
     font-size: 19px;
 }
 .okna {
     font-size: 18px;
 }

}