.content .calc {
    padding:60px 0;
    margin-top:60px;
    background:#f1f8fa;
}

.content .calc .calc_text {
    font-size:18px;
    line-height:1.2;
    color:#000;
    padding-left:35px;
    margin-left:35px;
    border-left:3px solid #34C700;
    padding-right:35px;
    margin-top:40px
}

.calc-flex-wrap{
	margin-top:30px;
	overflow:hidden;
	border-radius:5px;
}
.calc-flex{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	background:#fff;
	margin:0 -4px -4px 0;
}
.calc-flex-column{
  box-sizing:border-box;
	width:50%;
	padding:19px 15px;
	border-right:4px dotted #f1f8fa;
	border-bottom:4px dotted #f1f8fa;
}
@media (max-width:720px){
	.calc-flex-column{
		width:100%;
	}
}
.calc-column-title{padding:0 0 7px}
.calc-check label.check{
	font-size:16px;
	cursor:pointer;
}
.calc-check label.check::before{
	top:0;
}
.calc form input[type="checkbox"]:checked + label.check::after{
	top:3px;
}
.content .calc form input{
	width:100%;
	padding-left:50px;
	border:1px solid #D2DCDE;
	box-sizing:border-box;
	border-radius:5px;
	height:50px;
	font-size:15px;
}
.content .calc form input[name="mesto"]{
	background:#fff url("data:image/svg+xml,%3Csvg width='17px' height='17px' viewBox='0 0 35 35' data-name='Layer 2' id='Layer_2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.81,34.75H21.5A3.8,3.8,0,0,1,18,31.58L16,20.12A1.36,1.36,0,0,0,14.88,19L3.42,17a3.84,3.84,0,0,1-.56-7.42L29.66.46h0a3.84,3.84,0,0,1,4.88,4.88l-9.11,26.8A3.79,3.79,0,0,1,21.81,34.75ZM30.47,2.83,3.66,11.94a1.34,1.34,0,0,0,.2,2.59l11.46,2a3.85,3.85,0,0,1,3.11,3.11l2,11.46a1.34,1.34,0,0,0,2.59.2L32.17,4.53a1.34,1.34,0,0,0-1.7-1.7Z' fill='%235E7479'/%3E%3C/svg%3E") no-repeat 20px 50%;
}
.content .calc form input.error_field{
	border:1px solid #e81279 !important;
}
.content .calc form button{
	width:100%;
	height:50px;
	color:#fff;
	cursor:pointer;
	background:#E81279;
	border-radius:5px;
	transition:.3s;
}
.content .calc form button:hover{
	background:#c90965;
}

.calc-sub{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.calc-sub-column{
  box-sizing:border-box;
	width:50%;
}
.content .calc form .calc-sub-column input{
	width:100%;
	padding-left:0;
	border:0;
	height:50px;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	color:#000;
}

.calc-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:99;
  background:rgba(0, 0, 0, 0.5);
  display:none;
}

.calc-modal, .calc-modal-error {
  position:fixed;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  z-index:100;
  width:500px;
  max-width:-webkit-calc(100% - 50px);
  max-width:calc(100% - 50px);
  max-height:-webkit-calc(100% - 50px);
  max-height:calc(100% - 50px);
  overflow:auto;
  scrollbar-width:none;
  padding:40px 25px;
  background:#fff;
  -webkit-border-radius:5px;
  border-radius:5px;
  display:none;
}

.calc-modal::-webkit-scrollbar, .calc-modal-error::-webkit-scrollbar {
  width:0;
}

.calc-modal .close, .calc-modal-error .close {
  position:absolute;
  cursor:pointer;
  top:5px;
  right:5px;
  padding:10px;
}

.calc-modal h3, .calc-modal-error h3 {
  font-family:Arial;
  color:#333;
  font-size:24px;
  line-height:1.2;
  margin-bottom:15px;
  text-align:center;
}

.calc-modal-error p {
	text-align:center;
	padding:15px 0 0;
}

.calc-modal input, .calc-modal button{
	margin-top:15px;
}

.calc-modal input[name="name"] {
  background:#fff url(/img/name.svg) no-repeat 20px 50%;
}

.calc-modal input[name="phone"] {
  background:#fff url(/img/phone.svg) no-repeat 20px 50%;
}

.error_services, .error_location{
	display:none;
}