/* стиль input:radio */
.radio-container{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.radio-container *{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.radio-container .radio-btn{
  overflow: hidden;
}
.radio-container .radio-btn1{

}
.radio-container .radio-btn.nth-1{width: calc(100% - 1px);}
.radio-container .radio-btn.nth-2{width: calc(50% - 1px);}
.radio-container .radio-btn.nth-3{width: calc(33.3333% - 1.4px);}
.radio-container .radio-btn.nth-4{width: calc(25% - 1.5px);}
.radio-container .radio-btn label{
  background: #030612;
  display: block;
  padding: 6px 12px;
  text-align: center;
  color: white;
  border: 1px solid #999;
}
.radio-container .radio-btn input{display: none;}
.radio-container .radio-btn input:checked + label{
  background: #3d51ab;
  color: white;
}
.radio-container .radio-btn:first-child label{
  border-left: 1px solid #999;
}
.radio-container .radio-btn:last-child label{
}
/* стиль input:radio -конец- */

/* контейнеры */	
fieldset{
  font-size:15px;
  border: 1px solid #999;
  margin: 30px 0;
  padding: 20px;
}
fieldset legend{
  padding: 0 1em;
    margin: 0px 0; 
}
/* контейнеры -конец-*/

/* ползунок */
.range {
    -webkit-appearance: none; margin:10px;
}
.range{
    -webkit-appearance: none;
    border-radius:2px;
    height:8px;
    outline : none;
    border:1px solid blue;
	
}
.range::-webkit-slider-thumb{
    -webkit-appearance: none;
    width:16px;
    height:16px;
    background:#3f7add;
    border-radius:16px;
    cursor:pointer;
    transition:.1s;

}
.range::-webkit-slider-thumb:hover, .range::-webkit-slider-thumb:active{
    width:24px;
    height:24px;
}

.range_out {border:1px solid white; }
/* ползунок -конец-*/