@keyframes chainFade  {
	0% {opacity:0}	
	100% {opacity:1}
}
.diagnostic, .testimonials, .hairDiagnostic {
	max-width:1000px;
	margin: 0 auto;
}
.hairDiagnostic, .advantages, .prices, .order, .testimonials {
	padding:3rem 20px;	
}
.advantages, .prices, .order {
	text-align:center;
}
.head {
	position:relative;
	height:100%;	
	background:url(../img/checkup/head.jpg) center top;
	background-size:cover;
	overflow:auto;
}
.headArrow {
	display:block;
	width:30px;
	height:35px;
	position:absolute;
	bottom:30px;
	left:0;
	right:0;
	margin:auto;
	background-image:url(../img/index/downArrow.svg);
	cursor:pointer;	
}
.headMenu {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	display:inline-block;
	vertical-align:middle;
}
.headMenu {	
	left:30px;
	width:100px;
	height:420px;
	padding:20px 0;
	border-radius:5px;
	background:rgba(255,255,255,.6);
}
.headMenu a {
	display:block;
	text-align:center;
	font-size:0.8rem;
	color:black;		
}
.headMenu a:visited {
	color:#454545;
}
.headMenu a:hover {
	text-decoration:none;
}
.headMenu img {
	height:40px;
}
.headMenu > div {
	width:0;
	height:10px;
	border-left:3px dotted #454545;
	margin: 12px auto;
}
.headText {	
	position:absolute;
	top:15%;
	right:7%;
	width:36%;	
}
.headText p, .diagnostic p, .sliderImgDesc p {
	font-size:1.1rem;
	line-height:25px;
}
/* hairDiagnostics */
.warning {	
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
}
.warning:before {
	content:url(../img/checkup/warning.svg);
	display:inline-block;
	vertical-align:middle;
	width:40px;
	height:38px;
	margin-right:10px;
}
#hairOrder {
	display:table;
	margin: 0 auto;
}
/* ADVANTAGES */

.advantages {
	background:url(../img/checkup/advantagesBG.jpg) center;
	background-size:cover;
}
.animWrapper > div {
	display:inline-block;
	vertical-align:top;
	width:200px;	
	margin-top:30px;
	font-size:1.1rem;
	opacity:0;
	transition: all 1s ease;
}
.advImg {
	height:100px;
	line-height:100px;
	margin-bottom:15px;	
}
.advImg img {
	display:inline-block;
	vertical-align:middle;
	max-height:100px;
}
.animAdvantages {
	opacity:1 !important
}
/* TESTIMONIALS */
.testimonials {
	margin:50px auto;
}

#sliderWrapper {
	position:relative;
	width:100%;
}
/* PRICE */
.prices {
	background-image:radial-gradient(ellipse at center bottom, #ebfbfe 0%, #c2f2fc 100%);
}
.prices h2, .order h2 {
	
}
.planPrice {
	display:inline-block;
	vertical-align:bottom;
	width: 250px;
	margin-top:30px;
	background:rgba(255,255,255,.5);
	border:1px solid white;
	border-radius:5px;	
	opacity:0;
	transform:translate(0,-50px);
	transition:all 1s ease;
}
.planPrice ul {
	padding:30px 20px;
	margin:0;
	text-align:left;
	list-style-type:none;	
}
.planPrice li:before {
	content:url(../img/checkup/yes.svg);
	display:inline-block;
	margin-right:10px;
	width:15px;
}
.planPrice .button {
	margin:30px 0;
	width:60%;
}
.planPrice:nth-of-type(2) {
	margin:0 5%;
}
.namePrice {
	padding:20px;
	border-bottom:1px solid #c2f2fc;
	text-transform:uppercase;
}
.costPrice {	
	background:#e5e5e5;	
	margin: 0 -1px 0 -1px;
}

.animPrice {
	opacity:1;
	transform:translate(0,0);
}
/* ORDER */
.checkProgram {
	margin-top:15px;
}
#checkProgram {
	padding:5px 0;
	max-width:320px;
	margin: 0 auto;
}
.checkProgram input {
	width:220px;	
	background:none;
}
.checkProgram button {
	padding:5px 10px;
	margin: 0 10px;
}
#resultProgram {
	margin-top:5px;
	font-size:0.9rem;
	display:inline-block;
	vertical-align:top;
}
#resultProgram > div {
	display:inline-block;
	vertical-align:top;
	margin-right:5px;	
}
#resultProgram > div:after {
	content:"";
	display:block;
	margin:5px auto 0 auto;
	height:15px;
	width:20px;
	background:url(../img/diagnostics/yes.svg) center no-repeat;
}
.modelProgram {
	font-style:italic
}
.order .warning {	
	padding:10px;
	margin:10px auto;
	max-width:800px;
	border: 1px dashed #E23359;
}
.formOrder {
	max-width:270px;
	margin-left:20px;
}

#calendar, .formOrder {
	margin-top:30px;
}
#calendar, #calendarDay, #calendarDay span, #calendarDate span, .calendarWeekend span, .formOrder {
	display:inline-block;
	vertical-align:top;
}
#calendar {	
	max-width:210px;
	text-align:left;
}
#calendarMonthWrapper {
	position:relative;
	display:flex;	
	align-items:center;
	justify-content:space-between;
	padding:5px;
}
#calendarMonthWrapper span {
	position:static;
	width:15px;
	height:15px;	
}
#calendarMonthWrapper span:first-child {
	transform:rotate(180deg);
}
#calendarMonth {
	padding: 0 5px;
}
#calendarDay {	
	text-align:center;
	color:dimgray;
	font-size:0;
	border-bottom: 1px solid whitesmoke;
}
#calendarDay span {	
	width:30px;	
	font-size:1rem;
}
#calendarDate {
	margin-top:10px;
}
#calendarDate span, .calendarWeekend span {	
	width:30px;
	height:24px;	
	line-height:22px;
	text-align:center;
	cursor:pointer;
	border:1px solid white;	
	box-sizing:border-box;	
}
.calendarWeekend {	
	color:dimgray;	
	border-top: 1px solid whitesmoke;
	margin-top:5px;
}
.calendarWeekend span {	
	font-style:normal;	
}
.calendarDisabled, .calendarWeekend span {
	background-color: #E23359;
	color:white;
}
.calendarActive {
	border:1px solid #E23359 !important;
	border-radius:3px;
}
#checkup-form {
	max-width:280px;	
}
#checkup-form > * {
	width:100%;
	margin-bottom:10px;
	box-sizing:border-box;
}
.formOrder .button {
	margin-top:10px;
	width:100%;
	font-size:0.9rem;
}
/* MAP */
.map {
	position:relative;	
	background:url(../img/checkup/map.jpg) center;
	background-size:cover;	
}
.frameMap {
	height:0;
	padding-bottom:40%;
}
.pointerMap {
	position:absolute;
	top:56%;
	left:46%;	
	width:2%;
	height:8%;
	background:url(../img/checkup/map.svg) no-repeat;	
}
.adressMap {
	position:absolute;
	top:56%;
	left:47%;
	margin:auto;
	display:flex;
	align-items:center;
	width:320px;
	height:8%;
	padding:0 10px 0 25px;
	color:white;
	text-align:center;
	background:rgba(0,0,0,.5);	
}
.breadcrumbs {
	position:relative;
	margin-top:-50px;
}
@media screen and (max-width: 1350px) {
	.head {
		background-size:auto;		
	}
	.headText {
		width:42%;
		top:15%;
		right:5%;
	}
}
@media screen and (max-width: 1000px) {
	h1 {
		text-align:center;
	}
	.head {
		position:relative;
		background-image:radial-gradient(ellipse at center bottom, #ebfbfe 0%, #c2f2fc 100%);	
		height:auto;
		overflow:auto;
	}
	.head > * {
		position:static;
	}
	.headText {	
		width:auto;
		margin-top:30px;
		padding:30px;
	}
	.headArrow {
		margin-bottom:20px;
	}
	.hairDiagnostic {
		padding:50px 20px;
	}
	.warning {
		line-height:normal;
	}
	.warning:before {
		display:block;
		margin: 10px auto;
	}
	.advantages {
		background:none;
		max-width:700px;
		padding:0 20px;
		margin: 0 auto;
	}
	.testimonials {
		margin: 0 auto;
	}
	.planPrice {
		margin: 30px 2.5% 0 2.5% !important;
	}
	.map {
		background:url(../img/checkup/mobileMap.jpg) center;
		background-size:auto;
		height:400px;
	}
	.adressMap {
		top:30px;
		left:0;		
	}
	.pointerMap, .headMenu {
		display:none
	}

}
@media screen and (max-width: 580px) {
	.adressMap {
		box-sizing:border-box;
	}
	.formOrder {
		display:block;
		margin:30px auto 0 auto;
		max-width:210px;
	}
}