/*Otzyv*/
.wrap{
    max-width:var(--maxw);
    width:100%;
    display:grid;
    grid-template-columns: repeat(4,0fr);
    gap:20px;
  }
  .card{
    background:#ffffff;
    padding:18px;
    border-radius:12px;
    box-shadow:var(--shadow);
    display:flex;
    flex-direction:column;
    gap:12px;
    min-height:170px;
  }
  .top{
    display:flex;
    gap:12px;
    align-items:center;
  }
  .avatar{
    width:48px;
    height:48px;
    border-radius:10px;
    background:linear-gradient(135deg,#e6eefc,#d3f4ff);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    color:#06304a;
    font-size:16px;
  }
  .who{
    display:flex;
    flex-direction:column;
  }
  .name{font-weight:700; color:#0f1724;}
  .role{font-size:13px; color:var(--muted);}
  .stars{margin-left:auto; color:#f6b800; font-weight:700;}
  .text{color:#111827; font-size:14px; line-height:1.45; flex:1;}
  .meta{display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--muted);}
  /* mobile */
  @media (max-width:900px){
    .wrap{grid-template-columns: repeat(2,1fr);}
  }
  @media (max-width:600px){
    .wrap{grid-template-columns: 1fr;}
    body{padding:20px;}
  }
/*--*/
.reason {
	width: 220px;
}
.period {
	position: absolute;
	bottom: 2px;
	right: 11px;
}
.icon-service {
	position: absolute;
	top: -1px;
	right: 11px;
}
.modalDialog {
		position: fixed;
		font-family: inherit;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.6);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		display: none;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}
	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}
	.modalDialog > div {
		width: 400px;
		position: relative;
		top:-10%;
		margin: 10% auto;
		text-align: center;
		padding: 5px 20px 13px 20px;
		background: #ffffff;
		border-radius: 5px;
	}

    .forma {
        margin: 0 auto;
    }

    .form_field {
        border-radius: 5px;
        margin-bottom: 10px;
        color: #4a4a4a;
        font-size: 14px;
        font-weight: bold;
        padding: 3px;
        width: 80%;
        outline: none;
    }

	.close {
		background: #ffffff;
		color: #11a18d;
		line-height: 25px;
		position: absolute;
		right: 12px;
		text-align: center;
		top: 10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		border-radius: 16px;

	}

	.close:hover {
		color: #111111;
	}
#zvon {
	font-size:42px;
	color:#111111;
	line-height: 45px;
}
#dopzvon {
	font-size:24px;
	color:#a4a4a4;
	line-height: 27px;
}
#info .input, .new {
	width: 82%;
	font-family: inherit;
	padding: 8px;
	border-radius: 5px;
	border: 1px solid #111111;
}
#positive {
	color:#11a18d;
}
#negative {
	color:#ffae1b;
}
#negative,#positive {
	font-size:24px;
	line-height: 1.05;
}
#priv input[type="checkbox"] {
  margin-right: 2px;
}
.new {
	border: none;
}
.steps {
	position:absolute;
	top:-100px;
	right:-15px;
	text-shadow: 0px 0px 6px #11a18d;
}
.is-sticky div#sticky-header{
	background-color: rgba(35,35,35,0.93) !important;
}
.telephone {
	position: relative;
	top: 2px;
}
.navi {
	position: relative;
	top: 4px;
}
/* Checkbox IOS */
.checkbox-ios {
	display: inline-block;    
	height: 28px;    
	line-height: 28px;  
	margin-right: 10px;      
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	user-select: none;	
}
.checkbox-ios-switch {
	position: relative;
	top:-2px;
	display: inline-block;
	box-sizing: border-box;			
	width: 64px;	
	height: 36px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 25%/50%;	
	vertical-align: top;
	background: #eee;
	transition: .2s;
}
.ball {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;	
	display: inline-block;
	width: 32px;	
	height: 32px;
	border-radius: 50%;
	background: #ffae1b;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	transition: .15s;
}
.ball.slide {
	transform:translateX(27px);
	background: #11a18d;
}

.ball.backslide {
	transform:translateX(1px);
	background: #ffae1b;
}
.deactive {
  display:none!important;
}
#shablon-text, #unique-text {
	cursor: pointer;
}