.page-header {
	text-align: center;
	min-height: 450px;
	padding: 50px 0;
	height: auto;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-color: #0b163f;

	.single-team & {
		height: 700px;
	}

	.page-header-description {
		color: #fff;
		margin-top: 20px;
	}

	@media(max-width: 991px) {
		min-height: 300px !important;
	}

	.page-header_wrapper {
		position: relative;
		z-index: 2;
		margin-top: 70px;
	}

	.page-header_title {
		font-size: 50px;
		font-weight: 700;
		position: relative;
		z-index: 2;
		line-height: 1.2;
		margin-bottom: 10px;
		color: #fff;

		@media #{$tab}{
			font-size: 40px !important;
		}
		@media #{$mobile}{
			font-size: 34px !important;
		}

	}

	.breadcrumbs {
		font-size: 15px;
		font-weight: 400;
		color: rgba(255,255,255,0.7);


		a {
			color: #fff;

			&:hover {
				color: #fff;
			}
		}

		.separator {
			display: inline-block;
			margin: 0 9px;
			height: 4px;
			width: 4px;
			background-color: #fff;
			border-radius: 6px;
		}
	}

	.animated-element {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;

		@media(max-width: 620px) {
			display: none;
		}

		li {
			width: -webkit-fill-available;
			top: 0;
			left: 0;
			position: absolute;
			width: 100%;
			height: 100%;

			img {
				position: absolute;

			}

			&:nth-child(1) {
				img {
					top: 155px;
					left: 120px;

					@media(max-width: 991px) {
						top: 130px;
						left: 50px;
						width: 40px;
					}
				}
			}

			&:nth-child(2) {
				img {
					bottom: 90px;
					left: 30%;

					@media(max-width: 991px) {
						bottom: 70px;
						left: 24%;
						width: 30px;
					}
				}
			}

			&:nth-child(3) {
				img {
					top: 50%;
					right: 29%;

					@media(max-width: 991px) {
						top: 40%;
						right: 25%;
						width: 50px;
					}
				}
			}

			&:nth-child(4) {
				img {
					bottom: 80px;
					right: 15%;

					@media(max-width: 991px) {
						bottom: 70px;
						right: 13%;
						width: 30px;
					}
				}
			}

			&:nth-child(5) {
				img {
					top: 145px;
					right: -65px;

					@media(max-width: 991px) {
						top: 130px;
						right: -44px;
						width: 80px;
					}
				}
			}
		}
	}

}

.header-transparent ~ .page-header .page-header_wrapper {
	margin-top: 134px;

	@media(max-width: 991px) {
		margin-top: 50px;
	}
}