/** global **/



div#main-wrapper {

	background: #000;

	display: block;

}



.page-banner {

	margin-bottom: 0;

}



.page-title .titlewrapper {

	display: none;

}





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

	font-size: 0;

	position: relative;

}



.ts-heading {

	position: relative;

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

	font-size: 24px;

	font-weight: 400;

	color: #999999;

	text-transform: uppercase;

	max-width: 735px;
    margin: 0 0 20px;

}

	.ts-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;


	}
/*
	.ts-heading div::before {

		content: "";

		position: absolute;

		top: 50%;

		left: 0;

		transform: translateY(-50%);

		width: 3px;

		height: 73px;

		background-color: #cbaa45;

		pointer-events: none;

	}*/

.ts-video-inner-wrapper {

	position: relative;

	max-width: 1370px;

	margin: 64px auto 0;

	padding: 0 15px;

}

	.ts-video-inner-wrapper canvas {

		display: block;

		width: 100%;

		min-height: 250px;

		background-size: cover;

		background-position: center;

		background-repeat: no-repeat;

	}

	.ts-video-inner-wrapper a {

		position: absolute;

		top: 50%;

		left: 50%;

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

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

		z-index: 1;

	}

	.ts-video-inner-wrapper a:hover {

		opacity: .7;

	}

.ts-content-inner-wrapper {

	position: relative;

	max-width: 1370px;

	margin: 0 auto;

	padding: 0 15px;

}

	.ts-content-row {

		margin-top: 43px;

	}

		.ts-content-col {

			display: inline-block;

			vertical-align: top;

		}

		.ts-content-row.row1 .ts-content-col.col-left {

			width: 55.59%;

		}

		.ts-content-row.row1 .ts-content-col.col-right {

			width: 44.40%;

		}

		.ts-content-row.row2 .ts-content-col.col-left {

			width: 63.28%;

		}

		.ts-content-row.row2 .ts-content-col.col-right {

			width: 36.71%;

		}

			.ts-content-row.row1 .ts-content-text {

				margin-top: 55px;

				padding-left: 64px;

			}

			.ts-content-row.row2 .ts-content-text {

				max-width: 760px;

				margin-top: 35px;

    			padding-right: 15px;

			}

				.ts-content-text p {

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

					font-size: 18px;

					font-weight: 400;

					color: #fff;

					line-height: 24px;

					margin-bottom: 29px;

				}

.ts-cta-inner-wrapper {

	position: relative;

	margin: 46px -3px 0;

}

	.ts-cta-col {

		display: inline-block;

		vertical-align: top;

		width: 50%;

		padding: 0 3px;

	}

		.ts-cta-item {

			position: relative;

		}

			.ts-cta-item a {

				display: block;

				position: relative;

			}

			.ts-cta-item a::before {

				content: "";

				position: absolute;

				top: 0;

				left: 0;

				width: 100%;

				height: 100%;

				background-color: #000;

				opacity: .7;

				pointer-events: none;

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

				z-index: 1;

			}

			.ts-cta-item a:hover:before {

				background-color: #cbaa45;

				opacity: .9;

			}

			.ts-cta-item a::after {

				content: "";

				position: absolute;

				top: 50%;

				left: 50%;

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

				width: 38.97%;

				height: 348px;

				border-top: 4px solid #cbaa45;

				border-bottom: 4px solid #cbaa45;

				pointer-events: none;

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

				z-index: 1;

			}

			.ts-cta-item a:hover:after{

				width: 87%;

				height: 85%;

				border: 1px solid #fff;

			}

				.ts-cta-item a canvas {

					display: block;

					width: 100%;

					height: 464px;

					background-size: cover;

					background-position: center;

					background-repeat: no-repeat;

					filter: grayscale(1);

				}

				.ts-cta-item-content {

					position: absolute;

					top: 50%;

					left: 0;

					transform: translateY(-50%);

					width: 100%;

					color: #fff;

					text-transform: uppercase;

					text-align: center;

					z-index: 1;

				}

					.ts-cta-item-content-title {

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

						font-size: 48px;

						font-weight: 500;

						margin-bottom: 30px;

					}

					.ts-cta-item-content-desc {

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

						font-size: 24px;

						font-weight: 300;

						line-height: 1.3;

						margin-bottom: 42px;

					}

					.ts-cta-item-content-link-label {

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

						font-size: 15px;

						font-weight: 600;

						width: 298px;

						padding: 22px 0;

						margin: 0 auto;

						border: 2px solid #fff;

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

					}

					.ts-cta-item a:hover .ts-cta-item-content-link-label {

						border-color: #000;

						background-color: #000;

					}

.altman-git-wrapper.section-wrapper {

	display: none;

}


.ts-content-wrapper {
	position: relative;
	width: 70vw;
    margin: 0 auto;
}
.ts-content-image {
    float: right;
    width: 50%;
    margin-top: 0;
    position: relative;
    padding-left: 30px;
    padding-bottom: 30px;
    z-index: 6;
}
.ts-content-text {
    padding-top: 50px;
}




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

 *

 * Mobile styles and other media queries

 *

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



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



}



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



}



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

	.ts-cta-item-content-desc {

		font-size: 20px;

	}

	.ts-heading div {
		font-size: 50px;
	}

}



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

	.ts-heading {

		max-width: 500px;

	}

	.ts-heading div {

		font-size: 43px;

	}

	.ts-heading div::before {

		height: 53px;

	}

	.ts-content-col {

		display: block;

		width: 100% !important;

	}

	.ts-content-image {

		max-width: 560px;

		margin: 0 auto;

		float: none;
		width: 100%;
		padding: 0;

	}

	.ts-content-row.row1 .ts-content-text {

		margin-top: 20px;

		padding-left: 0;

	}

	.ts-content-row.row2 .ts-content-text {

		margin-top: 0;

		padding-right: 0;

	}

	.ts-content-text p {

		font-size: 16px;

	}

	.ts-cta-col {

		display: block;

		width: 100%;

		margin-bottom: 6px;

	}

	.ts-content-wrapper {
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
		display: flex;
		flex-direction: column-reverse;
	}

}



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

	.ts-heading {

		max-width: 300px;
		font-size: 18px;
		margin: 30px auto 20px;

	}

	.ts-heading div {

		font-size: 26px;

	}

	.ts-heading div::before {

		height: 39px;

	}

	.page-banner > canvas {
		background-position: top right;
	}

}



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

	.ts-video-inner-wrapper a {

		max-width: 40px;

	}

	.ts-cta-item-content-link-label {

		width: 240px;

	}

	.ts-cta-item-content-desc {

		font-size: 13px;

	}

}