/* Studio Bond */
.ip-banner,
#breadcrumbs {
	display: none;
}
#inner-page-wrapper {
	padding-top: 107px;
}
	#inner-page-wrapper > .container {
		width: 100%;
		padding: 0
	}

#content-full {
	margin-top: 108px;
	z-index: 2;
	position: relative;
	background: #fff;
}

.ip-studio-bond {
	padding-bottom: 113px;
}

.ip-sb-inner {
	padding: 0 7.188%;
}
	.ip-sb-title {
	    padding: 88px 0 106px;
	}
		.ip-sb-title .ip-global-title {
		    padding: 0;
		}
			.ip-sb-title .ip-global-title-inner {
			    padding: 0 0 30px;
			    display: block;
			    margin-bottom: 36px;
			}
				.ip-sb-title .ip-global-title-inner:after {
				    max-width: 589px;
				    height: 3px;
				    background: rgb(32,61,69);
				    background: -moz-linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
				    background: -webkit-linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
				    background: linear-gradient(90deg, rgba(32,61,69,1) 0%, rgba(190,143,51,1) 100%);
				    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#203d45",endColorstr="#be8f33",GradientType=1);
				    bottom: 0;
				    width: 100%;
				}
			.ip-sb-title .ip-global-title p {
			    padding: 0;
			    margin: 0;
			}

	.ip-sb-cta-list {
	    margin: 0 -11px;
	}

		.ip-sb-cta {
		    width: 16.66%;
		    display: inline-block;
		    position: relative;
		    padding: 0 11px;
		    z-index: 1;
		}
		.ip-sb-cta.active {
			z-index: 2;
			align-self: flex-start!important;
			margin-top: 0!important;
		}
		/*.ip-sb-cta.active[data-playlist="1"] {
			left: 0;
		}
		.ip-sb-cta.active[data-playlist="2"] {
			left: -16.66%;
		}
		.ip-sb-cta.active[data-playlist="3"] {
			left: calc(-16.66% * 2);
		}
		.ip-sb-cta.active[data-playlist="4"] {
			left: calc(-16.66% * 3);
		}
		.ip-sb-cta.active[data-playlist="5"] {
			left: calc(-16.66% * 4);
		}
		.ip-sb-cta.active[data-playlist="6"] {
			left: calc(-16.66% * 5);
		}*/
		.ip-sb-cta:nth-child(even) {
			align-self: flex-end;
		}
		.ip-sb-cta:nth-child(4) {
		    margin-top: 142px;
		}
			.ip-sb-cta a {
			    display: block;
			}

				.ip-sb-cta-img {
				    position: relative;
				}

					.ip-sb-cta-img canvas {
					    display: block;
					    width: 100%;
					}

					.ip-sb-cta-img img {
					    position: absolute;
					    top: 0;
					    left: 0;
					    width: 100%;
					    height: 100%;
					    object-fit: cover;
					    z-index: 1;
					}
					.ip-sb-cta-img:before,
					.ip-sb-cta-img:after {
						content: '';
					    position: absolute;
					    left: 0;
					    right: 0;
					    bottom: 0;
					    z-index: 2;
					    transition: all var(--default-transition);
					}
					.ip-sb-cta-img:before {
						top: 42%;
					    background: rgb(0,0,0);
					    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
					    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
					    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
					    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
					    opacity: 0.6;
					}
					.ip-sb-cta-img:after {
						top: 0;
						background: rgba(var(--accent-rgb), 0.88);
						opacity: 0;
					}

				.ip-sb-cta .ip-sb-cta-text {
				    position: absolute;
				    bottom: 0;
				    right: 0;
				    left: 0;
				    display: flex;
				    align-items: center;
				    justify-content: flex-start;
				    white-space: nowrap;
				    z-index: 2;
				}
				    .ip-sb-cta .ip-sb-cta-text span {
				        position: absolute;
				        white-space: nowrap;
				        font-weight: 100;
				        font-size: 20px;
				        letter-spacing: 0.1em;
				        line-height: 1.5;
				        color: #fff;
				        text-transform: uppercase;
				        transform: rotate(-90deg) translate(35px, calc(-100% - 37px));
				        transform-origin: left top;
				        left: 100%;
				        top: 0;
				    }


				.ip-sb-cta a:hover .ip-sb-cta-img:before,
				.ip-sb-cta.active a .ip-sb-cta-img:before {
					opacity: 0;
				}
				.ip-sb-cta a:hover .ip-sb-cta-img:after,
				.ip-sb-cta.active a .ip-sb-cta-img:after {
					opacity: 1;
				}
				.ip-sb-cta a:hover .ip-sb-cta-img img,
				.ip-sb-cta.active a .ip-sb-cta-img img {
					-webkit-filter: grayscale(1);
					filter: grayscale(1);
				}

	.ip-sb-playlist-hover-wrap.active {
		display: block;
	}
	.ip-sb-playlist-hover-wrap {
		width: 83.33%;
		padding: 0 10px 0 35px;
		display: none;
	}
		.ip-sb-playlist-head {
		    width: 100%;
		    margin: -55px 0 32px;
		}
			.ip-sb-playlist-head a.ip-sb-playlist-subscribe {
			    display: inline-flex;
			    align-items: center;
			    justify-content: center;
			    text-align: center;
			    font-size: 14px;
			    font-weight: 100;
			    letter-spacing: 0.1em;
			    line-height: 1;
			    color: #000;
			    text-transform: uppercase;
			}
			.ip-sb-playlist-head a.ip-sb-playlist-subscribe i {
			    color: #ec2024;
			    font-size: 25px;
			    margin-right: 13px;
			    top: 2px;
			}

			.ip-sb-playlist-hover-wrap a.custom-slick-arrow .icon-arrow {
			    width: 27px;
			    background-size: auto;
			    background-position: right;
			    transform: rotate(-180deg);
			}

		.ip-sb-playlist {
		    margin: 0 -18px;
		    font-size: 0;
		    display: none;
		}
		.ip-sb-playlist.active {
			display: block;
		}
			.ip-sb-video {
			    display: inline-block;
			    vertical-align: top;
			    width: 33.33%;
			    padding: 0 18px;
			    margin-bottom: 61px;
			}
				.ip-sb-video a {
				    display: block;
				    position: relative;
				}

				.ip-sb-video-img {
					position: relative;
				}

					.ip-sb-video-img canvas {
					    display: block;
					    width: 100%;
					}

					.ip-sb-video-img img {
					    position: absolute;
					    top: 0;
					    left: 0;
					    width: 100%;
					    height: 100%;
					    object-fit: cover;
					}

					.ip-sb-video-playlist-count {
					    position: absolute;
					    bottom: 0;
					    right: 0;
					    width: 117px;
					    height: 63px;
					    display: flex;
					    align-items: center;
					    justify-content: center;
					    font-size: 18px;
					    letter-spacing: 0.05em;
					    color: #fff;
					    font-weight: 100;
					    background: rgba(0,0,0,0.8);
					}
					.ip-sb-video-playlist-count span {
						position: relative;
						top: -2px;
					}
					.ip-sb-video-playlist-count i.icon-playlist {
						display: inline-block;
						width: 22px;
						height: 16px;
						background: url(../../images/studio-bond/icon-playlist.png) center/contain no-repeat;
						margin-left: 15px;
					}

				.ip-sb-video-details {
				    font-weight: 100;
				    margin: 0 20px;
				    position: relative;
				    padding: 16px 24px 0;
				}
					.ip-sb-video-details:before {
					    content: '';
					    position: absolute;
					    bottom: 0;
					    left: 0;
					    top: -63px;
					    width: 1px;
						background: rgb(32,61,69);
						background: -moz-linear-gradient(0deg, rgba(32,61,69,1) 0%, rgba(250,240,234,1) 100%);
						background: -webkit-linear-gradient(0deg, rgba(32,61,69,1) 0%, rgba(250,240,234,1) 100%);
						background: linear-gradient(0deg, rgba(32,61,69,1) 0%, rgba(250,240,234,1) 100%);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#203d45",endColorstr="#faf0ea",GradientType=1);
					}
					.ip-sb-video-details .video-title {
					    font-size: 18px;
					    line-height: 24px;
					    letter-spacing: 0.05em;
					    color: #000;
					    margin-bottom: 6px;
					}

					.ip-sb-video-details .video-subtitle {
					    font-size: 14px;
					    line-height: 24px;
					    letter-spacing: 0.05em;
					    color: #000;
					}

	.ip-sb-playlist.ip-sb-playlist-main:not(.active) ~ .ip-sb-playlist-load-more {
		display: none;
	}
	.ip-sb-playlist-load-more {
	    text-align: center;
	}

@media only screen and (min-width: 992px) {
	/*header*/
	header.header {
	    background: #000;
	    padding: 20px 0;
	}
	    .header-logo {
	        bottom: 0;
	        width: 164px;
	    }
	        .header-logo a img {
	            -webkit-filter: brightness(0) invert(1);
	            filter: brightness(0) invert(1);
	        }

	    a.bm-contact-open,
	    .bm-menu-open span {
	        color: #fff;
	        border-color: #fff;
	    }
	    .bm-menu-icon:before,
	    .bm-menu-icon:after {
	        background: #fff;
	    }
}
@media only screen and (max-width: 1199px) {
	.ip-sb-inner {
		padding: 0 3.750%;
	}
	.ip-sb-video-details {
	    margin: 0 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	}
}

@media only screen and (max-width: 991px) {
	#inner-page-wrapper {
	    padding-top: 60px;
	}

	#content-full {
		margin-top: 100px;
	}
	.ip-sb-title {
	    padding: 0 0 50px;
	}
	.ip-sb-cta {
	    width: 100%;
		margin-top: 0!important;
		margin-bottom: 15px;
	}

	.ip-sb-cta-img canvas {
	    height: 150px;
	}

	.ip-sb-cta .ip-sb-cta-text {
	    top: 0;
	    align-items: center;
	}

	.ip-sb-cta .ip-sb-cta-text span {
	    transform: none;
	    left: 0;
	    right: 0;
	    text-align: center;
	    top: initial;
	}

	.ip-sb-cta-img:before {
	    top: 0;
	}

	.ip-sb-playlist-hover-wrap {
	    width: 100%;
	    padding: 0 11px;
	}

		.ip-sb-video {
		    width: 50%;
		}

	.ip-sb-playlist-head {
	    margin-top: 20px;
	}

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

}
@media only screen and (max-width: 480px) {
	.ip-sb-playlist-head {
	    flex-flow: column;
	}
	    .ip-sb-playlist-head a.ip-sb-playlist-subscribe {
	        margin-bottom: 15px;
	    }
	.ip-sb-video {
		width: 100%;
	}
	
}