/** global **/



div#main-wrapper {

	background: #000;

	display: block;

}



.page-banner {

	margin-bottom: 0;

}



.page-title .titlewrapper {

	display: none;

}



.page-banner canvas {

    min-height: 400px;

}



/** global **/



.section-main-wrapper {

	position: relative;

	display: block;

	z-index: 1;

}



.section-main-wrapper:before {

	z-index: -1;

	content: "";

	position: absolute;

	top: 0;

	left: -25%;

	width: 88%;

	height: 100%;

	background-image: url(../../images/homepage/about-text-logo-overlay.png);

	background-size: contain;

	background-position: top -10px center;

	background-repeat: no-repeat;

	z-index: -1;

	opacity: .65;

	display: none;

}



.page-banner:after {

	opacity: .7;

	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0) 50%);

}



.ip-media-section {

	font-size: 0;

	position: relative;

}



.ip-media-heading {

position: relative;
    font-family: "Barlow", sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #999999;
    text-transform: uppercase;
	max-width: 455px;
    margin: 50px auto 20px;

}

.ip-media-heading div {

       position: relative;
    font-family: "Raleway", sans-serif;
    font-size: 66px;
    font-weight: 700;
    color: #fff;
    margin-top: 10px;
    /* padding-left: 22px; */
    letter-spacing: -0.7px;
    padding-left: 16px;
    border-left: 4px solid #cbaa45;
    line-height: 1em;

}

/*.ip-media-heading div::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 3px;

    height: 73px;

    background-color: #cbaa45;

    pointer-events: none;

}*/



.ip-media-cta-wrapper {

	padding: 2vw 15px;

	background-color: #fff;

}



.ip-media-cta {

	max-width: 950px;

	margin: 0 auto;

}



.ip-media-cta.global-link a {

	display: inline-block;

	vertical-align: middle;

	width: calc(33.33% - 11px);

	font-size: 15px;

	padding: 20px 0;

}



.ip-media-cta.global-link a:not(:last-child) {

	margin-right: 16px;

}



.ip-media-cta.global-link a:not(:hover) {

	border-color: #000;

	color: #000;

}

.ip-media-list {

	position: relative;

	max-width: 1360px;

	margin: 0 auto 60px;

}

	.ip-media-item {

		position: relative;

		display: inline-block;

		vertical-align: top;

		width: 20%;

		padding: 6px;

	}

	.ip-media-item:nth-child(36) {
       pointer-events: none;
	}

		.ip-media-item a {

			display: block;

			position: relative;

			height: 178px;

			background-color: #242424;

			transition: all .4s ease-in-out;

		}

		.ip-media-item a:hover {

			background-color: #cbaa45;

		}

			.ip-media-item a img {

				position: absolute;

				top: 50%;

				left: 50%;

				transform: translate(-50%, -50%);

				filter: grayscale(1);

				transition: all .4s ease-in-out;

			}

			.ip-media-item a:hover img {

				filter: brightness(0) invert(1);

			}



/*******************************************************

 *

 * Mobile styles and other media queries

 *

 *******************************************************/



@media only screen and (max-width: 1440px) {



}



@media only screen and (max-width: 1366px) {

	.ip-media-list {

		max-width: 1260px;

	}

}



@media only screen and (max-width: 1199px) {

	.ip-media-list {

		max-width: 930px;

	}

}



@media only screen and (max-width: 991px) {

	.ip-media-heading {
		font-size: 18px;
	}

	.ip-media-cta-wrapper {

		padding: 40px 15px 20px;

	}

	.ip-media-cta.global-link a {

		display: block;

		width: 100%;

		max-width: 420px;

		margin: 0 auto 20px !important;

	}

	.ip-media-item {

		width: 25%;

	}

}



@media only screen and (max-width: 767px) {

	.ip-media-heading {

		max-width: 255px;
		margin: 30px auto 20px;

	}

	.ip-media-heading div {

		font-size: 36px;

	}

	.ip-media-heading div::before {

		height: 46px;

	}

	.ip-media-item {

		width: 33.33%;

	}

	.ip-media-item a img {

		max-width: 133px;

	}

}



@media only screen and (max-width: 480px) {

	.ip-media-item {

		width: 50%;

	}

}