/*Ogroup Cabo Landing Page*/
/*.inner-page-breadcrumbs {
	min-height: 39px;
	padding-top: 15px;
}*/

#main-wrapper {
    overflow: hidden;
}

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

#ogroup-cabo-landing {
	position: relative;
}
.ocl-section-1 {
	position: relative;
	background: url(../images/cabo-landing-page/bg-a.jpg) center/cover no-repeat;
	z-index: 1;
	padding-bottom: 1px;
}
	.ocl-section-1:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #f6f6f6;
		opacity: 0.95;
		z-index: -1;
	}
	.ocl-section-1-inner {
		background: #fff;
		position: relative;
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		padding-bottom: 57px;
	}
		.ocl-section-1-text {
			/*width: 611px;*/
			width: 53.6%;
			padding: 57px 55px 0;
		}
			#content .ocl-section-1-text h1.site-section-title {
				line-height: 1;
				margin: 0 0 38px;
			    font-size: 150px;
			    font-weight: 600;
			}
				#content .ocl-section-1-text h1.site-section-title span b {
					/*font-size: 75px;*/
					font-size: 0.500em;
					font-weight: 400;
					left: 80px;
					margin-top: 21px;
					letter-spacing: 0;
				}
				#content .ocl-section-1-text h1.site-section-title span .title-line {
				    width: 100vw;
				    top: 41%;
				    right: 105%;
				    left: initial;
				}
			#content .ocl-section-1-text p {
				font-size: 15px;
				line-height: 2;
				color: #666666;
			}
		.ocl-section-1-img {
			width: 46.4%;
		}
			.ocl-section-1-img-inner {
				margin-right: calc( (1140px  - 100vw) / 2 );
			}
				.ocl-section-1-img-inner img {
					display: block;
					height: auto;
				}
				.ocl-section-1-img-inner img:first-child {
				    width: 689px;
				    margin-left: auto;
				    margin-top: -69px;
				    width: 90.8%;
				}
				.ocl-section-1-img-inner img:last-child {
				    width: 682px;
				    width: 90%;
				    margin-top: 1px;
				}

	.ocl-stats {
		padding: 96px 0 109px;
	}
		#content .ocl-stats ul {
		    margin: 0;
		    list-style: none;
		    display: flex;
		    flex-flow: row wrap;
		    align-items: flex-start;
		    justify-content: center;
		}
			.ocl-stats ul li {
			    font-size: 17px;
			    line-height: 22px;
			    color: #7d7d7d;
			    text-align: center;
			    text-transform: uppercase;
			    border-right: 1px solid rgba(0,0,0,0.17);
			    width: 33.33%;
			    padding: 7px 0 22px;
			    font-weight: 400;
			}
			.ocl-stats ul li:last-child {
				margin-right: 0;
			}
				.ocl-stats ul li span {
				    display: block;
				    font-family: "Source Sans Pro", sans-serif;
				    font-size: 62px;
				    color: #000;
				    letter-spacing: -0.05em;
				    line-height: 1;
				    font-weight: 600;
				    margin: 0 0 20px;
				}
					.ocl-stats ul li span i {
					    font-style: normal!important;
					}

	.hp-cta {
	    padding: 0;
	    margin-bottom: -178px;
	}
	    .hp-cta .cta-wrap {
	        
	    }
	    .hp-cta .cta-wrap .cta-list .cta-col:nth-child(odd) .cta-item:before {
	    	background: #e51937;
	    }
	    .hp-cta .cta-wrap .cta-list .cta-col:nth-child(even) .cta-item:before {
		    background: #1c1c1c;
		}

.ocl-section-2 {
    padding: 0 11px;
}
    .our-properties-wrap {
        max-width: 92%;
        padding: 105px 0 121px;
    }
	    .ocl-section-2 .site-section-title {
		    color: #000;
		    position: relative;
		    margin-left: 10.6%;
		    letter-spacing: 0;
		}
			.ocl-section-2 .site-section-title span i.title-line {
			    left: initial;
			    right: 60%;
			    bottom: 14px;
			    width: 100vw;
			}
			.ocl-section-2 .site-section-title:before {
			    content: '';
			    position: absolute;
			    top: -4px;
			    left: 4px;
			    width: 39px;
			    height: 4px;
			    background: #e51937;
			}
			.ocl-section-2 .site-section-title b {
			    font-weight: 400!important;
			    letter-spacing: 0;
			    left: 32px;
			    margin-top: 15px;
			}
		.our-properties-wrap .our-properties-listings {
		    padding-top: 50px;
		    padding-bottom: 0;
		}
	.ocl-btn-list {
	    display: flex;
	    flex-flow: row wrap;
	    align-items: center;
	    justify-content: center;
	    margin: 81px 0 0;
	}
	    .ocl-btn-list a.site-button {
	        margin: 0;
	        width: 287px;
	        margin: 0 36px 15px;
	        border-color: #000;
	    }
	        .ocl-btn-list a.site-button:after {
	            left: initial;
	            right: -23px;
	        }

.ocl-section-3 {
	position: relative;
	background: url(../images/cabo-landing-page/bg-b.jpg) center/cover no-repeat;
	z-index: 1;
	padding-bottom: 93px;
	overflow: hidden;
}
	.ocl-section-3:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #f0f0f0;
		opacity: 0.85;
		z-index: -1;
	}
	.ocl-section-3-title {
		max-width: 690px;
		background: #fff;
		padding: 21px 0 43px 52px;
		margin-bottom: 105px;
	}
		#content .ocl-section-3-title .site-section-title {
			line-height: 1;
			font-size: 150px;
			font-weight: 600;
		}
			#content .ocl-section-3-title .site-section-title span b {
				/*font-size: 75px;*/
				font-size: 0.500em;
				font-weight: 400;
				left: 138px;
				margin-top: 21px;
				letter-spacing: 0;
			}
			html.translated-ltr #content .ocl-section-3-title .site-section-title span b {
				left: 45px;
			}
			#content .ocl-section-3-title .site-section-title span .title-line {
			    width: 100vw;
			    top: 42%;
			    right: 105%;
			    left: initial;
			}


	.ocl-brokers {
		margin-bottom: 110px;
	}
		#content .ocl-agent-title {
			font-size: 90px;
		    letter-spacing: 0;
		    line-height: 1;
		    color: #000;
		}
			#content .ocl-agent-title span {
				text-align: left;
				position: relative;
				padding-top: 9px;
				letter-spacing: -0.025em;
			}
			#content .ocl-agent-title span:before {
			    content: '';
			    position: absolute;
			    top: 0;
			    left: 4px;
			    width: 39px;
			    height: 4px;
			    background: #e51937;
			}
			#content .ocl-agent-title b {
			    font-weight: 400!important;
			    letter-spacing: 0;
			    left: 0;
			    margin-top: 12px;
			    margin-left: 70px;
			}

		#content .ocl-brokers .site-section-title {
			text-align: center;
			margin-bottom: 64px;
		}
			#content .ocl-brokers .site-section-title span {
				text-align: left;
			}
			#content .ocl-brokers .ocl-agent-title span i.title-line {
			    left: initial;
			    left: 81%;
			    top: 34%;
			    width: 100vw;
			}

	.our-team-brokers-list {
		font-size: 0;
		text-align: center;
	}
		.our-team-brokers-col {
			display: inline-block;
			vertical-align: top;
			float: none;
		}
			.our-team-brokers-item .our-team-brokers-info .our-team-brokers-name {
			    font-family: "Barlow Semi Condensed", sans-serif;
			    font-size: 25px;
			    font-weight: 600;
			    letter-spacing: -0.025em;
			    margin-top: 32px;
			}
			    .our-team-brokers-item .our-team-brokers-info .our-team-brokers-name:before {
			        content: '';
			        display: block;
			        position: relative;
			        background: #e51937;
			        width: 32px;
			        height: 4px;
			        margin: 0 auto 20px;
			    }
			.our-team-brokers-item .our-team-brokers-hover {
			    bottom: 49px;
			    left: 0;
			    right: 0;
			    margin: 0 auto;
			    width: 197px;
			}

	.ocl-agents {
		background: #fff;
		padding: 32px 32px 0;
		overflow: hidden;
	}
		.our-team-agents-col .our-team-agents-title.site-section-title {
		    color: #000;
		}
			.our-team-agents-col .our-team-agents-title.site-section-title span:before {
			    content: '';
			    display: block;
			    position: absolute;
			    background: #e51937;
			    width: 32px;
			    height: 5px;
			    top: -10px;
			}
			.our-team-agents-col .our-team-agents-title.site-section-title span {
			    text-align: left;
			}
			    #content .our-team-agents-col .our-team-agents-title.site-section-title span b {
			        font-weight: 400;
			        margin-left: 42px;
			        margin-top: 11px;
			        letter-spacing: 0;
			    }
			#content .our-team-agents-col .our-team-agents-title.site-section-title span i.title-line {
			    width: 100vw;
			    left: initial;
			    right: 120%;
			    top: 34%;
			}
	.ocl-agents .our-team-brokers-list {
	    margin: 0 -10px 100px;
	}
	    .our-team-agents-col {
	        padding: 0 10px;
		    float: none;
		    display: inline-block;
		    vertical-align: middle;
	    }

	.ocl-agents .our-team-puplick-list {
	    margin: 0 -10px 105px;
	}
	    .our-team-puplick-col {
	        padding: 0 10px;
	    }

	    .our-team-puplick-title.site-section-title {
	        color: #000;
	        margin: 21.5% 0 0;
	        padding: 0 11%;
	    }
	        .our-team-puplick-title.site-section-title span:before {
	            content: '';
	            display: block;
	            position: absolute;
	            background: #e51937;
	            width: 32px;
	            height: 5px;
	            top: -10px;
	        }
	        .our-team-puplick-title.site-section-title span {
	            
	        }
	            #content .our-team-puplick-title.site-section-title span b {
	                font-weight: 400;
	                margin-left: 42px;
	                margin-top: 11px;
	                letter-spacing: 0;
	                left: 48px;
	            }
	            
	            .our-team-puplick-title.site-section-title span .title-line {
	                width: 100vw;
	                top: 33%;
	                left: 110%;
	            }

		.our-team-puplick-item .our-team-puplick-info .our-team-puplick-name {
		    font-family: "Barlow Semi Condensed", sans-serif;
		    font-size: 25px;
		    font-weight: 600;
		    letter-spacing: -0.025em;
		    margin-top: 36px;
		}
		    .our-team-puplick-item .our-team-puplick-info .our-team-puplick-name:before {
		        content: '';
		        display: block;
		        position: relative;
		        background: #e51937;
		        width: 32px;
		        height: 4px;
		        margin: 0 auto 20px;
		    }

		.our-team-puplick-item .our-team-puplick-info .our-team-puplick-position {
		    font-size: 22px;
		    font-family: "Barlow Semi Condensed", sans-serif;
		    font-weight: 300;
		    letter-spacing: -0.025em;
		    color: #858484;
		    margin-top: 9px;
		}
		.our-team-puplick-item .our-team-puplick-hover {
		    /*bottom: 49px;
		    left: 0;
		    right: 0;
		    margin: 0 auto;
		    width: 197px;*/
		    letter-spacing: 0.1em;
		}

@media only screen and (min-width: 1601px) {
	.our-properties-wrap {
	    width: 1411px;
	}
}
@media only screen and (max-width: 1199px) {
	.ocl-section-1-img-inner {
	    margin-right: calc( (940px - 100vw) / 2 );
	}
	#content .ocl-section-1-text h1.site-section-title,
	#content .ocl-section-3-title .site-section-title {
	    font-size: 100px;
	}
		#content .ocl-section-1-text h1.site-section-title span b,
		#content .ocl-section-3-title .site-section-title span b {
		    left: 0;
		    margin-top: 5px;
		}
		#content .ocl-section-1-text h1.site-section-title span .title-line {
		    top: 40%;
		}
		#content .ocl-section-3-title .site-section-title span b {
		    left: 50px;
		}
	.our-properties-wrap .our-properties-listings {
	    padding-top: 65px;
	}
	#content .ocl-agent-title {
	    font-size: 70px;
	}
	#content .ocl-agent-title b {
	    margin-top: 0;
	    margin-left: 30px;
	}
}
@media only screen and (max-width: 991px) {
	#content .ocl-section-1-text h1.site-section-title,
	#content .ocl-section-3-title .site-section-title,
	.ocl-section-2 .site-section-title,
	.our-team-agents-col .our-team-agents-title.site-section-title {
	    font-size: 62px;
	}
		.ocl-section-2 .site-section-title b {
		    font-size: 25px;
		    margin: 0;
		}
	#content .ocl-section-1-text h1.site-section-title span .title-line {
	    top: 34%;
	}
	.ocl-section-1-text {
	    width: 100%;
	    padding: 30px 6%;
	}
	.ocl-section-1-img {
	    width: 100%;
	    padding: 0 6%;
	}
		.ocl-section-1-img-inner {
		    width: 100%;
		    margin-right: 0;
		    margin-top: 0;
		}
			.ocl-section-1-img-inner img:first-child,
			.ocl-section-1-img-inner img:last-child {
			    margin: 0 auto 1px;
			    width: 100%;
			    max-width: 500px;
			}

	.ocl-stats {
	    padding: 70px 0;
	    max-width: 500px;
	    margin: 0 auto;
	}
	    .ocl-stats ul li {
	        width: 100%;
	        border-right: 0;
	        border-bottom: 1px solid rgba(0,0,0,0.17);
	    }
	    .ocl-stats ul li:last-child {
	        border-bottom: 0;
	    }

	.hp-cta {
	    margin-bottom: 50px;
	}
	.our-properties-wrap {
	    padding: 70px 0;
	    text-align: center;
	}
	    .ocl-section-2 .site-section-title {
	        margin: 0;
	        display: inline-block;
	    }
	        .ocl-section-2 .site-section-title b {
	            left: 0;
	        }
	        .ocl-section-2 .site-section-title span i.title-line {
	            right: 70%;
	        }
	    .our-properties-listings {
		    text-align: left;
		}
		.ocl-btn-list {
		    flex-flow: column;
		    margin: 20px 0 0;
		}

	.ocl-section-3-title {
	    display: block;
	    padding: 21px 52px 43px;
	    width: 275px;
	    max-width: 100%;
	    margin: 0 auto 80px;
	}
	#content .ocl-section-3-title .site-section-title span .title-line {
	    top: 30%;
	}
	#content .our-team-agents-col .our-team-agents-title.site-section-title span b {
	    margin-top: 0;
	}

	.our-team-agents-col .our-team-agents-title.site-section-title {
	    line-height: 1;
	}
		#content .our-team-agents-col .our-team-agents-title.site-section-title span i.title-line {
		    top: 30%;
		    right: 105%;
		}

	.our-team-brokers-col, .our-team-puplick-col {
	    width: 100%;
	}

	.our-team-brokers-item, .our-team-puplick-item {
	    margin: 0 auto;
	}

	.our-team-brokers-col {
	    margin-bottom: 50px;
	}

	.our-team-brokers-col:last-child {
	    margin-bottom: 0;
	}

	.our-team-staff-col, .our-team-agents-col {
	    width: 100%;
	}

	.our-team-agents-item {
	    margin: 0 auto;
	    width: 400px;
	}

	.ocl-agents {
	    padding: 60px 15px 0;
	}

	.ocl-agents .our-team-brokers-list {
	    margin-bottom: 30px;
	}

	.our-team-puplick-col.fl-r {
	    float: none;
	}

	.our-team-puplick-col.lg {
	    width: 100%;
	    display: flex;
	    justify-content: center;
	}
	    .our-team-puplick-title.site-section-title,
	    #content .ocl-brokers .site-section-title {
	        padding: 0;
	        line-height: 1;
	        font-size: 60px;
	    }
	    #content .our-team-puplick-title.site-section-title span b,
	    #content .ocl-brokers .site-section-title span b {
	        left: 0;
	        margin: 0;
	    }
	.our-team-puplick-col.lg {
	    margin-bottom: 30px;
	}
	.our-team-puplick-title.site-section-title {
	    margin: 0;
	}
	.our-team-puplick-col {
	    margin-bottom: 90px;
	}
	.our-team-puplick-col:last-child {
	    margin-bottom: 0;
	}
}
@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 480px) {
	#content .ocl-section-1-text h1.site-section-title,
	#content .ocl-section-3-title .site-section-title,
	.ocl-section-2 .site-section-title,
	.our-team-agents-col .our-team-agents-title.site-section-title,
	.our-team-puplick-title.site-section-title, #content .ocl-brokers .site-section-title {
	    font-size: 53px;
	}
	.ocl-section-2 .site-section-title span i.title-line {
	    right: 80%;
	}
}