@charset "UTF-8";
/* CSS Document */

:root {

--color-primary--100: #031a37;
--color-primary--80: #061d3b;
--color-primary--60: #53718f;
--color-primary--40: #88b3d6;
--color-primary--20: #fefefe;
--color-secondry--100: #f2f2f2;
--color-secondry--80: #ffd700;
--color-secondry--60: #456896;
--color-secondry--40: #0055a4;
--color-secondry--20: #4a6164;
--color-dark: #102e2c;
--color-light: #ffffff;
--color-success: green;
--color-warning: var(--color-secondry--80);
--color-error: #cd0808;
--font-title: "futura-pt", sans-serif;
--font-body: "Lora", serif;
--vh100: 100dvh;
--vw100: 100dvw;
--grid-gap:20px;
--grid-gap--large:40px;
--topbar-height: 100px;
--searchbar-height: 101px;
--listingtop-height: 98px;
--listing-padding:40px;

  @media(max-width:980px){  
    --topbar-height: 80px;
    --listing-padding:30px;
    --searchbar-height: 70px;
    --listingtop-height: auto;
    --grid-gap--large:40px;
    --grid-gap:20px;
  }

    @media(max-width:800px){  
    --listing-padding:25px;
  }
  
} 

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; }
select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000; }
a:focus { outline: none; }
button { border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;  }

html { font-size:62.5%; height:100%; -webkit-text-size-adjust:100%; }
body { background:#fff; font-family: var(--font-body); min-height:100%; font-weight: 400; color: var(--color-primary--100);}
body.fixed { position: fixed;width: 100%;height: 100%;inset: 0;}

section, footer { width:100%; }
.inner {width:100%;margin:0 auto;max-width: 1600px; padding: 0 30px;}
.inner.inner--small { max-width:800px;}
.inner.inner--medium { max-width:1200px;}

.inner-c {  padding: 0 110px!important;} 
.u-bg-color-grey {background-color:var(--color-secondry--100)!important;}

@media (max-width: 980px) {
  body.fixed { position: relative;}

}
 
.grecaptcha-badge { display: none!important;}

/* topbar */
#top {background: var(--color-primary--100);position:fixed;top:0;left:0;height:var(--topbar-height);z-index:9010; transition: all .3s ease-in-out;}

#topblock { height:var(--topbar-height); transition: all .3s ease-in-out; }
#wtop { height:var(--topbar-height); transition: all .3s ease-in-out; }
.logo { position: relative; float:left; height:var(--topbar-height); transition: all .3s ease-in-out;  }
.logo img {float:left;height:100%;padding: 20px 0;}

@media(min-width:801px){
  body:not(.bodysm) #top.trans {background-color: transparent;}
  #topblock.trans {height: 0;}
}
 
/* Headers */
header { float: left; width: 100%; }
h1, h2, h3, h4, h5, h6 {font-family: var(--font-title); font-weight:500; margin:0; text-transform: capitalize;}
h1 { font-size: 3.8rem; line-height: 4.4rem;}
h2 { font-size: 3.4rem;line-height: 3.8rem;}
h3 { font-size: 3rem; line-height: 3.4rem;}
h4 { font-size: 2.6rem; line-height: 3rem;}

.section--title{font-size: 4.8rem; line-height: 5.2rem;}
.section--title-large{font-size: 5.8rem; line-height: 6.2rem;}

@media (max-width: 980px) {
  h1 { font-size: 3.6rem; line-height: 4.2rem;}
  h2 { font-size: 3.2rem;line-height: 3.6rem;}
  h3 { font-size: 2.8rem; line-height: 3.2rem;}
  h4 { font-size: 2.4rem; line-height: 2.8rem;}
  .section--title{font-size: 4.4rem; line-height: 4.8rem;}
  .section--title-large{font-size: 5.4rem; line-height: 5.8rem;}
}

@media (max-width: 667px) {
  h1 { font-size: 3.4rem; line-height: 4rem;}
  h2 { font-size: 3rem;line-height: 3.4rem;}
  h3 { font-size: 2.6rem; line-height: 3rem;}
  h4 { font-size: 2.2rem; line-height: 2.4rem;}
  .section--title{font-size: 3.4rem; line-height: 3.8rem;}
  .section--title-large{font-size: 4rem; line-height: 4.4rem;}
}

@media (max-width: 480px) {
  h1 { font-size: 3rem; line-height: 3.4rem;}
  h2 { font-size: 2.8rem;line-height: 3.2rem;}
  h3 { font-size: 2.4rem; line-height: 2.8rem;}

  .section--title{font-size: 3rem; line-height: 3.4rem;}
  .section--title-large{font-size: 3.8rem; line-height: 4.2rem;}
}


/* Buttons */
.btn-1 {float: left;color: #fff;background: var(--color-secondry--40);text-decoration: none;font-size: 2rem;padding: 10px 20px;text-transform: capitalize;-webkit-appearance: none;appearance: none;-moz-appearance: none;font-family: var(--font-title);font-weight: 400; border-radius: 10px; border: 1px solid var(--color-secondry--40);}
.btn-1:hover {background: var(--color-secondry--60);color: #fff;  border-color: var(--color-secondry--60);}

.btn-2 {float: left;color: #fff;background: var(--color-primary--100);text-decoration: none;font-size: 2rem;padding: 10px 20px;text-transform: capitalize;-webkit-appearance: none;appearance: none;-moz-appearance: none;font-family: var(--font-title);font-weight: 400; border-radius: 10px;  border: 1px solid var(--color-primary--100);}
.btn-2:hover {background: var(--color-primary--80);color: #fff; border-color: var(--color-primary--80);}

.btn-3 {float: left;color: var(--color-primary--100);background: var(--color-secondry--80);text-decoration: none;font-size: 2rem;padding: 10px 20px;text-transform: capitalize;-webkit-appearance: none;appearance: none;-moz-appearance: none;font-family: var(--font-title);font-weight: 400; border-radius: 10px;  border: 1px solid var(--color-secondry--80);}
.btn-3:hover {background:  var(--color-primary--100);color: #fff; border-color: var(--color-primary--100);}


.btn-4 {float: left;color: var(--color-primary--100);background: transparent;text-decoration: none;font-size: 2rem;padding: 10px 20px;text-transform: capitalize;-webkit-appearance: none;appearance: none;-moz-appearance: none;font-family: var(--font-title);font-weight: 400; border-radius: 10px; border: 1px solid var(--color-primary--100);}
.btn-4:hover {background: var(--color-primary--100);color: #fff;}


.whatsapp-btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;font-size: 1.6rem;font-weight: 400;font-family: var(--font-title);color: #fff;background-color: #24d366;padding: 10px 15px;border-radius: 15px;text-decoration: none; margin-bottom: 10px;}
.whatsapp-btn i { font-size: 2rem;}



.btn-box { display: inline-flex; width: 100%; }
.btn-box.center { justify-content: center;}

@media(max-width:667px){
 .btn-1,.btn-2, .btn-3, .btn-4 { padding: 8px 20px;}
}


/* top Navigation */
nav.top, nav.top ul { float:right; }
nav.top { padding-left: 20px; border-left: 1px solid #ededed; }
nav.top li { float:left; margin:0 0 0 15px; position:relative; }
nav.top li:first-child { margin:0; }
nav.top a { float:left; line-height:100px; font-weight: 300; text-transform:capitalize; color:#666; position:relative; text-decoration:none; font-size:1.4rem; letter-spacing:0.05rem; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; }
nav.top a:after { content:""; position:absolute; width:100%; bottom:0px; left:0; background:#ededed; height:0px; transition:background .6s ease; -webkit-transition:background .6s ease; -moz-transition:background .6s ease; -o-transition:background .6s ease; }
nav.top a:hover, nav.top a.active, nav.top a.active2 {color: #0091d2;}
nav.top a:hover:after, nav.top a.active:after, nav.top a.active2:after { color:#ffc424; }
nav.top .fa { font-size:1.4rem; margin-left: 2px; position:relative; }

nav.top ul.social {position: absolute;top: 20px;width: 100%; z-index: 9999;}
nav.top ul.social a {line-height: 0;}

nav.top ul.info {top: 20px;position: relative;}

.bodysm nav.top ul.social { position: relative; float: left; width: auto; top: 0; margin-right: 13px; z-index: 0;}
.bodysm nav.top ul.social a { line-height: 76px; }
.bodysm nav.top ul.info { position: relative; float: left; top: 0; }

 
/* Main Navigation */
nav.main, nav.main ul {float:right;height: var(--topbar-height);display: flex;align-items: center;gap: var(--grid-gap--large);}
nav.main li {float:left;position:relative;}
nav.main li:first-child { margin:0; }
nav.main a {float:left;font-family: var(--font-title);font-weight: 400;text-transform:capitalize;color: #fff;position:relative;text-decoration:none;font-size: 2rem;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;}
nav.main a:after {content:"";position:absolute;width:100%;bottom: -7px;left:0;background:transparent;height: 2px;transition:background .6s ease;-webkit-transition:background .6s ease;-moz-transition:background .6s ease;-o-transition:background .6s ease;}
nav.main a:hover, nav.main a.active, nav.main a.active2 {color: #fff;}
nav.main a:hover:after, nav.main a.active:after, nav.mian a.active2:after {background: #fff;}


.navbtn span:before, .navbtn span:after { position:absolute; content:""; }
.navbtn {float:right;position:relative;top:21px;display:none;cursor:pointer;height:40px;right: -10px;padding:20px 10px 10px;z-index: 9999;}
.navbtn span, .navbtn span:before, .navbtn span:after {width:30px;height:2px;background: #fff;display:block;}
.navbtn span:before { margin:-7px 0 0; }
.navbtn span:after { margin:7px 0 0; }
.navbtn span { -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay:.2s; transition-duration: 0s; transition-delay:.2s; }
.navbtn.open span { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -moz-transition-delay:.2s; transition-delay:.2s; }
.navbtn span:before { -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; -moz-transition-property: margin, -moz-transform; -webkit-transition-duration: .2s; -moz-transition-delay:.2s, 0; transition-property: margin, transform; transition-duration:.2s; transition-delay:.2s, 0;  }
.navbtn.open span:before { margin-top: 0; -webkit-transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -moz-transform:rotate(45deg); transform:rotate(45deg); -moz-transition-delay:0, .2s; transition-delay:0, .2s; }
.navbtn span:after { -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;
-moz-transition-property: margin; -moz-transition-duration: .2s; -moz-transition-delay: .2s, 0; transition-property:margin; transition-duration: .2s; transition-delay: .2s, 0; }
.navbtn.open span:after { margin-top: 0; -webkit-transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -moz-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transition-delay:0, .2s; transition-delay:0, .2s; }
.totop { opacity: 0; visibility: hidden; }



#home-video {height: calc(100vh);width: 100%;position: relative;}
#home-video video {height: 100vh;height: 100%;width: 100%;object-fit: cover; position: absolute;}


/* slider caption */
.caption-box{position: relative;bottom: 0;left: 0;z-index: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: var(--vh100);padding: var(--topbar-height) 2% var(--topbar-height) 2%;text-align: center;color: #fff;gap: var(--grid-gap);text-decoration: none}
.caption-box .capt-title {font-size: 6.8rem;line-height: 7rem;text-wrap-style: pretty;}
.caption-box .capt-desc {font-size: 2rem;line-height: 3.2rem;text-wrap-style: pretty;}

.caption-box .btn {font-size: 2.4rem;margin-top: 10px;padding: 15px 30px;}

@media(max-width:960px){
  .caption-box .capt-title {font-size: 6rem;line-height: 6.4rem;}
  .caption-box .capt-desc {font-size: 2rem;line-height: 3rem;}
}

@media(max-width:800px){
  .caption-box { height: calc(100vh - var(--topbar-height));}
  .caption-box .capt-title {font-size: 5.4rem;line-height: 5.8rem;}
  .caption-box .btn {font-size: 2.2rem; }

}

@media(max-width:667px){
  .caption-box{max-height: 500px;}
  .caption-box .capt-title {font-size: 4.4rem;line-height: 4.8rem;text-wrap-style: balance;}
  .caption-box .capt-desc {font-size: 1.6rem;line-height: 2.6rem;}
  .caption-box .btn {font-size: 1.8rem; padding: 12px 25px;}
}

/* ====================================================================== 
CONTENT
====================================================================== */

#content { padding: 80px 0;}
#content.padding--60 { padding: 60px 0;}
#content.padding--50 { padding: 50px 0;}
#content.padding--40 { padding: 40px 0;}
#content.padding--30 { padding: 30px 0;}
#content.padding--20 { padding: 20px 0;}


#content.banner-image  {padding:100px 0; background-position: center;background-repeat: no-repeat; background-size: cover; position: relative;}
#content.banner-image.large { padding: 150px 0;}
#content.banner-image.fixed { background-attachment: fixed; background-position: bottom;}
#content.banner-image::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: rgb(0 0 0 / 60%);}
#content.banner-image.overlay-10::before { background: rgb(0 0 0 / 10%);}
#content.banner-image header, #content.banner-image .btn-box { position: relative; z-index: 2;}
#content.banner-image header * {color: #fff;}
#content.banner-image header h1 { font-size: 4.4rem;}

#content.bg-image  {padding:100px 0; background-position: center;background-repeat: no-repeat; background-size: cover; position: relative;}
#content.bg-image.large { padding: 150px 0;}
#content.bg-image.fixed { background-attachment: fixed; background-position: bottom;}
#content.bg-image::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: rgb(0 0 0 / 60%);}
#content.bg-image.overlay-10::before { background: rgb(0 0 0 / 10%);}
#content.bg-image.overlay-20::before { background: rgb(0 0 0 / 20%);}
#content.bg-image.overlay-30::before { background: rgb(0 0 0 / 30%);}
#content.bg-image.overlay-40::before { background: rgb(0 0 0 / 40%);}
#content.bg-image.overlay-50::before { background: rgb(0 0 0 / 50%);}
#content.bg-image.overlay-70::before { background: rgb(0 0 0 / 70%);}
#content.bg-image.overlay-80::before { background: rgb(0 0 0 / 80%);}
#content.bg-image.overlay-90::before { background: rgb(0 0 0 / 90%);}


.page-divide {max-width: 1280px;margin-left: auto;margin-right: auto;position: relative;}
.page-divide.small { max-width: 1100px;}
.page-divide::after { position: absolute; content: ""; background-color: #ddd; height: 1px; width: calc(100% - 60px); left: 30px;}

@media(max-width:980px){ 
  #content { padding: 60px 0;}
  #content.banner-image.large , #content.bg-image.large{ padding: 100px 0;}
  #content.banner-image.fixed, #content.bg-image.fixed {background-attachment: initial;}
  .page-divide::after { position: absolute; content: ""; background-color: #ddd; height: 1px; width: calc(100% - 40px); left: 20px;}
  #content.banner-image header h1 { font-size: 3.8rem;}
}

@media(max-width:667px){
  #content.banner-image header h1 { font-size: 3rem;}

}

.content-info {display: flex;flex-direction: row;gap: 40px;position: relative;z-index: 1;}
.content-info .col-2{ flex: 1;}
.content-info .col-1{ flex: 1;}
.content-info .col-33{ flex: 1;}
.content-info .col-66{ flex: 2;} 
.content-info .width-50 { width: 50%;}
.content-info.center{align-items: center;}
.content-info.just-center{ justify-content: center;}
.content-info.reverse{ flex-direction: row-reverse;}
.content-info.column{ flex-direction:column;}
.content-info.column.reverse{ flex-direction:column-reverse;} 
.content-info .padding { padding: 40px 60px;}

.content-info.nogap { gap: 0px;}
.content-info.gap--lg{ gap: 60px;}
.content-info .img{position: relative;overflow: hidden;display: flex;}
.content-info .img img{max-width: 100%;object-fit: cover;object-position: center;}
.content-info .img.min img { min-height: 400px;}
.content-info .img.max { max-height: 500px;}
.content-info .img.contain img {object-fit: contain; width: 100%;}
 
.content-info .img.img--video {align-items: center;justify-content: center;}
.content-info .img.img--video::before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: .1;z-index: 1; transition: all .3s ease-in-out;}
.content-info .img.img--video .play-btn {position: absolute;z-index: 2;display: flex;flex-direction: column;align-items: center;gap: 0px;font-size: 1.6rem;color: #fff;}
.content-info .img.img--video .play-btn i {font-size: 6rem; transition: all .3s ease-in-out;}

.content-info .img.img--video:hover { cursor: pointer;} 
.content-info .img.img--video:hover::before { opacity: .3;}
.content-info .img.img--video:hover .play-btn i { font-size: 7rem;}


.content-info .text { display: inline-block; width: 100%;}
.content-info .bg-overflow-left {background-position: center;background-repeat: no-repeat;background-size: cover;}

.content-info.divide-top { padding-top: 60px; margin-top: 60px; border-top: 1px solid #ddd; }
.content-info.divide-bottom { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #ddd; }


@media(max-width: 980px) {
  .content-info { padding: 0 0px; text-align: center;}
  .content-info, .content-info.reverse,.content-card, .content-info.column.reverse {flex-direction: column;gap: 20px;}
  .content-info.mobile-reverse { flex-direction: column-reverse;}
  .content-info .col-2 , .content-card .col-2, .content-info .width-50 { width: 100%; }
  .content-card ul li { font-size: 1.4rem;}
  .content-info .text-box .highlight { font-size: 3rem;}
  .content-info.gap--lg{ gap: 30px;}  
  .content-info .padding { padding: 25px 25px;}
  .content-info .bg-overflow-left { display: none; }
  .content-info .img.max {max-height: 350px;}
    .content-info .btn-box { justify-content: center;}


}

@media(max-width: 667px) {

  .content-info .text:not(.left), .content-info .title:not(.left), .content-info .sub-title:not(.left){ text-align: center;}
  .content-info .text:has(ul) ul{text-align: left;}
  .content-info .divide:not(.left)::after { left: calc(50% - 30px);}
  .content-info .btn-box { justify-content: center;}
  .content-info .img.max {max-height: 250px;}
  .content-info.center .social-links-inline { justify-content: center;}

}

/* Text Block */

.text {display: inline-block; width: 100%; font-size: 1.8rem;line-height: 1.7;}
.text.text--large { font-size: 2rem; }
.text.text--small {font-size: 1.6rem;line-height: 1.5;}
.text strong { font-weight: 600;}
.text a:not(.m-btn):not(.whatsapp-btn){border-bottom: 1px solid;text-decoration: none;color: var(--color-secondry--40);}

.text ul {display: flex;flex-direction: column;gap: 8px;list-style: disc;list-style-position: outside;padding-left: 15px;}
.text ul.tick {gap: 15px;padding-left: 0;}
.text ul.tick li {padding-left: 40px;position: relative;display: flex;align-items: baseline;}
.text ul.tick li::before {content: "\f058";font-family: var(--fa-style-family,"Font Awesome 6 Free");font-weight: var(--fa-style,900);position: absolute;left: 0;font-size: 2.4rem;color: var(--color-green);line-height: initial;}


.text ul.tick.aqua li::before { color: var(--color-aqua);}
.text ul.tick-x li::before {content: "\f057";}
.text ul.tick.big { gap: 20px;}
.text ul.tick.big li {font-size: 1.8rem;align-items: center;padding-left: 45px;} 
.text ul.tick.big li::before {font-size: 2.8rem;color: #fff;}
.text img {max-width:100% !important; height:auto;}
.text iframe {max-width:100% !important;}
.text img[align="left"] { padding: 10px 20px 20px 0;}
.text img[align="right"] { padding: 10px 0px 20px 20px;}
.text-box {display: grid;width: 100%;padding: 30px 30px;background: #eee;height: 100%;color: var(--color-green);}
.text-box .highlight {font-size: 3.4rem;}
.text-box .text {color: var(--color-green);}

@media(min-width:981px){
  .text.split { webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 60px;-moz-column-gap: 60px;column-gap: 60px;}
}

@media(max-width:980px){
  .text.text--large {font-size: 1.6rem;}
  .text { font-size: 1.5rem;}
  .text ul.tick.big li {font-size: 1.6rem;align-items: center;padding-left: 35px;} 
  .text ul.tick.big li::before {font-size: 2.4rem;color: #fff;}
  .text-box .highlight {font-size: 3rem;}
}


/* property listings*/
 
#property-list {display: inline-grid;grid-gap: 40px;grid-template-columns: repeat(1, minmax(0, 1fr)); width: 100%;}

#property-list.property-list--grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
#property-list > .property-card {display: flex;flex-direction: column;width: 100%;scroll-margin-top: calc(var(--topbar-height) + 20px);}  
#property-list > .property-card .property-card--container {position: relative;display: flex;flex-direction: column;height: 100%;flex: auto;border: 1px solid #ddd;border-radius: 0px;transition: border-color .3s ease-in-out;background: #fff;}
#property-list > .property-card a{  text-decoration: none; color: var(--color-primary--100);}

.property-card .img{ width: 100%;display: flex;border-right: none;position: relative;overflow: hidden;background: none;}
.property-card .img img{position: absolute;left: 0;top: 0;bottom: 0;right: 0;-o-transform: translateZ(0);-moz-transform: translateZ(0);-webkit-transform: translateZ(0);transform: translateZ(0);width: 100%;height: 100%;object-position: center;max-height: 100%;object-fit: cover;transition: all .6s ease-in-out;}
.property-card .img::after{padding-top: 65%;display: block;content: "";overflow: hidden;}

.property-card .img .strapline {position: absolute;bottom: 20px;left: 20px;background-color: var(--color-secondry--80);padding: 10px 10px 8px;font-size: 1.6rem;color: var(--color-primary--100);font-weight: 600;font-family: var(--font-title);text-transform: uppercase;}

.property-card .img .partner-logo{position: absolute;top: 20px;left: 20px;z-index: 5; width: 60px; height: 60px;}
.property-card .img .partner-logo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.property-card .partner {display: inline-flex;padding: 5px 10px;border: 1px solid #ccc;border-radius: 10px;font-size: 1.2rem;gap: 3px;color: var(--color-secondry--40)!important;margin-bottom: 10px;}
.property-card .partner a { color: var(--color-secondry--40)!important;}

.property-card .info {padding: 20px 20px;display: flex;flex-direction: column;gap: 15px;justify-content: flex-start;flex: auto;border: 1px solid #ddd;border-top: 0px;}

.property-card .info header  { display: flex; gap: 10px; text-wrap-style: balance;  } 
.property-card .info header .left {flex: 1;display: flex;flex-direction: column;justify-content: center;gap: 5px;} 

.property-card .info header h2 {color: var(--color-primary--100);font-weight: 600;font-size: 2.6rem;line-height: 3rem;}
.property-card .info header h3 {color: var(--color-primary--100);font-weight: 400;font-size: 1.8rem;font-family: var(--font-body);line-height: 2.2rem;}

.property-card .info header .partner-logo { margin-left: auto; }  
.property-card .info header .partner-logo .img{width: 60px;height: 60px;border: 1px solid #eee;border-radius: 5px;}
.property-card .info header .partner-logo .img img { width: 100%; height: 100%; object-fit: cover; object-position: center;  border-radius: 5px;}



.property-card .info .details{padding: 15px 0;font-weight: 400;font-size: 1.5rem;font-family: var(--font-body);border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;display: flex;flex-direction: column;gap: 7.5px;color: var(--color-secondry--20);}

.property-card .price {position: relative;display: flex;line-height: normal;gap: 0px;justify-content: space-between;align-items: baseline;}
.property-card .price .status {font-size: 2rem;text-align: left;text-transform: capitalize;color: var(--color-primary--100);font-family: var(--font-body);font-style: italic;}
.property-card .price .amount {font-size: 3rem;font-weight: 600;font-family: var(--font-title); }
.property-card .price .amount .vat{ font-size: 1.8rem; font-weight: 400; font-family: var(--font-body);font-style: italic;}


@media (max-width: 980px) {
  #property-list.property-list--grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width: 667px) {
  #property-list.property-list--grid {grid-template-columns: repeat(1, minmax(0, 1fr));}
  .property-card .info header h2{ font-size: 2.8rem;}
  .property-card .info header h3{ font-size: 1.8rem;}
  .property-card .price .status{ font-size: 2.2rem;}
  .property-card .price .amount{ font-size: 2.6rem;}
  .property-card .price .amount .vat{ font-size: 1.6rem;}
}
 
@media (max-width: 480px) {
  .property-card .img .strapline{ font-size: 1.4rem;}
  .property-card .img .partner-logo{z-index: 5; width: 50px; height: 50px;}

  .property-card .info header h2{ font-size: 2.6rem;}
  .property-card .info header h3{ font-size: 1.7rem;}
  .property-card .info .details{ font-size: 1.4rem;}
  .property-card .price .status{ font-size: 2rem;}
  .property-card .price .amount{ font-size: 2.4rem;}
  .property-card .price .amount .vat{ font-size: 1.6rem;}
  
}


/* about us */
#aboutus {  padding: 20px 0 70px; }
#aboutus .textbp h1, #aboutus .textbp h2 { margin: 20px 0; font-size: 2.4rem; line-height: 3rem; }
#aboutus .textbp h3 { margin: 10px 0; font-size: 1.8rem; line-height: 2.4rem; font-weight: 400; color: #333; }

#meetteam { padding: 50px 0 70px;  background: #f6f6f6; }
.team { margin-top: 40px; float: left; width: 100%; }
.team li { margin-bottom: 20px; padding: 0 12px; }
.team li:last-of-type { float: left; }
.team li a { float: left; background: #f6f6f6; border-bottom: 1px solid #ddd; width: 100%; }
.team li a:hover { background: #fff; }
.team li a:focus { outline: none; }
.team .img { width: 100%; display: inline-block; position: relative; overflow: hidden; }
.team .img img { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -o-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); }
.team .img:after { padding-top: 93%; display: block; content: ""; overflow: hidden; border-bottom: 1px solid #d6d6d6;}

.team header { padding: 10px 0; min-height: 125px; }
.team header h3 { color: #333; font-weight: 400; }
.team header span {padding: 20px 0 0 0;color: #333;font-weight: 300;font-size: 1.4rem;letter-spacing: 0.02rem;line-height: 2.2rem;}
.team header span.mre {padding-top: 5px;float: left;width: 100%;color: #25408f;font-size: 1.4rem;}


.team-card { margin-top: 20px; float: left; width: 100%; }
.team-card li { width: 100%; }
.team-card li a { float: left;width: 100%; }
.team-card li a:focus { outline: none; }
.team-card .img { width: 100%; display: inline-block; position: relative; overflow: hidden; }
.team-card .img img { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -o-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); }
.team-card .img:after { padding-top: 93%; display: block; content: ""; overflow: hidden;}

.team-card header { padding: 10px 0 0; }
.team-card header h3 { color: #333; font-weight: 400; }
.team-card header span {padding: 20px 0 0 0;color: #333;font-weight: 300;font-size: 1.4rem;letter-spacing: 0.02rem;line-height: 2.2rem;}
.team-card header span.mre {padding-top: 5px;float: left;width: 100%;color: #25408f;font-size: 1.4rem;}


.pformt3 {float: left;text-align: center;width: 100%;margin: 10px;font-weight: 300;font-size: 1.6rem;color: #333;letter-spacing: 0.6px;}

/* Form Popup */
.white-popup-block { position:relative; background:#fff; padding:30px 50px 50px; width:auto; max-width:900px; margin:20px auto; border-radius:10px; }
.popform {float:left;width:100%;padding: 0 10% 0 0%;}
.pformt {line-height:3.4rem;margin: 10px 0;float:left;width:100%;font-size: 3.4rem;text-align: left;font-family: var(--font-title);font-weight: 500;}
.pformt2 {float:left;text-align:center;width:100%;margin: 10px;font-weight:300;font-size:1.6rem;color:#333;letter-spacing:0.4px;}
.popform label {padding:0 0 0 10px;line-height:2.0rem;float:left;width:100%;font-size: 1.6rem;color: var(--color-primary--100);margin:20px 0 4px;font-weight: 300;}
.popform label span {color: var(--color-error);}
.popform .valbox { float:left; width:100%; }
.popform .selbox { width:100%; }
.popform .valboxcapt { margin:20px 0 0; }
.popform .valboxcapt label { width:50%; text-align:right; margin:12px 0 7px; padding:0 20px 0 0; }
.popform input[type=text], .popform input[type=email], .popform input[type=password], .popform input[type=number], .popform input[type=date]{float: left;width:100%;padding:10px 10px;border: 1px solid #ddd;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;font-size: 1.5rem;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-webkit-appearance:none;appearance:none;font-family: var(--font-body);-moz-appearance:none;color: var(--color-primary--100);}
.popform select { float: left; width:100%; padding:10px 10px; border:1px solid #d6d6d6; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-size:1.4rem; letter-spacing:0.4px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -webkit-appearance:none; appearance:none; -moz-appearance:none; position: relative; background: transparent; z-index: 1; }
.popform select:focus, .popform input[type=text]:focus, .popform input[type=email]:focus, .popform input[type=password]:focus, .popform input[type=number]:focus, .popform input[type=date]:focus { outline: none; }
.popform .val-select { float: left; position: relative; width: 100%; }
.popform .val-select .fa { position: absolute; right: 15px; top: 17px; font-size: 1.6rem; margin: -5px 0 0; z-index: 0; color: #151335; }

.popform #bookerr { float: left; width: 100%; font-size: 1.4rem; color: #da1f12; margin-top: 14px; letter-spacing: 0.04rem; line-height: 2rem; font-weight: 300; }

.popform .valboxcapt input[type=number] { width:50%; }
.popform textarea {-webkit-appearance:none;appearance:none;-moz-appearance:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;float: left;width:100%;padding:10px 10px;border:1px solid #d6d6d6;font-size: 1.5rem;resize:vertical;line-height:2.0rem;font-family:var(--font-body);color: var(--color-primary--100);}

.popform .checkboxes {display: flex;flex-wrap: wrap;gap: 10px;width: 100%;padding-left: 10px;padding-top: 10px;padding: 10px;border: 1px solid #d6d6d6;height: 150px;overflow-x: scroll;}
.popform .checkboxes label {font-size: 1.4rem;margin: 0 0 0 0;padding:8px 10px;width: 100%;line-height: normal;background: #f4f4f4;}
.popform .checkboxes input { position: relative; top: 1px; margin-right: 5px;}
 
.popform button {cursor:pointer;float:right;border:none;background:#25408f;margin: 20px 0 0;text-transform: capitalize;font-size: 1.8rem;}
.popform button:hover {background: var(--color-primary--60);}
.popform button .fa { display: none; margin:0 0 0 10px; position:relative; right:0; }
.popform button:hover .fa { right:-5px; } 
.pformr { float:left; width:100%; padding:0 5%; line-height: 2.5rem; }
.pformr  img {float:left;width:100%;margin-top: 15px;margin-bottom: 15px;} 

.pformr #prop-name { float: left; width: 100%; font-size: 1.6rem; margin-top: 14px; letter-spacing: 0.06rem; font-weight: 300; }
.pformr #prop-price { float: left; width: 100%; font-size: 1.6rem; color: #25408f; letter-spacing: 0.06rem; border-bottom: 1px solid #ddd;  padding-bottom: 7px; }
.pformr #prop-deposit { float: left; width: auto; clear: both; padding: 10px; background: #ffc600; font-size: 1.4rem; color: #333; letter-spacing: 0.06rem; margin-top: 10px; }
.pformr #terms a { float: left; width: auto; clear: both; font-size: 1.4rem; color: #333; letter-spacing: 0.04rem; font-weight: 300; margin-top: 10px; text-decoration: none;   }
.pformr #terms a:hover { text-decoration: underline; color: #000; }

.formreq {float:left;width:100%;margin: 10px 0px 5px;font-size: 2.4rem;color: var(--color-primary--100);text-align: left;font-family: var(--font-title);font-weight: 500;}
.formhouse { float:left; width:100%; border:1px solid #fff; }
.formhouse span { float:left; width:100%; padding:15px 20px; font-size:1.6rem; line-height:2.2rem; }
.formhouse img { float:left; width:100%; }
.formadd { float:left; width:100%;text-align: center;}
.formadd span { float: left; width:100%; }
.formadd .title { line-height:2.0rem; font-size:1.4rem; color:#666; margin:8px 0 0; letter-spacing:0.2px; }
.formadd .ph { font-size:2rem; letter-spacing:0.6px; margin:5px 0 5px;color:#333;font-weight:300;}
.formadd .em a { text-decoration: none; letter-spacing:0.2px; font-size:1.5rem; color:#25408f; }
.formadd .em a:hover { text-decoration:underline; }
.g-recaptcha { float:left; width:100%; margin:20px 0 0; }
.valerr {overflow:hidden;float:left;width:100%;background: var(--color-error);color: #fff;padding:0 10px;height:0;font-size: 1.2rem;margin:0;}
.valbox.valshow .valerr {height:auto;padding: 10px 10px;}

.members .formreq, .members .formadd .title, .formadd .em a { font-size:1.5rem; letter-spacing:0.6px; color: #333;font-weight:300;  }

.members .formadd .ph  {font-size: 1.5rem;}
.members .formadd {margin-top:20px;}
.members .formadd .title {margin:0px 0 0;}


/* Fixed Search */
#topsearch {position:fixed;top:var(--topbar-height);left:0;z-index:9005;background: var(--color-primary--100);height: var(--searchbar-height);padding: 10px 0 25px 0;width:100%;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;}
#topsearch2 { border-bottom:1px solid #d6d6d6; position:fixed; top:220px; left:0; z-index:9002; background:#ededed; height:54px; width:100%; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; }
.bodysm #topsearch {}
#topsearchblock {height: var(--searchbar-height);}
#topsearchblock.althe { height:70px; }
#topsearchblock.hide { display:none; }
.pcount { float:left; line-height:3.4rem; font-size:1.2rem; color:#666; margin:0 0 0 15px; }
.pcount2 { float:left; width:100%; line-height:3.8rem; font-size:1.6rem; color:#333; }
.psavebtn { border:1px solid #DA2129; float:left; line-height:3.4rem; padding:0 8px; color:#DA2129; text-decoration:none; font-size:1.2rem; }
.psavebtn .fa { margin:0 4px 0 0; }
.psavebtn:hover { background:#DA2129; color:#fff; }
.psavedbtn { border:1px solid #DA2129; float:left; line-height:3.4rem; padding:0 10px; color:#fff; background:#DA2129; text-decoration:none; font-size:1.4rem; }
.psavedbtn .fa { margin:0 5px 0 0; }
.selbox {float:right;background:#fff;position:relative;display: flex;align-items: center;}
.selbox select {font-family:var(--font-body);float:left;border: none;border-bottom: 1px solid #ddd;height: auto;padding: 4px 38px 4px 0px;-webkit-appearance: none;-moz-appearance:none;appearance:none;cursor: pointer;background:transparent;width:100%;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;font-size: 1.6rem;position:relative;z-index:10;font-family: var(--font-title);}
.selbox i {position:absolute;right:10px;z-index:9;font-size: 1.4rem;color: var(--color-secondry--40);}
.selbox:hover i {color: var(--color-primary--100);}
.pagestop { float:right; text-align:right; margin:0 0 0 20px; }
.pagestop li { display:inline-block; position:relative; }
.pagestop a { float:left; text-align:center; border:1px solid #d6d6d6; height:38px; line-height:3.8rem; color:#666; text-decoration:none; font-size:1.4rem; padding:0 10px; }
.pagestop a:hover, .pagestop .active { background:#fff; color:#DA2129; }
.pagestop .next a, .pagestop .prev a { background:#666; color:#fff; width:auto; padding:0 10px; letter-spacing:0.4px; font-weight:400; border-color:#01613C; }
.pagestop .next a:hover, .pagestop .prev a:hover { background:#01613C; }
.pagestop .next .fa, .pagestop .prev .fa { font-size:1.4rem; position:relative; }
.pagestop .next .fa { margin:0 0 0 5px; }
.pagestop .prev .fa { margin:0 5px 0 0; }


#results-section {}
#results {display: flex;position: relative;height: 100%;width: 100%;}
#map-area {display: flex; flex: 1 1 auto; width: 50%;position: relative;}

#map-area .map-container {width: 100%;height: 100%;position: relative;overflow: hidden;}


#map-area.extend { width: 70%; }
#map-area .map-holder {width: 100%;height: 100%;position: relative;overflow: hidden;}
#map-area .map-holder #map-display {position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;background: #fff;/* border-right: 1px solid #ddd; */}

#map-area .map-holder a.toggle-map {width: 40px;height: 40px;position: absolute;top: calc(50% - 20px);right: -20px;z-index: 9999;background: #fff;border-radius: 50px;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;text-decoration: none;}
#map-area .map-holder a.toggle-map i {font-size: 2.5rem;color: #25408f;width: 100%;text-align: center;}
#map-area .map-holder a.toggle-map.extended {background: #25408f;}
#map-area .map-holder a.toggle-map.extended i { color: #fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
#map-area .map-holder a.toggle-map:hover {background: #25408f;}
#map-area .map-holder a.toggle-map:hover i { color: #fff; }

.listings {width: 60%;background: #fff;display: flex;padding-left: var(--listing-padding); padding-right: var(--listing-padding); position: relative;right: 0;height: calc(100% - (var(--topbar-height) + var(--searchbar-height)));}

.listings .listing-top {position: fixed;top: initial;left: initial;width: calc(55% - (var(--listing-padding) * 2));padding: 20px 0px;background-color: #fff;display: flex;z-index: 5;height: var(--listingtop-height);flex-direction: column;gap: 0;}
.listings .listing-top header{display: flex;}
.listings .listing-top header h1{font-size: 2.8rem;line-height: 3rem; text-transform: none;}


.listings .listing-top .bottom-info{display: flex;width: 100%;justify-content: space-between;position: relative;align-items: flex-end;}
.listings .listing-top .bottom-info .count{font-size: 1.5rem;color: var(--color-secondry--20);width: 50%;}
.listings .listing-top .bottom-info .count span{color: var(--color-secondry--40); font-weight: 600;}

.listings .listing-top .bottom-info .orderby {width: 50%;/* position: absolute; */right: 0;top: 0;}

.listings .content {background: transparent;/* clear: both; *//* min-height: 600px; */display: inline-grid;grid-gap: 25px;grid-template-columns: repeat(2, minmax(0, 1fr));width: 100%;padding-top: calc(var(--listingtop-height));height: 100%;overflow-y: scroll;padding-bottom: 40px;align-content: flex-start;}
.listings .content li {display: flex;flex-direction: column;width: 100%;}
.listings .content li a { color: var(--color-primary--100); text-decoration: none;}


/*.listings .content .img {display: flex;border-right: none;position: relative;overflow: hidden;background: none;width: 100%;}
.listings .content img {position: absolute;left: 0;top: 0;bottom: 0;right: 0;-o-transform: translateZ(0);-moz-transform: translateZ(0);-webkit-transform: translateZ(0);transform: translateZ(0);width: 100%;height: 100%;object-position: center;max-height: 100%;object-fit: cover;transition: all .6s ease-in-out;}
.listings .content .img::after { padding-top: 55%;display: block;content: "";overflow: hidden;}*/


.listings .content .prop-img {width: 100%;position: relative;height: 15vw;max-height: 300px; min-height: 200px;}
.listings .content .prop-img img.prop-image {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}

.listings .content .prop-img img:not([src]) {visibility: hidden;}

.listings .content .prop-img.prop-img--slider .img-slider {width: 100%;  height: 100%; overflow: hidden;}
.listings .content .prop-img.prop-img--slider .img-slider .swiper-slide {text-align: center;font-size: 18px;background: #fff;}

.listings .content .prop-img.prop-img--slider .img-slider .swiper-arrow { opacity: 0; }
.listings .content .prop-img.prop-img--slider .img-slider.swiper-initialized .swiper-arrow {opacity: 1;}

.listings .content .prop-img.prop-img--slider .swiper-button-next {height: 100%;top: 0;margin: 0;width: 50px; right: 0;transition: all .3s ease-in-out;}

.listings .content .prop-img.prop-img--slider .swiper-button-prev {height: 100%;top: 0;margin: 0;width: 50px; left: 0; transition: all .3s ease-in-out;}

.listings .content .prop-img.prop-img--slider .swiper-button-next:hover {background: linear-gradient(270deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); }
.listings .content .prop-img.prop-img--slider .swiper-button-prev:hover {background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); } 

.listings .content .prop-img.prop-img--slider .swiper-button-next:after, .listings .content .prop-img.prop-img--slider .swiper-button-prev:after { display: none;}
.listings .content .prop-img.prop-img--slider .swiper-button-next i, .listings .content .prop-img.prop-img--slider .swiper-button-prev i { color: #fff; font-size: 28px;}


.listings .content .prop-img .strapline {position: absolute;bottom: 20px;left: 20px;background-color: var(--color-secondry--80);padding: 8px 8px 6px;font-size: 1.4rem;color: var(--color-primary--100);font-weight: 600;font-family: var(--font-title);text-transform: uppercase; z-index: 1;}

.listings .content .prop-img .partner-logo{position: absolute;top: 20px;left: 20px;z-index: 1;width: 50px;height: 50px;}
.listings .content .prop-img .partner-logo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }


.listings .content .partner {display: inline-flex;padding: 5px 10px;border: 1px solid #ccc;border-radius: 10px;font-size: 1.2rem;gap: 3px;color: var(--color-secondry--40);margin-bottom: 8px;}


.listings .content .info {position: relative;width: 100%;display: flex;padding: 15px 20px;border: 1px solid #ddd;border-top: 0px;flex-direction: column;gap: 10px;}


.listings .content .info header  { display: flex; gap: 10px; text-wrap-style: balance;  }
.listings .content .info header h2 {font-size: 2rem;font-weight: 500;line-height: 2.4rem;color: var(--color-primary--100);}

.listings .content .info header .left {flex: 1;display: flex;gap: 7.5px;flex-direction: column;justify-content: center;} 

.listings .content .info header .partner-logo { margin-left: auto; }  
.listings .content .info header .partner-logo .img{width: 50px;height: 50px;border: 1px solid #eee;border-radius: 5px;}
.listings .content .info header .partner-logo .img img { width: 100%; height: 100%; object-fit: cover; object-position: center;  border-radius: 5px;}



.listings .content .info .details{padding: 10px 0;font-weight: 400;font-size: 1.4rem;font-family: var(--font-body);border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;display: flex;flex-direction: column;gap: 7.5px;color: var(--color-secondry--20);}
.listings .content .price {position: relative;display: flex;line-height: normal;gap: 0px;justify-content: space-between;align-items: baseline;}
.listings .content .price .status {font-size: 1.8rem;text-align: left;text-transform: capitalize;color: var(--color-primary--100);font-family: var(--font-body);font-style: italic;}
.listings .content .price .amount {font-size: 2.4rem;font-weight: 600;font-family: var(--font-title);}
.listings .content .price .amount .vat{font-size: 1.6rem;font-weight: 400;font-family: var(--font-body);font-style: italic;color: var(--color-primary--100);}




@media(min-width:1600px){
  .listings  {max-width: 900px;}
  .listings .listing-top  {max-width: 820px;}
}

@media(min-width:981px) and (max-width:1100px){
  .listings .content { grid-template-columns: repeat(1, minmax(0, 1fr));}
}

@media(min-width:981px){
  .listings .content li.highlight .info { border-color: var(--color-secondry--40);}
  .listings .content li.highlight h2  { color: var(--color-secondry--40);}
}

@media(max-width:980px){
  #results{ flex-direction: column;}
  #map-area {flex: none;/* height: 100%; */}

  .listings{flex-direction: column;width: 100%;height: auto; overflow: initial;}
  .listings .listing-top{position: relative;left: 0;top: 0;width: 100%;gap: 0px;padding: 30px 0;}
  .listings .listing-top .orderby{ width: 40%;}
 
  .listings .content{ overflow: hidden;}
  .listings .content .img::after { padding-top: 65%;}
}

@media(max-width:667px){
  .listings .content { grid-template-columns: repeat(1, minmax(0, 1fr));}
  .listings .listing-top header h1{ font-size: 2.4rem; line-height: 2.6rem;}
  .listings .listing-top .bottom-info{ align-items: center;}
  .listings .listing-top .bottom-info .count{ font-size: 1.4rem;}

  .selbox select{  font-size: 1.5rem;}

  .listings .content .prop-img{ height: 60vw;}
}

/* Premium Sales listing*/

#list-s { float:left; width:100%; margin-bottom: 40px; }
#list-s li { padding: 0 12px; }
#list-s li:last-child { float: left; }
#list-s li a { border:1px solid #eee; float:left; background:#fff; width:100%; position:relative; }
#list-s .img { width:100%; display:inline-block; position:relative; overflow:hidden; }
#list-s .img:after { padding-top:65%; display:block; content:""; overflow:hidden; border-bottom:1px solid #d6d6d6; }
#list-s .img img { width:100%; position:absolute; left:0; top:0; bottom:0; right:0; -o-transform:translateZ(0); -moz-transform:translateZ(0); -webkit-transform:translateZ(0); transform:translateZ(0); }
#list-s ul { float:left; width:100%; border-bottom: 1px solid #eee; margin-top: 10px;}
#list-s ul li { float:left;  padding:0 10px; color:#333; text-transform:capitalize; font-size:1.5rem; font-weight:300; letter-spacing:0.6px; line-height:30px; }
#list-s ul li:first-child { border:none; padding:0 0 0 0px; }
#list-s ul li:last-child { border:none; padding:0 0 0 0px; }
#list-s ul img { height:10px; margin:0 8px 0 0; }
#list-s .info { float:left; width:100%; padding:15px; }
#list-s h2 { float:left; width:100%;font-size: 1.8rem; letter-spacing: 0.03rem; font-weight: 300; line-height: 2.4rem; }
#list-s .post { float:left; width:100%; font-size:1.4rem; color:#666; font-weight:300; letter-spacing:0.4px; margin:10px 0 0; }
#list-s .price { float:left; width:100%; margin:15px 0 0; color:#25408f; letter-spacing:0.4px; }
#list-s .status { float:left; margin:2px 10px 0 0; font-size:1.6rem; font-weight:300; }
#list-s .price3 {  float: right; font-size:2.0rem; }

.sale-agr { position:absolute; bottom:0%; left: 0; width:120px; padding:10px; background:rgba(255, 196, 36, 0.9); z-index:999; font-size:1.4rem;  font-weight:300; text-transform:uppercase; color:#333; text-align:center;  }
.sale-sold { background:rgba(255, 196, 36, 0.9); color:#333; }

.boxed {padding: 15px; border-left: 1px solid #ddd; margin-top: 0px;position:relative;right: 0px;z-index: 999; }
.boxed2 { float: left; padding: 20px; text-align: center; background: #ededed; margin-top: 0px;position:relative;right: 0px;z-index: 999; margin-bottom: 40px; }
.boxed2 p { float: left; width: 100%; font-size: 1.4rem; font-weight: 300; color: #333; letter-spacing: 0.05rem; margin-top: 10px; line-height: 2.5rem; }

/* details */

#dev-top { position:relative; top:0; left:0; z-index:9005; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background:#F6F6F6; height:143px; height: auto; width:100%; transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; }
.bodysm #dev-top { top: 0px; }
#dev-topblock { /*height:143px;*/ }
#dev-top .dt-t { display:table; table-layout:fixed; width:100%; height:143px; position: relative;}
#dev-top .dt-t header { float: none; }
#dev-top .dt-t header span { float: left; width: 100%; font-family: var(--font-body); padding:20px 0 17px; font-size: 1.8rem; font-weight: 300; color: #333; ; text-transform: capitalize; }
#dev-top .dt-t header h3 span {float: left;width: 100%;font-family: var(--font-body);padding:12px 0px;font-size: 2rem;font-weight: 300;color: #253f8f;;text-transform: capitalize;}
#dev-top .dcell { display:table-cell; vertical-align:middle; }
#dev-top .dt-t .bckbtn { position: absolute; left: 10px; bottom: 17px; text-decoration: none; font-size: 1.6rem; font-weight: 300; color: #333; letter-spacing: 0.05rem; text-transform: capitalize; }
#dev-top .dt-t .bckbtn:hover { color: #FFC600;  }

#dev-top .dt-t header .status { float: left; width: 100%; font-family: var(--font-body); padding:20px 0 20px; font-size: 1.8rem; font-weight: 300; color: #333; ; text-transform: capitalize; }
#dev-top .dt-t header .status span {float: none; background: #ffc424; padding: 6px 10px; font-size: 1.5rem; }
#dev-top .dt-t header .status span.res {float: none; background: #ED3023; color: #fff; padding: 6px 10px; font-size: 1.5rem; }

#dev-video {  padding: 0px 0; background: #000; }
#dev-video .inner { max-width: 100%; }
#dev-video .inner .c-1 { padding: 0 0; }
#dev-video iframe { width: 100%; height: 600px; }
#dev-video p { float: left; text-align: center; width: 100%; font-size: 1.4rem; font-weight: 300; color: #fff; letter-spacing: 0.05rem; margin-top: 10px; line-height: 2.5rem; }
#dev-video p a { color: #25408f; text-decoration: none; }

#dev-banner { background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important; width: 100%; height: 600px; padding: 0;  }


#dev-details .inner { padding-bottom: 40px; }
#gallery-con { position: relative; overflow: hidden!important; max-height: 700px; }
#gallery-con #gallerybtn {position: absolute;right: 10px;bottom: 10px;background: #253f8f;color: #fff;font-size: 1.4rem;font-weight: 300;;z-index: 999;padding: 10px 15px;}
#gallery-con #gallerybtn i { padding-right: 5px; }
#gallery-con #gallerybtn:hover { cursor: pointer; }

.btnlist { float: left; width: 100%; padding: 0 0 0 20px;  }
.btnlist li { float: left; width: 100%; border-bottom: 1px solid #ddd; }
.btnlist li.show { padding: 20px 10px; }
.btnlist li:first-child { padding: 0px 10px 20px; }
.btnlist li .showtitle { float: left; width: 100%; font-size: 1.6rem; font-weight: 400; color: #333; letter-spacing: 0.05rem; }
.btnlist li:first-child .showtitle { font-size: 2rem; }
.btnlist li .showinfo { float: left; width: 100%; font-size: 1.4rem; font-weight: 300; color: #333; letter-spacing: 0.05rem; margin-top: 10px; line-height: 2.5rem; }
.btnlist li .showinfo strong { font-weight: 400; color: #0092D2; }
.btnlist li a{ float: left; width: 100%; padding: 15px 10px; font-size: 1.5rem; font-weight: 300; color: #333; letter-spacing: 0.05rem; text-decoration: none; line-height: 2rem; }
.btnlist li a:hover { cursor: pointer; }
.btnlist li a:focus { outline: none; }
.btnlist li a strong { font-weight: 400; }
.btnlist li a i { color: #888888; padding-right: 10px; float: left; width: 30px; text-align: center; }
.btnlist li a:hover { background: #f6f6f6; }
.btnlist li a:hover i { color: #ffc600;  }
.btnlist li:last-child { border-bottom: none; }

.btnlist li.booknow { border-bottom: none; }
.btnlist li.booknow a { background: #da1f12; color: #fff;}
.btnlist li.booknow a i { float: right;color: #fff; margin-top: 2px; }
.btnlist li.booknow a:hover { background: #c12015; }

.agent-con { float: left; width: 100%; margin-bottom: 20px; padding: 20px; background: #f6f6f6; }
.agent-con .img { float: left; width: 40%; padding-right: 15px;}
.agent-con .img img { width: 100%;}
.agent-con h3 { margin-bottom: 15px; }
.agent-con span.ph { float: left; width: auto; margin-right: 15px; }
.agent-con span.ph .icon {display: none;}
.agent-con span.ph .type {float: left; width: 100%; padding: 5px 0; font-size: 1.7rem; font-weight: 300; color: #666; letter-spacing: 0.07rem; }
.agent-con span.ph a { float: left; width: 100%; padding: 5px 0; font-size: 1.5rem; font-weight: 300; color: #25408f; letter-spacing: 0.05rem; text-decoration: none;  }
.agent-con span.email { float: left; width: auto; }
.agent-con span.email .icon { display: none; }
.agent-con span.email a { float: left; background: #25408f; margin-top: 15px; line-height: 4.8rem; font-size: 1.6rem; padding: 0 30px; text-transform: capitalize; text-decoration: none; color: #fff; font-weight: 300; ; }
.agent-con span.email a:hover { background: #0c9ed9; }



#dev-tabs {background: #f4f4f4;min-height: 62px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
#dev-tabs .box {/* background: #fff; */width: 100%;top: 0;z-index: 9990;left: 0;}
#dev-tabs .box.fix {position: relative; z-index: 99; }
#dev-tabs .c-1 { }
#dev-tabs .box.fix .c-1 { border: none; }
#dev-tabs ul {float: left;width: 100%;text-align: center;}
#dev-tabs li { display: inline-block; margin-bottom: -2px; border-right: 1px solid #ddd; }
#dev-tabs li:last-child { border: none; }
#dev-tabs a {float: left;color: var(--color-primary--100);text-transform: capitalize;font-weight: 400;font-size: 1.8rem;line-height: 2rem;padding: 20px 20px;text-decoration: none;font-family: var(--font-title);}
#dev-tabs a i {color: var(--color-secondry--40);padding-right: 10px;float: left;width: 30px;margin-top: 1px;text-align: center;}
#dev-tabs.newpage a { float: left; color: #333; text-transform: capitalize; letter-spacing: 0.05rem; font-weight: 300; font-size: 1.4rem; line-height: 3rem; padding: 0 30px 10px; text-decoration: none;  }
#dev-tabs a:hover, #newcar-tabs a.active {color: var(--color-secondry--40);}
  #dev-tabs li a .fa-arrow-right-long { display: none;}

.developments { background: #f6f6f6; padding: 30px 0 50px; }
.dev-list { float:left; width:100%; }
.dev-list li { padding: 0 10px; }
.dev-list li:nth-child(4n+1) {clear: both;}
.dev-list li:last-child { float: left!important; padding-right: 10px; }
.dev-list li a { border: 1px solid #eee; float:left; background:#fff; width:100%; position:relative; margin-bottom: 20px; }
.dev-list li a:hover { background: #f4f4f4; }
.dev-list .img { width:100%; display:inline-block; position:relative; overflow:hidden; }
.dev-list .img:after { position: relative; padding-top:65%; display:block; content:""; overflow:hidden; border-bottom:5px solid #ffc600; }
.dev-list .img img { width:100%; position:absolute; left:0; top:0; bottom:0; right:0; -o-transform:translateZ(0); -moz-transform:translateZ(0); -webkit-transform:translateZ(0); transform:translateZ(0); }
.dev-list .info { float:left; width:100%; padding:10px 15px 15px; }
.dev-list h3 { font-family: var(--font-title); color: #333; text-transform: capitalize; font-size: 2rem; line-height: 2.6rem; letter-spacing: 0.05rem; font-weight: 500; }
.dev-list .post { float: left; width: 100%; font-size: 1.6rem; color: #666; font-weight: 300;letter-spacing: 0.05rem; margin: 10px 0;}
.dev-list .price {float: left;width: 100%;margin: 8px 0 0;padding: 8px 0px 0px;color: #253f8f;}
.dev-list .status {display: inline;font-size: 1.6rem; font-weight: 300; line-height: 3rem;}
.dev-list .price3 { float: right; font-size: 2rem; line-height: 3rem; }
.dev-list .price.agreed-text { color: #333!important; background: rgb(255, 198, 0); text-align: center; padding: 4px 10px; width: auto; font-weight: 300; letter-spacing: 0.05rem; font-size: 1.6rem; margin-top: 8px; }
.dev-list .price.res-text {color: #fff!important;background: rgb(237, 48, 35);text-align: left;padding: 4px 10px;width: 100%;font-weight: 300;letter-spacing: 0.05rem;font-size: 1.6rem;margin-top: 8px;}
.dev-list .price.res-text .status {font-size: 1.4rem;}
.dev-list .price-sales { text-align: left!important; }

#key-det { padding-bottom: 40px; }
.keydetails { list-style: none; display: inline-block; margin: 0; padding: 0 0 0 20px; width: 100%; margin-top: 30px; }
.keydetails li { float: left; width: 100%; border-bottom: 1px solid #ddd; padding: 17px 10px; }
.keydetails .dt1 { float: left; width: 50%; padding: 0; font-size: 1.5rem; font-weight: 400; color: #333; letter-spacing: 0.07rem; }
.keydetails .dt2 { float: left; width: 50%; padding: 0; font-size: 1.5rem; font-weight: 300; color: #333; letter-spacing: 0.05rem;}
.keydetails .dt2 text span { color: #ffc600; }

.keydetails .stamp { float: left; width: 100%; position: relative; padding: 10px 10px 0px; }
.keydetails .stamp span {  font-size: 1.4rem; font-weight: 300; color: #333; letter-spacing: 0.05rem; color: #333; line-height: 2.6rem; }
.keydetails .stamp span span { color: #ffc600; position: absolute; left: -3px; }

.keydetails-img { float: left; width: 100%; position: relative; }
.keydetails-img .img { padding-top: 10px; width: 100%; display: inline-block; }
.keydetails-img .img img { max-width: 100%; max-height: 235px; display: block; margin: 0 auto; }
.keydetails-img .textbp { color: #666; font-size: 1.6rem; }

#dev-desc.disable a.rd-more { display: none; }
#dev-desc.disable .text:after { display: none; }
#dev-desc { background: #f4f4f4}
#dev-desc .text {max-height: 500px;overflow: hidden;margin-bottom: 20px;position: relative;}
#dev-desc .text:after {position: absolute;content: "";opacity: 1;width: 100%;height: 140px;bottom: 0;left: 0;background: #F4F4F4;background: linear-gradient(0deg,rgba(244, 244, 244, 1) 0%, rgba(244, 244, 244, 0) 100%);}
#dev-desc a.rd-more {float: left;color: #fff;background: var(--color-secondry--40);text-decoration: none;font-size: 2rem;padding: 12px 20px;text-transform: capitalize;-webkit-appearance: none;appearance: none;-moz-appearance: none;font-family: var(--font-title);font-weight: 400;border-radius: 10px;display: flex;gap: 10px;}
#dev-desc a.rd-more:hover {cursor: pointer;background: var(--color-primary--100);}
#dev-desc .rd-more-txt {}
#dev-desc .rd-more i {font-size: 2rem;color: #fff;}
#dev-desc.extend .text { max-height: 100%; overflow: visible; }
#dev-desc.extend .text:after { opacity: 0; }
#dev-desc.extend .rd-more i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }/* Footer */

#dev-desc .text h3 { margin: 30px 0; font-family: var(--font-title); color: #333; text-transform: capitalize; font-size: 2.8rem; line-height: 3.4rem; letter-spacing: 0.05rem; font-weight: 500; }
#dev-desc .text table { margin-bottom: 20px; }
#dev-desc .text table td {padding: 12px 8px 12px 0px!important;border: 0px; border-top: 1px solid #EAEAEA!important; }
#dev-desc .text table td:first-child {font-weight: 400; text-transform: lowercase;}
#dev-desc .text table tr { border-bottom: 1px solid #EAEAEA!important; }

#dev-desc .feats { float:left; width:100%;}
#dev-desc .feats li { float: left; width:50%; vertical-align:top; padding:5px 15px 5px 20px; position:relative; color: #333; font-weight: 300; font-size: 1.5rem; letter-spacing: 0.02rem; line-height: 2.6rem; }
#dev-desc .feats span { width:10px; position:absolute; left:0; top:3px; }
#dev-desc .feats .fa { font-size:0.2rem; color:#299cc0; }

#dev-feat { background: #fff; padding: 30px 0 50px;  }
#dev-feat .feats { float:left; width:100%;}
#dev-feat .feats li { float: left; width:50%; vertical-align:top; padding:5px 15px 5px 20px; position:relative; color: #333; font-weight: 300; font-size: 1.5rem; letter-spacing: 0.02rem; line-height: 2.6rem; }
#dev-feat .feats span { width:10px; position:absolute; left:0; top:3px; }
#dev-feat .feats .fa {font-size:0.2rem;color: #253f8f;}


/* Mortgage Calculator */
#mortgage { background: #f6f6f6; padding-bottom: 40px; }

.mort { float:left; width:100%; background:#f6f6f6; padding:25px 10px 15px; }
.mort li { float:left; width:16.6666666667%; padding:0 5px; }
.mort .mortbtn { float:right; }
.mort li span { float:left; width:100%; text-align:center; color: #393732; font-size: 1.5rem; font-weight: 300; letter-spacing: 0.07rem;}
.mort input[type=text] {float:left;width:100%;background: #fff;border: 1px solid #333;margin:10px 0 0;border:none;padding:12px 10px;font-size:1.6rem;letter-spacing:0.07rem;color: #25408f;font-weight: 300;text-align:center;transition: ease-in-out 0.3s;}
.mort input[type=submit] { float:right; border:none; cursor:pointer;  margin:10px 0 0; }
.mort input[type=text]:focus {outline: none; border-bottom: 1px solid #fff; }

/* news */

#banner-top {position: relative;height: 300px;width: 100%;background-size: cover;background-position: center;}
#banner-top:after {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: var(--color-primary--100);opacity: 0.5;z-index: 99;}
#banner-top .inner {display: flex;height: 100%;align-items: center;}
#banner-top header * {position: relative;z-index: 999;color: #fff;}




.blog { float: left; list-style: none; width: 100%; padding: 0; margin-top: 20px; }
.blog li {float: left;  display: inline-block; display: flex; padding: 0 10px; margin: 30px 0px 0; }
.blog li:last-of-type { float: left!important; }
.blog li .wrap { float: left; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.blog .img { background:#ededed; float:left; width:30%; text-align:center; margin-top: 15px; }
.blog .img img { display:block; margin:0 auto; max-height:300px; max-width:100%; }
.blog .info { float:left; width:70%; padding:15px 30px; }
.blog h2 { margin: 0!important; text-align: left; float:left; width:100%; }
.blog h2 a { text-decoration: none; margin: 12px 0 0; line-height: 26px; float: left; width: 100%; font-weight: 400; font-size: 1.8rem; color: #333; letter-spacing: 0.05rem; }
.blog h2 a:hover { text-decoration:underline; }
.blog .date { font-size: 1.4rem; font-weight: 300; color: #25408f; letter-spacing: 0.05rem; text-transform: capitalize; }
.blog .text { text-align: left; float: left; width: 100%; margin: 10px 0 0; letter-spacing: 0.2px; color: #666; font-size: 1.4rem; line-height: 2.4rem; font-weight: 300; height: 27px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.blog .btn {border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;text-decoration: none;margin: 20px 0 0;float: left;color: #fff;background: #25408f;line-height: 4.0rem;padding: 0 15px;text-transform: uppercase;font-size: 13px;letter-spacing: 2px;font-weight: 200;}
.blog .btn:hover { opacity:0.8; }
.blog .btn .fa { margin:0 0 0 10px; position:relative; right:0; }
.blog .btn:hover .fa { right:-5px; color:#fff; }

.blog.coming-soon li { margin-top: 10px;}
.blog.coming-soon .info {padding-top: 30px; width: 50%;}
.blog.coming-soon .img {width: 50%; background: none;}

#article .side { padding: 0px 20px 20px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }

#article .side .img { width: 100%; float: left; }
#article .side .img img  { width: 100%; }
#article .side a.bckbtn { float: left; background: #fff; padding: 17px 20px; border-right: 1px solid #ddd; font-size: 1.5rem; font-weight: 300; color: #333; letter-spacing: 0.05rem; text-decoration: none; line-height: 2rem; }
#article .side a.bckbtn i { float: left; color: #333; margin-top: 2px; padding-right: 10px; }
#article .side a.bckbtn:hover { background: #ededed; }

#article .side .date {  float: left; font-size: 1.6rem; padding: 15px 0 15px 15px; font-weight: 400;  color: #333; letter-spacing: 0.05rem; }
#article .side .date span { font-size: 1.6rem; font-weight: 300;  color: #25408f; letter-spacing: 0.05rem;  margin-top: 10px; line-height: 2.5rem; }

.addnews { float: right; text-align: left; margin: 20px 0 0; }
.addnews a { margin: 0 6px 0!important; line-height: 26px; display: inline-block; }
.addnews .fa { font-size: 1.8rem; color: #aaa; }
.addnews a:hover .fa { color: #0093d0; }

#article .main { padding: 0 20px 20px; }
#article .main .blogimg { float: left; width: 100%; text-align: center; margin: 0px 0 20px; }
#article .main .blogimg img { max-width: 100%; }
#article .main .newstext { float: left; width: 100%; font-size: 1.4rem; font-weight: 300; color: #333; letter-spacing: 0.05rem; margin-top: 10px; margin-bottom: 40px; line-height: 2.5rem; }
#article .main .newstext strong { font-weight: 400; }
#article .main .newstext a { color: #25408f!important; font-weight: 400; }

/* Pagination */
.pages { float:right; margin:20px 0 30px; width:100%; text-align:right; }
.pages li { display:inline-block; position:relative; margin:10px 5px 0; }
.pages a { float:left; background: #f6f6f6; text-align:center; margin:0 0 0 -1px; width:46px; height:42px; line-height:4.2rem; color:#666; text-decoration:none; font-weight:300; font-size:1.4rem; }
.pages a:hover, .pages .active { background:#0093D0; color:#fff; }
.pages .next a, .pages .prev a { background:#0093D0; color:#fff; width:auto; padding:0 10px; letter-spacing:0.4px; font-weight:300; border-color:#01613C; }
.pages .next a:hover, .pages .prev a:hover { background:#0093D0; color: #fff; }
.pages .next .fa, .pages .prev .fa { font-size:2rem; position:relative; top:2px; }
.pages .next .fa { margin:0 0 0 10px; }
.pages .prev .fa { margin:0 10px 0 0; }
.pages .prev { margin:10px 20px 0 0; }
.pages .next { margin:10px 0 0 20px; }
.pages span { float:left; height:42px; line-height:42px; width:46px; text-align:center; font-size:1.6rem; color:#666; font-weight:600; letter-spacing:0.8px; }


footer {position: relative;background: #fff;border-top: 1px solid #ddd;}
footer .inner {margin: 60px auto 40px;}


.ful {float:left;width:100%;}
.ful li {float:left;width:100%;line-height:2rem;font-size: 1.5rem;font-weight:300;}
.ful h4 {position: relative;font-family: var(--font-title);text-decoration:none;text-transform: capitalize;font-size: 2.4rem;font-weight: 500;color: var(--color-primary--100);}
.ful .ph a {text-decoration:none;font-size:1.8rem;letter-spacing:0.4px;color: var(--color-primary--100);}
.ful .ph a:hover { text-decoration:underline; }

.ful .ph.em { margin-top:0px}
.ful .ph.em a {font-size:1.8rem; }

.ful.lnk li:first-child { margin-bottom: 20px; list-style: none; }
.ful.lnk li {list-style-type: none;}
.ful.lnk a:not(.whatsapp-btn){float: left;text-decoration: none;color: var(--color-primary--100);font-size: 1.6rem;letter-spacing: 0.05rem;margin: 0 0 12px 0;font-weight: 300;}
.ful.lnk a:hover { text-decoration: underline; }
.ful.half li { width: 50%; }
.ful.half li:first-child { width: 100%; }


ul.social {float: left;width: 100%;display: flex;gap: 10px;justify-content: flex-start; margin-top:10px;}
ul.social li:first-child { margin-left: 0px; }
ul.social li {float: left; margin: 0 0 0 12px; padding: 0; position: relative; width: auto; }
ul.social li a {position: relative;display: table-cell;vertical-align: middle;border-radius: 50px;background: #fff;text-align: center;text-decoration: none;color: var(--color-primary--100);opacity: 0.5;transition: visibility 0.6s, opacity 0.6s ease;}
ul.social li a i  { width: 100%; display: table; position: relative; font-size: 2rem; margin-top: 0px; }
ul.social li a:hover { opacity: 1; }

.ft-logo {display: flex; justify-content: flex-start; }
.ft-logo img {max-height: 50px;max-width: 100%;}

.ft-text { text-align: right; font-size: 1.4rem; line-height: 2.4rem; color: var(--color-secondry--20);}
.ft-text a { color: var(--color-primary--100);}

.fbtm {padding: 20px 0 20px;margin: 30px 0 0;float: left;width: 100%;border-top: 1px solid #ddd;display: flex;align-items: center;}
.fbtm p {font-size: 1.3rem;font-weight: 300;}
.fbtm p a {color: var(--color-primary--100);text-decoration: none;}
.fbtm p a:hover { text-decoration: none; }

.fbtm ul.imgs { float: right; }
.fbtm ul.imgs li:first-child { margin-left: 0px; }
.fbtm ul.imgs li {float: left; margin: 0 0 0 20px; padding: 0; position: relative; width: auto; }
.fbtm ul.imgs li a img { position: relative; display: table-cell; vertical-align: middle; height: 50px; text-align: center; text-decoration: none; opacity: 0.5; transition: visibility 0.6s, opacity 0.6s ease; }
.fbtm ul.imgs li a:hover img { opacity: 1; }



/* Contact Forms */
.cform { float: left; width: 100%; padding-bottom: 30px; }
.cform h3 { font-family: var(--font-title); color: #333; text-transform: capitalize; font-size: 2.8rem; line-height: 3.4rem; letter-spacing: 0.05rem; font-weight: 200; text-align: center; width: 100%;}
.cform .text { float: left; width: 100%; text-align: center;  margin-top: 10px; font-size: 1.3rem; }
.cform form { float:left; margin:10px 0 0; width:100%; }
.cform label { color: #1A1919; letter-spacing: 0.06rem; float: left; font-weight: 200; margin: 20px 0 0; padding: 0 0 5px 0px; font-size: 1.4rem; width: 100%; }
.cform label span { color: #cc0000!important; font-style: normal; }
.cform input[type=text], .cform input[type=email], .cform input[type=number] { float: left; border: 1px solid #ddd; width: 100%; padding: 10px 15px; font-size: 1.5rem; font-family: var(--font-body); ; }
.cform textarea { height: 120px; resize: vertical; float: left; border: 1px solid #ddd; width: 100%; padding: 10px 15px; font-size: 1.5rem; font-family: var(--font-body); ; line-height: 2.4rem; }
.csub { float: left; width: 100%; margin: 10px 0 0; }
.csub span { float: left; font-size: 1.2rem; font-style: italic; line-height: 4.9rem; }
.csub span span { color: #cc0000; float: none; font-style: normal; }
.csub label { color: #1A1919; font-size: 2rem; font-weight: 200; margin: 0 0 0 10px; padding: 0; width: auto; line-height: 4.9rem; }
.csub input { float: right!important; width: 100px!important; }
.cform input[type=text]:hover, .cform input[type=email]:hover, .cform input[type=number]:hover, .cform input[type=email]:focus, .cform input[type=number]:focus, .cform input[type=text]:focus, .cform textarea:hover, .cform textarea:focus { border-color: #ccc; }
.cform .btn-1 { float: right; margin: 10px 0 0; cursor: pointer; border: none; outline: none; line-height: 4.8rem; border-radius: 0px; }



.con-details {display: flex;flex-direction: column;gap: 5px;}
.con-details div {display: flex;gap: 10px;align-items: baseline;color: var(--color-primary--100);}
.con-details i {font-size: 1.8rem;}
.con-details a{font-size: 1.8rem;}
.con-social {float: left;width: 100%;display: flex;gap: 10px;margin-top: 20px;list-style:none;}
.con-social li {float: left; padding: 0; position: relative; width: auto; }
.con-social li a {position:relative;border-radius: 50px;background: #fff;text-align: center;text-decoration: none;color: var(--color-primary--100);opacity: 0.5;transition: visibility 0.6s, opacity 0.6s ease;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: 1px solid;}
.con-social li a i {width: 100%;display: table;position: relative;font-size: 1.8rem;margin-top: 0px;}
.con-social li a:hover { opacity: 1; }

@media(max-width:980px){
  .con-details a, .con-details i{ font-size: 1.6rem;}
  .con-social { margin-top: 20px;}
  .con-social a{ width: 34px; height: 34px;}
  .con-social li a i { font-size: 1.5rem;}
}


:root{
  --bg: #f7f9fc;
  --panel: #ffffff;
  --panel-2: #f2f5fb;
  --text: #0e1324;
  --muted: #49526a;
  --accent: #5a3cff;
  --accent-2: #0aa3cf;
  --ring: #c7d1ea;
  --shadow: 0 10px 30px rgba(9,16,45,.08);
}



/* Toggle */
.billing-toggle {
  margin-top: 28px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  background: var(--panel);
  border: 1px solid var(--ring);
  border-radius: 999px;
  box-shadow: var(--shadow);
}
.switch {
  position: relative; width: 54px; height: 30px;
}
.switch input { opacity: 0; width: 0; height: 0; }
.slider {
  position: absolute; inset: 0; border-radius: 999px;
  background: var(--panel-2);
  border: 1px solid var(--ring);
  transition: background .25s ease;
}
.slider::before {
  content: ""; position: absolute; height: 22px; width: 22px; left: 4px; top: 3px;
  background: linear-gradient(180deg, #fff, #cfd8ff);
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,.25);
  transition: transform .25s ease;
}
input:checked + .slider::before { transform: translateX(24px); }

.badge { font-size: 12px; padding: 4px 8px; border-radius: 999px; background: rgba(124,92,255,.15); color: var(--text); border: 1px solid rgba(124,92,255,.4) }

/* price Grid */
.price-grid {
  display: inline-grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: var(--grid-gap);
  font-family: var(--font-title);
  width: 100%;
}

@media (min-width: 667px) { 
  .price-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } 
}

@media (min-width: 980px) { 
  .price-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } 
}



.price-grid .card {
  border: 2px solid #ddd;
  border-radius: 5px;
  padding: 22px;
  box-shadow: var(
  --shadow);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.price-grid .card.popular {position: relative;border-color: var(--color-primary--100);}
.price-grid .card.popular::after {
  content: "Most popular";
  position: absolute;
  top: -15px;
  right: 18px;
  background: var(--color-primary--100);
  color: white;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 1.4rem;
  font-weight: 400;
  box-shadow: var(--shadow);
  font-family: var(--font-title);
}
.price-grid .card h3 {margin: 0 0 5px 0;font-weight: 500;color: var(--color-primary--100);}
.price-grid .sub {color: var(--color-secondry--20);margin: 0 0 10px 0;font-size: 1.8rem;font-weight: 400;}

.price-grid .price {display: flex;align-items: baseline;gap: 4px;margin: 0px 0 15px;font-family: var(--font-title);}
.price-grid .price .currency {font-size: 3.4rem;color: var(--color-secondry--20);}
.price-grid .price .amount {font-size: 5.4rem;font-weight: 900;color: var(--color-secondry--40);}
.price-grid .price .amount.request { font-size: 3rem;}
.price-grid .price:has(.request) { align-items: center;}
.price-grid .price .period {color: var(--color-secondry--20);font-size: 1.6rem;}

.price-grid .cta { 
  appearance: none; border: none; cursor: pointer;
  padding: 12px 16px; border-radius: 14px; font-weight: 700;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #fff; box-shadow: var(--shadow);
  transition: transform .05s ease;
}
.price-grid .cta:active { transform: translateY(1px); }
.price-grid .ghost { background: transparent; color: var(--text); border: 1px dashed var(--ring); }

.price-grid .text {margin: 20px 0 0 0;font-size: 1.3rem;color: var(--color-secondry--20);line-height: 1.9rem;}

.price-grid .features {display: grid;width: 100%;margin-top: 10px;gap: 12px;}
.price-grid .features li {font-size: 1.6rem;color: var(--color-secondry--20);}
.price-grid .features li span {font-weight: 700;color: var(--color-primary--100);}

/*float whatsapp chat*/

.wa-float {position: fixed;bottom: 20px;right: 20px;z-index: 99;}
.wa-float--container {display: flex;position: relative;height: 100%;flex-direction: row-reverse; cursor: pointer;}

.wa-float--text {
  display: flex;
  height: 60px;
  align-items: center;
  padding: 0;
  border-radius: 60px;
  background-color: #24d366;
  color: #fff;
  font-family: var(--font-title);
  font-size: 1.8rem;
  font-weight: 500;
  border: 1px solid #24d366; 
  white-space: nowrap;
  overflow: hidden;
  max-width: 0;
  opacity: 0;
  transition: max-width 0.6s ease,opacity 0.6s ease, padding 0.6s ease;
}

.wa-float--icon {position: absolute;display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background-color: #24d366;border-radius: 50%;transition: color 0.6s ease, background-color 0.6s ease; color: #fff; }
.wa-float--icon i {font-size: 4rem;}

.wa-float--container.load-active .wa-float--icon { animation: scaleUpDown 1s ease-in-out forwards;  transform-origin: right center; }
.wa-float--container.scaledown .wa-float--icon  { animation: scaleDown .6s ease-in-out forwards; transform-origin: center center; background-color: #fff; color: #24d366;  }
.wa-float--container.scaleup .wa-float--icon  { animation: scaleUp .6s ease-in-out forwards; transform-origin: center center;}

.wa-float--container.scaledown .wa-float--text  { max-width: 240px; opacity: 1;padding: 0 65px 0 25px;}


@media(max-width:980px){
  .wa-float--icon { 
    width: 50px;
    height: 50px;
  }
  .wa-float--icon i{
    font-size: 3rem;
  }

  .wa-float--text{ font-size: 1.6rem; border-radius: 50px;  height: 50px; }
  .wa-float--container.scaledown .wa-float--text  { max-width: 240px; opacity: 1;padding: 0 55px 0 20px;}

}

@keyframes scaleUpDown {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.2); }
  100% { transform: scale(1); }
}

@keyframes scaleDown {
  0%   { transform: scale(1); }
  100%  { transform: scale(.7); }
}
@keyframes scaleUp {
  0%   { transform: scale(.7); }
  100%  { transform: scale(1); }
}

/* Margins */
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt60 { margin-top:60px!important; }
.mt100 { margin-top:100px!important; }
.mr15 { margin-right:15px!important; }
.mb40 { margin-bottom:40px!important; }


/* Other */
.fl { float:left!important; }
.fr { float:right; }
.p-rel { position: relative; }
.over-auto {overflow: auto;}
.mobyes { display: none; }
.t-c { text-align: center; }
.t-l { text-align: left; }
.fw300{ font-weight: 300;}
.fw400{ font-weight: 400;}
.fw500{ font-weight: 500;}
.fw600{ font-weight: 600;}
.fw700{ font-weight: 700;}
.style-pretty{ text-wrap-style: pretty;}
.style-balance { text-wrap-style: balance;}
.u-color-white { color: #fff;}
.u-color-dark { color: var(var(--color-primary--100));}


/* Transitions */
.tr-a { transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; }
.tr-b { transition:background .6s ease; -webkit-transition:background .6s ease; -moz-transition:background .6s ease; -o-transition:background .6s ease; }
.tr-c { transition:color .6s ease; -webkit-transition:color .6s ease; -moz-transition:color .6s ease; -o-transition:color .6s ease; }


/* Clearfix */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }


/* Lemonade */
*, *:after, *:before { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
[class*='c-'] {float:left;padding: 0 10px;}
[class*='c-']:last-of-type, .l-c {padding-right: 10px;float:right;}

.c-1 { width:100%; }
.c-2 { width:50%; }
.c-3 { width:33.33%; }
.c-4 { width:25%; }
.c-5 { width:20%; }
.c-6 { width:16.6666666667%; }
.c-7 { width:14.2857142857%; }
.c-8 { width:12.5%; }
.c-9 { width:11.1111111111%; }
.c-10 { width:10%; }
.c-11 { width:9.09090909091%; }
.c-12 { width:8.33%; }

.c-5p { width:3%; }
.c-15 { width:15%; }
.c-20 { width:20%; }
.c-25 { width:25%; }
.c-30 { width:30%; }
.c-40 { width:40%; }
.c-45 { width:45%; }
.c-55 { width:55%; }
.c-60 { width:60%; }
.c-70 { width:70%; }
.c-80 { width:80%; }



@media (min-width: 800px) and (max-width: 1100px) {
.c-2, .c-7 { width:100%; }
.c-4, .c-8, .c-10, .c-12 { width:50%; }

footer .c-2 {width: 50%;}

.innertbl { display:inherit; }
.innertbl .c-2 { display:inherit; float:left!important; }
.innertbl .l-c { margin:30px 0 0; padding:0 7px; }

}

@media (max-width: 924px) {
.c-30, .c-70 { width: 100%; }
footer .c-30 {width: 30%;}

}

@media (max-width: 800px) {
.c-4, .c-6, .c-8, .c-10, .c-12 { width:50%; }
.c-1, .c-2, .c-3, .c-5, .c-7, .c-9, .c-11, .c-60, .c-40, .c-30, .c-70, .c-20, .c-80 { width:100%; }
}

@media (max-width: 480px) {
.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 { width:100%; }
}



@media (max-width: 1280px) {
  .inner { padding: 0 20px; }
}


@media (max-width: 1150px) {

.ful.half { margin-top: 45px; }

.content .info .prop-det .tit, .content .info .prop-det .in { padding: 10px }
.listings.small .content .info .prop-det { width: 100%; max-width: 100%; }

.dev-list li { width: 33.3%; }
.dev-list li:nth-child(4n+1) {clear: none;}
.dev-list li:nth-child(3n+1) {clear: both;}
.keydetails .dt1 { font-size: 1.6rem; letter-spacing: 0.05rem; }
.keydetails .dt2 { font-size: 1.4rem; letter-spacing: 0.03rem; }
.keydetails-img .img img { max-height: 280px; margin-bottom: 15px; }

#dev-tabs a {padding: 20px 15px;font-size: 1.6rem;}

.home-lnews li { margin-bottom: 20px; text-align: center; }
.home-lnews .btn { float: none; display: table; margin: 0 auto; }
.viewall { padding: 20px 0 40px; }
}

@media (max-width: 1050px) {

#dev-top h1 { font-size: 2.4rem; line-height: 3rem;  }
#dev-top header .lines:before, #dev-top header .lines:after { display: none; }

.btnlist { padding: 0 0 0 0px; }

.mort { padding:0; }
.mort li { width:100%; padding:5px 10px;}
.mort li span { line-height:3.6rem; width:50%; text-align:left; }
.mort input[type=text] { height:36px; margin:0; width:50%; }
.mort input[type=submit] { width:50%; margin:0; }

}

@media (max-width: 980px) {

  .u-hidden-mobile{ display: none;}


#topsearch {position:fixed!important;padding: 10px 0 15px 0;height: calc(var(--searchbar-height) + 1px);margin-top: -1px;}
.bodysm #topsearch {/* top: -77px!important; */}
#topsearch .searchbox {height: 0;opacity: 0;visibility: hidden;padding:0px 0;margin:0;margin-top: 0px!important;position: fixed;top: calc(var(--searchbar-height) + 80px);gap: 10px;border-radius: 0;left: 0;}
#topsearch .searchbox::before {position: absolute; content: ""; left: -100%; top: 0; width: 100%; height: 100%; background-color: #fff;}
#topsearch .searchbox::after {position: absolute; content: ""; right: -100%; top: 0; width: 100%; height: 100%; background-color: #fff;}
#topsearch .searchbox.show {height: calc(100vh - (var(--searchbar-height) + var(--topbar-height)));visibility: visible;opacity: 1;padding: 30px 15px;flex-wrap: wrap;overflow-y: scroll;align-content: flex-start;}
#topsearch .mobilebuttons {display:block;float:left;width:100%;}
#topsearch.mobhide ,a#toggle-search.mobhide { display:none; }

#dev-video iframe { height: 400px; }


#map-area {width: 100%;visibility: hidden;transition: none;position: fixed;}
#map-area.show {width: 100%;visibility: visible;z-index: 10;height: 100%;top: calc(var(--topbar-height) + var(--searchbar-height));}
#map-area .map-holder a.toggle-map { display: none; }


.viewmapbtn { display: block; }

#results.showopac {opacity: 0;}
.view-btns {display: flex;margin: 0 auto;text-align: center;gap: 20px;}
.viewsearchbtn, .viewmapbtn {padding: 12px 15px;border: 1px solid #ccc;background: transparent;font-size: 1.8rem;font-weight: 400;color: #fff;text-align: center;font-family: var(--font-title);border-radius: 10px;flex: 1;cursor: pointer;}
.viewsearchbtn.show .tog-search i, .viewmapbtn.show .tog-map i  { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.viewsearchbtn.show, .viewmapbtn.show  {border: 1px solid var(--color-secondry--40);background: var(--color-secondry--40);}
#banner-top, #banner-top.about { background-attachment: scroll!important; background-size: cover!important; }

.pformt{ font-size: 3.2rem;line-height: 3.6rem;}

}

@media (max-width: 924px) {

header .lines:before { width: 60px; left: -80px; }
header .lines:after { width: 60px; right: -80px; }

#dev-tabs a {padding: 20px 10px;font-size: 1.5rem;}
.keydetails li { width: 50%; }
.btnlist li:first-child { padding: 17px 10px; }

}

@media (max-width: 800px) {

  .mobyes { display: block; }
  .mobno { display: none; }
  .navbtn { display:block; }

  nav.main { display: none;}
  nav.main.open {display: block;position: absolute;top: var(--topbar-height);background-color: var(--color-primary--100);left: 0;width: 100%;padding: 20px;height: auto;} 
  nav.main ul {float: left;display: flex;flex-direction: column;height: auto;width: 100%;align-items: flex-start;gap: 0;}
  nav.main ul li {width: 100%;}
  nav.main ul li a {width: 100%;padding: 15px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
  nav.main ul li:last-child a{ border: 0px;}
  nav.main ul li a::after { display: none;}
  
  

  header .lines:before { display: none; }
  header .lines:after { display: none;}
  .inner { padding: 0 15px; }
  .inner-c { padding: 0 30px!important; }
  #slide-boxes .inner { padding: 0; }

  #dev-details .inner { padding-bottom: 10px; }

  #dev-desc { clear: both; }


  #dev-details .inner { padding-bottom: 0; }
  #dev-tabs {height: auto;border: 0px;display: inline-block;}
  #dev-tabs .box {float: left;}
  #dev-tabs ul{ padding: 10px 0;}
  #dev-tabs li {border-right: none;width: 100%;border-bottom: 1px solid #ddd;}
  #dev-tabs li:first-child {/* border-top: 1px solid #ddd; */}
  #dev-tabs li:last-child { border-bottom: none; }
  #dev-tabs li a {width: 100%;text-align: left;padding: 10px 0px;font-size: 1.6rem;}
  #dev-tabs li a:hover { background: #f6f6f6; color: #333; }
  #dev-tabs a i { width: 30px; }
  #dev-tabs li a i.fa-arrow-right-long { display: block; width: auto; float: right;}
  #dev-tabs a:hover i {}

  #dev-desc a.rd-more, #dev-desc .rd-more i { font-size: 1.6rem;}

  #dev-feat .feats li { width: 100%; }

  #slide-boxes li:first-child { margin-top: 0px; }
  #slide-boxes li { padding: 0 0px; margin-top: 6px; }

  #banner { height: 300px; background-attachment: initial; }
  #banner .inner { padding: 135px 30px 0; }

  .home-lnews li { margin-bottom: 20px; }

  .ful { text-align: center; }
  .ful.lnk li { list-style: none; }
  .ful.lnk li a { width: 100%; }
  .ful h4:before { height: 2px; width: 30%; top: -15px; left: 35%; }
  .fbtm ul.imgs { float: left; margin-top: 20px; }

  .btnlist li a { padding: 15px 10px; }
  .dev-list li { width: 50%; padding: 0 7px; }
  .dev-list li:nth-child(3n+1) {clear: none;}
  .dev-list li:nth-child(2n+1) {clear: both;}
  .agent-con span.email a { margin-top: 0; }
  .keydetails li { width: 100%; }
  .keydetails-img .img img { max-height: 100%; }

  #banner-top{height: 200px;}
  #banner-top .inner { justify-content: center; text-align: center; }

  footer [class*='c-']{ margin-bottom: 40px;}
  footer [class*='c-']:last-of-type{ margin-bottom: 0px;}
  footer .c-30 {width: 100%;}
  footer ul.social { justify-content: center;}
  .ft-logo{ justify-content: center;}
  .fbtm p, .ft-text {  line-height: 2rem; text-align: center; }


}

@media (max-width: 750px) {

#dev-top, #dev-top .dt-t { height: auto; }
#dev-top h1 { font-size: 2.4rem; line-height: 3rem; }
#dev-top .dt-t .bckbtn { position: relative; display: table-row; height: 30px; text-align: center; }

.white-popup-block { padding: 30px 10px; }
.popform { padding: 0 2%; }

#dev-video iframe { height: 250px; }

}

@media (max-width: 700px) {
.agent-con span.email {margin-top: 10px;}
}

@media (max-width: 667px) {

nav.top li { margin: 0 0 0 10px; }
nav.top li a { font-size: 1.1rem; }
nav.top .fa { font-size: 1.3rem; }

.captnolink { font-size: 2.4rem; font-size: 2.4rem; padding: 0 20px; line-height: 3rem; }

#social-home .social li { width: 100%; margin-bottom: 20px; }

.blog .img { width: 100%; }
.blog .info { width: 100%; padding: 20px 15px; }

.blog.coming-soon .img { width: 100%; }
.blog.coming-soon .info { width: 100%; padding: 20px 15px; }

}

@media (max-width: 600px) {
#booktandcs h3 { font-size: 1.6rem; line-height: 2rem; }
#booktandcs .textbp { font-size: 1.4rem; line-height: 2.2rem; max-height: 300px; }

h1 { font-size: 2rem; line-height: 2.8rem; }
header .lines:before { display: none; }
header .lines:after { display: none; content: ""; position: absolute; height: 1px; width: 70%; background: #ccc; right: 15%; top: 133%; margin: -1px 0 0; }

.pformt{ font-size: 3rem;line-height: 3.4rem;}


#banner-top h2 { font-size: 1.8rem; line-height: 2.6rem; padding: 0 20px; margin-top: 10px; }

#dev-top .dt-t header span { font-size: 1.4rem; }
#dev-top h1 { font-size: 1.8rem; line-height: 2.6rem; }
#dev-top .dt-t header h3 span { font-size: 1.6rem; padding: 6px 0 ; }
.dev-list li { width: 100%; }
#dev-top .dt-t .bckbtn { font-size: 1.4rem; }

#gallery-con #gallerybtn { font-size: 1.2rem; padding: 8px 8px; }

#newcar-tabs li { border-right: none; width: 100%; border-bottom: 1px solid #ddd; }
#newcar-tabs li:last-child { border-bottom: none; }
#newcar-tabs li a { width: 100%; text-align: left; }

#article .side a.bckbtn, #article .side .date { width: 100%; border-right: none; border-bottom: 1px solid #ddd; text-align: center; }
#article .side a.bckbtn i { float: none; }
.addnews { float: left; width: 100%; text-align: center; }
}

@media (max-width: 500px) {
nav.top { display: none; }
.captnolink { font-size: 2rem; }

#dev-video iframe { height: 100%; }

#booktandcs .textbp { font-size: 1.3rem; line-height: 2rem; }

}


@media (max-width: 480px) {

  .pformt{ font-size: 2.8rem;line-height: 3.2rem;}


.ful { margin-top: 40px }
.ful.half li { width: 100%; }
footer .inner { margin: 40px auto 0; }


.agent-con { text-align: center;}
.agent-con span.email, .agent-con span.ph { width: 100%; }
.agent-con span.email a { width: 100%; margin-top: 15px; }

.keydetails li { width: 100%; text-align: center; }
.keydetails .stamp { text-align: center; }

.team header { min-height: auto; }

.agent-con .img { float: none; }
.agent-con .img img { width: auto; }

.popform select { font-size: 1.2rem; }
}



@media (max-height: 900px) {
#detp .slick-slide img { max-height:500px; }
}

@media (max-height: 800px) {
#detp .slick-slide img { max-height:400px; }
} 

@media (max-height: 700px) {
   
}  
  
 
   
@media (max-height: 550px) {
#topdet { position:relative; top:0!important; } 
#topdetblock { display:none; } 
#topdet { height:auto; }
#topdet .dtbl { display:inherit; height:auto; padding:15px 0; float:left; width:100%; }
#topdet .dcell { display:inherit; width:100%; float:left; }
.dname { padding:10px 0; }
.dname h1 { font-size:1.6rem; float:left; width:auto; overflow:auto; text-overflow:inherit; white-space:normal; margin:0 10px 0 0; }
.dname span { font-size:1.6rem; line-height:2.4rem; margin:0; } 
.dprice { padding:0; }
.dprice span { float:none; width:auto; }
.dprice .dpp { margin:0 0 0 5px; font-size:1.8rem; }
}



@media (min-width: 925px) and (max-height: 780px) {
/* Top Resize */
/*
#top, #topblock { height:110px; }
#gtop { border-top:3px solid #DA2129; height:33px; }
#gtop li { line-height:30px; }
#gtop ul ul { top:30px; }

#topsearch.homesearch { top:290px; }
#topdet { top:110px; }

#wtop { height:77px; }
#wtop .c-1 { height:76px; }
nav.main a { line-height:76px; }
nav.main .subul a { line-height:3rem; }

#topsearch, .bodysm #topdet { top:110px; }
#topsearch2 { top:180px; }
*/
}