/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
body {
	font-family: 'Open Sans', sans-serif;
}

.menu-link {
	color: #000;
}

.text-justify {
	text-align: justify;
}

.bluebg {
	background: #002349 !important;
	color: #fff;
	border: solid 1px #C0963A;
}

.bluebg:hover {
	color: #fff;
}

.bluebg h1,
.bluebg h2,
.bluebg h3 {
	color: #fff;
}

.menu-link,
.primary-menu {
	font-family: 'Playfair Display', serif !important;
	font-size: 18px;
}

@media (max-width:1500px) {

	.menu-link,
	.primary-menu {
		font-family: 'Playfair Display', serif !important;
		font-size: 16px;
		padding: 10px 5px;
	}
}

@media (min-width:992px) and (max-width:1200px) {
	#primary-menu-trigger {
		display: flex;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Playfair Display', serif !important;
	font-weight: 400 !important;
}

h1 {
	font-size: 45px;
	line-height: 55px;
}

h2 {
	font-size: 40px !important;
}

.slider-caption:not(.dark) h2 {
	font-size: 33px !important;
	line-height: 45px;
}

.slider-caption:not(.dark) h3 {
	font-size: 28px !important;
	line-height: 40px;
}

.content-wrap {
	padding: 20px 0;
}

.slider-caption h1 {
	font-size: 50px
}

.slider-caption h2 {
	font-size: 30px
}

.testimonials h3 {
	font-size: 32px !important
}

.display-3 {
	background: rgba(0, 35, 73, 0.95);
	border: solid 1px #C0963A
}

.display-3 h1 {
	margin-bottom: 0;
}

.slider-caption {
	max-width: 750px;
}

.right {
	margin-left: 600px;
}
@media only screen 
  and (min-width: 1024px) 
  
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

	.swiper-slide-bg {background-position: -150px center;background-size: cover;}

	.right {margin-left: 0 !important;}

	.slider-caption {margin-top:250px;max-width: 100%;}
}
@media  (max-width: 1024px) {

	.swiper-slide-bg {background-position: -150px center;background-size: cover;}

	.right {margin-left: 0 !important;}

	.slider-caption {margin-top:150px;max-width: 100%;}
.slider-caption h1 {font-size: 40px;}
.slider-caption:not(.dark) h2 {font-size: 30px !important;line-height: 45px;}
}
.exclusiveaccess {
	background-image: url("../images/form-background.jpg");
	background-repeat: no-repeat;
	background-size: cover
}

.exclusiveaccess2 {
	background: url("../images/home/exclusive-bg.jpg") no-repeat center;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.exclusiveaccess h3 {
	font-size: 3em;
	line-height: 1.2em;
}

.investing,
.buying,
.selling,
.listing {
	min-height: 500px;
	display: table;
	width: 100%;
	font-family: 'Playfair Display', serif !important;
}

.investing {
	background: url("../images/home/investing.jpg") no-repeat;
	background-size: cover;
}

.buying {
	background: url("../images/home/buying.jpg") no-repeat;
	background-size: cover;
}

.selling {
	background: url("../images/home/selling.jpg") no-repeat;
	background-size: cover;
}

.listing {
	background: url("../images/home/listings.jpg") no-repeat;
	background-size: cover;
}

.investing .btn,
.buying .btn,
.selling .btn,
.listing .btn {
	background: rgba(0, 35, 73, 0.95);
	color: #fff;
	border-radius: 0;
	font-size: 1.6em !important;
	line-height: 1.6em;
}

.table {
	display: table;
}

.tablecell {
	display: table-cell;
	vertical-align: middle;
}

.height600 {
	height: 900px;
}

.pagetitlemoveup {
	padding: 200px 0 !important
}

.bg-light {
	background: #f1f1f1 !important;
}

#footer {
	background: url("../images/home/footer.jpg") no-repeat #000 !important;
	background-size: cover !important;
	color: #fff;
}

.si-instagram:hover,
.si-colored.si-instagram,
.si-instagram:hover,
.si-colored.si-instagram,
.si-facebook:hover,
.si-colored.si-facebook,
.si-facebook:hover,
.si-colored.si-facebook {
	background-color: #999 !important;
}

.box {
	text-align: center;
	height: 60px;
	color: #002349
}

.box:before {
	content: ' ';
	position: absolute;
	top: -20px;
	left: calc(50% - 50px);
	width: 100px;
	height: 20px;
	border-top: 2px solid #002349;
	border-left: 2px solid #002349;
	border-right: 2px solid #002349;
}

.box:after {
	content: ' ';
	position: absolute;
	left: calc(50% - 50px);
	width: 100px;
	height: 20px;
	border-bottom: 2px solid #002349;
	border-left: 2px solid #002349;
	border-right: 2px solid #002349;
	top: 70px;
}

.boxw,
.boxw2 {
	text-align: center;
	height: 70px;
}

.boxw:before,
.boxw2:before {
	content: ' ';
	position: absolute;
	top: -25px;
	left: calc(50% - 50px);
	width: 100px;
	height: 20px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.boxw:after,
.boxw2:after {
	content: ' ';
	position: absolute;
	left: calc(50% - 50px);
	width: 100px;
	height: 20px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	top: 65px;
}

#page-title.page-title-parallax h1 {
	font-size: 50px;
	color: #fff;
}

a.propertytitle {
	color: #000;
	padding: 20px;
	background-color: #f1f1f1;
	border-bottom: solid 2px #333;
	transition: background-color 0.5s ease;
	width: 100%;
	display: block;
}

.investmentproperties h1,
.investmentproperties h2,
#content>div>div.container-fluid.exclusiveaccess.lazy.mb-3.entered.lazy-error>div>div>div>div.col-lg-4.sidebar.sticky-sidebar-wrap>div>div.col-lg-12>div>div>div>h3 {
	margin: 0;
	font-size: 25px !important;
}

a.propertytitle:hover {
	background-color: #333;
	background-color 0.5s ease;
}

a.propertytitle:hover,
a.propertytitle:hover,
.propertytitle:hover h2 {
	color: #fff;
}

a.propertytitle h2 {
	font-size: 20px !important;
}

.owl-stage-outer .owl-stage-outer-bg {
	background-image: none;
}

.owl-stage-outer .owl-stage-outer-bg:before {
	content: ' ';
	position: absolute;
	left: calc(50% - 75px);
	width: 150px;
	height: 20px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	top: 10px;
}


.owl-stage-outer .owl-stage-outer-bg:after {
	content: ' ';
	position: absolute;
	left: calc(50% - 75px);
	width: 150px;
	height: 20px;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	top: 100px;
}

.owl-stage-outer .owl-stage-outer-bg {
	min-height: 120px;
}

#header-wrap>div>div>nav>ul>li.menu-item:hover a {
	color: #002349
}

#header-wrap>div>div>nav>ul>li.menu-item.active a,
#header-wrap>div>div>nav>ul>li.menu-item:hover a div {
	color: #002349
}

.sticky-header #header-wrap {
	padding: 10px 0;
}

.footernav {
	border-left: 1px solid #fff;
	padding-left: 2em;
}

.footernav ul {
	list-style: none;
	margin-bottom: 0;
}

.footernav ul li {
	margin-bottom: 1em;
}

.footernav ul li:last-child {
	margin-bottom: 0;
}

#footer a {
	color: #fff;
}

.section {
	background: none;
}

.text-white h2 {
	color: #fff
}

@media (max-width:768px) {

	.slider-caption h1 {
		font-size: 28px !important
	}

	.nimage {
		margin-top: 0 !important;
		width: 200px;
		margin-left: auto;
		margin-right: auto;
		float: none !important
	}

	#slider {
		min-height: 900px
	}

	.slider-caption {
		margin-top: 0px
	}

	.swiper-slide-bg {
		background-position: right top
	}

	.height600 {
		height: auto;
	}
}

@media (max-width:767px) {
	.row.investmentproperties .col-lg-4 {
		margin-bottom: 20px;
	}
}

.bg-dark h3 {
	color: #fff;
}

.footernav ul li {
	margin-bottom: 0.5em;
}

.dark .transparent-header.full-header .primary-menu .menu-container,
.transparent-header.full-header.dark .primary-menu .menu-container {
	border: none;
}

@media (max-width: 991.98px) {
	.primary-menu {
		padding: 0
	}

	#logo2 {
		padding: 10px;
	}

	#page-title.page-title-parallax h1 {
		font-size: 30px;
	}

	h1 {
		font-size: 35px
	}

	.boxw:after {
		top: 55px;
	}

	.boxw2:before {
		top: -85;
	}

	.boxw2:after {
		top: 10
	}

	#header {
		border-bottom: none;
	}

	#page-title {
		margin-top: 0px;
		height: 160px;
	}

	#page-title.page-title-parallax h1 {
		margin-top: -50px
	}

	.sticky-header #header-wrap,
	#header,
	#header-wrap {
		background: #fff;
	}

	.svg-trigger path {
		stroke: #fff;
	}

	.header-misc-icon>a {
		color: #fff;
	}

	.slider-element {
		padding-top: 0;
	}

	.slider-caption:not(.dark) h1 {
		font-size: 32px !important
	}

	.slider-caption:not(.dark) h2 {
		font-size: 25px !important;
		line-height: 30px;
	}

	.slider-caption:not(.dark) h3 {
		font-size: 20px !important
	}
}

@media (max-width:480px) {
	.slider-caption:not(.dark) h1 {
		font-size: 25px !important
	}

	.slider-caption:not(.dark) h2 {
		font-size: 16px !important;
		line-height: 28px;
	}

	.slider-caption:not(.dark) h3 {
		font-size: 15px !important;
		margin-bottom: 0;
	}

	#page-title.page-title-dark {
		background-size: cover;
	}

	.bimage {
		max-width: 80px !important;
		margin-top: -80px !important;
	}

	.nimage {
		width: 150px !important;
	}

	.slider-caption {
		margin-top: 0px
	}

	.row.investmentproperties .col-lg-4 {
		font-size: 13px;
	}
}

@media (min-width: 992px) {
	.sticky-header #header-wrap {
		background-color: #ffffff;
	}

	.mt-lg-n3 {
		margin-top: -3em;
	}

	.mb-lg-0 {
		margin-bottom: 0em;
	}
}

.blue {
	background: #002349
}

@media (min-width: 768px) {
	.p-md-5 {
		padding: 4rem !important;
	}
}

@media (max-width: 991.98px) {
	.svg-trigger path {
		stroke: #000 !important;
	}
}

@media (max-width:768px) {
	h1 {
		font-size: 25px
	}
}

@media (min-width: 992px) {
#primary-menu-trigger, #page-menu-trigger {
    display: flex !important;
    opacity: 1 !important;
  
}
@media (max-width:1150px) {
.logo2 {padding:10px;}
.menu-container {display: none !important}

}
@media (min-width:1151px)  {
#primary-menu-trigger, #page-menu-trigger {
    display: none !important;
    opacity: 0 !important;
  
}
}
#page-title {background-size: 105% auto }
@media (max-width:992px) {
#page-title {background-size: cover}
}