.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//eminencehomes.co/wp-content/themes/eminencehomes/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*, *::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
outline: none;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.grid {
display: -ms-grid;
display: grid
}
.container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 0 15px;
}
.smaller-container {
max-width: 1024px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 0 15px;
border:1px solid red;
}
.small-container {
max-width: 866px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 0 15px;
border:1px solid red;
}
.fd-container {
max-width: 1014px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 0 15px;
border:1px solid red;
}
@media (max-width: 1300px) {
.container {
max-width: 100%
}
.smaller-container {
max-width: 100%
}
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
@media (max-width: 767.98px) {
.text-center-mob {
text-align: center
}
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-margin {
margin: 0
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.column {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
-ms-grid-column-align: auto;
justify-self: auto;
padding-left: 15px;
padding-right: 15px
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.gap-12 {
gap: 12px
}
.flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.align-normal {
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal
}
.align-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.align-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.align-normal {
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal
}
.justify-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.justify-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content:flex-end;
}
.justify-space-around {
-ms-flex-pack: distribute;
justify-content: space-around
}
.justify-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.col-2 {
width: 16.5%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.33%;
}
.col-5 {
width: 41.5%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58%;
}
.col-8 {
width: 66.67%;
}
.col-9 {
width: 75%;
}
.col-10 {
width: 83.3%;
}
.col-12 {
width: 100%;
}
@media (max-width: 991.98px) {
.col-md-6 {
width: 50%
}
}
.col-md {
padding: 0 15px
}
@media (max-width: 991.98px) {
.col-md {
width: 100%
}
}
.col {
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 767.98px) {
.col {
width: 100%
}
}
@media (min-width: 1024px) {
.offset-1 {
margin-left: 7.333333%
}
.offset-2 {
margin-left: 16.666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.333333%
}
.offset-5 {
margin-left: 41.666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.333333%
}
.offset-8 {
margin-left: 66.666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.333333%
}
.offset-11 {
margin-left: 91.666667%
}
}
.gap-24 {
gap: 24px
}
@media (max-width: 767px) {
.hidden-mobile {
display: none !important
}
}
.visible-mobile {
display: none !important
}
@media (max-width: 767px) {
.visible-mobile {
display: block !important
}
}
@media (max-width: 1200px) {
.hidden-1200 {
display: none !important
}
}
@media (max-width: 990px) {
.hidden-tablet {
display: none !important
}
}
.visible-tablet {
display: none !important
}
@media (max-width: 990px) {
.visible-tablet {
display: block !important
}
}
.visible-tablet-flex {
display: none !important
}
@media (max-width: 990px) {
.visible-tablet-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
}
.visible-1200 {
display: none !important
}
@media (max-width: 1200px) {
.visible-1200 {
display: block !important
}
}
.hidden {
display: none;
}
.inline-block {
display: inline-block
}
@font-face {
font-family: 'Montas';
src: url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/Montas-Regular.woff2) format('woff2'),
url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/Montas-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter Tight';
src: url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-Regular.woff2) format('woff2'),
url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter Tight Bold';
src: url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-SemiBold.woff2) format('woff2'),
url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter Tight Light';
src: url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-Light.woff2) format('woff2'),
url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter Tight Medium';
src: url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-Medium.woff2) format('woff2'),
url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter Tight Boldd';
src: url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-Bold.woff2) format('woff2'),
url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter Tight Italic';
src: url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-Italic.woff2) format('woff2'),
url(//eminencehomes.co/wp-content/themes/eminencehomes/fonts/InterTight-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
.img-fluid{ max-width: 100%; height:auto;
width: 100%;}
body{font-family: 'Inter Tight'; font-size: 16px; color: #01161E; line-height:140%; overflow-x: hidden;
position: relative}
.navbar {color: #fff;padding: 30px 0; position: absolute; z-index: 2;width: 100%;}
.menu {display: flex;align-items: center;justify-content: space-between;}
.menu ul {list-style: none;display: flex;}
.menu li {margin-left:10px;}
.menu li:first-child{ margin-left: 0}
.menu li a {color: #fff;text-decoration: none;margin:16px 28px; padding-bottom: 10px;
background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/transperant-line.png) 0 21px no-repeat; background-size: 25px;
font-size: 16px;font-family: 'Inter Tight';  transition: all 0.5s ease;}
.menu li.bdr a{ border:1px solid #fff; border-radius: 40px; padding:16px 28px; margin: 0; background: none;
font-family: 'Inter Tight';}
.menu .menu-left li:first-child a{margin-left:0;}
.logo img {height: auto;}
.menu a:hover{padding-bottom: 10px; font-family: 'Inter Tight';
background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/hover-white-line.png) 0 21px no-repeat; background-size: 25px;}
.menu .logo a{  margin: 0; background: none}
.menu li.bdr a:hover{font-family: 'Inter Tight';}
.navbar.navPage{ position: relative;}
.navbar.navPage .menu a{color: #01161E; transition:  all .5s ease;padding-bottom: 10px;
background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/hover-white-line.png) 0 21px no-repeat; background-size: 25px;}
.navbar.navPage .menu li.bdr a{  border-radius: 40px; padding:16px 28px; margin: 0;
color:#fff; background: #1C4966;transition: all .5s ease; font-family: 'Inter Tight';}
.navbar.navPage .menu li.bdr a:hover{color: #01161E; background: #fff; border:1px solid #01161E;
font-family: 'Inter Tight';}
.navbar.navPage .menu li.bdr.current_page_item a{color: #fff; background: #fff; border:1px solid #1C4966;
font-family: 'Inter Tight'; background: #1C4966;}
.navbar.navPage .menu li a:hover{font-family: 'Inter Tight'; color:#1C4966;
background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/hover-line.png) 0 21px no-repeat; background-size: 25px;}
.navbar.navPage .menu li.active a{font-family: 'Inter Tight'; color:#1C4966;
background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/hover-line.png) 0 21px no-repeat;background-size: 25px;}
.navbar.navPage .menu li.current_page_item a{font-family: 'Inter Tight'; color:#1C4966;
background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/hover-line.png) 0 21px no-repeat;background-size: 25px;}
#main{ position: relative}
#background-video{aspect-ratio: 4 / 1;width: 100%;object-fit: cover;height: 643px;display: flex;
position: relative}
.overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.40);
z-index: 1;
}
.outerBanner{position: absolute;
top: 0;
height: 643px;
display: flex !important;
justify-content: center;
align-items: center;width: 100%;}
.banner{ padding-top: 60px}   .banner h1{font-family: 'Montas'; font-size: 78px; color: #fff; line-height: 120%; margin-bottom: 16px}
.banner p{ color: #fff; margin-bottom: 56px; font-size: 16px}
.bannerForm{ width: 465px; background: #fff; border-radius: 40px; padding: 6px 7px 6px 28px; margin: 0 auto}
.textField{ border:none;background: #fff; color: #545F71; width: 291px;}
.submitBtn{ padding: 15px 28px; background: #1C4966; color:#fff; border: none; border-radius: 40px;
cursor: pointer;}
.modernIn .bannerForm div p{ margin-bottom: 0}
.mainSlider .owl-dots button.owl-dot{width:8px; height:8px; background-color: #fff; border-radius: 100px;
opacity: 0.5; margin-left: 12px;}
.mainSlider .owl-dots button.owl-dot.active{width: 8px; height: 8px; background-color: #fff;
border-radius: 100px;opacity: 1}
.mainSlider .owl-dots button.owl-dot:first-child{ margin-left: 0}
.mainSlider .owl-dots{position: absolute;bottom: -80px;width: 100%;text-align: center;}
.bnnerBtn{ background: #1C4966; color:#fff; border-radius: 12px; padding: 20px 37px; font-size: 20px;
font-family: 'Inter Tight Medium'; line-height: 22px;text-decoration: none;display: inline-block;}
.quality{background:#F6F8FA; padding: 88px 0}
.qualityTitle{ margin-bottom: 43px;}
.qualityTitle h2{font-family: 'Montas'; font-size: 56px; color:#01161E; margin-bottom: 12px; line-height: 140%}
.qualityTitle h2{font-family: 'Montas'; font-size: 56px; color:#01161E; margin-bottom: 12px; line-height: 140%}
p{ font-size: 18px; font-family: 'Inter Tight Light';}
.quality .contactUsBtn{ margin-bottom: 0}
.itemBox{ padding: 10px 11px 18px; background: #fff; border-radius: 16px; border: 1px solid #E6E6E6;}
.itemImg{ height: 236px; width: 100%; object-fit: cover; object-position: top center;
border-radius: 16px 16px 0 0; margin-bottom: 8px;display: flex;}
.itemImg a{ display:flex; width:100%}
.owl-carousel .owl-item .itemImg img {display: block;
width: 100%;object-fit: cover;border-radius: 8px 8px 0 0;}
.itemInfo{ padding:16px 8px 35px 8px;}
.itemHd h2{ font-size: 20px;font-family: 'Inter Tight Bold'; line-height: 140%;margin-bottom: 6px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width:210px;}
.itemHd h2 a{color: #01161E; text-decoration: none}
.itemHd p{ background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/location-icon.svg) 0 no-repeat; background-size: 18px;
padding-left: 24px; color: #1C4966}
.Itemprice h3{ color:#1C4966; font-size: 24px; font-family: 'Inter Tight Bold';line-height: 140%;}
.homeInfo{ padding: 0 8px}
.homeInfoIn{ border-left: 1px solid #DEE0E4; padding:0 15px}
.homeInfoIn:first-child{ border-left: none; padding-left: 0 }
.homeInfoIn:last-child{padding-right: 0}
.homeInfoIn p{ color:#777E90;display: flex; font-size: 15.66px;font-family: 'Inter Tight Medium';
white-space: nowrap;}
.homeInfoIn p img{ margin-right: 3px;}
.homeInfoIn p span{ color:#01161E;display: block;margin-right: 3px;}
.quality .owl-dots{ text-align: center}
.quality .owl-dots button.owl-dot{width: 35px; height: 7px; background-color: #E5F4FF; border-radius: 20px;}
.quality .owl-dots button.owl-dot.active{width: 35px; height: 7px; background-color: #1C4966; border-radius: 20px;}
.quality .owl-carousel .owl-stage-outer{ margin-bottom: 43px}
.quality .owl-carousel{ position: relative}
.quality .owl-carousel .owl-nav{position: absolute;top: -115px;right: 0;}
.quality .owl-carousel .owl-nav .owl-prev{ background: #EEF1F4 url(//eminencehomes.co/wp-content/themes/eminencehomes/images/arrow-left.png) center no-repeat;
width: 40px;height: 40px;border-radius: 100px; background-size: 20px;
transition: all 0.2s linear; margin-right: 18px}
.quality .owl-carousel .owl-nav .owl-next{background: #EEF1F4 url(//eminencehomes.co/wp-content/themes/eminencehomes/images/arrow-left.png) center no-repeat;;width: 40px;
height: 40px;border-radius: 100px; background-size: 20px; transform: rotate(180deg);
transition: all 0.2s linear;}
.quality .owl-carousel .owl-nav .owl-prev span,
.quality .owl-carousel .owl-nav .owl-next span{display: none;}
.quality .owl-carousel .owl-nav .owl-prev:hover{
background:#E8F5FF url(//eminencehomes.co/wp-content/themes/eminencehomes/images/arrow-right-black.png) center no-repeat;
transform: rotate(180deg); background-size: 20px;
}
.quality .owl-carousel .owl-nav .owl-next:hover{
background:#E8F5FF url(//eminencehomes.co/wp-content/themes/eminencehomes/images/arrow-right-black.png) center no-repeat;
transform: none;background-size: 20px;}
.quality .owl-carousel .owl-nav .owl-next.disabled,
.quality .owl-carousel .owl-nav .owl-prev.disabled{ opacity:0.5}
.customerSay{background: #1C4966; padding: 88px 0}
.customerSay h2{ color:#fff; font-size: 18px; font-family: 'Inter Tight Medium'; line-height: 140%;
margin-bottom: 40px}
.customerSay .say .item p{ font-family: 'Montas'; font-size: 48px; line-height: 140%;
margin-bottom: 88px; color:#fff;}
.customerSay .say .item img{ display: block; margin-bottom: 9px;}
.customerSay .say .item h4{font-family: 'Montas'; font-size: 32px; line-height: 140%;color:#fff;
margin-bottom: 2px}
.customerSay .say .item span{color:#fff; font-size: 18px; line-height: 140%;
font-family: 'Inter Tight Light'; display: block; margin-bottom: 42px}
.customerSay .owl-dots button.owl-dot{width:8px; height:8px; background-color: #fff; border-radius: 100px;
opacity: 0.5; margin-left: 12px;}
.customerSay .owl-dots button.owl-dot.active{width: 8px; height: 8px; background-color: #fff;
border-radius: 100px;opacity: 1}
.customerSay .owl-dots button.owl-dot:first-child{ margin-left: 0}
.videoitems{ margin-bottom: 88px; position: relative; cursor: pointer}
.videoitems video{width: 95%; height: auto; border-radius: 16px;aspect-ratio: 7 / 4;
object-fit: fill;}
.play-button {position: absolute;top: 50%;left: 50%;
transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
content: "";opacity: .8;pointer-events: none;
z-index: 100;background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/play-button.svg) no-repeat;
background-size: 83px;width: 83px;height: 83px;display: block;}
.build{ padding: 88px 0 72px; position: relative;}
.buildIn h2{ font-size: 64px;font-family: 'Montas'; line-height: 100%; margin-bottom: 24px;
max-width: 550px;}
.buildIn p{ font-size: 20px; font-family: 'Inter Tight Light';line-height: 140%; max-width: 500px;}
.position-absolute{ position: absolute; top:88px; right: 0; width: 700px}
.value{ padding: 0 0 88px}
.valueIn h2{ font-size: 32px; line-height: 36px;font-family: 'Montas'; margin-bottom: 16px;
border-top:1px solid #DEE0E4; padding-top: 28px}
.valueIn p{ font-family: 'Inter Tight Light'; font-size: 18px; line-height: 26px}
.modern{ background: #F6F8FA; height: 567px; overflow: hidden; display: none}
.modernIn{ padding-top: 88px}
.modernIn h2{font-size: 48px;font-family: 'Montas'; line-height: 56px;margin-bottom: 16px;}
.modernIn p{font-family: 'Inter Tight Light'; font-size: 20px; line-height: 32px; margin-bottom: 44px}
.modernIn .bannerForm{ margin: 0 0 16px;}
.modernIn .txt p{font-family: 'Inter Tight Light'; font-size: 14px; line-height: 20px; margin-bottom: 0;
max-width: 438px;}
.column {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
.marquee {
position: relative;
overflow: hidden;
height: 100%; }
.marquee-content {
display: flex;
flex-direction: column; width: 100%;
animation: scrollTopToBottom 100s linear infinite; } .bottom-to-top .marquee-content {
animation: scrollBottomToTop 100s linear infinite;
}
.marquee img {
width: 100%;
margin-bottom: 30px;
border-radius:16px;
}
.column.bottom-to-top{width: 283px; flex: unset; padding-right: 0}
.column.top-to-bottom{width: 376px; flex: unset} @keyframes scrollTopToBottom {
0% {
transform: translateY(-90%);
}
100% {
transform: translateY(0);
}
} @keyframes scrollBottomToTop {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-90%);
}
}
.virtual{ padding: 88px 0}
.virtualIn h2{ font-size: 48px; line-height: 56px;font-family: 'Montas'; margin-bottom: 16px}
.virtualIn p{font-family: 'Inter Tight Light'; font-size: 20px; line-height: 32px;
max-width: 500px;margin: 0 auto 49px;}
.video-caption{ position: absolute;bottom: 50px;color: #fff;
margin: 0 auto;width: 100%;display: flex;flex-direction: column;}
.video-caption h3{font-size: 48px; line-height: 56px;font-family: 'Montas'; margin-bottom: 4px}
.video-caption p{font-family: 'Inter Tight Light'; font-size: 18px;}
.video-caption p img{ vertical-align: bottom}
.swiper-slide {
text-align: center;
overflow: hidden;
}
.product-box .product-box--inner{
-webkitt-display:flex;
display: flex;
overflow: hidden;
-webkit-transition: all .5s cubic-bezier(.5,1,.89,1);
transition: all .5s cubic-bezier(.5,1,.89,1);
will-change: transform;
}
.product-box .product-box--inner video {
width: 100%;
height: auto;
border-radius: 16px;
overflow: hidden;
}
.video-thumbnail video[poster]{
aspect-ratio: 7 / 4;
object-fit: fill;
}
.product-box--inner .product-overlay {
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
top: 0;
opacity: 0;
}
.video-thumbnail {
position: relative;
display: inline-block;
cursor: pointer;
padding: 0;}
.video-thumbnail:before {
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
content: "";
opacity: .8;
pointer-events: none;
z-index: 100;
background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/play-button.svg) no-repeat;
background-size: 83px;
width: 83px;
height: 83px;
}
.paused:before  { content: none; } .contactUsBtn{border-radius: 40px; padding:16px 28px;color:#fff; background: #1C4966;
text-decoration: none; font-family: 'Inter Tight Medium'; font-size: 18px; line-height: 22px;
margin-bottom: 17px; display: inline-block}
.txtHd{ padding:66px 15px 72px}
.txtHd h1{ font-size: 64px; line-height:140%;font-family: 'Montas'; margin-bottom: 10px;}
.txtHd p{ font-size: 20px; color:#222; line-height: 140%}
.accordion-container{position: relative;height: auto; padding-bottom: 55px}
.set{
position: relative;
width: 100%;
height: auto;
background-color: #fff;
padding-bottom: 36px;
margin-bottom: 36px;
border-bottom: 1px solid #D9DBE9;
}
.set > h3{
display: block;
padding:0;
text-decoration: none;
color: #01161E;
font-family: 'Inter Tight Bold';
font-size: 22px;
line-height: 140%;
cursor: pointer;
position: relative;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.set > h3 > span{width: 600px;display: block;}
.set > h3 span.plus,
.set > h3 span.minus{
width: 14px;
height: 14px;
position: absolute;
}
.set > h3 span.plus{ top:5px; right:0}
.set > h3 span.minus{top:9px; right:0}
.set > h3.active{
background-color:#fff;
color: #01161E;
padding:0 0 13px 0;
}
.accordionContent{
background-color: #fff;
display:none;
}
.accordionContent p{
margin: 0;
color: #222;
font-size: 18px; line-height: 30px;margin-bottom: 20px;
}
.accordionContent p strong{font-family: 'Inter Tight Bold';}
.accordionContent ul{ list-style: disc outside; margin-bottom: 30px; padding-left: 20px}
.accordionContent ul li{font-size: 18px; line-height: 30px; margin-bottom: 20px; font-family: 'Inter Tight Light';}
.accordionContent ul li a{color:#1C4966; text-decoration:none}
.accordionContent ol{ list-style: decimal outside; margin-bottom: 30px; padding-left: 20px}
.accordionContent ol li{font-size: 18px; line-height: 30px; margin-bottom: 20px; font-family: 'Inter Tight Light';}
.accordionContent ol li a{color:#1C4966; text-decoration:none}
.accordionContent p a{color:#01161E;font-family:font-family:'Inter Tight Medium'; text-decoration: none;
border-bottom: 1px solid #01161E; transition: all 0.2s linear}
.accordionContent p a:hover{ border-bottom: none}
.set .plus{ background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/plus.svg) no-repeat; background-size: 14px}
.set .minus{background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/minus.svg) 0 5px no-repeat; background-size: 14px}
.contactPage{ padding: 36px 15px 110px}
.contactHd{ padding: 16px 70px 0 15px}
.contactHd h1{ font-family: 'Montas'; font-size: 48px; margin-bottom: 12px; line-height: 145%}
.contactHd p{ font-size: 18px; margin-bottom: 45px; line-height: 28px}
.contactHd p a{ background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/email-contact.svg) 0 0 no-repeat; background-size: 18px;
font-size: 16px; color:#1C4966; padding-left: 25px;text-decoration: none; line-height: 16px;}
.contactHd p a span{ display: inline-block; border-bottom: 1px solid #1C4966;transition: all 0.2s linear;}
.contactHd p a:hover span{ border-bottom: none;}
.contactFormIn{ margin-bottom: 25px}
.contactFormIn p{ font-size: 14px; color:#545F71; margin-bottom: 7px}
.txtFld{border-radius: 40px; border:1px solid #D9D9D9; font-size: 14px;
color:#545F71; padding: 15px 22px;width:100%;font-family: 'Inter Tight Light';}
.contactFormIn .txtFld::-webkit-input-placeholder {color: #D8E0E7;}
.contactFormIn .txtFld::-moz-placeholder {color: #D8E0E7;}
.contactFormIn .txtFld:-ms-input-placeholder {color: #D8E0E7;}
.contactFormIn .txtFld:-moz-placeholder {color: #D8E0E7;}
.contactFormIn textarea{border-radius: 20px; border:1px solid #D9D9D9; font-size: 14px;
color:#545F71; padding: 15px 22px;width:100%; margin-bottom: 16px; height: 122px;font-family: 'Inter Tight Light';}
.contactFormIn textarea::-webkit-input-placeholder {color: #D8E0E7;}
.contactFormIn textarea::-moz-placeholder {color: #D8E0E7;}
.contactFormIn textarea:-ms-input-placeholder {color: #D8E0E7;}
.contactFormIn textarea:-moz-placeholder {color: #D8E0E7;}
.formBtn{ border:none; background: #1C4966; color:#fff; border-radius: 40px; padding: 18px 0;
width:100%; display: block; font-size: 18px; line-height: 18px;font-family: 'Inter Tight Medium';
cursor: pointer}
.contactMap{ padding-left: 30px;}
.contactMapIn{height: calc(100% - 8%);}
.contactMapIn iframe{width: 100%; height: 100%; aspect-ratio: auto; border-radius: 16px;
display: flex;}
.contactFormInfo{ margin-top: 31px}
.contactFormInfo ul{ display: flex;justify-content: center;}
.contactFormInfo ul li{ font-size: 16px;font-family: 'Inter Tight Medium'; color:#1C4966;
margin-left:32px;display: flex;align-items: center;gap: 9px;}
.contactFormInfo ul li:first-child{ margin-left: 0}
.contactFormIn .wpcf7-not-valid-tip{ margin-top: 10px; font-size: 15px}
.contactForm .wpcf7 form.invalid .wpcf7-response-output{ padding: 15px 20px !important; border-radius: 16px;
font-size: 15px;}
.contactPage select {padding: 15px 22px;width: 100%;
box-shadow: none;-webkit-appearance: none;-moz-appearance: none;
appearance: none;line-height: 150%;white-space: unset;
border: 1px solid #D9D9D9;font-size: 14px;
color: #545F71;border-radius: 40px;
width: 100%;overflow: hidden;
background: #fff url(//eminencehomes.co/wp-content/themes/eminencehomes/images/arrow-down-icon.png) no-repeat 98% center;
background-size: 24px;color: #545F71;font-family: 'Inter Tight Light';}
#MyState select{background: #fff url(//eminencehomes.co/wp-content/themes/eminencehomes/images/arrow-down-icon.png) no-repeat 96% center;
background-size: 24px;}
.formHd h3{ font-size: 24px;font-family: 'Inter Tight Bold'; margin:20px 0}
.required::after {color: #b01815;content: "*";margin-left: 4px;}
.contactHd.ps{ padding-right: 15px} .team{ padding: 64px 0 90px}
.team .container{ max-width: 1250px;}
.teamIn{ padding-bottom: 56px}
.teamIn h2{ color: #1C4966; font-size: 20px; line-height: 24.2px;font-family: 'Inter Tight Bold';
text-transform: uppercase; margin-bottom: 20px;}
.teamIn h1{ color: #01161E; font-size: 64px;font-family: 'Montas'; line-height: 68px; margin-bottom: 16px}
.teamIn p{ font-size: 20px; line-height:140%; color:#222;font-family: 'Inter Tight';}
.teamCarousel{ margin-bottom: 36px; cursor: pointer}
.teamCarousel .team{ position: relative}
.teamCarousel .item{position: relative;display: flex;background: #CAE9FF;border-radius: 16px;}
.teamCarousel .item img{ border-radius: 16px; width:100%; height: 291px;object-fit: cover;
object-position: top center;}
.teamCarousel .teamCaption{ position: absolute; margin: 0 auto; background: rgba(255, 255, 255, 0.9);
border-radius: 8px;bottom: 12px;left: 13px;right: 13px;
box-shadow: 0px 12px 14.6px 0px rgba(0,0,0,0.15);padding: 13px 16px;}
.teamCarousel .teamCaption h3{ font-size: 16px;font-family: 'Inter Tight Bold'; line-height: 19.36px; color:#222;
margin-bottom: 2px;}
.teamCarousel .teamCaption p{color: #1C4966; font-size: 12px; line-height: 14.52px; font-family: 'Inter Tight Light';}
.teamCarousel .owl-dots.disabled{ display: block; text-align: center; margin-top: 48px}
.teamCarousel .owl-dots button.owl-dot{width:8px; height:8px; background: rgba(28, 73, 102, 0.2);
border-radius: 100px;margin-left: 12px;}
.teamCarousel .owl-dots button.owl-dot.active{width: 8px; height: 8px; background-color:#1C4966;
border-radius: 100px;opacity: 1}
.teamCarousel .owl-dots button.owl-dot:first-child{ margin-left: 0}
.lightbox-trigger{ padding: 0 9px} .who{ padding:70px 15px}
.whoHd h1{ font-size: 56px; line-height: 140%;font-family: 'Montas'; margin-bottom: 10px}
.whoHd p{ font-size: 20px; line-height: 142%;font-family: 'Inter Tight Light'; margin-bottom: 40px}
.whoHd a{ color:#1C4966; text-decoration: none; font-size: 20px; font-family: 'Inter Tight Bold';
border-bottom: 2px solid #1C4966;}
.mission{ padding:88px 0; background: #F6F8FA; position: relative; min-height: 626px}
.missionText h2{ font-size: 56px; line-height: 73.92px;font-family: 'Montas'; margin-bottom: 16px;}
.missionText p{ font-size: 20px; line-height: 140%; margin-bottom: 30px}
.missionText p strong{ font-family: 'Inter Tight Bold';}
.missionText p:last-child{ margin-bottom: 0} .missionImg {position: absolute;right: 0;width: 42%;top: 50%;}
.missionImg img {width:100%;height: auto;transform: translateY(-50%);max-width: 612px;}
.pd50{ padding: 0 50px}
.values{padding:88px 0}
.valuesHd{ padding-bottom: 48px}
.valuesHd h2{ font-size: 56px; line-height: 100%; margin-bottom: 8px;font-family: 'Montas';}
.valuesHd p{ font-size: 20px; line-height: 145%}
.valuesBox{ padding: 24px; border:1px solid rgba(0, 0, 0, 0.1); border-radius: 16px; margin-bottom: 30px}
.valuesInfo .col.col-4:nth-child(4) .valuesBox,
.valuesInfo .col.col-4:nth-child(5) .valuesBox
{ margin-bottom: 0}
.valuesBox h3{font-family: 'Montas'; line-height: 140%; font-size: 24px; margin-bottom: 16px;display: flex;}
.valuesBox h3 img{ margin-right: 12px;vertical-align: text-bottom;}
.valuesBox p{ font-size: 18px; line-height: 140%;font-family: 'Inter Tight Light';}
.commitment{ padding:88px 0; color:#fff; background:#1C4966 url(//eminencehomes.co/wp-content/themes/eminencehomes/images/background-icon.png) center no-repeat;
background-size:306px;font-family: 'Montas';}
.commitment h2{ font-size: 56px; line-height: 140%; margin-bottom: 19px}
.commitment p{ font-size: 28px; line-height: 145%;font-family: 'Inter Tight Light';}
.commitment .col-10 { width: 92.3%;}
.join{padding:88px 0;}
.join h2{font-family: 'Montas'; font-size: 56px; line-height: 140%;margin-bottom: 20px}
.join p{ font-size: 20px; line-height: 145%; margin-bottom: 30px}
.join .col.col-8{width: 75.67%;}
.join .contactUsBtn{ margin-bottom: 0; margin-top: 18px}  .blur-background {filter: blur(4px);transition: filter 0.3s ease;} .no-scroll {overflow: hidden;}
.lightbox {display: none;position: fixed;z-index: 1000;left: 0;
top: 0;width: 100%;height: 100%;background: rgba(1, 22, 30, 0.5);}
.lightbox-content {position: relative;margin: auto;
top: 50%;transform: translateY(-50%);max-width: 90%;max-height: 90%;
background: #fff;padding: 45px 53px;border-radius: 16px;}
.lightboxInImg{ margin-right: 37px; background: #CAE9FF;border-radius: 16px; display: flex}
.lightbox .lightboxInImg img {width:291px;height: auto;border-radius: 16px;}
.lightboxInText h3{font-family: 'Inter Tight Bold'; font-size: 28px; line-height: 33.88px; color:#222; margin-bottom: 4px}
.lightboxInText h4{ color: #1C4966; font-size: 18px; line-height: 21.78px; margin-bottom: 12px;}
.lightboxInText p{ font-size: 20px; line-height: 140%; color:#222;font-family: 'Inter Tight Light'; margin-bottom: 34px;}
.socialicon ul{ list-style: none;display: flex; gap:18px}
.socialicon ul li{border-radius: 100px;background: #e9e9e9;width: 36px;height: 36px;
display: flex;justify-content: center;align-items: center;}
.socialicon ul li a{display: flex;}
.close {position: absolute;top: 16px;right: 16px;color: #545F71;font-size: 28px;cursor: pointer;
font-family: 'Inter Tight Light';} .availableHomes{ padding-bottom: 57px;}
.availableHomes .itemBox{ margin-bottom: 37px}
.availableHomes .container .row .col.col-4{ padding: 0 8.75px}
.availableHomes .itemImg{ overflow: hidden; border-radius: 8px 8px 0 0}
.availableHomes .itemImg a{display: block;}
.availableHomes .itemImg a img{object-fit: cover;object-position: top center;height: 236px;}
.availableHomesTabs{display: flex; margin-bottom: 48px; justify-content: space-between; overflow-x: auto}
.availableHomesTabs li{ margin-left: 10px;}
.availableHomesTabs li:first-child{ margin-left: 0}
.availableHomesTabs li a{ color: #5A5A5A; padding: 17.5px 28px; font-size: 22px; line-height: 29.04px;
font-family: 'Inter Tight Light'; text-decoration: none; border: 2px solid rgba(90, 90, 90, 0.2);
border-radius: 100px; display: block;white-space: nowrap; transition: all 0.5s ease;}
.availableHomesTabs li a:hover{background: #1C4966; color:#fff; border:2px solid #1C4966}
.availableHomesTabs::-webkit-scrollbar {display: none;}
.availableHomesTabs button{color: #5A5A5A; padding: 17.5px 28px; font-size: 22px; line-height: 29.04px;
font-family: 'Inter Tight Light'; text-decoration: none; border: 2px solid rgba(90, 90, 90, 0.2);
border-radius: 100px; display: block;white-space: nowrap; transition: all 0.5s ease; background: #fff;
cursor: pointer}
.availableHomesTabs button.active{background: #1C4966; color:#fff; border:2px solid #1C4966}
.hl{display: none;opacity: 0;transition: opacity 0.5s ease;}
.hl.show {display: block;opacity: 1;} .work{ margin-bottom: 28px}
.workft h2{color: #01161E; font-size: 24px; line-height: 140%;font-family: 'Inter Tight Bold';}
.workrt ul{ display: flex;justify-content: space-between;align-items: center;}
.pressOuter{ margin-bottom: 72px;position:relative; z-index: 1}
.pressOuter .press:first-child{border-top: 1px solid rgba(0, 0, 0, 0.15)}
.press{ padding: 42px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15);
display: none;opacity: 0;transition: opacity 0.5s ease;}
.press.show {display: flex;opacity: 1;}
.pressft h3{color: #01161E; font-size: 24px; line-height: 140%;font-family: 'Inter Tight Bold';}
.pressft h3 a{color: #01161E; text-decoration: none}
.pressrt{ text-align: right}
.pressrt a{color: #01161E; font-size: 20px; line-height:32px; font-family: 'Inter Tight Medium';
border-bottom: 1px solid #01161E; text-decoration: none; transition: all 0.2s linear;}
.pressrt a:hover{ border-bottom: none}
#loadMore{ margin-bottom: 72px; border: 2px solid rgba(84, 95, 113, 1); color: #1C4966;
font-size: 18px; line-height: 22px; font-family: 'Inter Tight Medium'; padding: 16px 37px; border-radius: 40px;
background: #fff; cursor: pointer; transition: all 0.5s ease}
#loadMore:hover{ color:#fff; background: #1C4966} .blogHd{ padding:72px 15px 49px}
.blogSlider{ margin-bottom: 54px}
.blogSliderIn .item{ position: relative}
.blogSliderIn .item > img{height:564px; object-fit: cover; object-position: top; border-radius: 16px}
.blogSliderIn .item:after {background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%,
rgba(0, 0, 0, 0.111573) 17.81%, rgba(0, 0, 0, 0.23068) 30.04%,
rgba(0, 0, 0, 0.438903) 46.67%, rgba(0, 0, 0, 0.76) 105.38%); position: absolute; left: 0; bottom: 0;
width: 100%; height: 345px; content:''; border-radius: 16px}
.blogSliderText{ position: absolute; bottom: 45px; left:45px; z-index: 1; width: 568px}
.blogSliderText h2{ font-size: 36px; line-height: 140%; color:#fff;font-family: 'Inter Tight Bold';
margin-bottom: 32px}
.blogSliderText h2 a{ text-decoration: none;color:#fff;}
.blogSliderInfoIn{ margin-right: 48px}
.blogSliderInfoIn h3{ font-size: 12px; line-height: 16px; margin-bottom: 8px; color:#fff}
.blogSliderInfoIn p{ color:#fff; display: flex; font-size: 16px; line-height: 20px;}
.blogSliderInfoIn p a{ text-decoration: none; color:#fff;display: flex;align-items: center;}
.blogSliderInfoIn p img{ border-radius: 50px;height: 26px; width: 26px !important;
margin-right: 12px; border: 1.16px solid #FFF}
.blogSlider .owl-dots{margin-top: 48px;text-align: center;}
.blogSlider .owl-dots button.owl-dot{width:8px; height:8px; background: rgba(28, 73, 102, 0.2);
border-radius: 100px;opacity: 0.5; margin-left: 12px;}
.blogSlider .owl-dots button.owl-dot.active{width: 8px; height: 8px; background-color: #1C4966;
border-radius: 100px;opacity: 1}
.blogSlider .owl-dots button.owl-dot:first-child{ margin-left: 0}
.latestBlog{ padding-bottom: 62px}
.latestBlogHd{ margin-bottom: 36px}
.latestBlogHd h2{ font-size: 48px; line-height: 56px;font-family: 'Montas';}
.latestBlogIn{display: none;opacity: 0;transition: opacity 0.5s ease;}
.latestBlogIn.show {display: block;opacity: 1;}
.latestBlog .col.col-4{ margin-bottom: 48px}
.blogImg{ margin-bottom: 18px}
.blogImg a{ display: block}
.blogImg a img{width: 100%; height: 310px; object-fit: cover; object-position: top; border-radius: 16px}
.blogTxt h3{margin-bottom: 8px}
.blogTxt h3 a{ text-decoration: none; font-size: 20px; line-height: 140%; color: #01161E; font-family: 'Inter Tight Bold';
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.blogTxt p{color: #5A5A5A; line-height: 140%; margin-bottom: 22px; font-size: 16px;}
.blogAuthor ul{ list-style: none; display: flex;align-items: center;}
.blogAuthor ul li{ background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/circle.png) 0 7px no-repeat; background-size: 4px;
font-size: 14px; line-height: 18px; padding:0 10px;}
.blogAuthor ul li:first-child{ background: none;display: flex; padding-left: 0}
.blogAuthor ul li a{ text-decoration: none; color: #01161E; font-size: 14px; line-height: 18px;
display: flex;align-items: center; white-space: nowrap}
.blogAuthor ul li a img{ margin-right: 10px; border-radius: 100px} .galleryHd{padding: 72px 15px 56px;}
.gallery{ margin-bottom: 72px}
.gallerySlider.owl-carousel .item{display: flex;height: 506px;align-items: center;}
.gallerySlider.owl-carousel .owl-item img{ height: 464px;object-fit: cover;
object-position: top center; border-radius: 16px}
.gallerySlider.owl-carousel .owl-item.active img{ height: 506px;object-fit: cover;
object-position: top center; border-radius: 16px;}
.gallerySlider.owl-carousel .owl-item.active{z-index: 1;position: relative;}
.gallery .owl-carousel .owl-stage-outer{ overflow: visible}
.gallery .owl-dots{margin-top: 48px;text-align: center;}
.gallery .owl-dots button.owl-dot{width:8px; height:8px; background: rgba(28, 73, 102, 0.2);
border-radius: 100px;opacity: 0.5; margin-left: 12px;}
.gallery .owl-dots button.owl-dot.active{width: 8px; height: 8px; background-color: #1C4966;
border-radius: 100px;opacity: 1}
.gallery .owl-dots button.owl-dot:first-child{ margin-left: 0}
.modernIn .bannerForm{max-width: 427px; height: 58px;}
.subscribeForm{ position: relative}
.subscribeForm .submitBtn{ position: absolute; top:0;right:0;}
.subscribeForm .textField{ height: 47px; line-height: 47px} .zoom-image {
cursor: pointer;
transition: transform 0.4s ease;
cursor: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/zoom-icon.svg), auto; }
.zoom-image:hover {transform: scale(1.1);} .gallerySlider .item {
position: relative;
display: inline-block;
} .singleBlog .txtHd p{ max-width:882px; margin:0 auto 24px}
.singleBlog .blogAuthor{justify-content: center;display: flex;}
.blogBanner{ margin-bottom: 78px}
.blogBanner img{ width:100%; height:564px; object-fit: cover; object-position: top center; border-radius: 16px}
.blogContent{ padding-bottom: 78px;}
.blogContentft{ padding-right: 45px}
.blogContentft h2,
.blogContentft h3,
.blogContentft h4
{ font-size: 36px; line-height: 48px;font-family: 'Inter Tight Bold'; margin-bottom: 16px}
.blogContentft p{ font-size: 24px; line-height: 145%; margin-bottom: 56px;}
.blogContentft h3{font-size: 30px; line-height: 48px;}
.blogContentft h4{font-size: 28px; line-height: 38px;}
.blogContentft ul{ list-style: disc outside; padding-left: 20px; margin-bottom: 56px;}
.blogContentft ul li,
.blogContentft ol li
{font-size: 24px; line-height: 145%; margin-bottom: 20px;font-family: 'Inter Tight Light';}
.blogContentft ul li a,
.blogContentft ol li a
{text-decoration: underline; color:#1C4966; font-family: 'Inter Tight Medium';}
.blogContentft ol{list-style: decimal outside; padding-left: 20px; margin-bottom: 56px;}
.blogContentft blockquote{margin-bottom: 56px;}
.blogContentft blockquote p{ font-size: 28px; line-height: 145%;font-family: 'Inter Tight Light'; font-style: italic;
margin-bottom: 0}
.blogContentft blockquote p.blockquote-footer{ font-family: 'Inter Tight Italic';}
.blogContentft hr{border: 0.5px solid rgba(0, 0, 0, 0.15); height: 1px; margin-bottom: 56px}
.blogAuthorSingleImg{ margin-right: 20px}
.blogAuthorSingleImg img{ border-radius: 100px}
.blogAuthorSingleTxt h4{ font-size:24px; line-height: 32px; font-family: 'Inter Tight Medium'; margin-bottom: 2px}
.blogAuthorSingleTxt p{color: #5A5A5A; font-size: 18px; line-height: 28px;margin-bottom:0;}
.tableContent{background:url(//eminencehomes.co/wp-content/themes/eminencehomes/images/border-left.png) 0 0 repeat-y; padding-left: 45px; padding-bottom: 42px}
.tableContent h3{ font-size: 28px; line-height: 32px; font-family: 'Inter Tight Bold'; margin-bottom: 21px;}
.tableContent ul{ list-style: none;}
.tableContent ul li{ margin-bottom: 5px}
.tableContent ul li a{font-family: 'Inter Tight'; text-decoration: none !important; font-size: 24px; line-height: 42px;
color: #5A5A5A !important;}
.tableContent ul li a.active{color: #01161E !important; font-family: 'Inter Tight Bold';}
.tableContent div#ez-toc-container{ border:none !important; padding: 0 !important; box-shadow: none !important;}
.tableContent div#ez-toc-container ul.ez-toc-list a:visited {
color: #01161E !important; font-family: 'Inter Tight Bold' !important;
}
.similarBlog{background: #F6F8FA;padding: 88px 0}
.similarBlogHd h2{ font-size: 48px; line-height: 56px;font-family: 'Montas'; margin-bottom: 42px}
.similarBlogCarousel .item .latestBlogIn{ display: block; opacity: 1}
.similarBlogCarousel{ position: relative}
.similarBlogCarousel .owl-nav{position: absolute;top: -100px;right: 0;}
.similarBlogCarousel .owl-nav .owl-prev{ background: #EEF1F4 url(//eminencehomes.co/wp-content/themes/eminencehomes/images/arrow-left.png) center no-repeat !important;
width: 40px;height: 40px;border-radius: 100px; background-size: 20px !important;
transition: all 0.2s linear; margin-right: 18px}
.similarBlogCarousel .owl-nav .owl-next{background: #EEF1F4 url(//eminencehomes.co/wp-content/themes/eminencehomes/images/arrow-left.png) center no-repeat !important; width: 40px;
height: 40px;border-radius: 100px; background-size: 20px !important; transform: rotate(180deg);
transition: all 0.2s linear;}
.similarBlogCarousel .owl-nav .owl-prev span,
.similarBlogCarousel .owl-nav .owl-next span{display: none;}
.similarBlogCarousel .owl-prev:hover{
background:#fff url(//eminencehomes.co/wp-content/themes/eminencehomes/images/arrow-right-black.png) center no-repeat !important;
transform: rotate(180deg); background-size: 20px !important;}
.similarBlogCarousel .owl-next:hover{
background:#fff url(//eminencehomes.co/wp-content/themes/eminencehomes/images/arrow-right-black.png) center no-repeat !important;
transform: none;background-size: 20px !important;}
.blogContentft #ez-toc-container{ display: none;} .homesSingle{ padding: 34px 0 78px;}
.homesSingleGallery{margin-bottom:18px; position: relative;}
#sync1{ margin-bottom: 18px}
#sync1 .item {
border-radius: 16px;
text-align: center;
position: relative;
}
#sync2 .item {
border-radius: 16px;
text-align: center;
cursor: pointer;
}
#sync1 .owl-item img{height: 596px;object-fit: cover;object-position: top center;
border-radius:16px;}
#sync2 .owl-item img{height: 216px;object-fit: cover;object-position: top center;
border-radius:16px;}
#sync2 .item h1 {
font-size: 18px;
}
#sync2 .current .item {
}
.wishlist{ position: absolute; top:12px; right:10px; z-index: 2; display:none}
#sync1 .owl-item .wishlist img{ height: 42px; width:42px;}
.homesSingleGallery .owl-theme .owl-nav { }
.homesSingleGallery .owl-theme .owl-nav [class*='owl-'] {
transition: all .3s ease;
}
.homesSingleGallery .owl-theme .owl-nav [class*='owl-'].disabled:hover {
background-color: #D6D6D6;
}
#sync1.owl-theme {
position: relative;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
width: 22px;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
}
#sync1.owl-theme .owl-prev {
left: 10px;
}
#sync1.owl-theme .owl-next {
right: 10px;
}
.PopertyID{ margin-bottom: 43px;}
.PopertyID p{ color:#5A5A5A; font-size: 16px;}
.letChat{ padding:42px 48px; border-radius: 16px; border: 1px solid rgba(0, 0, 0, 0.15); }
.letChat h3{ font-size: 42px; line-height: 145%; color:#01161E; margin-bottom: 35px; display: flex; align-items: center}
.letChat h3 img{ margin-right: 24px}
.letChatFormIn{ margin-bottom: 25px;}
.letChatFormIn p{ color:#545F71; margin-bottom: 7px;}
.letChatFormIn .letChatFormInTxt{ border:1px solid #D9D9D9; border-radius: 40px; color:#D8E0E7; font-size: 14px;
line-height: 19px; padding: 15px 22px;width: 100%;}
.letChatFormInSubmit [type="submit"]{ background: #1C4966; border-radius: 40px; color: #fff; margin-bottom: 16px;
font-size: 18px; line-height: 22px; font-family: 'Inter Tight Medium'; width: 100%; padding: 18px 0; border:none;
cursor: pointer}
.letChatTxt{ max-width: 400px;margin: 0 auto 28px; border-bottom:1.5px solid #E0E0E0; padding-bottom: 34px}
.letChatTxt p{ color:#545F71; font-size: 14px; text-align: center}
.letChatForm .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.bannerForm .wpcf7-form-control-wrap .wpcf7-not-valid-tip
{margin: 0 0 5px;font-size: 15px !important;background: #fff;padding: 10px 20px;border-radius: 16px;
border: 2px solid red;}
.letChatForm  .wpcf7 form .wpcf7-response-output,
.bannerForm  .wpcf7 form .wpcf7-response-output
{font-size: 15px !important;padding: 10px 15px !important;border-radius: 16px; margin: 0; border-color: red !important;}
.bannerForm .wpcf7 form.invalid .wpcf7-response-output{ background: #fff;
position: relative; z-index: 1}
.letInfo{ margin-bottom: 24px;}
.letInfoImg{ margin-right: 10px}
.letInfoImg img{ border:2px solid #fff; border-radius: 100px;}
.letInfoTxt h4{ color:#222; font-size: 20px; line-height: 140%; font-family: 'Inter Tight Bold';
margin-bottom: 4px;}
.letInfoTxt p{ color:#999; font-size: 16px}
.letEmail{ margin-bottom: 19px;}
.letEmail p,
.office p { color:#222;}
.letEmail p a{color:#1C4966; font-family: 'Inter Tight Medium'; text-decoration: none; font-size: 16px}
.letEmail p img,
.office p img { margin-right: 4px;}
.letEmail p span{ margin-right: 16px; display: inline-block; font-size: 16px}
.letaddress .office{margin-left: 24px;}
.letaddress .office:first-child{margin-left:0;}
.office p a {color:#222222; font-family: 'Inter Tight Medium'; text-decoration:none;font-size: 16px}
.office p span { margin-right: 9px; display: inline-block;font-size: 16px}
.homesSingleContentIn{ margin-bottom: 32px}
.homesSingleContentTitle h1{ font-size: 42px; font-family: 'Inter Tight Medium'; line-height: 50.82px;
margin-bottom: 4px}
.homesSingleContentTitle p{ font-size: 20px; line-height: 28px; font-family: 'Inter Tight';
background: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/location-grey.svg) 0 2px no-repeat; background-size: 21px; padding-left: 28px;
color: #5A5A5A;}
.homesSingleshare a{border: 1px solid #1C4966; text-decoration: none; padding:8px 20px 8px 20px;
line-height: 24px;color: #1C4966; border-radius: 24px; font-size:16px; font-family: 'Inter Tight Medium';
display: flex; cursor:pointer}
.homesSingleshare a img {
margin-right: 5px;
}
.homeSingleText .addtoany_share_save_container{ display:none}
.homesPrice{ margin-bottom: 36px}
.homesPrice p{color: #1C4966; font-size: 36px; line-height: 43.56px; font-family: 'Inter Tight Bold';}
.overview{ margin-bottom: 12px}
.overview h2{ font-size: 24px; line-height: 28px;font-family: 'Inter Tight Bold'; margin-bottom: 12px}
.overviewBox{border: 1px solid #0000001A; padding: 27px 33px; border-radius: 16px; margin-bottom: 36px}
.overviewBox ul{ list-style: none; display: flex }
.overviewBox ul li{border-left: 1.56px solid #DEE0E4; padding-left: 28px; margin-left: 28px; font-size: 23px;
font-family: 'Inter Tight Medium'; color: #777E90;display: flex;
align-items: center;}
.overviewBox ul li:first-child{ border-left: none; padding-left: unset; margin-left: unset}
.overviewBox ul li span{color: #01161E;
display:inline-block; margin-right: 5px }
.overviewBox ul li img{ margin-right:14px}
.homeSingleText{ margin-bottom: 63px;}
.homeSingleText h2{font-size: 24px; line-height: 28px;font-family: 'Inter Tight Bold'; margin-bottom: 12px}
.homeSingleText p{color: #5A5A5A; font-size: 20px; line-height:32px; margin-bottom: 32px;}
.homeSingleText .contactUsBtn{ padding: 18px 37px}
.Property h2{font-size: 24px; line-height: 28px;font-family: 'Inter Tight Bold'; margin-bottom: 24px}
.PropertyListIn{ margin-right: 63px;}
.PropertyListIn ul{ list-style: disc outside; padding-left: 10px}
.PropertyListIn ul li{ font-size: 20px; color: #222; margin-bottom: 15px;}
.explore{ padding-bottom:78px; margin-bottom: 78px; border-bottom: 1.5px solid #E0E0E0}
.explore h2{ font-size: 32px; line-height: 145%;font-family: 'Inter Tight Bold'; margin-bottom: 29px; color:#222}
.itemHd h3 {font-size: 20px;font-family: 'Inter Tight Bold';line-height: 140%;margin-bottom: 6px;}
.itemHd h3 a {color: #01161E;text-decoration: none;}
.itemImg a img{ width: 100%}
.calculator{padding-bottom:78px; margin-bottom: 78px; border-bottom: 1.5px solid #E0E0E0}
.calculator h2{ font-size: 32px; line-height: 145%;font-family: 'Inter Tight Bold'; margin-bottom: 11px; color:#222}
.calculator p{color:#5A5A5A; font-size: 20px;}
.calculatorHD{ margin-bottom: 56px}
* Styling for input section */
.inputs-section {flex: 1;}
.calculatorft label {font-size: 16px;margin-bottom: 10px;
font-family: 'Inter Tight Bold'; color:#222; display: flex;justify-content: space-between;} .calculatorft input[type="range"] {
-webkit-appearance: none;-moz-appearance: none;appearance: none;
width: 100%;height: 8px;background: #F7FAFF;border-radius: 5px;outline: none;
transition: background 0.3s;} .calculatorft input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;
appearance: none;width: 20px;height: 20px;background-color: #fff;border:2px solid #1C4966;
border-radius: 50%;cursor: pointer;transition: background 0.2s ease-in-out;}
.calculatorft input[type="range"]::-moz-range-thumb {width: 20px;height: 20px; background-color: #1C4966;
border-radius: 50%;cursor: pointer;transition: background 0.2s ease-in-out;} .calculatorft input[type="range"]:hover::-webkit-slider-thumb {background-color: #Fff;
border:2px solid #1C4966;}
.calculatorft input[type="range"]:hover::-moz-range-thumb {background-color: #Fff;border:2px solid #1C4966;} .calculatorft input[type="text"] {padding: 8px 15px; color:#1C4966; text-align: center;
border: 1px solid rgba(0, 0, 0, 10%);border-radius: 8px;font-size: 16px;font-family: 'Inter Tight Bold';}
.calculatorft label span {padding: 8px 15px; color:#1C4966; text-align: center;
border: 1px solid rgba(0, 0, 0, 10%);border-radius: 8px;font-size: 16px;font-family: 'Inter Tight Bold';}
.calculatorftin{ margin-bottom: 28px}
.termLength{max-width: 100px; }
.rateLength{max-width: 80px;}
.priceLength{min-width: 120px;}
.downLength{max-width: 150px}
.calculatorrt{border: 1px solid rgba(0, 0, 0, 15%); border-radius: 16px; padding: 0 36px 45px}
.payment p{color:#5A5A5A; font-size: 20px; margin-bottom: 16px;}
.payment h4{ color:#1C4966; font-size: 56px;font-family: 'Inter Tight Bold'; line-height: 140%}
.payment div span{ color:#5A5A5A; font-size: 20px; font-family: 'Inter Tight';}
.flexcalculatorrtin{ margin-bottom:0; align-items: center}
.flexcalculatorrtinn p{ color:#5A5A5A; font-size: 20px; margin-bottom: 8px;}
.flexcalculatorrtinn h4{ color:#1C4966; font-size: 24px; line-height: 140%;font-family: 'Inter Tight Bold';}
.pie img{ width: 100%}
.pm{ align-items: baseline}
.birds{ padding-bottom: 78px}
.birds h2{font-size: 32px; line-height: 145%;font-family: 'Inter Tight Bold'; margin-bottom: 29px; color:#222}
.birdsMap iframe{ width: 100%; border-radius: 30px;height: 675px;}
.birdsMap .wpgmza_map{ width: 100%; border-radius: 30px;height: 675px;}
.homesSingleGalleryOuter .homesSingleContentIn,
.homesSingleGalleryOuter .homesPrice,
.homesSingleGalleryOuter .overview,
.homesSingleGalleryOuter .homeSingleText,
.homesSingleGalleryOuter .homeSingleText,
.homesSingleGalleryOuter .Property{ display: none}
.PropertyListIn ul{ margin-bottom: 30px}
.PropertyListIn ul li{ line-height: 145%}
.PropertyListIn h3{font-family: 'Inter Tight Bold'; font-size: 20px;color: #222;
margin-bottom: 15px;} footer{background:#1C4966; padding: 75px 0 24px;}
.footerTop h2{font-size: 48px; line-height: 56px;font-family: 'Montas'; color:#fff}
.footerTop .bannerForm{ width: auto; position: relative}
.footerTop .bannerForm .flex.justify-space-between{ display: block}
.footerTop{ margin-bottom: 36px}
.footerBottom{ margin-bottom: 56px}
.footerBottom ul{ list-style: none;}
.footerBottom ul li{margin: 0 11px;}
.footerBottom ul li:first-child{ margin-left: 20px}
.footerBottom ul li:last-child{ margin-right: 0}
.footerBottom ul li{color: #fff; text-decoration: none; font-size: 16px;font-family: 'Inter Tight';}
.footerBottom ul li a{ color: #fff; text-decoration: none; font-size: 16px;font-family: 'Inter Tight';}
.footerBottom ul.list{ padding-top: 5px}
.footerBottom ul.list li a{ font-size: 16px}
.footerBottom ul.list li:first-child{ margin-left: 0}
.footerBottom ul.list li a img{ vertical-align: text-top;margin-right: 10px;}
.footerBottom ul.list li img{ vertical-align: text-top;margin-right: 10px;}
.footerBottom ul.list li a span{ border-bottom: 1px solid #fff; transition: all 0.2s linear}
.footerBottom ul.list li a:hover span{ border-bottom: none}
.footerText p{ color:#fff; font-size: 16px;font-family: 'Inter Tight';}
.header{ display: none;}
.overflowY{ overflow-y: hidden} .press{ cursor: pointer}
.prBox .lightboxInText{ height: 78vh; overflow-y: auto}
.prBox .lightboxInText h2{ font-size: 28px; font-family: 'Inter Tight Bold'; border-bottom: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;margin-bottom: 30px;}
.prBox .lightboxInText p{ font-size: 18px; line-height: 145%}
.prBox .lightboxInText h3{ font-size: 22px; margin-bottom: 10px;}
.prBox .lightboxInText h4{font-size: 20px; margin-bottom: 10px;}
.prBox .lightboxInText ul{ list-style: disc outside; margin-bottom: 30px; padding-left: 20px}
.prBox .lightboxInText ul li,
.prBox .lightboxInText ol li { font-size: 18px; line-height: 145%; color: #222; margin-bottom: 10px;
font-family: 'Inter Tight Light';}
.prBox .lightboxInText ul li strong,
.prBox .lightboxInText ol li strong {font-family: 'Inter Tight Bold';}
.prBox .lightboxInText ul li a,
.prBox .lightboxInText ol li a {color:#1C4966; text-decoration: none; transition: all 0.2s linear}
.prBox .lightboxInText ul li a:hover,
.prBox .lightboxInText ol li a:hover{text-decoration: underline;}
.prBox .lightboxInText p a{color:#1C4966; text-decoration: none;transition: all 0.2s linear}
.prBox .lightboxInText p a:hover{ text-decoration: underline;}
.prBox .lightboxInText p a strong{font-family: 'Inter Tight Bold';}
.prBox .lightboxInText p strong{font-family: 'Inter Tight Bold';}
.prBox .lightboxInText ol{ list-style: decimal outside; margin-bottom: 30px;padding-left: 20px}
.press:hover .pressrt a{ border-bottom: none;} .masonry-grid {
column-width: 300px;
column-gap: 5px;
padding:66px 0;
}
.masonry-item {
overflow: hidden;
display:flex;
align-items: stretch;
justify-content: center;
border-radius: 16px;
margin-bottom: 5px;
}
.masonry-item img {
width: 100%;
display: block;
object-fit: cover;
object-position: center;
border-radius: 16px;
transition: transform 0.4s ease;
cursor: url(//eminencehomes.co/wp-content/themes/eminencehomes/images/zoom-icon.svg), auto; }
.masonry-item img:hover {
transform: scale(1.05);
border-radius: 16px;
}
.lb-details{ display:none}
#lightbox{ background: none}
.lightboxOverlay{background: rgba(1, 22, 30, 0.5) !important; opacity: unset !important;}
.page-template-faqs-page .latestBlogIn{ display: block;
opacity: 1;}
p{ clear:both}
.alignright{float: right;clear: right;margin: 15px;}
.alignleft{ float: left;margin: 15px; clear: left}
.aligncenter{ text-align: center;margin:0 auto 15px;display: block;}
.mb60{ margin-bottom: 60px}
.mb40{margin-bottom: 40px}
.mb30{margin-bottom: 30px}
.mb20{margin-bottom: 20px} @media (max-width: 575.98px) {
.navbar{ display: none}
.banner h1{ font-size: 36px}
.banner p{ font-size: 16px; margin-bottom: 25px}
.banner h1 br,
.banner p br{ display: none;}
.outerBanner .bannerForm{ background: none; padding:0; width: auto}
.outerBanner .textField{ padding:18px 28px; border-radius: 40px; margin-bottom: 16px}
.outerBanner .bnnerBtn{ font-size: 16px}
.quality,
.customerSay,.build,.value,.virtual{ padding: 44px 0}
.value{ padding-top:0}
.qualityTitle .col.col-8{ width: 82.67%;}
.qualityTitle h2{ font-size: 32px;}
.qualityTitle p,
.itemHd p,.buildIn p,.modernIn p,.virtualIn p{ font-size: 16px}
.buildIn p{ margin-bottom: 30px} .itemHd h2{ font-size: 18px}
.Itemprice h3{font-size: 20px}
.homeInfoIn p{ font-size: 14px}
.customerSay h2{ font-size: 16px; margin-bottom: 20px}
.customerSay .say .item p{font-size: 24px;margin-bottom: 44px;}
.customerSay .say .item h4{ font-size: 18px}
.customerSay .say .item span{font-size: 16px; margin-bottom: 21px}
.customerSay .say .item img{ width: 30px; height: auto; margin: 0 auto 9px}
.videoitems{margin-bottom: 44px;}
.build{ height: auto}
.position-absolute{position: relative;width: auto;top: 30px;right: -15px;}
.buildIn {padding-top:0;}
.buildIn h2,.virtualIn h2{ font-size: 32px; line-height: 130%; margin-bottom: 18px}
.valueIn h2{ font-size: 24px;padding-top: 24px;}
.valueIn{ padding-bottom: 24px;}
.value .container .row .valueIn:last-child{ padding-bottom: 0}
.modern{ height: auto; padding-bottom: 44px}
.modernIn{ padding: 44px 15px}
.modernIn h2 {font-size: 32px;margin: 0;line-height: 140%;margin-bottom: 16px;}
.modernIn h2 br{display: none;}
.modernIn p{ margin-bottom: 22px}
.modernIn p br{ display:none}
.modernIn .bannerForm{ width: auto}
.virtualIn p{ margin-bottom: 25px; line-height: 140%}
.video-caption{ bottom: 22px}
.video-caption h3{font-size: 20px;line-height: 130%;}
.video-caption p{ font-size: 14px}
.video-thumbnail:before{background-size: 40px;width: 40px;height: 40px;}
.video-thumbnail video[poster] {aspect-ratio: 5 / 4;object-fit: fill;}
footer{ padding-top:40px}
.footerTop h2{ font-size: 32px; line-height: 130%; margin-bottom: 20px; text-align: center}
.footerBottom{margin-bottom:30px}
.footerBottom .col.col-8.flex.align-center{flex-direction: column;align-items: center;text-align: center;}
.footerBottom .flex.list.justify-flex-end {justify-content: center !important;}
.footerBottom .col.col-8.flex.align-center img{ margin-bottom: 15px}
.footerBottom .col.col-8.flex.align-center .flex{ flex-direction: column}
.footerBottom .col.col-8.flex.align-center .flex li{ margin-bottom: 15px; margin-left: 0}
.footerTop .bannerForm {width: auto !important;} .txtHd {padding: 42px 15px;}
.txtHd h1{ font-size: 36px; line-height: 120%}
.txtHd p{ font-size: 16px}
.set > h3 > span{ max-width: 320px;width: auto;}
.set > h3{ font-size: 20px}
.accordionContent p{ font-size: 16px}
.set{ padding-bottom: 30px; margin-bottom: 30px}
.accordion-container{ padding-bottom:44px} .workft h2{ font-size: 20px; margin-bottom: 30px}
.workrt ul{flex-direction: column;align-items: start;justify-content: unset;}
.workrt ul li{ margin-bottom: 15px}
.workrt ul li:last-child{ margin-bottom: 0}
.press{ padding: 30px 0;}
.pressft{ margin-bottom: 15px}
.pressft h3{ font-size: 20px}
.pressrt{ text-align: left}
.pressrt a{font-size: 18px;text-align: left;}
.pressOuter {margin-bottom: 44px;}
#loadMore{margin-bottom: 44px; font-size: 16px;font-size: 16px;padding: 14px 30px;} .contactPage{ padding-bottom: 44px}
.contactHd {padding: 16px 15px 44px 15px;}
.contactHd h1{ font-size: 36px; line-height: 120%}
.contactHd p{ font-size: 16px; margin-bottom: 30px}
.contactHd .contactFormIn p{ margin-bottom: 7px}
.contactMap{ padding-left: 15px}
.contactMapIn{ height: auto}
.contactFormInfo ul {display: flex;flex-direction: column;justify-content: start;}
.contactFormInfo ul li{ margin-left: 0; margin-bottom: 15px}
.contactFormInfo ul li:last-child{ margin-bottom: 0}
.contactMapIn iframe{aspect-ratio: 4 / 4;} .txtHd p br{display: none;}
.latestBlogHd{ margin-bottom: 25px}
.latestBlogHd h2 {font-size: 32px;line-height:130%;}
.latestBlog {padding-bottom:44px;}
.blogTxt h3 a{ font-size: 18px}
.latestBlog .col.col-4 {margin-bottom: 30px;}
.latestBlog .col.col-4:last-child{ margin-bottom: 0}
.blogSliderIn .item > img {height:450px;}
.blogSliderText{ width: auto;right: 25px; left: 25px; bottom: 25px}
.blogSliderText h2{ font-size: 22px;}
.blogSliderInfoIn {margin-right: 20px;}
.blogSliderInfoIn:last-child{margin-right:0;}
.blogSliderInfoIn p{ font-size: 15px}
.blogSlider {margin-bottom: 44px;}
.blogSlider .owl-dots {margin-top: 44px;} .blogBanner img{ height: 450px}
.blogBanner {margin-bottom: 44px;}
.blogContent {padding-bottom: 44px;}
.blogContentft {padding-right: 15px;}
.blogContentft h2{ font-size: 28px;line-height: 130%;}
.blogContentft h3{ font-size: 24px;line-height: 130%;}
.blogContentft h4{ font-size: 20px;line-height: 130%;}
.blogContentft p{ font-size: 16px; margin-bottom: 30px}
.blogContentft ul li, .blogContentft ol li { font-size: 16px}
.blogContentft ul,.blogContentft ol{margin-bottom: 30px;}
.blogContentft blockquote p{ font-size: 20px}
.blogContentft blockquote,.blogContentft hr {margin-bottom: 44px;}
.blogAuthorSingleTxt h4{ font-size: 20px; line-height: 100%}
.blogAuthorSingleTxt p{ margin-bottom: 0}
.blogAuthorSingleImg img{ width: 50px; height: 50px;}
.blogContentrt{display: none;}
.similarBlog{ padding: 44px 0}
.similarBlogHd h2{ font-size:32px}
.similarBlogCarousel .owl-nav {top: -89px;} .homesSingleContentIn{ flex-direction: column}
.homesSingleContentTitle h1{ font-size: 36px}
.homesSingleContentTitle p{ font-size: 18px; margin-bottom: 25px}
.homesSingleshare a{ display: inline-block}
.homesSingleshare a img{vertical-align: text-top;}
.homesSingleContentIn,.overviewBox,.homesPrice{margin-bottom: 25px;}
.homesPrice p{ font-size: 30px}
.overview h2,.homeSingleText h2,.Property h2{ font-size: 20px}
.homeSingleText p{ font-size: 16px; margin-bottom: 25px}
.overviewBox {padding: 14px 19px;}
.overviewBox ul li{font-size: 16px;padding-left: 12px;margin-left: 12px;}
.overviewBox ul li img {margin-right: 5px;width: 20px;height: auto;}
.homeSingleText .contactUsBtn {padding: 15px 30px;font-size: 16px;margin-bottom:0;}
.homeSingleText {margin-bottom: 44px; }
.PropertyListIn {margin-right: 0;}
.PropertyListIn ul li { font-size: 16px}
.PropertyList.flex{ justify-content: space-between}
.homesSingle,.birds{ padding-bottom: 44px}
.explore,.calculator {padding-bottom: 44px;margin-bottom: 44px;}
.birdsMap iframe{ height: auto;aspect-ratio: 4 / 5}
.birdsMap .wpgmza_map{height: auto;aspect-ratio: 4 / 5}
.letChat h3{ font-size: 32px}
.letChat {padding: 30px;}
.letChatFormIn p{ font-size: 16px}
.letChatFormInSubmit [type="submit"]{ font-size: 16px; padding: 15px 0;}
.letInfoTxt h4{ font-size: 18px}
.letInfoTxt p{ font-size: 14px}
.letEmail p a,.office p a{ font-size: 16px}
.letaddress{flex-direction: column;align-items: center;}
.letaddress .office {margin-bottom: 20px;margin-left: 0;}
.explore h2,.calculator h2,.birds h2{ font-size: 28px}
.calculator p{ font-size: 16px; line-height: 140%}
.Property{ margin-bottom: 30px} .gallery{margin-bottom: 44px;}
.gallery .owl-dots{ margin-top: 44px}
.gallery .owl-carousel .owl-stage-outer {overflow: hidden;}
.gallerySlider.owl-carousel .item {display: flex;height: 400px;align-items: center;}
.gallerySlider.owl-carousel .owl-item.active img{height: 400px;}
.gallerySlider.owl-carousel .owl-item img {height: 400px;} .who {padding: 42px 15px;}
.whoHd h1{ font-size: 36px;line-height: 120%;}
.whoHd p{font-size: 16px; margin-bottom: 30px}
.whoHd a{ font-size: 18px}
.mission{ padding: 44px 0; min-height: auto}
.missionText h2{ font-size: 32px;line-height: 100%;}
.missionText p{ font-size: 16px}
.missionImg{ position: relative; width: 95%; margin-top:30px; margin-bottom: 20px;
text-align: center}
.values,.commitment,.join{ padding: 44px 0}
.valuesHd {padding-bottom: 30px;}
.valuesHd h2,.join h2,.commitment h2{font-size: 32px;}
.valuesHd p,.join p{ font-size: 16px}
.pd50 {padding: 0;}
.valuesBox h3{ font-size: 20px}
.valuesBox p{ font-size: 16px}
.values .row.justify-center.pd50 .col.col-4:last-child .valuesBox{ margin-bottom: 0}
.commitment p{ font-size: 20px}
.join .col.col-8{width: 100%;}
.join .contactUsBtn{ margin-top: 0} .team {padding: 120px 0 44px;}
.teamIn h2{ font-size: 16px; margin-bottom: 15px}
.teamIn h1{font-size: 36px;line-height: 120%;}
.teamIn p{ font-size: 16px}
.teamCarousel .item img{ height: auto}
.teamIn {padding-bottom: 30px;}
.lightboxIn.flex.align-center{ flex-direction: column}
.lightboxInImg {margin-right: 0; margin-bottom: 30px}
.lightbox-content{ overflow-y: auto; padding: 30px}
.lightboxInText h3{ font-size: 20px}
.lightboxInText h4{ font-size: 16px}
.lightboxInText p{ font-size: 16px}
.close{ top:5px} .availableHomes{ padding-bottom: 14px;}
.availableHomesTabs{ margin-bottom: 30px; gap:15px}
.availableHomesTabs button{font-size: 16px;padding: 12px 20px;line-height: 20px}
.availableHomes #loadMore{margin-bottom:30px;}
.calculatorHD{ margin-bottom: 30px}
.calculatorrt{ margin: 0 15px; padding: 30px;}
.payment h4{ font-size: 32px}
.payment .pm span{ font-size: 16px}
.flexcalculatorrtinn .col{ width: 50%; margin-bottom:10px;}
.flexcalculatorrtinn h4{ font-size: 20px} .prBox .lightboxInText h2{ font-size: 24px;}
.prBox .lightboxInText p{ font-size: 16px;}
.prBox .lightboxInText h3{ font-size: 20px;}
.prBox .lightboxInText h4{ font-size: 18px;}
.prBox .lightboxInText ul li, .prBox .lightboxInText ol li{ font-size: 16px;}
.alignright{float: none;clear: right;margin: 15px;}
.alignleft{ float: none;margin: 15px; clear: left}
.aligncenter{ text-align: center;margin:15px;display: block;}
.mb60{ margin-bottom: 40px}
.PropertyListIn h3{ font-size: 18px} .quality .owl-carousel .owl-nav{ position: absolute; top:40%; right:unset; width:100%}
.quality .owl-carousel .owl-nav .owl-prev {margin-right: 0;position: absolute;left: -12px;}
.quality .owl-carousel .owl-nav .owl-next{position: absolute;right: -12px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.navbar{ display:none}
.banner h1{ font-size: 42px;}
.banner p{line-height: 160%;}
.banner p br{ display: none; margin-bottom: 46px}
.quality,.customerSay,.virtual,.value{ padding:55px 0}
.qualityTitle h2{ font-size: 42px}
.qualityTitle p{width:440px; font-size: 16px; line-height: 145%;}
.quality .owl-carousel .owl-nav {top: -90px;}
.customerSay .say .item p{ font-size: 42px; margin-bottom: 55px}
.customerSay .say .item h4{ font-size: 28px}
.build{padding: 44px 0 0;height: auto;}
.position-absolute{position: relative;top: 55px;width: auto;right: -15px;margin-bottom: 40px;}
.buildIn{ padding-top: 0}
.buildIn h2,.modernIn h2,.virtualIn h2,.footerTop h2{ font-size:38px;line-height: 140%;}
.buildIn p{ font-size: 18px;margin-bottom: 30px;}
.valueIn{ padding-bottom: 30px}
.valueIn:last-child{ padding-bottom:0}
.valueIn h2{ font-size: 28px}
.modernIn{ padding: 55px 15px 40px}
.virtualIn p,.modernIn p{ font-size: 18px}
footer{ padding-top: 55px}
.footerTop h2{ margin-bottom: 30px}
.footerBottom  .col.col-4.flex.align-center{justify-content: center}
.footerBottom .flex.list.justify-flex-end {justify-content: center !important;}
.footerTop{ text-align: center}
.footerBottom{ margin-bottom: 36px;}
.modern{ height: auto; padding-bottom: 55px} .txtHd {padding: 42px 15px;}
.txtHd h1{ font-size: 42px}
.txtHd p{ font-size: 16px}
.set > h3 > span{ max-width: 500px;width: auto;}
.set > h3{ font-size: 20px}
.accordionContent p{ font-size: 16px}
.set{ padding-bottom: 30px; margin-bottom: 30px}
.accordion-container{ padding-bottom:55px} .workft h2{ font-size: 22px; margin-bottom: 30px}
.workrt ul li img{ height: 21px;width: auto;}
.press{ padding: 30px 0;}
.pressft{ margin-bottom: 15px}
.pressft h3{ font-size: 22px}
.pressrt{ text-align: left}
.pressrt a{font-size: 18px;text-align: left;}
.pressOuter {margin-bottom: 55px;}
#loadMore{margin-bottom: 55px;} .contactPage{ padding-bottom: 55px}
.contactHd {padding: 16px 15px 55px 15px;}
.contactHd h1{ font-size: 42px;}
.contactHd p{ margin-bottom: 30px}
.contactHd .contactFormIn p{ margin-bottom: 7px}
.contactMap{ padding-left: 15px}
.contactMapIn{ height: auto}
.contactFormInfo ul {display: flex;flex-direction: column;justify-content: start;}
.contactFormInfo ul li{ margin-left: 0; margin-bottom: 15px}
.contactFormInfo ul li:last-child{ margin-bottom: 0}
.contactMapIn iframe{aspect-ratio: 4 / 4;}
.gallery{margin-bottom: 55px;}
.gallery .owl-carousel .owl-stage-outer {overflow: hidden;}
.gallerySlider.owl-carousel .item {display: flex;height: 400px;align-items: center;}
.gallerySlider.owl-carousel .owl-item.active img{height: 400px;}
.gallerySlider.owl-carousel .owl-item img {height: 400px;} .latestBlogHd h2{ font-size: 38px; line-height: 130%}
.blogSliderInfoIn:last-child{margin-right:0;}
.txtHd p br{display: none;}
.latestBlogHd{ margin-bottom: 30px}
.latestBlog {padding-bottom:55px;}
.latestBlog .col.col-4 {margin-bottom: 30px;}
.latestBlog .col.col-4:last-child{ margin-bottom: 0}
.blogSliderText{ width: auto;right: 45px;}
.blogSliderInfoIn:last-child{margin-right:0;}
.blogSlider {margin-bottom: 55px;} .blogBanner img{ height: 450px}
.blogBanner {margin-bottom: 44px;}
.blogContent {padding-bottom: 55px;}
.blogContentft {padding-right: 15px;}
.blogContentft h2{ font-size: 30px;line-height: 130%;}
.blogContentft h3{ font-size: 26px;line-height: 130%;}
.blogContentft h4{ font-size: 24px;line-height: 130%;}
.blogContentft p{ font-size: 18px; margin-bottom: 30px}
.blogContentft ul li, .blogContentft ol li { font-size: 18px}
.blogContentft ul,.blogContentft ol{margin-bottom: 30px;}
.blogContentft blockquote p{ font-size: 24px}
.blogContentft blockquote,.blogContentft hr {margin-bottom: 44px;}
.blogAuthorSingleTxt h4{ font-size: 24px; line-height: 100%}
.blogAuthorSingleTxt p{ margin-bottom: 0}
.blogAuthorSingleImg img{ width: 60px; height: 60px;}
.blogContentrt{display: none;}
.similarBlog{ padding: 55px 0}
.similarBlogHd h2{ font-size:38px}
.similarBlogCarousel .owl-nav {top: -89px;} .gallery{margin-bottom: 55px;}
.gallery .owl-dots{ margin-top: 55px}
.gallery .owl-carousel .owl-stage-outer {overflow: hidden;}
.gallerySlider.owl-carousel .item {display: flex;height: 450px;align-items: center;}
.gallerySlider.owl-carousel .owl-item.active img{height: 450px;}
.gallerySlider.owl-carousel .owl-item img {height: 450px;} .who {padding: 42px 15px;}
.whoHd h1{ font-size: 42px;line-height: 120%;}
.whoHd p{font-size: 16px; margin-bottom: 30px}
.whoHd a{ font-size: 18px}
.mission{ padding: 55px 0; min-height: auto}
.missionText h2{ font-size: 32px;line-height: 100%;}
.missionText p{ font-size: 16px}
.missionImg{ position: relative; width: 95%; margin-top:30px; margin-bottom: 20px;
text-align: center}
.values,.commitment,.join{ padding: 55px 0}
.valuesHd {padding-bottom: 30px;}
.valuesHd h2,.join h2,.commitment h2{font-size: 38px;}
.valuesHd p,.join p{ font-size: 16px}
.pd50 {padding: 0;}
.valuesBox h3{ font-size: 24px}
.valuesBox p{ font-size: 16px}
.values .row.justify-center.pd50 .col.col-4:last-child .valuesBox{ margin-bottom: 0}
.commitment p{ font-size: 24px}
.join .col.col-8{width: 100%;}
.join .contactUsBtn{ margin-top: 0} .team {padding: 120px 0 55px;}
.teamIn h2{ font-size: 20px; margin-bottom: 15px}
.teamIn h1{font-size: 42px;line-height: 120%;}
.teamIn p{ font-size: 16px}
.teamCarousel .item img{ height: auto}
.teamIn {padding-bottom: 30px;}
.lightboxIn.flex.align-center{ flex-direction: column}
.lightboxInImg {margin-right: 0; margin-bottom: 30px}
.lightbox-content{ overflow-y: auto; padding: 30px}
.lightboxInText h3{ font-size: 20px}
.lightboxInText h4{ font-size: 16px}
.lightboxInText p{ font-size: 16px}
.close{ top:5px} .availableHomes{ padding-bottom: 25px;}
.availableHomesTabs{ margin-bottom: 30px; gap:15px}
.availableHomesTabs button{font-size: 18px;padding: 15px 25px;line-height: 20px}
.availableHomes #loadMore{margin-bottom:50px;} .homesSingleContentIn{ flex-direction: column}
.homesSingleContentTitle h1{ font-size: 42px}
.homesSingleContentTitle p{ margin-bottom: 25px}
.homesSingleshare a{ display: inline-block}
.homesSingleshare a img{vertical-align: text-top;}
.homesSingleContentIn,.overviewBox,.homesPrice{margin-bottom: 25px;}
.homesPrice p{ font-size: 30px}
.overview h2,.homeSingleText h2,.Property h2{ font-size: 22px}
.homeSingleText p{ font-size: 16px; margin-bottom: 25px}
.overviewBox ul li{ font-size: 20px}
.homeSingleText .contactUsBtn {padding: 15px 30px;font-size: 16px;margin-bottom:0;}
.homeSingleText {margin-bottom: 44px; }
.PropertyListIn {margin-right: 0;}
.PropertyListIn ul li { font-size: 16px}
.PropertyList.flex{ justify-content: space-between; width: 50%}
.itemBox{margin-bottom: 30px;}
.itemImg{height: 300px;}
.homesSingle,.birds{ padding-bottom: 44px}
.explore,.calculator {padding-bottom: 44px;margin-bottom: 44px;}
.birdsMap iframe{ height: auto;aspect-ratio: 4 / 5}
.birdsMap .wpgmza_map{height: auto;aspect-ratio: 4 / 5}
.letChat h3{ font-size: 36px}
.letChat {padding: 34px;}
.letChatFormIn p{ font-size: 16px}
.letChatFormInSubmit [type="submit"]{ font-size: 16px; padding: 15px 0;}
.letInfoTxt h4{ font-size: 18px}
.letInfoTxt p{ font-size: 14px}
.letEmail p a,.office p a{ font-size: 16px}
.letaddress{flex-direction: column;align-items: center;}
.letaddress .office {margin-bottom: 20px;margin-left: 0;}
.explore h2,.calculator h2,.birds h2{ font-size: 28px}
.calculator p{ font-size: 16px; line-height: 140%}
.Property{ margin-bottom: 30px}
.calculatorHD{ margin-bottom: 30px}
.calculatorrt{ margin: 0 15px; padding: 30px;}
.payment h4{ font-size: 32px}
.payment .pm span{ font-size: 16px}
.flexcalculatorrtinn .col{ width: 25%}
.flexcalculatorrtinn h4{ font-size: 20px} .prBox .lightboxInText h2{ font-size: 24px;}
.prBox .lightboxInText p{ font-size: 16px;}
.prBox .lightboxInText h3{ font-size: 20px;}
.prBox .lightboxInText h4{ font-size: 18px;}
.prBox .lightboxInText ul li, .prBox .lightboxInText ol li{ font-size: 16px;}
.alignright{float: none;clear: right;margin: 15px;}
.alignleft{ float: none;margin: 15px; clear: left}
.aligncenter{ text-align: center;margin:15px;display: block;}
.mb60{ margin-bottom: 40px}
}
@media (max-width: 767.98px) {
.modern{ height: auto;}
.modern .col.col-7.flex{ flex-direction: column; padding: 0}
.column,.marquee-content{ flex-direction: row}
.modern .col.col-6.flex{flex-direction: column;padding: 0;}
.marquee img{ margin:0 15px 0 0;height: 200px;width: auto;}
.column.bottom-to-top,.column.top-to-bottom{ width: auto; margin-bottom: 15px}
.marquee{ overflow: unset}
@keyframes scrollTopToBottom {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}
@keyframes scrollBottomToTop {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.footerTop .bannerForm {width: 400px;}
.footerBottom  .col.col-4.flex.align-center{ margin-bottom: 30px}
.footerBottom .flex.list.justify-flex-end{justify-content: flex-start;}
.homesSingleGalleryOuter .homesSingleContentIn,
.homesSingleGalleryOuter .homesPrice,
.homesSingleGalleryOuter .overview,
.homesSingleGalleryOuter .homeSingleText,
.homesSingleGalleryOuter .Property{ display: block}
.homesSingleContent .homesSingleContentIn,
.homesSingleContent .homesPrice,
.homesSingleContent .overview,
.homesSingleContent .homeSingleText,
.homesSingleContent .Property{ display: none}
#sync1 .owl-item img{ height: 450px;}
#sync2 .owl-item img{height: 175px;} .prBox .lightboxInText h2{ font-size: 24px;}
.prBox .lightboxInText p{ font-size: 16px;}
.prBox .lightboxInText h3{ font-size: 20px;}
.prBox .lightboxInText h4{ font-size: 18px;}
.prBox .lightboxInText ul li, .prBox .lightboxInText ol li{ font-size: 16px;}
.missionImg img{ transform: unset;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.banner h1{ font-size: 50px}
.quality,.customerSay{ padding: 66px 0}
.qualityTitle h2,.buildIn h2,
.customerSay .say .item p,.virtualIn h2,.modernIn h2,.missionText h2,
.valuesHd h2,.commitment h2,.join h2
{ font-size: 42px; line-height: 140%}
.modernIn .bannerForm{ width: auto}
.col-md-6{ width: 50%}
.modern{height: 600px;}
.pd50{ padding: 0 15px} .txtHd {padding: 42px 15px;}
.txtHd h1{ font-size: 58px}
.accordion-container{ padding-bottom:66px} .workrt ul li{ margin-left: 15px}
.workrt ul li img{ height: 29px;width: auto;}
.workrt ul li:first-child{ margin-left: 0}
.pressOuter {margin-bottom: 66px;}
#loadMore{margin-bottom: 66px;} .contactPage{ padding-bottom: 66px}
.contactHd h1{ font-size: 58px;}
.contactHd p{ margin-bottom: 30px}
.contactHd .contactFormIn p{ margin-bottom: 7px}
.contactFormInfo ul li{ white-space: break-spaces }
.contactFormInfo ul li:first-child{ white-space:nowrap } .gallery{margin-bottom: 66px;} .txtHd p br{display: none;} .similarBlog{ padding: 66px 0} .who {padding: 42px 15px;}
.whoHd h1{ font-size: 60px;}
.mission{ padding: 66px 0; min-height: auto}
.values,.commitment,.join{ padding: 66px 0} .team {padding: 42px 0 60px;}
.teamIn{ width: 80%}
.teamIn h1{ font-size: 60px} .availableHomesTabs{ gap:15px}
.homeInfoIn {padding: 0 8px;}
.availableHomes{ padding-bottom:40px} .PropertyListIn ul li{ line-height: 145%}
.overviewBox{ padding-bottom: 27px 25px}
.overviewBox ul li{padding-left: 19px;margin-left: 19px; font: 20px}
.letaddress{flex-direction: column;align-items: center;}
.letaddress .office {margin-left: 0;margin-bottom: 30px;}
.footerTop h2,.video-caption h3{ font-size: 40px}
.homesSingleGalleryOuter .homesSingleContentIn,
.homesSingleGalleryOuter .homesPrice,
.homesSingleGalleryOuter .overview,
.homesSingleGalleryOuter .homeSingleText,
.homesSingleGalleryOuter .Property{ display: block}
.homesSingleContent .homesSingleContentIn,
.homesSingleContent .homesPrice,
.homesSingleContent .overview,
.homesSingleContent .homeSingleText,
.homesSingleContent .Property{ display: none}
.itemBox,.homesSingleContentTitle p{ margin-bottom: 30px}
.homesSingleshare a{ display: inline-block}
.calculatorHD{ margin-bottom: 30px}
.calculatorrt{ margin: 0 15px; padding: 30px;}
.payment h4{ font-size: 48px}
.payment .pm span{ font-size: 16px}
.flexcalculatorrtinn h4{ font-size: 20px}
.blogContentft{width: 60%; padding-right: 15px}
.blogContentrt{ width: 40%}
}
@media (max-width: 991.98px) { .header {
background-color: #fff;
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
position: fixed;
width: 100%;
z-index: 3;
display: block;
}
.header ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
background-color: #fff;
height: 100vh;
}
.header li a {
display: block;
text-decoration: none;
color: #01161E;
font-size: 18px;
margin: 0 20px;
padding: 20px 0;
border-top: 1px solid #0000001A;
font-family: 'Inter Tight Medium';
}
.header li:first-child a {
border-top: none
}
.header li a:hover,
.header .menu-btn:hover {
}
.header .logo {
display: block;
float: left;
padding: 15px;
text-decoration: none;
}
.header li.bdr a {
border: 1px solid #1C4966;
border-radius: 40px;
padding: 13px 24px;
margin: 0;
color: #fff;
background: #1C4966;
transition: all .5s ease;
margin: 0 20px;
display: inline-block;
font-size: 15px;
} .header .menuu {
clear: both;
max-height: 0;
transition: max-height .2s ease-out;
} .header .menu-icon {
cursor: pointer;
display: inline-block;
float: right;
padding: 33px 20px;
position: relative;
user-select: none;
}
.header .menu-icon .navicon {
background: #1C4966;
display: block;
height: 2px;
position: relative;
transition: background .2s ease-out;
width: 18px;
}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
background: #1C4966;
content: '';
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
}
.header .menu-icon .navicon:before {
top: 5px;
}
.header .menu-icon .navicon:after {
top: -5px;
} .header .menu-btn {
display: none;
}
.header .menu-btn:checked ~ .menuu {
max-height: 90vh;
display: block;
position: relative;
}
.header .menu-btn:checked ~ .menu-icon .navicon {
background: transparent;
}
.header .menu-btn:checked ~ .menu-icon .navicon:before {
transform: rotate(-45deg);
}
.header .menu-btn:checked ~ .menu-icon .navicon:after {
transform: rotate(45deg);
}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
top: 0;
}
.menuu li.bdr{position: absolute;
top: 450px;
margin: 0 auto;
width: 100%;
text-align: center; opacity:0; transition: all 0.2s linear;display:none}
.header .menu-btn:checked ~ .menuu li.bdr{opacity:1; display:block}
.navbar{ display: none}
.team,.txtHd,.contactHd,.who,.homesSingle{ padding-top:120px}
.contactPage{ padding-top: 0}
.col-md-12{ width: 100%}
.modernIn .txt p br{ display: none}
.contactHd{ margin-bottom: 30px; padding-right: 15px;}
.contactMapIn iframe{ aspect-ratio: 5 / 4}
.work{ flex-direction: column}
.workft, .workrt { width: 100%}
.workft h2 {margin-bottom: 30px;}
.workrt ul li img {width: auto;}
.zoom-image:hover {transform: unset;}
.gallery .owl-carousel .owl-stage-outer {overflow: hidden;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.banner h1{ font-size: 60px}
.quality,.customerSay{ padding: 66px 0}
.qualityTitle h2,.buildIn h2{ font-size: 48px}
.modernIn .bannerForm{ width: auto}
.col-md-6{ width: 50%} .txtHd {padding: 42px 15px;}
.txtHd h1{ font-size: 58px}
.accordion-container{ padding-bottom:66px} .workrt ul li{ margin-left: 15px}
.workrt ul li img{ height: 29px;width: auto;}
.workrt ul li:first-child{ margin-left: 0}
.pressOuter {margin-bottom: 66px;}
#loadMore{margin-bottom: 66px;} .contactPage{ padding-bottom: 66px}
.contactHd h1{ font-size: 58px;}
.contactHd p{ margin-bottom: 30px}
.contactHd .contactFormIn p{ margin-bottom: 7px}
.contactFormInfo ul li{ white-space: break-spaces }
.contactFormInfo ul li:first-child{ white-space:nowrap } .gallery{margin-bottom: 66px;} .txtHd p br{display: none;} .similarBlog{ padding: 66px 0} .who {padding: 42px 15px;}
.whoHd h1{ font-size: 60px;}
.mission{ padding: 66px 0; min-height: auto}
.values,.commitment,.join{ padding: 66px 0} .team {padding: 42px 0 60px;}
.teamIn{ width: 80%}
.teamIn h1{ font-size: 60px} .availableHomesTabs{ gap:15px}
.homeInfoIn {padding: 0 8px;}
.availableHomes{ padding-bottom:40px} .PropertyListIn ul li{ line-height: 145%}
.overviewBox{ padding: 27px 25px}
.overviewBox ul li{padding-left: 19px;margin-left: 19px; font: 20px}
.letaddress{flex-direction: column;align-items: center;}
.letaddress .office {margin-left: 0;margin-bottom: 30px;}
}
.filter-item {
display: none;
}
.filter-item.visible {
display: block;
} .custom-sort-dropdown {
position: relative;
display: inline-block;
}
.dropdown-toggle {
background-color:#fff;
border: 1px solid #fff;
border-radius: 4px;
font-size: 16px;
color: #333;
cursor: pointer;
outline: none;
text-align: left;
position: relative;
width:120px;
} .dropdown-toggle::after {
content: "";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
color: #666;
transition: transform 0.3s ease; background:url(//eminencehomes.co/wp-content/themes/eminencehomes/images/down-arrow-icon.png) no-repeat;
background-size:15px;
width:15px; height:15px;
} .dropdown.active .dropdown-toggle::after {
transform: translateY(-50%) rotate(180deg);
}
.dropdown-menu {
display: block; position: absolute;
top: 100%;
right: 0;
background: #fff;
border: 1px solid #ccc;
border-radius: 16px;
margin-top: 5px;
width: 200px;
z-index: 1000;
list-style: none;
padding: 0;
opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .dropdown.active .dropdown-menu {
opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown-menu li {
border-bottom: 1px solid #E6E6E6;
}
.dropdown-menu li:last-child {
border-bottom: none;
}
.dropdown-menu li a {
display: block;
padding: 10px 15px;
text-decoration: none;
color: #01161E;
font-size: 14px;
transition: all 0.2s ease-in;
}
.dropdown-menu li a:hover {
background: #fffdfd;
}
.dropdown-menu li:first-child:hover a{ border-radius: 16px 16px 0 0;}
.dropdown-menu li:last-child:hover a{ border-radius: 0 0 16px 16px;} .dropdown.active .dropdown-menu {
display: block;
}
.dropdown-menu li a span{font-family: 'Inter Tight Bold';}
.filterButton{display: flex;gap: 5px;align-items: center; margin-right: 20px; cursor: pointer}
.filter-icon{ display: flex}
.filter-icon svg{ width: 20px;}
.filterForm form h3{ font-size: 20px;font-family: 'Inter Tight Bold'; margin-bottom: 20px}
.filterForm form label.labelHD{ font-size: 18px; font-family: 'Inter Tight Light'; margin-bottom: 20px;
display:block; line-height: 18px}
.filterForm form .price-labels{ text-align: center; margin-top:20px}
.filterForm form input[type="range"].multirange.original,
.filterForm form input[type="range"].multirange.ghost,
.filterForm form input[type="range"].multirange.ghost::-webkit-slider-runnable-track
{ width:750px}
input[type="range"].multirange.ghost{}
input[type="range" i]::-webkit-slider-thumb{ background: #fff;} .chk input[type="radio"] {display: none;} .chk .custom-radio {position: relative;cursor: pointer;}
.chk .custom-radio .radio-btn {border: 1px solid #E6E6E6;border-radius:50px;
margin-right: 10px;position: relative;transition:all 0.3s ease-in-out;
width: 55px;height: 35px;background: #fff;display: flex; justify-content: center; align-items: center;}
.chk .custom-radio span.nb{position: absolute;width: 55px;display: flex;justify-content: center;
align-items: center;height: 35px; z-index: 1;top:0; left:0} .chk input[type="radio"]:checked + .radio-btn::after {content: '';position: absolute;
background-color: #707070; border-radius: 50px;  width:55px; height: 35px;
top:0;left:0;border-color:#E6E6E6; color:#fff}
.chk input[type="radio"]:checked + .radio-btn{ border:none;}
.chk input[type="radio"]:checked + .radio-btn + .nb{font-family: 'Inter Tight Medium'; color:#fff} .chk .custom-radio:hover .radio-btn {border-color: #E6E6E6;background: #707070;}
.chk .custom-radio:hover .radio-btn + .nb{color:#fff;font-family: 'Inter Tight Medium';} .chkk{flex-wrap: wrap;}
.chkk label{ width: 50%; margin-bottom: 30px}
.chkk input[type="radio"] {
display: none;
} .chkk .customRadio {
display: flex;
align-items: center;
position: relative;
cursor: pointer;
font-size: 16px;
} .chkk .customRadio .radioBtn {
width: 35px;
height: 35px;
border: 1px solid #E6E6E6;
border-radius: 6px;
margin-right: 10px;
position: relative;
transition: background 0.3s, border-color 0.3s;
} .chkk .customRadio input[type="radio"]:checked + .radioBtn::after {
content: '✓'; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
color: #fff;
} .chkk .customRadio input[type="radio"]:checked + .radioBtn
{background-color: #707070;border-color: #707070;} .chkk .customRadio:hover .radiobtn {border-color: #707070;}
.chkk label sup{font-size:12px;vertical-align: super;margin-left: 3px;}
.filterForm .contactUsBtn{ border:none; cursor: pointer; margin-left: 20px;padding: 12px 24px;}
.filterForm .clear-button{ color:#1C4966; text-decoration: none; border-bottom: 1.5px solid #1C4966;
padding-bottom: 1px; font-family: 'Inter Tight Medium'; transition: all 0.2s linear}
.filerFormBottom { text-align: right}
.filterForm .clear-button:hover{ border-bottom:none}
.lightbox-content.filterLightBox{ width:700px; max-height:700px}
.relative{ position: relative}
.filterLightBox .filterForm{ overflow:auto; height: 80vh;}
@media (max-width: 575.98px) {
.filterForm form input[type="range"].multirange.original,
.filterForm form input[type="range"].multirange.ghost,
.filterForm form input[type="range"].multirange.ghost::-webkit-slider-runnable-track {
width: 340px;}
.lightbox-content.filterLightBox{ width:90%}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.filterForm form input[type="range"].multirange.original,
.filterForm form input[type="range"].multirange.ghost,
.filterForm form input[type="range"].multirange.ghost::-webkit-slider-runnable-track {
width: 570px;}
.lightbox-content.filterLightBox{ width:90%}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.filterForm form input[type="range"].multirange.original,
.filterForm form input[type="range"].multirange.ghost,
.filterForm form input[type="range"].multirange.ghost::-webkit-slider-runnable-track {
width: 650px;}
}
@media (min-width: 992px) and (max-width: 1402.98px) {
.lightbox-content.filterLightBox {width: 65%;}
.filterForm form input[type="range"].multirange.original,
.filterForm form input[type="range"].multirange.ghost,
.filterForm form input[type="range"].multirange.ghost::-webkit-slider-runnable-track {
width: 650px;}
}
@media (max-width: 991.98px) {
.lightbox-content.filterLightBox {width: 90%;}
.filterForm form h3{ font-size: 20px}
.filterForm form label.labelHD{ font-size: 16px}
.filterForm .contactUsBtn{font-size: 16px;}
}
.itemImg{ position: relative}
.rb{ position: absolute;top: 10px;left: 10px;padding: 7px 12px;
color: #fff;font-size: 12px;border-radius: 8px; font-family: 'Inter Tight Bold';
width:150px; text-align: center}
.green{ background:rgba(46,111,64,0.70);}
.gray{ background: rgba(128, 128, 128, 0.70);}
.orange{ background:rgba(255,165,0,0.70);}
.red{ background:rgba(255,0,0,0.70);}
.fixedPosition{ position: fixed; bottom:3px; right:70px;z-index: 2;}
.noUi-connect{ background: #000}
.noUi-horizontal {
height: 3px;
margin: 0 15px;
}
.noUi-horizontal .noUi-handle {
width: 18px;
height: 18px;
right: 0;
top: -8px;
border-radius: 100px;
background: #fff;
border: 3px solid #000;
}
.noUi-handle:after, .noUi-handle:before{ display: none}
.noUi-target {
background: #E6E6E6;
border-radius: 4px;
border: none;
box-shadow:none;
}
@media (max-width: 767.98px) {
.fixedPosition{ position: relative;right: 0;bottom: 0;}
.filerFormBottom{ text-align: center}
} .ps .lightbox-content{ max-width: 400px;}
.ps .lightboxInText h3{ font-size: 24px; margin-bottom: 30px;text-align: center}
.psLink{padding-left: 33%; margin-bottom: 30px}
.psLink li{ margin-bottom: 15px;}
.psLink li a{ text-decoration: none; color:#222;font-family: 'Inter Tight Bold';}
.psLink li a img{     vertical-align: -3px; margin-right: 10px}
.copyLink{ color: #01161E;
background: #fff;
border: 1px solid #01161E;
font-family: 'Inter Tight Bold';
border-radius: 40px;
padding: 10px 28px;
text-decoration: none;
}
.copyLink{ text-align: center; display:block}
.copyLink img{ vertical-align: -3px;margin-right: 5px;}
.animationloading{ background:url(//eminencehomes.co/wp-content/themes/eminencehomes/images/animation.gif) no-repeat;
width:50px; height: 50px; margin: 0 auto;}
.dropdown-menu li a span img{ display:none}
.dropdown .dropdown-toggle img{ vertical-align: bottom;margin-left: 5px;}