/** 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-itm-section {

	font-size: 0;

	position: relative;

}



.ip-itm-heading {


    font-family: "Barlow", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    max-width: 495px;
    margin: 55px auto 50px;
    font-size: 24px;
    color: #999999;
}

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

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 3px;

	height: 73px;

    background-color: #cbaa45;

    pointer-events: none;

}*/

.ip-itm-list-inner-wrapper {

	position: relative;

	max-width: 1170px;

	margin: 0 auto;

}

	.ip-itm-item {

		display: inline-block;

		vertical-align: top;

		width: 33.33%;

		padding: 0 15px;

		margin-bottom: 30px;

	}

		.ip-itm-item a {

			display: block;

			position: relative;

			padding-bottom: 45px;

			background-color: #121212;

		}

		.ip-itm-item a::before {

			content: "";

			position: absolute;

			top: -4px;

			left: -4px;

			width: calc(100% + 8px);

			height: calc(100% + 8px);

			border: 4px solid #cbaa45;

			pointer-events: none;

			opacity: 0;

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

		}

		.ip-itm-item a:hover:before {

			opacity: 1;

		}

			.ip-itm-item-image {

				position: relative;

			}

				.ip-itm-item-image canvas {

					display: block;

					width: 100%;

					background-size: cover;

					background-position: center;

					background-repeat: no-repeat;

				}

			.ip-itm-item-text {

				padding: 37px 16px 0;

				text-align: center;

			}

				.ip-itm-item-text-title {

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

					font-size: 18px;

					font-weight: 600;

					color: #cbaa45;

					text-transform: uppercase;

					letter-spacing: 0.04em;

					line-height: 1.2;

					min-height: 64px;

					margin-bottom: 10px;

				}

				.ip-itm-item-text-excerpt {

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

					font-size: 17px;

					font-weight: 400;

					color: #d5d5d5;

					line-height: 1.6;

					min-height: 136px;

					margin-bottom: 34px;

				}

				.ip-itm-item-text-link {

					max-width: 198px;

					margin: 0 auto;

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

					font-size: 15px;

					font-weight: 600;

					color: #fff;

					text-transform: uppercase;

					padding: 17px 0;

					border: 2px solid #fff;

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

				}

				.ip-itm-item a:hover .ip-itm-item-text-link {

					background-color: #cbaa45;

					border-color: #cbaa45;

				}

	.ip-itm-list-pagination {

		padding: 27px 0 40px;

	}

		.ip-itm-list-pagination ul {

			text-align: center;

		}

			.ip-itm-list-pagination ul li {

				display: inline-block;

				vertical-align: top;

				margin: 0 15px;

			}

				.ip-itm-list-pagination ul li a {

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

					font-size: 20px;

					font-weight: 300;

					color: #fff;

				}

				.ip-itm-list-pagination ul li a:hover {

					color: #cbaa45;

				}

				.ip-itm-list-pagination ul li a.active-page {

					font-weight: 700;

				}

.ip-itm-cta-wrapper {

	padding: 2vw 15px;

	background-color: #fff;

}

.ip-itm-cta {

	max-width: 950px;

	margin: 0 auto;

}

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

	display: inline-block;

	vertical-align: middle;

	width: calc(33.33% - 11px);

	font-size: 15px;

	padding: 20px 0;

}

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

	margin-right: 16px;

}

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

	border-color: #000;

	color: #000;

}



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

 *

 * Mobile styles and other media queries

 *

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



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



}



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



}



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

	.ip-itm-item-text-title {

		font-size: 16px;

	}

	.ip-itm-item-text-excerpt {

		font-size: 14px;

	}

}



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

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

	.ip-itm-cta-wrapper {

		padding: 40px 15px 20px;

	}

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

		display: block;

		width: 100%;

		max-width: 420px;

		margin: 0 auto 20px !important;

	}

	.ip-itm-item {

		width: 50%;

	}

}



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

	.ip-itm-heading {

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

	}

	.ip-itm-heading div {

		font-size: 36px;

	}

	.ip-itm-heading div::before {

		height: 47px;

	}

	.ip-itm-item {

		display: block;

		width: 100%;

		max-width: 480px;

		margin: 0 auto 30px;

	}

	.ip-itm-item-text-excerpt {

		min-height: auto;

	}

}



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



}