.inner-page-breadcrumbs{
	display: none;
}

#inner-page-wrapper{
	margin-bottom: 0;
}

#inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}



/*Items*/

.ip-our-offices-inner {
    padding: 60px 0;
}

.ip-our-offices-item {
    padding: 40px 0;
}

.ip-our-offices-item-inner {
    display: flex;
    align-items: flex-start;
}

	.ip-our-offices-item-main-thumb {
	    width: 55%;
	    position: relative;
	    padding-bottom: 100px;
	}

		.ip-our-offices-item-main-thumb::before, 
		.ip-our-offices-item-main-thumb::after {
		    content: '';
		    position: absolute;
		    bottom: 0;
		    width: 100%;
		    height: 60%;
		}

		.ip-our-offices-item-main-thumb-los-angeles::before{
			background: url(../images/office/ip-office-los-angeles-accent.jpg);
			background-size: cover;
			background-position: center;
			filter: grayscale(100%);
			z-index: 1;
		}

		.ip-our-offices-item-main-thumb-newport::before{
			background: url(../images/office/ip-office-newport-accent.jpg);
			background-size: cover;
			background-position: center;
			filter: grayscale(100%);
			z-index: 1;
		}

		.ip-our-offices-item-main-thumb-san-diego::before{
			background: url(../images/office/ip-office-san-diego-accent.jpg);
			background-size: cover;
			background-position: center;
			filter: grayscale(100%);
			z-index: 1;
		}

		.ip-our-offices-item-main-thumb-cabo::before{
			background: url(../images/office/ip-office-cabo-accent.jpg);
			background-size: cover;
			background-position: center;
			filter: grayscale(100%);
			z-index: 1;
		}

		.ip-our-offices-item-main-thumb::after{
			background: #fff;
			opacity: 0.9;
			z-index: 2;
		}

		.ip-our-offices-item-main-thumb-img {
		    position: relative;
		    z-index: 3;
		}

			.ip-our-offices-item-main-thumb-img canvas {
			    display: block;
			    width: 100%;
			    height: auto;
			}

			.ip-our-offices-item-main-thumb-img img {
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    object-fit: cover;
			    object-position: center;
			}

	.ip-our-offices-item-small-thumb {
	    width: 45%;
	}

		.ip-our-offices-item-title {
		    display: flex;
		    align-items: flex-start;
		    justify-content: flex-start;
		    flex-direction: column;
		    padding: 40px 0 0;
		    padding-left: 18%;
		    position: relative;
		    z-index: -1;
		}

			.ip-our-offices-item-title-inner {
			    position: relative;
			    padding-right: 40px;
			}

				.ip-our-offices-item-title-inner span {
				    display: block;
				    font-family: "Barlow Semi Condensed", sans-serif;
				    font-size: 75px;
				    font-weight: 600;
				    line-height: 1;
				    text-transform: uppercase;
				    color: #000;
				    letter-spacing: -0.025em;
				}

				.ip-our-offices-item-title-inner b {
				    display: block;
				    font-family: "Source Sans Pro", sans-serif;
				    font-size: 18px;
				    font-weight: 400 !important;
				    line-height: 1.2;
				    padding-top: 5px;
				    color: #e51a38;
				    position: relative;
				    text-transform: uppercase;
				}

				.ip-our-offices-item-title-inner i {
				    position: absolute;
				    bottom: 0;
				    left: 0;
				    height: 4px;
				    background: #d7d7d7;
				    bottom: 9.5px;
				    left: 100%;
				    width: calc(142% - 15px);
				    z-index: -1;
				}

				.ip-our-offices-item-title-inner.ip-our-offices-item-title-inner-two-lines i {
				    bottom: 30px;
				}

		.ip-our-offices-item-button{
			position: relative;
			z-index: 1;
		}

			.ip-our-offices-item-buttons-inner {
			    padding-top: 40px;
			    padding-right: 40px;
			    display: flex;
			    align-items: center;
			    justify-content: flex-start;
			    gap: 35px;
			    padding-left: 18%;
			    padding-bottom: 20px;
			}

				.ip-our-offices-item-buttons-inner .site-button {
				    width: 175px;
				}

					.ip-our-offices-item-buttons-inner .site-button::after {
					    width: 38px;
					    left: -19px;
					}


		.ip-our-offices-item-small-thumb-items {
		    width: calc(100% + 26.5%);
		    position: relative;
		    right: 26.5%;
		    background: #fff;
		    z-index: 3;
		    display: flex;
		    flex-wrap: wrap;
		    align-items: center;
		    justify-content: center;
		    gap: 8px;
		    padding-top: 30px;
		    padding-left: 30px;
		}

			.ip-our-offices-item-small-thumb-item {
			    width: calc(50% - 4px);
			}

				.ip-our-offices-item-small-thumb-item-img {
				    position: relative;
				}

				.ip-our-offices-item-small-thumb-item-img.ip-our-offices-item-small-thumb-item-video-trigger a{
					position: relative;
					display: block;
				}		

					.ip-our-offices-item-small-thumb-item-img.ip-our-offices-item-small-thumb-item-video-trigger a::before {
					    content: '';
					    position: absolute;
					    top: 0;
					    left: 0;
					    width: 100%;
					    height: 100%;
					    background: #000;
					    z-index: 1;
					    opacity: 0.3;

					    -webkit-transition: all 0.4s ease-in-out;
    					transition: all 0.4s ease-in-out;
					}

					.ip-our-offices-item-small-thumb-item-img.ip-our-offices-item-small-thumb-item-video-trigger a:hover::before{
						opacity: 0.1;
					}

					.ip-our-offices-item-small-thumb-item-img.ip-our-offices-item-small-thumb-item-video-trigger a .ai-font-play-button-a{
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						color: #fff;
						width: 60px;
						height: 60px;
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 18px;
						border: 2px solid #fff;
						border-radius: 50%;		
						z-index: 2;
					}

				.ip-our-offices-item-small-thumb-item-img canvas {
				    width: 100%;
				    height: auto;
				    display: block;
				}

				.ip-our-offices-item-small-thumb-item-img img {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%
					;object-fit: cover;
					object-position: center;
				}


/*Reversed Item*/
.ip-our-offices-item.reverse-item .ip-our-offices-item-inner {
    flex-direction: row-reverse;
}

.ip-our-offices-item.reverse-item .ip-our-offices-item-small-thumb-items {
    right: unset;
    padding-left: 0;
    padding-right: 30px;
}

.ip-our-offices-item.reverse-item .ip-our-offices-item-title-inner i {
	left: 75%;
}

.ip-our-offices-item.reverse-item .ip-our-offices-item-title {
    padding-left: 13%;
}

.ip-our-offices-item.reverse-item .ip-our-offices-item-buttons-inner{
    padding-left: 13%;
}

.ip-our-offices-item.reverse-item .ip-our-offices-item-title-inner{
	display: block;
    width: 100%;
}

@media only screen and (max-width: 1280px) {
	.ip-our-offices-item-title,
	.ip-our-offices-item-buttons-inner{
		padding-left: 10%;
	}

	.ip-our-offices-item.reverse-item .ip-our-offices-item-title,
	.ip-our-offices-item.reverse-item .ip-our-offices-item-buttons-inner{
		padding-left: 8%;
	}

	.ip-our-offices-item-title-inner span{
		font-size: 60px;
	}

	.ip-our-offices-item-title-inner b{
		font-size: 15px;
	}

	.ip-our-offices-item-title-inner i{
		bottom: 7.5px;
	}

	.ip-our-offices-item-title-inner.ip-our-offices-item-title-inner-two-lines i{
		bottom: 27px;
	}
}

@media only screen and (max-width: 1199px) {
	.ip-our-offices-item-title-inner span{
		font-size: 50px;
	}

	.ip-our-offices-item-title-inner b{
		font-size: 13px;
	}

	.ip-our-offices-item-title-inner i{
		bottom: 6.5px;
	}

	.ip-our-offices-item-title-inner.ip-our-offices-item-title-inner-two-lines i{
		bottom: 22px;
	}
}

@media only screen and (max-width: 991px) {
	.ip-our-offices-item-inner, 
	.ip-our-offices-item.reverse-item .ip-our-offices-item-inner{
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}

	.ip-our-offices-item-main-thumb,
	.ip-our-offices-item-small-thumb{
		width: 100%;
		max-width: 600px;
		margin: 0 auto; 
	}


	.ip-our-offices-item-title {
	    z-index: 1;
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	    padding: 0 !important;
	}

	.ip-our-offices-item-title-inner{
		padding: 0;
	}

	.ip-our-offices-item.reverse-item .ip-our-offices-item-title-inner {
	    display: inline-block;
	    width: auto;
	}

	.ip-our-offices-item-title-inner i,
	.ip-our-offices-item.reverse-item .ip-our-offices-item-title-inner i{
		left: calc(100% + 35px);
		width: 100vw;
	}

	.ip-our-offices-item-buttons-inner {
	    padding: 30px 0 !important;
	    align-items: center;
	    justify-content: center;
	}

	.ip-our-offices-item-small-thumb-items, .ip-our-offices-item.reverse-item .ip-our-offices-item-small-thumb-items {
	    right: unset;
	    padding: 30px 0 0;
	    width: 100%;
	}
}

/*Breakpoint for buttons inline and title accent lines*/
@media only screen and (max-width: 600px) {
	.ip-our-offices-item-buttons-inner {
	    flex-direction: column;
	    gap: 15px;
	}

	.ip-our-offices-item-title-inner i, .ip-our-offices-item.reverse-item .ip-our-offices-item-title-inner i{
		display: none;
	}
}