/*
 Our Marketing Template
*/

.ip-om {
	position: relative;
}
	.ip-om:before {
	    content: '';
	    width: 526px;
	    height: 277px;
	    background: url(../../images/eca-logo-chv.png) center/cover no-repeat;
	    position: absolute;
	    top: -25px;
	    right: -18px;
	}
	.ip-om .section-parallax-a.section-parralax-flow-left {
		top: 26.91%;
		right: 100%;
		bottom: 0;
		margin-right: 14px;
	}
	.ip-om .section-parallax-a.section-parralax-flow-right {
		top: 0;
		bottom: 44.73%;
		left: 100%;
		right: -1000px;
		margin-left: 15px;
	}
	.ip-om-section {
		position: relative;
		overflow: visible!important;
	}
	.ip-om-section-1 {
    	padding: 76px 0 0;
	}
		.ip-om-section-1 .ip-title-wrap {
			padding-right: 79px;
		}
			.ip-om-section-1 .accent-line.accent-red {
				top: 51%;
				width: 1000px;
				height: 1px;
				right: 100%;
				margin-right: 84px;
			}
				.ip-om-section-1 i.accent-line-dot {
					left: initial;
					right: -9px;
				}
		.ip-om-section-1 .ip-om-row:nth-child(even) {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-ms-flex-direction: row;
			flex-direction: row;
		}
		.ip-om-row {
			display: -webkit-box;
			display: -ms-flexbox;
			/*display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;*/
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;

			overflow: visible!important;
		}
			.ip-om-s1-left {
			    position: relative;
			}
			    .ip-om-s1-left img {
			        display: block;
			        position: absolute;
			        right: 64px;
			        top: -32px;
			    }
			.ip-om-s1-right {
			    padding-right: 15%;
			}
				#content .ip-om-s1-right p {
				    margin-top: 0;
				}

	.ip-om-section-2 {
		padding: 153px 0 100px;
	}
		.ip-om-col-left {
			text-align: center;
			overflow: hidden;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;

		}
			.ip-om-col-left:before {
				content: '';
				display: inline-block;
				vertical-align: middle;
				width: 0;
				height: 100%;
			}
			.om-title {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				text-align: left;				
			    min-width: 153px;
			    padding-right: 15px;
			}
				#content .om-title h2 {
					font-size: 36px;
					line-height: 48px;
					letter-spacing: .02em;
					color: #000;
					text-transform: uppercase;
					font-weight: 400;
				}
				.om-title .accent-line {
				    left: 100%;
				    width: 500px;
				    height: 1px;
				    top: 50%;
				    margin-left: 18px;
				}

		
		.ip-om-row:nth-child(even) {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: reverse;
			    -ms-flex-direction: row-reverse;
			        flex-direction: row-reverse;
		}	
			.ip-om-row:nth-child(even) .om-col-images {
				margin-right: -30px;
				margin-left: -76px;
			}
				.ip-om-row:nth-child(even) .om-title {
					padding-right: 0;
					padding-left: 15px;
				}
					.ip-om-row:nth-child(even) .om-title .accent-line {
						left: initial;
						right: 100%;
						margin-left: 0;
						margin-right: 18px;
					}
						.ip-om-row:nth-child(even) .om-title .accent-line-dot {
							left: initial;
							right: -9px;
						}

		.ip-om-col-right {

		}
			.om-col-bg-image {
				position: relative;
			}
				.om-col-bg-image:before {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;	
					background: rgba(0,0,0,.6);
				}
			.om-col-images {
				margin-left: -30px;
				margin-right: -76px;
				height: 298px;
				background: #fff url(../../images/our-marketing/bg-row-default.jpg) center/cover no-repeat;
				box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
			    position: relative;
			    z-index: 1; 
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-ms-flex-line-pack: center;
				align-content: center;
				text-align: center;
			}
				.om-col-images > div {
					-webkit-box-flex: 1;
					-ms-flex: 1 1 50%;
					flex: 1 1 50%;
					-ms-flex-item-align: center;
					-ms-grid-row-align: center;
					align-self: center;
					position: relative;
				}
					.om-col-images > div img {
						/*max-height: 80%;*/
					    display: block;
					    margin: 0 auto;
					}

		.ip-om-row-1 {
			margin-bottom: 102px;
		}
			.ip-om-row-1 .om-col-images {
				padding: 4px 8% 0;
			}
				.ip-om-row-1 .om-col-images > div {
					padding: 28.5px 0;
				}

	
		.ip-om-row-2 {
			margin-bottom: 122px;
		}
			.ip-om-row-2 .om-title .accent-line {
				margin-right: 39px!important;
			}
			.ip-om-row-2 .om-col-images {
				padding: 0 20px;
			}
				.ip-om-row-2 .om-col-images > div {
					-webkit-box-flex: 1;
					-ms-flex: 1 1 33.33333333%;
					flex: 1 1 33.33333333%;
					padding: 22px 0;
				}
		/*Brochures*/
		.ip-om-row-3 {
			margin-bottom: 112px;
		}
			.ip-om-row-3 .om-col-images {
				background: url(../../images/our-marketing/bg-row-brochure.jpg) center/cover no-repeat;
			}
				.ip-om-row-3 .om-col-images > div {
					top: -4px;
					right: 51px;
				}

		/*Social Media*/
		.ip-om-row-4 {
			margin-bottom: 114px;
		}			
			.ip-om-row-4 .om-col-images {
				padding: 0 28px;
			}
				.ip-om-row-4 .om-col-images > div {
					-webkit-box-flex: 1;
					-ms-flex: 1 1 33.33333333%;
					flex: 1 1 33.33333333%;
				}
				.ip-om-row-4 .om-col-images > div:first-child {
					top: 8px;
				}

		/*Custom Property Websites*/
		.ip-om-row-5 {
			margin-bottom: 111px;
		}
			.ip-om-row-5 .om-title {
				margin-right: 34px;
			}
			.ip-om-row-5 .om-col-images {
				background: url(../../images/our-marketing/bg-row-website.jpg) center/cover no-repeat;
			}
				.ip-om-row-5 .om-col-images > div {
				    top: 12px;
				    left: 19px;
				}

		/*Open House Events*/
		.ip-om-row-6 {
			margin-bottom: 227px;
		}
			#content .ip-om-row-6 .om-title {
				padding-left: 25px;
    			margin-left: 21px;
			}
				#content .ip-om-row-6 .om-title h2 {
					margin-bottom: 19px;
					margin-top: 32px;
				}
				#content .om-title p {
					margin: 0;
					font-size: 24px;
					letter-spacing: .02em;
					line-height: 30px;
					text-transform: uppercase;
					color: #4c4c4c;
				}
			.ip-om-row-6 .om-title .accent-line {

			}
			.ip-om-row-6 .om-col-images {
				background: url(../../images/our-marketing/bg-row-open-house.jpg) center/cover no-repeat;
			}
				.ip-om-row-6 .om-col-images > div {
				    top: 89px;
				    left: -16px;
				}
		/*Professional Day, Twilight & Night Photography*/
		.ip-om-row-7 {
			margin-bottom: 146px;
		}
			#content .ip-om-row-7 .om-title {
				margin-right: 50px;
			}
			.ip-om-row-7 .om-col-images {
				background: url(../../images/our-marketing/bg-row-photography.jpg) center/cover no-repeat;
			}
				.ip-om-row-7 .om-col-images > div {
				    top: 10px;
				    left: 5px;
				}
		/*Professional Aerial Drone Photography*/
		.ip-om-row-8 {
			margin-bottom: 171px;
		}
			#content .ip-om-row-8 .om-title {
			    padding-left: 30px;
			    margin-left: 15px;
			}
			.ip-om-row-8 .om-col-images {
				background: url(../../images/our-marketing/bg-row-drone.jpg) center/cover no-repeat;
			}
				.ip-om-row-8 .om-col-images > div {
				    top: 73px;
				    right: 3px;
				}

		/*Virtual Video Tour*/
		.ip-om-row-9 {
			margin-bottom: 125px;
		}
			#content .ip-om-row-9 .om-title {
				padding-right: 50px;
				margin-right: 20px;
			}
			.ip-om-row-9 .om-col-images {
				background: url(../../images/our-marketing/bg-row-virtual-tour.jpg) center/cover no-repeat;
			}
				.ip-om-row-9 .om-col-images > div {
				    left: 5px;
				    top: 48px;
				}
		/*Douglas Elliman Magazine*/
		.ip-om-row-10 {
			margin-bottom: 173px;
		}
			#content .ip-om-row-10 .om-title {
			    margin-right: 57px;
			    padding-left: 30px;
			}
			.ip-om-row-10 .om-col-images {
				background: url(../../images/our-marketing/bg-row-magazine.jpg) center/cover no-repeat;
			}
				.ip-om-row-10 .om-col-images > div {
				    top: 68px;
				    right: 11px;
				}
		
		/*International Exposure*/
		.ip-om-row-11 {

		}
			#content .ip-om-row-11 .om-title {
				margin-right: 70px;
				margin-bottom: 32px;
			}
			.ip-om-row-11 .om-col-images {
				background: url(../../images/our-marketing/bg-row-international.jpg) center/cover no-repeat;
			}
				.ip-om-row-11 .om-col-images > div {
    				top: 120px;
				}
#inner-page-wrapper{
	overflow: hidden;
}
@media only screen and (max-width: 1366px) {
	.ip-om .section-parallax-a.section-parralax-flow-right {
		margin-left: 0;
		left: 98%;
	}
	.ip-om .section-parallax-a.section-parralax-flow-left {
		right: 98%;
		margin-right: 0;
	}
	.om-col-images {
		margin-right: -15px;
	}
		.om-col-images > div img {
			max-width: 80%;
		}
		.ip-om-s1-left img {
			width: 95%;
		}
	.ip-om-row:nth-child(even) .om-col-images {
		margin-left: -15px;
	}	
}
@media only screen and (max-width: 1199px) {
	#content .row .om-title {
		padding: 0;
		margin: 0;
	}	
}
@media only screen and (max-width: 991px) {
	.ip-om-section-1 .ip-title-wrap {
		padding-right: 0;
		text-align: center;
	}
	.ip-om-s1-left img {
	    position: relative;
	    width: 100%;
	    display: block;
	    left: 0;
	    top: 0;
	}
	.ip-om-s1-right {
		padding-right: 15px;
	}
	.ip-om .section-parallax-a.section-parralax-flow-right,
	.ip-om .section-parallax-a.section-parralax-flow-left {
		display: none;
	}
	.ip-om-section-2 {
		padding: 30px 0;
	}
	.ip-om-row:last-child {
		margin-bottom: 0;
	}
	.ip-om-row {
		display: block;
		margin-bottom: 100px;
	}
	.ip-om-row:nth-child(even) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
		.om-title .accent-line {
			display: none;
		}
		#content .row .om-title {
			text-align: center;
			padding: 0 0 30px;
		}
			#content .om-title h2 {
				margin: 0;
			}
				#content .om-title h2 br {
				    display: none;
				}

		.ip-om-row .om-col-images,
		.ip-om-row:nth-child(even) .om-col-images {
			margin: 0;
			height: auto;
			padding: 30px 0;
		}
			.ip-om-row .om-col-images > div {
				left: initial;
				right: initial;
				top: initial;
				bottom: initial;
			}
}

@media only screen and (max-width: 767px) {
	.ip-om-row-2 .om-col-images > div {
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
	}
}
@media only screen and (max-width: 480px) {
	.ip-om-row .om-col-images > div {
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
	.ip-om-row-1 .om-col-images > div, 
	.ip-om-row-2 .om-col-images > div,
	.ip-om-row-4 .om-col-images > div {
		padding: 15px 0;
	}

	.ip-om-section-1 .accent-line.accent-red {
		right: 70%;
	}
}