@import url('http://fonts.googleapis.com/css?family=Open+Sans:900,700,600,400');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
body,
html {  width: 100%;  height: 100%;  margin: 0;  padding: 0; letter-spacing:0px;font-family:  'EB Garamond', sans-serif; }
body {background:#ffffff; background-repeat:no-repeat}

ol, ul {	list-style: none;}
h1 { font-weight:600; font-size:2em; line-height:0.9em; margin:0px; 			color:#D51917;			letter-spacing:-1px; text-align:center  }
h2 {clear:both; font-weight:400; font-size:1.7em; margin:20px 0 0 0; color:#D51917; letter-spacing:-1px; line-height:1em ; text-align:center   }
h3 { font-weight:400; font-size:1.5em; margin:20px 0 0 0 ; color:#D51917;	 letter-spacing:-1px;;text-align:center }
h4 { font-weight:400; font-size:1.2em; margin:10px 0 0 0 ; color:#D51917;	letter-spacing:-1px; text-align:center }
hr {clear:both;border:0px; border-bottom:1px solid #ccc; margin:40px auto 0px; width:100%;}
.spacer {padding-top:24px;}
p{ color:#333; font-size:1.25em; margin:15px 0 0px 0;  line-height:1.3em; font-weight:400; text-align:left }

.leftor {text-align:left !important}

strong {color:#333; font-weight:600}
.left {float:left}
.right {float:right; }
.clear {clear:both; }

table#pt {
    font-size:16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#pt td, #pt th {
    border: 1px solid #ddd;
    text-align: center;
    padding: 8px;
}

#pt tr:nth-child(even){background-color: #f2f2f2}
#pt tr th:first-child{background-color: #ffffff}

#pt th {
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #D51917;
    color: white;
}




.arrow-red, .arrow-black {	margin:-10px auto -10px; position: relative; z-index: 9999999;  width: 0;   height: 0;   border-left: 20px solid transparent;  border-right: 20px solid transparent;  border-top: 20px solid #D51917;}
.arrow-black {  border-top: 20px solid #000000;}

.half { float:left; width:49%; margin-right:2%; height:auto; 	 }
.half:nth-of-type(2n){margin-right:0%;}
.half2 { float:right; width:49%; margin-left:0%;}
#map {clear:both; float:left; width: 100%; height: 360px; margin:20px 0 }

#cform fieldset {margin:2% 0% 2%; padding:0; border:0px; width:100%; position:relative;}
#cform input {float:left; color:#333; background-color:#eee; width:100%; margin:0 0 12px 0%;border:0px; padding: 12px;box-sizing:border-box; font-family: 'EB Garamond', sans-serif;font-size:1em;  }
#cform select {float:left; color:#333; background-color:#eee; 
width:100%; margin:0 0 12px 0%;border:0px; padding: 12px; height:44px;box-sizing:border-box;font-family: 'EB Garamond', sans-serif;font-size:1em;  }


#cform textarea {float:left; color:#333; background-color:#eee; width:100%;height:180px; margin:0 0 12px 0;border:0px; box-sizing:border-box; padding:2%; font-family: 'EB Garamond', sans-serif;font-size:1em; }
#cform .btn {text-align:center;  font-size:1.3em; letter-spacing:-1px; background-color:#D51917;color:#fff; display:block; width:30%; margin:1% auto 0% ; border:0px; padding: 1% ; font-weight:600; }
#cform fieldset label {float:left;width:100%; margin:0px 0 5px;  font-size:1.2em; color:#D51917;font-weight:600; }
#cform .showf {display:none;}
button:hover {background-color:#333 !important }


.holder {margin:0px auto; max-width:1080px; padding:10px 30px 0; position: relative;
    z-index: 99999; }
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.holder:after {	clear: both;}

header { width:100%; background: #ffffff; box-sizing:border-box;position: relative;
    z-index: 999999;}
header .holder {padding:20px 0px 0px;border-bottom:0px;}
header .info {float:right; width:70%;  text-align:right; height:18px; color:#333; font-weight:600; font-size:1.2em; line-height:1.3em; margin:5px 0 0 0; position:relative; z-index:999;}
header .info a {clear:both; color:#333; text-decoration:none}
header .logo { float:left; width:17.5%; margin:0px 0 0 0;height:auto; position:relative; z-index:999;  }
header .logo span {display:none}
header .logo img{ width:99%}

.phone-contact-h {float:right; color: #333 !important;height:28px; width:28px; border-radius:50%; background: #D51917 url(images/phone-icon.png) no-repeat 0px 0px; background-size:60% 60%; background-position:center center; padding-left:0px; margin: -2px 10px 0 0px;  }
.phonetext {float:right; color:#333;  font-weight:600; font-size:1.4em}
.phonetext a{color:#333; }

.email-contact-h {float:right; color: #333 !important;height:28px; width:28px; border-radius:50%; background: #D51917 url(images/email-icon.png) no-repeat 0px 0px; background-size:60% 60%; background-position:center center; padding-left:0px; margin: -2px 10px 0 0px;  }
.emailtext {float:right; color:#333;  font-weight:600; font-size:1.4em}
.emailtext a{color:#333; }

.fb-contact-h {float:right; color: #333 !important;height:28px; width:28px; border-radius:50%; background: #D51917 url(images/facebook-logo.png) no-repeat 0px 0px; background-size:60% 60%; background-position:center center; padding-left:0px; margin: -2px 10px 0 0px;  }
.tw-contact-h {float:right; color: #333 !important;height:28px; width:28px; border-radius:50%; background: #D51917 url(images/twitter-logo.png) no-repeat 0px 0px; background-size:60% 60%; background-position:center center; padding-left:0px; margin: -2px 10px 0 0px;  }

.animate {-webkit-transition:all 0.4s ease-out;     -moz-transition:all 0.4s ease-out;    -ms-transition:all 0.4s ease-out;    -o-transition:all 0.4s ease-out;     transition:all 0.4s ease-out;}

/*FLEX CAROUSEL */
.flexslider {clear:both;}
.flexslider  .holder {text-align:center;  position:relative; z-index:9999}
.flexslider .slides li {    position:relative; height:300px; background-size:cover;}
.flexslider a {cursor:pointer;position: relative;display: inline-block;text-align:center; text-transform:uppercase;  margin: 0px 0px 0 0; font-weight:600; font-size:1.1em; width:auto; box-sizing:border-box; border:0px;padding:10px 15px;  text-decoration:none;background-color:#D51917; color:#fff ;line-height:100%; }
.flexslider a:hover {color:#D51917; background-color:#fff ;}
.flexslider .slides li .title{font-weight:400; font-size:2.8em; font-style: italic;  color:#fff;  margin:60px 0px 10px ; 	letter-spacing:-1px;  line-height:1.1em; text-align:center;  text-shadow: 3px 3px 0px rgba(0,0,0,0.2);}
.flexslider .slides li .strapline{font-weight:400; font-size:2.5em; font-style: italic; color:#fff;  margin:0px 0 20px; 	letter-spacing:-1px;  text-align:center; line-height:1.1em;  text-shadow: 3px 3px 0px rgba(0,0,0,0.2);}

/*FLEX CAROUSEL */




#carousel2 { clear:both;margin-bottom:20px;} 
#carousel2 .slide {height:360px;background-color:#eee; position:relative; background-size:cover; background-position:center center}
#carousel2 .slide .holder { text-align:center;  position:relative; z-index:9999; }
.ctitle{font-weight:600; font-size:2.2em; color:#333;  margin:20px 0px 20px ; 	letter-spacing:-2px;  line-height:1em; text-align:left; }


/*mainholder {position:relative;z-index:9999999;clear:left;float:left; width:100%; margin:0px 0 0px;height:auto;color:#333; text-align:left; background-color:#fff; padding:30px 30px 20px; box-sizing:border-box }*/
.mainholder {position:relative;z-index:9999999;clear:left;float:left; width:100%; margin:15px 0 15px;height:auto;color:#333; text-align:left; background-color:#fff; padding:0px 0px 30px; box-sizing:border-box }
.maintextbox {clear:left;float:left; width:65.5%; margin:0% 0 0;height:auto;color:#333; text-align:left; background-color:''; padding:0 }
.maintextbox p, .mainholder p{color:#333; text-align: center  }
.maintextbox a, .mainholder a { text-decoration:none; color: #333; font-weight:400;}
.maintextbox a:hover, .mainholder a:hover {text-decoration:underline;}


.sidebar { width:31%;float:right; margin:0% 0 0 0 ; }
.sidebar .box1, .sidebar .box2 {float:left; width:100%; margin:0 0% 10% 0%; height:auto; background-color: #fff; padding: 0 0 5% 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.sidebar img { width:100%}
.sidebar h2 {width:100%; margin:3% 0 -2% 0}
.sidebar .box1 .btn ,.sidebar .box2 .btn,
.sidebar .box1 p, .sidebar .box2 p { color: #333; padding:0 10%}
.mainholder ul ,.maintextbox ul ,.maintextbox ol , .sidebar ul {padding:10px 0% 0; text-align: center;}
.mainholder ul li , .maintextbox ul li , .sidebar ul li {display: block;
    position: relative; list-style-type: none;line-height:1.5em; margin:0px 0 0 0%;font-weight:400; font-size:1.25em;}

.mainholder ul li:before {
    content: "";
    background: url(images/bbullet.png) left top no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}


.maintextbox ol li {list-style-type: default; padding-left: 30px;line-height:1em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; } 
.sidebar ul li {padding-left: 30px;}
.maintextbox ul li a, .sidebar ul li a{ color:#333333; font-weight:normal;}
.maintextbox ul li a, .sidebar ul li a:hover{text-decoration:underline !important; }
.mainholder ul > li > ul > li , .maintextbox ul > li > ul > li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 60px;line-height:1.3em; margin:2% 0 0 0%;font-weight:400; font-size:1em; }

.col { float:left;  width:23.5%; margin-right:2%; height:auto; 	box-sizing: border-box; 	 }
.col:nth-of-type(4n){margin-right:0%;}
.fancybox:nth-of-type(4n) .col{margin-right:0%;}
.col img{width:100%; }

.half { float:left; width:49%; margin-right:2%; height:auto; 	 }
.half:nth-of-type(2n){margin-right:0%;}

.half2 { float:right; width:49%; margin-left:0%;}
.col .icon {height:100px;}




.propholder {background:#e6e6e6;padding:20px 0 30px; text-align: center }
.propholder h2 {font-size:2.7em; text-align:center; margin-bottom:20px;color:#D51917 }
.propholder .propimg { display:block; overflow:hidden; position: relative; padding-bottom: 66%; margin-top:0px;margin-bottom:0px;  	box-sizing: border-box; background-position:center center; background-size:cover; background-repeat:no-repeat}
.propholder a:nth-of-type(4n) .col{margin-right:0;}
.propholder p {text-align: center !important; line-height:1.1em; }
.propholder p.proptitle {float:left; width:100%; text-align: center !important; font-weight:bold; padding:5px 0 0px;}
.propholder p.propprice {float:left; width:100%; text-align: center !important; color:#D51917; font-weight:bold; margin:5px 0 0 0; padding:0px 0 10px;}
.propholder button {margin:0px auto 30px; border:0px; font-size:0.7em; font-weight:600;padding:5px 10px; background:#D51917; color:#ffffff; text-transform: uppercase}
.propholder .statusflag {
    position: absolute;
    z-index: 9999;
    font-size: 0.7em;
	font-weight:bold;
    top: -126px;
    left: -126px;
    height: 200px;
    width: 200px;
    background: #D51917;
    color: #ffffff;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    line-height: 370px;
}


#quoteholder {clear:both; width:100%; background: #ffffff url('images/njp-watermark1.png'); height:240px; }
#quoteholder blockquote { width:100%;color:#D51917; margin: 0 0;padding: 30px 60px;position: relative;z-index:1; box-sizing:border-box; text-align: center}
#quoteholder blockquote div{ width:100%;}
#quoteholder blockquote p {font-size:2.2em; margin-top:0px; letter-spacing:-1px; line-height: 1.1em; font-weight:400; font-style:italic; text-align:center;}
#quoteholder blockquote button { margin:20px auto; border:0px; font-size:1em; font-weight:600;padding:7px 15px; background:#000000; color:#ffffff; text-transform: uppercase;}

#quoteholder .cycle-slideshow {clear:both; overflow:visible;}
#quoteholder .prev,
#quoteholder .next {cursor:pointer;clear:both;margin:-180px 0 0 -70px; float:left; font-size:4em; font-weight:100; color:#ccc}
#quoteholder .next {float:right; margin:-180px -70px 0 0;}
#quoteholder .prev:hover,
#quoteholder .next:hover {color:#aaa}


#gmap {height:300px; margin-bottom:20px;}
#hours {margin-right:0%;float:right;height:300px;background-color:#D0D491; margin-bottom:20px;}

#contactfooter {clear:both; width:100%; color:#666; background: #D51917 ;margin:0px auto 0; }
#contactfooter .holder {line-height:150%; font-weight:normal; margin:0px auto 0px; padding:25px 0 20px; }
#contactfooter a { color:#fff; text-decoration:none;}
#contactfooter a:hover { color:#fff; text-decoration:underline;}
#contactfooter .title {margin:0px 0 10px; font-size:1.4em; font-weight:600; color:#fff;}
#contactfooter p  {color:#fff;font-size:1.1em; line-height:1.2em; margin:0px 0 0px;  text-align:left}
#contactfooter img  {width:auto;}

#contactfooter .holder .col:nth-of-type(2) span{ display:none !important }
#contactfooter .holder .col:nth-of-type(2) .follows{ display:none; }

#basefooter {font-size:1.0em;width:100%; background-color:#fff; color:#666; padding:0px 0}
#basefooter .holder {padding:10px 0;}
#basefooter .holder div {width: 33%;float:left; text-align:left}
#basefooter .holder div:nth-of-type(2) {text-align:center}
#basefooter .holder div:last-of-type {width: 33%;float:right; text-align:right}
#basefooter .holder a { color:#666;}	

#whyus {background:#fff;padding:10px 18px;  height:auto;}
#whyus .form2 {float:right;width:48%;}
#whyus h2 {color:#003D92;font-weight:400; font-size:1.6em; letter-spacing:-1px; }
#whyus .bullets {float:left;  width:52%; }

#formsent {display:none; background:#D51917; text-transform:uppercase; width:190px; height:155px;  border-radius:50%; border:0px;color:#ffffff; line-height:1em; transition:0.5s; font-size:1.5em; text-align:center; margin:10px 0 0 30px; padding-top:35px}
fieldset.hp {position:relative;border:0; margin:0; padding:0;}
fieldset.hp input{width:100%; padding:2% 4%; box-sizing:border-box; background:#eee; border:0px; margin:11px 0 0 0;  transition:0.5s;}
fieldset.hp input.error { background:#666; color:#ffffff; font-style:italic}

fieldset.hp button{position:absolute; right:-32px; bottom:-32px; background:#D51917; text-transform:uppercase; width:94px; height:94px; border-radius:50%; border:0px;color:#ffffff; line-height:1em; transition:0.5s;}
fieldset.hp button:hover {background: #D51917 ;}
.respbtn {display:none;}

table {border:1px solid #ccc; margin:3% 0}
table p {margin:0px}
th {padding:  5px 6px; border-right:0px solid #ccc; text-align:center;border-bottom:1px solid #ccc;width:20%;font-weight:700; }
th h2 a, th h2{text-align:center !important; color:#4D94CC !important; }
th h3 {text-align:center !important; font-size:1.6em; color:#333; margin:0px }
tr {border-bottom:1px solid #ccc;margin:0px}
td {padding: 5px 6px; font-size:1em;border-right:0px solid #ccc;text-align:center; width:20%; box-sizing:border-box}
td:last-child, th:last-child {border-right:0px !important; border-bottom:0px !important;}

tr:last-child {border-bottom:0px !important;}


.half .listing,
.half2 .listing {clear:both;}

.date {font-weight:600; color:#333 !important; margin:0 !important}

.half .listing a,
.half .listing a:hover,
.half2 .listing a,
.half2 .listing a:hover  {text-decoration:none;}

.half .listing img {width:100%; height:auto; float:left; margin:0 0 20px;}
.half2 .listing img {clear:both;}
.half .listing h2 {margin-bottom:20px;}

.half2 .listing .ncontent {float:left;width:65%}
.half2 .listing img {width:30%; float:left; margin:0 5% 5% 0;}


#firstlogin  {  width:260px; margin:20px 0 0px; padding:10px 20px 20px 00px;background:#fff;border:1px solid #ccc }
#firstlogin h1{margin:5px 0px 10px 20px; color:#000000; font-size:1.4em;}
#firstlogin p{margin:5px 0px 10px 20px; color:#000000;}
#firstlogin fieldset{width:260px; margin:0px;padding:0px;font-size:1em; border:0px; }
#firstlogin fieldset label {float:left;  margin:6px 0px -6px -20px;padding:0px; height:30px; width:80px;color:#000000 }
#firstlogin li {list-style:none; margin:0px; }
#firstlogin fieldset input  {float:right; font-size:1em; width:142px;border: solid 1px #aaaaaa; 
padding:5px; margin:0px 0px 5px 5px; 
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
}










/*SEARCH RESULTS*/


.property {width:100%;  margin:10px 0 25px; border:0px solid rgba(100, 100, 100, 0.3); background-color:#ffffff;}
.property:before, .property:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.property:after {	clear: both;}

.property:hover {background-color:#F4F4F4;}
.property .image{float:left; width:40%;  margin:2% 2% 1.2% ; border:0px solid rgba(100, 100, 100, 0.3); background-color:#fff; position:relative}
.property .image img.prop{max-width:100%; border:0; padding:0px; margin:0px;}
.property .image img.banner{position:absolute; top:3%; left:2%;}
.property .info{ float:right; width:54%;  margin:0px 2% 0px 0; padding:0px;}

.property .info p.loc{ text-align:left; font-size:1.2em;font-weight:600; margin:10px 0 0 0; color:#D51917}
.property .info p.price{text-align:left; margin:0 0 0 0; font-size:1.1em;font-weight:400; color:#666}
.property .info p.type{text-align:left; margin:3px 0 0 0; font-size:1.0em;font-weight:400;}
.property .info p.desc{text-align:left; margin:5px 0 20px 0; font-size:1em; font-weight:normal}
.property .info a.btn{float:right; margin:10px 0 20px 0; padding:6px 10px;font-size:0.8em; width:auto !important}

ul.pager {text-align: left;float:left;margin:10px 0 0 ;  padding:0;  width:100%;  display:block; list-style:none; margin-bottom:10px;}
ul.pager li{text-align: left; padding: 5px 7px;line-height:1em; margin:0 10px 0 0;  background-color:#eee;  color:#000 !important; display: inline-block; }
ul.pager li:before{background: ''; width:0; height:0; margin: 0}
ul.pager li:hover { padding: 5px 7px;  margin:0 10px 0 0; border:0px solid #000000;  text-decoration:none !important; background-color:#ccc; color:#D51917;}
ul.pager li a {font-weight:bold; text-decoration:none !important; color:#000 !important;}
ul.pager li a:hover {text-decoration:none !important;}

ul.pager li.selected, ul.pager li.selected a { background-color:#D51917 !important; color:#ffffff !important;}

#orderby {float:right; margin-top:-35px; font-family: 'Open Sans', sans-serif;}

.sidebar2 {float:right; width:25%;margin:1.5% 0 0 0 ; padding: 2% 2% ; border:0px solid #ccc; background-color:#efefef}
.sidebar2 h2 {width:100%; font-size:1.5em;margin:0% 0 0 0}
.sidebar2 fieldset {    clear: both;    border: 0px;    margin: 0px 0 0 0;    padding: 0px 0 0 0;}
.sidebar2 fieldset label {clear:both;float:left;width:190px; margin:5px 0 0; height:25px; font-size:1em; color:#D51917; }
.sidebar2 fieldset label.long {clear:none;width:auto; }
.sidebar2 fieldset input {text-indent: 7px;float:right;width:100%; margin:0px 0 15px; background-color: rgba(0, 0, 0, 0.2); border:0px; height:30px;}
.sidebar2 fieldset input[type=radio] { clear:both;float:left;width:auto; margin:-2px 6px 2px 0; background-color:#efefef;}
.sidebar2 fieldset select {width:100%;margin:0px 0 15px;    background-color: rgba(0, 0, 0, 0.2); border-radius:0px !important;height: 30px; font-size: 1em; border:0px;}
.sidebar2 fieldset button {clear:both;float:left;width:100%; margin:20px 0px 0 0; padding:5px 0; background-color:#D51917;color:#ffffff; border:0px;  font-size:1.0em; font-weight:500; text-transform: uppercase}





/*SEARCH RESULTS*/

#property {width:100%; height:auto}

#property img {width: 100%;top:0px; left:0px; position:relative; z-index:1}
#property .details {position: absolute;    top: 30px;  bottom:0; left: 0;    width: 100%; z-index:2; }
#property .details h1{text-align:left}
#property .details h1 span{font-size:1.5em;background-color:rgba(255,255,255,.8); padding:0px 10px; width:auto; line-height:1.5em}
#property .details .price span{font-size:1.9em;background-color:rgba(255,255,255,.8); padding:5px 10px; width:auto; line-height:1.35em}
#property .details .type span{font-size:1.3em;background-color:rgba(255,255,255,.8); padding:5px 10px; width:auto; line-height:2.25em;}
#property .details .vt {float:right;margin-top:510px;}
#property .details .vt span{ float:left;font-size:1.3em;background-color:#D51917; padding:3px 16px; width:auto; line-height:1.85em; }

#thumbnailrail {float:left; position: relative; top:auto; height:80px;    width: 100%; z-index:1113;background-color:#fff; overflow:hidden;}
#thumbnailrail img{height:78px; width:auto; border:1px solid #fff; margin-left:-1px;}
#thumbnailrail ul {width:200%; padding:0px; margin:0px}
#thumbnailrail li {display:inline; padding:0px; margin-right:-4px;}


#preloader {
	position: fixed;
	z-index: 9999999;
	width: 100%;
	height: 100%; top:0;
	background:#fff url(images/Loading_icon.gif) no-repeat center center;
	opacity:0.9;
}















@media only screen 
and (min-width : 991px) 
and (max-width : 1079px){


.holder {margin:0px auto; max-width:960px;  }

header .logo { float:left; width:20.5%; margin:8px 0 0 0;height:auto; position:relative; z-index:999;  }



}




@media only screen 
and (min-width : 0px) 
and (max-width : 991px){
	
	

.holder {width:100%;font-size:1em; padding:0}
header .holder {padding:10px 0px; }

header { width:100%; margin:0px; height:80px;padding:0px; }
header .logo { float:left; height:57px;width:24%; margin:0;position:relative; z-index:99999; }
header .logo img{margin:8px 0% 0 20px; height:47px; width:auto;}
header  .info {width:60%; float:right; margin:12px 72px 0 0;position:relative; z-index:999999; }
header  .info a{color:#333 !important; }
header .strapline{width:100%; height:25px; background-color:#53A090; padding-left:12px; font-size:0.88em}

.phonetext {line-height:120%;  }
.phone-contact-h {float:right; height:32px; width:32px; background-size:60% 60%; background-position:center center; padding-left:0px; }

.emailtext {line-height:120%;}
.email-contact-h {float:right;height:32px; width:32px;background-size:60% 60%; background-position:center center; padding-left:0px;  }

	
.fb-contact-h {float:right; height:32px; width:32px;    margin: -2px 10px 0 0px;  }
.tw-contact-h {float:right; height:32px; width:32px;   margin: -2px 10px 0 0px;  }


#bc {background-color:#eee; width:100%; margin-bottom:2%; }
#breadcrumb {width:auto; padding:20px 3%; color:#818181; box-sizing:border-box; }
 
.half { float:left; width:49%; margin-right:2%; height:auto; 	 }
.half:nth-of-type(2n){margin-right:0%;}
.filled { display:block;  margin-top:20px;margin-bottom:60px; height:160px; 	box-sizing: border-box; }
.half2 { float:right; width:49%; margin-left:0%;}

.fadebox {position: absolute;  z-index:9;  top: 0;    left: 0;    right: 0;    bottom: 0;    margin: 0;   opacity:0.1; background:#D51917;    transition:0.5s;}
.fadetitle { position: absolute; z-index:10;   top: 170px;   left: 0px;   right:0px;font-size:1.5em; letter-spacing:-2px;  transition:0.5s; line-height:1em; text-align:center}
.fadebox p {text-align:left; padding:10px 25px; box-sizing:border-box; font-size:1.45em; line-height:1.3em;opacity:0.0; transition:0.5s;}
.fadebox button {position: absolute;  right: -15px;  bottom: -15px;  background: #EBEBEB;  text-transform: uppercase;  width: 88px;  height: 88px;  border-radius: 50%;  border: 0px;  color: #666666;font-size:0.85em;font-weight:600;letter-spacing:-1px;  line-height: 1em;}

.col .icon {height:100px;}

a:hover .fadebox {    opacity:0;}
a:hover .fadetitle {    color:#555; }
a:hover .fadebox p {opacity:0;}


#contactfooter {clear:both; width:100%;;margin:0px auto 0;}
#contactfooter .holder { width:94%; margin:0 3% 1% 3%; background:none;}
#contactfooter .title {margin:0px 0 10px; font-size:1.2em; }
#contactfooter p  {font-size:1.1em; line-height:1.2em; margin:0px 0 0px;  text-align:left}
#basefooter {width:100%; padding:6px 0}
#basefooter .holder a {}	



.maintextbox, .sidebar {clear:left;float:left; width:100%; margin:0% 0%;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0%}

.maintextbox p, .mainholder p{color:#333;  }
.maintextbox a:hover, .mainholder a:hover, .sidebar a:hover {}
.mainholder {clear:left;float:left; height:auto;color:#333; text-align:left; padding:0px 3% 0 3% !important}



#carousel2 { clear:both;margin-bottom:0px;} 
#carousel2 .slide {height:auto; padding:100px 0px; box-sizing:border-box}
#carousel2 .slide .holder .title{ margin-top:50px;font-size:5.6vw;  	letter-spacing:-3px;  line-height:1em; padding:0 30px}
#carousel2 .slide .holder .strapline{font-size:3.6vw; letter-spacing:-2px;  line-height:1.2em}


.propholder {padding:20px 20px 30px; box-sizing:border-box }

#quoteholder {clear:both; width:100%; margin-top:0px; height:auto;}
#quoteholder blockquote { width:100%; font-size:1.0em;letter-spacing:-2px;text-align:center;margin: 0 0;padding: 70px 20px;line-height: 1.1em;position: relative;z-index:1; box-sizing:border-box}
#quoteholder blockquote div{ width:90%; margin:0 5%}


#quoteholder .cycle-slideshow {clear:both; overflow:visible;}
#quoteholder .prev,
#quoteholder .next {cursor:pointer;clear:both;margin:-200px 0 0 20px; float:left; font-size:4em; font-weight:100; }
#quoteholder .next {float:right; margin:-200px 20px 0 0;}
#quoteholder .prev:hover,
#quoteholder .next:hover {}


}





@media only screen 
and (min-width : 0px) 
and (max-width : 690px){


.flexslider .slides li {    position:relative; padding-top: 12%;background-size:cover; background-position:center 0px;}
.flexslider .slides li .title { font-size: 7vw; padding-left:30px; ; padding-right:30px; box-sizing: border-box}
.flexslider .slides li .strapline { font-size: 7vw; padding-left:30px; ; padding-right:30px; box-sizing: border-box}
.phonetext {display:none;}
.phone-contact-h {float:right; color: #777 !important;height:32px; width:32px;margin: 0px 0px 0 0px; }

.emailtext {display:none;}
.email-contact-h {float:right; color: #777 !important;height:32px; width:32px; margin: 0px 15px 0 0px;}

	.fb-contact-h {float:right; height:32px; width:32px;   display:none  }
.tw-contact-h {float:right; height:32px; width:32px;  display:none  }


.col { float:left;  width:49%; margin-right:2%; height:auto; 	box-sizing: border-box; 	 }
.col:nth-of-type(odd){margin-right:2%;}
.col:nth-of-type(even){margin-right:0%;}
.col img{width:100%; }

.col .icon {height:130px;}

.fancybox .col{float:left;  width:49%; margin-right:2%;  	box-sizing: border-box;  }
.fancybox:nth-of-type(odd) .col{margin-right:2%;}
.fancybox:nth-of-type(even) .col{margin-right:0%;}

.propholder .col {float:left;  width:49%; margin-right:2%;}
.propholder a:nth-of-type(4n) .col{margin-right:auto;}
.propholder a:nth-of-type(2n) .col{margin-right:0;}
 
.half { float:left; width:49%; margin-right:2%; height:auto; 	 }
.half:nth-of-type(2n){margin-right:0%;}
.filled { display:block;  margin-top:20px;margin-bottom:60px; height:240px; 	box-sizing: border-box; }
.galpic { display:block;  margin-top:20px;margin-bottom:0px; height:200px; 	box-sizing: border-box; }

.half2 { float:right; width:49%; margin-left:0%;}

.fadebox {position: absolute;  z-index:9;  top: 0;    left: 0;    right: 0;    bottom: 0;    margin: 0;   opacity:0.1; background:#D51917;    transition:0.5s;}
.fadetitle { position: absolute; z-index:10;   top: 250px;   left: 0px;  font-size:1.7em; letter-spacing:-2px;  transition:0.5s; line-height:1em;}
.fadetitle br {display:none;}
.fadebox p {text-align:left; padding:10px 25px; box-sizing:border-box; font-size:1.45em; line-height:1.3em;opacity:0.0; transition:0.5s;}
.fadebox button {position: absolute;  right: -15px;  bottom: -15px;  background: #EBEBEB;  text-transform: uppercase;  width: 88px;  height: 88px;  border-radius: 50%;  border: 0px;  color: #666666;font-size:0.85em;font-weight:600;letter-spacing:-1px;  line-height: 1em;}

#contactfooter .holder { width:94%; margin:0 3% 1% 3%; background:none;}
#contactfooter .thanks {float:left; width:100%; font-size:1.0em;  font-weight:600; letter-spacing:-1px;margin:12px 0 3% 0%;}
#contactfooter .thanks .title {margin-bottom:10px;}
#contactfooter .thanks img {width:100%; margin-top:-10px; }
#contactfooter .info  {float:right; width:100%; text-align:center; color:#333;font-size:0.9em; line-height:1.2em; margin:0px 0 20px; }


#contactfooter .holder .col {width:100%; text-align:center;margin:0px 0 10px }
#contactfooter p  {line-height:1.2em; margin:0px 0 0px;  text-align:center}

#basefooter .holder {font-size:1em;}
#basefooter .holder div {width: 100%;float:left; text-align:center; font-weight:300; }
#basefooter .holder div a {font-weight:300;text-align:center }
#basefooter .holder div:last-of-type {width: 100%;float:right; text-align:center}


	
	
	
/*SEARCH RESULTS*/
.property {width:100%;  margin:10px 0 25px; border:1px solid rgba(100, 100, 100, 0.3); background-color:#FEFBE6;}
.property:hover {background-color:#F4F4F4;}
.property .image{float:left; width:94%;  margin:2% ; padding:1% 1% 0 1%;border:1px solid rgba(100, 100, 100, 0.3); background-color:#fff; position:relative}
.property .image img.prop{max-width:100%; border:0; padding:0px; margin:0px;}
.property .image img.banner{position:absolute; top:1%; left:1%;}
.property .info{ float:right; width:94%;  margin:0px 2% 0px 2%; padding:0px;}
.property .info p.desc{display:none;margin:5px 0 0 0; font-size:0.85em;}
.property .info a.btn{float:right; margin:10px 0 20px 0; padding:6px 10px;font-size:0.8em; width:auto !important}

#orderby {float:left; width:100%; margin-top:0px; }

.sidebar2 {clear:left;float:left; width:94%; margin:3% 0;height:auto;color:#333; text-align:left; background-color:#fff; padding:3%}
.sidebar2 h2 {width:100%; font-size:1.5em;margin:0% 0 0 0}
.sidebar2 fieldset label {clear:none;float:left;width:90px; margin:5px 0 0; height:25px; font-size:0.9em;}
.sidebar2 fieldset label.disappear {display:none;}
.sidebar2 fieldset label.long {clear:none;width:100% }
.sidebar2 fieldset input {float:right;width:100%; margin:0px 0 15px; background-color: rgba(0, 0, 0, 0.2); border:0px; height:30px;}
.sidebar2 fieldset input[type=radio] { clear:both;float:left;width:auto; margin:-2px 6px 2px 0; background-color:#F9DC0D;}
.sidebar2 fieldset select.long {width:100%;margin:0px 0 15px;}
.sidebar2 fieldset select.r  {float:right;}
.sidebar2 fieldset br {display:none; }

/*SEARCH RESULTS*/

#property .details {position: absolute;    top: 15px;   left: 0;    width: 100%; z-index:2; }

#property .details h1{text-align:left}
#property .details h1 span{font-size:0.6em;background-color:rgba(255,255,255,.8); padding:5px 16px; width:auto; line-height:1.5em}
#property .details .price span{font-size:1.1em;background-color:rgba(255,255,255,.8); padding:3px 16px; width:auto;font-family: 'Signika', sans-serif;}
#property .details .type span{display:none;font-size:1.3em;background-color:rgba(255,255,255,.8); padding:3px 16px; width:auto;font-family: 'Signika', sans-serif; line-height:1.85em;}
#property .details .vt {float:right;margin-top:100px; }
#property .details .vt span {font-size:1.1em;padding:0px 10px; }

#thumbnailrail {float:left; position: relative; top:-5px; height:50px;    width: 100%; z-index:1113;background-color:#f3f3f3;}
#thumbnailrail img{height:48px; width:auto; border:1px solid #fff;}



}


@media only screen 
and (min-width : 0px) 
and (max-width : 480px){


.col { float:left;  width:100%; margin-right:0%; height:auto; 	box-sizing: border-box; 	 }
.col:nth-of-type(odd){margin-right:0%;}
.col:nth-of-type(even){margin-right:0%;}
.col img{width:100%; }


.fancybox .col{float:left;  width:100%; margin-right:0%;  	box-sizing: border-box;  }
.fancybox:nth-of-type(odd) .col{margin-right:0%;}
.fancybox:nth-of-type(even) .col{margin-right:0%;}


.propholder .col {float:left;  width:100%; margin-right:0%;}
.propholder a:nth-of-type(4n) .col{margin-right:auto;}
.propholder a:nth-of-type(2n) .col{margin-right:0;}
 
.col .icon {height:180px;}

.half { float:left; width:100%; margin-right:0%; height:auto; 	 }
.half:nth-of-type(2n){margin-right:0%;}
.filled { display:block;  margin-top:20px;margin-bottom:40px; height:300px; 	box-sizing: border-box; }
.half2 { float:right; width:100%; margin-left:0%;}
.galpic { display:block;  margin-top:20px;margin-bottom:0px; height:300px; 	box-sizing: border-box; }


.fadebox {position: absolute;  z-index:9;  top: 0;    left: 0;    right: 0;    bottom: 0;    margin: 0;   opacity:0.1; background:#D51917;    transition:0.5s;}
.fadetitle { position: absolute; z-index:10;   width:100%; top: 310px;   left: 0px; font-size:1.8em; letter-spacing:-2px;  transition:0.5s; line-height:1em; text-align:center}

header .info {float:right; width:50%;  }

.half2 .listing .ncontent {float:left;width:100%}
.half2 .listing img {width:100%; float:left; margin:5% 0;}
}



.showf {display:none; }