/*******************************************************
 *
 * Videos
 *
 *******************************************************/
#content-full {
	margin-top: 0;
}
#inner-page-wrapper {
	margin-bottom: 0;
}
	#inner-page-wrapper > .container {
		width: 100%;
		padding: 0;
	}

#ip-videos {
	position: relative;
}
	.ip-video-top {
		padding: 0 0 103px;
		position: relative;
	}
		.bg-section.bg-ip-video-a {
			bottom: 0;
			left: 0;
			right: initial;
			top: initial;
			width: 50%;
			height: 651px;
			height: 64.91%;
		}
			.bg-section.bg-ip-video-a:before {
				content: '';
				background: #fff;
				opacity: 0.8;
			}


	.ip-video-title {
	    margin: 46px 0 27px;
	}
		.ip-video-title .section-title {
		    width: 33.33%;
		}
		.ip-video-title p {
		    width: 66.66%;
		    line-height: 24px;
		    letter-spacing: -0.04em;
		    margin: 13px 0 0;
		}

	.ip-video-main {
		position: relative;
		font-size: 0;
	}
		.ip-video-main a.video-link {
			display: block;
			position: relative;
		}
			.ip-video-main a.video-link img,
			.ip-video-main a.video-link canvas {
				display: block;
				width: 100%;
				height: auto;
			}
			.ip-video-main a.video-link canvas {
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				background-color: #000;
			}
			.ip-video-main a.video-link img {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				z-index: 1;
			}
			.ip-video-main a.video-link:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				width: 71px;
				height: 49px;
				background: url(../../images/videos/icon-youtube.png) center/contain no-repeat;
				z-index: 2;
			}

		.ip-video-main a.btn-a {
			position: absolute;
			bottom: 40px;
			right: 40px;
			width: 240px;
			z-index: 10;
		}

.ip-video-bottom {
	position: relative;
	padding: 60px 0 100px;
	overflow: hidden;
}
	.bg-section.bg-ip-video-b {
		background-color: var(--secondary);
	}
		.bg-section.bg-ip-video-b:before {
			content: 'Videos';
			display: flex;
			justify-content: center;
			align-items: center;
			white-space: nowrap;
			font-size: 51.750vw;
			text-transform: uppercase;
			color: #fff;
			opacity: 0.05;
			font-family: var(--font-title);
			padding: 0 0 13%;
		}

	.ip-video-tabs {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-content: center;
		margin-bottom: 86px;
	}
		.ip-video-tabs li {
			position: relative;
		}
			.ip-video-tabs li:before {
				content: '';
				position: absolute;
				top: 3px;
				height: 22px;
				width: 1px;
				background: #fff;
				opacity: 0.2;
				left: 100%;
			}
			.ip-video-tabs li,
			.ip-video-tabs li:before {
				margin: 0 59px;
			}
				.ip-video-tabs li:first-child {
					margin-left: 0;
				}
				.ip-video-tabs li:last-child {
					margin-right: 0;
				}
					.ip-video-tabs li:last-child:before {
						display: none;
					}
			.ip-video-tabs li a {
				font-size: 30px;
				font-family: var(--font-title);
				letter-spacing: 0.1em;
				line-height: 1;
				color: #6ebce8;
				text-transform: uppercase;
				display: block;
				position: relative;
				transition: color var(--default-transition);
			}
				.ip-video-tabs li a:before {
					content: '';
					position: absolute;
				    bottom: -24px;
				    left: 0;
				    right: 0.1em;
					height: 10px;
					background: #fff;
					transform: scaleX(0);
					transition: all var(--default-transition);
				}
			.ip-video-tabs li.active a {
				color: #fff;
			}
				.ip-video-tabs li.active a:before {
					transform: scaleX(1);
				}

	.tab-content {
		color: #fff;
	}
	.ip-video-list {
		position: relative;
		margin: 0 -46.5px;
	}
		.ip-video-item {
			width: 50%;
			display: inline-block;
			vertical-align: top;
			padding: 0 36.5px;
			margin-bottom: 76px;
		}
			.ip-video-item a {
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				padding-right: 99px;
				padding-right: 14.7%;
			}
				.ip-video-item-img {
					position: relative;
					width: 100%;
				}
					.ip-video-item-img canvas {
						display: block;
						width: 100%;
						background: #000;
						min-height: 370px;
					}
					.ip-video-item-img img {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center;
						opacity: 0.75;
						z-index: 1;
						transition: opacity var(--default-transition);
					}
					.ip-video-item a:hover img {
						opacity: 1;
					}
				.ip-video-item-details {
					position: absolute;
					width: 330px;
					z-index: 2;
					color: #fff;
					right: 0;
					background: #105a84;
					max-width: 80%;
					padding: 7.4% 5.8% 4.8%;
				}
					.ip-video-item-details h2 {
						font-weight: 700;
						font-size: 15px;
						line-height: 25px;
						letter-spacing: 0.02em;
						margin: 0 0 20px;
					}
					.ip-video-item-details p {
						font-size: 15px;
						line-height: 22px;
						letter-spacing: 0.02em;
						margin: 0 0 25px;
					}
					.ip-video-item-play {
						display: flex;
						align-items: center;
						color: #fff;
						margin-top: 33px;
					}
						.ip-video-item-play:before {
							content: '';
							display: block;
							width: 61px;
							height: 2px;
							background: #fff;
							margin-right: 15px;
						}

						.ip-video-item-play.view i:before {
						    border-width: 8px 5.5px 0 5.5px;
						    border-color: #ffffff transparent transparent transparent ;
						}

						.ip-video-item-play span {
							font-weight: 700;
							font-size: 14px;
							letter-spacing: 0.02em;
							line-height: 1;
							text-transform: uppercase;
							margin-right: 12px;
						}

						.ip-video-item-play i {
							width: 52px;
							height: 52px;
							border-radius: 50%;
							border: 1px solid rgba(255,255,255,0.3);
							display: flex;
							align-items: center;
							justify-content: center;
						}
							.ip-video-item-play i:before {
								content: '';
								display: block;
								width: 0;
								height: 0;
								border-style: solid;
								border-width: 5.5px 0 5.5px 8px;
								border-color: transparent transparent transparent #ffffff;
							}

@media only screen and (min-width: 1441px) {
	.ip-video-title .section-title {
		/*font-size: 110px;*/
		font-size: 55px;
	}
}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1366px) {
	.ip-video-tabs li, .ip-video-tabs li:before {
	    margin: 0 40px;
	}
}
@media only screen and (max-width: 1199px) {
	.ip-video-tabs li, .ip-video-tabs li:before {
	    margin: 0 20px;
	}
}
@media only screen and (max-width: 991px) {
	.ip-video-top {
	    padding: 0 0 60px;
	}
	    .ip-video-title {
	        flex-flow: column;
	        margin: 30px 0;
	    }
	        .ip-video-title .section-title {
	            width: 100%;
	        }
	        .ip-video-title p {
	            width: 100%;
	        }
	    .ip-video-main {
	        text-align: center;
	    }
	        .ip-video-main a.btn-a {
	            bottom: initial;
	            position: relative;
	            margin: 25px 0 0;
	            right: 0;
	        }

	.ip-video-bottom {
		padding: 60px 0;
	}
		.ip-video-tabs {
			margin-bottom: 40px;
		}

		    .ip-video-tabs li {
		        margin: 0 0 30px;
		        width: 50%;
		        text-align: center;
		    }
		    	.ip-video-tabs li:before {
		    		margin: 0;
		    	}
		    
		    .ip-video-tabs li a {
		        display: inline-block;
		    }
		    
		    .ip-video-tabs li a:before {
		        bottom: -10px;
		        height: 5px;
		    }
		    
		    .ip-video-tabs li:nth-child(even):before {
		        display: none;
		    }

		.ip-video-list {
		    margin: 0 -15px;
		}
		    .ip-video-item {
		        padding: 0 15px;
		        width: 100%;
		        margin-bottom: 50px;
		    }
}

@media only screen and (max-width: 767px) {
	.ip-video-item a {
	    padding-right: 0;
	    flex-flow: column;
	}

	.ip-video-item-details {
	    position: relative;
	    width: 100%;
	    max-width: initial;
	    padding: 5%;
	    text-align: center;
	}

	.ip-video-item-play {
	    justify-content: center;
	}

	.ip-video-item-play:before {
	    width: 40px;
	}

	.ip-video-item-play i {
	    width: 40px;
	    height: 40px;
	}
}
@media only screen and (max-width: 480px) {
	.ip-video-tabs li a {
		font-size: 24px;
	}
	.ip-video-tabs li:before {
	    height: 18px;
	    top: 2px;
	}
}