@import url("page-draftStyles.css");
@import url("xmas-noticebox1.css");

#banner-container {
	background-position:center;
}
:root{
	 --brand-c1:#df3879;
	 --brand-c2:#0045ab;
	
}
img{
	border-radius: 3px;
}


.range-center{
	text-align: center;
	margin: 0 auto;
}
/* =============== Bootstrapy-like rules ============= */

.brand-bg01{background:var(--brand-c1)}
.brand-bg02{background:var(--brand-c2)}
.brand-grad-bg1{background-image: linear-gradient(to bottom right, var(--brand-c2), var(--brand-c1));}
.brand-grad-bg2{background-image: linear-gradient(var(--brand-c2),var(--brand-c1));}
.text-range-center{text-align: center !important}
.text-white{color:#FFF !important}

/* --- COVID-19 home page notice */
.notice-paper{background:#f5ecbd}
.notice-dark-text{color:#000}
.wallpaper-bg{background:#f1f3f6;}

/*============== end bootstrapy-like rules ================= */

.hide-control .quick-hide,
.quick-hide{
	display: none;
	height: 0;
	visibility:hidden;
}

.wallpaper-light{
	_background: #E3E3E3;
	background: #ECECEC;
	padding-bottom: 30px;
}

.wallpaper-light h3{
	display: block;
	margin-top: 21px;
}

.wallpaper-brandC2{
	background: var(--brand-c2);
}
/* ===================== Christmas Opening Times ===============*/


.cot-wallpaper00{
	background: url('COT-wallpaper00.jpg');
	background-position: left  center;
	
}

 #showHide{
	margin: 0;
	text-decoration: none;
	display: inline-block;
	padding: 3px 7px;
	
	/*background: #a35eb5; */
	border: 1px solid  #999;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0,0,0, 0.4);
	font-size: 12px;
	color: #999;
	text-transform: uppercase;
	
}

#showHide:hover{
	background:rgba(224,54,120, 0.4);
	color: #fff;
	border-color: #fff;
	box-shadow: 2px 2px 3px rgba(0,0,0, 0.3);
   
}


.show{
	display: inline-block !important;
	width: 50px !important;
	color:#fff !important; /*adjust here*/
	border-color: #fff !important; /*adjust here*/

}

.date-highlight{
	color:#fff;
	font-weight: 700;
	/*background: rgba(191, 114, 172, 0.6);*/
}
.date-highlight:before{
	content: url('icon-snow16.png');
	padding-right: 3px;
}
.cot-heading{
	background:#efe2ef;
}

.cot-heading h2{
	margin-bottom: 0;
	
}
.cot-heading  p{
	/* to be confirmed note ONLY*/
	display: block;
	text-align: center;
	color: red;
	font-weight: 700;
}
/* ul/li time table */


.cot-content ul.time-table{
	display: block;
	
	list-style: none;
	list-style-image: none;
	padding: 0 0 0 1.3em;
	color: #e4e4e4;
	text-shadow: 2px 2px 3px rgba(0,0,0, 0.5); /*adjust here*/
	/*
	background: rgba(0,0,0,0.1);
	*/
	
}
.cot-content ul.time-table li{
	font-size: 17px; /* adjust here */
	border-bottom: 1px solid #bf72ac;
	line-height: 1.7em;
	
}

.cot-content h3{
	/*color: #fff;*/
	color: #e4cae0;
}
.cot-content h4{
	font-family: 'Dancing Script', serif;
	color: #fff;
	font-size: 26px; /*adjust here*/
}
.cot-content p{
	color: #e4e4e4;
	
}
.cot-content .text-control{
	font-size: 15px;
}
.cot-content .text-control strong{
	font-size: 21px;
	color: #df3879;
}
.cot-content .btn-default-color{
	background: rgba(0,0,0,0.6);
}

.cot-h-closed{
	background:#83246f !important;}
.cot-h-closed h2{
	color: #fff !important;}


.date-highlight{
	font-weight: 700;
	
}
.date-highlight:before{
	content: url('icon-snow16.png');
	margin-right: 3px;
	
}

/*toggle styles*/
.current-day{
	color: #ed5628 !important;
	font-weight: 700 !important;
}

/* ============ end COT =============*/

#showHideE{
	display: inline-block;
	width: 45px;
	padding: 2px 3px;
	
	border-radius: 5px;
	border: 1px solid #999;
	
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

#showHideE:hover{
	
}

.eot-heading{
	text-align: center;
}

.date-highlight2{
	color:#fff;
	font-weight: 700;
	/*background: rgba(191, 114, 172, 0.6);*/
	font-size: 26px;
}
.eot-content p{
	color: #fff;
}

.eot-content .time-table{
	color: #fff;
	list-style: none;
	padding: 0 0 0 0;
	
}
.eot-content .halo{
	border: 3px solid #fff;
	border-radius: 25%;
	margin-top: 50px;
}

.eot-content .btn-default-color{
	background:rgba(223,  56,  121, 0.4);
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.6);
}
.eot-content .btn-default-color:hover{
	box-shadow: 3px 3px 5px rgba(0,0,0, 0.3);
	border-color: #e4e4e4;
	color: #e4e4e4;
}

/*==================Added styles =================*/
a[href="login.aspx?mode=2"]{
	display: inline-block;
	padding: 5px 7px;
	color: #fff;
	background: #df3879;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	-ms-border-radius: 10%;
	-o-border-radius: 10%;
	border-radius: 10%;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0,0,0.7);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0,0,0.7);
	-ms-box-shadow: 2px 2px 3px rgba(0, 0,0,0.7);
	-o-box-shadow: 2px 2px 3px rgba(0, 0,0,0.7);
	box-shadow: 2px 2px 3px rgba(0, 0,0,0.7);

}

span.footnote{
	color: #333;
	font-style: italic;
	font-size: 14px;
}

@media screen and (min-width: 765px){
	.row-control00  img[alt="Silver mortgage photo"]{
	/*border: 1px solid red;*/
	width: 65%;
	margin: 0 auto;
	}
	
}/*end media at min 765*/

@media screen and (max-width:580px){
	
	.row-control00  img{
		margin: 0 auto;
	}
}

.image-control00 img{
	margin: 5px auto;
	
}
.image-control00 h5{
  font-weight: 400;
	
}

.container-bg00{
background:#e5e3e3; 	
}

.container-bg00 span{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight: 400;
	padding: 15px 10px;
	color: #333;
	border: 1px solid #df3879;
	margin-bottom: 15px;
}

/* CHRISTMAS BANNER */
.christmas-opening{
	background-color: #df3879;
	background-image: url(christmas-wallpaper.jpg);
	border: 1px solid #74777c;
}
.white-bg{
	background: #fff;
}


.actionBox-control a.btn-default {
	background: #df3879;
	color:var(--brand-c2);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0, 0.8);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0, 0.8);
	-ms-box-shadow: 2px 2px 3px rgba(0,0,0, 0.8);
	-o-box-shadow: 2px 2px 3px rgba(0,0,0, 0.8);
	box-shadow: 2px 2px 3px rgba(0,0,0, 0.8);

	
}

.actionBox-control a.btn-default:hover {
	background: #df3879;
	color:#fff;
	-webkit-box-shadow: 4px 4px 5px rgba(0,0,0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0,0,0, 0.4);
	-ms-box-shadow: 4px 4px 5px rgba(0,0,0, 0.4);
	-o-box-shadow: 4px 4px 5px rgba(0,0,0, 0.4);
	box-shadow: 4px 4px 5px rgba(0,0,0, 0.4);
	
}



.group-photo00{
	background: url('group-hug00.jpg') repeat-x;
	background-size: 100%;
	background-color: #df3879;
}

#banner-title {
	position: absolute;
	top:40px;
	
}
h1#banner-title {
	text-transform: capitalize;
	height: auto;
	background: var(--brand-c2);
	color: #fff;
	padding: 12px 21px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

em {
	color: #df3879;
}

.bullets-p41 ul .animation-from-left{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.bullets-p41 ul .animation-from-left{
	list-style-type: none;
	background-image: url("the-gold-tick.png");
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 1.3em;
	line-height: 2em;
}



.bullets-p41 li:nth-of-type(n){
	display: block;
	border-bottom: 1px solid var(--brand-c2); /* rgba(81, 05, 106, 1);  var(--brand-c2);*/
	
	
}
.list-control ul{
list-style-type: none;
	list-style-image: url("the-gold-tick.png");
	_background-position: center left;
	_background-repeat: no-repeat;
	padding: 0 0 0 1.3em;
	
}
.list-control ul li{
	line-height: 1.5em;
	border-bottom: 1px solid var(--brand-c2);
	padding-top: 7px;
	padding-bottom: 7px;
}
.list-control .additional ul{
	list-style: none !important;
	list-style-image: none !important;
	padding: 0 0 0 0;
	
	
}
/*no ticks*/
.list-control.no-ticks ul{
   list-style-type: none;
	list-style-image: none;
	_background-position: center left;
	_background-repeat: no-repeat;
	padding: 0 0 0 0;
	
}
.list-control.no-ticks  ul li{
	line-height: 1.5em;
	border-bottom: 1px solid var(--brand-c2);
	padding-top: 7px;
	padding-bottom: 7px;
}



.gold-panel-p31 {
	display: block;
	/*background-color: rgba(213,161,98,0.7);  #df3879*/ 
	border: 2px solid rgba(37, 46, 89, 0.9);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-bottom: 32px;
	
}
	
.gold-panel-p31 p, .gold-panel-p31 h3{
	color: var(--brand-c2);
	padding: 10px;
	text-align: center;
}

.gold-panel-p31 h3{
	font-size: 1.5em;
	color: #df3879;
}

 .gold-panel-p31 a{
	
display: inline-block;
padding: 7px 14px;
background: #df3879;
	 text-decoration: none;
color: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
box-shadow: 2px 2px 4px rgba(0,0,0, 0.3);

}
.gold-panel-p31 a:hover{
	color:#fff;
	background: var(--brand-c2);
	box-shadow: 2px 2px 3px rgba(0,0,0, 0.8);
}



.grey-bg{
	background: var(--brand-c2);
	
}
.grey-bg h3{
	color: #f8f8f8;
	font-size: 31px;
	
}
.grey-bg p{
	color: #f8f8f8;
	font-size: 17px;
	
} 
.grey-bg img{
	margin: 0 auto;
	margin-bottom: 20px;
}

.range-centre-p34 img {
	margin: 0 auto;
	padding-bottom: 16px;
}

.range-centre-p43 img{
	margin: 0 auto;
}


.emergency00-bg{
	background: #c4c5cc;
	
}

.emergency00-bg h3{
	font-size: 27px;
	color:var(--brand-c2);
}

.sub-emergency div{
	float: left;
}
.sub-emergency00 {
	width: 27%;
	min-width: 285px;
}
.sub-emergency00 img{
	
}
.sub-emergency01 {
	width: 38%;
	padding-right: 7px;
	min-width: 285px;
	
}
.sub-emergency01 .btn-default-color{
	background: #df3879;
	color: #333;
	border: 2px solid #333;
	margin-bottom: 10px;
	
}
.sub-emergency01 .btn-default-color:hover{
	background: var(--brand-c2);
	color: #f8f8f8;
	border: 2px solid #333;
	margin-bottom: 10px;
	
}

.sub-emergency01 h5{
	color: #333;
}

.sub-emergency02 {
	width: 10%;
	min-width: 285px;
	background: #ff00c0;

}



.tenant-help00{
	background: url('page-photo01.jpg');
	background-size: 120%;
}

.sticky-notes00 div{
	background: #f8f8f8;
	
	padding: 12px;
	height: 630px;
	margin-bottom: 10px;
	
}

.sticky-notes00:nth-child(3) > div{
	/*background: blue;  #f8f8f8;*/
	background: #f8f8f8;
	padding: 12px;
	height: 630px;
	margin-bottom: 10px;
	overflow-y: auto;
	overflow-x: hidden;
}

div.strech{
	height: 630px;
	background: #f8f8f8;
	
}
div.strech:hover{
	height: 810px;
	background: #f8f8f8;
	
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	
	 -webkit-transition: height 2s; /* Safari */
    transition: height 2s;
}


.sticky-notes01 div{
	background: #f8f8f8;
	
	padding: 12px;
	height: 310px;
	margin-bottom: 10px;
	
}




/*==============END ADDED ===================*/

/* 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: var(--brand-c1);

}

.nav-tabs {
 display: block;
	
}


/* #Logo and Menu Background */
.nav-logo img{
	height:120px;
}
.nav-logo {
	height:125px;
}

.navbar {
	margin: 0;
}

#nav-section {
	background: #fff;
}

/* # Navigation */
.navbar-nav > li > a {
  padding: 0px 5px;
  display: block;
  color: #df3879;
  line-height: 105px;
  text-transform: uppercase;
	
	font-size: 16px;
	
	

}
.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-c2);
}

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

/* # 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%;
}
.section-title {
	font-size:40px;
	text-transform: capitalize;
}
.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;
 
}
p {
	margin: 1em 0 1em 0;

}




/* # Text Link Text Colour*/

	a {
		color:#74777c;
	}
	a:hover {
		color:var(--brand-c2);
	}
	
/* # Footer Text */

.footer-contacts li {
  font-size: 16px;
    color: var(--brand-c2);
}
#footer-top a {
  color: var(--brand-c2);
}
#footer-top a:hover {
  color: #d73978;
  text-decoration: none;
}

#footer-top h3{
	color: var(--brand-c1);
}

/* # 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: 10px;
  font-size: 14px;
  left: 10px;
  background-color: #455560;
  color: #fff;
  padding: 2px 20px 2px 10px;
  z-index: 10;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.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: 10px;
  left: 20px;
  background-color: #455560;
  color: #fff;
  font-size: 15px;
  padding: 2px 20px 2px 10px;
  z-index: 10;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
  
}
.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: 10px;
  left: 10px;
  background-color: #455560;
  color: #fff;
  padding: 2px 20px 2px 10px;
  z-index: 10;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
#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: var(--brand-c2);
  color: var(--brand-c2);
}


.parallax {
	padding:85px 0 0 0;
	border-top:none;
}

	
	
/* # Testimonials */
.testimonials .item .text {
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-style: italic;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.6);

}

.testimonials .item .text:after {
  border-color: transparent rgba(255, 255, 255, 0.6) transparent transparent;
  _border-color: #000000 #00ff00 #000000 #000000;
}

/* # Action Box */
.action-box {
  background-color: var(--brand-c2);
  padding: 40px 0;
  color: #fff;
  position: relative;
}
.action-box h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 40px;
	display: inline-block;
	padding: 4px 7px;
	background:var(--brand-c1);
	border-radius: 2px;
	
}

.action-box p{
	display: block;
	font-size: 1.2em;
	width: 70%;
	margin: 0 auto;
}

.action-box a.btn.btn-default.btn-lg {
	background: var(--brand-c1);
		color: #fff;
	border-color: var(--brand-c1);
	font-size: 18px;
	height: auto;
	padding: 12px 17px;
	font-weight: 900;
	
}

.action-box a.btn.btn-default.btn-lg:hover {
	background: #fff; /*var(--brand-c1);*/
		color: var(--brand-c1);
	border-color: var(--brand-c1);
   box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.7);
}

/*  Big Button Panel */
.colored-bg:before
{
  background-color: var(--brand-c2);
}
.property-large-buttons2 li {
  width: 75%;

  color: var(--brand-c2);
}
.aw-adjust{
	padding-bottom: 5px
}

/* # Slider Text */

.slider-xmas-title{
	font-family: 'DM Serif Display', sans-serif;
  font-size: 72px;
  font-weight: 400;
  /*color: #fff;*/
   color: #fff;
  line-height: 41px;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
	/*background: var(--brand-c1);;*/
	text-align: center;
}.slider-xmas-title.back-paddingpink{
	   text-shadow: 2px 2px 3px rgba(0,0,0,0.0);
    display: block;
	padding: 19px 23px;
	background: var(--brand-c1); /*rgba(255,255,255,0.6);*/
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	 
	
}
.slider-xmas-subtitle{
	font-family: 'DM Serif Display', sans-serif;
	color: #ffffff;
  font-size: 32px;
  font-weight: 400;
  line-height:26px;
  text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
}



.slider-title {
	font-family: 'DM Serif Display', sans-serif;
  font-size: 34px;
  font-weight: 300;
  color: #df3879;
  line-height: 34px;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.7);
}


.slider-subtitle{
	
  color: #ffffff;
  font-size: 26px;
  font-weight: 300;
  line-height:26px;
  text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
}


.slider-title.back-pannel {
	font-family: 'DM Serif Display', sans-serif;
  font-size: 34px;
  font-weight: 300;
  color: #fff;
  line-height: 34px;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.0);
    display: block;
	padding: 12px 21px;
	background: rgba(255,255,255,0.6);
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	 
	 
}

.slider-title2 {
	font-family: 'DM Serif Display', sans-serif;
  font-size: 23px;
  font-weight: 300;
  color: #fff;
	
  line-height: 34px;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.7);
}
.slider-subtitle2
{
  color: #df3879;
  font-size: 26px;
  font-weight: 300;
  line-height:26px;
  /*text-shadow: 2px 4px 3px rgba(0,0,0,0.1);*/
}
.slider-title3 {
	  font-family: 'DM Serif Display', sans-serif;
	font-weight: bold;
  font-size: 45px;
	text-transform: uppercase;
  color: #df3879;
  line-height: 48px;
  text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.slider-subtitle3
{
  color: #fff;
  font-size: 38px;

  line-height: 34px;
  text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
}
.slider-subtitle4
{
  color: var(--brand-c2);
  font-size: 12px;

  line-height: 34px;
  text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
}

#range-centre-slider {
	text-align: center;
}	


#range-centre-slider-blue {
	text-align: center;
	color:#1e3a6e;
	text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.8);
	font-weight: 700;
	
}	



a.tp-caption.btn-default,
a.tp-caption.btn-lg {

}

a.tp-caption.btn-default:hover, a.tp-caption.btn-lg:hover {
    color: #fff;
	background-color: rgba(81, 85,106, 0.7);
    height: auto !important;
	
}

a.tp-caption.btn-default-blue,
a.tp-caption.btn-lg-blue {
	font-size: 21px;
	background:#1e3a6e;
	color: #fff;
	border: 2px solid #fff;
	padding: 5px 10px;
	height: auto !important;

}

a.tp-caption.btn-default-blue:hover,
a.tp-caption.btn-lg-blue:hover {
	font-size: 21px;
	background:rgba(81, 85,106, 0.7);
	color: #fff;
	border: 2px solid #fff;
	padding: 5px 10px;
	height: auto !important;

}




/* =====  COVID-19 SLIDER NOTICE =====*/

.slider-virus-note00{
  font-size: 25px;
  font-weight: 400;
  color: #000;
  line-height: 32px;
}
.slider-virus-note01{
  font-size: 23px; /*adjust here*/
  font-weight: 400;
  color: #000;
  line-height: 1.2em;
}
.slider-virus-note02{
  font-size: 17px;
  font-weight: 400;
  color: #000;
  line-height: 0.7em;
}




/* # Site Map listings */

.sitemap-listings {
  list-style: none;
  padding: 0;
}
.sitemap-listings li {
  min-height: 58px;
  display: block;
  margin-bottom: 2px;
  width: 100%;
  position: relative;
  padding: 4px 42px 0 64px;
}
.sitemap-listings li .image {
  width: 58px;
  height: 58px;
  overflow: hidden;
  position: absolute;
  display: block;
  z-index: 2;
  top: 0;
  left: 0;
}
.sitemap-listings li .image img {
  height: 100%;
}
.sitemap-listings li a {
  line-height: 8px;
  z-index: 1;
  display: inline;
  width: 100%;
  min-height: 58px;
  vertical-align: middle;
}
.sitemap-listings li a span {
  position: absolute;
  right: 0;
  top: 10px;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 13pt;
  border: 1px solid #74777c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sitemap-listings li li:hover > p a {
  color: var(--brand-c2) !important;
}
.sitemap-listings li li:hover > p a span {
  border-color: var(--brand-c2);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .sitemap-listings li {
    padding: 4px 42px 0 0;
  }
  .sitemap-listings li .image {
    display: none;
  }
}


/* # Form - field size */
/* # Form - field size2 */

.form-group{
	background: var(--brand-c2);
	color: #fff;
}

.form-group{
	margin-bottom: 0;
}

.form-control-text .form-control{
	border: 2px solid #df3879;
	color: #fff !important; /*rgba(255,255,255, 0.6);*/
	_background: rgba(255,255,255, 0.4);
	
}
.form-control-text .form-control placeholder{
	color: #e4e4e4; /*rgba(255,255,255, 0.6);*/
}


.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: 1px solid #df3879;
	color: #333;
}

#pageid37 .btn-link  {
	color: red;

}
/*and buttons*/

.btn-fullcolor{
  background: var(--brand-c1);
	/*
	    background-image: -webkit-linear-gradient(var(--brand-c2), #df3879);
		background-image: -moz-linear-gradient(var(--brand-c2), #df3879);
		background-image: -ms-linear-gradient(var(--brand-c2), #df3879);
		background-image: -o-linear-gradient(var(--brand-c2), #df3879);
	background-image: linear-gradient(var(--brand-c2), #df3879);*/

	color: #fff;
	_box-shadow: 1px 2px 3px rgba(0,0,0, 0.7);
	border-color:none;
	height: auto;
	padding: 12px 21px;
}
.btn-fullcolor:hover{
	box-shadow: 3px 4px 5px rgba(0,0,0, 0.4);
	background:#fff;
	color: var(--brand-c1);
	border-color: var(--brand-c1);
}


 

.chzn-container .chzn-results li.highlighted {
  background-color: rgba(223, 56, 121, 0.9);
  
}

.chzn-results {
	height: 150px; 
}





/* # Partners Logos */

#partners {
  padding-top: 15px;
  background: #aaa;
}
#partners .item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 4px;
  padding: 10px 15px;
  vertical-align: middle;
}
/* # Top Contact Bar */
#topbar {
	color: #ffffff;
	background: #df3879;
		text-decoration:none;
	padding: 2px 0 2px 0;
	

}
#topbar a:hover{
	color: #333;
	
	

}
#topbar a, #topbar a:active, #topbar a:visited  {
	color: #ffffff;
		text-decoration:none;
}
#topbar a:hover {
	_color:#333;
	color:var(--brand-c2);
	text-decoration:none;
}




#ctl00_hypTopBarFacebook {
	background: #3b5998;
	color: #ffffff;
	border: none;
	padding: 2px 8px;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	-ms-border-radius: 10%;
	-o-border-radius: 10%;
	border-radius: 10%;

	
}
#ctl00_hypTopBarTwitter{
	background: #55acee;
	color: #ffffff;
	border: none;
	padding: 2px 6px;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	-ms-border-radius: 10%;
	-o-border-radius: 10%;
	border-radius: 10%;

	
}

#ctl00_hypTopBarInstagram{
	background: #a44e96;
	/*	background:#5c6cb3;*/
	color: #ffffff;
	border: none;
	padding: 2px 6px;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	-ms-border-radius: 10%;
	-o-border-radius: 10%;
	border-radius: 10%;

}


#ctl00_hypTopBarLinkedIn {
	background: #0177b5;
	color: #ffffff;
	border: none;
	padding: 2px 6px;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	-ms-border-radius: 10%;
	-o-border-radius: 10%;
	border-radius: 10%;

}
  


/* Feature Formatting */
#pageid1 .feature-bg {
		padding:48px 0 0 0;
		background: #efefef url('repeat.jpg');
}

.feature-bg {
		padding:48px 0 0 0;
		background: url('repeat.jpg');
}
.feature-bg .section-title{
		color: #df3879;
}
.feature h3{
		color: #df3879;
	font-size: 31px;
	
}
.feature:hover h3{
		color: #958d90;
}
.feature-bg p{
		color: var(--brand-c2);
}
.feature-bg .btn-default-color {
	_color: rgba(0,0,0,0.5);
	_border-color: rgba(0,0,0,0.5);
		color: #fff; 
	border-color: var(--brand-c2);
	background:var(--brand-c2);
	height: auto;
	padding: 9px 21px;
}
.feature-bg .btn-default-color:hover{

	color:var(--brand-c2);
	border-color:var(--brand-c2);
	background: #fff;
}
.feature i{
		color: #df3879;
		border: 4px solid #000000;
}
.feature:hover i{
		color: #000000;
}
.feature i:after {
	  background: #000000;
}

.feature-bg img{
	margin: 20px auto;
}

.feature-bg.clear-lines{
	border-bottom: none;
	border-top: none;
}

.properties-bg {

	padding: 24px 0 24px 0;
  position: relative;
	
  background:  #efefef url('pattern.png');
  width: 100%;
  height: 200%;
  background-repeat: repeat;
}

#testimonials .section-title {
	color: #df3879;
	text-shadow: 2px 2px 2px rgba(81, 85, 106, 0.8) /*51556a*/
}

.testimonials-bg {
		padding: 24px 0 24px 0;
  position: relative;
  background:  #dddddd url('testimonialbg.jpg');
  width: 100%;
  height: 200%;

}
.testimonials-bg .item{
font-size: 22px;
font-weight: 600;
color: #fff;
}
.testimonials-bg p{
font-size: 18px;
color: #333333;
}
.tenantbox {
	    border-radius: 8px;
		background: url('repeat.jpg');
    padding: 20px; 
    width: 100%;
    height: 100%;
	color: #ffffff;
}
.tenantbox h5 {
	color: #ffffff;
	font-size: 22px;
}
.platinum {
	    border-radius: 8px;
		background: url('platinum.jpg');
    padding: 20px; 
    width: 100%;
    height: 100%;
	color: #ffffff;
}
.platinum h5 {
	color: #ffffff;
	font-size: 22px;
}
.gold {
	    border-radius: 8px;
		background: url('gold.jpg');
    padding: 20px; 
    width: 100%;
    height: 100%;
	color: #ffffff;
}
.gold h5 {
	color: #ffffff;
	font-size: 22px;
}
.bespoke {
	    border-radius: 8px;
		background: url('repeat.jpg');
    padding: 20px; 
    width: 100%;
    height: 100%;
	color: #ffffff;
}
.bespoke h5 {
	color: #ffffff;
	font-size: 22px;
}
/* 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;
}
.links a {
	color: #df3879;
	font-weight: 700;
}
.links a:hover {
	color: #df3879;
	font-weight: 700;
	text-decoration:underline;
}

.TFA-brand-bgC0{
	background: #1f376e;
	padding: 10px 0;
}
.TFA-brand-bgC0.txt-white h3,
.TFA-brand-bgC0.txt-white p{
	color:#fff;
	
}
.TFA-brand-bgC0.txt-white.i14 p{
    font-size: 14px;
	font-style: italic;
}
.TFA-brand h2,
.TFA-brand h3{
	color:#1f376e;
}
.TFA-brand p{
	color:#000;
	font-style: italic;
}


.sava-brand-bg{
	background: #e4e4e4;
	padding: 10px;
}
.sava-brand-bg img{
	display: block;
	width: 80%;
	margin: 0 auto;
    
}
.sava-brand-bg h3,
.sava-brand-bg h2{
	color: #df3879;
}
.sava-brand-bg p{
	font-size: 14px;
	font-style: normal;
}

/*== TEST PAGE2==*/

	
	.float-side-btns{
		display: none;
		width: 110px;
		position: fixed;
		top: 270px;
		right: -40px;
		
		background: rgba(37,46,89, 0.6);  /*rgba(77,77,77, 0.8);*/
		
		
	}
	.float-side-btns ul{
		list-style: none;
		padding: 0 0 0 1em;
		}
	
	.float-side-btns li{
		display: block;
		width: auto;
		height: 30px;
		color: #fff;
		
	}
	.float-side-btns li:nth-child(1){
		font-size: 12px;
	}
	
	.float-side-btns a{
		color: #fff;
		text-decoration: none;
	}
	.float-side-btns a:hover{
		color: #df3879;
		
	}
	
	button{
		display: block;
		padding: 7px 14px;
		background: none;
		
		border: 1px solid #fff;
		cursor: pointer;
		outline: none;
		width: auto;
		margin: 0 auto;
		margin-top: 10px;
		color: #fff;
	}
	button:hover{
		
		background: rgba(0,0,0, 0.3);
		box-shadow: 5px 5px 7px rgba(0,0,0, 0.4);
	}
	
	.stepcontainer h1{
		display: inline-block;
			color: #df3879;
		border-bottom: 4px solid var(--brand-c2);
	}
	
	.stepcontainer p {
		color: #333;
		font-size: 21px;
		
		line-height: 1.3em;
	}
	
	.stepcontainer{
		display: none;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		height: 285px;
		float: left;
		text-align: center;
		padding: 27px;
		padding-top: 35px;
		
		background-color: #f6f1f1;
		border-top: 1.5px solid #df3879;
	}
	
	
	.steplink{
		display: block;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
		cursor: pointer;
		width: 14.285%;
		float: left;
		padding: 12px 14px;
		color: #fff;
		background-color: var(--brand-c2);
		text-align: center;
	}
	.steplink:hover{
		background-color: #6874ac;
	}
	
	.step-title{
		display: inline-block;
		width: auto;
		
		padding: 0;
		
		border-bottom: 1px solid #fff;
		padding-bottom: 10px;
		text-align: center;
	}
	

	.active01 h1{
	color: var(--brand-c2); /*  #df3879  #00ffff */
	border-bottom: 4px solid var(--brand-c2);/*var(--brand-c2);*/
		
}


	.start-over p{
		padding: 5px 0;
		margin: 0;
		text-decoration: none;
		color: #000;
		
	}
	.start-over{
		display: none;
		width: auto;
		background: #e4e4e4;
		background-image: linear-gradient(white, #df3879);
	     text-align: center;
		margin: 0;
	
		
	}
	
	.goUp{
	visibility: hidden;
	display: inline-block;
	width: 100%;
	height: 50px;
	margin:0;
	padding: 30px 0;
	text-align: center;
	
}
.goUp p{
	display: inline-block;
	width: auto;
	padding: 5px 7px;
	border: 1px solid #999;
	
}
.goUp p:hover{
	box-shadow: 2px 2px 5px rgba(0,0,0, 0.4);
}


	#step2:hover,
	#step3:hover,
	#step4:hover,
	#step5:hover,
	#step6:hover,
	#step7:hover{
		
		border-left: 2px solid #df3879;
		border-right: 2px solid #df3879;
	}
	#step1:hover h1,
	#step2:hover h1,
	#step3:hover h1,
	#step4:hover h1,
	#step5:hover h1,
	#step6:hover h1,
	#step7:hover h1{
		border-bottom: 4px solid #df3879;
	
	}

.notice-paper h4{
	margin-bottom: 10px;
}
.notice-paper.btn-control .btn-default-color{
	
	color:var(--brand-c2);
	border-color: var(--brand-c2);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0, 0.7);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0, 0.7);
	-ms-box-shadow: 2px 2px 3px rgba(0,0,0, 0.7);
	-o-box-shadow: 2px 2px 3px rgba(0,0,0, 0.7);
		box-shadow: 2px 2px 3px rgba(0,0,0, 0.7);

	
}
.notice-paper.btn-control .btn-default-color:hover{
	color:#df3879;
	border-color: #df3879;
	-webkit-box-shadow: 4px 4px 5px rgba(0,0,0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0,0,0, 0.4);
	-ms-box-shadow: 4px 4px 5px rgba(0,0,0, 0.4);
	-o-box-shadow: 4px 4px 5px rgba(0,0,0, 0.4);
	box-shadow: 4px 4px 5px rgba(0,0,0, 0.4);
}

	
@media screen and (max-width:480px){
	.notice-paper p{
		font-size: 14px;
	}
	.notice-paper.btn-control .btn-default-color{
	   font-size: 12px;
	}	/* end covid-19 rules*/

		.stepcontainer p {
		color: #333;
		font-size: 15px;
		line-height: 1.3em;
	}
		
	.stepcontainer h1{
		display: inline-block;
			color: #df3879;
		border-bottom: 4px solid var(--brand-c2);
	}
		
		
	.stepcontainer{
		display: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;

		width: 100%;
		height: 230px;
		float: left;
		text-align: center;
		padding: 25px;
		padding-top: 30px;
		
		background-color: #f6f1f1;
		border-top: 1.5px solid #df3879;
	}
	
	.active01 h1{
	color: var(--brand-c2); /*  #df3879  #00ffff */
	border-bottom: 4px solid var(--brand-c2);/*var(--brand-c2);*/
		
	}
	.steplink{
		font-size: 12px;
	}
	.float-side-btns{
		width: 100px;
		top: 230px;
		right: -40px;

	}
		
}/* end atMedia max480*/

@media screen and (max-width: 980px) and (min-width: 485px) {
	.notice-paper p{
		font-size: 14px;
	}
	   
		.notice-paper.btn-control .btn-default-color{
			font-size: 12px;
			display: inline-block !important;
			height: auto;
			white-space: pre-wrap;
			line-height: 1.3em;
			padding: 7px 5px;

			}
			/* end covid-19 related rules */
		
}

/*========= Zoopla's code for buttons ====*/
#online-valuation-tool {
  font-family: inherit !important;
  cursor: pointer !important;
  user-select: none !important;
  outline: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  border-color: transparent !important;
}
#online-valuation-tool.ovt-button {
  padding: 11px 24px !important;
  display: inline-block !important;
  position: relative !important;
  border-radius: 4px !important;
  line-height: 1.5 !important;
  text-align: center !important;
  background-color: #DF3879;
  color: #FFFFFF;
}
#online-valuation-tool:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0;
  transition: opacity ease-in-out 300ms;
}
#online-valuation-tool:hover:before, #online-valuation-tool:focus:before, #online-valuation-tool:active:before {
  opacity: 0.25 !important;
}

/* === the Zoopla floating button option ===*/
#online-valuation-tool {
  font-family: inherit !important;
  cursor: pointer !important;
  user-select: none !important;
  outline: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  border-color: transparent !important;
}
#online-valuation-tool.ovt-button-fixed {
  z-index: 2147483000 !important;
  position: fixed !important;
  bottom: 20px !important;
  left: -1px !important;
  text-align: left !important;
  padding: 14px 15px 14px 5px !important;
  border-top-right-radius: 40px !important;
  border-bottom-right-radius: 40px !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.48);
  background-color: #DF3879;
  color: #FFFFFF;
}
#online-valuation-tool.ovt-button-fixed:before {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
#online-valuation-tool.ovt-button-fixed span {
  display: inline-block !important;
  vertical-align: middle !important;
}
#online-valuation-tool.ovt-button-fixed img {
  vertical-align: middle !important;
  border-style: none !important;
  padding: 0 10px !important;
}
#online-valuation-tool:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0;
  transition: opacity ease-in-out 300ms;
}
#online-valuation-tool:hover:before, #online-valuation-tool:focus:before, #online-valuation-tool:active:before {
  opacity: 0.25 !important;
}
/* ---- end Zoopla code ---*/


.simple-box{
	display: block;
	text-align: center;
	margin: 0 auto;
}

.simple-box .btn-default-color{
	background: var(--brand-c1);
	height: auto;
	color:#fff;
	padding: 15px 12px;
	font-size: 18px;
	border-color: transparent;
	transform: scale(1.0);
	transition: transform .6s ease-in;
}

.simple-box .btn-default-color:hover{
	transform: scale(1.06);
	box-shadow: 4px 4px 6px rgba(0,0,0,0.3);
	
}

.dispute-control{
	border-top: none !important;
	border-bottom: none !important;
}
.dispute-control img{
	
	text-align: center;
	margin: 10px auto;
	display: block;
}

/* 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-c2);
	text-align: left;
}
.table-control table th td:nth-child(n+2),
.table-control table tr td:nth-child(n+2){
	text-align: center !important;
}
.table-control table tr td.range-left{
	text-align: left !important;
}
.table-control table tbody tr td.sub-heading {
	color: #fff;
	/*background: #d8d1c8 !important;*/
	background: var(--brand-c2) !important; 
}
 table  i.fa.fa-check{
	color: #d8d1c8;
	color: var(--brand-c2) !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:#FFF;
}

.table-control tbody td.footer-note{
	font-size: smaller;
	color: #000;
	font-style: italic;
	background: #e4e4e4;
}

 .table-control.table>tfoot>tr {
   
   vertical-align: center;
    
	 color: #333;
	 font-size: 12px;
	 font-style: italic;
	 font-weight: bold;
	 
}
.table-control table>tfoot>tr>td {
	border-top: 1px solid magenta;
	border-bottom: none;
}

.table>thead>tr>th {
    vertical-align: middle;
    border-bottom: 2px solid var(--brand-c1);
}
/* end table control*/
.services-control,
.lettings-control{
	text-align: center;
	
	
}
.services-control,
.lettings-control h3{
	margin-bottom: 10px;
}
.services-control,
.lettings-control img{
	margin: 0 auto;
	display: block;
}

.services-control .btn-default-color{
	color: var(--brand-c2);
	border-color: var(--brand-c2);
	height: auto;
	padding: 9px 21px;
	margin-top: 10px;
}


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

	
.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: #e4e4e4;
	
}
.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);
}

.regulations-control img{
	margin-bottom: 10px;
	display: block;
}
.regulation2-control img{
	margin: 0 auto;
	display: block;
}
@media (max-width: 500px){
	.regulation2-control {
	text-align: center;
		font-size: 14px;
}
}

.feature-bg.remove-border .parallax.feature-bg{
	border-top: none;
	border-bottom: none;
}
#pageid351 .parallax.feature-bg,
#pageid42 .parallax.feature-bg,
#pageid290 .parallax.feature-bg,
#pageid300 .parallax.feature-bg{
	border-top: 0;
	border-bottom: 0;
}

a#pagenav-link{
	margin-top: 10px;
	text-transform: uppercase;
	color:  #fff; /*var(--brand-c1);*/
	display: inline-block;
	height: auto;
	background: var(--brand-c2);
	padding: 12px 21px;
	border-radius: 3px;
}
a#pagenav-link i{
	font-size: 18px;
	font-weight: 900;
}
#nav-mobile-btn:active, #nav-mobile-btn:hover {
    background-color: var(--brand-c2);
}

.doc-control img{
	display: block;
	margin: 0 auto;
	width: 15vmin;
	
}
.doc-control {
	text-align: center;
}

.fees-control h3{
	font-size: 25px;
	font-weight: 900;
	text-align: center;
	margin-top: 30px;
}


/* Valuaiton Floating Buttons */
.side-btn-slider{
	text-align: center !important;
	font-size:15px;
	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: #FFF;
	text-decoration: none;
	border: 3px solid var(--brand-c1);
}


#val-btn-pos3{
	bottom: 45%;
	
	
}



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

	
}




.bookval-control img{
	margin-bottom: 10px;
	
}


.bookval-control .btn-default-color{
	border-color: var(--brand-c1); 
	color: var(--brand-c1);
	
}

.bookval-control .btn-default-color:hover{
	background: var(--brand-c1);
	color: #fff;
}

.home-icon{
	width: 5vmin;
	display: inline-block;
	content: url("home-icon.png");
	margin: 0;
	padding-left: 5px;
	text-align: center;
}

/* Client Requests */

/*#ctl00_ContentPlaceHolderMain_panDefinableFieldsCol2 div.form-style,
#ctl00_ContentPlaceHolderMain_panDefinableFieldsCol1 div.form-style*/
#pageid37 div.form-style{
	background: #efe2ef !important;
	border-radius: 3px;
}

/* Chevron control */
.chevron-control .panel-heading span {
	display: inline-block;
	float: right;
	padding-right: 5px;
}

.chevron-control .panel-heading .panel-title  a span i{
color: var(--brand-c2); /*rgba(223,255,204,1.00);*/
font-size: 18px;
	transform: rotate(180deg);
	transition: transform .6s ease-in-out;
}

.chevron-control .panel-heading .panel-title a.collapsed span i{
color: #fff; /* var(--brand-c2);*/
font-size:18px;
	transform-origin: center;
	transform: rotate(0deg);
 transition: transform .3s ease-in-out;
}

.chzn-container-single .chzn-single {

    background-color: #F7F8FA ;/*rgba(255, 255, 255, 0.1);*/

}

.grid-style1 .item .amenities li [class^="icon-"],
.grid-style2 .item .amenities li [class^="icon-"],
.list-style .item .amenities li [class^="icon-"],
.grid-style1 .item .amenities li [class*=" icon-"],
.grid-style2 .item .amenities li [class*=" icon-"],
.list-style .item .amenities li [class*=" icon-"],
.carousel-style1 .item .amenities li [class^="icon-"], .carousel-style1 .item .amenities li [class*=" icon-"] {
    color: var(--brand-c2);
    
}



.btn-default-color{
	color: var(--brand-c2);
	border-color: var(--brand-c2);
	height: auto;
	padding: 9px 21px;
	margin-top: 10px;
}.btn-default-color:hover{
	color: #fff;
	background: var(--brand-c2);

}
.agents-list .item .info h2{
	color:var(--brand-c1);
}.agents-list .item .info h2 small{
	color:var(--brand-c2);
}

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

.complaintscard-control{
	text-align: center;
}
span#address-card{
	display: inline-block;
	text-align: center;
	border: 1px solid var(--brand-c2);
	padding: 30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #000;
	margin: 0 auto;
	font-size: 18px;
		
		
}
span#emergency-highlight{
	 display: inline-block;
	padding: 12px 21px;
	background:#df3879;
	color: #fff;
	line-height: 1.5em;
	letter-spacing: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
@media (max-width: 690px){
	span#emergency-highlight{
		text-align: center;
	}
}

/* Because there is a spacing issue with some embeded page js scripts */
#nav-section.stuck:after {
    content: " ";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 0; /*3px;*/
    background-color:transparent; /* #e3e3e3;*/
    z-index: 10;
}


/* Mortgage Section submenus */
pageid#91 #banner-title,
pageid#92 #banner-title,
pageid#94 #banner-title,
pageid#97 #banner-title,
pageid#98 #banner-title,
pageid#99 #banner-title,
pageid#199 #banner-title{
	text-align: center;
}

/* does not seem to work */
pageid#199 #banner-title small{
	font-family: 'Quicksand', sans-serif !important;
}

#home-advanced-search .btn,
#map-property-filter .btn,
#advanced-search .btn,
#contacts-overlay .btn {
   height: auto;
   _margin: 10px 10px;
	padding: 7px 23px;
}

.property-topinfo .amenities li [class^="icon-"], .property-topinfo .amenities li [class*=" icon-"] {
    color: var(--brand-c2); /* #adb2b6; */
    float: left;
    font-size: 18px;
    margin-right: 3px;
    margin-top: -3px;
}

/* TPOS complaints porcedure contact card*/
.complaints-card {
	width: 60%;
	display: block;
	
	padding: 15px;
	border: 1px solid #3A3A3A;
	text-align: center;
	margin: 0 auto;
	color: #000;
	background: #f1f3f6;
	       font-size: 17px;   
}
/* Flexo-control  + ul */

.flexo-control > .container, .flexo-control .col-sm-12{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.flexo-container{
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
}
.flexo-control ul.flexo-ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.flexo-control ul.flexo-ul{
	display: flex;
	width: inherit;
	flex-direction: row;
	justify-content: space-around;
}

.flexo-control ul.flexo-ul li.flexo-litem{
	flex: 0 1 25%;
	padding: 7px;
	justify-content: center;
	align-items: center;
	
}


.flexo-control ul.flexo-ul li.flexo-litem a.btn-default-color{
	background: var(--brand-c2);
	color: #fff;
	border-color: var(--brand-c2);
}
.flexo-control ul.flexo-ul li.flexo-litem a.btn-default-color:hover{
	background: #fff;
	color: var(--brand-c2);
	border-color: var(--brand-c2);
	animation: toforward 2s ease-in 1 forwards;
}
@keyframes toforwards{
	from{
		background: var(--brand-c2);
	}
	to{
		background: #fff;
		color: var(--brand-c2);
		font-weight: bold;
	}
} 

/* For timed info setting*/
.flexo-control ul.flexo-ul li.flexo-litem a.btn-default-color.new-thing{
	background: var(--brand-c1);
	color: #fff;
	border-color: var(--brand-c1);
	animation: newthingflash 2s ease-in 60 forwards;
	
}

@keyframes newthingflash{
	0%{
		background: var(--brand-c1);
	}
	
	100%{
		background: var(--brand-c2);
		border-color: var(--brand-c2);
	}
}
.flexo-control ul.flexo-ul li.flexo-litem a.btn-default-color.new-thing:hover{
	background: #fff;
	color: var(--brand-c2);
	border-color: var(--brand-c2);
	font-weight: bold;
	animation: toforward 2s ease-in 1 forwards;
}



.flexo-control ul.flexo-ul li.flexo-litem img{
	display: inline-flex;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 7px;
	transform-origin: center;
	transform:scale(1.0);
	transition: transform .6s ease-in;
}
.flexo-control ul.flexo-ul li.flexo-litem img:hover{
	display: inline-flex;
	width: 100%;
	transform-origin: center;
	transform:scale(1.07);
	transition: transform .3s ease-in;
	
}


@media (min-width: 960px) and (max-width: 1240px){
/*adjust for line length */
	.flexo-control ul.flexo-ul li.flexo-litem:nth-child(5) h3,
	.flexo-control ul.flexo-ul li.flexo-litem:nth-child(4) h3,
	.flexo-control ul.flexo-ul li.flexo-litem:nth-child(2) h3{
		_color: blue;
		display: block;
		margin-bottom: 1em;
		
	}
}
@media (min-width: 600px) and (max-width: 960px){
	.flexo-control ul.flexo-ul{
	display: flex;
	_width: 600px;
	flex-direction: row;
		flex-wrap: wrap;
	justify-content: center;
}

.flexo-control ul.flexo-ul li.flexo-litem{
	flex: 0 1 33%;
	padding: 7px;
	margin-bottom: 5px;
	justify-content: center;
	align-items: center;
	
	_border: 1px dotted magenta;
}
	
	/*adjust for line length */
	.flexo-control ul.flexo-ul li.flexo-litem:nth-child(4) h3,
	.flexo-control ul.flexo-ul li.flexo-litem:nth-child(2) h3{
		_color: green;
		display: block;
		margin-bottom: 0.5em;
		
	}
}

@media (max-width: 600px){
	.flexo-control ul.flexo-ul{
	display: flex;
	width: inherit;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.flexo-control ul.flexo-ul li.flexo-litem{
	flex: 0 1 43%;
	padding: 9px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
	/*adjust for line length */
	.flexo-control ul.flexo-ul li.flexo-litem:nth-child(4) h3,
	.flexo-control ul.flexo-ul li.flexo-litem:nth-child(2) h3{
		_color: red;
		display: block;
		margin-bottom: 21px;
		
	}
}

/* Line Notice Box - News waveFlashFX */
/* JS page script on: homepage, information for landlords*/

.line-notice-box{
	_border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 23px;
	text-align: center;
}
/*
.line-notice-box h2{
	margin-top: 40px;
}
Controled by js.
*/
.line-notice-box ul.newscue-list{
	display: none;
	list-style:none;
	padding: 0;
	margin: 0;
	
	
	_border-bottom: 1px dotted magenta;
}
.line-notice-box ul.newscue-list{
	display: inline-flex;
	width: 10vmin;
	position: relative;
	bottom: 20px;
	_z-index: 7777;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	background: #fff;
	
	border-radius: 50%;
	_border: 2px solid var(--brand-c2);
	
}
@media (max-width: 600px){
	.line-notice-box ul.newscue-list{
		width: 20vmin;
   }
}
/* hide when done mit funct*/

ul.newscue-list.hide-flashcue{
	display: none;
	width: 0;
	height: 0;
}


ul.newscue-list li.newscue-litem span{
	display: block;
	width: 3px;
	height: 9px;
	background: var(--brand-c2);


	
}
ul.newscue-list li.newscue-litem span{
	flex: 1 0 5%;
	margin: 0 3px;
	margin-top: 19px;
	margin-bottom: 16px;
	border-radius: 25%;
}
/* animation control */
ul.newscue-list li.newscue-litem.wave2 span{
	border-radius: 25%;
	transform-origin: center;
	transform: scaleY(1.0);
	_transform: scaleX(1.0);
     animation: newscueFlash .6s ease-in-out 1 .3s ;
	_animation: newscueFlash2 .5s ease-in-out 1 forwards;
}
ul.newscue-list li.newscue-litem.newscueFlashwaveFX span{
	border-radius: 25%;
	transform-origin: center;
	transform: scaleY(1.0);
	_transform: scaleX(1.0);
	_animation: newscueFlash .3s ease-in-out 1 forwards;
	animation: newscueFlash2 .6s ease-in-out 1 forwards;
}
@keyframes newscueFlash{
	0%{transform: scaleY(1.0);
		opacity: 1;
		background: var(--brand-c2);
		border-radius: 25%;
	}
	80%{
		transform: scaleY(3.0);
		opacity: 0.6;
		background: var(--brand-c1);
		border-radius: 12.5%;
	}
	100%{transform: scaleY(1.0);
		opacity: 1;
		background: var(--brand-c2);
		border-radius: 25%;
	}
}

@keyframes newscueFlash2{
	0%{transform: scaleY(1.0);
		opacity: 1;
		background: var(--brand-c2);
		border-radius: 25%;
	}
	20%{
		transform: scaleY(3.0);
		opacity: 0.6;
		background: var(--brand-c1);
		border-radius: 12.5%;
	}
	50%{transform: scaleY(1.0);
		opacity: 1;
		background: var(--brand-c2);
		border-radius: 25%;
	}
	70%{transform: scaleY(3.0);
		opacity: 1;
		background: var(--brand-c2);
		border-radius: 25%;
	}
	100%{transform: scaleY(1.0);
		opacity: 1;
		background: var(--brand-c2);
		border-radius: 25%;
	}
}

span.highlight-note{
	display: block;
	background: rgba(241,241,241,1.00);
	border: 1px solid var(--brand-c1);
	padding: 16px;
	color: #000;
}
#ukgov-rent.textlink,
#right2-rent.textlink{
	display: inline-block;
	padding: 9px 12px;
	height: auto;
	background: #fff;
	border: 1px solid var(--brand-c1);
	color: var(--brand-c1);
	margin-right: 3px;
	margin-top: 7px;
	margin-bottom: 7px;
	border-radius: 5px;
}

#ukgov-rent.textlink:hover,
#right2-rent.textlink:hover{
	display: inline-block;
	padding: 9px 12px;
	height: auto;
	background: var(--brand-c1);
	color: #fff;
	margin-right: 3px;
	border-radius: 5px;
}

/* Tenancy Registration page and form*/
/* Preparation of your tenancy */
/* Process h-scroll slides V.1 */
.prss-tenancy-wallphoto{
	
}

.prss-tenancy-wallpaper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: inherit;
	
	_border: 1px dotted magenta;
}


.prss-tenancy-wallpaper .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
}
.prss-tenancy-wallpaper {
	text-align: center;
}

.prss-tenancy-container .container{
	display: flex;
	flex-direction: column;
	text-align: center;
	width: auto;
}
.prss-tenancy-container{
	display: flex;
	flex-direction: column;
	_width: inherit;
	width: auto;
	text-align: center;
	
	_border: 2px dotted cyan;
}
/* container elements*/
	.prss-tenancy-container h2.section-highlight{
		color: var(--brand-c2);
	}
	.prss-tenancy-container h2.section-highlight small{
		color: var(--brand-c2);
	}

.prss-tenancy-container .btn-default-color{
	display: inline-block;
	width: content-fit;
	height: auto;
	margin: 10px auto;
	margin-top: 20px;
	font-size: 18px;
	padding: 12px 21px;
}

.prss-tenancy-container .btn-default-color{
	color: #fff;
	border-color: var(--brand-c1);
	background: var(--brand-c1);
}

.prss-tenancy-container .btn-default-color:hover{
	color: #fff;
	border-color: var(--brand-c1);
	background: var(--brand-c2);
}

/*set up*/
.prss-tenancy-container ul.prss-tenancy-list{
	display: none;
	list-style: none;
	padding: 0;
	text-align: center;
	
	
	
}
.prss-tenancy-container ul.prss-tenancy-list{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	
	width: 1140px;
	overflow-x: scroll;
	overflow-y:hidden;
	
	_border-bottom: 3px dotted var(--brand-c1);
	_border: 2px dotted orange;
}


ul.prss-tenancy-list li{
	flex: 1 0 37%;
	align-content: top; /*adjust here*/
	
	margin:10px;
	margin-bottom: 20px;
	padding: 16px;
	border-radius: 7px;
	background: #f1f3f6;
	_border: 2px dotted green;
}

ul.prss-tenancy-list li  div{
	text-align: left;
	padding-top: 30px;
}

ul.prss-tenancy-list li div ul.nested-listem{
	list-style: none;
	list-style-image: url("the-gold-tick.png");
	padding: 0 0 0 1.3em;
	margin: 0;
	margin-top: 18px;
}
ul.nested-listem li::marker{
	color: var(--brand-c1);
}
ul.nested-listem li{
	margin: 0;
	padding: 0;
	padding-top: 0;
	padding-bottom: 5px;
	font-style: italic;
	transform-origin: left;
	transform: scale(1.0);
	transition: .6s ease-in;
	background: transparent;
}
ul.nested-listem li:hover{
	transform: scale(1.2);
	transition: .3s ease-in;
	cursor: zoom-in;
}
	
/* no ticks nested litem*/
ul.prss-tenancy-list li div ul.nested-listem.no-ticks{
	list-style: disc;
	_list-style-image: url("the-gold-tick.png");
	padding: 0 0 0 1.3em;
	margin: 0;
	margin-top: 18px;
}

/* no bullets nested litem*/
ul.prss-tenancy-list li div ul.nested-listem.no-bullets{
	list-style: none;
	_list-style-image: url("the-gold-tick.png");
	padding: 0 0 0 0;
	margin: 0;
	margin-top: 18px;
}
ul.prss-tenancy-list li div ul.nested-listem.no-bullets i{
	color: var(--brand-c1);
}

@media (max-width:1140px){
	.prss-tenancy-wallpaper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	
	_border: 2px dotted green;
}
	
	.prss-tenancy-container{
	display: flex;
	flex-direction: column;
	_width: inherit;
	width: inherit;
	
	_border: 2px dotted blue;
}

	
	.prss-tenancy-container ul.prss-tenancy-list{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: 690px;
	overflow-x: scroll;
	
	_border: 2px dotted red;
	}
ul.prss-tenancy-list li{
	flex: 1 0 55%; /*adjust here*/
	align-content: top;
	
	margin-bottom: 20px;
	_border: 2px dotted pink;
}
	
ul.prss-tenancy-list li div ul.nested-listem{
	list-style: none;
	list-style-image: url("the-gold-tick.png");
	padding: 0 0 0 1.3em;
	margin: 0;
	margin-top: 18px;
}
ul.nested-listem li::marker{
	color: var(--brand-c1);
}
ul.nested-listem li{
	margin: 0;
	padding: 0;
	padding-top: 0;
	padding-bottom: 5px;
	font-style: italic;
}	
	/* no ticks nested litem*/
ul.prss-tenancy-list li div ul.nested-listem.no-ticks{
	list-style: disc;
	_list-style-image: url("the-gold-tick.png");
	padding: 0 0 0 0;
	margin: 0;
	margin-top: 18px;
}
	
}/*end meida-q-md*/




@media (max-width: 600px){
	
	.prss-tenancy-wallpaper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	
	_border: 2px dotted green;
}
	
	.prss-tenancy-container{
	display: flex;
	flex-direction: column;
	_width: inherit;
	width: auto;
	
	_border: 2px dotted blue;
}

	
	.prss-tenancy-container ul.prss-tenancy-list{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: 450px;
	overflow-x: scroll;
	
	_border: 2px dotted red;
	}
ul.prss-tenancy-list li{
	flex: 1 0 70%; /*adjust here*/
	align-content: top; /* adjust here*/
	margin-bottom: 20px;
	_border: 2px dotted pink;
}
	
	ul.prss-tenancy-list li  div{
	text-align: left;
	padding-top: 30px;
	}	
	ul.prss-tenancy-list li div h3{
		_font-size: 18px;
	}



ul.prss-tenancy-list li div ul.nested-listem{
	list-style: none;
	list-style-image: url("the-gold-tick.png");
	padding: 0 0 0 1.3em;
	margin: 0;
	margin-top: 18px;
}
ul.nested-listem li::marker{
	color: var(--brand-c1);
}
ul.nested-listem li{
	margin: 0;
	padding: 0;
	padding-top: 0;
	padding-bottom: 5px;
	font-style: italic;
	_font-size: 14px;
}
	
	/* no ticks nested litem*/
ul.prss-tenancy-list li div ul.nested-listem.no-ticks{
	list-style: disc;
	_list-style-image: url("the-gold-tick.png");
	padding: 0 0 0 0;
	margin: 0;
	margin-top: 18px;
	
}
	

	ul.prss-tenancy-list li:nth-last-child(1){
		margin-right: 65px;
	}
    ul.prss-tenancy-list li:nth-last-child(1) div h3,
	ul.prss-tenancy-list li:nth-last-child(1) div p{
		padding-right: 19px;
		_color:magenta;
	}
	
	
}


/* General info and legal part h-scroll*/
/* Process scroll slides V.1-1 mit 3DflipFX and Basic hover */
.prss-legal-wallphoto{
	
}

.prss-legal-wallpaper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: inherit;
	background: #ECECEC;
	_border: 1px dotted magenta;
}
.prss-legal-wallpaper h2{
	
}

.prss-legal-wallpaper .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
}
.prss-legal-wallpaper {
	text-align: center;
}

.prss-legal-container .container{
	display: flex;
	flex-direction: column;
	text-align: center;
	width: auto;
}
.prss-legal-container{
	display: flex;
	flex-direction: column;
	_width: inherit;
	width: auto;
	text-align: center;
	
	_border: 2px dotted cyan;
}
/* container elements*/
	.prss-legal-container h2.section-highlight{
		color: var(--brand-c2);
	}
	.prss-legal-container h2.section-highlight small{
		color: var(--brand-c2);
	}

.prss-legal-container .btn-default-color{
	display: inline-block;
	width: content-fit;
	height: auto;
	margin: 10px auto;
	margin-top: 20px;
	font-size: 18px;
	padding: 12px 21px;
}

.prss-legal-container .btn-default-color{
	color: #fff;
	border-color: var(--brand-c1);
	background: var(--brand-c1);
}

.prss-legal-container .btn-default-color:hover{
	color: #fff;
	border-color: var(--brand-c1);
	background: var(--brand-c2);
}

/*set up*/
.prss-legal-container ul.prss-legal-list{
	display: none;
	list-style: none;
	padding: 0;
	_text-align: center;
	text-align: left;
	
	
	
}
.prss-legal-container ul.prss-legal-list{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 1140px;
	overflow-x: scroll;
	overflow-y:hidden;
	_border-bottom: 3px dotted var(--brand-c1);
	border-radius: 3px;
	
	
	_border: 2px dotted orange;
}

ul.prss-legal-list li{
	flex: 1 0 33%;
	_align-content: center;
	align-content: top;
	margin: 10px;
	margin-bottom: 20px;
	padding: 16px;
	
	_border: 2px dotted green;
}

ul.prss-legal-list li div p{
   font-size: 14px;
	_color: magenta;
}

ul.prss-legal-list li div h3{
	color: #000;
	font-size: 16px;
}





@media (max-width:1140px){
	.prss-legal-wallpaper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	
	_border: 2px dotted green;
}
	
	.prss-legal-container{
	display: flex;
	flex-direction: column;
	_width: inherit;
	width: inherit;
	
	_border: 2px dotted blue;
}

	
	.prss-legal-container ul.prss-legal-list{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: 690px;
	overflow-x: scroll;
	
	_border: 2px dotted red;
	}
ul.prss-legal-list li{
	flex: 1 0 55%; /*adjust here*/
	align-content: top;
	
	margin-bottom: 20px;
	_border: 2px dotted pink;
}

/* 3d flippo control @media*/
	ul.prss-shwreel-list li.flippo  div.flip-card{
  background-color: transparent;
  width: 341.5px;
  height: 512.3px;
  perspective: 1000px;
	
	_border: 2px dotted blue;
}
	
	
ul.prss-shwreel-list div.flip-card-inner .flip-card-front img,
ul.prss-shwreel-list div.flip-card-inner .flip-card-back img{
  width: 341.5px;
  border: 1px solid var(--brand-c1);
}	
	
}

@media (max-width: 600px){
	
	.prss-legal-wallpaper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	
	_border: 2px dotted green;
}
	
	.prss-legal-container{
	display: flex;
	flex-direction: column;
	_width: inherit;
	width: auto;
	
	_border: 2px dotted blue;
}

	
	.prss-legal-container ul.prss-legal-list{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: 450px;
	overflow-x: scroll;
	
	_border: 2px dotted red;
	}
ul.prss-legal-list li{
	flex: 1 0 65%; /*adjust here*/
	_align-content: center;
	align-content: top;
	margin-bottom: 20px;
	_border: 2px dotted pink;
}


	
	ul.prss-legal-list li:nth-last-child(1){
		margin-right: 75px;
	}
	

}
/* Any questions */
.anyqueries .btn-default-color{
	transform-origin: center;
	transform: scale(1.0);
	transition: transform .6s ease-in;
	font-size: 18px;
}
/*
.anyqueries .btn-default-color:hover{
	transform-origin: center;
	transform: scale(1.3);
	transition: transform .3s ease-in;
}*/
.anyqueries .btn-default-color:nth-last-of-type(1){
	
	pointer-events: none;
}