/* CSS Document */
body.with_summary {
	padding-bottom:50px;
}

.content.homepage_top {
	max-width:760px;
	padding-top:60px;
	padding-bottom:40px;
}

.content.homepage_top .logo {
	padding-bottom:30px;
}

.content.homepage_top .logo img {
	width:100px;
	display:block;
	margin:auto;
}

.content.homepage_top .logo span {
	font-family: "Playfair Display", serif;
	font-size:36px;
	color:var(--main_gray);
	font-weight:500;
}

.content.homepage_top h1 {
	font-family: "Inter", sans-serif;
	font-size:30px;
	color:var(--main_brown);
	font-weight:500;;
	padding-bottom:15px;
	max-width:500px;
	margin:auto;
}

.content.homepage_top p {
	color:var(--main_gray);
	font-size:16px;
	line-height:24px;
	padding-bottom:40px;
}

.content.homepage_top .for_button {
	max-width:400px;
	margin:auto;
}

.content.main_select {
	padding-bottom:0;
}

.content.main_select .for_boxes {
	display:flex;
	gap:20px;
	flex-wrap:wrap;
}

.content.main_select .for_boxes .box {
	width:calc(((100% - 60px) / 4) - 32px);
	padding:15px;
	border-radius:10px;
	border:1px solid var(--borders);
	background:var(--gray_light);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	color:var(--main_gray);
	text-decoration: none;
	font-size:20px;
	font-family: "Playfair Display", serif;
	font-weight:500;
}

.content.main_select .for_boxes .box.selected {
	background:var(--white);
}

.content.main_select .for_boxes .box img {
	width:65px;
}

.content.main_select .for_boxes .box span {
	display:block;
	padding-left:20px;
	width:calc(100% - 90px);
	text-align:left;
}

.content.main_select .for_boxes .box div.more_info {
	font-size:14px;
	font-family: "Inter", sans-serif;
	width:100%;
	text-align:center;
	font-weight:300;
	line-height:18px;
	padding-top:20px;
	align-items:flex-start;
}

.content.main_select .other_services {
	display:inline-block;
	padding-top:10px;
	color:var(--main_brown);
	font-size:14px;
}

.content.steps {
	position:relative;
}

.content.steps:before {
	font-weight:800;
	text-align:right;
	color:var(--borders);
	font-size:100px;
	position:absolute;
	top:0px;
	right:20px;
	line-height:100px;
	height:100px;
	z-index:-1;
}

.content.steps.step_1:before {
	content:'1';
}
.content.steps.step_2:before {
	content:'2';
}
.content.steps.step_3:before {
	content:'3';
}

.content.steps h2 {
	font-family: "Playfair Display", serif;
	font-weight:500;
	font-size:30px;
	padding-bottom:15px;
	text-align:left;
	color:var(--main_brown);
}

.content.steps p.desc {
	color:var(--main_gray);
	font-size:14px;
	line-height:20px;
	padding-bottom:20px;
	text-align:left;
	max-width:800px;
}

.content.steps p.desc.after_check {
	padding-left:10px;
	padding-top:5px;
}

.content.steps p.desc.after_check a {
	color:var(--main_green);
}

.selected_time_info {
	font-size:18px;
	font-weight:bold;
	color:var(--main_gray);
	text-align:center;
	width:100%;
}

.for_summary {
	width:calc(100% - 40px);
	min-width:330px;
	height:80px;
	position:fixed;
	left:0;
	bottom:0;
	padding-left:20px;
	padding-right:20px;
	background:var(--main_gray);
	z-index:10;
	display:none;
}

/*body.with_summary .for_summary {
	display:block;
}*/

.for_summary .summary {
	width:100%;
	max-width:1160px;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	position:relative;
	height:50px;
}

.for_summary .summary .left_content {
	float:left;
	color:var(--white);
	font-size:26px;
	font-family: "Playfair Display", serif;
	font-weight:500;
	text-align:left;
	line-height:40px;
}

.for_summary .summary .right_content {
	float:right;
	text-align:right;
	color:var(--white);
}

.for_summary .summary .right_content .price {
	font-weight:bold;
	font-size:22px;
	line-height:25px;
	display:block;
}

.for_summary .summary .right_content .hours {
	font-size:14px;
	font-weight:500;
	display:block;
	line-height:15px;
}