@import url('prtnr-logos-draft.css');
@import url('photos-shwreel-draft.css');
/* end drafts*/
@import url('layout-mark.css');
@import url('box-dsplay-styles.css');
@import url('mapkey-styles.css');

:root{
	--brand-c1:#004d65;
	 --brand-c1t60:rgba(0,74,101,0.60);
	 --brand-c1t40:rgba(0,74,101,0.40);
	--brand-c2:#ffb371;
	  --brand-c2t60:rgba(255,179,113,0.60);
	  --brand-c2t40:rgba(255,179,113,0.40);
	
	/*map key colours*/
	--map-key1: #004d65; /* brandc1 */
	--map-key2: #84d0ce;
	--map-key3: #00673a;
	--map-key4: #f9ddc4;
	--map-key5: #ffb371; /*brandc2*/
	--map-key6: #0d665d;
	
	--map-key7: #fad770;
	--map-key8: #ffb371; /*brandc2*/
	--map-key9: #f47f70;
	--map-key10: #fad770;
	--map-key11: #f9ddc4;
	--map-key12: #84d0ce;
	--map-key13: #004d65; /* brandc1 */
}
/* found values:
var(--brand-c1);
var(--brand-c2);

*/


.grid-style1 .item > .info h3 a, 
.grid-style2 .item > .info h3 a, 
.list-style .item > .info h3 a, 
.grid-style1 .item > .info-blog h3 a, 
.grid-style2 .item > .info-blog h3 a, 
.list-style .item > .info-blog h3 a{
	font-size: 18px;
	font-weight: 600;
	color: var(--brand-c1);
	line-height: 18px;
	margin-bottom: 18px;
}

.grid-style1 .item > .info, 
.grid-style2 .item > .info, 
.list-style .item > .info, 
.grid-style1 .item > .info-blog, 
.grid-style2 .item > .info-blog, 
.list-style .item > .info-blog {
    padding: 0px 0 0;
}



.hide-control .quick-hide,
.quick-hide{
	display: none;
	height: 0;
	visibility: hidden;
	
}

#ctl00_ContentPlaceHolderMain_PropertySearch_cboPropertyTypeGroup_chzn {
	display:none;

}
.form-control-propertytypegroup {
	display:none;
}

#listing-header {
	margin-top: 12px;
}

.wallpaper-brand-c2{
	background: var(--brand-c2);
	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%;
}

strong{
 font-weight: 700;
}
#banner-container {
	background-position:center;
	height: 60px;
}
#banner-title {
 top:12px;
	text-align: center;
}

.normal #banner-title {
	padding-top:186px
}
@media (max-width: 767px) {
#banner-title {
 top:10px;
 font-size: 18px;	
}
	#banner-container {
	
	height: 48px;
}
}
@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;
}


.nav-tabs {
 display: block;
}

/* #Logo and Menu Background */
.nav-logo img{
	height:95px;
}
.nav-logo {
	height:100px;
	margin: 0 0 8px 20px;
}

#nav-section.shrink{
	_border: 2px solid red;
	_height: 130px;
	_height: 150px;
}

#nav-section.shrink .nav-logo img {
    height: 95px;
		
    width: auto;
}


#nav-section.shrink .nav-logo {
	_height:135px;
	height: 130px;
	margin: 0 0 8px 20px;
}

#nav-section.shrink .navbar-nav > li > a {

  _line-height:100px;
}

.navbar-nav > li > a{
	line-height: 20px;
	text-align: center;
}


.navbar-nav > li > a:hover{
	line-height: 20px;
	text-align: center;
	border-color: var(--brand-c2);
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #eee;
    border-color: var(--brand-c2);
}

#nav-section.stuck .navbar-nav > li > a{
	_line-height:45px;
}

#nav-section.shrink .navbar-nav > li > a{
	line-height: 44px;
}

/* only home page */

#pageid1 .nav-logo img{
	_height:130px;
	height: 100px;
}
#pageid1.nav-logo {
	_height:135px;
	height: 130px;
	margin: 0 0 8px 20px;
}

#pageid1 #nav-section.shrink{
	_border: 2px solid red;
	_height: 120px;
	height: 135px;
}

#pageid1 #nav-section.shrink .nav-logo img {
    height: 95px;
    width: auto;
}


#pageid1 #nav-section.shrink .nav-logo {
	height:135px;
	margin: 0 0 8px 20px;
}

#pageid1 #nav-section.shrink .navbar-nav > li > a {
  _line-height:100px;
	
}

/* ---------- background FX ------------*/
#pageid1 #topbar {
    color: #000; /*var(--brand-c2);*/
    background: transparent;
}

#pageid1 #header{
	 _background: #1C1F28 !important;
	_background: var(--brand-c2);
	background:transparent !important;
     _height: 0px; /*127*/
	_height: 150px;
}

.navbar {
	margin: 0;
}
#nav-section {
	background: var(--brand-c2);
	_background: transparent;
}

/* continue on transparent home page FX */


/* # Navigation */
 button#nav-mobile-btn {
    background-color: var(--brand-c2);
	 color: #fff;
}
button#nav-mobile-btn:active, #nav-mobile-btn:hover {
    background-color: #fff;
	color: var(--brand-c1);
}

.shrink #nav-mobile-btn{
	margin-top: 25px;
}
/* mark's main menu*/

.navbar-nav > li > a {
	_padding: 0px 0px 0px 12px;
	display: block;
	color: #fff;
	line-height: 108px;
	_line-height: 120px;
	_font-size: 15px;
	font-size: 15px;
  	_font-weight:bold;
  	text-transform: uppercase;
    /* pill border FX*/
	border-radius: 25px;
	_border: 1px solid #fff;
	height: 42px;
	margin: 32px 0 15px 15px;
	line-height:44px;
	_padding: 0 16px;
	min-width: 160px;
	padding-right: 18px;
	border-radius: 25px;
	
}


.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: #999;
  color: var(--brand-c2);
	/* pill FX*/
	line-height: 44px;
	_font-weight: 600;
}



#nav-mobile-btn {
    background-color: var(--brand-c1);

}

@media (max-width: 767px) {
	.nav-logo img{
	height:70px;
}
.nav-logo {
	height:70px;
	margin: 0 0 8px 0;
}
.navbar-nav > li > a {
  line-height: 78px;
}	
}

/* responsive adjustment */

@media (min-width: 980px) and (max-width: 1188px){
	
	.navbar-nav {
	padding-top: 7px;
	_border: 2px dotted yellow;
}
	


.navbar-nav > li > a {
	_text-align: center;
	padding: 0px 0px 0px 8px;
	display: block;
	color: #fff;
	font-size: 12px;
  	_font-weight:bold;
  	text-transform: uppercase;
    /* pill border FX*/
	border: 1px solid #fff;
	height: 42px;
	margin: 32px 0 15px 14px;
	line-height: 44px;
	min-width: 142px;
	padding-right: 14px;
	border-radius: 25px;
	
}
	
	/* CARAVAN SEARCH */
	 .navbar-nav  li a[href="search.htm"]  {

	display: inline-block;
	text-align: center;
	_border: 2px solid #fff;
	border: none;
	color: var(--brand-c1) !important;
	background: var(--brand-c2);
	height: 42px;
	_width: 180px;
	min-width: 140px;
	margin: 32px 0 15px 10px;
	line-height: 44px;
	padding: 0 12px;
	
	padding-right: 14px;
	border-radius: 25px;
	
    
}
	
	.navbar-nav  li a[href="search.htm"]:hover {
		color: yellow;
	display: inline-block;
	text-align: center;
	_border: 2px solid #fff;
	border: none;
	color: var(--brand-c1) !important;
	background: #fff;
	height: 42px;
	_width: 180px;
	min-width: 140px;
	margin: 32px 0 15px 10px;
	line-height: 44px;
	padding: 0 16px;
	
	padding-right: 14px;
	border-radius: 25px;
	
    
}
	
	
/* MENU*/
.navbar-nav  li:nth-last-of-type(1) a {
    _color: yellow;
    _border: 1px solid #fff; 
    min-width: 90px !important;
    padding-right: 12px;
    _border-radius: 25px;
}
	
}/* end @media*/

/* 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;
	color: var(--brand-c1);
}
.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%;
	text-transform: uppercase;
	font-weight: 600;
}
.section-title {
	font-size:36px;
	font-weight: 700;
}

h1.section-title small {
	font-size: 30px;
	color: var(--brand-c2);
	font-family: "Nothing You Could Do" ,sans-serif;
	text-transform: none;
	font-weight: 400;
}


.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 {
	padding-top: 0;
}

/* # Body text */
body {
  font-size: 16px;
  color:#000000;

}

 h3, h4, h5, h6 {
    text-transform: none;
	 color: var(--brand-c1);
    /* text-rendering: optimizelegibility; */
}

/* # Text Link Text Colour*/

	a {
		color:var(--brand-c1);
	}
	a:hover {
		color:#555555;
	}
	
/* # Footer Text */



/* # Property Details Page */

.property-title {
    text-transform: none;
    font-size: 28pt;
    margin-bottom: 40px;
    margin-top: 54px;
	font-weight: 600;
}

.carousel-style1 .item .image .info h3{
	font-size: 21px;
}

.list-style .item .image {
 
    border-radius: 12px;
}

.grid-style1 .item .image, .grid-style2 .item .image, .list-style .item .image {
    
	border-radius: 12px;
}

#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");
}

.info .status-sold,
.info .status-underoffer,
.info .status-notavailable,
.info .status-text-newinstruction,
.info .status-text-exclusive,
.info .status-text-available{
	padding-bottom: 10pt;
	padding-top: 12pt;
}


/* # 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;
}

	
	


/*  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-pannel .base{
	_backgournd: cyan;
	background-image: linear-gradient( transparent, rgba(0,0,0,0.4));
}

/*Montserrat:ital,wght@0,500;1,500&display=swap*/
.slider-heading-md {
	font-family: 'Montserrat', sans-serif !important;
	_font-family: 'Lusitana', serif;
	font-weight: 600;
	_font-size: 36px;
	font-size: 28px;
	_letter-spacing: 1px;
	text-transform: capitalize !important;

	color: #ffffff;
	
	text-align:left;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}

.slider-title, .slider-title2, .slider-title3  {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 32px;
	font-weight: 300;
	color: #ffffff;
	
	text-align:left;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}


.slider-title{
	font-family: 'Montserrat', sans-serif;
	_font-family: 'Lusitana', serif !important;
	_font-size:72px;
	font-size: 36px;
	font-weight: 300;
	color: #ffffff;
	
	text-align:left;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}

.slider-title.brand-c1{
	font-family: 'Montserrat', sans-serif;
	_font-family: 'Lusitana', serif !important;
	_font-size:72px;
	font-size: 36px;
	font-weight: 600;
	
	_color: #ffffff;
	color: var(--brand-c1);
	text-align:left;
	text-shadow: none;
}
.slider-subtitleA{
	font-family: 'Open Sans', sans-serif;
	ont-size:26px;
	font-weight: 500;
	color: #ffffff;
	
	text-align:left;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}







.btn-default3{
	background: var(--brand-c2);
	border-color: var(--brand-c2);
		color: var(--brand-c1) !important;
	/*box-shadow: 2px 3px 3px rgba(0,0,0,.6);*/
	letter-spacing: 1px;
	padding: 3px;
	_width: content-fit;
	width: 195px;
	height: auto;
  /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}
.btn-default3:hover{
	background:  var(--brand-c1);
	border-color: var(--brand-c1);
	color: #fff !important;
	/*box-shadow: 2px 3px 3px rgba(0,0,0,.6);*/
	letter-spacing: 1px;
	
	height: auto;
  /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}

/* btn variants */

.btn-default3.brand-wht{
	background: #fff; /* var(--brand-c2);*/
	border-color: #fff; /* var(--brand-c2);*/
	color: var(--brand-c1) !important;
	/*box-shadow: 2px 3px 3px rgba(0,0,0,.6);*/
		letter-spacing: 1px;
	padding: 3px;
	_width: content-fit;
	width: 195px;

	
	height: auto;
  /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}

.btn-default3.brand-wht:hover{
	background:  var(--brand-c1);
	border-color:  var(--brand-c1);
		color: #fff !important;
	/*box-shadow: 2px 3px 3px rgba(0,0,0,.6);*/
	letter-spacing: 3px;
	
	
	height: auto;
  /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}

.btn-default3.no-cursor{
	background: var(--brand-c2);
	border-color: var(--brand-c2);
	color: var(--brand-c1);
	/*box-shadow: 2px 3px 3px rgba(0,0,0,.6);*/
	letter-spacing: 3px;
	cursor: none;
	transform: scale(1.0);
	transition: transform .6s ease-in-out;
	height: auto;

  /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}
.btn-default3.no-cursor:hover{
	background: var(--brand-c2);
	border-color: var(--brand-c2);
	/*box-shadow: 2px 3px 3px rgba(0,0,0,.6);*/
	letter-spacing: 2px;
	height: auto;

	cursor: none;
	transform: scale(1.02);
	transition: transform .3s ease-in-out;
	
  /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}

/* form small screens*/

@media (max-width: 1025px){
	
.btn-default3,	
.btn-default3.brand-wht{
	background: #fff; /* var(--brand-c2);*/
	border-color: #fff; /* var(--brand-c2);*/
	color: var(--brand-c1) !important;
	/*box-shadow: 2px 3px 3px rgba(0,0,0,.6);*/
		letter-spacing: 1px;
	padding: 3px;
	_width: content-fit;
	width: 140px;

	
	height: auto;
  /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}

}

@media  (min-width:600px) and (max-width: 1024px){
	.btn-default3,	
.btn-default3.brand-wht{
	background: #fff; /* var(--brand-c2);*/
	border-color: #fff; /* var(--brand-c2);*/
	color: var(--brand-c1) !important;
	/*box-shadow: 2px 3px 3px rgba(0,0,0,.6);*/
		letter-spacing: 1px;
	padding: 3px;
	_width: content-fit;
	width: 120px;

	
	height: auto;
  /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}
	


}

@media (max-width: 675px){
	
.btn-default3,	
.btn-default3.brand-wht{
	background: #fff; /* var(--brand-c2);*/
	border-color: #fff; /* var(--brand-c2);*/
	color: var(--brand-c1) !important;
	/*box-shadow: 2px 3px 3px rgba(0,0,0,.6);*/
		letter-spacing: 1px;
	padding: 3px;
	_width: content-fit;
	width: 70px;

	
	height: auto;
  /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}
}

/* ------------ Sleek Style -------------*/


#pageid1#home-advanced-search{
	_background: var(--brand-c1);
		background: var(--brand-c2);
	_background: transparent;
	border-top: 3px solid #fff;
	display: none;
	visibility: hidden;
	height: 0;
	
}

#pageid1 .form-control-text{
	
	display: none !important;
	visibility: hidden;
	height: 0;
	
}

/* no show - homepage only */
#pageid1 input,
#pageid1  .form-control-price, 
#pageid1 .form-control-status {
	display: none !important;
	visibility: hidden;
	height: 0;
	background: transparent;
}

@media (max-width: 600px){
	#home-advanced-search{
		display: none;
		visibility: hidden;
	_background: var(--brand-c1);
		background: var(--brand-c2);
	_background: transparent;
	border-top: 3px solid #fff;
	
}
}

#home-advanced-search .form-control-text {
	text-align: center;
}

#home-advanced-search .chzn-container{
	text-align: center;
}

#home-advanced-search  .form-group{
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}
.form-control-text {
	min-width: 3vmin;
	
}

.form-control-text .form-control{
	_border: 2px solid var(--brand-c1); /*rgba(255, 255, 255, 0.6);*/
	border: 2px solid var(--brand-c2); /*rgba(255, 255, 255, 0.6);*/
	border-radius: 25px;
	_color: #fff;
	color: var(--brand-c1);
	_color: rgba(191,191,191,1.00);
	_background: rgba(0, 0, 0, 0.1);/* #445263;*/
	background: rgba(225, 225, 225, 0.8);/* #445263;*/
	_background: #fff;
	
	_font-size: 16px;

}

.form-control-propertytypegroup .chzn-single,
.form-control-qualifications .chzn-single, 
.form-control-propertytypegroup .chzn-single, /*new*/
.form-control-category .chzn-single,
.form-control-bedrooms .chzn-single,
.form-control-status .chzn-single
{
	border: none;
	border-radius: 25px;
	border-bottom: none;
	_color: #fff;
	color: var(--brand-c1);
	background: #f1f3f6;
	display: none ;
	
}

/*show */
.form-control-price .chzn-single,
.form-control-status .chzn-single{
	border: none;
	border-radius: none;
	border-bottom: none;
	_color: #fff;
	color: var(--brand-c1);
	background: none;
	line-height: 48px;

	display: inline-block !important;
}

.form-control-qualifications a.chzn-single div,  
.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-c2);
	
	
}
.form-control-propertytypegroup,
.form-control-qualifications ,  
.form-control-propertytypegroup , /*new*/
.form-control-category,
.form-control-bedrooms,
.form-control-price ,
.form-control-status{
	width:0;
	display: none;
}
.form-control-price ,
.form-control-status{
	text-align: center;
	min-width:  10em;
	display: inline-block;
	border-radius: 25px;
}


.form-control-qualifications .chzn-single, 
.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-c1);
	-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;*/
	border-radius: 25px;
	border: 2px solid transparent;
	background: #f1f3f6;
		

}

.form-control-qualifications .chzn-single:hover, /* new2*/
.form-control-propertytypegroup .chzn-container:hover,
.form-control-category .chzn-container:hover,
.form-control-bedrooms .chzn-container:hover,
.form-control-price .chzn-container:hover,
.form-control-status .chzn-container:hover {
	
	border: 2px solid var(--brand-c1);
}

/* hide qualifications */
.form-control-qualifications,
.form-control-qualifications .chzn-single{
	display: none;
	height: 0;
	visibility: none;
	
	
}

.chzn-container-single .chzn-single div:after{
	border-left: none;
	
}

.form-group .btn-fullcolor {
   background: var(--brand-c1);
	color: #FFF;
	transform: scale(1);
	transition: transform .6s ease-in-out;
	_box-shadow: 1px 2px 3px rgba(0,0,0,0.7);
}
.form-group .btn-fullcolor:hover{
	background: #fff;
	color: var(--brand-c1);
	transform: scale(1.04);
	_box-shadow: 1px 2px 4px rgba(0,0,0,0.4);

}

.chzn-container .chzn-results li.highlighted {
  background-color: var(--brand-c2);
	
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  _border-radius: 4px;
	border-radius: 25px;
}



/* # Partners Logos */

#partners {
  background: #ffffff;
}
#partners .item {

  background-color: rgba(255, 255, 255, 0.0);
  margin: 4px;
  padding: 5px 4px;

}

#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: #fff;
	background: transparent;
}
#topbar a, #topbar a:active, #topbar a:visited  {
	
	color: var(--brand-c2);
}
#topbar a:hover {
	
    _color: var(--brand-c1);
	color: #999;
}
.multibranch-selector {
  display: inline-block;
  position: relative;
}
.multibranch-selector span {
  padding-right: 4px;
    padding-left: 2px;
  position: relative;
  color: var(--brand-c2);
}

.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: 14px !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;
}





#footer-top {
	padding-top: 12px;
}
#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;
}


#footertext{
	background: #f7f7f7;
	color: #000000;
}

#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, .btn-fullcolor:active, .btn-fullcolor:visited,.btn-fullcolor.active, .open .dropdown-toggle.btn-fullcolor {
	background: var(--brand-c2);
}

.btn-fullcolor:hover, .btn-fullcolor:active, .btn-fullcolor:visited,.btn-fullcolor.active, .open .dropdown-toggle.btn-fullcolor {
	background: var(--brand-c2);
}

/* 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;
}

}



/* # Testimonials */
.testimonials .item .text {
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-style: italic;
  font-size: 21px;
  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:  none;
  width: 100%;
  height: 200%;
}

.testimonials-bg h2{

color:  var(--brand-c1);
margin-bottom: 0;
}

/* tetimonials slider */


#pageid1 .owl-controls .owl-pagination{
	background: cyan;
	display: none;
	visibility: hidden;
}
.testimonials-footer{
	font-family: "Nothing You Could Do" ,sans-serif; 
	font-size: 1.3em;
	text-align: center;
}


#agents, #testimonials {
    margin-bottom: 24px;
}



.testimonials .item .text:before,
.testimonials .item .text:after {

    border-style: none;
    
}
.testimonials .item .text {
	font-family: "Nothing You Could Do" , sans-serif;
    border: none;
    background-color: transparent;
	padding: 26px;
	padding-bottom: 16px;
	
}


/* quote marks */
.testimonials .item .text p:before,
.testimonials .item .text p:after{
	color: var(--brand-c1);
		font-family: "Nothing You Could Do" , sans-serif;
}
.testimonials .item .text p:before {
	
    content: "\201C";
    left: 5px;
    top: -16px;
}
.testimonials .item .text p:after {
    bottom: -42px;
    content: "\201D";
    right: 34px;
}

.dropdown-menu {
    left: 20px;
}


.property-list-image-container > img, .featured-property-image-container > img {
    float: left;
    height: 100% !important;
    object-fit: cover !important;
}
.homeitem h3, .homeitem h4 {
		position: absolute;
	    text-transform: uppercase;
	font-family: 'Open sans';
}

.homeitem {
	overflow: hidden;
}
.homeitem h3 {

    position: absolute;
    bottom: 50px;
    left: 48px;
    color: white;
    font-size: 26px;
	font-weight: 300;

}
.homeitem h4 {

    bottom: 12px;
    left: 24px;
    color: #FFffff;
    font-size: 28px;
	font-weight: 500;
}

.homeitem img {
	
	transition: all 0.5s;
	
}


.homeitem img:hover {
/*	filter: blur(2px); */
	
	transform: scale(1.3);
}
h3 {
	font-size: 28px;
}

h4 {
	color: var(--brand-c1);
}
h3, h4 {
	margin: 0.67em 0;
}

.homepark {
	background:#1F3835 url('homepark2.jpg') no-repeat;
	background-position: center top;

}
.homeparkdiv {
		padding: 120px 24px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;	
}
.homeparkdiv h2 {
	color: var(--brand-c2);
	font-size: 32px;
}

.home {
	background: #2E2E36  url('home.jpg') no-repeat;
	background-position: right center;
	color: #ffffff;
}
.home h2 {
	color: var(--brand-c2);
	font-size: 32px;
	text-align: left;
	
}
.home p {
	color: #ffffff;
	font-size: 20px;
	text-align: left;
	
}
.homediv {
	background: #2E2E36 ;
	padding: 96px 64px 64px 96px;
}

@media (max-width: 767px) {
	.home {
	background: #2E2E36 ;
	
	color: #ffffff;
}}

/* Large devices (desktops, 992px and up) */
@media (min-width: 768px) and (max-width: 1200px) {
	.home {
	background: #2E2E36  url('home992.jpg') no-repeat;
	background-position: right center;
	color: #ffffff;
}
	.homediv {
	background: #2E2E36 ;
	padding: 24px 12px 24px 12px;
}
.home h2 {
	color: var(--brand-c2);
	font-size: 26px;
	text-align: left;
	
}
.home p {
	color: #ffffff;
	font-size: 18px;
	text-align: left;
	
}



}



.caravans h2 {
	color: var(--brand-c1);
	font-weight: 600;
}
.caravans2 h2 {
	_color: var(--brand-c2);
	color: var(--brand-c1);
	font-weight: 600;
}
@media (max-width: 600px){
	.caravans2 h2,
	.caravans h2 {
   _color:magenta;
		font-size: 23px !important;
}
}
.hometext {
	text-align: center;
}
.hometext p{
	text-align: center;
}
.agent {
	color: var(--brand-c2);
}
.agent:hover {
	color: var(--brand-c1);
}
.locations {
	color: var(--brand-c1);
}
.locations:hover {
	color: var(--brand-c2);
}


/*====== ACTION BOX ===*/
.action-box {
  background-color: var(--brand-c1);
	
  padding: 40px 0;
  color: #fff;
  position: relative;
}


.action-box h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 40px;
}

.action-box h2 small{
		font-family: "Nothing You Could Do" ,sans-serif;
	text-transform: lowercase;
  color: #999;
	_color: var(--brand-c1);
  font-size: 28px;
}
.action-box p{
	_color: #fff;
	color: #f1f3f6;
	

}
.action-box a{
	color: #fff;
	
}

.action-box .btn-default {
    _background: rgba(0,0,0, 0.4);
	background: var(--brand-c2);
	_border: solid 4px var(--brand-c2);
	 border-color: var(--brand-c2);
    box-shadow: none;
	color: var(--brand-c1);
   
    letter-spacing: 2px;
    padding: 0 25px;
    height: auto;
	width: content-fit;
       text-transform: uppercase;
    /* text-shadow: 2px 4px 3px rgba(0,0,0,0.3); */
	transform: scale(1);
	transition: transform .6s ease-in-out;
}

.action-box .btn-default:hover{
	transform: scale(1.05);
}


.action-box.brand-c2 {
  background-color: var(--brand-c2) !important;
	
  padding: 40px 0;
  color: #333;
  position: relative;
}


.action-box.brand-c2 h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 40px;
}
.action-box.brand-c2 h2 small {
	font-family: "Nothing You Could Do" ,sans-serif;
	text-transform: lowercase;
  color: #fff;
	_color: var(--brand-c1);
  font-size: 28px;
 
}
.action-box.brand-c2 p{
	color: var(--brand-c1);
	font-size: 1.2em;
	/*color: #cfb783;*/
}

.action-box.brand-c2 .btn-default {
    _background: rgba(0,0,0, 0.4);
	background: var(--brand-c1);
	_border: solid 4px var(--brand-c1);
	 border-color: var(--brand-c1);
	_color: var(--brand-c2);
	color: #fff;
    box-shadow: none;
   
    letter-spacing: 2px;
    _padding: 0 25px;
	_padding: 9px 21px;
	padding: 3px 16px;
    height: auto;
	width: content-fit;
       text-transform: uppercase;
    /* text-shadow: 2px 4px 3px rgba(0,0,0,0.3); */
	transform: scale(1);
	transition: transform .6s ease-in-out;
}

.action-box.brand-c2 .btn-default:hover{
	transform: scale(1.05);
}

/* Property Details Page */
.property-topinfo .amenities li {
	border: none !important;
}

/* Property Details Page - Hide Stamp Duty Mortgage Calculators 
#ctl00_ContentPlaceHolderMain_hypStampDutyCalculator, #ctl00_ContentPlaceHolderMain_hypMortgageCalculator {
	display: none;
}
*/
#ContentPlaceHolderMain_hypRequestViewing, #ContentPlaceHolderMain_hypContactUs {
	font-size: 1.2em;
	font-weight: bold;
	background: var(--brand-c1);
	padding: 12px 24px;
	border-radius: 6px;
	color: #ffffff;
	
}
#ContentPlaceHolderMain_hypContactUs {

	background: var(--brand-c1);
	color: #ffffff;
	
}

#ContentPlaceHolderMain_hypRequestViewing:hover, #ContentPlaceHolderMain_hypContactUs:hover {
	font-size: 1.2em;
	font-weight: bold;
	background: var(--brand-c2);
	text-decoration: none;

	
}

.selling {
	background: #2c2f35 url('sellingbanner.jpg') no-repeat;
	background-position: center center;
	padding: 48px 0px;
	text-align: center;
	color: #ffffff;
	
}
.selling h3 {
	color: var(--brand-c1);
	text-align: center;
	font-size: 32px;
	font-weight: 600;
}

.sellingleft p, .sellingright p{
	padding: 12px 24px;
	font-size: 24px;
	text-align: left;
}

.sellingtext {
	font-size: 20px;
	padding: 48px 0
}

.lodge {
	background: #2c2f35 url('lodgebanner.jpg') no-repeat;
	background-position: center center;
	padding: 74px 24px;
	text-align: center;
	color: #ffffff;
	
}
.lodge h3 {
	color: var(--brand-c2);
	text-align: center;
	font-size: 32px;
}

.lodgeleft p, .lodgeright p{
	padding: 6% 20%;
	font-size: 24px;
	text-align: left;
}

.lodgetext {
	font-size: 20px;
	padding: 48px 0
}
.park {
	background: #2c2f35 url('parkbanner.jpg') no-repeat;
	background-position: center center;
	padding: 74px 24px;
	text-align: center;
	color: #ffffff;
	
}
.park h3 {
	color: var(--brand-c1);
	text-align: center;
	font-size: 32px;
}
.park h1 {
	color: var(--brand-c1);

}
.parkdiv p {
	padding: 6% 5%;
	font-size: 24px;
	text-align: left;
}

.parktext {
	font-size: 20px;
	padding: 48px 0
}

@media (max-width: 1200px) {
	.parkdiv p {
	padding: 6% 5%;
	font-size: 20px;
	text-align: left;
}
	
	.lodgeleft p, .lodgeright p{
padding: 12px 24px;
	font-size: 20px;
	text-align: left;
}
	
	.sellingleft p, .sellingright p{
padding: 12px 24px;
	font-size: 20px;
	text-align: left;
}
}

@media (min-width: 1000px) {
	#property-detail-large .item img {

	padding: 0 10% 0 10%;
	
}
#property-detail-wrapper.style1 .price {

  left: 12%;

}

}

#footer-latest h3{
	    visibility: hidden;
    position: relative;
}

#footer-latest h3:after{
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Latest Caravans";
}


#tabhdrSchools {
	display: none;
}



.btn-fullcolor2, .btn-fullcolor2:active, .btn-fullcolor2:visited,.btn-fullcolor2.active, .open .dropdown-toggle.btn-fullcolor2 {
	background: #2C2F35;
	text-transform: uppercase;
	color: #ffffff;
	width: 200px;
}

.btn-fullcolor2:hover {
	background: #83B14E;
	
}

#top-info, #top-buttons {

    font-size: 20px;
}

.parker h3 {
	color: var(--brand-c1);
}
.parkeryellow {
	background: var(--brand-c2);
	color: #ffffff;
	text-align: #ccenter;
	padding: 24px 0;
	
}
.parkeryellow h2{
	_color: #ffffff;

	_text-transform: capitalize;
	text-transform: uppercase;
}
.parkeryellow p{
	_color: #ffffff;
    color: #252525;
	text-transform: capitalize;
}

.parkerblack {
	_background: #2c2f35;
	background: var(--brand-c1);
	padding: 24px 0;
}

.parkerblack .img-control img{
	margin-top: 30px;
}

.parkerblack h2 {
	color: var(--brand-c2);
}

.parkerdiv p {
	line-height: 36px;
	color: #ffffff;
}

.parkerdiv i.fa-check{
	color: var(--brand-c2);
	display: none;
}

.parkerdiv > p::before{
	content:url("the-ticksvg16a.svg");
	display: inline-block;
}


/* Valuaiton Floating Buttons */
.side-btn-slider{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300 !important;
	text-align: center !important;
	font-size:16px;
	text-decoration: none;
	display: inline-block;
	width: 40vmin;
	padding: 15px 20px;
	padding-left: 149px;
	 -webkit-border-radius: 0 5px 5px 0 !important;
	-moz-border-radius: 0 5px 5px 0 !important;
	-ms-border-radius: 0 5px 5px 0 !important;
	-o-border-radius: 0 5px 5px 0 !important;
	border-radius: 100px  !important;
	color: #fff;

	margin: 30px;
	position: fixed;
	bottom:35%;
	left:-180px;
	z-index: 999;
	box-shadow: 2px 3px 4px rgba(0,0,0,0.3);
	background-color: var(--brand-c1);
	border: 3px solid transparent;
}
.side-btn-slider:hover{
	background: var(--brand-c2);
	color:var(--brand-c1);
	text-decoration: none;
	border: 3px solid var(--brand-c2);
}


#val-btn-pos3{
	bottom: 26%;
	
	
}



@media screen and (max-width: 690px){
	.side-btn-slider{
		min-width: 280px;
		margin-left: 30px;
		  font-size: 12px;
	}
	
	
	#val-btn3{
	 bottom:33% !important;
	/*color: orange;*/
	  color: #fff;
	  text-transform: uppercase;
		
	}
	
	
}
/* Feature Formatting */
.feature-bg {
		padding:48px 0 0 0;
		background: var(--brand-c2);
		border-top: none;
		border-bottom: none;
}
.feature-bg .section-title{
		color: #ffffff;
}
.feature h3{
		color: var(--brand-c2);
}
.feature:hover h3{
		color: var(--brand-c1);
}
.feature-bg p{
		color: #ffffff;
}
.feature-bg .btn-default-color {
	color: #ffffff;
	border-color: var(--brand-c2);
	background-color: var(--brand-c2);
}
.feature-bg .btn-default-color:hover{
	color: #ffffff;
	border-color: var(--brand-c1);
	background-color: var(--brand-c1);
}
.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);
}


#header{
	 background: #1C1F28 !important;    
}

/* ----- the progression bar, specifically */

#header::after{
	background-color: transparent;
	
}
.revslider-container .tp-bannertimer{
	display: none;
}

/* --- end progress bar ---*/


/* search page */

.searchfor-control{
	text-align: center;
	margin: 0 auto;
}
.searchfor-control .pannel   {
	text-align: center !important;
	align-content: center;
}

.searchfor-control .pannel  .btn-default-color{
	height: auto;
     background-color: transparent;
    border-color: #adb2b6;
    color: #adb2b6;
}

/* transparent bg home page FX */



#pageid1 #header .sticky-wrapper{
 background: transparent;
	_background-image: linear-gradient( var(--brand-c1t60) 40%, transparent);
	_background-image: linear-gradient( rgba(0,0,0,0.4) 40%, transparent);
	_background: var(--brand-c1);
	height: 0 !important;
	_height: 160px;
}

#pageid1 #nav-section{
	background: #1C1F28;
}
#pageid1 #nav-section.stuck{
	background: transparent;
	background-color: transparent;
     _height: 160px;
}
#pageid1 #nav-section.stuck.shrink{
	_background: rgba(0,0, 0, .6);
	_background-color: rgba(0,0, 0, .6);
	_background-image: linear-gradient( var(--brand-c1t60) 70%, transparent);
	background: var(--brand-c1);
	 height: 140px;
}
#pageid1 #nav-section.stuck:after{
	background-color: transparent;
}

#pageid1 .navbar-nav  li a[href="search.htm"]{
	line-height: 0;
}


#pageid1 .navbar-nav > li > a{
	line-height: 130px;
}


.servicestable-control h3{
	_color: red;
}

/* Bespoke HTML Table Control */


.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*/

#nav-section{
	_border: 2px dotted red;
	background: var(--brand-c1) ;
	 min-height: 61px;
	
	/*
	background-image: url();
	background-repeat: repeat-x;
	background-position: top center;
	background-attachment: fixed;
	*/
}

#nav-section.stuck{
	_background: rgba(18,21,40, 0.7); /* #1C1F28*/
	_background-color: rgba(18,21,40, 0.7);
	_bakground-color: var(--brand-c1t40);
	background: var(--brand-c1);
	_background-image: linear-gradient(var(--brand-c1t40 70%, transparent));
		height: 130px;
}
 #nav-section.stuck.shrink{
	_background: rgba(0,0, 0, .6);
	_background-color: rgba(0,0, 0, .6);
	_background: var(--brand-c1t40);
	 background: var(--brand-c1);
	height: 130px;
	 _border: 2px dotted magenta;
}



#ContentPlaceHolderMain_hypRequestViewing, #ContentPlaceHolderMain_hypContactUs {
    font-size: 1.2em;
    font-weight: bold;
    background: var(--brand-c1);
    padding: 12px 24px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	-webkit-border-radius: 25px;
	-ms-border-radius: 25px;
    border-radius: 25px;
    color: #ffffff;
}

ul.list-control,
.list-control ul{
	list-style: none;
	_list-style-image: url("the-tick01.png");
	list-style-image: url("the-ticksvg16a.svg");
	padding: 0 0 0 1.3em;
}

ul.list-control.brand-c0{
	list-style: none;
	_list-style-image: url("the-tick01.png");
	list-style-image: url("the-ticksvg16a.svg");
	padding: 0 0 0 1.3em;
	color: #fff;
	
}
ul.list-control.brand-c0 li.blank{
	list-style-image: none
}
ul.list-control li,
.list-control li{
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--brand-c1);
	
}
/* space adjust, nested list */


ul.list-control.space-adjust li,
.list-control.space-adjust li{
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--brand-c1);
	
}

/* ----- Accordion Simple -------*/
.accordion-control{
	
}


.panel{
	background: var(--brand-c1);
    _border: 2px solid var(--brand-c1) ; /*rgba(198,182,123,1.00); /*#c6b67b*/
	-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-ms-border-radius: 7px;
		-o-border-radius: 7px;
	border-radius: 7px;
	color: #000 !important;
	
	
	
}
.panel:hover{
	background: var(--brand-c1);
	border-color: var(--brand-c2); /*rgba(255,255,255, 0.7);*/
	box-shadow: 3px 3px 4px rgba(0,0,0, 0.4);
	
}
.panel-heading{
	
	color:#fff !important;
	border-color:var(--brand-c1);
	background:var(--brand-c1);
	
}

.panel-heading.no-data{
		color:#fff var(--brand-c1);
	border-color: transparent;
	background:#f1f3f6;
}

	
.panel-heading:hover{
	
}
.panel-heading a{
	text-decoration: none;
	color: #fff; /*change here*/
	font-size: 18px;
	
}

.panel-heading a:hover{
	color: var(--brand-c2);

	
}
.panel .panel-body  h4{
	color: #fff;
	text-decoration: underline;
	padding: 12px 7px !important;
	font-size: 21px;
}
.panel-body{
	background: #f1f3f6;
	
}
.panel-body:hover{
	background:#fff;
}

.panel-body a#targetNode,
.panel-body a.textlink{
	color: #fff;
	display: inline-block;
	padding: 5px 7px;
	text-decoration: underline;
	/*border: 1px solid #000; 
	border-radius: 3px; */
}.panel-body a.textlink:hover{
   color: rgba(220,220,220,1.00);
}

/* caret/chrevron control*/

.panel-heading .panel-title  a span i{
color:  var(--brand-c2); /*#000; var(--brand-c1); rgba(223,255,204,1.00);*/
font-size: 21px;
	transform: rotate(180deg);
	transition: transform .6s ease-in-out;
}
.panel-heading .panel-title  a.collapsed span i{
color: #fff;
font-size: 21px;
	transform-origin: center;
	transform: rotate(0deg);
 transition: transform .3s ease-in-out;
}



.panel-heading .panel-title  a span{
	 display: inline-block;
	float: right;
	padding-right: 20px;
	
}

/* ------- end caret control --*/
.range-center{
	text-align: center;
	margin-bottom: 30px;
}

h5 span.pill-name{
	display: inline-block;
	background: var(--brand-c2);
	padding: 5px 12px;
	margin: 7px;
	border-radius: 25px;
	font-weight: 600;
	_color: #fff;
	transition: font-size .6s ease-in;
}
/*h5 span.pill-name:hover{
	display: inline-block;
	background: var(--brand-c1);
	   color: #fff;
	padding: 5px 12px;
	border-radius: 25px;
	font-weight: 700;
	font-size: 17px;
	transition: font-size .6s ease-in;
}
*/




p   span.pill-step{
	display: inline-block;
	background: var(--brand-c2);
	padding: 5px 12px;
		margin: 7px;
	border-radius: 25px;
	font-weight: 600;
	_color: #fff;
	transition: font-size .6s ease-in;
}
p span.pill-step:hover{
	display: inline-block;
	background: var(--brand-c1);
	   color: #fff;
	padding: 5px 12px;
	border-radius: 25px;
	font-weight: 700;
	font-size: 17px;
	transition: font-size .6s ease-in;
}

h2  span.pill-step{
	display: inline-block;
	background: var(--brand-c2);
	padding: 5px 12px;
		margin: 7px;
	border-radius: 25px;
	font-weight: 700;

	
}
h2:hover span.pill-step{
	display: inline-block;
	background: var(--brand-c2);
	padding: 5px 12px;
		margin: 7px;
	border-radius: 25px;
	font-weight: 700;
	transform-origin: center;
	transform: scale(1.3);
	animation: blingpill 2.3s ease-in 7 backwards;
}

@keyframes blingpill{
	0%{
		transform: scale(1.0);
		background: var(--brand-c2);
	}
	100%{
		transform: scale(1.3);
		background: transparent;
	}
	
}

p   span.pill-step2{
	display: inline-block;
	background: var(--brand-c1);
	padding: 5px 12px;
		margin: 7px;
	border-radius: 25px;
	font-weight: 600;
	color: #fff;
	_transition: font-size .6s ease-in;
}

/* Bespoke registration forms */
/* requested changes */
/* form submit button*/

.form-style{
	margin-bottom: 30px;
}

.form-style:nth-of-type(1) {
	margin-bottom: 0;
}

/*adjust forms font size for senior citizens*/
.forms-style .chzn-container-single.chzn-container-single-nosearch,
.forms-style .chzn-container-single,
.forms-style .chzn-single-with-drop,
.form-style input,
.form-style select,
.form-style textarea,
.form-style{
	font-size: 17px;
	color: rgba(50,50,50,1.00) !important;
}

.form-style .btn-link {
    font-size: 1.5em;
}
.form-style span .icon{
	_color: #000;
	color: red;
}


.chzn-container-single .chzn-single span {
    display: block;
    overflow: hidden;
    margin-right: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
	color: black !important;
}

.form-style .form-control::placeholder {
  color: black !important;
  _font-weight: 600 !important;
}

button.btn-fullcolor.submit_form{
	font-size: 24px !important;
	font-weight: 700;
	height: auto;
	padding: 5px 12px;
	
}
/* Sell Your Caravan */
.valuation-banner-wallpaper{
	background: #f1f3f6;
	_background-image:url("parkchange-wallaper3a.jpg");
	background-image:none;
}

.valuation-banner-control h2{
	margin-top: 30px;
}
.valuation-banner-control p{
   margin: 0 auto;
	width: 80vmin;
	margin-bottom: 20px;
}

.valuation-banner-control .pannel {
	text-align: center;
}

.valuation-banner-control .pannel img{
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	
	box-shadow: 3px 4px 5px rgba(0,0,0,0.7);
}
.valuation-banner-control .pannel .btn-default-color{
	background: #fff;;
	border-color: #fff;
	color: var(--brand-c1);
}
/*
.valuation-banner-control .pannel .btn-default-color{
	background: var(--brand-c2);
	border-color: var(--brand-c2);
	color: var(--brand-c1);
}
*/
.valuation-banner-control .pannel .btn-default-color:hover{
	background: var(--brand-c1);
	border-color: var(--brand-c1);
	color: #fff; /*var(--brand-c1);*/
}

.choose-package-control{
	
}

/* caravan photos to send */

.caravan-photos-control p{
	text-align: center;
}


/* PayPal*/

.paypal-info {
	text-align: center;
}

.paypal-info h2{
	font-size: 21px;
	
}
.paypal-info div.pannel{
	background: #f1f3f6;
	border-radius: 12px;
	
}
.paypal-info div.pannel p{
	display: block;
   text-align: left;

	margin-left: 21px; 
}

.paypal-info div.pannel img{
	display: block;
    margin: 0 auto;
	margin-bottom: 10px;
}


.paypal-info div.pannel p span.disclaimer{
	font-size: 12px;
	color: #5C5C5C;
	font-weight: 500;
	margin-top: 10px;
	background: #f1f3f6;
}

.paypal-info div.pannel span{
	display: inline-block;
	border: 1px solid #666;
	border-radius: 7px;
	padding: 9px 12px;
	font-size: 15px;
	font-weight: 700;
	background: #fff;
}

.paypal-info div.pannel .btn-default-color{
  margin: 10px auto;
}

.paypal-info  .pannel ul{
	list-style: none;
	text-align: left;
	padding:  0 0 0  21px;
}

@media (max-width:768px){
	.paypal-info  .pannel ul{
	list-style: none;
	text-align: left;
	padding:  0 0 0  21px;
		font-size: 14px;
}
}

.paypal-info  .pannel li{
	padding-bottom: 10px;
	padding-top: 10px;
}

.paypal-info div.pannel .btn-default-color{
  background: var(--brand-c2);
	color: var(--brand-c1);
	border-color: var(--brand-c1);
} 
.paypal-info div.pannel .btn-default-color:hover{
  background: #f1f3f6;
	color: var(--brand-c1);
	border-color: var(--brand-c1);
} 


.registration-duo{
	text-align: center;
}
.registration-duo h2{
	color: #fff;
	font-size:36px;
}
.registration-duo .btn-default-color{
	background: var(--brand-c1);
	color: #fff;
	border-color: var(--brand-c1);
	padding: 9px 21px;
	height: auto;
	letter-spacing: 1px;
	transform-origin: center;
	transform: scale(1.0);
	transition: transform .6s ease-in;
	
}

.registration-duo .btn-default-color:hover{
	_background: var(--brand-c2);
	_color: var(--brand-c1);
	_border-color: var(--brand-c1);
	padding: 9px 21px;
	height: auto;
	letter-spacing: 1px;
	transform-origin: center;
	transform: scale(1.03);
	transition: transform .3s ease-in;
}

/* PayPal Landing pages - Flexo */

.paypal-flexo-wallpaper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}
.paypal-flexo-wallpaper  .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
}


.paypal-flexo-container > .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
}
.paypal-flexo-container.row{
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}
/*resett*/
ul.paypal-flexo-list{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
}
 ul.paypal-flexo-list{
	display: flex;
	width: inherit;
	flex-direction: row;
	justify-content: center;
     
    flex-wrap: wrap;
	
}




.paypal-flexo-list li.flexo-litem{
	flex: 1 1 30%;
	align-items: center;
	align-self: center;
}

.paypal-flexo-list li div.flexo-card{
	text-align: center;
	width:380px;
	height: 570px;
	border-radius: 12px;
	_border: 1px dotted magenta;
	margin: 0;
	padding:  16px;
	
}
/* card elements*/
.paypal-flexo-list li div.flexo-card h3{
	text-align: left;
	font-size: 18px;
	
}

.paypal-flexo-list li div.flexo-card h4{
	text-align: left;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 16px;
	padding-bottom: 0;
	
}

.paypal-flexo-list li div.flexo-card p{
	text-align: left;
	
	
}

.paypal-flexo-list li div.flexo-card img{
	width: 99%;
	border-radius: 12px;
}

@media  (min-width:600px) and (max-width: 1188px){
	
	
	.paypal-flexo-container.row{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 960px;
}
	.paypal-flexo-list li.flexo-litem.texto-col div.flexo-card{
		width: 80vmin;
		height: auto;
		
	}
	.paypal-flexo-list li div.flexo-card{
	
	  width:100%;
	
	
}
	.paypal-flexo-list li.flexo-litem.texto-col{
	flex: 1 0 85%;
	align-items: center;
	
}

.paypal-flexo-list li.flexo-litem{
	flex: 0 1 30%;
	align-items: flex-start;
	
	
}

}/* end @media */