/* For slider promo drafts*/
@import url("slider-allawards.css");
@import url("draft-page-cards.css");
@import url("slider-records.css");
@import url("bspk-reviewswgt.css");

:root{
	--brand-c1:#f78e1e;
	--brand-c2:#383838; 
	   --brand-c3:#efb525;
	
	--brand-fontfam1: 'Lato', sans-serif;
	--brand-fontfam2: 'Muli', sans-serif;
	
	--font-size-base: 16px;
	
}
/* 
Muli: 200-900, 2 vars
Lato: 100-900, 2 vars
*/

/* Google Font API css2 - Base Settings */
/*Static Default and Variable fallback */


@supports(font-variation-settings: 'wght' 450, 'wdth' 100){
	#pageid976 *{
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 450;
  font-style: normal;
  font-stretch: normal;
  font-variation-settings: 'wght' 450, "wdth" 100;
	color: blue;	
}
	}
	
#pageid976 *{ /*static font*/
	font-family: 'Noto Sans' , sans-serif;
	font-weight: 400; /* will default to static 400, 500 if not */
	font-style: normal;
	font-stretch: normal;
	font-optical-sizing: auto;
	color: magenta;
	
}

#pageid976 * {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 450;
  font-style: normal;
  font-stretch: normal;
    font-variation-settings:"wght" 450;
	font-variation-settings:"wdth" 100;
	color: purple;
}

/* Page variable fonts settings*/

#pageid976  .google-varfont  h2{
	font-size: 72px;
	color: coral;
	
}
@media (min-width:600px) and (max-width:1188px){
	#pageid976  .google-varfont  h2{
	font-size: 56px;
	color: coral;
	
}
}

@media (max-width:599px){
	#pageid976  .google-varfont  h2{
	font-size: 36px;
	color: coral;
	
}
}

#pageid976 .google-varfont p:nth-of-type(1){
	font-weight: 325;
	color: dimgrey;
	font-stretch: 89%;
	font-variation-settings: 'wght' 487, 'wdth' 89 ;
}

#pageid976 .google-varfont p:nth-of-type(2){
	color: black;
	font-weight: 487;
	font-stretch: 74%;
	font-variation-settings: 'wght' 487, 'wdth' 74 ;
	_cursor: zoom-in;
	_cursor: url('zoom-cursor-lg.png');
	cursor: ew-resize;
}

#pageid976 .google-varfont p:nth-of-type(2):hover{
	color: black;
	font-weight: 487;
	font-stretch: 100%;
	font-variation-settings: 'wght' 487, 'wdth' 100 ;
}

#pageid976 .google-varfont p:nth-of-type(3){
	font-weight: 700;
	color: dimgrey;
	font-style: italic;
	
}
#pageid976 .google-varfont p:nth-of-type(4){
	font-weight: 773;
	color: dimgrey;
}

#pageid976 .google-varfont p:nth-of-type(5){
	font-weight: 896;
	color: dimgray;
}


#pageid976 .varfont-control  p {
	height: 25vmin;
	
	border: 1px dotted cyan;
}

#pageid976 .varfont-control h3{
	color: black;
	font-weight: 710;
	font-stretch: 100%;
	font-variation-settings: 'wght' 710, 'wdth' 100;
}

#pageid976 .varfont-control h3:hover{
	color: black;
	font-weight: 890;
	font-stretch: 100%;
	font-variation-settings: 'wght' 890, 'wdth' 100;
}

#pageid976 .varfont-control  p {
	font-weight: 390;
	font-stretch: 87%; /*min is 63%*/
	font-variation-settings: 'wght' 390 , 'wdth' 87;
	color: black;
}

@media (min-width:600px) and (max-width:1188px){
	#pageid976 .varfont-control  p {
	font-weight: 350;
	font-stretch: 77%; /*min is 63%*/
	font-variation-settings: 'wght' 350 , 'wdth' 77;
	color: black;
  }
	
	#pageid976 .varfont-control h3{
	color: black;
	font-weight: 710;
	font-stretch: 91%;
	font-variation-settings: 'wght' 710, 'wdth' 91;
}
}


#pageid976 .varfont-control  .btn-default-color{
	font-weight: 420;
	font-stretch: 83%; /*min is 63%*/
	font-variation-settings: 'wght' 420 , 'wdth' 83;
	color: black;
	transform-origin: center;
	
}
#pageid976 .varfont-control  .btn-default-color:hover{
	font-weight: 530;
	font-stretch: 90%; /*min is 63%*/
	font-variation-settings: 'wght' 530 , 'wdth' 90;
	color: black;
	
}

/* end google api 2 - variable fonts*/

html{
 scroll-behavior: smooth;
}

/* === bootstrapy-like stuff ==*/
.bg-brand-orange100{ background:#f78e1e;}
.bg-brand-orange60{background:#fab469;}
.bg-brand-orange40{background:#fbc082;}
.bg-brand-grey{background:#6a6a6a;}
.bg-brand-grey-light{background:#e6e6e6;}
.bg-brand-grey-medium{background:#cdcdcd;}
.bg-brand-grey-dark{background:#383838;}
.bg-brand-grey-mix40{background:#af691e;}
.bg-brand-grey-mix60{background:#4f381f;}

.wallpaper-grad1{
	background-image: linear-gradient(to right, #f78e1e 50%, #F8B42B 50%);
}
.wallpaper-light{
	background: #f1f3f6;
}
.wallpaper-paper{
	background: #fff;
}

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

.btn-range-control{
    text-align: center;
	margin: 0 auto;
}
.btn-range-control .no-range h3,
.btn-range-control .no-range p
{
	text-align: left;
}
.btn-range-control .btn-default-color{
	font-size: 9px !important;
	padding: 1px 5px;
}
.btn-default-color{
	background: var(--brand-c1);
	color: var(--brand-c2);
	border-color:  var(--brand-c2);
}
/* Color btn control -*/
.colorbtn-control a.btn.visible-btn,
a.btn.visible-btn{
	border-color: var(--brand-c1);
	color: var(--brand-c1);
	margin-bottom: 20px;
	
	text-transform: uppercase;
	 /* for prgp only*/
	padding: 7px 12px;
	height: auto;	
}

.colorbtn-control a.btn.visible-btn:focus,
.colorbtn-control a.btn.visible-btn:hover,
a.btn.visible-btn:focus,
a.btn.visible-btn:hover{
	border-color: var(--brand-c1);
	background: var(--brand-c1);
	color: #fff;
} 
.bottom-line{
	border-bottom: 1px solid #1E1E1E;
}
.btn.back-lang-btn{
	background: var(--brand-c1);
	color: #000;
	border-color: #000;
	margin-top: 5px;
}
.btn.back-lang-btn:hover{
	background: #f1f3f6;
	color: #000;
	border-color: #000;
}

.lang-control-ur{
	text-align: right !important;
}
.lang-control-ur h3,
.lang-control-ur p{
	text-align: right !important;
}

.banner-img-control img:nth-of-type(1){
	display: block;
	margin: 0 auto !important;
}

.split-bg{background:#1f1f1f;
	background-image:url('bg-color00A.jpg');
	background-repeat: repeat-y;
	background-size: 50%; background-position: left;background-origin: content-box;	
}


.promo-container img{
	display: block;
	margin: 0 auto;
	background:#6a6a6a;
}

.hide-control .quick-hide{
	display: none;
}
.quick-hide{
	display: none;
}

.space-btn-control a.btn-default-color{
	margin: 5px 0;
}

.why-row-control.hide{
	display: none;
}
/*==== end bootstrapy-like stuff ==*/


.slide-00Medium {
	height: 32px;
    _background: #000;
	_border: 2px solid #FCFB01;
	
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	
    -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
    transition: height 2s;
	
	overflow: hidden;

}
.slide-00Medium  p:nth-child(1){
	color: #f78e1e;
}
.slide-00Medium:hover,
.slide-00Medium:focus{
	height: 380px;
	
}


/*=== Compare photo slide ===*/
	
*.img-comp-container {
  position: relative;
  height: 200px; /*should be the same height as the images*/
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow:hidden;
}

.img-comp-img img {
  display:block;
  vertical-align:middle;
}

.img-comp-slider {
  position: absolute;
  z-index:9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
 background-color:rgba(247,142,30,0.7);
  opacity: 0.7;
  border-radius: 50%;
  box-sizing: border-box;}



.top-performer{
	display: inline-flex;
	justify-content: center;
	vertical-align: middle;
	padding-bottom: 10px;
	
	/*border: 1px solid green;*/
}

.top-performer img{
	width: 20vmin;
	padding: 10px;
}

@media  (max-width: 480px){
	
	 .top-performer img{
	display: block;
	margin: 0 10px;
	width: 80%;
   }
}

abbr[title], abbr[data-original-title]{
	border-bottom: none !important;
}


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

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

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

#banner-container {
    background-position: center;
    margin-bottom: 10px;
}
/* when page banner */


/* ==== Added Styles ====*/
/* ------- presentation ticker*/
.presentation-wrapper{
		display: block;
		padding: 0px;
		/*background: rgba(0,0,0,0.3);*/
		background: #f78e1e; /* adjust here*/
	   height: 11vmin;
	
	 /*border: 1px solid yellow;*/
	}

.presentation-wrapper{
	 height: 9vmin;
	margin-bottom: 10px;
}
.presentation-wrapper h2{
	 color: #fff; /*adjuste */
	margin-top: 20px;
	letter-spacing: 2px;
	position: relative;
	
	
	
	/*border: 1px solid black;*/
}
	.presentation-wrapper div.slide-presentation{
		background: transparent; /* adjust here*/
		width: 80%;
		overflow: hidden;
		
		max-width: 1000px;
        position: relative;
        margin: 0 auto;
		
		/*border: 1px solid blue;*/
	}

.slide-presentation h2.bg-title{
	    display: inline-block;
		position: absolute;
		font-weight: bolder;
		margin: 20px auto;
		width: 96%;
		color: rgba(0,0,0, 1);
		opacity: 1;
		font-size: 28px;
	    text-align: center;
	    
		
		animation: fadeTitle 4s linear 1 forwards;
		
	}
	
	@keyframes fadeTitle{
		from{opacity: 1}
		to{opacity: 0}
	}


	
	@media screen and (max-width: 480px){
		.slide-presentation .bg-title{
			font-size: 21px;
			
		}
	}

     .slide-unit{
		 
	 /* border: 1px solid white;*/
     }	



	.slide-presentation .slide-unit.active-s{
		display: block;
		
	}

	.slide-unit .tick-msg{
		display: inline-block;
		width: 2500px; /* adjust here for content*/
		/*color: yellow;*/
	    text-align: center;
		position: relative;
		
		left: 1100px; /*static start*/
		
	  /* border: 1px solid orange;*/
	}
	.slide-unit .tick-msg a.textlink,
	.slide-unit .tick-msg a{
		box-sizing: border-box;
		display: inline-block;
		color: #000;
		background: rgba(255,255,255, .7);
		
		padding: 10px 10px;
		margin-bottom: 3px;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bolder;
		letter-spacing: 1px;
		border-radius: 0;
		transition: border-radius 1s ease-in 1 forwards;
		
		/*border: 1px solid #000;*/
	} 
	
	.slide-unit .tick-msg a:hover{
		background:rgba(56,56,56,1.00); /*adjust here*/
		text-decoration: none;
		color:#f78e1e;
		border-radius: 3px;
	}
	.slide-unit .tick-msg.move{
		animation: slideText linear infinite forwards;
		animation-duration: 30s; /*adjust here*/
	}
	@keyframes slideText{
		from{left: 1000px} /* adjust here*/
		to{left: -2600px} /* si salta, aumenta aqui*/
	}
	
	
	
@media screen and (max-width: 360px){}
	
@media screen and (max-width: 480px){
	
	.presentation-wrapper{
		   height: 19vmin;
		/*border: 1px solid blue;*/
	}
	
	.slide-presentation{
		height: 18vmin;
		/*border: 1px solid purple;*/
	}
	.slide-presentation h2.bg-title{
		/*font-size: 28px;
		margin: 20px auto;*/
		font-size: 24px;
		margin: 18px auto;
		
	}
	
		.slide-unit .tick-msg.move{
			animation: slideText 30s linear infinite forwards;
	        } 
	     /*   @keyframes slideText {
			from{left: 500px} /* adjust here
			to{left: -2600px}  si salta, aumenta aqui; rel: 2500px, base
	          }*/
	
	
}

@media screen and (max-width: 1240px) and (min-width: 485px){
	
	.presentation-wrapper{
		   height: 12vmin;
		/*border: 1px solid blue;*/
	}
	
	.slide-presentation{
		height: 9vmin;
		/*border: 1px solid purple;*/
	}
	.slide-presentation h2.bg-title{
		/*font-size: 28px;
		margin: 20px auto;*/
		font-size: 24px;
		margin: 18px auto;
		
	}

}
	

/* -------- end ticker -----*/
.aw-presentation .aw-reel2 h2{
	font-size: 25px;
}

.aw-presentation .aw-reel img{
	width: 70%;
	padding: 10px;
	margin: 10px auto;
}

.aw-presentation .aw-reel{
	height: 200px;
}

.aw-reel > .aw-slide:not(.active){
	display: none;
}

.aw-reel .aw-slide.active{
  display: block;
	opacity: 0;
	animation: fade-aw 5s ease-in ;
    transform-origin: center center;

}

@keyframes fade-aw{
		0%{opacity:0}
		25%{opacity: 1}
	    75%{opacity: 1}
		100%{opacity:0}
	}

/* ---Type 00 --*/
	
	
	aw-presentation{
		
		/*border: 1px solid blue;*/
	}
	
	aw-slide{
		
		/*border: 1px solid orange;*/
	}
	
	aw-col-12{
		
		
		/*border: 1px solid green;*/
	}
	
	aw-presentation,
	aw-col-2{
		display: block;
		margin: 0;
		padding: 0;
		
	}
	
		aw-presentation aw-slide{
		display: block;
		box-sizing: border-box;
		opacity: 0;
		
	}
	
	aw-presentation aw-slide{
		display: none;
		animation: fade 4s ease-in;
	}
	
	@keyframes fade{
		0%{opacity: 0}
		25%{opacity: 1}
		75%{opacity: 1}
		100%{opacity: 0}
	}
	
	aw-presentation aw-slide.active{
		display: block;
		
	}
	
	aw-slide img{
		display: block;
		/*width: 120vmin;*/
		width:99%; /* image control*/
		
		
		box-sizing: border-box;
		margin: 0 auto;
		margin-bottom: 7px;
	}
	
	aw-col-12{
		display: block;
	}
	
	
	
	.dots-container{
		display: block;
		/*background: #999;*/
		text-align: center;
		margin: 0 auto;
		height: 3vmin;
	}
	aw-dot-list{
		box-sizing: border-box;
		display: inline-flex;
		justify-content: center;
		align-content: center;
		width: 75%;
		height: 15px;
		padding: 3px;
		
		
		
		/*border: 1px solid red;*/
	}
	
	
	aw-dot{
		/*cursor: pointer;*/
		width: 5px;
		height: 5px;
		/*background: #e68a00;*/
		background: #000;
		margin: 0 4px;
		border-radius: 25px;
		float: left;
		position: relative;
		
		transition: width .5s ease-in-out, height .5s ease-in-out, background .5s ease-in-out;
		transform-origin: center center;
		
		
	}
	aw-dot.active2,
	aw-dot:hover{
		width: 6px;
		height: 6px;
		/*background: #e68a00;*/
		background: #ffd966;
		
	}

	aw-dot:after{
		clear: both;
	}
	
	
@media screen and (min-width:480px){
		
		aw-slide img{
			width: 95%;
		}
	}	
	


/* ---- end type 00 --- */

#pageid0 h1.banner-title{
	margin-bottom: 10px;
}

.radio-ads-bg {
	border-bottom:1px solid #E8E8E8;
}
.radio-ads-bg .other-lang{
	background:#E8E8E8;
}
.radio-ads-bg h4:before{
	content: url(lag-ficon00.png);
	display: inline-block;
	vertical-align: bottom;
}
/*=============== Christmas opening times ============= */

#showHideBtn{
	display: inline-block;
	width: 50px;
	border: 1px solid #999;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, 0.6);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, 0.6);
	-ms-box-shadow: 1px 1px 1px rgba(0,0,0, 0.6);
	-o-box-shadow: 1px 1px 1px rgba(0,0,0, 0.6);
	box-shadow: 1px 1px 1px rgba(0,0,0, 0.6);

	color: #999;
	font-size: 12px; /*adjust here*/
	text-transform: uppercase; /*adjust here*/
	padding: 3px 5px; /*adjust here*/
	margin: 0;
}
#showHideBtn:hover{
	box-shadow: 2px 2px 3px rgba(0,0,0, 0.3);
}

#showHideBtn a{
	text-decoration: none;
	color: #999;
}

.heading-container  h2{
	margin-bottom: 0;
	
}
.heading-container p{
	text-align: center;
	margin-top: 0;
	color: #fff;
	
}

.cot-content {
	background: #1d2120;
	color: #e4e4e4;
	display: bock; /* adjust here to set how the date info initially displays*/
	/* also adjust show/hid button wording accordingly on h2 Christmas Opening Times heading*/
}


.dates-col ul{
	list-style: none;
	padding: 0 0 0 1em;
	
}
.dates-col li{
	border-bottom: 1px solid #df821e; /*#f78e1e;*/
	line-height: 24px;
}


.search-mock-up{
	background: #383838;
}
/*toggle styles*/
.current-day{
	color: #f78e1e !important;
	font-weight: 700 !important;
}

.day-highlight{
	border-bottom-color: #db1728 !important;
	color: #db1728;
	font-weight: 700;
}
.notice-underline{ /* to style COT header content */
	border-bottom: 1px solid #db1728;
	/*border-top: 1px solid #db1728; */
}

/* == UX: go up btn ===*/
#upBtn{
	display: none;
	
}
#upBtn a{
	display: none;

}

/* end go up button */
.topPage-banner{
	background: #b8b7b7;
}
.topPage-banner img{
	display: block;
	margin: 0 auto;
	
}
.grey-bg3{
	background:	#e4e4e4;
	
}
.grey-bg2{
	background:	#e4e4e4;
	
}

.grey-bg2 p{
	padding-top: 7px;
}
.grey-bg2 p:before{
	content: url(lag-ficon00.png);
	display: inline-block;
	vertical-align: bottom;
	
}

.grey-bg2 a.textlink{
	display: inline-block;
	width: auto;
	padding: 3px 5px;
	background: #A8A8A8;
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	font-size: 12px;
	color: #000;
	
}
.grey-bg2 a.textlink:hover{
	text-decoration: none;
	background: #fff;
}


.grey-bg{
	background:	#F0F0F0;
	border-bottom: 1px solid #DCDCDC;
	
}
.grey-bg a{
	text-decoration: none;
}
.grey-bg a{
	text-decoration: none;
}

.action-mortgage{
	background: url('action-bgMortgageV0.jpg');
}

.partner-logos2{
   background: #aaaaaa;
}
.partner-logos2 img{
	display: block;
	margin: 0 auto;
	
}

.video-general-legal{
	background: #383838;
}
.video-general-legal h5{
	font-style: italic;
	color: #999;
	font-weight: 300;
	margin: 5px 0;
	font-size: 14px;
}

.home-video-control{
	background: #000;
	color: #fff;
}.home-video-control table td{
	border: 1px solid #000;
}

.video-control ul.video-list{
	list-style: none;
	list-style-image: url(the-tick16.png);
	padding: 0 0 0 1.3em;
}

.video-control span.video-legal-footnote{
	font-size: 11px;
	font-style: italic;
	
}
.papel-oscuro{
	background: #000;
	color: #e4e4e4;
}

.rental-val h3{
	font-size: 26px;
}
.rental-val .btn-default-color{
	background: #f78e1e;
	color: #1f1f1f;
	border-color: #1f1f1f;
	-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);

	
}
.rental-val .btn-default-color:hover{
	background: #1f1f1f;
	color: #f78e1e;
	border-color: #f78e1e;
	-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);
}

.promo-section{
	background: #6a6a6a;
}
.promo-section h3{
	font-size: 36px;
}
.promo-section p{
	font-size: 18px;
	color: #fff;
}
.promo-section .btn-default-color{
	background:#1f1f1f;
	color: #fff;
	border-color: #1f1f1f;
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0, 0.6);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0, 0.6);
	-ms-box-shadow: 2px 2px 3px rgba(0,0,0, 0.6);
	-o-box-shadow: 2px 2px 3px rgba(0,0,0, 0.6);
	box-shadow: 2px 2px 3px rgba(0,0,0, 0.6);

	
}
.promo-section .btn-default-color:hover{
	background:#f78e1e;
	color: #1f1f1f;
	border-color: #f78e1e;
	-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);

	
}

.col-control .col-00{
	border-left: 2px solid #f78e1e;
}

.col-control ul{
	list-style: none;
	list-style-image: url(the-tick00.png);
	padding: 0 0 0 1.7em;
}

.card-bg{
	width: 70%;
	background: #e4e4e4;
	box-sizing: border-box;
	padding: 7px;
	
}

.light-orgn-bg{
	background: #fde6cd;
}



.drk-grey-bg{
	margin-top: 5px;
	background: #1f1f1f;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	height: 510px;
}
.drk-grey-bg p
{
	color: #fff;
}
.drk-grey-bg h3,
.drk-grey-bg h2{
	color: #f78e1e;
}


.panel{
	background: #f78e1e;
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		-ms-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
		-o-box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

.panel:hover{
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
	-ms-box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
	-o-box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}

.panel-title{
	color: #1f1f1f;
}
.panel-title .collapsed  {
	color: #1f1f1f;
}

.panel-title a{
	color:#fff;
}
.panel-body a.textlink{
	color: #333;
	background: #fbc082;
	padding: 7px 12px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, 0.6);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0, 0.6);
	-ms-box-shadow: 1px 1px 2px rgba(0,0,0, 0.6);
	-o-box-shadow: 1px 1px 2px rgba(0,0,0, 0.6);
	box-shadow: 1px 1px 2px rgba(0,0,0, 0.6);
	text-decoration: none;
	border-radius: 5px;
}
.panel-body a.textlink:hover{
	color: #333;
	background: #fff;
	padding: 7px 12px;
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0, 0.4);
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0, 0.4);
	-ms-box-shadow: 3px 3px 4px rgba(0,0,0, 0.4);
	-o-box-shadow: 3px 3px 4px rgba(0,0,0, 0.4);
	box-shadow: 3px 3px 4px rgba(0,0,0, 0.4);

	text-decoration: none;
}

.panel-collapse {
	background: #fff;
}

.why-us{
	background: #fef2e6;
}


.video-bg{
	background: #000;
}
/*start notice board */
.quote-control00{
	background:#e6e6e6; 
}
.quote-control00 img{
	margin: 0 auto;
}




/*end notice board */



.highlight{
	
	background: #f78e1e;	
}
/*==== end UX go up btn===*/
.home-intro{
	
}
.home-intro img[alt="allAgents logo"]{
	margin: 0 auto;
	width: 30%;
	margin-bottom: 10px;
}


.other-3-services h2{
	color: #1f1f1f;
}

.other-3-services ul{
	list-style: none;
	list-style-image: url(the-tick00.png);
	padding: 0 0 0 0.7em;
}
.other-3-services li{
	border-bottom: 1px solid #f78e1e;
	padding: 5px 0;
}
.other-3-services  li:last-child{
	border-bottom: none;
}

.other-3-services .btn-default-color{
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	border-color: #fbc082;
}
.other-3-services .btn-default-color:hover{
	background: #fff;
	box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	border-color: #f78e1e;
	color:#f78e1e;
}

.bg-orange{
	background:#f78e1e;
}
.bg-orange h2{
	color: #1f1f1f;
	text-align: left;
}
.fullM-controll .btn-default-color{
		box-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	    border: 2px solid #f78e1e;
	color: #f78e1e;
	background: #fff;
}
.fullM-controll .btn-default-color:hover{
	background:#fab469;
	color: #fff;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.4);
}

.fullM-controll  ul{
	list-style: none;
	list-style-image: url(the-tick01.png);
	padding: 0 0 0 0.7em;
}
.fullM-controll  li{
	border-bottom: 1px solid #1f1f1f;
	padding: 5px 0;
}
.fullM-controll  li:last-child{
	border-bottom: none;
}
.bg-allAgents-00{
	display: block;
	background:#f78e1e; 
	
	
}
.bg-allAgents-00 img{
margin-top: 15px;
}
.bg-allAgents-00 h3{
	color:  #1f1f1f;
	
	

}
.bg-allAgents-00 p{
	font-size: 18px;
	
}

.bg-allAgents-00 .btn-default-color:nth-child(even){
	background: #fff;
	color: #1f1f1f;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	border: none;
	-webkit-border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	-ms-border-radius: 0 0 12px 12px;
	-o-border-radius: 0 0 12px 12px;
		border-radius: 0 0 12px 12px;

}
.bg-allAgents-00 .btn-default-color:hover{
	background: #f9a750;
	color: #1f1f1f;
}

.quote-text00{
	display: block;
	border-left: 2px solid #f78e1e;
	padding-left: 25px;
	font-weight: bold;
}
.col-control-team h3{
	text-align: center;
}
.col-control-team p{
	font-size: 14px;
	text-align: center;
}
.col-control-team img{
 width: 60%;
	margin: 0 auto;
	padding-top: 10px;
	
}


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

.ad-text-control{ /* the home page one*/
	}



.ad-text-control h3 span.fake-p{
	display: inline-block;
	font-size: 27px;
	font-weight: 900;
	color: #222222;
	margin-bottom: 5px;
	
}
.ad-text-control h3{
	font-size: 42px;
	margin: 0 auto;
	
}

.ad-text-control h3 span{
	font-size: 1.9em;
	font-weight: 900;
	
}

.ad-text-control h3 span.text-style{
	display:inline-block;
	border-bottom: 5px solid #000;
}
.ad-text-control p{
	display: block;
	width: 80%;
}
.ad-text-control .btn-default-color{
	background: #f78e1e;
	color: #000;
	box-shadow: 2px 2px 3px rgba(0,0,0, 0.8);
	border-color:#f78e1e;
}

.ad-text-control .btn-default-color:hover{
	background:#1f1f1f;
	border-color:#1f1f1f;
	color:#e4e4e4;
	box-shadow: 3px 3px 4px rgba(0,0,0, 0.6);
}
/* for the variant */


.video-control-ad2{
	text-align: center;
	
}
.video-control-ad2 h2{
	color: #FFF;
	font-size: 21px;
	margin-bottom: 0;
}
.video-control-ad2 h2 small{
	color: #000;
	font-size: 16px;
	
}
.video-control-ad2 h4{
	color: #000;
	font-weight: 300;
	font-size: 14px;
}
.video-control-ad2 a.textlink{
	display: inline-block;
	margin: 0 auto;
    border: 1px solid #000;
	width: 48px;
	height: 36px;
	padding: 0;
	background: #000;
	box-shadow: 2px 2px 3px rgba(0,0,0, 0.8);
	border-radius: 7px;
	
}
.video-control-ad2 a.textlink:hover{
	box-shadow: 3px 3px 5px rgba(0,0,0, 0.4);
	
}

.video-control-ad2 a.textlink:after{
	content: url('youTubeBtn01.png');
	
}


#nav-section{
	background: #1f1f1f;
}





#displayCoordsInfo{
		position: fixed;
		top: 40%;
		left: 5%;
		width: 110px;
		padding: 5px 7px;
		background: #333;
		color: #00cc00;
		z-index: 7777;
		font-size: 14px;
	}


/* ===== FOR BANNER ADS: NORMAL AND ANIMATED ======== */




/* ==== end Added styles ====*/


/* 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: #6a6a6a;

}

.nav-tabs {
 display: block;
}
/* #Resize Logo Option 
.nav-logo img{
	height:100px;
}
.nav-logo {
	height:100px;
	margin:0;
}
#nav-section.shrink {
  min-height: 70px;
}
#nav-section.shrink .nav-logo img {
  height: 65px;
}
#nav-section.shrink .navbar-nav > li > a {
  line-height: 70px;
}
.shrink #nav-mobile-btn {
  margin-top: 20px;
    margin-bottom: 20px;
}
*/
/* #Logo and Menu Background */
.nav-logo img{
	height:85px;
}
.nav-logo {
	height:85px;
}

.navbar {
	margin: 0;
	font-size: 14px;
}

/* # Navigation */
.navbar-nav > li > a {
  padding: 0px 3px;
  display: block;
  color: #f78e1e;
	
  line-height: 105px;
  font-weight: 700;
  text-transform: uppercase;
	font-size: 12px;

}
.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: #6a6a6a;
}

/* Navbar Nav - dropdown CLIENT REQUEST  */

.navbar-nav li:nth-child(2) ul.dropdown-menu  li:nth-child(2) a,
.navbar-nav li:nth-child(6) ul.dropdown-menu  li:nth-child(5) a{
	color: #000;
	background-color: var(--brand-c1) !important;
	text-transform: uppercase;
	font-weight: bolder;
	_color: red;
}
/* stand by */

.navbar-nav li:nth-child(6) ul.dropdown-menu  li:nth-child(8) a{
	color: #000;
	background-color: var(--brand-c1) !important;
	text-transform: uppercase;
	font-weight: bolder;
}

.navbar-nav li:nth-child(6) .dropdown-menu  li:nth-child(8):hover a,
.navbar-nav li:nth-child(6) .dropdown-menu  li:nth-child(5):hover a{
	color: var(--brand-c2);
}
/* end client request */

/* 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:32px;
}
.section-highlight {
	font-size:26px;
}
.section-title:before, .section-highlight:before, .section-title:after, .section-highlight:after {
		background: none;
		  content: " ";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 0px;

}


.main {
	padding-top: 0;
}

/* # Body text */
body {
  font-size: 16px;
 
}
h3,h4 {
	padding: 0.7em 0;
}




/* # Text Link Text Colour*/

	a {
		color:#6a6a6a;
	}
	a:hover {
		color:#555555;
	}
	
/* # Footer Text */

.footer-contacts li {
  font-size: 15px;
    color: #6a6a6a;
}
#footer-top a {
  color: #6a6a6a;
}
#footer-top a:hover {
  color: #5b5b5b;
  text-decoration: none;
}


/* # 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: #6a6a6a;
  color: #6a6a6a;
}


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

	
	
/* # 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: #6a6a6a;
  padding: 40px 0;
  color: #fff;
  position: relative;
}
.action-box h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 40px;
}
/*btn btn-default btn-lg */

.action-box .btn-default{
	background: #1f1f1f;
	box-shadow: 2px 2px 3px rgba(0,0,0, 0.6);
}
.action-box .btn-default:hover{
	background: #f78e1e;
	color: #1f1f1f;
	border-color: #1f1f1f;
	box-shadow: 4px 4px 5px rgba(0,0,0, 0.4);
}

/* Brand coour bg variant */
.action-box.brand-c1{
	background: var(--brand-c1) !important;
}
.action-box.brand-c1 h2{
	_color: var(--brand-c2) !important;
	color: #FFF !important;
}
.action-box.brand-c1 p{
	color: var(--brand-c2) !important;
	font-size: 18px;
	display: inline-block;
	margin: 10px auto;
	width: 80vmin;
	_width: fit-content;
}

.action-box.brand-c1 .btn-default{
	background: var(--brand-c2) !important;
	border-color: var(--brand-c2) !important;
	color: #FFF !important;
    padding: 12px 21px;
    height: auto;
}

.action-box.brand-c1 .btn-default:hover{
	height: auto;
	padding: 12px 21px;
	background: #fff !important;
	color: var(--brand-c2) !important;
	border-color: var(--brand-c2) !important;
}


/*  Big Button Panel */
.colored-bg:before
{
  background-color: #6a6a6a;
}
.property-large-buttons2 li {
  width: 75%;

  color: #6a6a6a;
}
.aw-adjust{
	padding-bottom: 5px
}

/* # Slider Text */
/* check if @import, top*/
/* video slide*/

.slider-title-vdo-xlg.range-center {
  font-family: 'Lato', sans-serif;
  font-size: 92px;
    line-height: 92px;
  font-weight: bolder;
	color:#FFF;
	 _color: var(--brand-c1);
   text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
  
	text-align: center;
}

.slider-title-default {
  font-family: var(--brand-fontfam1);
  font-size: 96px;
  font-weight: bolder;
	color: magenta;
	 _color: var(--brand-c1);
   text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
  line-height: 96px;
	text-align: center;
}

.slider-subtitle-default
{
  font-family: var(--brand-fontfam2);
  color: magenta;
	 _color: var(--brand-c2);
  font-size: 48px;
  font-weight: 300;
  line-height: 48px;
  text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
}

.btn-default00{
  color: black;
	height: auto;
	background: yellow;
  box-shadow: 3px 3px 4px rgba(0,0,0,0.5);
	font-size: 18px;
       text-transform:uppercase;

}

.btn-default00:hover{
	box-shadow: 5px 5px 6px rgba(0,0,0,0.4);
	color: yellow;
}
 

/* end defaults  */

.slider-awardbadge img{
	width: 50%;
	
}
.slider-title img.badge-size{
	width: 30%;
}


.slider-title {
  font-family: 'Lato', sans-serif;
  font-size:124px;
  font-weight: bolder;
	color:#FFF;
	 _color: var(--brand-c1);
   text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
  line-height: 42px;
	text-align: center;
}



.slider-subtitle
{
  font-family: 'Muli', sans-serif;
  color: #fff;
  font-size: 26px;
  font-weight: 300;
  line-height:29px;
  text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
}


.slider-title-dark {
  font-family: 'Lato', sans-serif;
  font-size: 34px;
  font-weight: bolder;
  color: #1f1f1f;
  line-height: 38px;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
}

.slider-title-Ads {
  font-family: 'Lato', sans-serif;
  font-size: 120px;
  font-weight: 900 !important;
  _color:var(--brand-c1) !important;
    color:#000 !important;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
}
.slider-title-Ads .font-adjust{
	font-size: 120px !important;
}
.slider-title-Ads  span{
	font-size: 36px !important;
	vertical-align: super;
}
.slider-subtitle.grau{
	color:rgba(53,53,53,1.00) !important;
	font-size: 16px;
}

.slider-subtitle.pay img{
	width: 15vmin;
}

.slider-title.item-size img{
	height: 65px;
	
}


/*slider btns */



.btn-default-social{
	padding: 5px;
	background: transparent;
}

.btn-default-social img{
	width: 19vmin;
	transform: scale(1.00);
	transition: transform .6s ease-in;
}
.btn-default-social img:hover{
	width: 16vmin;
		transform: scale(1.07);
}



.btn-default3-kash{
  color: #000  !important;/*rgba(249,249,249,1.00)*/
	_background: var(--brand-c1) !important;
	background: #FFF !important;
	height: auto;
    padding: 5px 12px;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.5);
	font-size: 18px;
       text-transform:uppercase;

}
.btn-default3-kash:hover{
  background:#000  !important;
	color: #fff !important;


}

.btn-default3-brand-c1{
  color: #000  !important;/*rgba(249,249,249,1.00)*/
	background: var(--brand-c1) !important;
	_background: #FFF !important;
	height: auto;
    padding: 5px 12px;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.5);
	font-size: 18px;
       text-transform:uppercase;

}
.btn-default3-brand-c1:hover{
  background:#fff  !important;
	color: #000 !important;


}


.btn-default-dark{
	 color: #FFF  ;/*rgba(249,249,249,1.00)*/
	_background: var(--brand-c1) ;
	 background: #000 ;
	border-color: #000;
	font-size: 17px;
	text-transform:uppercase;
	height: auto;
    padding: 9px 16px;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.5);
	
	transform-origin: center;
	transform: scale(1.0);
	transition: transform .6s ease-in;
       

}


.btn-default-dark:hover{
 color: var(--brand-c3) ;/*rgba(249,249,249,1.00)*/
	_background: var(--brand-c1);
	 background: #000 ;
	order-color: #fff;
	_font-size: 21px;
	
	transform: scale(1.02);
	transition: transform .3s ease-in;

}



a.tp-caption.btn-default:hover, a.tp-caption.btn-lg:hover {
    color: #fff;
    height: auto !important;
	
}

@media (max-width:390px){
	

.slider-title-Ads .font-adjust{
	font-size: 62px !important;
}
.slider-title-Ads  span{
	font-size: 19px !important;
	vertical-align: super;
}
.slider-subtitle .grau{
	color:rgba(53,53,53,1.00) !important;
	font-size: 18px;
}

.btn-default3-kash{

    padding: 5px 12px;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.5);
	font-size: 21px;
		font-weight: 900;
     border-radius: 2px !important;

}

	
}

@media (min-width: 395px) and (max-width:690px){
	

	.slider-title-Ads .font-adjust{
	font-size: 36px !important;
 }

	.slider-title-Ads  span{
	font-size: 19px !important;
	vertical-align: super;
}
	
	.btn-default-social img{
	width: 28vmin;
	}
	
	
		.btn-default3-kash{

    padding: 5px 12px;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.5);
	font-size: 21px;
		font-weight: 900;
     border-radius: 2px !important;

}
	
}




/* # Form - field size */

#home-advanced-search,
.form-group{
	background: #383838;	
	}
	
	
.form-control-text .form-control{
	border: 2px solid #f78e1e;
	color: #e6e6e6;
	background:transparent; 
	
}

.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,
.form-control-usage .chzn-single
{
	border: 2px solid #f78e1e;
	color: #e6e6e6;
}



.chzn-container .chzn-results li.highlighted {
  background-color: #fbc082;
}


.btn-fullcolor{
box-shadow: 2px 2px 3px rgba(0,0,0, 0.8);
	
}
.btn-fullcolor:hover{
	box-shadow: 5px 5px 6px rgba(0,0,0, 0.6);
	background: #f89b37;
	color: #1f1f1f;
}

/*To change the background color on the dropdown text here*/

.chzn-container .chzn-results li.highlighted {
  background-color: rgba(251, 192, 130, 1);
  
}

/* FOR THE LINE IN BETWEEN: */
.chzn-container-single .chzn-single div:after{
	border-left: none;
}

/* TO REDUCE THE SIZE OF THE DROPDOWN CONTAINER */

.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: #6a6a6a;
		text-decoration:none;
	padding: 2px 0 2px 0;

}
#topbar a, #topbar a:active, #topbar a:visited  {
	color: #ffffff;
		text-decoration:none;
}
#topbar a:hover {
	color: #000000;
	text-decoration:none;
}
.multibranch-selector {
  display: inline-block;
  position: relative;
}
.multibranch-selector span {
  padding-right: 12px;
    padding-left: 2px;
  position: relative;
  color: #ffffff;
}

.multibranch-selector ul {
  position: absolute;
  left: 0px;
  top: 26px;
  padding: 0 6px;
  margin: 0;
  z-index: 999;
  text-align: left;
  background-color: #444;
  color: #ffffff;
  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;
width: 220px;
}

.multibranch-selector:hover ul {
  max-height: 250px;
}
.home-bg {
	background: #6a6a6a url("tile.png");
}
/* Feature Formatting */
.feature-bg {
		padding:48px 0 0 0;
	 background:  #e6e6e6;

		background-image: -webkit-linear-gradient(to bottom, #e6e6e6 70%, #cdcdcd, #cdcdcd 30%, #e6e6e6 );
		background-image: -moz-linear-gradient(to bottom, #e6e6e6 70%, #cdcdcd, #cdcdcd 30%, #e6e6e6 );
	   background-image: -ms-linear-gradient(to bottom, #e6e6e6 70%, #cdcdcd, #cdcdcd 30%, #e6e6e6 );
	   background-image: -o-linear-gradient(to bottom, #e6e6e6 70%, #cdcdcd, #cdcdcd 30%, #e6e6e6 );
   background-image: linear-gradient(to bottom, #e6e6e6 70%, #cdcdcd, #cdcdcd 30%, #e6e6e6 );

	background-repeat: repeat-y;
}
.feature-bg .section-title{
		color: #f78e1e;
}
.feature h3{
		color: #1f1f1f;
}
.feature:hover h3{
		color: #f78e1e;
}
.feature-bg p{
		color: #1f1f1f;
}
.feature-bg .btn-default-color {
	color: rgba(0,0,0,0.9);
	border-color: #f78e1e; /*rgba(0,0,0,0.5);*/
	background: #f78e1e;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	
}
.feature-bg .btn-default-color:hover{
	color: rgba(0,0,0,0.9);
	border:1px solid rgba(0,0,0,0.9);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}

.feature i{
		color: #000000;
		border: 4px solid #000000;
}
.feature:hover i{
		color: #000000;
}
.feature i:after {
	  background: #000000;
}

.feature-bg img{
	margin: 0 auto;
	
}

/*btn btn-default-color*/




.properties-bg {

	padding: 24px 0 24px 0;
  position: relative;
  _background:  #f78e1e;
  width: 100%;
  height: 200%;
  background-repeat: repeat;
}
.properties-bg h2{
	color:  #1f1f1f;}

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

}
.testimonials-bg h2{

color: #1f1f1f;
	
}
.testimonials-bg .item{
font-size: 20px;
font-weight: 600;
color: #1f1f1f;
}
.testimonials-bg .item a{
text-decoration: none;
font-size:18px;
color: #333333;
}.testimonials-bg .item a:hover{
text-decoration: none;
color: #6a6a6a;
}




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

#ctl00_ContentPlaceHolderMain_hypFacebook{
	background: #3b5998;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypTwitter{
	background: #55acee;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypGooglePlus{
	background: #dd4b39;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypPinterest{
	background: #cb2027;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypEmail{
	background: #747777;
	color: #ffffff;
	border: none;
}
#ctl00_ContentPlaceHolderMain_hypPrint{
	background: #747777;
	color: #ffffff;
	border: none;
}
#wrapper {
	box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.0);
}
	.owl-controls .owl-page.active span{
background: #1f1f1f;
}
.owl-controls.clickable .owl-page:hover span {
background: #fcd9b4;
}



/* Data Display - selling fees */



.d-display-control ul{
	list-style: none;
	padding: 0 0 0 0;
	
}

.d-display-control li:nth-child(odd),
.d-display-control li:nth-child(even){
	
}

.d-display-control li:nth-child(odd){
	width: 54%;
	float: left;
	/*background: #e4e4e4;*/
	padding-left: 5px;
	border-top: 1px solid  #d9d9d9;
	
	
}
.d-display-control li:nth-child(even){
  width: 45%;
	float: left;
	/*background: #fde6cd;*/
}

.d-display-control ul:first-child > li{
	border-top: none;
}


.d-display-control span.head-area{
	display: block;
	width: 49%;
	
	float: left;
	
	text-align: center;
	padding: 5px;
	
}
#options{
	
}
.d-display-control span.color-options{
	background: #e6e6e6;
	
}
.d-display-control span.color-0{
	
}
.d-display-control span.color-1{
	background: #fde6cd;
	border-right: 2px solid #fff;
	border-top: 1px solid #fff;
	display: none;
	/* Also adjust for width under 480px below when display for color-1 is set to none*/
	/*shared values with color-2, if any*/
	
}
.d-display-control span.color-2{
	background: #fbc082;
	border-top: 1px solid #fff;
	
	
	/*shared values with color-1, if any*/
	
}

.d-display-control span:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

/*Heading row above 901px */
		.d-display-control ul:first-child li:last-child span.color-1,
		.d-display-control ul:first-child li:last-child span.color-2{
			
			font-weight: 700;
			font-size: 15px;
		}
		.d-display-control ul:last-child li:nth-last-child(2){
			border-bottom: 1px solid #999;
			padding-bottom: 8px;
		}

/* === end data display zone ==== */

#padeid1 #property-listing .item .image img,
.carousel-style1 .item .image img {
       height: 100% !important;
}

#padeid1 #property-listing .item .image,
.carousel-style1 .item .image {
       height: 190px !important;
}

#google_translate_element{
	
	
}

.add-control{
    
	text-align: center;
	border: 1px solid #f78e1e;
	padding: 5px;
	margin-bottom: 50px;
}

.tab-note{
	display: block;
	position: relative;
	top: -41px;
	left: -90px;
	z-index: 777;

	
}
.tab-note span{
	background: #f78e1e;
	color: #fff;
	padding: 6px 9px;
	font-size: 16px;
		border-radius: 7px 7px 0 0 ;
}
.add-control.thick-frame{
	border: 4px solid #f78e1e;
	background-image: url('flash-bg00.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.add-control h2{
	font-size: 48px;
}

.add-control p:nth-of-type(1){
	font-size: 21px;
	color: #f78e1e;
}



.add-control .section{
	box-sizing: border-box;
	background: #e6e6e6;
	border: none;
	border-top: 2px solid #FFF;

	padding: 7px;
	text-align: left;
}

.add-control  a[title]{
	display: inline-block;
	font-size: 13px;
	color: purple;
}
.add-control ul.list-style{
	list-style: none;
	list-style-image: url('the-tick00.png');
	padding: 0 0 0 1.5em;
	
}

.add-control .btn-default-color{
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.8);
}
.add-control .btn-default-color:hover{
	box-shadow: 3px 3px 4px rgba(0,0,0, 0.8);
}



/* ======================at media set ============================================*/

@media screen and (max-width: 480px){
		.feature-bg img{
		margin: 0 auto;
		width: 45%;
		}

		.d-display-control li:nth-child(odd),
		.d-display-control li:nth-child(even){
			float: none;
			width: 100%;
		}

		.d-display-control span.head-area{
			width: 99%; /*change back to 50% here if color-1 is to display again*/
		}

			.d-display-control li:nth-child(odd),
			.d-display-control li:nth-child(even){
			clear: both;
		}
		.d-display-control li:nth-child(odd){
			border-top: none;
		}

		.d-display-control #options {
			display: block;
			padding-top: 20px;
		}
		/*Heading row under 480px*/
		.d-display-control ul:first-child li:last-child span.color-1,
		.d-display-control ul:first-child li:last-child span.color-2{
			font-size: 14px;
			height: 70px;
			font-weight: 700;
			line-height: 1.3em;
		}

		.d-display-control ul:last-child li:nth-last-child(2){
		border-bottom: none;
		padding-bottom: none;
		}

		/*control second ul block*/
		.d-display-control ul:last-child  li:nth-child(8) span.color-1,
		.d-display-control ul:last-child  li:nth-child(8) span.color-2
		{
		height: auto;
	}

	/* end 2nd ul block */

	
		/* == UX: go up btn ===*/
	#upBtn{
		display: none;
		width:50px;
		height: 50px;
		background: rgba(31,31,31, 0.8);/*#1f1f1f;*/
		border: 2px solid #f78e1e;
		color:#fff;
		text-align: center;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-ms-border-radius: 50%;
			-o-border-radius: 50%;
			border-radius: 50%;
		font-size: 12px;
		font-weight: 700;
		padding: 4px;
		box-shadow: 2px 2px 3px rgba(0,0,0,0.8);

		position: fixed;
			z-index: 7777;
			bottom: 40px;
			right: 10%;

	}


	#upBtn  i.fa-sort-up{
		display: block;
		font-size: 21px;
		margin: 0;
		padding-top: 9px;
		line-height: 0.3em;

	}
	#upBtn a{
		display: block;
		text-decoration: none;
		color:#f78e1e;
	}
	#upBtn a:hover{
		text-decoration: none;

		color:#fff;
	}
    /* title banner adjustment for height
	#banner-container{
		height: 75px !important;
	}
	#banner-title{
		font-size: 21px;
		top: 25px;
	}
	*/
	
	
}/*end at media 480px*/

@media screen and (max-width: 960px) and (min-width: 481px){
	
	.awards-page-title{
	font-size:2.5em;
    }
	     /*adjusting for 4 col packs - silly - request*/
	   .other-3-services{
	    font-size: 12px;
		   
        }
		.other-3-services ul{
		list-style: none;
		list-style-image: url(the-tick16.png);
		padding: 0 0 0 0.5em;
			}
		
	.other-3-services .btn-default-color{
		font-size: 11px;
	}
	
		/*Heading row between 485 -900px*/
		.d-display-control ul:first-child li:last-child span.color-1,
		.d-display-control ul:first-child li:last-child span.color-2{
			height: 95px;
			font-weight: 700;
			font-size: 14px;
		}
		.d-display-control ul:last-child li:nth-last-child(2){
			border-bottom: 1px solid #999;
			padding-bottom: 8px;
		}


		/*control second ul block*/
		.d-display-control ul:last-child  li:nth-child(18) span.color-1,
		.d-display-control ul:last-child  li:nth-child(18) span.color-2,
		.d-display-control ul:last-child  li:nth-child(8) span.color-1,
		.d-display-control ul:last-child  li:nth-child(8) span.color-2
		{
			height: 60px;
		}

		/* end 2nd ul block */
	
	    /* for page banner - Count On*/
	
				.ad-text-control h3 span.fake-p{
			display: inline-block;
			font-size: 17px; /* control here*/
			font-weight: 900;
			color: #222222;
			margin-bottom: 5px;

		}
		.ad-text-control h3{
			font-size: 26px; /*control here*/
			margin: 0 auto;

		}.ad-text-control h3 span{
			font-size: 1.9em;
			font-weight: 900;

		}

	
		.ad-text-control p{
			display: block;
			width: 90%;
			font-size: 12px; /* control here*/
			
		}
		
	
}/* end mediaQ 485 - 900 */

/* end at media range*/
/* FOR URDU PAGES ONLY */
#pageid500 body, #pageid501 body ,#pageid502 body, #pageid503 body{
	text-align: right;
}

/* END URDU PAGES */
.standard-btn-control .btn-default-color{
	background: #f78e1e;
	border-color: #333;
	color: #333;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}
.standard-btn-control .btn-default-color:hover{
	background: #f78e1e;
	box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.4);
}


.whybut {
	margin-bottom: 4px;
}

.scroll-note{
	visibility: hidden;
	display: inline-block;
	padding: 5px 7px;
	padding-left: 10px;
	background: #ffcc66;
	font-size: 12px;
		-webkit-border-radius: 12px 0 12px 12px;
		-moz-border-radius: 12px 0 12px 12px;
		-ms-border-radius: 12px 0 12px 12px;
		-o-border-radius: 12px 0 12px 12px;
	border-radius: 12px 0 12px 12px;
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.4);
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.4);
		-ms-box-shadow: 1px 1px 3px rgba(0,0,0, 0.4);
		-o-box-shadow: 1px 1px 3px rgba(0,0,0, 0.4);
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.4);
	

}
	

.table-control table tbody{
	border-bottom: 1px solid #292828;
}

.table thead tr td:nth-last-child(1){
	border-top: 1px solid #f78e1e;
}



.no-range #awards-page-title {
	font-size:32px;
    }
.no-range .textlink#abtn{
	display:inline-block;
	padding: 7px 12px;
	background: #e6e6e6;
	border: 1px solid black;
	border-radius: 3px;
	text-align: center;
}
@media screen and (max-width: 480px){
	
	.no-range #awards-page-title {
	font-size:28px;
    }
	.table-control .table th,
	.table-control .table td{
	font-size: 12px;
	}
	.scroll-note{
	visibility: visible;
	
	}
	/* for page banner - Count On*/
	
		.ad-text-control h3 span.fake-p{
			display: inline-block;
			font-size: 21px; /* control here*/
			font-weight: 900;
			color: #222222;
			margin-bottom: 5px;

		}
		.ad-text-control h3{
			font-size: 32px; /*control here*/
			margin: 0 auto;

		}.ad-text-control h3 span{
			font-size: 1.9em;
			font-weight: 900;

		}
		.ad-text-control p{
			display: block;
			width: 100%;
			font-size: 14px; /* control here*/	
		}
		
	
}/* end meida query max-480 */
@media screen and (max-width: 360px){
   /* for page banner - Count On*/
	 .no-range #awards-page-title {
	font-size:26px;
    }
		.ad-text-control h3 span.fake-p{
			display: inline-block;
			font-size: 18px; /* control here*/
			font-weight: 900;
			color: #222222;
			margin-bottom: 5px;

		}
		.ad-text-control h3{
			font-size: 26px; /*control here*/
			margin: 0 auto;

		}.ad-text-control h3 span{
			font-size: 1.9em;
			font-weight: 900;

		}
		.ad-text-control p{
			display: block;
			width: 100%;
			font-size: 12px; /* control here*/	
		}
	
}/* end 360px at media*/



.video-control{
	background:#1f1f1f;
}

.page-banner-control{
	background:#1f1f1f;
	text-align: center;
	margin: 0 auto;
    padding-top: 10px;
    font-size: 17px;
}


.page-banner-control h2{
    display: block;
    margin: 0 auto;
    width: 90vmin;
}
.page-banner-control h2 span{
   
    color:#f1f3f6;
    margin-bottom: 16px;
    font-size: 21px;
}

.page-banner-control .btn-default-color{
	color: #1f1f1f;
	border-color: #1f1f1f;
	background:#f78e1e;
    margin-bottom: 30px;
    height: auto;
    padding: 12px 21px;
    font-weight: bold;
}

.page-banner-control .btn-default-color:hover{
	background: #fff;
	margin-bottom: 30px;
    height: auto;
    padding: 12px 21px;
	color: #f78e1e;
    _color: #000;
	border-color: #f78e1e;
    font-weight: bold;
    
}

.iFrame-slide-container{
	position: relative;
	width: 100%;
	padding-bottom: 56.7%;
	height: 0;
	
}

.iFrame-slide-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 65vmin;
	
}

/* === Testimonials XMAS ==========*/
.testimonials-xmasbg{
		padding: 24px 0 24px 0;
  position: relative;
  background:  #f78e1e url('testimonials-xmasbg.jpg');
  width: 100%;
  height: 200%;

}
.testimonials-xmasbg h2{

color: #1f1f1f;
	
}
.testimonials-xmasbg.item{
font-size: 20px;
font-weight: 600;
color: #1f1f1f;
}
.testimonials-xmasbg .item a{
text-decoration: none;
font-size:18px;
color: #333333;
}.testimonials-xmasbg.item a:hover{
text-decoration: none;
color: #6a6a6a;
}

/*
.form-style #ctl00_ContentPlaceHolderMain_UD_41_chzn span {
	color: red;
}
*/

/* Client Request - Pages in Malayalan */
#pageid641  .malay-control  .board  {
	font-size: 14px;
    _color: red;
}

#pageid641  .malay-control .board .btn-default-color{
	margin-bottom: 10px ;
}

.wallpaper-malay{
	_background: #fde6cd;
	background: rgba(253,230,205,0.60);
}
.wallpaper-malay  img,
.wallpaper-malay .pannel img{
	display: block;
	border-radius: 5px;
}
 
.wallpaper-malay p  span.e-signature-panel{
	display: block; background: #FFF; 
	font-size: 18px;
	color:  #2A2A2A; 
	padding: 30px 10px; 
	text-align: center; 
	border: 2px solid #f78e1e; 
}
.wallpaper-underline{
	border-bottom: 1px solid rgba(196,196,196,1.00);
}
.wallpaper-underline img{
	margin-bottom: 10px;
	display: block;
}

#pageid641 .btn-default-color{
	background:#FFF;
	border-color: #f78e1e;
	color: #f78e1e;
	color: #000;
	padding: 7px 12px;
		font-size: 12px;
	height: auto;
}
/*
#pageid641 .btn-default-color:hover{
	background: #f78e1e;
	border-color: #f78e1e;
	color: #fff;
}*/
#pageid641 #banner-title{
	font-size: 26px;
	line-height: 1.6em;
	top: 26px;
}

@media (min-width: 190px) and (max-width: 476px){
	#pageid641 #banner-title{
	font-size: 14px;
		line-height: 1.8em;
	top: 22px;
  }
}

@media (min-width: 480px) and (max-width: 685px){
	#pageid641 #banner-title{
	font-size: 18px;
		line-height: 1.7em;
	top:26px;
  }
}

#pageid641 ul.list-control-malay{
	font-size: 13px;
	line-height: 1.7em;
	_color: red;
	list-style: none;
	list-style-image: url('the-tick00.png');
	padding: 0 0 0 1.3em;
}

#pageid641 ul.list-control-malay li{
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #f78e1e;
	
}

/* Nested Action box */

#nested-action-box {
	background: var(--brand-c1);
	padding: 20px;
	text-align: center;
	_height: 10vh;
	border-radius: 5px;
}
#nested-action-box a{
     color: #fff;
	 font-size: 32px;
	text-decoration: none;
	
		
} 
#nested-action-box:hover {
     background: #000;
	 color: var(--brand-c1);
		
}

/* end action box*/
.aniwallpaper-bg{
	_background: #f1f3f6;
	background-image: linear-gradient( 45deg , rgba(247,142,30,1.00) 10%, rgba(239,181,37,1.00) );
	animation: aniwall0;
	animation-duration: 2.3s;
	animation-iteration-count:300;
	animation-direction: normal;
	animation-fill-mode:forwards;
	
}
.colorpick{
	color: rgba(247,142,30,1.00);
	background: rgba(239,181,37,1.00);
}

@keyframes aniwall0{
	0%{
		background-image: linear-gradient( 45deg, rgba(247,142,30,1.00) 10%, rgba(239,181,37,1.00) );
	}

	25%{
		background-image: linear-gradient( 45deg, rgba(247,142,30,1.00) 30%, rgba(239,181,37,1.00) );
	}
	
	50%{
		background-image: linear-gradient( 45deg,  rgba(247,142,30,1.00) 60%, rgba(239,181,37,1.00) );
	}

	75%{
		background-image: linear-gradient( 45deg, rgba(247,142,30,1.00) 30%, rgba(239,181,37,1.00) );
	}
	
	100%{
		background-image: linear-gradient( 45deg, rgba(247,142,30,1.00) 10%, rgba(239,181,37,1.00) );
	}
}

.aniwallpaper-bg h2{
	color: #fff;
}
.price-card-control .pannel{
	text-align: center;
}
.price-card-control .pannel .board-zoom,
.price-card-control .pannel .board{
	background:#f1f3f6;
	border: 1px solid #000;
	padding: 12px;
	margin-bottom: 20px;
	  -o-border-radius: 5px;
	 -ms-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	border-radius: 5px;
	
}

/* urdu*/
#pageid954 .price-card-control .pannel .board-zoom ul.li-dropdown,
#pageid954 .price-card-control .pannel .board ul.li-dropdown{
	text-align: right;
	list-style: none;
	
}

#pageid954 .price-card-control .pannel .board-zoom ul.li-dropdown  li i.fa-caret-up,
#pageid954 .price-card-control .pannel .board ul.li-dropdown  li i.fa-caret-up{
	color: var(--brand-c1);
	font-size: 18px;
	float: left;
	margin-left: 12px;
	transform: rotate(0);
	transform-origin: center;
	transition: transform .6s ease-in-out;
}
#pageid954 .price-card-control .pannel .board-zoom ul.li-dropdown li:hover i.fa-caret-up,
#pageid954 .price-card-control .pannel .board ul.li-dropdown  li:hover i.fa-caret-up{
	color: #000;
	transform: rotate(180deg);
	
}

#pageid953 .price-card-control .pannel .board-zoom ul.li-dropdown,
#pageid953 .price-card-control .pannel .board ul.li-dropdown{
	text-align: center;
	list-style: none;
	
}
/* chinese*/
#pageid953 .price-card-control .pannel .board-zoom ul.li-dropdown  li i.fa-caret-up,
#pageid953 .price-card-control .pannel .board ul.li-dropdown  li i.fa-caret-up{
	color: var(--brand-c1);
	font-size: 18px;
	float: left;
	margin-left: 12px;
	transform: rotate(0);
	transform-origin: center;
	transition: transform .6s ease-in-out;
}
#pageid953 .price-card-control .pannel .board-zoom ul.li-dropdown li:hover i.fa-caret-up,
#pageid953 .price-card-control .pannel .board ul.li-dropdown  li:hover i.fa-caret-up{
	color: #000;
	transform: rotate(180deg);
	
}

.price-card-control .pannel .board-zoom{
	_border: 3px solid var(--brand-c1) !important;
	border: 5px solid #000 !important;
}

.price-card-control .pannel ul{
	padding: 0 0 0 1.3em;
	text-align: left;
	list-style: none;
	list-style-image: url(the-tick16.png);
}
.price-card-control .pannel ul.list-dropdown,
.price-card-control .pannel ul li{
	padding-top: 4px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--brand-c1);
}

.price-card-control .pannel .board-zoom h3 i.fa-refresh{
	color:var(--brand-c1);
	animation-name: spin-refresh;
	animation-duration: 2.7s;
	animation-direction:normal;
	animation-iteration-count: 6;
	animation-fill-mode: forwards;
	transform: rotate(0deg);
	
	
}

@keyframes spin-refresh{
	0%{
		transform: rotate(0deg);
		color: var(--brand-c2);
		
	}
	50%{
		transform:  rotate(180deg);
		color: var(--brand-c2);
	}
	100%{
		transform:  rotate(360deg);
		color: var(--brand-c1);
		
	}
}
/* dropdown list item */
.price-card-control .pannel .board-zoom ul.li-dropdown  li i.fa-caret-up,
.price-card-control .pannel .board ul.li-dropdown  li i.fa-caret-up{
	color: var(--brand-c1);
	font-size: 18px;
	float: right;
	margin-right: 14px;
	transform: rotate(0);
	transform-origin: center;
	transition: transform .6s ease-in-out;
}
.price-card-control .pannel .board-zoom ul.li-dropdown li:hover i.fa-caret-up,
.price-card-control .pannel .board ul.li-dropdown  li:hover i.fa-caret-up{
	color: #000;
	transform: rotate(180deg);
	
}



.price-card-control .pannel .board-zoom ul.li-dropdown  li span.list-drop.show,
.price-card-control .pannel .board ul.li-dropdown  li span.list-drop.show {
	display: none;
	visibility: hidden;
	height: 0;
	color:rgba(239,181,37,0.4);
	padding: 7px;
	border-radius: 0 0 3px 3px;
	background: rgba(239,181,37,0.4);
	transition: height .6s ease-in-out, color .12s .4s ease-in;
	
}


.price-card-control .pannel .board-zoom ul.li-dropdown  li:hover span.list-drop.show,
.price-card-control .pannel .board ul.li-dropdown  li:hover span.list-drop.show {
	display: inline-block;
	visibility: visible;
	height: 8em;
	color: #000;
	padding: 7px;
	border-radius: 0 0 3px 3px;
	background: rgba(239,181,37,0.4);
	transition: height .6s ease-in-out, color .3s  ease-in;
	
}

.price-card-control .pannel .board-zoom ul.li-dropdown  li span.list-drop.dropL,
.price-card-control .pannel .board ul.li-dropdown  li span.list-drop.dropL{
	display: none;
	visibility: hidden;
	height: 0;
	color:rgba(239,181,37,0.4);
	padding: 3px 3px 7px 5px;
	border-radius: 0 0 3px 3px;
	background: rgba(239,181,37,0.4);
	transition: height .6s ease-in-out, color .12s .4s ease-in !important;
	
}

.price-card-control .pannel .board-zoom ul.li-dropdown  li:hover span.list-drop.dropL,
.price-card-control .pannel .board ul.li-dropdown  li:hover span.list-drop.dropL{
	display: inline-block;
	visibility: visible;
	height: 12em;
	color: #000;
	padding: 7px;
	border-radius: 0 0 3px 3px;
	background: rgba(239,181,37,0.4);
	transition: height .6s ease-in-out, color .3s  ease-in !important;
	animation: smoothdrop .6s ease-in-out forwards;

}

.price-card-control .pannel .board-zoom ul.li-dropdown  li span.list-drop.dropL2,
.price-card-control .pannel .board ul.li-dropdown  li span.list-drop.dropL2{
	display: none;
	visibility: hidden;
	height: 0;
	color:rgba(239,181,37,0.4);
	padding: 7px;
	border-radius: 0 0 3px 3px;
	background: rgba(239,181,37,0.4);
	transition: height .6s ease-in-out, color .12s .4s ease-in !important;
	
}

.price-card-control .pannel .board-zoom ul.li-dropdown  li:hover span.list-drop.dropL2,
.price-card-control .pannel .board ul.li-dropdown  li:hover span.list-drop.dropL2{
	display: inline-block;
	visibility: visible;
	height: 25em;
	color: #000;
	padding: 7px;
	border-radius: 0 0 3px 3px;
	background: rgba(239,181,37,0.4);
	transition: height .6s ease-in-out, color .3s  ease-in !important;
	animation: smoothdrop2 .6s ease-in-out forwards;

}

@keyframes smoothdrop{
	from{
		color: transparent;
		height: 0;
	}
	to{
		color: #000; 
		height: 2em;
	}
}
@keyframes smoothdrop2{
	from{
		color: transparent;
		height: 0;
	}
	to{
		color: #000; 
		height: 25em;
	}
}

/*
.price-card-control .pannel .board ul.li-dropdown  li span.list-drop.hide {
	display: none;
	padding: 3px 3px 5px 5px;
	border-radius: 0 0 3px 3px;
	background: rgba(239,181,37,0.4);
}
*/
.price-card-control .pannel h3{
	font-size: 48px;
	text-align: center;
	font-weight: 900;
	margin-bottom: 10px;
	display: inline-block;
}


.price-card-control .pannel .board{
	background:#f1f3f6;
	border: 1px solid var(--brand-c1);
}
.price-card-control .pannel .board-zoom h4,
.price-card-control .pannel .board h4{
	_color: var(--brand-c2);
	color: #666;
}


.price-card-control .pannel .board-zoom .btn-default-color,
.price-card-control .pannel .board .btn-default-color{
	border: 2px solid var(--brand-c1);
	background: var(--brand-c1);
	color: #000;
	padding: 7px 17px;
	font-weight: 900;
	height: auto;
	font-size: 15px;
	margin: 0 auto;
	display: inline-block;
	
}
.price-card-control .pannel .board-zoom .btn-default-color:hover,
.price-card-control .pannel .board .btn-default-color:hover{
	background: var(--brand-c2);
	color: var(--brand-c1);
}

@media (min-width: 1140px){
	.price-card-control .pannel .board-zoom ul.li-dropdown  li:hover span.list-drop.dropL2,
   .price-card-control .pannel .board ul.li-dropdown  li:hover span.list-drop.dropL2{
	
	height: 20em;

   }
	.price-card-control .pannel .board-zoom .btn-default-color,
   .price-card-control .pannel .board .btn-default-color{
	padding: 12px 21px;
	font-size: 19px;
	
	
}
	
}

@media (max-width: 690px){
	.price-card-control .pannel .board-zoom .btn-default-color,
    .price-card-control .pannel .board .btn-default-color{
	padding: 9px 18px;
	font-size: 14px;	
   }
	
	.price-card-control .pannel h3,
	.price-card-control .pannel .board-zoom h3 {
	font-size: 28px;
	
	
}
	.price-card-control .pannel .board-zoom h3 span, 
	.price-card-control .pannel .board h3 span {
    font-size: 16px !important;
  
}
	
	
}

.price-card-control .pannel .board-zoom h3,
.price-card-control .pannel .board h3{
	_padding-bottom: 0;
}
.price-card-control .pannel .board-zoom h3 small,
.price-card-control .pannel .board h3 small{
	color: var(--brand-c1);
	
}
.price-card-control .pannel .board-zoom h3 span,
.price-card-control .pannel .board h3 span{
	display: inline-block;
    color: #000;
	font-weight: 400;
	font-size: 21px !important;
    line-height: 1.4em;
	
	
}


a#ul-inline-pdf{
	padding: 3px 7px;
	border: 1px solid var(--brand-c1);
	border-radius: 2px;
	color: var(--brand-c1);
	margin: 32px auto;
	
}
a#ul-inline-pdf:hover{
	text-decoration: none;
	background: var(--brand-c1);
	color: #666;
	border: 1px solid #666;
}


.price-card-control .pannel .board-zoom.dark-frame,
.price-card-control .pannel .board.dark-frame{
	border: 3px solid #000 !important;
}


/* Bookmark Section Box */


.bookmark-box{
	
	background: var(--brand-c2);
	_color: var(--brand-c2);
	 color: #fff;
	text-align: center;
	
	box-sizing: border-box;
	padding: 30px 10px;
   
}
.bookmark-box p{
	display: block;
	width: 70%;
	margin: 20px auto;
}

.bookmark-btn{
	display: inline-block;
	height: auto;
	padding: 12px 19px;
	border: 1px solid rgba(255,255,255,0.7);
	color: rgba(255,255,255,0.7);
	margin-top: 50px;
	text-decoration: none;
	border-radius: 3px;
}
.bookmark-btn:hover{
	display: inline-block;
	height: auto;
	border: 1px solid rgba(255,255,255,1.0);
	color: rgba(255,255,255,1.0);
	text-decoration: none;
}

/* pannerl chevron icon */

.panel-heading .panel-title  a span i{
color: #FFF; /*#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: #000;
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;
		
}

/* Home CTA control */

.homecta-control div.pannel{
	text-align: center;
	
}
.homecta-control div.pannel img{
	display: block;
	margin: 0 auto;
	border-radius: 5px;
	border: 3px solid var(--brand-c1);
	transform: scale(1.0);

	transition: transform 0.6s ease-in-out;
	
}
.homecta-control div.pannel img:hover{
	transform: scale(1.03);
	transition: transform 0.3s ease-in-out;
}

/* Landlords New Landing page */

.landlordservices-control{
	
}
.landlordservices-control img,
.landlordservices-control .pannel img{
	display: block;
	border-radius: 5px;
}


/* list control and mit tick variant*/
#pageid926 body,
.bodycopy-control-chi{
	font-family: "Noto Sans TC", sans-serif;
	text-align: center;
}
#pageid926 h2,
#pageid926 h3,
#pageid926 p
{
	text-align: center;
	
}


.list-control ul{
	list-style: disc;
	padding: 0 0 0 1.3em;
	margin-bottom: 20px;
}
.list-control li{
	border-bottom: 1px solid #2d275f;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: italic;
}
.list-control li::marker{
	_color: #2d275f;
	color: #f78e1e;
}

/* with tick mark */
.list-control.mit-ticks ul{
	list-style: none;
	padding: 0 0 0 1.3em;
	list-style-image: url('the-ticksvg.svg');
	
}
.list-control.mit-ticks li{
	border-bottom: 1px solid #2d275f;
	padding-top: 10px;
	padding-bottom: 10px;
}

.list-control li:hover,
.list-control.mit-ticks li:hover{
	color: #f78e1e;
	background: #f1f3f6;
	font-size: 1.1em;
}

/* nested lang Urdu and similar*/
ul.nested-list-control.range-center{
	list-style: disc;
	padding: 0 0 0 1.3em;
	margin-bottom: 20px;
	text-align: center;
	list-style-position: inside;
	direction: rtl;
	
}
ul.nested-list-control.range-right{
	list-style: disc;
	padding: 0 0 0 1.3em;
	margin-bottom: 20px;
	list-style-position: inside;
	direction: rtl;
	text-align: right;
}
ul.nested-list-control{
	list-style: disc;
	padding: 0 0 0 1.3em;
	margin-bottom: 20px;
	
}
ul.nested-list-control.mit-ticks.range-center{
	list-style: none;
	padding: 0 0 0 1.3em;
	list-style-image: url('the-ticksvg.svg');
	list-style-position: inside;
	direction: rtl;
	text-align: center;
	
}
ul.nested-list-control li{
	border-bottom: 1px solid #2d275f;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: italic;
}
ul.nested-list-control li::marker{
	_color: #2d275f;
	color: #f78e1e;
}

ul.nested-list-control li:hover,
ul.nested-list-control.mit-ticks li:hover{
	color: #f78e1e;
	background: #f1f3f6;
	font-size: 1.1em;
}

/* with tick mark */
.list-control.mit-ticks ul{
	list-style: none;
	padding: 0 0 0 1.3em;
	list-style-image: url('the-ticksvg.svg');
	
}
.list-control.mit-ticks li{
	border-bottom: 1px solid #2d275f;
	padding-top: 10px;
	padding-bottom: 10px;
}

.list-control li:hover,
.list-control.mit-ticks li:hover{
	color: #f78e1e;
	background: #f1f3f6;
	font-size: 1.1em;
}

/* nested list lang */

ul.nested-list-control.mit-ticks.range-right{
	list-style: none;
	padding: 0 0 0 0;
	list-style-image: url('the-ticksvg.svg');
	list-style-position: inside;
	direction: rtl;
	text-align: right;

}

ul.nested-list-control.mit-ticks.range-right li{
	border-bottom: 1px solid #2d275f;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	direction: rtl;
	
}


ul.nested-list-control.mit-ticks li:hover{
	color: #f78e1e;
	background: #f1f3f6;
	font-size: 1.1em;
}



/* end list control*/
/*lang pannel control*/

div.flexo-lang-control{
	display: flex;
	flex-wrap: wrap;
	_border: 1px solid magenta;
	
}

div.flexo-lang-control.reverse-read{
	display: flex;
	flex-wrap: wrap;
	_border: 1px solid magenta;
	flex-direction: row-reverse;
}

div.flexo-lang-control .flexo-item{
	flex: 1 1 15%;
    box-sizing: border-box;
	align-content: space-between;
	
}


div.flexo-lang-control .flexo-4{
	flex: 1 1 30%;
    box-sizing: border-box;
   

	/* styling*/
	text-align: center;
	padding: 1em;
	margin: 10px;
	_border: 2px solid cyan;
	color: #000;
	_background: var(--brand-c1);
	border: 1px solid var(--brand-c1);
	background: #f1f3f6;
	border-radius: 5px;
}

div.flexo-lang-control .flexo-4.range-right{
	flex: 1 1 30%;
    box-sizing: border-box;
    

	/* styling*/
	text-align: right;
	padding: 1em;
	margin: 10px;
	_border: 2px solid cyan;
	color: #000;
	_background: var(--brand-c1);
	border: 1px solid var(--brand-c1);
	background: #f1f3f6;
	border-radius: 5px;
}



div.flexo-lang-control .flexo-4 h2{
	text-align: center;
	margin-bottom: 20px;
}

div.flexo-lang-control .flexo-4.brand-c1{
		border: 2px solid var(--brand-c1);
	background: #f1f3f6;
}
div.flexo-lang-control .flexo-4.brand-c2{
		border: 2px solid var(--brand-c2);
	background: #f1f3f6;
}
div.flexo-lang-control .flexo-4.brand-c2 h2{
		color: var(--brand-c2);
	
}
@media (max-width: 600px){
	
	div.flexo-lang-control .flexo-item{
	flex: none;	
}
	div.flexo-lang-control .flexo-4{
		flex: 1 1 100%;
		box-sizing: border-box;
	}
	
	div.flexo-lang-control .flexo-4.range-right{
		_flex: 1 1 100%;
		flex-basis: auto;
		box-sizing: border-box;
	}
}

/* end lang flex*/
.pannel-control .pannel {
	border: 2px solid #f78e1e;
	background: #f1f3f6;
	text-align: center;
	padding: 20px;
	border-radius: 3px;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.pannel-control .pannel h3{
	font-size: 2em;
	font-weight: 900;
}

.pannel-control .pannel.brand-c2 {
	border: 2px solid #2d275f;
	
}
.pannel-control .pannel.brand-c2 h3{
	font-size: 2em;
	font-weight: 900;
	color: #2d275f;
}
/* For Scottish Private tenancy Ad , Spring 2024*/


#pageid711 #banner-container  {
	background-color:#efb525; 
	background-size: contain;
	margin-bottom: 0;
	height: 360px;
}

@media (max-width: 1420px) and (min-width: 1142px){
	#pageid711 #banner-container {
	    height: 20vmin;
		background-size: contain;
}
}

@media (max-width: 1140px) and (min-width: 972px){
	#pageid711 #banner-container {
	    height: 32vmin;
		background-size: contain;
}
}

@media (max-width: 970px) and (min-width: 693px){
	#pageid711 #banner-container {
	    height: 15vmin;
		background-size: contain;
}
}
@media (max-width: 690px){
	#pageid711 #banner-container {
	    height: 19vmin;
		background-size: contain;
}
}

/* Notice box for action box*/
.xmas-wallpaper {
	background-image: url("xmas-bg01.jpg");
	background-repeat: no-repeat;
	background-size: cover;

}
.xmas-wallpaper div.mobile-bg img{
	display: none;
	visibility: hidden;

}

.xmas-wallpaper2{
	background-image: url("xmas-bg02.jpg");
	background-repeat: no-repeat;
	background-size: cover;

}
	
.notice-box.xmas-opening{
	text-align: center;
	_text-align: left;
}


.notice-box.xmas-opening img{
	margin: 20px 0 20px 30px;
	
}


.notice-box.xmas-opening h2 small{
	color: #fff;
	_color:var(--brand-c1);
	
}

.notice-box.xmas-opening h2 {
	display: inline-block;
	_text-shadow: 2px 2px 2px rgba(255,255,255, 0.5);
	_background: var(--brand-c2);
	color: var(--brand-c1);
	font-size: 24px;
}
.notice-box.xmas-opening h3 {
	
	color: var(--brand-c1);
	_font-weight: 900;
	_font-size: 21px;
}
.notice-box.xmas-opening span{
	display: inline-block;
	_text-shadow: 2px 2px 2px rgba(255,255,255, 0.5);
	_background: var(--brand-c2);
	_color: #f1f3f6;
	color: #000;
	padding-top: 0;
	margin-top: 0;
}
.notice-box.xmas-opening ul.xmas-list{
	list-style: none;
	font-size: 16px;
	text-align: left;
	padding: 20px;
	padding-bottom: 0;
	margin-bottom: 0;
	background:rgba(255,255,255,0.6);
	_background: rgba(0,0,0,0.3);
	_background: transparent;
	border-radius: 3px;
	
	
}

.notice-box.xmas-opening ul.xmas-list.range-center{
	text-align: center;
	_color:#f1f3f6;
	color: #000;
}



.notice-box.xmas-opening ul.xmas-list li{
	border-bottom: 1px dotted var(--brand-c1); /* #F08213;*/
	padding-top: 5px;
	padding-bottom: 5px;
	
	
	
}
.notice-box.xmas-opening ul.xmas-list li:nth-last-of-type(1){
	border-bottom: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-bottom: 10px;
}

@media (max-width: 830px){
	.notice-box.xmas-opening{
	text-align: center;
		
   }
	.notice-box.xmas-opening ul.xmas-list{
	list-style: none;
	font-size: 14px;
	text-align: center;
	padding: 0 0 0 0;
		
		background:rgba(255,255,255,0.6);
	_background: rgba(0,0,0,0.3);
	
   }
	.notice-box.xmas-opening img{
	   margin: 10px auto;
		margin-bottom: 0;
		width: 60%;
	
}
	
.xmas-wallpaper{
	
	_background: var(--brand-c2);
	_background-image: radial-gradient(#40454e , #231f20 );
	background-image: url("xmas-bg01.jpg");
	_background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
    
}
	
	.xmas-wallpaper div.mobile-bg{
	
    }
	.xmas-wallpaper .notice-box div.mobile-bg img{
	display: block;
	visibility:visible;
    _height: 20vmin;
    }
	
	.notice-box.xmas-opening span{
	
	color:  var(--brand-c2); /*#f1f3f6;*/
	
   }
}
	
@media (max-width: 1380px) and (min-width: 831px){
	.xmas-wallpaper {
		background-color: #231f20;
		background-iamge: none;
	    _background-image:  url("xmas-bg00b.jpg");
	    background-repeat: no-repeat;
		background-position: left center;
	   background-size: cover;

     }
	
	.notice-box.xmas-opening ul.xmas-list{
	background:rgba(255,255,255,0.6);
	_background: rgba(0,0,0,0.3);
	_background: transparent;

	
	
}
}

/* Xmas logo toggle -MA */
 #imgLogo{
	_border: 1px solid magenta;
	display: block;
	content: none;
}

	#imgLogo.xmas-logo{
	   content: url("logo-Xmas.png") !important;
 }

/*
@media (max-width: 960px){
#imgLogo.xmas-logo{
	border: 1px solid yellow;
    content: url("logo-Xmas.png") ;
 }	
}
*/


/* Charts styling and control: pie charts */
.charts-control  .canvas-container{
	text-align: center;
	width: 100%;
	height: auto;
	margin: auto;
	
	border: 2px solid #f78e1e;
	background: #F1F3F6;
	  _background: #666;
	border-radius: 5px;
}

.charts-control  .canvas-container h2{
	_margin: 0;
	padding-bottom: 0;
	
}
.charts-control  .canvas-container h4{
	_color: #383838;
	color: #666;
	font-weight: 300;
	padding: 0;
	padding-bottom: 10px;
	font-size: 1.1em;
}
.charts-control  .canvas-container h5{
	_color: #383838;
	color: #333;
	font-weight: 300;
	padding: 0;
	padding-bottom: 15px;
	font-size: 0.7em;
}
.canvas-container .canvas-box{ /* flexb*/
	position: relative;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
	align-items: center;
	
	_border: 1px dotted cyan;
}
.chart-item{
	width: 15%; /* adjust here*/
	align-self: center;

	_border: 1px dotted blue;
		
}


@media (max-width: 600px){
	.canvas-container .canvas-box{
	flex-direction: row;
	justify-content:space-around;

	
	
   }
	
	.chart-item{
	width: 45%; /* adjust here*/
	align-self: center;

	_border: 2px dotted lime;
	
}
}

@media (min-width: 603px) and (max-width: 1088px){
	.canvas-container .canvas-box{
	flex-direction: row;
	justify-content:space-around;

	
	
   }
	
	.chart-item{
	width: 33%; /* adjust here*/
	align-self: center;

	_border: 2px dotted purple;
	
 }
}


/* 
<canvas id="myChart" 
style="width: 600px; max-width: 600px; display: block; height: 300px;" width="1200" height="600" 
class="chartjs-render-monitor">
</canvas>
*/

#mychart .chartjs-render-monitor{
	/* no effect*/

}
/* Stacked Bars Chart Style Control */
.charts-control {
	margin: 0;
	padding: 0;
}
.charts-control  .canvas-container-stackedbars{
	text-align: center;
	box-sizing: border-box;
	width: 100vmin;
	height: auto;
	margin: auto;
	margin: 0;
	padding: 0;
	
	border: 2px solid #f78e1e;
	background: #F1F3F6;
	  _background: #666;
	border-radius: 5px;
}

.charts-control  .canvas-container-stackbars h2{
	_margin: 0;
	_padding-bottom: 0;
	_text-align: left;
	
}
/* .charts-control  .canvas-container-stackbars h4, */
.charts-control  .canvas-container-stackbars h3 { 
	text-align: left;
	color: #f78e1e;
	_color: #666;
	font-weight: 300;
	padding: 0;
	padding-bottom: 10px;
	_font-size: 1.1em;
}
.charts-control  .canvas-container-stackbars h5{
	text-align: left;
	_color: #383838;
	color: #333;
	font-weight: 300;
	padding: 0;
	padding-bottom: 15px;
	font-size: 0.7em;
}
canvas#myBarsStaked-feb,
canvas#myBarsStaked{
	_border: 2px solid green; /*layout markup */
	border: 1px solid #333; /* styling */
	border-radius: 3px;
	background: rgba(255,255,255, 0.4);
	
}


.canvas-box.stacked-bars .chart-item h4{
	text-align: left;
	color: #f78e1e;
	_color: #666;
	font-weight: 700;
	padding: 0;
	padding-bottom: 10px;
	_font-size: 1.1em;
}

.canvas-box.stacked-bars .chart-item  h5{
	text-align: left;
	_color: #383838;
	color: #333;
	font-weight: 300;
	padding: 0;
	padding-bottom: 15px;
	padding-top: 10px;
	font-size: 0.7em;
}
.canvas-box.stacked-bars{
	
	width: 114vmin; /* dont know why*/
	height: auto;
	margin: 0;
	
}.canvas-box.stacked-bars{ /* flexb*/
	_position: relative;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items: center;
	
	_border: 2px dotted cyan;
}
.canvas-box.stacked-bars .chart-item {
	width: 48vmin; /* adjust here*/
	align-self: center;

	_border: 2px dotted blue;
		
}

/* Awards Display feature V 1.0 - static*/


.awd-shwreel-wallpaper{
	width: 100%;
	height: auto;
	margin: 0;
	_padding: 0; 
	padding: 0 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center !important;
	background: #666;
	background-image: linear-gradient(#000 45%, #666);
	
    _border: 1px dotted cyan;
	_background: cyan;

}


.awd-shwreel-wallpaper h2{
	color: #fff;
	font-size: 2em;
}
.awd-shwreel-wallpaper h2 small{
	color: #999;
	font-size: 0.7em;
	_text-transform: capitalize;
	text-transform: inherit;
}

.awd-shwreel-wallpaper h3{
	_text-align: center;
	_font-size: 1.2em;
	color:#D8D8D8;
}


.awd-shwreel-wallpaper p{
 text-align: center;   
}

/* for btns, really*/
@media (max-width:600px){
	

	
}


div.row.awd-shwreel-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: inherit;
	overflow: hidden;
    text-align: center;
}
div.row.awd-shwreel-container h3{
	text-align: center;
	font-size: 1.2em;
    
}



.awd-shwreel-container .btn-default-color{
	display: inline-block;
	width: content-fit;
	height: auto;
	margin: 10px auto;
	margin-bottom: 20px;
	font-size: 17px;
	padding: 9px 12px;
}


.awd-shwreel-container .btn-default-color{
	color: var(--brand-c1);
	border-color: var(--brand-c1);
	background: #fff; /*var(--brand-c2);*/
}

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



/* list group */

ul.awd-shwreel-list{
	list-style: none;
	padding: 0;
	text-align: center;
}
ul.awd-shwreel-list  {
    display: flex;
	width: inherit;
    flex-direction: row; /* adjust here*/
	_flex-direction: row-reverse; /*adjust here for change of reading dir*/
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	
	_border: 1px solid magenta;
	transform-origin: top;
	
	margin-bottom: 30px;
	_background: yellow;

	_animation: smooth-slide 14s ease-in-out 0.6s 1;
}


/* item controls */

ul.awd-shwreel-list li.awd-shwreel-item{
	box-sizing: border-box;
	display: flex;
    flex: 1 0 7%; /*adjust here*/
	border-radius: 5px;
	_padding: 10px;
	background:  rgba(255,255,255, 0);
	_overflow: hidden;
	_text-align: center;
	_box-shadow: 0 0 0 0 rgba(255,255,255, 0);
	
	_border: 1px dotted cyan;
}

/* Top pos variant @media600*/





li.awd-shwreel-item img{
	width: 90%;
	transform-origin: center;
	transform: scale(1.0);
	transition: transform .6s ease-in;
	cursor: zoom-in;
   _border: 2px dotted black;
}

/* badge zoomin hover*/
li.awd-shwreel-item:hover img{
	transform: scale(1.07);
	transition: transform .3s ease-in;
}


li.awd-shwreel-item.new-one-star::after{
	display: inline-flex;
	content: '\2605'; /* Unicode star character */
	position: relative;
	left: -50%; /*adjust here*/
	bottom: 20px;
	margin: 0;
	padding: 0;
    z-index: 7777;
	color: transparent;
	animation: newarrivalstr 1s ease-in-out 0s 60 backwards;
}

@keyframes newarrivalstr{
	0%{color: transparent}
	50%{color: gold}
	100%{color: white}
}

@media screen and (max-width:600px){
	
	li.awd-shwreel-item.new-one-star::after{
	  display: inline-flex;
	  _left: -60%;
	  _left: -55%;
      left: -48%;
}

	ul.awd-shwreel-list  {
    display: flex;
	width: inherit; /* adjust here*/
		_width: auto;
    flex-direction: row; /* adjust here*/
	_flex-direction: row-reverse; /*adjust here for change of reading dir*/
	justify-content: center; /* adjust here*/
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0; /* adjust here*/

}

	ul.awd-shwreel-list li.awd-shwreel-item{
	box-sizing: border-box;
	display: flex;
    flex: 0 1 27%; /*adjust here; 45%*/
    _margin-bottom: 15px; /*adjust here*/
	margin-bottom: 30px; /*adjust here*/
	
}
    
    
    /* Top pos variant*/
  	ul.awd-shwreel-list.atmediatop li.awd-shwreel-item{
	box-sizing: border-box;
	display: flex;
    flex: 0 1 12%; /*adjust here; 45%*/
    margin-bottom: 10px; /*adjust here*/
	_margin-bottom: 30px; /*adjust here*/
        margin-top: 10px;
	
}  
    
    
	/* hide middle award btn*/
	.awd-shwreel-wallpaper .btn-default-color.hide-thisbtn{
	display: none;
	 height: 0;
		
}
	
	li.awd-shwreel-item:hover img{
	transform: scale(1.15);
	transition: transform .3s ease-in;
}

/* awd cta btn control*/
	.awd-shwreel-container .btn-default-color{
	display: inline-block;
	width: content-fit;
	height: auto;
	margin: 10px auto;
	margin-bottom: 20px;
	font-size: 15px;
	padding: 9px 12px;
}


.awd-shwreel-container .btn-default-color{
	color: var(--brand-c1);
	border-color: var(--brand-c1);
	background: #fff; /*var(--brand-c2);*/
}

.awd-shwreel-container .btn-default-color:hover{
	color: #fff;
	border-color: var(--brand-c1);
	background: var(--brand-c1);
}
	
	
}
/* ---------------- end awds display */

.carousel-style1 .item .amenities {

    background-color: var(--brand-c1);
    border-color: #e3e3e3;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    font-weight: 500;
  
}
.carousel-style1 .item .amenities li [class^="icon-"], .carousel-style1 .item .amenities li [class*=" icon-"] {
    color: #000;
    float: left;
    font-size: 20px;
    margin-right: 3px;
    margin-top: -3px;
}

/* Google Revies large image-btn */
.gglerevs-control{
    text-align: center;
}

.gglerevs-control h3{
    font-weight: bolder;
    font-size: 1.3em;
}
.gglerevs-control img{
    display: block;
    height: 180px;
    margin: 0 auto;
}

.gglerevs-control .btn-default-color{
    background: #fff;
    border-color: var(--brand-c1);
    color: var(--brand-c1);
    margin-bottom: 20px;
}

/* Location page draft */
.introtitle-control h2,
.introtitle-control h1{
    text-align: left;
    text-transform: none;

    
}

/* Location Areas - Jeremy */
.location-areas-wallpaper{
    text-align: center;
}

.location-areas-wallpaper h2{
   
}
.location-areas-wallpaper h2 small{
   
}
.location-areas-wallpaper .btn-default-color{
    height: auto;
    padding: 12px 21px;
    margin: 10px auto;
}
.location-areas-wallpaper .btn-default-color:hover{
    
}
/* list elements group*/
.location-areas-container{
    dislplay: flex;
    flex-direction: column;
    justify-content: center;
}
ul.location-areas-list{
    list-style: none;
    padding: 0;
    margin: 0;
    
    margin-bottom: 20px;
    _border: 2px dotted magenta;
}

ul.location-areas-list{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    
    
    _border: 2px dotted blue;
}


ul.location-areas-list div.colwrap{
   display: flex;
    flex: 1 0 18%;
    flex-direction: column;
    flex-wrap:wrap;
    
     padding: 4px 8px;
  _background: #eee;
  _border: 1px solid #ccc;
  _border-radius: 4px;
 
}

ul.location-areas-list li{
    text-align: left;
    
}
ul.location-areas-list div.colwrap h2{
    font-size: 14px;
    _color: var(--brand-c2);
    color: #999;
    padding-top: 3px;
}

ul.location-areas-list div.colwrap h3{
    font-size: 16px;
    
}



ul.location-areas-list div.colwrap strong h3{
    font-size: 16px;
    color: var(--brand-c2);
    font-style: italic;
    cursor: none;
    pointer-events: none;
}
ul.location-areas-list div.colwrap  strong h3 a,
ul.location-areas-list div.colwrap  strong h3 a:hover{
   text-decoration: none;
    pointer-events: none;
    cursor: none;
}

/* for hidden granular locations links*/
ul.location-areas-list div.colwrap .location-litem .location-panel  a, 
ul.location-areas-list div.colwrap .location-litem .location-panel  a h3 {
	_color: magenta !important;
	pointer-events: none;
	text-decoration: none;
	cursor: none !important;
}

ul.location-areas-list div.colwrap .location-litem .location-panel  h3 i.fa-caret-right {
	display: none;
}


ul.location-areas-list div.colwrap li{
   border-bottom: 1px solid var(--brand-c1);
    
}

ul.location-areas-list div.colwrap li.letter:first-of-type{
   
    
    
}
ul.location-areas-list div.colwrap li.letter{
   border-bottom: none;
    padding-top: 5px;
    
    
}
ul.location-areas-list div.colwrap li.letter a,
ul.location-areas-list div.colwrap li.letter a:hover,
ul.location-areas-list div.colwrap li.letter:hover{
  cursor: none;
    pointer-events: none;
    text-decoration: none;
    
}



ul.location-areas-list div.colwrap li{
}
@media (max-width: 768px){
    ul.location-areas-list{
    display:flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    
    
    _border: 2px dotted blue;
}
    
   
}