/** main banner **/

.main-banner {
	height: 289px;
	display: flex;
	align-items: flex-end;
}

.main-banner .page-title {
	margin: 0 33px 56px 0;
	border: 2px solid #dcc182;
	padding: 5px;
}

.main-banner .page-title > * {
	padding: 10px 38px;
	border: 1px solid #dcc182;
}

/** main banner **/

/** page description **/

.page-description {
	margin: 37px auto;
}

/** page description **/

/** all workshops **/

.all-workshops > .headline {
	margin-bottom: 29px;
}

.all-workshops .paid-workshops {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	grid-gap: 46px 11px;
}

.all-workshops .workshops-list a {
	border: 1px solid #dcc182;
	height:100%;
	    display: grid;
}

.all-workshops .workshops-list .thumbnail {
	height: 236px;
	display: flex;
	align-items: flex-end;
	position: relative;
}

.all-workshops .workshops-list .thumbnail .flah {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background-color: black;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.all-workshops .workshops-list .thumbnail .flah .flah-inner {
	border: 1px solid #B7A067;
	border-radius: 100%;
	width: 100px;
	height: 98px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.all-workshops .workshops-list .thumbnail .flah .flah-inner .flah-text {
	color: #B7A067;
	font-weight: 700;
	font-size: 1.1rem;
}

.all-workshops .workshops-list .thumbnail .prices {
	border: 1px solid #dcc182;
	padding: 1px;
	margin: 0 20px 14px;
}

.all-workshops .workshops-list .thumbnail .prices .booking-people-prices,
.all-workshops .workshops-list .thumbnail .prices .booking-block-cost {
	border: 1px solid #dcc182;
	padding: 5px 10px;
	margin: 0;
}

.all-workshops .workshops-list .thumbnail .prices .booking-people-prices:not(.basic) {
	display: none;
}

.all-workshops .workshops-list .content {
	padding: 15px 25px;
}

.all-workshops .workshops-list .content li:not(:last-child) {
	margin-bottom: 8px;
}

.all-workshops .workshops-list .content .prices .booking-people-prices,
.all-workshops .workshops-list .content .prices .booking-block-cost {
	display: inline;
}

.all-workshops .workshops-list .content .prices .booking-people-prices.basic {
	display: none;
}

.all-workshops .workshops-list .available-dates {
	padding: 4px;
	align-self: end;
}

.all-workshops .workshops-list .available-dates span {
	background-color: #200f0c;
	padding: 8px 0;
}

.all-workshops .regular-workshops {
	margin-top: 46px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 46px 11px;
}

/** all workshops **/

/** question **/

.faq {
	margin-top: 81px;
}

.faq > .headline {
	margin-bottom: 15px;
}

.faq ul li:not(:last-child) {
	margin-bottom: 15px;
}

.faq ul a {
	display: flex;
	justify-content: center;
	align-items: center;
}

.faq ul a span {
	flex-grow: 1;
}

.faq ul a .arrows {
	display: grid;
	margin-right: 15px;
}

.faq ul a .arrows img {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
}

.faq ul a.open .arrows img:first-child {
	z-index: 1;
}

.faq ul .a {
	display: none;
}

.faq .to-all-faq {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

/** question **/

/** three recommendations **/

.three-recommendations {
	margin-top: 85px;
	display: flex;
}

.three-recommendations .single-recommendation {
	flex-basis: 33.333333%;
}

.three-recommendations .single-recommendation .top {
	display: grid;
	grid-template-columns: 70px 1fr;
	grid-column-gap: 25px;
}

.three-recommendations .single-recommendation .top .avatar {
	height: 70px;
	grid-column: 1 / 2;
}

.three-recommendations .single-recommendation .top .recommendation {
	grid-column: 2 / 3;
	align-self: center;
}

.three-recommendations .single-recommendation .bottom {
	display: flex;
	flex-direction: row-reverse;
}

.three-recommendations .line {
	flex-basis: 2px;
	margin: 0 43px;
}

/** three recommendations **/

@media (max-width: 1365px) {

	/** main banner **/

	.main-banner {
		height: 216px;
	}

	.main-banner .page-title {
		margin: 0 24px 41px 0;
	}

	/** main banner **/

	/** page description **/

	.page-description {
		margin: 25px auto;
	}

	/** page description **/

	/** all workshops **/

	.all-workshops .workshops-list .content .prices * {
		font-size: 1em;
	}

	/** all workshops **/

}

@media (max-width: 1023px) {

	/** three recommendations **/

	.three-recommendations {
		flex-direction: column;
		align-items: center;
		margin-top: 60px;
	}

	.three-recommendations .single-recommendation,
	.three-recommendations .line {
		width: 360px;
	}

	.three-recommendations .line {
		margin: 20px 0;
	}

	/** three recommendations **/

}

@media (max-width: 750px) {

	/** all workshops **/

	.all-workshops .paid-workshops,
	.all-workshops .regular-workshops {
		grid-template-columns: 1fr;
		grid-gap: 11px;
	}

	/** all workshops **/

}

@media (max-width: 500px) {

	/** three recommendations **/

	.three-recommendations .single-recommendation,
	.three-recommendations .line {
		width: 100%;
	}

	/** three recommendations **/

}