/* Our Offices */
.ip-banner-wrapper .custom-ip-breadcrumbs{
	display: none;
}

.custom-ip-breadcrumbs {
    background: rgba(121, 121, 121, .66);
    position: relative;
    z-index: 2;
}

.custom-ip-breadcrumbs p{
	margin: 0 !important;
}

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

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


#content .entry-custom-title {
    margin: 50px 0 40px;
}


#ip-our-office {
	position: relative;
	margin: 0 -30px 0;
	z-index: 1;
	padding: 32px 30px 0;
}


.ip-our-office-wrapper{
	position: relative;
}

	.ip-our-office-section{
		position: relative;
    	z-index: 1;
	}

	.ip-our-office-top{
		margin-top: -32px;
	    background: transparent url(../../images/our-office/our-offices-bg-a.jpg) no-repeat;
	    background-position: -20px center;
	    background-size: cover;
	    position: relative;
	    z-index: 1;
	    padding-bottom: 90px;
	}

	.ip-our-office-top::before{
		content: '';
	    position: absolute;
	    z-index: -2;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: calc(100% - 39px);
	    background: rgba(242, 242, 242, 0.8);
	}

		.ip-our-office-section-inner{
		    width: 100%;
			max-width: 1600px;
		    margin: 0 auto;
		}

			.ip-our-offices-top-inner{
				background: #fff;
    			padding-bottom: 80px;
			}


				.ip-our-offices-content{
					font-size: 15px;
				    font-weight: 300;
				    line-height: 26px;
				    color: #666666;

				    margin-left: -7px;
    				padding-right: 17px;
				}

					.ip-our-offices-content p{
						margin: 0 0 10px 0 !important;
					}

					.ip-our-offices-content .scroll-to-gallery,
					.ip-office-btn-wrap .ip-office-btn{
						display: block;
					    text-align: center;
					    background: #e51937;
					    color: #fff;
					    text-transform: uppercase;
					    font-size: 20px;
					    padding: 10px 0;
					    max-width: 300px;
					    margin: 45px auto 20px;
					    cursor: pointer;
					    -webkit-transition: all 0.4s ease-in-out;
					    transition: all 0.4s ease-in-out;
					}

					.ip-our-offices-content .scroll-to-gallery:hover,
					.ip-office-btn-wrap .ip-office-btn:hover{
						background: #1d1d1d;
					}

				.ip-office-btn-wrap {
					position: relative;
				}
					.ip-office-btn-wrap .ip-office-btn {
					    position: absolute;
					    left: 100%;
					    white-space: nowrap;
					    top: 0;
					    margin-top: 0;
					    width: 300px;
					}

				.ip-our-offices-top-photo{
					position: absolute;
				    top: -37px;
				    right: 0;
				    width: 44%;
				    z-index: 2;
				}

					.ip-our-offices-top-photo canvas{
						display: block;
					    width: calc(100% - 58px);
					    max-width: 646px;
					    margin-bottom: 1px;
					    background-repeat: no-repeat;
					    background-position: center center;
					    background-size: cover;
					}

					.ip-our-offices-top-photo canvas:nth-child(1){
						margin-left: 58px;
					}

					/*.ip-our-offices-top-photo canvas:last-child{
						margin-left: auto;
					}*/


.ip-our-office-gallery .ip-our-office-section-inner{
	padding: 80px 0;
}

	.ip-our-office-gallery-title{
		font-size: 30px;
	    font-weight: 400;
	    line-height: 30px;
	    color: #1b1b1b;
	    text-transform: uppercase;
	    text-align: center;
	    font-family: var(--font-title);
	}

		.ip-our-office-gallery-title::before,
		.ip-our-office-gallery-title::after{
			content: '';
		    display: inline-block;
		    vertical-align: middle;
		    width: 58px;
		    height: 1px;
		    background: #3e3e3e;
		}

		.ip-our-office-gallery-title::before{
			margin: -6px 30px 0 0;
		}

		.ip-our-office-gallery-title::after{
			margin: -6px 0 0 30px;
		}


	.ip-our-office-gallery-list{
		margin: 50px 0;
	}

		.ip-our-office-gallery-item{
			width: calc(100% / 3);
    		height: 331px;

    		float: left;
		    padding: 0 0.5px;
		    margin-top: 1px;
		}

			.ip-our-office-gallery-item img{
				display: block;
			    width: 100%;
			    height: 100%;
			    object-fit: cover;
			    object-position: center;
			}

@media only screen and (min-width: 1200px) {
	html.translated-ltr .ip-office-btn-wrap {
	    margin-top: 140px;
	}
}
@media only screen and (max-width: 1199px) {
	.ip-office-title .section-title strong {
		font-size: 75px;
	}
	.ip-office-title .section-title span {
	    font-size: 65px;
	    margin-left: 60px;
	}
		.ip-office-title .section-title.has-line strong:after {
		    top: 10px;
		    left: 140px;
		    width: 147px;
		}
}
@media only screen and (max-width: 991px) {
	#content .entry-custom-title {
	    background: #fff;
	    padding: 46px 30px 41px;
	    width: 220px;
	    margin: 0 auto;
	    display: flex;
	}

	#ip-our-office{
		margin-top: 0;
	}

	.ip-our-offices-top-inner{
		padding-bottom: 30px;
	}

	.ip-our-offices-content{
		margin: 0;
		padding: 0 15px;
	}

	.ip-office-btn-wrap .ip-office-btn {
	    position: relative;
	    left: 0;
	    max-width: 100%;
	}

	.ip-our-offices-top-photo{
		position: relative;
		top: unset;
		right: unset;
		width: 100%;
		padding: 0 15px;
	}

		.ip-our-offices-top-photo canvas{
			width: 500px;
		    max-width: 100%;
		    height: auto;
		    margin: 30px auto 0 !important;
		}


	.ip-our-office-gallery-item{
		display: block;
	    width: 100% !important;
	    height: auto !important;
	    margin: 0 !important;
	}

		.ip-our-office-gallery-item img{
			width: 70%;
		    max-width: 100% !important;
		    height: auto;
		    display: block;
		    margin: 30px auto 0 !important;
		}
}
@media only screen and (max-width: 767px) {
	.ip-our-office-gallery-title::before, .ip-our-office-gallery-title::after{
		width: 50px;
	}

	.ip-our-office-gallery-title::before{
		margin-right: 10px;
	}

	.ip-our-office-gallery-title::after{
		margin-left: 10px;
	}

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

}