.container_calc{
    width:95%;
    margin:0px auto;
}
.container_calc h4{
    margin-top:5px;
    margin-bottom:5px;
}
.container label {
  position: relative;
margin-left:25px;
}
.container span::before,
.container span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.container span.radio:hover {
  cursor: pointer;
}
.container span.radio::before {
  left: -52px;
  width: 45px;
  height: 25px;
font-size:14px;
  background-color: #ECECEC;
  border-radius: 50px;
  border:1px solid #5c5c5c
}
.container span.radio::after {
  left: -49px;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  background-color: #6C788A;
  transition: left 0.25s, background-color .25s;
}
input[type="radio"]{
    display:none;
}
input[type="radio"]:checked + label span.radio::after {
  left: -27px;
  background-color: #439BFF;
    
}
.container span.checkbox::before {
  width: 27px;
  height: 27px;
  background-color: #fff;
  left: -35px;
  box-sizing: border-box;
  border: 3px solid transparent;
  transition: border-color 0.2s;
}
.container span.checkbox:hover::before {
  border: 3px solid #F0FF76;
}
.container span.checkbox::after {
  content: '\f00c';
  font-family: 'FontAwesome';
  left: -31px;
  top: 2px;
  color: transparent;
  transition: color 0.2s;
}
input[type="checkbox"]:checked + label span.checkbox::after {
  color: #62AFFF;
}

.container{
margin:20px;
}

fieldset{
	border:0px;
}
form{
	width:200px;
	margin:0px auto;
}

button{
	background: #439bff;
	border: 0px;
	padding: 20px;
	font-size: 20px;
	color: #fff;
	margin: 20px;
	cursor:pointer;
	width: 80%;
	transition:background 0.2s;
}
button:active{
	background:#e3e3e3;
}
.input{
	border: 1px solid #5c5c5c;
	border-radius: 3px;
	font-size: 20px;
	padding: 10px;
	color: #439bff;
	width: 90%;
}
.output{
	color:#000;
	font-size:40px;
	font-weight:100;
	text-align:center;
	margin-top:50px;
}
.output img{
  max-width:500px;
}
.output_upgrade{
	position: absolute;
	right: 20%;
	margin-top: -200px;
	text-align:center
}
.table_calc{
	display:flex;
    flex-wrap: wrap;
    width:100%;
}

.forth_calc{
    flex:1;
   padding:10px 5px 0px 20px;
    width:20%;
    min-width:200px;
    text-align:center;
    font-size:16px;
    margin: 0px auto;
    border:1px solid #e3e3e3;
}
img{
    width: 65%;
    padding-bottom:80px;
}

@media (max-width: 700px){
    .output{
    font-size:30px;
    line-height:40px;
        }
img{
    width: 90%;
    padding-bottom:80px;
}
    
}