/** global **/



div#main-wrapper {

	background: #000;

	display: block;

}



.page-banner {

	margin-bottom: 0;

}



.page-title .titlewrapper {

	display: none;

}



.page-banner > canvas {

    /* min-height: 450px !important; */

}



/** 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%);

}



/* .page-logo {

	display: none;

}
 */


.ip-mdlla-section {

	font-size: 0;

	position: relative;

}



.ip-mdlla-video-list-wrapper {

    position: absolute;

    top: 55%;

    left: 50%;

    width: 91.43%;

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

    z-index: 1;

}

	.ip-mdlla-video-list-item {

		position: relative;

		display: inline-block;

		vertical-align: top;

		width: 33.33%;

		padding: 0 9px;

	}

		.ip-mdlla-video-list-item a {

			display: block;

			position: relative;

		}

		.ip-mdlla-video-list-item a::before {

			content: "";

			position: absolute;

			top: 0;

			left: 0;

			width: 100%;

			height: 100%;

			background-color: #000;

			opacity: .2;

			pointer-events: none;

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

		}

		.ip-mdlla-video-list-item a:hover:before {

			opacity: 0;

		}

			.ip-mdlla-video-list-item a img {

				position: absolute;

				top: 50%;

				left: 50%;

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

				z-index: 1;

			}

			.ip-mdlla-video-list-item a canvas {

				display: block;

				width: 100%;

				background-size: cover;

				background-position: center;

				background-repeat: no-repeat;

				min-height: auto;

				height: auto !important;

				background-attachment: initial;

			}

.ip-mdlla-heading {

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

}

.ip-mdlla-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-mdlla-heading div::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 3px;

    height: 73px;

    background-color: #cbaa45;

    pointer-events: none;

}*/

.ip-mdlla-content-inner-wrapper {

	position: relative;

	padding: 53px 0 89px;

}

	.ip-mdlla-content-col {

		display: inline-block;

		vertical-align: top;

		width: 50%;

	}

		.ip-mdlla-content-logos {

			text-align: right;

			padding-bottom: 68px;

			border-bottom: 4px solid #cbaa45;

		}

			.ip-mdlla-content-logos img {

				display: inline-block;

				vertical-align: middle;

				margin-left: 44px;

			}
			.ip-mdlla-content-logos img:first-child {
				/*max-width: 377px;*/
				max-width: 300px;
			}
			.ip-mdlla-content-logos img:last-child{
				max-width: 200px;
			}

		.ip-mdlla-content-text {

			max-width: 670px;

			padding: 0 15px 0 37px;

		}

			.ip-mdlla-content-text p {

				font-family: "Barlow", sans-serif;

				font-size: 18px;

				font-weight: 400;

				color: #fff;

				line-height: 1.6;

				margin-bottom: 28px;

			}

			.ip-mdlla-content-text-link {

				max-width: 243px;

				margin-top: 39px;

			}

				.ip-mdlla-content-text-link a {

					display: block;

					font-family: "Raleway", sans-serif;

					font-size: 15px;

					font-weight: 600;

					color: #fff;

					text-transform: uppercase;

					text-align: center;

					padding: 17px 0;

					border: 2px solid #fff;

				}

				.ip-mdlla-content-text-link a:hover {

					background-color: #cbaa45;

					border-color: #cbaa45;

				}

		.ip-mdlla-content-photo {
			text-align: center;
			padding: 0 15px;
		}
			.ip-mdlla-content-photo img {
				max-width: 100%;
				margin: 0 auto;
			}

.ip-mdlla-cta-wrapper {

	padding: 2vw 15px;

	background-color: #fff;

}



.ip-mdlla-cta {

	max-width: 950px;

	margin: 0 auto;

}



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

	display: inline-block;

	vertical-align: middle;

	width: calc(33.33% - 11px);

	font-size: 15px;

	padding: 20px 0;

}



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

	margin-right: 16px;

}



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

	border-color: #000;

	color: #000;

}



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

 *

 * Mobile styles and other media queries

 *

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

@media only screen and (min-width: 1800px) {

	.page-banner canvas {
		height: 530px !important;
	}

}


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

	.ip-mdlla-content-logos img {

		margin-left: 32px;

	}

}



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

	.ip-mdlla-content-logos img {

		max-width: 320px;

	}

}



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

	.ip-mdlla-content-logos img {

		max-width: 285px;

	}

}



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

	.ip-mdlla-content-logos img {

		max-width: 215px;

	}

}



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

	.ip-mdlla-video-list-wrapper {

		width: 100%;

	}

	.ip-mdlla-cta-wrapper {

		padding: 40px 15px 20px;

	}

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

		display: block;

		width: 100%;

		max-width: 420px;

		margin: 0 auto 20px !important;

	}

	.ip-mdlla-content-col {

		display: block;

		width: 100%;

	}

	.ip-mdlla-content-logos {

		text-align: center;

		padding-bottom: 0;

		border-bottom: none;

	}

	.ip-mdlla-content-logos img {

		max-width: 225px !important;

		display: block;

		margin: 0 auto 20px;

	}

	.ip-mdlla-content-text {

		max-width: 100%;

		padding: 0 15px;

	}

}



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

	.ip-mdlla-heading {

		max-width: 300px;
		font-size: 18px;

	}

	.ip-mdlla-heading div {

		font-size: 29px;

	}

	.ip-mdlla-heading div::before {

		height: 40px;

	}

}



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

	.ip-mdlla-video-list-item {

		display: block;

		width: 100%;

		max-width: 210px;

		margin: 0 auto 20px;

	}

}