#ct-pagetitle {
	background-color: #000611;
	padding: 210px 0 110px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	@media #{$max-lg} {
		padding: 100px 0;
	}
	&:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.ct-page-title {
		color: #fff;
		font-size: 48px;
		margin-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
		font-weight: 600;
		@media #{$max-sm} {
			font-size: 36px;
		}
	}
	.container {
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
	}
}

.ct-breadcrumb {
	margin-bottom: 25px;
	list-style: none;
	color: #ffffff;
	li {
		display: inline-block;
		color: inherit;
	    font-size: 18px;
	    font-weight: 500;
		@media #{$max-sm} {
			font-size: 15px;
		}
		&:after {
			content: "\f114";
			margin: 0 8px 0 4px;
			color: inherit;
			font-family: Caseicon;
			color: inherit;
			font-size: 10px;
		}
		a {
			color: inherit;
			&:hover {
				color: $primary_color;
			}
		}
		&:last-child {
			&:after {
				display: none;
			}
		}
	}
}