.calc {
    background-color: #EAEDF4;
    padding-top: 70px;
    padding-bottom: 70px;
}

.calc h3{
	font-size: 24px;
	text-transform: uppercase;
}


.calc-box{

	/*height:900px;*/
	background-color: white;
	border-radius: 10px;
}

.calc .title{
	        margin-left: -50px;
}
.calc .title h5{
	text-transform: uppercase;
}

.calc .separator::before {
    display: none
}

.calc .separator {
	font-size: 20px;
	text-transform: uppercase;
	border-left:10px solid #39A2C0;
	padding-left: 15px;
}

.calc .separator::after{

border-bottom: 2px solid #39A2C0;
}

.calc .circle{

	border:15px solid blue ;
}

.calc .box {
	float: left;
    width: 100px;
    height: 100px;
    margin-right: 30px;
    background-color: white;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #c5c1c1;
    border: 1px solid black;
    padding: 8px 8px;
    text-align: center;
    cursor:pointer;
}

.calc .box-active{
	background-color: #39a2c0;
}

.calc .box h6{
	text-transform: uppercase;
}

.box .tag{

	margin-top:20px;
	line-height: 10px;

}

.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20rem; }
  .toggle.ios .toggle-handle { border-radius: 20rem; }

.calc .btn-primary {
    color: #fff;
    background-color: #39a2c0;
    border-color: #39a2c0;
}


 .calc .btn-primary:hover {
    color: #fff;
    background-color: #39a2c0;
    border-color: #39a2c0;
}


.calc ul li{
	float: left;
	margin-left: 15px;
}

.calc .fa-ul {
	margin-left: 0;
}

.calc .fa-ul i{
	color: #39a2c0;
    margin-right: 5px;
}
    
.calc .price-rate {
	color:#39a2c0;
	font-weight: 600;
	
}

.calc-btn button {
    background: linear-gradient(to bottom,#f4bc77,#e18512);
    color: #000000bd;
    padding: 10px 70px;
    border-radius: .25rem;
    border: none;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    /* border: 2px solid #6a6969; */
}

@media only screen and (max-width: 600px) {
.calc .box {
margin-right: 12px;
margin-bottom: 20px;

}

}