@import url('bspcss/flexo-rules.css');

:root{
	--brand-c1:#0482C1; /*var(--brand-c1);*/
	  --brand-c1-t6:rgba(4,130,193,0.60)
          --brand-c1-t4:rgba(4,130,193,0.40)
	--brand-c2:#303030;
	  --brand-c2-t6: rgba(48,48,48,0.60);
          --brand-c2-t4: rgba(48,48,48,0.40);
	--brand-c3: green;
	--brand-c4: purple;
	--brand-radial-bg: radial-gradient(circle at 30%, var(--brand-c3) 30%, var(--brand-c2));
           --brand-linear-bg: linear-gradient(direction, color-stop1, color-stop2, ...); 
	--base-font: 16;
	--draft-gold: #a0884f;
	--draft-sbubble: #133B29;
	--base-lightgrey: #f1f3f6;
	--chosen-font1:  'Urbanis' , sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--brand-c1);
	text-transform: capitalize !important;
}
h3{
	font-size: 22.5px !important;
	
}
body{
	font-family: 'Open Sans', sans-serif;
}

#ctl00_ContentPlaceHolderMain_panDefinableFieldsCol2  span  button span.fa{
	font-size: 26px;
}
#ctl00_ContentPlaceHolderMain_panDefinableFieldsCol2  span  button span.fa-square-o{
    display: inline-block;
   _border: 3px solid var(--brand-c1);
	color: var(--brand-c1);
	font-size: 26px;
	
}


.intro-text .pannel{
	background:rgba(235,235,235,0.40);
	_border: 2px solid #f1f3f6;
	padding: 30px 40px;
	border-radius: 5px;
	font-size: 18px;
	text-align: center;
}

.bgcolorpicker{
	color:rgba(4,130,193,1.00)

}
.hide-control .quick-hide,
.quick-hide{
	display: none;
	height: 0;
	visibility: hidden;
}
.range-center{
    text-align: center;
}
.range-center img{
    display: block;
    margin: 0 auto;
}
html{
 scroll-behavior: smooth;
}

#listing-header {
	margin-top: 12px;
}


.btn-default-color:hover, .btn-default-color:active, .btn-default-color.active, .open .dropdown-toggle.btn-default-color {
    background-color: transparent;
    border-color: var(--brand-c1);
    color:  var(--brand-c1);
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-height:100%;
}

#banner-container {
	background-position:center;
	height: 60px;
}
#banner-title {
 top:12px;
}
.newsbanner #banner-title {
	font-size:26px;
}
.normal #banner-title {
	padding-top:166px
}
@media (max-width: 1024px) {

	.newsbanner #banner-title {
	font-size:18px;
}
}
@media (max-width: 767px) {
#banner-title {
 top:10px;
 font-size: 18px;	
}
	#banner-container {
	
	height: 48px;
}
	.newsbanner #banner-title {
	font-size:16px;
}
}
@media (max-width: 767px) {
.normal #banner-title {
	padding-top:2px !important;
	top:2px!important;
 	font-size: 18px;	
}
#banner-container {
	background-position:center bottom;
	height: 48px !important;
}
}





.footer-listings li .image {height: 45px; top:6px;}

/* Property Carousel Hover */
.owl-controls .owl-buttons div.owl-prev:hover,
.owl-controls .owl-buttons div.owl-next:hover {
  background: #555555;
  color: #ffffff;
}

.multibranch-selector ul {
  top: 25px;

  background-color: #999ea2;

}

.nav-tabs {
 display: block;
}

/* #Logo and Menu Background */
.nav-logo img{
	height:100px;
}
.nav-logo {
	height:120px;
	margin: 0 0 8px 0;
}
/* hide logo - Sarah, the client, request */
.nav-logo.toggle-logo{
	height: 0;
	display: none;
	visibility: hidden;
}
#nav-section.shrink .nav-logo.toggle-logo  {
  height: 90px;
  margin: 10px 0 8px 0;
	display: block;
	visibility: visible;
}

#nav-section.shrink .nav-logo.toggle-logo img {
  height: 80px;
	
}
/*
#nav-section.shrink .nav-logo img {
  height: 80px;
}
#nav-section.shrink .nav-logo  {
  height: 90px;
	margin: 0 0 8px 0;
}
*/

#nav-section.shrink .navbar-nav > li > a {
  line-height: 98px;
}

@media (max-width: 767px) {
.nav-logo img{
	height:50px;
}
.nav-logo {
	height:65px;
	margin: 10px 0 10px 0;
}
}
@media (max-width: 375px) {
.nav-logo img{
	height:65px;
}
.nav-logo {
	height:65px;
	margin: 0 0 8px 0;
}
#nav-section.shrink .nav-logo img {
    height: 65px;
}
}


.shrink #nav-mobile-btn {
  margin-top: 30px;
    margin-bottom: 30px;
}

.navbar {
	margin: 0;
}

/* # Navigation */
.navbar-nav > li > a {
  padding: 0px 0px 0px 30px;
  display: block;
  color: #000000;
  line-height: 128px;
font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;

}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav > li > a:hover,
.nav > li > a:focus,
.navbar-nav > li > a.active {
  background-color: transparent;
  color: var(--brand-c1);
}


#nav-mobile-btn {
    background-color: var(--brand-c1);
    border: 0;
    color: #fff;

}
#nav-mobile-btn:hover{
	 background-color: #000;
}

.btn-fullcolor, .btn-fullcolor:focus {
    background-color: var(--brand-c1);
    border-color: transparent;
    color: rgba(255, 255, 255, 0.7);
}

.btn-fullcolor:hover {
    background-color: #000;
    border-color: transparent;
    color: rgba(255, 255, 255, 0.7);
}
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span {
    background: var(--brand-c1);
}

.carousel-style1 .item .amenities li [class^="icon-"],
.carousel-style1 .item .amenities li [class*=" icon-"] {
    color: var(--brand-c1);
    float: left;
    font-size: 20px;
    margin-right: 3px;
    margin-top: -3px;
}

.carousel-style1 .item .amenities li {
    color: #000;
}

.tp-leftarrow.default, .tp-rightarrow.default{
	_background: var(--brand-c1);
	background: rgba(0,0,0,0.8);
}

/* Drop Down Box Font Size */

.chzn-container-single .chzn-single  {
	font-size: 14px;
}

/* Featured Properites Anemity Font Size */
.carousel-style1 .item .amenities li {
	font-size: 14px;
}
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-menu > li > a.active {
  background-color: #fff;
  color: var(--brand-c1);
  border-left: 4px solid var(--brand-c1);
}
/* # Headings and Paragraphs */

.section-title,
.section-highlight {
  padding-bottom: 24px;
  position: relative;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
  clear: both;
  display: inline-block;
  width: 100%;
	color: var(--brand-c1);
	text-transform: uppercase;
}
.section-title {
	font-size:32px;
}
.section-highlight {
	font-size:26px;
}
.section-title:before, .section-highlight:before, .section-title:after, .section-highlight:after {
		background: none;
		  content: " ";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 0px;

}


/* Main menu li-a flashupdate V1.0*/
/* for jsSnippet*/
.navbar-nav .dropdown-menu  a.aflasupdate {
  _opacity: 1;
	color: inherit;
  font-weight: bold;
  animation: aflshupdate 2s ease-in 60 backwards;
}
@keyframes aflshupdate{
	0%{
		color: var(--brand-c2);
	}
	50%{
		color: var(--brand-c1); /* #D7292C;*/
	}
	100%{
		color: var(--brand-c2);
	}
}


.main {
	padding-top: 0;
}

/* # Body text */
body {
  font-size: 16px;
color: #111111;	

}


h3,h4 {
	padding: 0.7em 0;
	color: var(--brand-c1);
	text-transform: uppercase;
}

h3 {
	font-size: 28px;
}


/* # Text Link Text Colour*/

	a {
		color:var(--brand-c1);
	}
	a:hover {
		color:#555555;
	}
	
/* # Footer Text */



/* # Property Details Page */
#property-detail-large .item img {
	border: 1px solid #ffffff;
}
#property-detail-wrapper {
	border: 1px solid #ededed;
	background: #f5f5f5;
}
.lettingfees a, .lettingfees a:active, .lettingfees a:visited{
	color: #ffffff;
	text-decoration:underline;

}
.lettingfees a:hover{
	color: #ededed;
	text-decoration:underline;
}

/* # Property Status */
.status-available{
	background: url("Statusgreen.png");
}
.status-underoffer {
	background: url("Statusorange.png");
}
.status-exclusive {
	background: url("Statuspurple.png");
}
.status-sold {
	background: url("Statusred.png");
}
.status-newinstruction {
	background: url("Statuspurple.png");
}
.status-let {
	background: url("Statusred.png");
}
.status-notavailable {
	background: url("Statusred.png");
}


/* # Price Tags  */
.carousel-style1 .item .price {
  position: absolute;
  top: 0px;
  font-size: 14px;
  left: 0px;
  background-color: transparent;
  color: #fff;
  padding: 2px 20px 2px 10px;
  z-index: 10;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: 2px 4px 3px rgba(0,0,0,0.0);
}
.carousel-style1 .item .price span{
	font-size: 15px;
}
.carousel-style1 .item .price:before {
  border-width: 0;
}

.grid-style1 .item .price,
.grid-style2 .item .price,
.list-style .item .price,
.grid-style1 .item .tag,
.grid-style2 .item .tag,
.list-style .item .tag {
  position: absolute;
  top: 0px;
  left: 15px;
  background-color: transparent;
  color: #fff;
  font-size: 15px;
  padding: 2px 20px 2px 10px;
  z-index: 10;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: 2px 4px 3px rgba(0,0,0,0.0);
  
}
.grid-style1 .item .price,
.grid-style2 .item .price {
	font-size: 13px;
}
.grid-style1 .item .price span,
.grid-style2 .item .price span {
	font-size:14px;
}
.grid-style1 .item .price span,
.grid-style2 .item .price span,
.list-style .item .price span,
.grid-style1 .item .tag span,
.grid-style2 .item .tag span,
.list-style .item .tag span{
	font-size:16px;
}
.grid-style1 .item .price:before,
.grid-style2 .item .price:before,
.list-style .item .price:before,
.grid-style1 .item .tag:before,
.grid-style2 .item .tag:before,
.list-style .item .tag:before {
  border-width: 0;

}
#property-detail-wrapper.style1 .price {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: transparent;
  color: #fff;
  padding: 2px 20px 2px 10px;
  z-index: 10;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  box-shadow: 2px 4px 3px rgba(0,0,0,0.0);
}
.lettingfees a {
	color: #ffffff !important;
}

#property-detail-wrapper.style1 .price:before {

	
  border-width: 0;
}
/* # Property List Page */
.grid-style1 .item,
.grid-style2 .item,
.list-style .item {
  margin: 0 auto 43px;
  text-align: left;
  position: relative;
    -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border: solid 1px #ededed;
  

}
/* # Team Page */
.agents-list .item .info {
  width: 100%;
  margin-left: 3%;
}

/* # Contact Page */
.sidebar {
	
  padding-top: 0px;
  padding-bottom: 80px;
}

/*Custom Button Class */

.button-but,
.button-but:focus {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
}
.button-but:hover,
.button-but:active,
.button-but.active,
.open .dropdown-toggle.button-but{
  background-color: transparent;
  border-color: #999ea2;
  color: #999ea2;
}


.parallax {
	padding:85px 0 0 0;
}

	
	

/* # Action Box */
.action-box {
  background-color: #999ea2;
  padding: 40px 0;
  color: #fff;
  position: relative;
}
.action-box h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 40px;
}

.action-box.brand-c1 {
  background-color: var(--brand-c1);
  padding: 40px 0;
  color: #fff;
  position: relative;
}
.action-box.brand-c1 h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 40px;
}
.action-box.brand-c1 p {
	display: inline-block;
	width: 60%;
	
  color: #000;
  _text-transform: lowercase;
  font-size: 20px !important;
	line-height: 1.5em;
  margin-bottom: 40px;
}
.action-box.brand-c1 p strong,
.action-box.brand-c1 p i.fa-phone{
    /*color:var(--brand-c1);*/
	color: #fff;
	font-weight: 400;
	
}
.action-box.brand-c1 a i.fa-envelope {
	color:var(--brand-c1);
	
}

.action-box.brand-c1 a.btn-default {
	 background: #fff;
	color: var(--brand-c1);
	 height: auto;
     width: fit-content;
     padding: 9px 21px;
}
.action-box.brand-c1 a:hover i.fa-envelope,
.action-box.brand-c1 a.btn-default:hover {
	 background: var(--brand-c2);
	color:  #fff;
	
}
/*  Big Button Panel */
.colored-bg:before
{
  background-color: #999ea2;
}
.property-large-buttons2 li {
  width: 75%;

  color: #999ea2;
}
.aw-adjust{
	padding-bottom: 5px
}

/* # Slider Text */

.slider-title {
	font-family: var(--chosen-font1);
  font-size: 48px;
  font-weight: 800;
  color: #ffffff;
  line-height: 52px;
	text-align:center;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}
.slider-subtitle {
	
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  line-height: 52px;
	text-align:center;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}

a.tp-caption.btn-default.no-cursor  {
	color: #ffffff;
	background: var(--brand-c1);
	border-color: var(--brand-c1);
	font-size: 20px;
	text-align: center;
    cursor: none;
 
}
a.tp-caption.btn-default  {
	color: #ffffff;
	background: var(--brand-c1);
	border-color: var(--brand-c1);
	font-size: 20px;
	text-align: center;

 
}

a.tp-caption.btn-default:hover {
    background:  #000000;
	border-color:  #000000;
    height: auto !important;

}
.btn-default3{
	color: #ffffff;
	font-weight: 300;
	background: var(--brand-c1);
	border-color: var(--brand-c1);
	font-size: 24px;
	text-align: center;
	height: auto;
     width: fit-content;
     padding: 9px 21px;
}

.val {
	font-size: 18px;
	line-height: 44px;
	padding: 0px 10px 20px 10px;
	height: 48px;
	color: #ffffff;
	text-align: center;
}


@media (max-width: 767px) {
a.tp-caption.btn-default  {
	color: #ffffff;
	background: var(--brand-c1);
	border-color: var(--brand-c1);
	font-size: 46px;
	line-height:84px;
	top: -100px;

 
}

a.tp-caption.btn-default:hover {
    background:  var(--brand-c1);
	border-color:  var(--brand-c1);
    height: auto !important;
   line-height: 64px;
}


.val {
	
	line-height: 64px;
	padding: 0px 10px 20px 10px;
	height: 64px;
	color: #ffffff;
}


}
/* # Form - field size */
abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: none;
}

#home-advanced-search{
	background: transparent;
}


.form-control-text .form-control{
	border: 2px solid var(--brand-c1); /*rgba(255, 255, 255, 0.6);*/
	border-radius: none;
	_color: #ffffff;
	color: #000 !important;
	background: rgba(0, 0, 0, 0.0);/* #445263;*/
	
}


.form-control-propertytypegroup .chzn-single, /*new*/
.form-control-category .chzn-single,
.form-control-bedrooms .chzn-single,
.form-control-price .chzn-single,
.form-control-status .chzn-single
{
	border: none;
	border-radius: none;
	border-bottom: none;
	color: var(--brand-c1);
	background: none;
}
.form-control-propertytypegroup a.chzn-single div, /*new*/

/*.form-control-category a.chzn-single div,*/
.form-control-bedrooms a.chzn-single div,
.form-control-price a.chzn-single div,
.form-control-status a.chzn-single div
{
	color: var(--brand-c1);
	
}

 
.form-control-propertytypegroup .chzn-container, /*new*/
.form-control-category .chzn-container,
.form-control-bedrooms .chzn-container,
.form-control-price .chzn-container,
.form-control-status .chzn-container{
	border-bottom: 2px solid var(--brand-c2);
	-webkit-transition: border-bottom 1s ease;
	-moz-transition: border-bottom 1s ease;
	-ms-transition: border-bottom 1s ease;
	-o-transition: border-bottom 1s ease;
    transition: border-bottom 1s ease;
}

.form-control-propertytypegroup .chzn-container:hover,
/*.form-control-category .chzn-container:hover,
Switch this one \above\ on, when sales is enabled*/
.form-control-bedrooms .chzn-container:hover,
.form-control-price .chzn-container:hover,
.form-control-status .chzn-container:hover {
	
	border-bottom: 2px solid var(--brand-c1);
}


.chzn-container-single .chzn-single div:after{
	border-left: none;
}

.form-group .btn-fullcolor {
	color: #FFF;
}
.form-group .btn-fullcolor:hover {
	color: #FFF;
	background: var(--brand-c2);
}

.chzn-container .chzn-results li.highlighted {
    background-color: var(--brand-c1);
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/* # Partners Logos */

#partners {
  padding: 15px 0;
  background: #ffffff;
}
#partners .item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.0);
  margin: 4px;
  padding: 5px 20px;
  vertical-align: middle;
}

/* Large homectas control*/

.homectas{
	text-align: center;
}

.homectas img{
	display: block;
	border-radius: 5px;
}

/* Feature Formatting */
.feature-bg {
		padding: 48px 0 0 0;
		background: transparent url('repeat.jpg');
	    border-top: none;
	   border-bottom: none;
}
.feature-bg .section-title{
		color:  var(--brand-c1);
}
.feature h3{
		color: var(--brand-c1);
	font-size: 18px;
}
.feature:hover h3{
		color: var(--brand-c2);
	
}
.feature-bg p{
		color: #ffffff;
}
.feature-bg .btn-default-color {
	color: rgba(0,0,0,0.5);
	border-color: rgba(0,0,0,0.5);
}
.feature-bg .btn-default-color:hover{
	color: var(--brand-c2);
	border-color: var(--brand-c2);
}
.feature i{
		color: var(--brand-c1);
		border: 4px solid var(--brand-c1);
}
.feature:hover i{
		color: var(--brand-c1);
}
.feature i:after {
	  background: var(--brand-c1);
}
.properties-bg {

	padding: 24px 0 24px 0;
  position: relative;
  background: var(--base-lightgrey) ;/*var(--brand-c2);*/
  width: 100%;
  height: 200%;
  background-repeat: repeat;
}

.properties-bg h2{
	color: var(--brand-c1) !important;
}



/* Social Sharing Button Colours */
.share-wraper .social-networks li a {
  font-size: 13pt;
  height: 30px;
  line-height: 30px;
  width: 30px;
   opacity:1.0;
}
.social-networks li a:hover {
    color: #ffffff !important;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#ctl00_ContentPlaceHolderMain_hypFacebook{
	background: #3b5998;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypTwitter{
	background: #55acee;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypGooglePlus{
	background: #dd4b39;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypPinterest{
	background: #cb2027;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypEmail{
	background: #747777;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypPrint{
	background: #747777;
	color: #ffffff;
	border: none;
}
#wrapper {
	box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.0);
}

@media (max-width: 1199px){
	.navbar-nav > li > a {
	padding: 0px 0px 0px 8px;	
	font-size: 13px;
	font-weight: 400;
}
}
.navbar-nav > li.dropdown > a .caret {
	border-right: 3px solid rgba(0, 0, 0, 0);
	border-top: 3px solid;
	margin-left: 2px;	
	border-left: 3px solid transparent;

}

#wrapper {
	box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.0);
}

.tp-bannertimer {
	background: none;
	height:0px;
}
#header::after, #nav-section.stuck::after {
height: 0px;	
}

/* # Top Contact Bar */
#topbar{
	color: #000000;
	background: transparent;
		text-decoration:none;
	padding: 2px 0 2px 0;

}
#topbar a, #topbar a:active, #topbar a:visited  {

	color: #000000;
		text-decoration:none;
}
#topbar a:hover {
	color: var(--brand-c1);
	text-decoration:none;
}
.multibranch-selector {
  display: inline-block;
  position: relative;
}
.multibranch-selector span {
  padding-right: 4px;
    padding-left: 2px;
  position: relative;
  color: #ffffff;
}

.multibranch-selector ul {
 display: block;
	padding: 0;
	border-left: 0px solid #ffffff;
  z-index: 999;
  text-align: left;
  background-color: #eeeeee;
  color: var(--brand-c1);
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}
.multibranch-selector ul li {
  margin: 0px !important;
  display: block !important;
}
.multibranch-selector ul li a {
  line-height: 33px;
  display: inline-block;

		padding: 0 15px 0 10px;
	color:#555555!important;
	font-size: 13px !important;
}.multibranch-selector ul li a:hover {
	background-color:#ffffff;
	color:var(--brand-c1) !important;
	border-left: 4px solid var(--brand-c1);
		padding: 0 8px 0 8px;
}

.multibranch-selector:hover ul {
  max-height: 250px;
}
.multibranch-selector ul li a {

    width: 272px;
}



#footer-top {
	padding-top: 12px;
	padding-bottom: 48px;
}
#footer-top .block {
	padding-bottom: 0;
}
#footer {
	background: #e7e7e7 url('footer.jpg') no-repeat;
	
}

#footer h3 {
	color: var(--brand-c1);
	font-size:20px;
}
#footer ul a, #footer li, .footer-contacts li  i, #footer #copyright a {
	color: #000000;
	border-color: #000000;
	font-size: 14px;
	
}
.footer-contacts li {
margin-bottom: 10px;
}

#footer ul a:hover, #footer #copyright a:hover {
	color: var(--brand-c1);
}
#footer #copyright {
	background-color: transparent;
	color: var(--brand-c1);
	font-size:14px;
	padding: 0 0 12px 0;
}

.social-networks li a:hover,  .footer-listings li a:hover span {
	border-color: var(--brand-c1) !important;
	color: var(--brand-c1) !important;
 opacity: 1;
}




#top-info li, #top-buttons li {
	padding: 2px 0px 0px 0px;
	margin: 0px 12px;
}

@media (max-width: 767px) {
#top-info li, #top-buttons li {
	padding: 2px 0px 0px 0px;
	margin: 0 1px 0 0px;
	font-size: 14px;
}
	#topbar a, #topbar a:active, #topbar a:visited {
		font-size: 16px;
	}	
	
}


.btn-fullcolor:hover, .btn-fullcolor:active, .btn-fullcolor.active, .open .dropdown-toggle.btn-fullcolor {
	background: var(--brand-c1);
}

/* Fixed/sticky icon bar */
.icon-bar {
  position: fixed;
  top: 35%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999999;

}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  background: var(--brand-c1);
	writing-mode: vertical-rl;
	-ms-writing-mode:tb-rl;
text-orientation: mixed;
	height: 300px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.icon-bar a:hover {
  background-color: var(--brand-c1);
	  padding: 16px 26px 16px 16px;
	text-decoration: none;
}
@media (min-width: 768px) and (max-width: 1199px){
.icon-bar a {
    padding: 4px;
    font-size: 12px;
 	writing-mode: vertical-rl;
	height: 100px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.icon-bar a:hover {
  	  padding: 12px 14px 12px 12px;
}

}
@media  (max-width: 767px){
.icon-bar a {
    padding: 10px;
    font-size: 10px;
 	writing-mode: vertical-rl;
	height: 100px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.icon-bar a:hover {
  	  padding: 10px 12px 10px 10px;
}

}




#pageid1 .sticky-wrapper { 
 height: 0px !important;
}
#pageid1 #nav-section {
	background: transparent;
}
#pageid1 #wrapper {
	background: transparent;
}
#pageid1 .tp-bannertimer {
	background: none;
	height:0px;
}


#pageid1 #header::after, #nav-section.stuck::after {
height: 0px;	
}

/*  Nav background stripes shrink */
#pageid1 #nav-section.shrink {
	background: #ffffff;
}

#pageid1 .navbar-nav .dropdown-menu {
	background: rgba(255, 255, 255, 0.9);
}

#pageid1 .navbar-nav .dropdown-menu > li > a {
	background: transparent;
}
#pageid1 .navbar-nav .dropdown-menu > li > a:hover {
	background: rgba(255, 255, 255, 0.9);
}



/* # Testimonials */

.testimonials-bg h2{
   color:  var(--brand-c2);
   margin-bottom: 0;
}


.testimonials .item .text {
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-style: italic;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}

.testimonials .item .text:after {
  border-color: transparent rgba(255, 255, 255, 0.8) transparent transparent;
  _border-color: var(--brand-c1) #00ff00 var(--brand-c1) var(--brand-c1);
}



.testimonials-bg {
		padding: 48px 0;
  background-position: top right !important;
  background: transparent  url('testimonial.jpg');
  width: 100%;
  height: 200%;
}
@media (max-width:768px){
	.testimonials-bg {
	 background:  transparent  url('testimonial.jpg'); /*#f1f3f6*/
   }
}



/* speech bubble control */

.testimonials-footer{
	color: var(--brand-c2);
	
}

.testimonials-bg .item{
	
font-size: 20px;
font-weight: 600;
color: var(--brand-c2);
	
}

.testimonials-bg .item .text{
	background: var(--brand-c1); /*frame colour adjust */
	_background-image: url();
	border-radius: 0px;
	border: 2px solid var(--brand-c2); /*frame colour adjust */
}

/* speech bubble tail*/
.testimonials .item .text:before {
	position: absolute;
    left: 21px;
    bottom: -29px;
    width: 0;
    height: 0;
    border-style: inset solid solid inset;
    border-width: 0 60px 28px 0;
    border-color: transparent var(--brand-c2) transparent transparent;
    line-height: 0px;
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    _border-color: #000000 green #000000 #000000;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
}

.testimonials .item .text:after{
    position: absolute;
    left: 19px;
    bottom: -27px;
    width: 0;
    height: 0;
    border-style: inset solid solid inset;
    border-width: 0 60px 28px 0;
    border-color: transparent var(--brand-c2) transparent transparent;
    line-height: 0px;
    _border-color: #000000 magenta #000000 #000000;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
   
}



/* --- end speech bubble tail */

/* --- pagination buttons ---*/

.testimonials .owl-controls .owl-page span {
    background: #e7e7e7 ; /*var(--brand-c1) var(--base-lightgrey)  ;*/
}

.testimonials  .owl-controls .owl-page.active span{
background: var(--brand-c1);
}
.testimonials  .owl-controls.clickable .owl-page:hover span {
background: var(--brand-c2);
}


/*Star Rating Control */
.testimonials-footer img{
	max-width: 17vmin;
	margin-bottom: 30px;
}
 img[alt="Rating"]{
	max-width: 16vmin;
} 



@media (min-width:768px){

	.testimonials-footer {
		padding-left: 40px;
	}
	
	
}

.testimonials .item .text:before,
.testimonials .item .text:after {

    border-style:none;
    
}
.testimonials .item .text {
    border: 3px solid var(--brand-c1);
	border-radius: 5px;
    background-color: transparent;
}
.dropdown-menu {
    left: 20px;
}

/* Accordians */
.panel-heading {
    padding: 0;
    background: var(--brand-c1);
}
.panel-group .panel .panel-heading .panel-title > a {

    color: #ffffff !important;
}
.panel-group .panel .panel-heading .panel-title > a:hover {
    
    color: #000;
}
.panel-group .panel .panel-heading .panel-title > a.collapsed {
  
    background-color: transparent;
}

.panel-group .panel .panel-heading .panel-title > a:hover:after {
    color: #fff;
    border-color: #fff;
}
.panel-group .panel .panel-heading .panel-title > a.collapsed:after {
   
    border: 1px solid #ffff;
    color: #fff;
   
}

#pageid10 .contact-us {
	background: url('contact.jpg') no-repeat;
	background-position: top center;
	padding-top: 520px;
	
	
}
.property-list-image-container > img, .featured-property-image-container > img {
    float: left;
    height: 100% !important;
    object-fit: cover !important;
}
.carousel-style1 .item .amenities {
    width: 100%;
    list-style: none;
    padding: 6px 10px;
    font-size: 11px;
    margin: 0;
    background-color: #fff;
    border-color: #E4E4E4;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    text-align: center;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.cta {
	background: var(--brand-c1);
}




/* Footer and icons throughout */
#footer {
    background: #e7e7e7 url('footer.jpg') no-repeat;
}

#footer #copyright {
    background-color:rgba(18,1,1,1.00);
    padding: 24px 0;
    line-height: 33px;
}#copyright{
	background:rgba(17,1,2,1.00);
	color: #fff;
}
#footer #copyright a {
    color:rgba(167,167,167,1.00);
}
 
.list-style .item .amenities li{
	color: #000;
}


.property-topinfo .amenities li [class^="icon-"],
.list-style .item .amenities li [class^="icon-"]{
	color: var(--brand-c2);
}
/* icons */
.footer-listings li a span,
.footer-contacts li i {
    border: 1px solid var(--brand-c2);
}


/*===== STAR RATING SVG CONTROLS ========*/

.testimonials-footer img{
	max-width: 18vmin;
}
 img[alt="Rating"]{
	max-width: 17vmin;
} 

/* owl pagination btns */
.owl-controls .owl-page.active span{

    background: #fff; /* var(--brand-c2);/* #eb108d; */
}.owl-controls.clickable .owl-page:hover span {
		background: var(--brand-c2); /* #eb108d; */
}


.owl-controls .owl-page span {
 background: rgba(255,255,255, 0.6) /*rgba(0,0,0,0.4);*/
}.owl-controls .owl-page span:hover{
	 background: #fff;
}







/* ======= homecta or services =============*/

.services-section{
	text-align: center;
	margin-bottom: 30px;
	
	
}

 .services-section  img.img-responsive {
	border: 5px solid #fff !important;
	   -moz-border-radius: 3px;
	   -ms-border-radius: 3px;
	   -webkit-border-radius: 3px;
	   -o-border-radius: 3px;
	 border-radius: 3px;
	 margin: 5px auto;
	 max-width: 97%;
	 transition: max-width 0.7s ease-in-out ;
	
	   -webkit-animation: smooth 0.7s ease-is 1 alternate ;
	   -moz-animation: smooth 0.7s ease-is 1 alternate ;
	   -o-animation: smooth 0.7s ease-is 1 alternate ;
	  animation: smooth 0.7s ease-is 1 alternate ;
}

.services-section  img.img-responsive:hover{
	/*border: 1px solid green !important;*/
	 max-width: 100%;
	
}

@keyframes smooth{
	
	0%{ max-width: 97%; }
	100%{ max-width: 100%; }
}



.services-section  div.panel-bg{
	/* border: 1px solid #3d4559; */
	box-sizing: border-box;
	padding: 4.8px;
	_min-height: 46.1vmin;
	 _min-height: 510px; /*480px; /* adjust here - HERE, HERE! remove for 4 panel display */

	overflow: hidden;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 -webkit-border-radius: 3px;
	border-radius: 3px;
	border: 3px solid  #fff; /*var(--brand-c2);*/
	
	font-size: 14px;
	color: #3d4559; /* dark blue */
	
	box-shadow: 1px 1px 8px rgba(0,0,0, .4);
	margin-bottom: 30px;
}


.services-section  .panel-bg  h3{
	display: inline-block;
	padding: 9px 12px;
	color: var(--brand-c2)!important;
	background: rgba(255,255,255, 0.8) ;
}



.services-section  div.panel-bg a.btn-default-color{
	margin-bottom: 10px;
	background: var(--brand-c1);
	padding: 12px 18px;
	height: auto;
	color: #fff;
	border-color: #fff;
}
.services-section  div.panel-bg a.btn-default-color:hover{
	
	height: auto;
	color: var(--brand-c1);
	border-color: var(--brand-c1);
	background: #fff;
}
@media (max-width:360px){
	.services-section div.panel-bg a.btn-default-color {
	font-size: 12px;
   }
}

@media (max-width:480px){
	.services-section div.panel-bg a.btn-default-color {
	font-size: 12px;
   }
}


@media  (min-width:960px) and (max-width:1040px){
	.services-section div.panel-bg a.btn-default-color {
	font-size: 12px;
   }
}

@media  (max-width:958px) and (min-width:480px){
	.services-section div.panel-bg a.btn-default-color{
	font-size: 10px;
 }
}

.services-section .panel-bg h3{
	color: var(--brand-c1);
}

.chzn-container-single .chzn-single div b {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    text-align: center;
	color: var(--brand-c1);
}

/* Mobila responsive title/no-title banners*/
 #pageid905 #banner-container,
   #pageid900 #banner-container{
	height: 420px;
	margin-bottom: 10px;
 }
#pageid905 #banner-container .normal.just-bg #banner-title,
#pageid900 #banner-container .normal #banner-title {
    position: relative;
    color: #fff; /* transparent red*/
    font-size: 32px;
    left: 0px;
    top: 190px;
}
#pageid905 .normal.just-bg-heading  h3,
#pageid900 .normal.just-bg-heading  h3 {
	display: none;
     height: 0;
	font-weight:700;
}

@media (max-width: 690px){
	#pageid905 #banner-container,
	#pageid900 #banner-container{
	    height: 45px;
		background-size: cover;
		background-position: center center;
		margin-bottom: 0;
		/*border: 1px solid magenta;*/
 }
	#pageid905 #banner-container .normal.just-bg #banner-title,
	#pageid900 #banner-container .normal.just-bg #banner-title {
    position: relative;
    color: transparent; /*greenyellow;*/
    font-size: 28px;
    left: 0px;
    top: 45px;
  }
	#pageid905 .normal.just-bg-heading  h3,
	#pageid900 .normal.just-bg-heading  h3 {
	display: block;
     height: auto;
      font-size: 21px;
   }
	
}

.complaints-card {
	width: 60%;
	display: block;
	font-size: 18px;
	padding: 20px 10px;
	
	border: 1px solid #3A3A3A;
	text-align: center;
	margin: 0 auto;
	color: #000;
	background: #f1f3f6;
	border-radius: 3px;
	
}
.complaints-card a.textlink{
	text-decoration: underline;
	font-weight: bold;
}

@media (max-width:690px){
	.complaints-card {
		font-size: 14px;
	}
}

/* List Control */
.list-control.mit-bullets ul,
ul.list-control.mit-bullets{
	list-style: disc;
	_list-style-image: url(the-ticksvg-c1.svg);
	padding:  0 0 0 1.3em;
	font-style: italic;
	
}
.list-control.mit-bullets li,
.list-control.mit-bullets li{
	border-bottom: 1px solid var(--brand-c2);
	padding-top: 10px;
	padding-bottom: 10px;
}
.list-control.mit-bullets li::marker,
.list-control.mit-bullets li::marker{
	color: var(--brand-c1);
}

/* with ticks */
ul.list-control.mit-ticks,
.list-control.mit-ticks ul{
	list-style: none;
	list-style-image: url(the-ticksvg-c1.svg);
	padding:  0 0 0 1.3em;
}

.list-control.mit-ticks li{
	border-bottom: 1px solid var(--brand-c2);
	padding-top: 10px;
	padding-bottom: 10px;
}


/* Scrolla rules*/
#pageid905 .scrolla-top h2{
	font-size:12px;
	height: 105px;
   
}
#pageid905 h2{
	font-size: 5px;
    
}

#pageid905 #wrapper {
  margin: auto;
  overflow-x: hidden;
  overflow-y: hidden;
  scroll-snap-type: y mandatory;
  scroll-padding-top: 10vmin;
}




.scrolla-box h2 a[name]{
	width: auto;
	height: 9vmin;
	display: block;
	 aspect-ratio: 9/1;
}

.scrolla-box{
	background: #f1f3f6;
	 margin: 2px 0;
     scroll-snap-align: start;
}

.scrolla-box p a.going-up{
	scroll-snap-align: none;
}
.scrolla-box p{
		font-size: 18px;
	_color: magenta;
}

.scrolla-box.list-control ul{
	padding: 0 0 0 1.3em;
	font-style: italic;
}

.scrolla-end p a{
	color: #000;
	text-transform: uppercase;

}.scrolla-end p a:hover{
	color:var(--brand-c1);
	text-transform: uppercase;

}
.scrolla-top h2{
	
	 margin: 2px 0;
     scroll-snap-align: start;
}
.scrolla-top h2 a[name]{
		width: auto;
	height: 8vmin;
	display: block;
	 aspect-ratio: 4/1;
	
}
.scrolla-top.list-control h3{
	font-size: 24px;
}

.scrolla-top.list-control ul{
	list-style: none;
	padding: 0 0 0 1.3em;
}
.scrolla-top.list-control li{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--brand-c2);
}
/* mit Bookmark icon*/
.scrolla-top.list-control li i.fa-bookmark{
	color: var(--brand-c1);
	padding-left: 4px;
}
.scrolla-top.list-control li:hover{
	background: #f1f3f6;
	_color: var(--brand-c2);
}
.scrolla-top.list-control li:hover a{
	_background: #f1f3f6;
	color: var(--brand-c2);
	font-weight: 900;
}
.scrolla-top.list-control li:hover i.fa-bookmark{
	color: var(--brand-c2);
	
}
/* Mobile, least denominator: iP-SE*/
@media (max-width: 690px){
	

	.scrolla-top h2 a[name]{
		width: auto;
	height: 20vmin;
	display: block;
	 aspect-ratio: 4/1;
	
}
	
	.scrolla-top.list-control h3{
	font-size: 21px;
}

	.scrolla-box h2 a[name]{
	width: auto;
	height: 20vmin;
	display: block;
	 aspect-ratio: 4/1;
}
	.list-control.chevron-control li{
		font-size: 15px;
	}
	.scrolla-box h3{
		font-size: 21px !important;
		_color: cyan;
	}
	.scrolla-box.list-control li{
		font-size: 14px !important;
		_color: magenta;
	}
	.scrolla-box p{
	font-size: 14px !important;
		_color: magenta;
  } 
			#pageid905 a.textlink{
			color: #000;
			_text-transform: uppercase;
				font-size: 15px;
				_color: cyan;	
			}
	.scrolla-end p a{
	color: #000;
	text-transform: uppercase;
		font-size: 15px;
		font-weight: 900;
		_color: magenta;

  }
}


/* End scrolla */

/* Bespoke HTML Table Control */
.table-section .btn-default-color{
	height: auto;
	width: fit-content;
	padding: 12px 21px;
		border-color: var(--brand-c1);
	 background: var(--brand-c1);
	color: #FFF;
}

.table-section .btn-default-color:hover{
	background: #fff;
	color: var(--brand-c1);
	border-color: var(--brand-c1);
	height: auto;
	width: fit-content;
	padding: 12px 21px;
}

.table-control table, th, tbody, tr, td{
	border: none;
	_border-top: 1px solid #d8d1c8;
	_border-bottom: 1px solid #d8d1c8;
      border-top: 1px solid var(--brand-c1);
	  border-bottom: 1px solid var(--brand-c1);
	padding-top: 0.9em;
	padding-bottom: 0.9em;
	padding-left: 1em;
}

.table-control thead tr th{
	font-weight: 700px;
	color: var(--brand-c1);
	font-family: "Open Sans", sans-serif;
}
.table-control tbody tr.sub-heading{
	color: #000;
	background: #d8d1c8 !important;
	background: var(--brand-c1) !important; 
}

.table-control tbody tr td i.fa-thumbs-up,
.table-control tbody tr td i.fa-check{
	_color: #d8d1c8;
	color: var(--brand-c1) !important;
}
.table-control tbody tr td i.fa-thumbs-down,
.table-control tbody tr td i.fa-times-circle{
     _color:red; /* default flag*/
	color: var(--brand-c2) !important;
}
/* hover states */
.table-control tbody tr:hover  td i.fa-thumbs-up,
.table-control tbody tr:hover  td i.fa-check{
	_color:red; /* default flag*/
	 _color: var(--brand-c1-t4) !important;
		color: #FFF !important;
}
.table-control tbody tr:hover  td i.fa-thumbs-down,
.table-control tbody tr:hover  td i.fa-times-circle{
	  _color:red; /* default flag*/
	_color: var(--brand-c1-t4) !important;
		color: #fff !important;
}


.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  _background-color: rgba(173,150,196,.4);
	background-color: var(--brand-c1);
	_color:#000;
	color: #FFF;
}

.table-control tbody td.footer-note{
	font-size: smaller;
	color: #000;
	font-style: italic;
	background: #e4e4e4;
}
.table-control thead tr > th:nth-child(4),
.table-control thead tr > th:nth-child(3),
.table-control thead tr > th:nth-child(2),
.table-control tbody tr > td:nth-child(4),
.table-control tbody tr > td:nth-child(3),
.table-control tbody tr > td:nth-child(2){
	text-align: center;
	
}

.table-control.table2 thead tr > th:nth-child(3),
.table-control.table2 thead tr > th:nth-child(2),
.table-control.table2 tbody tr > td:nth-child(3),
.table-control.table2 tbody tr > td:nth-child(2){
	text-align: center;
	
}

/* end table control*/
/* Test for features */

.wallpaper-flatfair{
    background: #f7f8fa;

}

.flatfair-control img{
    display: block;
    margin: 0 auto;
}

.flatfair-control .pannel{
    background: #f1f3f6;
    border-radius: 7px;
    padding:24px;
    text-align: center;
    font-size: 1.7rem;
    margin-bottom: 30px;
}
.flatfair-control .pannel .btn-default-color{
    display: block;
    height: auto;
    padding: 12px 21px;
    width: 33vmin;
    margin: 10px auto;
    margin-top: 0;
    font-size:18px;
    /*event styling*/
    background: var(--brand-c1);
    border-color: #fff;
    color: #fff;
}

.flatfair-control .pannel .btn-default-color:hover{
     /*event styling*/
    background:  #fff;
    border-color: var(--brand-c1);
    color: var(--brand-c1);
}

    .flatfair-why .btn-default-color{
   display: block;
    height: auto;
    padding: 12px 21px;
    width: 33vmin;
    margin: 10px auto;
    margin-top: 0;
    font-size:18px;
    /*event styling*/
    background: var(--brand-c1);
    border-color: #fff;
    color: #fff;
}

.flatfair-why .btn-default-color:hover{
      /*event styling*/
    background:  #fff;
    border-color: var(--brand-c1);
    color: var(--brand-c1);
}

@media (max-width: 600px){
    .flatfair-why h2{
    font-size: 1.5rem;
}
    .flatfair-why .btn-default-color{
         width: 40vmin;
        font-size: 1.2rem;
        }
    
    .flatfair-control .pannel .btn-default-color{  
    width: 40vmin;
  }
}