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

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: 'Open Sans', sans-serif; min-height:100%; }

section, footer { width:100%; }
.inner { width:100%; max-width:1294px; margin:0 auto; }
#top .inner { width:100%; max-width: 95%; margin:0 auto; }
.inner-c {  padding: 0 110px!important;}

#top { background:#fff; position:fixed; top:0; left:0; height:105px; z-index:9010; transition:height .6s ease; -webkit-transition:height .6s ease; -moz-transition:height .6s ease; -o-transition:height .6s ease; }
#topblock { height:105px; transition:height .6s ease; -webkit-transition:height .6s ease; -moz-transition:height .6s ease; -o-transition:height .6s ease; }
#wtop { background:#fff; height:105px; border-bottom:5px solid #ededed; transition:height .6s ease; -webkit-transition:height .6s ease; -moz-transition:height .6s ease; -o-transition:height .6s ease; }
#wtop .c-1 { height:99px; position: relative; transition:height .6s ease; -webkit-transition:height .6s ease; -moz-transition:height .6s ease; -o-transition:height .6s ease; }
.logo { position: relative; float:left; height:130px; margin: 10px 0 0; transition:height .6s ease; -webkit-transition:height .6s ease; -moz-transition:height .6s ease; -o-transition:height .6s ease;  }
.logo img { float:left; height:100%; }
.nhs {width: 100%;max-width: 160px;position: absolute;bottom: -70px;left: 33.5px;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;opacity: 1;visibility: visible;}

.captlink { background:url(../images/topsearchbck.png) repeat transparent; position:absolute; bottom:0; right:0; padding:10px 15px; color:#333; font-size:1.4rem; letter-spacing:0.4px; }
.captnolink { font-family: 'Merriweather', serif; color:#fff; position:absolute; top:42%; left:0; padding: 0 7%; line-height: 4.5rem; width:100%; font-size:3.6rem; font-weight: 300; text-align:center; text-shadow:2px 2px 5px #333; letter-spacing:0.1rem; z-index: 999;}


/* Headers */
header { float: left; width: 100%; }
h1 { font-family: 'Merriweather', serif; color: #333; text-transform: capitalize; font-size: 2.8rem; line-height: 3.4rem; letter-spacing: 0.05rem; font-weight: 500;}
h2 { font-family: 'Merriweather', serif; color: #333; text-transform: capitalize; font-size: 2.8rem; line-height: 3.4rem; letter-spacing: 0.05rem; font-weight: 500; }
h3 { text-transform: capitalize; font-size: 2rem; line-height: 3rem; letter-spacing: 0.1rem; font-weight: 300; }
h4 { text-transform: uppercase; font-size: 1.8rem; line-height: 2.8rem; letter-spacing: 0.1rem; font-weight: 600; }

header .lines { display: inline-block; position: relative; }
header .lines:before { content: ""; position: absolute; height: 1px; width: 100px; background: #ccc; left: -120px; top: 50%; margin: -1px 0 0; }
header .lines:after { content: ""; position: absolute; height: 1px; width: 100px; background: #ccc; right: -120px; top: 50%; margin: -1px 0 0; }


/* Buttons */
.btn-1 { float: left; color: #fff; background: #25408f; text-decoration: none; line-height: 4.8rem; font-size: 1.6rem; padding: 0 30px; text-transform: capitalize; font-weight: 300; letter-spacing: 0.1rem; -webkit-appearance: none; appearance: none; -moz-appearance: none; }
.btn-1:hover { background: #0c9ed9; color: #fff; }
.btn-2 { float: left; color: #fff; background: #0c9ed9; text-decoration: none; line-height: 4.8rem; font-size: 1.6rem; padding: 0 30px; text-transform: capitalize; font-weight: 300; letter-spacing: 0.1rem; -webkit-appearance: none; appearance: none; -moz-appearance: none; }
.btn-2:hover { background: #066aa9; color: #fff; }
.btn-box { text-align: center; display: table; float: none; margin: 0 auto; }

/* 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; }
nav.main { margin-right: 25px; }
nav.main li { float:left; margin:0 0 0 25px; position:relative; }
nav.main li:first-child { margin:0; }
nav.main a { float:left; line-height:100px; font-weight: 300; text-transform:capitalize; color:#444; 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.main a:after { content:""; position:absolute; width:100%; bottom:-5px; left:0; background:transparent; height:5px; 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:#333; }
nav.main a:hover:after, nav.main a.active:after, nav.mian a.active2:after {background: #ffc323;}
nav.main .fa { font-size:1.5rem; margin-left: 5px; position:relative; }

nav.main a.home i { font-size: 2rem; top: 0px; }

ul.socmob { display: none; }


/* Dropdown */
nav.main .subul {height:0;overflow:hidden;padding:0 10px;position:absolute;background-color: #25408f;z-index:9008;top:80%;width:260%;left:-80%;transition:all .1s ease;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;}
nav.main .subul:after { position:absolute; background:url(../images/subarw.png) no-repeat; content:""; left:50%; top:-6px;0; margin:0 0 0 -18px; width:36px; height:6px; }
nav.main .subul li { margin:0; width:100%; height: auto; line-height: normal; float: left; width: 100%; }
nav.main .subul a { line-height:3rem; color:#fff; font-size:1.2rem; letter-spacing:0.8px; font-weight:300; width:100%; text-align:center; }
nav.main .subul a:hover {background: #0c9ed9;color: #fff;}
nav.main .subul a:after { display:none; }
nav.main .subul.showsub { height:auto; padding:21px 10px 18px; overflow:visible; transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; }
nav.main .subul .dl-back { display:none; }

/* Mobile Navigation */
#dl-menu .tbl { height:100%; width:100%; }
#dl-menu .toptr { height:103px; display:table-row; }
#dl-menu .li9 { height:11.1111111111%; }
#dl-menu .li8 { height:12.5%; }
#dl-menu .li7 { height:14.2%; }
#dl-menu .li6 { height:16.6666666667%; }
#dl-menu .li5 { height:20%; }
#dl-menu .li4 { height:25%; }

.navbtn span:before, .navbtn span:after { position:absolute; content:""; }
.navbtn { float:right; position:relative; top:21px; display:none; cursor:pointer; height:40px; right:5px; padding:20px 10px 10px; z-index: 9999; }
.navbtn span, .navbtn span:before, .navbtn span:after { width:30px; height:2px; background:#666; 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 Boxes */

#slide-boxes { width: 100%; margin-top: 6px; }
#slide-boxes .inner { max-width: 100%; }
#slide-boxes li { padding: 0 3px; }
#slide-boxes li:first-child { padding-left: 0px; }
#slide-boxes li:last-child { padding-right: 0px; }
#slide-boxes .main { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: table; width: 100%; height: 210px; text-align: center; color: #fff; }
#slide-boxes .main:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; background: rgba(0, 0, 0, 0.15); height: 100%; z-index: 1; }

#slide-boxes .main .title { font-family: 'Merriweather', serif; position: absolute; z-index: 999; bottom: 40px; left: 40px; font-size: 2rem; color: #fff; font-weight: 300; font-style: italic; text-shadow: 1px 2px 10px #333; letter-spacing: 0.1rem; opacity: 1; transition: visibility 0.6s, opacity 0.6s ease; }
#slide-boxes .main .title:before { position: absolute; content: ""; height: 2px; width: 40%; top: -15px; left: 0px; }
#slide-boxes .main.yel .title:before { background: rgba(255, 196, 36, 1); }
#slide-boxes .main.blue .title:before { background: rgba(0, 146, 208, 1); }
#slide-boxes .main.red .title:before { background: rgba(237, 48, 35, 1); }
#slide-boxes .main.hovered .title { opacity: 0; visibility: hidden; }


#slide-boxes .main .content-box { position: relative; display: table-cell; vertical-align: middle; width: 100%; height: 100%; z-index: 999; opacity: 0; visibility: hidden;  transition: visibility 0.6s, opacity 0.6s ease; }
#slide-boxes .main.hovered .content-box { opacity: 1; visibility: visible; }
#slide-boxes .main.yel .content-box { background: rgba(255, 196, 36, 0.7); }
#slide-boxes .main.blue .content-box { background: rgba(0, 146, 208, 0.7); }
#slide-boxes .main.red .content-box { background: rgba(237, 48, 35, 0.7); }
#slide-boxes .main .content-box ul { display: table; position: relative; margin: 0 auto;  }
#slide-boxes .main .content-box ul li { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.50); font-size: 1.6rem; font-weight: 300; letter-spacing: 0.06rem; }
#slide-boxes .main .content-box a { display: inline-block; margin-top: 20px; padding: 10px; text-decoration: none; background-color: transparent; border: 2px solid #fff; color: #fff; font-size: 1.6rem; font-weight: 300; letter-spacing: 0.08rem; }
#slide-boxes .main .content-box a:hover { background: #333; border-color: #333; }



/* text home */

#txt-home { padding: 0 10px;}
#txt-home h1 { font-family: 'Open Sans', sans-serif; padding-top: 20px; font-size: 2rem; font-weight: 300; color: #666; letter-spacing: 0.05rem; text-transform: capitalize; }
#txt-home h2 { padding: 20px 0 0 0; color: #333; font-weight: 400; }
#txt-home p { float: left; padding: 20px 0 0 0; color: #333; font-weight: 300; font-size: 1.5rem; letter-spacing: 0.02rem; line-height: 2.6rem; }
#txt-home iframe { width: 100%; padding: 20px 20px 0 20px; }

/* home banner*/

#banner { position: relative; height: 380px; width: 100%; background: url(../images/banner-home-new.jpg);  background-size: cover!important; background-attachment: fixed; background-position: center; background-repeat: no-repeat; }
#banner:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.2; z-index: 99; }
#banner .inner { padding: 170px 0 0; }
#banner h2 { position: relative; color: #fff; text-align: center; text-shadow: 1px 2px 10px #333; letter-spacing: 0.1rem; z-index: 999; }

/* Home New */

#home-new img { max-width: 100%; }
#home-new p { float: left; padding:10px 30px; color: #333; font-weight: 300; font-size: 1.6rem; letter-spacing: 0.02rem; line-height: 3rem; }
#home-new p span { font-weight: 400; color: #25408f; border-bottom: 1px solid #25408f; }
#home-new p a { color: #25408f; text-decoration: none; border-bottom: 1px solid #25408f; font-weight: 300; }
#home-new p a:hover { color: #0c9ed9; border-color: #0c9ed9; }
#home-new a.btn-1 { margin-left: 30px; }

/* Home coming */

#home-coming { position: relative; background: #25408f; color: #fff; padding: 20px 0 50px; }
#home-coming .inner{ position: relative; z-index: 999; }
#home-coming h3 { font-family: 'Open Sans',sans-serif; padding-top: 20px; font-size: 2rem; font-weight: 300; color: #fff; letter-spacing: 0.05rem; text-transform: capitalize; }
#home-coming h2 { padding: 20px 0 0 0; color: #fff; font-weight: 400; }
#home-coming .ico { float: left; width: 100%; text-align: center; }
#home-coming .ico img { max-width: 50px; margin-top: 20px; display: inline-block; }
#home-coming a.btn-2 { float: none; display: inline-block; margin: 10px; }

/* home latest news*/

.home-lnews { float:left; width:100%; }
.home-lnews li a { border-bottom: 1px solid #ddd; float:left; background:#fff; width:100%; position:relative; }
.home-lnews li a:hover { background: #f4f4f4; }
.home-lnews .img { width:100%; display:inline-block; position:relative; overflow:hidden; }
.home-lnews .img:after { position: relative; padding-top:55%; display:block; content:""; overflow:hidden; border-bottom:5px solid #d6d6d6; }
.home-lnews .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); }

.home-lnews .info { float:left; width:100%; padding:15px; }
.home-lnews h3 { float: left; width: 100%;  margin-top: 5px; text-transform: capitalize; color: #333; font-size: 1.8rem; line-height: 2.8rem; letter-spacing: 0.05rem; font-weight: 300; min-height: 60px; }
.home-lnews .post { text-transform: capitalize; float: left; width: 100%; font-size: 1.2rem; margin: 5px 0 0; color: #666; letter-spacing: 0.4px; font-weight: 300; }
.home-lnews .btn  {margin: 5px 0 0; float: left; background: #25408f; text-decoration: none; line-height: 2.5rem; color: #fff; font-size: 1.4rem; padding: 5px 10px; text-transform: capitalize; font-weight: 300; letter-spacing: 0.05rem;}
.home-lnews .btn:hover { background: #0c9ed9; }

.viewall { text-align: center; padding: 60px 0 40px;  margin: 0 auto; }
.viewall a {  display: inline-block; float: none; }

/* Homepage Social */
#social-home { padding: 50px 0 70px; background: #f6f6f6; }
#social-home .social { float:left; width:100%;  margin-top: 40px;}
#social-home .social li { float:left; width: 50%; padding:0 20px; overflow:hidden; }
#social-home .social .box { float:left; width:100%; border:1px solid #e9eaed; background:#fff; }
#social-home .social header h3 { float: left; width: 100%; text-align: center; padding: 8px 10px; color: #fff; }
#social-home .social header h3.facebook { background: #4167bf; }
#social-home .social header h3.twitter { background: #81c8ff; }

#news #social-home { background: #fff;  }
#news #social-home .social { margin-top: 10px; }
#news #social-home .social li { float:left; width: 100%; padding:0 20px; overflow:hidden; margin-bottom: 30px; }

/* Text Block */
.textblock { float:left; width:100%; padding:30px 30px 40px; background:#fff; }
.textblock h2 { font-family: 'Merriweather', serif; color: #333; text-transform: capitalize; font-size: 2.8rem; line-height: 3.4rem; letter-spacing: 0.05rem; font-weight: 500; }
.textblock h3 { color:#666; float:left; width:100%; text-transform:uppercase; font-size:1.4rem; line-height:1.8rem; font-weight:600; margin:5px 0 ; }
.textblock h3 span { color:#333; }
.textbp {  float: left; width: 100%; padding: 20px 0 0 0; color: #333; font-weight: 300; font-size: 1.5rem; letter-spacing: 0.02rem; line-height: 2.6rem; }
.textbp strong { color: #333;font-weight: 400; }
.textbp a { color: #25408f; text-decoration: none; }
#booktandcs .textbp { max-height: 400px; padding: 20px; overflow-y: scroll; margin: 20px 0; border: 1px solid #ddd; }

.textbp ul li { list-style: disc; margin-left:50px; }



/* 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; }
.popform { float:left; width:100%; padding:0 10% 0 5%; }
.pformt {line-height:3.4rem;margin: 10px;float:left;width:100%;font-size:2.8rem;text-align:center;letter-spacing:0.4px;}
.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.4rem; letter-spacing:0.04rem; color:#333; margin:20px 0 4px; font-weight: 300; }
.popform label span { color: #ffc600; }
.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 #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; }
.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.4rem; letter-spacing:0.4px; resize:vertical; line-height:2.0rem; font-family:'Open Sans', sans-serif; }
.popform button { cursor:pointer; float:right; border:none; background:#25408f; line-height: 4.8rem; margin: 20px 0 0; font-size: 1.6rem; padding: 0 30px; text-transform: capitalize; font-weight: 300; letter-spacing: 0.1rem; }
.popform button:hover { background:#0c9ed9; }
.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: 20px; }

.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 5px 0px; font-size:1.6rem; letter-spacing:0.4px; color:#333;text-align: center; }
.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:#ffc424; color:#333; padding:0 10px; height:0; font-size:1.4rem; margin:0; letter-spacing:0.2px; }
.valbox.valshow .valerr { height:auto; padding:12px 10px; margin:15px 0 5px; }

.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:105px; left:0; z-index:9005; background:#f6f6f6; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); height:170px; padding:30px 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 { top: 77px; }
#topsearchblock { height:170px; }
#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; }
.selbox select { font-family:'Open Sans', sans-serif; float:left; border:1px solid #d6d6d6; height:38px; padding:0px 38px 0 10px; -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.4rem; position:relative; z-index:10; }
.selbox .fa { position:absolute; right:10px; top:14px; z-index:9; }
.selbox:hover .fa { color:#DA2129; }
.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; }


#map-area { width: 40%; height: 100%; padding-top: 275px; position: fixed;left: 0; bottom: 0; background: #fff; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease;}
.bodysm #map-area { padding-top: 247px!important; }

#map-area.extend { width: 70%; }
#map-area .map-holder { position: relative; width: 100%; height: 100%; }
#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: 35px; height: 35px; position: absolute; top: 45%; bottom: 45%; right:-15px; z-index: 9999; background: #fff; border-radius: 50px; border: 1px solid #ddd; }
#map-area .map-holder a.toggle-map i {font-size: 2.5rem;color: #25408f;width: 100%;text-align: center;margin-top: 4px;}
#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 { float: left; width: 60%; margin-left: 40%; background: #fff;  }
.listings.small { width: 30%; margin-left: 70%; }
.listings .content { background: transparent; padding: 40px; clear: both; min-height: 600px; }

.content li { border-bottom: 1px solid #ccc; display: table; width: 100%; max-width: 900px; margin: 30px 0 0; padding-bottom: 25px; background: #fff;  }
.content li:first-child { margin-top: 0px; }
.content li:last-child { border-bottom: none; margin-bottom: 100px; }
.content .newBox { display: table; width: 100%; }
.content li:hover { background: #f6f6f6; }
.content .reslink {display: table-cell;width: 100%; text-decoration: none;}
.content .newTbl { display: table-cell; width: 100%; vertical-align: top; }
.content .newTbl2 { display: table; width: 100%; }
.content .img { width: 35%; display: table-cell; vertical-align: top; text-align: center; position: relative; }
.content img { max-width: 100%;  max-height: 200px; display: block; margin: 0 auto; }
.content .img .no-reserve { position: absolute;top: 7px; left: 0; width: auto; padding: 10px 15px; background: #1fc9eb; color: #fff; font-size: 1.4rem; letter-spacing: 0.1rem; text-transform: uppercase; }
.content .info { position: relative; width: 100%; display: table-cell; vertical-align: top; padding: 10px 20px 10px; }
.content .info h2 { font-size: 2.2rem; letter-spacing: 0.03rem; font-weight: 300; }
.content .info .price-range {float: left;width: 100%;font-size: 1.8rem;letter-spacing: 0.05rem;padding: 10px 0;color: #25408f;font-weight: 300;}
.content .info .price-range span { font-weight: 400; }
.content .info .teaser { float: left; width: 100%; font-size: 1.5rem; letter-spacing: 0.03rem; line-height: 2.5rem; padding: 10px 0; color: #333; margin-top: 5px; font-weight: 300; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.content .info .prop-det { float: left; width: 50%; max-width: 50%; padding-right: 15px; margin-top: 15px; }
.content .info .prop-det .tit {float: left;width: 100%;padding: 10px 20px;background: #ffc424;font-size: 1.4rem;font-weight: 300;color: #333;letter-spacing: 0.06rem;line-height: 2rem;text-align: center;}
.content .info .prop-det .in {float: left;width: 100%;padding: 10px 20px;background: #25408f;font-size: 1.4rem;font-weight: 300;color: #333;letter-spacing: 0.06rem;line-height: 2rem;text-align: center;}
.content .info .prop-det .in  { background: none; clear: left; }

.listings.small .content .img { float: left; width: 100%; }
.listings.small .content .newTbl { text-align: center; }
.listings.small .content .info { padding: 10px; }
.listings.small .content .info .prop-det { width: 50%; }
.listings.small .content .info .prop-det .tit, .listings.small .content .info .prop-det .in { padding: 10px; }

/* 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: 'Open Sans', sans-serif; padding:20px 0 17px; font-size: 1.8rem; font-weight: 300; color: #333; letter-spacing: 0.1rem; text-transform: capitalize; }
#dev-top .dt-t header h3 span {float: left;width: 100%;font-family: 'Open Sans', sans-serif;padding:12px 0px;font-size: 2rem;font-weight: 300;color: #253f8f;letter-spacing: 0.1rem;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: 'Open Sans', sans-serif; padding:20px 0 20px; font-size: 1.8rem; font-weight: 300; color: #333; letter-spacing: 0.1rem; 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;letter-spacing: 0.1rem;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; letter-spacing: 0.1rem; }
.agent-con span.email a:hover { background: #0c9ed9; }



#dev-tabs { background: #fff; 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: #333; text-transform: capitalize; letter-spacing: 0.05rem; font-weight: 300; font-size: 1.4rem; line-height: 2rem; padding: 20px 30px; text-decoration: none; }
#dev-tabs a i { color: #888888; padding-right: 10px; float: left; width: 20px; margin-top: 2px; 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: #25408f; }

.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: 'Merriweather', serif; 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 .textbp:after { display: none; }
#dev-desc { background: #f6f6f6; padding: 30px 0 50px; }
#dev-desc .textbp { max-height: 500px; overflow: hidden; margin-bottom: 20px; }
#dev-desc .textbp:after { position: absolute; content: ""; background: url("../images/readmore-bg.png"); background-repeat: repeat-x; opacity: 1; width: 100%; height: 133px; bottom: 60px; left: 0; }
#dev-desc a.rd-more { text-align: center; display: table; margin: 0 auto; z-index: 9; position: relative; }
#dev-desc a.rd-more:hover { cursor: pointer; background: #eee; }
#dev-desc .rd-more-txt { float: left; width: 100%; font-size: 1.6rem; font-weight: 300; color: #333; letter-spacing: 0.05rem; margin-top: 10px;   }
#dev-desc .rd-more i {font-size: 3.4rem;color: #253f8f;}
#dev-desc.extend .textbp { max-height: 100%; overflow: visible; }
#dev-desc.extend .textbp: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 .textbp h3 { margin: 30px 0; font-family: 'Merriweather', serif; color: #333; text-transform: capitalize; font-size: 2.8rem; line-height: 3.4rem; letter-spacing: 0.05rem; font-weight: 500; }
#dev-desc .textbp table { margin-bottom: 20px; }
#dev-desc .textbp table td {padding: 12px 8px 12px 0px!important;border: 0px; border-top: 1px solid #EAEAEA!important; }
#dev-desc .textbp table td:first-child {font-weight: 400; text-transform: lowercase;}
#dev-desc .textbp 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: 310px; width: 100%;}
#banner-top:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.3; z-index: 99; }
#banner-top .inner { padding: 75px 0 50px; }
#banner-top h1 { position: relative; z-index: 999; padding-top: 20px; font-size: 2rem; font-weight: 300; color: #fff; letter-spacing: 0.05rem; text-transform: capitalize; }
#banner-top h2 { position: relative; z-index: 999; padding: 20px 0 0 0; color: #fff; font-weight: 400; }

#banner-top.about { height: 310px; background: url(../images/our-difference.jpg); background-size: cover!important; background-repeat: no-repeat;background-position:0 75%;}
#banner-top.about .inner { padding: 75px 0 50px; }

#banner-top.ben { height: 310px; background: url(../images/why-buy-banner.jpg); background-size: cover!important; background-attachment: initial; background-repeat: no-repeat; background-position: center;}
#banner-top.ben .inner { padding: 75px 0 50px; }

#banner-top.coming { height: 310px; background: url(../images/coming-soon-banner.jpg); background-position: center; background-size: cover!important; background-repeat: no-repeat;}
#banner-top.coming .inner { padding: 75px 0 50px; }

#banner-top.news { height: 310px; background: url(../images/news-belfast-banner.jpg); background-size: cover!important; background-attachment: initial; background-repeat: no-repeat; background-position: center;}
#banner-top.news .inner { padding: 75px 0 50px; }

#banner-top.land { height: 310px; background: url(../images/build-land-banner.jpg); background-size: cover!important; background-attachment: initial; background-repeat: no-repeat; background-position: center;}
#banner-top.land .inner { padding: 75px 0 50px; }

#banner-top.prem { height: 310px; background: url(../images/premium-property-banner.jpg); background-size: cover!important; background-attachment: initial; background-repeat: no-repeat; background-position: center;}
#banner-top.prem .inner { padding: 75px 0 50px; }


.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: #253f8f;}
footer .inner { margin:80px auto 0; padding: 0 15px; }

.ful { float:left; width:100%; color:#fff; }
.ful li { float:left; width:100%; line-height:2rem; font-size:1.3rem; letter-spacing: 0.05rem; font-weight:300; }
.ful h4 { position: relative; font-family: 'Merriweather', serif; text-decoration:none; text-transform: capitalize; color:#fff; font-size:2rem; letter-spacing:0.1rem; font-weight:300; }
.ful h4:before { position: absolute; content: ""; height: 2px; width: 25%; top: -15px; left: 0px; }
.ful h4.yel:before {background: rgb(255 255 255);width: 60px;}
.ful .ph { margin:20px 0 14px; }
.ful .ph a { text-decoration:none; color:#fff; font-size:1.8rem; letter-spacing:0.4px; }
.ful .ph a:hover { text-decoration:underline; }

.ful .ph.em a {font-size:1.4rem; letter-spacing:0.4px; }

.ful.lnk li:first-child { margin-bottom: 20px; list-style: none; }
.ful.lnk li {list-style-type: disc;}
.ful.lnk a{float: left; text-decoration: none; color: #fff; font-size: 1.4rem; letter-spacing: 0.05rem; margin: 0 0 12px 0; font-weight: 300; }
.ful.lnk a:hover { text-decoration: underline; }
.ful.half li { width: 33.33%; }
.ful.half li:first-child { width: 100%; }

.fbtm {padding: 20px 0 40px;margin: 30px 0 0;float: left;width: 100%;border-top: 1px solid #5d72b2;}
.fbtm ul.social { float: left; width: 100%; margin: 0 0 25px; }
.fbtm ul.social li:first-child { margin-left: 0px; }
.fbtm ul.social li {float: left; margin: 0 0 0 12px; padding: 0; position: relative; width: auto; }
.fbtm ul.social li a {position: relative;display: table-cell;vertical-align: middle;width: 40px;height: 40px;border-radius: 50px;background: #fff;text-align: center;text-decoration: none;color: #253f8f;opacity: 0.5;transition: visibility 0.6s, opacity 0.6s ease;}
.fbtm ul.social li a i  { width: 100%; display: table; position: relative; font-size: 2rem; margin-top: 0px; }
.fbtm ul.social li a:hover { opacity: 1; }
.fbtm p { color: #fff; font-size: 1.3rem; font-weight: 300; letter-spacing: 0.05rem; }
.fbtm p a {color: #ffffff;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: 'Merriweather', serif; 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: 'Open Sans', sans-serif; letter-spacing: 0.1rem; }
.cform textarea { height: 120px; resize: vertical; float: left; border: 1px solid #ddd; width: 100%; padding: 10px 15px; font-size: 1.5rem; font-family: 'Open Sans', sans-serif; letter-spacing: 0.1rem; 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; }


/* 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; }

/* 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 7px; }
[class*='c-']:last-of-type, .l-c { padding-right:6px; 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%; }

.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%; }
}

@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: 1400px) {
nav.main .subul.subulrhs:after { left:70%; }
nav.main .subulrhs { right:0; left:inherit; }
}

@media (max-width: 1320px) {

#top .inner { max-width: 98%;}
nav.main li { margin: 0 0 0 15px;  }
nav.main li a { font-size: 1.4rem; }
nav.top li { margin: 0 0 0 15px; }
}

@media (max-width: 1280px) {

nav.main li { margin: 0 0 0 15px;  }
nav.main li a { font-size: 1.3rem; }
nav.top li { margin: 0 0 0 10px; }
nav.top li a { font-size: 1.2rem; }

.inner { padding: 0 20px; }
#top .inner, #slide-boxes .inner { padding: 0; }
}

@media (max-width: 1200px) {
nav.main li { margin: 0 0 0 12px;  }
nav.main li a { font-size: 1.3rem; }
nav.top li { margin: 0 0 0 8px; }
nav.top li a { font-size: 1.1rem; }

}

@media (max-width: 1150px) {
#top .inner { max-width: 98%; }
nav.top { padding-left: 0; border-left: none; }
nav.top li { margin: 0 0 0 20px; }
nav.top li a { font-size: 1.4rem; line-height: 35px; }
nav.main { clear: right; margin-right: 0px; }
nav.main li { margin: 0 0 0 25px;  }
nav.main li a { font-size: 1.4rem; line-height: 65px; }

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

.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.3rem; }

.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) {

nav.main li { margin: 0 0 0 20px;  }
nav.main li a { font-size: 1.3rem; }
nav.main a.home i { font-size: 1.5rem; }
nav.main .fa { font-size: 1.3rem; }
nav.top li a { font-size: 1.3rem; }

#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) {

  nav.main li { margin: 0 0 0 10px;  }
  nav.main li a { font-size: 1.2rem; }
  nav.main .fa { font-size: 1.2rem; }

  .logo { height: 110px; }
  .nhs {  width: 100%; max-width: 140px; left: 26px; position: absolute; bottom: -50px; }



#topsearch { position:fixed!important; top:105px!important; height:auto!important; padding: 30px 0 5px!important;  }
.bodysm #topsearch { top: -77px!important; }
#topsearch .searchbox { height: 0; opacity: 0; visibility: hidden; padding:0px 0; margin:0; margin-top: 0px!important; }
#topsearch .searchbox.show { height: auto; visibility: visible; opacity: 1; padding:0px 0;}
#topsearch .sb5.sbbtn { width:50%; }
#topsearch .sbdrop { width:33.33%!important; margin:0px 0 0; }
#topsearch .sb45 { width:100%!important; margin:5px 0 0; padding: 0 0px 0 5px; }
#topsearch .sb15 { width:33.33%!important; margin:5px 0 0; }
#topsearch .sb10 { width:33.33%!important; margin:5px 0 0; }
#topsearch .sbsea, #topsearch .sbad { display:none; }
#topsearch .mobilebuttons { display:block; margin:5px 0 0; float:left; width:100%; }
#topsearch .sbsea2, #topsearch .sbad2 { width:100%!important; }
#topsearch.comsearch .sbsea2, #topsearch.comsearch .sbad2 { width:100%!important; }
#topsearch .sbad2 .sbinner { padding:0; }
#topsearch .advancedbutton { background:none; color:#666; line-height:4.4rem; font-size:1.4rem; }
#topsearch.comsearch .advancedbutton {padding: 6px 12px; }
#topsearch.comsearch .advancedsearch {top: 238px!important;}
#topsearch.homesearch .advancedsearch { top:197px!important; }

#topsearch2 { padding:10px 0; }
#topsearchblock { height: 131px; }
#topsearch.mobhide ,a#toggle-search.mobhide { display:none; }

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


#map-area {padding-top: 237px;}
.bodysm #map-area { padding-top: 77px!important; }

#results.showopac { opacity: 0.3; }
.listings .content { padding: 30px 20px; }
.listings .content li { max-width: 100%; padding-bottom: 5px; }
.listings .content .img { float: left; width: 100%; }
.listings .content img { max-height: 160px; }
.listings .content .newTbl { text-align: center; }
.listings .content .info h2 { font-size: 1.8rem; }
.listings .content .info { padding: 10px; }
.listings .content .info .prop-det { width: 50%; }
.listings .content .info .prop-det .tit, .listings .content .info .prop-det .in { padding: 10px; }

.view-btns { display: block; margin: 0 auto; text-align: center; padding-top: 20px; padding-bottom: 23px; }
.viewsearchbtn, .viewmapbtn { padding: 10px 15px; border: 1px solid #ccc; background: transparent; margin-right: 5px; font-size: 1.4rem; font-weight: 300; color: #333; letter-spacing: 0.06rem; text-align: center; }
.viewmapbtn { display: none; }
.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 #ffc600; background: #ffc600; }


#banner-top, #banner-top.about { background-attachment: scroll!important; background-size: cover!important; }

}

@media (max-width: 924px) {

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

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

}

@media (max-width: 860px) {

.mt60 { margin-top: 40px!important; }
h1 { font-size: 2.4rem; line-height: 3rem; }
h2, h3, #dev-desc .textbp h3 { font-size: 2.2rem; line-height: 3rem; }

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

#map-area .map-holder a.toggle-map { display: none; }

#topsearch { top:90px!important; }
#map-area { width: 55%; padding-top: 217px!important; transition: all .0s ease; -webkit-transition: all .0s ease; -moz-transition: all .0s ease; -o-transition: all .0s ease; }
.bodysm #map-area { padding-top: 90px!important; }

.listings { width: 45%; margin-left: 55%; }
.listings .content .info .price-range { font-size: 1.6rem; }
.listings .content .info .teaser { font-size: 1.4rem; }
.listings .content .info .prop-det .tit, .listings .content .info .prop-det .in { font-size: 1.2rem; }

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

#dev-desc { clear: both; }


#dev-details .inner { padding-bottom: 0; }
#dev-tabs {  }
#dev-tabs {height: auto; float: left; border-top: none;}
#dev-tabs .box { float: left; padding-bottom: 20px; }
#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: 15px 10px;  font-size: 1.4rem; }
#dev-tabs li a:hover { background: #f6f6f6; color: #333; }
#dev-tabs a i { width: 30px; }
#dev-tabs a:hover i { color: #ffc600; }

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


.mobyes { display: block; }
.mobno { display: none; }
.logo { height: 120px; }
.nhs {  width: 100%; max-width: 181px; left: 7px; position: absolute; bottom: -65px; }
.bodysm .nhs { opacity: 0; visibility: hidden; }

#wtop { height:90px; }
#wtop .c-1 { height:90px; }
.navbtn { display:block; }
.captnolink { font-size:3.4rem; }
.totop {  position: fixed; bottom: 0px; right: 0; color:#fff; cursor:pointer; padding:7px 10px; font-size:3rem; background: rgba(0, 0, 0, 0.40); z-index: 99999; opacity: 0; visibility: hidden;  }
.totop.show { opacity: 1; visibility: visible;}

nav.top ul { display: block!important; margin-right: 20px;}
nav.top li a { font-size: 1.4rem; line-height:90px; }
nav.top ul.social a { line-height: 90px; }
nav.main a:hover:after, nav a.active:after, nav a.active2:after { background: none; }

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

header, #txt-home p, #home-new p { text-align: center; }
.btn-1 { float: none; display: table; margin: 0 auto; position: relative; top: 10px; margin-bottom: 10px; }
#txt-home iframe { padding: 20px 0; }
#home-new img {  max-width: 100%; text-align: center; margin: 0 auto; display: block;}
#home-new a.btn-1 { margin-left: auto; }

#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, #banner-top.about, #banner-top.ben  { height: auto;  }
#banner-top .inner { padding: 25px 0 25px; }
#banner-top h1 { padding-top: 0; }
.addnews { padding-bottom: 15px;  }
#article .side .img {display: none;}
#banner-top.about .inner { padding: 50px 10px 50px; }

#news #social-home { padding: 20px 0 40px; }
#news #social-home .social { margin-top: 20px; }

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

@media (max-width: 750px) {

#topsearch { padding: 10px 0 5px!important; }
.bodysm #topsearch { top: -50px!important; }

.logo { height: 65px; }
.nhs { display: none; }
#map-area { width: 100%; visibility: hidden; padding-top: 198px!important; }
.bodysm #map-area { padding-top: 158px!important; }

#map-area.show { width: 100%; visibility: visible; z-index: 1;  }

.listings { width: 100%; margin-left: 0%; }
.listings.hide { display: none; }
.viewmapbtn { display: inline; }

#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; }

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

}

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

@media (max-width: 650px) {

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; }

#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) {

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

.fbtm p {  line-height: 2rem; text-align: center; }

.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 (min-width: 800px) {
/* Top Resize */

.disnone {display: none;  transition: opacity 0.2s ease;}
.bodysm .disnone { display: block;}

.bodysm .nhs { opacity: 0; visibility: hidden; }

.bodysm #top, .bodysm #topblock { height: 77px; }
.bodysm #wtop { height:77px; border-bottom: 1px solid #ededed; }
.bodysm #wtop .c-1 { height:76px; }

.bodysm #topsearch2 { top:180px; }

.bodysm nav.main { position: absolute; top: 0; right: 80px; padding: 0 10px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.0s ease; }
.bodysm nav.main ul:not(.subul) > li > a { line-height: 76px; }
.bodysm nav.top { border-left: none; }
.bodysm nav.top a { line-height: 76px; }
.bodysm .logo { height: 100px; }
.bodysm .nhs { width: 100%; max-width: 150px; position: absolute; bottom: -57px; left: 7px; }


.bodysm .navbtn { display: block; margin-left: 20px; border-left: 1px solid #ddd; padding-left: 20px; top: 16px; }
.bodysm nav.main.bsmnav { visibility: visible; opacity: 1; margin-right: 0px; transition: visibility 0.0s, opacity 0.2s ease;  background: #fff; }
.bodysm nav.main.bsmnav li.conno { display: none; }
.bodysm nav.main.bsmnav ul:not(.subul) > li > a { font-size: 1.4rem; transition: all .0s ease; -webkit-transition: all .0s ease; -moz-transition: all .0s ease; -o-transition: all .0s ease;}
.bodysm nav.main.bsmnav ul:not(.subul) > li > a:after { bottom: 0px; }

}

@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) {

#topsearch { height: 130px; padding: 20px;  }
#topsearchblock { height: 130px; } 
.searchbox.mt30 { margin-top: 15px!important; }
#map-area { padding-top: 235px; }
.bodysm #map-area { padding-top: 77px!important; }

.bodysm #topsearch { top: -77px; }
}



@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; }
*/
}