:root {
	--brand: #EE6B52;
	--secondary-solid: #D2E0F6ff;
	--bs-red: #df382c;
	--dark: #213A62;
	--border: rgba(0,0,0,0.08);
	--shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
	--bs-card-cap-bg: #EE6B52;
	--bs-primary-rgb: 239, 107, 82;
	--bs-dark-rgb: 22, 43, 100;
/*	--bs-light-rgb: 248, 249, 250; */
	--bs-light-rgb: 210, 224, 246;
	--logo_about: url('/assets/img/couple-laptop_2400x1600.jpg');
	--logo_milestone: url('/assets/img/condo-bridge_2560x2486.jpg');
	--logo_reviews: url('/assets/img/NONE_YET.jpg');
	--logo_footer: url('/assets/img/house-with-pool_2560x1532.jpg');
	--logo_owners: url('/assets/img/condo-bridge_2560x2486.jpg');
}


#milestone,
#section-owners {
	color: #eee;
}

.bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.text-brand {
    color: var(--brand) !important;
}

.owl-prev {
    left: 0;
}
.owl-next {
    right: 0;
}

.owl-dot.active span {
    background-color: var(--brand) !important;
}

.navbar {
    box-shadow: var(--shadow);
}

i.circle-nav-icon,
img.circle-nav-icon,
.social-icons a {
    width: 28px;
    height: 28px;
    display: inline-flex;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.25);
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

i.circle-nav-icon:hover,
img.circle-nav-icon:hover,
.social-icons a:hover {
    background-color: #fff;
    color: var(--brand);
}

img.circle-bg-img {
    display: inline-flex;
    background-color: rgba(255, 255, 255, 0.25);
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
	padding:2px;
}

img.circle-bg-img:hover {
    background-color: #fff;
}

.conditions-section {
	margin-top: 20px;
}

.conditions-section a {
	color: #fff;
	margin: 0 10px;
	text-decoration: none;
}

.conditions-section a:hover {
	text-decoration: underline;
}

.navbar-brand {
    font-size: 28px;
    font-weight: 700;
}

.navbar-brand .dot {
    color: var(--brand);
}

.nav-pills.nav-link,
.nav-pills .nav-link {
	display: inline-block;
}

.intro {
	margin-bottom: 36px;
	text-align: center;
}

.intro p {
    max-width: 500px;
}

.intro h6 {
    color: var(--brand);
    font-weight: 400;
    text-transform: uppercase;
	font-size:150%;
}

.intro h2 {
    color: var(--brand);
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.intro h1 {
    margin-top: 15px;
    margin-bottom: 15px;
}

#milestone,
#section-owners {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#milestone {
    background: linear-gradient(rgba(255, 77, 41, 0.75), rgba(255, 77, 41, 0.85)),
		var(--logo_milestone);
}

#section-owners {
    background: linear-gradient(0deg, rgba(8, 32, 50, 0.8), rgba(8, 32, 50, 0.9)),
		var(--logo_owners), #082032;
}

.section-primary-bg {
	background: linear-gradient(rgba(255, 77, 41, 0.8), rgba(255, 77, 41, 0.9));
}

.section-primary-bg .intro h2 {
	color: var(--bs-dark-rgb)
}

.section-secondary-bg {
	background: linear-gradient(rgba(8, 32, 50, 0.8), rgba(8, 32, 50, 0.9));
}

.section-secondary-bg {
	color: #eee;
}

.divider-primary,
.divider-secondary,
.divider-dark,
.divider-light {
	min-height:10px;
	border-radius: 10px;
	padding: 5px;
	margin: 15px 20%;
}

.divider-primary {
	background: linear-gradient(rgba(255, 77, 41, 0.4), rgba(255, 77, 41, 0.6));
}

.divider-secondary {
	background: linear-gradient(rgba(8, 32, 50, 0.6), rgba(8, 32, 50, 0.9));
}

.divider-dark {
	background: linear-gradient(rgba(128, 128, 128, 0.5), rgba(128, 128, 128, 0.9));
}

.divider-light {
	background: linear-gradient(rgba(176, 176, 176, 0.5), rgba(176, 176, 176, 0.9));
}

/* #milestone h1,
#milestone p {
    color: #fff;
} */

.project {
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.project h6 {
    font-weight: 400;
}

.project h6::before {
    content: "";
    height: 2px;
    width: 30px;
    display: inline-block;
    background: var(--brand);
    vertical-align: middle;
    margin-right: 10px;
}


.project .overlay {
    width: 100%;
    height: 220px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 76, 41, 0) 0%, var(--dark) 100%);
}

.project .content {
    position: absolute;
    left: 10%;
    bottom: 10%
}

.project h2,
.project h6 {
    color: #fff;
}

.team-member {
    text-align: center;
}

.team-member .image {
    position: relative;
    z-index: 2;
    overflow: hidden;
	max-width: 200px;
	margin-left:auto;
	margin-right:auto;
}

.team-member .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -10%;
    background-color: rgba(255, 77, 41, 0.7);
    opacity: 0;
    transition: all 0.4s ease;
}

.team-member h5 {
    margin-top: 16px;
    margin-bottom: 4px;
}

.team-member .social-icons {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    transition: all 0.4s ease;
}

.team-member .social-icons a {
    width: 40px;
    height: 40px;
}

.team-member:hover .social-icons {
    top: 50%;
    opacity: 1;
}

.team-member:hover .overlay {
    top: 0%;
    opacity: 1;
}

#reviews {
    background: linear-gradient(-90deg, rgba(8, 32, 50, 0.8), rgba(8, 32, 50, 0.8)),
		var(--reviews), #082032;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.review {
    text-align: center;
    z-index: 2;
    position: relative;
    margin: 15px;
    max-width: 768px;
    margin: auto;
}

.review .bxs-quote-alt-left {
    font-size: 120px;
    position: absolute;
    opacity: 0.1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.review img {
    width: 80px !important;
    height: 80px;
    border-radius: 100px;
    margin: auto;
}

.review h5 {
    margin-top: 16px;
    margin-bottom: 4px;
    color: #fff;
}

.review h3 {
    margin-top: 26px;
    margin-bottom: 26px;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    line-height: 1.7;
}

.review small {
    color: var(--brand);
}

.review .stars {
    color: var(--brand);
}

.blog-post {
    position: relative;
    background-color: #fff;
    box-shadow: var(--shadow);
}

.blog-post .content {
    padding: 32px;
}

.blog-post a {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: var(--brand);
    padding: 2px 12px;
    border-radius: 100px;
    text-decoration: none;
    color: #fff;
}

.blog-post h5 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.blog-post small {
    text-transform: uppercase;
    color: var(--brand);
    text-decoration: underline;
}

.loader {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: red;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
}

.progress.progress-form {
	height:4px;
}

.admin-body {
	padding-bottom: 50px;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--secondary-solid);
  --bs-tooltip-opacity: 1.0;
}

.off-market .list-inline-item:not(:last-child) {
	margin-right: 1.5rem;
}

#globalModal .modal-body p:last-of-type {
	margin-bottom: 0px;
}