.html-case-study-page .page-title {
	display: none;
}

.html-case-study-page body {
	background: #f6f6f6;
}


.case-study .title {
	text-align: center;
	color: #981b1e;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 40px 15px;
}

.case-study .details {
	font-size: 16px;
	color: #000;
	text-align: center;
	margin: 40px 10px;
	font-weight: 600;
	line-height: 22px;
}

.case-study .items-container {
	display: flex;
	justify-content: space-between;
	margin: 0 10px 40px;
}

.case-study .item-container {
	width: 49%;
}

	.case-study img,
	.case-study .item-container img {
		border: 2px solid #0072bc;
		width: 100%;
	}

	.case-study .item-container .link {
		width: 100%;
	}

		.case-study .item-container .link a {
			display: block;
			text-align: center;
			background: #0072bc;
			color: #fff;
			padding: 10px;
			font-size: 18px;
			font-weight: 600;
			text-transform: uppercase;
			opacity: 0.6;
			border-radius: 10px;
			margin: 12px 0px;
			transition: all .3s ease;
		}

.case-study .submit {
	margin: 30px 0px;
}

	.case-study .submit button {
		display: block;
		text-align: center;
		background: #0072bc;
		color: #fff;
		padding: 10px 20px;
		font-size: 18px;
		font-weight: 600;
		text-transform: uppercase;
		opacity: .7;
		border-radius: 10px;
		margin: 12px 0px;
		transition: all .3s ease;
		border: none;
		margin: auto;
		width: 420px;
		max-width: 100%;
	}

		.case-study .submit button:hover,
		.case-study .item-container .link a:hover {
			opacity: 1;
		}

.case-study .input-container {
	display: flex;
	justify-content: space-between;
}

	.case-study .input-container .input-col-1 {
		width: 57%;
	}

	.case-study .input-container .input-col-2 {
		width: 41%;
	}

	.case-study .input-container input {
		display: block;
		width: 100%;
		height: 40px;
		border: 1px solid #0072bc;
	}

	.case-study .input-container label {
		color: #000;
		font-size: 15px;
		margin: 10px 0px 15px;
		display: block;
		font-weight: 500;
	}

.case-study .color-title {
	display: flex;
	justify-content: end;
	margin: 20px 15px;
}

	.case-study .color-title h1 {
		width: 66%;
		color: #000;
		font-size: 32px;
		font-weight: 700;
		text-transform: uppercase;
	}

.case-study .flipbook-file h1 {
	_width: 66%;
	color: #000;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
}

.case-study h1 span:first-child {
	color: #981b1e;
}

.case-study h1 span:nth-child(2) {
	color: #0072bc;
}

.picture-details-container {
	display: flex;
	justify-content: space-between;
	margin: 35px 10px;
}

	.picture-details-container .picture {
		width: 29%;
	}

	.picture-details-container .details-right {
		width: 66%;
		font-size: 15px;
		font-weight: 600;
		color: #000;
		line-height: 20px;
	}

		.picture-details-container .details-right .sub-title {
			font-size: 26px;
			font-weight: 700;
			line-height: 34px;
		}

		.picture-details-container .details-right p {
			margin-bottom: 15px;
		}

.case-study .black-color {
	color: #000;
}

@media(max-width: 567px) {
	.case-study .title {
		font-size: 20px;
		margin: 30px 15px;
		padding-top: 30px;
	}

	.case-study .details {
		font-size: 14px;
	}

	.case-study .items-container {
		display: flex;
		flex-direction: column;
		margin: 0 10px 10px;
	}

	.case-study .item-container {
		width: 100%;
		margin-bottom: 30px;
	}

		.case-study .item-container .link a {
			font-size: 16px;
		}

	.case-study .input-container {
		flex-direction: column;
	}

		.case-study .input-container .input-col-1 {
			width: 100%;
		}

		.case-study .input-container .input-col-2 {
			width: 100%;
		}

	.case-study .color-title h1 {
		width: 100%;
		text-align: center;
		padding-top: 30px;
	}

	.picture-details-container {
		flex-direction: column;
	}

		.picture-details-container .picture {
			width: 100%;
			margin-bottom: 20px;
		}

		.picture-details-container .details-right {
			width: 100%;
		}

	.case-study .title-form.title {
		padding-top: 0px;
	}

	.case-study form {
		margin: 0px 10px;
	}
}


.smart-filter-container {
	position: static !important;
	justify-content: center;
	margin-top: 15px;
}

.smart-filter.smart-filter-container .filter-left {
	flex: initial;
}

.case-study h1 span:first-child {
	color: #981b1e;
}

.case-study h1 span:nth-child(2) {
	color: #0072bc;
}

.ebook-title {
	text-align: center;
	width: 100%;
	margin-bottom: 50px;
	padding: 10px;
	background: #c9c9c9;
	font-size: 35px;
}