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

}

.page-logo {
    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-yt-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-yt-heading {

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

}

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

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 3px;

    height: 73px;

    background-color: #cbaa45;

    pointer-events: none;

}*/

.ip-yt-heading div img {

	display: inline-block;

	vertical-align: top;

    margin-top: -4px;

}



.ip-yt-profile-inner-wrapper {

	max-width: 1085px;

	margin: 0 auto;

}

	.ip-yt-profile-col {

		display: inline-block;

		vertical-align: middle;

	}

	.ip-yt-profile-col.col-left {

		width: 75.11%;

	}

	.ip-yt-profile-col.col-right {

		width: 24.88%;

	}

		.ip-yt-profile-subscribe-details {

			

		}

			.ip-yt-profile-subscribe-details > div {

				display: inline-block;

				vertical-align: middle;

			}

				.ip-yt-profile-subscribe-details-link a:hover img {

					opacity: .7;

				}

				.ip-yt-profile-subscribe-details-link div {

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

					font-size: 20px;

					font-weight: 300;

					color: #fff;

					text-transform: uppercase;

					letter-spacing: 0.05em;

					margin-top: 26px;

				}

					.ip-yt-profile-subscribe-details-link div strong {

						font-weight: 600;

					}

		.ip-yt-profile-smi-details {



		}

			.ip-yt-profile-smi-details-col {

				display: inline-block;

				vertical-align: middle;

			}

				.ip-yt-profile-smi-details-pic {



				}

				.ip-yt-profile-smi-details-text {

					margin-left: 26px;

				}

					.ip-yt-profile-smi-details-text > div:first-child {

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

						font-size: 26px;

						font-weight: 600;

						color: #fff;

						text-transform: uppercase;

						letter-spacing: 0.05em;

						margin-bottom: 21px;

					}

					.ip-yt-profile-smi-list {



					}

						.ip-yt-profile-smi-list ul {

							

						}

							.ip-yt-profile-smi-list ul li {

								display: inline-block;

								vertical-align: top;

								margin-right: 29px;

							}

								.ip-yt-profile-smi-list ul li a {



								}

									.ip-yt-profile-smi-list ul li a span {

										font-size: 14px;

										color: #cbaa45;

									}

									.ip-yt-profile-smi-list ul li a:hover span {

										color: #fff;

									}

.ip-yt-stats-inner-wrapper {

	background-image: url('../../images/youtube/ip-yt-ratings-bg.jpg');

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	margin: 96px 0 0;

	padding: 89px 0 122px;

}

.safari .ip-yt-stats-inner-wrapper {
	background-attachment: scroll;
}

	.ip-yt-stats-heading {

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

		font-size: 24px;

		font-weight: 400;

		color: #999;

		text-transform: uppercase;

		line-height: 1;

		max-width: 415px;

		margin: 0 auto;

	}

	.ip-yt-stats-heading div {

		position: relative;

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

		font-size: 70px;

		font-weight: 700;

		color: #fff;

		margin-top: 18px;

		padding-left: 31px;

	}

	.ip-yt-stats-heading div::before {

		content: "";

		position: absolute;

		top: 50%;

		left: 0;

		transform: translateY(-50%);

		width: 3px;

		height: 73px;

		background-color: #cbaa45;

		pointer-events: none;

	}

	.ip-yt-stats-list {

		max-width: 1470px;

		margin: 111px auto 0;

	}

		.ip-yt-stats-item {

			position: relative;

			display: inline-block;

			vertical-align: top;

			width: 20%;

			text-align: center;

		}

		.ip-yt-stats-item::after {

			content: "";

			position: absolute;

			top: 50%;

			right: 0;

			transform: translateY(-50%);

			width: 1px;

			height: 182px;

			background-color: #fff;

			opacity: .2;

			pointer-events: none;

		}

		.ip-yt-stats-item:last-child:after {

			opacity: 0;

		}

			.ip-yt-stats-item-value {

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

				font-size: 60px;

				font-weight: 600;

				color: #fff;

				margin-bottom: 11px;

			}

			.ip-yt-stats-item-label {

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

				font-size: 16px;

				font-weight: 400;

				color: #fff;

				text-transform: uppercase;

				line-height: 1.4;

			}

.ip-yt-videos-inner-wrapper {

	position: relative;

	max-width: 1370px;

	margin: 0 auto;

	padding: 126px 15px 0;

}

	.ip-yt-videos-heading-wrapper {

		display: -webkit-box; 

		display: -moz-box;

		display: -ms-flexbox;

		display: -webkit-flex; 

		display: flex;

		align-items: center;

	}

		.ip-yt-videos-heading {

			flex-grow: 1;

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

			font-size: 24px;

			font-weight: 400;

			color: #999;

			text-transform: uppercase;

			line-height: 1;

		}

		.ip-yt-videos-heading div {

			position: relative;

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

			font-size: 70px;

			font-weight: 600;

			color: #fff;

			margin-top: 18px;

			padding-left: 31px;

		}

		.ip-yt-videos-heading div::before {

			content: "";

			position: absolute;

			top: 50%;

			left: 0;

			transform: translateY(-50%);

			width: 3px;

			height: 55px;

			background-color: #cbaa45;

			pointer-events: none;

		}

		.ip-yt-videos-links {

			width: 502px;

			text-align: right;

		}

			.ip-yt-videos-links a {

				display: inline-block;

				vertical-align: top;

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

				font-size: 18px;

				font-weight: 700;

				color: #fff;

				text-transform: uppercase;

				text-align: center;

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

			}

			.ip-yt-videos-links a:first-child {

				width: 276px;

				padding: 17px 0;

				border: 2px solid #fff;

			}

			.ip-yt-videos-links a:first-child:hover {

				background-color: #cbaa45;

				border-color: #cbaa45;

			}

			.ip-yt-videos-links a:nth-child(2) {

				width: 206px;

				padding: 19px 0;

				margin-left: 20px;

				background-color: #cc0000;

			}

			.ip-yt-videos-links a:nth-child(2):hover {

				opacity: .8;

			}

	.ip-yt-videos-list {

		position: relative;

		margin: 76px -5px 0;

	}

		.ip-yt-videos-item {

			position: relative;

			display: inline-block;

			vertical-align: top;

			width: 33.33%;

			padding: 5px;

		}

			.ip-yt-videos-item a {

				position: relative;

				display: block;

			}

			.ip-yt-videos-item a::before {

				content: "";

				position: absolute;

				top: 0;

				left: 0;

				width: 100%;

				height: 100%;

				background-color: #000;

				opacity: .3;

				pointer-events: none;

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

			}

			.ip-yt-videos-item a:hover:before {

				opacity: 0;

			}

				.ip-yt-videos-item a img {

					position: absolute;

					top: 50%;

					left: 50%;

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

					z-index: 1;

				}

				.ip-yt-videos-item a canvas {

					display: block;

					width: 100%;

					background-size: cover;

					background-position: center;

					background-repeat: no-repeat;

				}

	.ip-yt-videos-link {

		max-width: 196px;

		margin: 25px auto 0;

	}

		.ip-yt-videos-link a {

			display: block;

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

			font-size: 18px;

			font-weight: 700;

			color: #fff;

			text-transform: uppercase;

			text-align: center;

			padding: 17px 0;

			border: 2px solid #fff;

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

		}

		.ip-yt-videos-link a:hover {

			background-color: #cbaa45;

			border-color: #cbaa45;

		}

.ip-yt-cta-wrapper {

	padding: 2vw 15px;

	margin-top: 117px;

	background-color: #fff;

}



.ip-yt-cta {

	max-width: 950px;

	margin: 0 auto;

}



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

	display: inline-block;

	vertical-align: middle;

	width: calc(33.33% - 11px);

	font-size: 15px;

	padding: 20px 0;

}



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

	margin-right: 16px;

}



.ip-yt-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) {



}



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



}



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

	.ip-yt-profile-inner-wrapper {

		max-width: 900px;

	}

	.ip-yt-profile-subscribe-details-image img {

		max-width: 325px;

	}

	.ip-yt-profile-smi-details-pic img {

		max-width: 35px;

	}

	.ip-yt-profile-smi-details-text {

		margin-left: 9px;

	}

	.ip-yt-profile-smi-details-text > div:first-child {

		margin-bottom: 11px;

	}

	.ip-yt-videos-heading div {

		font-size: 55px;

	}

	.ip-yt-videos-links {

		width: 400px;

	}

	.ip-yt-videos-links a:first-child {

		width: 245px;

	}

	.ip-yt-videos-links a:nth-child(2) {

		width: 135px;

	}

}



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

	.ip-yt-heading {

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

	}

	.ip-yt-heading div img {
		margin-top: 9px;
		max-width: 95px;
	}

	.ip-yt-heading div {

		font-size: 25px;
		margin-top: 8px;
		padding-left: 12px;
	}

	.ip-yt-heading div::before {

		display: none;

	}

	.ip-yt-cta-wrapper {

		padding: 40px 15px 20px;

	}

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

		display: block;

		width: 100%;

		max-width: 420px;

		margin: 0 auto 20px !important;

	}

	.ip-yt-profile-col {

		display: block;

		width: 100% !important;

	}

	.ip-yt-profile-subscribe-details {

		text-align: center;

	}

	.ip-yt-profile-subscribe-details > div {

		display: block;

	}

	.ip-yt-profile-subscribe-details-image img {

		max-width: 100%;

		margin: 0 auto 20px;

	}

	.ip-yt-profile-subscribe-details-link a {

		display: inline-block;

	}

	.ip-yt-profile-smi-details {

		text-align: center;

		margin-top: 20px;

	}

	.ip-yt-stats-inner-wrapper {

		margin: 40px 0 0;

	}

	.ip-yt-stats-list {

		text-align: center;

	}

	.ip-yt-stats-item {

		width: 33.33%;

		margin-bottom: 35px;

	}

	.ip-yt-stats-item::after {

		display: none;

	}

	.ip-yt-videos-heading-wrapper {

		display: block;

	}

	.ip-yt-videos-links {

		width: 100%;

		margin-top: 20px;

		text-align: left;

	}

	.ip-yt-videos-list {

		margin: 20px -5px 0;

		text-align: center;

	}

	.ip-yt-videos-item {

		width: 50%;

	}

}



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

	.ip-yt-videos-heading,
	.ip-yt-stats-heading {
		font-size: 18px;
	}

	.ip-yt-videos-heading div,
	.ip-yt-stats-heading div {
		font-size: 36px;
	}

	.ip-yt-stats-item {

		width: 50%;

	}

}



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

	.ip-mdlla-video-list-item {
		display: block;
		width: 100%;
		max-width: 210px;
		margin: 0 auto 20px;
	}

	/* .ip-yt-heading div img {

		max-width: 90px;
		margin-top: -8px;

	} */

	.ip-yt-stats-heading {

		max-width: 300px;

	}

	.ip-yt-stats-heading div {

		font-size: 49px;

	}

	.ip-yt-stats-heading div::before {

		height: 52px;

	}

	.ip-yt-stats-list {

		margin: 70px auto 0;

	}

	.ip-yt-stats-item {

		width: 100%;

	}

	.ip-yt-videos-links a {

		display: block;

		margin-left: 0 !important;

		margin-bottom: 15px;

		width: 100% !important;

	}

	.ip-yt-videos-item {

		width: 100%;

	}

}