@import url("draft-pageA.css");
@import url("draft-pageB.css");
@import url("draft-types.css");
@import url("bspk-reviewswgt.css");

:root{
	--brand-c1:#031631;
	  --brand-c1t4:rgba(3,22,49,0.40);
    --brand-c2:#142640;
	   --brand-c2t4:rgba(20,38,64,0.40);
	--brand-c3: #1f2e46;
	    --brand-c3t6: rgba(31,46,70,0.60);
    --brand-c4: #c09a63;
}
/*Notes:
 _color:rgba(192,154,99,1.00);
/* installed fonts:
Raleway|Open+Sans: 300,400,500,600,700,800,900
*/
/*   Primary Color: var(--brand-c1)
     Secondary Color/Rollover var(--brand-c2) */
h3 small,
h2 small,
h1 small{
    color: #c09a63;
    font-weight: 500 !important;
}

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

.colorpinkonly{
	color: rgba(31,46,70,1.00);
	background:rgba(123,193,68,1.00); /* brand-c1 screen*/
}
#listing-header {
	margin-top: 12px;
}

.range-center{
	text-align: center;
}
.range-center img{
	margin: 0 auto;
}
.copy-adjustment h3{
    _font-size: 24px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
    
}

.wallpaper-brandC0{
    _background: #f1f3f6;
    background: var(--brand-c4);
}


.wallpaper-photo2{
    background: url("wallphoto-2.jpg");
    background-repeat: none;
    background-size: cover;
    _background-size: contain;
}
.wallpaper-photo2 h2{
    color: var(--brand-c2);
}

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

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-height:100%;
}
#banner-container {
	background-position:center;
	height: 60px;
}
#banner-title {
 top:12px;
}

.btn-fullcolor{
	background: var(--brand-c1);
	color: #fff;
}
.btn-fullcolor:hover{
	background: var(--brand-c3);
	color: #fff;
}

.normal #banner-title {
	padding-top:186px
}

@media (max-width: 767px) {
#banner-title {
 top:10px;
 font-size: 18px;	
}
	#banner-container {
	
	height: 48px;
}
}

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

@media (max-width: 480px) {
.normal #banner-title {
    padding-top: 2px !important;
    top: 7px!important;
    font-size: 18px;
}
}


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

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


.nav-tabs {
 display: block;
}

/* #Logo and Menu Background */
/* for video bg FX
#pageid1 .nav-logo img{
	height:140px;
}
#pageid1.nav-logo {
	height:85px;
	margin: 0 0 15px 0;
}
*/

/* #Logo and Menu Background */
.nav-logo img{
	height:140px;
    border-radius: 5px;
}
.nav-logo {
	height:145px;
	margin: 0 0 5px 0;
}
#nav-section.shrink .nav-logo img {
  height: 100px;
}

#nav-section.shrink .navbar-nav > li > a {
  line-height: 105px;
}
.shrink #nav-mobile-btn {
  margin-top: 40px;
    margin-bottom: 32px;
}
.navbar-nav > li > a
.navbar {
	margin: 0;
}
.navbar-nav > li.dropdown > a .caret {
	
	border-right: 3px solid rgba(0, 0, 0, 0);
	border-top: 3px solid;
	margin-left: 2px;	
	border-left: 3px solid transparent;

}


#nav-section {
    _background: transparent;
    background: var(--brand-c1);
}

#topbar {
    color: var(--brand-c4);
    background: var(--brand-c1);
    text-decoration: none;
    padding: 2px 0 2px 0;
}



 #nav-section.stuck {
    _background: #ffffff;
	_background: var(--brand-c1);
	 background-image: url("navbanner.jpg");
}

#nav-section.shrink {
    _background: #ffffff;
	_background: var(--brand-c1);
    background-image: url("navbanner.jpg");
}
@media (max-width: 600px){
    
 #pageid1 .nav-logo img {
    height: 95px;
    border-radius: 5px;
}    
  #nav-section.stuck {
    _background: #ffffff;
	_background: var(--brand-c1);
	 background-image: url("navbanner.jpg");
      background-size: contain;
}

#nav-section.shrink {
    _background: #ffffff;
	_background: var(--brand-c1);
    background-image: url("navbanner.jpg");
    background-size: contain;
 }   
}

#pageid1 #nav-section.stuck  nav.navbar .navbar-nav > li > a {

	color: #fff;
    font-weight: bolder;
}
#pageid1 #nav-section.stuck  nav.navbar .navbar-nav > li > a:hover {
   
    color: var(--brand-c4);
	
}


#pageid1 #nav-section.shrink  nav.navbar .navbar-nav > li > a {
	 color: #fff;
}
#pageid1 #nav-section.shrink  #topbar a{
	color: #fff;
}
/* # Navigation */
.navbar-nav > li > a {
  padding: 0 0 0 15px;
  display: block;
  color: var(--brand-c4);
  line-height: 125px;
    font-weight: 700;
	font-size: 16px;
  text-transform: uppercase;

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


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

}


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

/* # Headings and Paragraphs */

.section-title,
.section-highlight {
  padding-bottom: 24px;
  position: relative;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
  clear: both;
  display: inline-block;
  width: 100%;
	text-transform: none;

}
.section-title {
	font-size:32px;
	color:var(--brand-c2);
}
.section-highlight {
	font-size:26px;
}
.section-title:before, .section-highlight:before, .section-title:after, .section-highlight:after {
		background: none;
		  content: " ";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 0px;

}

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


.main {
	padding-top: 0;
}

/* # Body text */
body {
  _font-size: 16px;
  color:#000000;

}


/* # Text Link Text Colour*/

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



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

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




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

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

/*Custom Button Class */

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


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

	
	

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

.action-box.brand-c1 {
  background-color: var(--brand-c1);
    background-image: url("brand-bg.png");
    background-repeat: no-repeat;
    _background-size: contain;
  padding: 40px 0;
  color: #fff;
  position: relative;
}
.action-box.brand-c1 h2 {
  color: #fff;
    font-weight: bolder;
  text-transform: uppercase;
  _font-size: 36px;
  margin-bottom: 40px;
}

.action-box.brand-c1 p{
    display: block;
    margin: 0 auto;
    width: 77vmin;
    _font-size: 1.7rem;
    
}
.action-box.brand-c1 p   span.zummo{
    display: inline-block;
    _font-size: 1.7rem;
    transition: font-size .6s ease-in;
    cursor: zoom-in;
    color: #fff;
}
.action-box.brand-c1 p span.zummo:hover{
    font-size: 2rem;
    transition: font-size .3s ease-out;
    cursor: zoom-in; 
    color: var(--brand-c4);
}

.action-box.brand-c1 .btn-default{
    background: var(--brand-c4);
    color: var(--brand-c1); /* var(--brand-c1);*/
    border-color: var(--brand-c1);
    height: auto;
    padding: 12px 21px;
}
.action-box.brand-c1 a.textlink{
    color: #fff;
}
.action-box.brand-c1 a.textlink:hover{
    color: var(--brand-c4);
}

.action-box.brand-c1 .btn-default:hover{
    background: #fff;
    color: var(--brand-c1);
    _color:  var(--brand-c4);
}

.action-box.brand-c4 {
  background-color: var(--brand-c4);
  padding: 40px 0;
  color: #fff;
  position: relative;
}
.action-box.brand-c4 h2 {
  _color: #fff;
    color: var(--brand-c1);
    font-weight: bolder;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 40px;
}

.action-box.brand-c4 p{
    color: var(--brand-c1);
    display: block;
    margin: 0 auto;
    width: 77vmin;
    font-size: 1.7rem;
    
}
.action-box.brand-c4 p   span.zummo{
    display: inline-block;
    font-size: 1.7rem;
    transition: font-size .6s ease-in;
    cursor: zoom-in;
    color: red;
}
.action-box.brand-c4 p span.zummo:hover{
    font-size: 2rem;
    transition: font-size .3s ease-out;
    cursor: zoom-in;
}

.action-box.brand-c4 .btn-default{
    background: var(--brand-c1);
    color: #fff; /* var(--brand-c1); var(--brand-c1);*/
    border-color: var(--brand-c1);
    height: auto;
    padding: 12px 21px;
}

.action-box.brand-c4 .btn-default:hover{
    background: #fff;
    color: var(--brand-c1);
    _color:  var(--brand-c4);
}


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

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

/* # Slider Text */

.tp-leftarrow.default, 
.tp-rightarrow.default {
    _background: rgba(255, 255, 255, 0.5);
    background: var(--brand-c1);
    color: #fff
}
.tp-leftarrow.default:hover, 
.tp-rightarrow.default:hover {
    _background: rgba(255, 255, 255, 0.5);
    background: var(--brand-c4);
    color: #fff
}

.slider-title-heading {
	
	font-size: 52px;
	font-weight: 500;
	color: #fff;
	line-height: 72px;
	text-align: center;
	text-shadow: 0 0 8px #000;
}

.slider-title {
	
	font-size: 36px;
	font-weight: 500;
	color: #ffffff;
	line-height: 52px;
	text-align:center;
	text-shadow: 0 0 8px #000;
}

.slider-subtitle{
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height:30px;
  text-shadow: 3px 4px 6px rgba(0,0,0,0.7);
}

.slider-pannel{
	display: block;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
		border-radius: 5px;
	background-blend-mode: multiply;
}

.slider-pannel img{
	display: block;
	border-radius: 7px;
}


.slider-pannel.t20procentk {
	background:rgba(123,193,68,0.20) ;/*c1 brand*/
	_background:rgba(64,64,65,0.20) ;/*c2 brand*/
	color: var(--brand-c1);
}

.slider-pannel.t30procentc {
	background:rgba(123,193,68,0.30) ;/*c1 brand*/
	_background:rgba(64,64,65,0.30) ;/*c2 brand*/
	color: var(--brand-c1);
}
.slider-pannel.t60procentc {
background:rgba(123,193,68,0.60) ;/*c1 brand*/
	_background:rgba(64,64,65,0.60) ;/*c2 brand*/
	color: var(--brand-c1);
}
.slider-pannel{
	background-blend-mode: color-burn;
}
.slider-pannel.k60procentc {
	_background: rgba(11,101,141,0.60); /*blue brand*/
	background: var(--brand-ck-t6); /* k = 60 procent*/
	color: var(--brand-c2);
}




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

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

}


.btn-default3{
	background: #fff !important;  /*var(--brand-c1);*/
	color: var(--brand-c1) !important; /* #fff;*/
	padding: 9px 14px;
	font-size: 21px;
	font-weight: 600;
  _text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.8);
}
.btn-default3:hover{
    background: var(--brand-c2) !important;
	border-color: var(--brand-c2)  !important;
	color: #fff; /* var(--brand-c2) !important;*/
  _text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	box-shadow: 2px 3px 5px rgba(0,0,0,0.4);
}




@media (max-width: 690px){
	.btn-default3{
	background: #fff;  /*var(--brand-c1);*/
	color: var(--brand-c1) !important; /* #fff;*/
	padding: 16px 21px;
	font-size: 24px;
  _text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.8);
    -ms-border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
		border-radius: 3px;
}
}




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


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

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



/* # Form - field size */

.form-control-tiny {
  width: 140px;
  display: inline-block;
  margin: 0 10px;
}

.form-control-tiny .chzn-container,
.form-control-tiny .form-control {
  margin-bottom: 15px;
  width: 100%;
}
/* # Partners Logos */

#partners {
  background: #ffffff;
}
#partners .item {

  background-color: rgba(255, 255, 255, 0.0);
  margin: 4px;
  padding: 5px 4px;

}





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

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

}

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

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

/* # Top Contact Bar */
#topbar{
	color: var(--brand-c1);
	background: transparent;

}
#topbar a, #topbar a:active, #topbar a:visited  {
	_color: var(--brand-c1);
    color: #fff;
}
#topbar a:hover {
	color: var(--brand-c4);

}

#pageid1 #topbar{
	color: var(--brand-c4);
	background: transparent;

}
#pageid1  #topbar a, #topbar a:active, #topbar a:visited  {
	_color: var(--brand-c1);
    color: #fff;
}
#pageid1 #topbar a:hover {
	_color: var(--brand-c2);
    color: var(--brand-c4) !important;
}

.multibranch-selector {
  display: inline-block;
  position: relative;
}
.multibranch-selector span {
  padding-right: 4px;
    padding-left: 2px;
  position: relative;
  color: var(--brand-c1);
}

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

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

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

    width: 272px;
}





#footer-top {
	padding-top: 64px 0 48px 0;
}
#footer-top .block {
	padding-bottom: 0;
}
#footer {
	background: var(--brand-c4); /* url('footer.jpg') no-repeat;*/
	
}

#footer h3 {
	color: var(--brand-c1);
	font-size:20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
#footer ul a, #footer li, .footer-contacts li  i, #footer #copyright a {
	color: var(--brand-c1);
	border-color: var(--brand-c1);
	font-size: 14px;
	
}
.footer-listings li a span {

    border: 1px solid var(--brand-c1);

}

.footer-contacts li {
margin-bottom: 10px;
}

#footer ul a:hover, #footer #copyright a:hover {
	color: var(--brand-c2);
}
#footer #copyright {
	background-color: transparent;
	color: #000000;
	font-size:14px;
	padding: 0 0 12px 0;
}
.footer-links li a {
    padding: 10px 10px 10px 0;
}
.social-networks li a:hover,  .footer-listings li a:hover span {
	border-color: var(--brand-c2) !important;
	color: var(--brand-c2) !important;
 opacity: 1;
}


#footertext{
	background: #f7f7f7;
	color: #000000;
}

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

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


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



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

}

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

.icon-bar a:hover {
  background-color: var(--brand-c4);
	  padding: 16px 26px 16px 16px;
	text-decoration: none;
}


@media (min-width: 768px) and (max-width: 1199px){
.icon-bar a {
    padding: 4px;
    font-size: 11px;
 	writing-mode: vertical-rl;
	height: 100px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

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

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

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

}




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

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



.testimonials-bg {
		padding: 64px 0 48px 0;
  background-position: top right !important;
  background:  #000000 url('testimonial.jpg');
  width: 100%;
  height: 200%;
}

.testimonials-bg h2{
font-weight: bolder;
color: #fff; /* var(--brand-c2);*/
	
	margin-bottom: 0;
}
#agents, #testimonials {
    margin-bottom: 24px;
}
.testimonials-bg .item{
font-size: 20px;
font-weight: 600;
color: #fff; /*var(--brand-c2);*/
}
.testimonials-bg .item a{
text-decoration: none;
font-size:16px;
color: #ffffff;
font-weight: normal;	
}

.testimonials-bg .item a:hover{
text-decoration: none;
color: #fff; /*var(--brand-c2);*/
}
.testimonials .item .text p:before, .testimonials .item .text p:after {
	font-size: 72pt;
	color: #fff; /*var(--brand-c2);*/
	font-family: 'times', serif;
}





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

    border-style: none;
    
}
.testimonials .item .text {
    border: none;
    background-color: transparent;
}
.dropdown-menu {
    left: 20px;
}


.property-list-image-container > img, .featured-property-image-container > img {
    float: left;
    height: 100% !important;
    object-fit: cover !important;
}

#nav-section.stuck:after {

    height: 0px;
	}

.properties-bg {
	padding: 48px 0 24px 0;
	background: #dedede;
	
}

/* Feature Formatting */
.feature-bg {
		padding:48px 0 0 0;
		background: #dedede;
}
.feature-bg .section-title{
		color: var(--brand-c1); /*#d31920;*/
}
.feature h3{
	color:	var(--brand-c1); /*#d31920;*/
}
.feature:hover h3{
	color:	var(--brand-c1); /*#d31920;*/
}
.feature-bg p{
	color:	var(--brand-c1); /*#d31920;*/
}
.feature-bg .btn-default-color {
	color: var(--brand-c2t4); /*rgba(211,25,32,0.5);*/
	border-color: var(--brand-c2t4); /*rgba(211,25,32,0.5);*/
}
.feature-bg .btn-default-color:hover{
	color: var(--brand-c1); /*#d31920;*/
	border-color: var(--brand-c1); /*#d31920;*/
}
.feature i{
		color: var(--brand-c1); /*#d31920;*/
		border: 4px solid var(--brand-c1); /*#d31920;*/
}
.feature:hover i{
		color: var(--brand-c1); /*#d31920;*/
}
.feature i:after {
	  background: var(--brand-c1); /*#d31920;*/
}



/* star rating control*/
.testimonials-footer img{
	max-width: 17vmin;
}
 img[alt="Rating"]{
	max-width: 16vmin;
} 





/* card icons*/
.carousel-style1 .item .amenities li [class^="icon-"], .carousel-style1 .item .amenities li [class*=" icon-"]{
	color: var(--brand-c1);
}

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

}

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

.icon-bar a:hover {
  background-color: #000;
	  padding: 16px 26px 16px 16px;
	text-decoration: none;
}
/* video background style */

#pageid1 #nav-section {
    background: transparent;
}

#topbar {
    color: #000000;
    background: transparent;
    text-decoration: none;
    padding: 2px 0 2px 0;
}

#pageid1 .sticky-wrapper {
    height: 0px !important;
}

#pageid1 #nav-section.stuck {
    _background: #ffffff;
	background: transparent;
	_background-image: linear-gradient(rgba(255,255,255, 0.85) 12% , transparent );
    background-image: linear-gradient(rgba(0,0,0,0.3) 25% , transparent );
   
}

#pageid1 #nav-section.shrink {
    _background: #ffffff;
	_background: transparent;
    _background: var(--brand-c1);
	_background-image: linear-gradient( rgba(0,0,0,0.6) 75%, transparent);
	_background-image: linear-gradient( rgba(255,255,255, 0.3) 20%, transparent); /* #1A5632*/
    background-image: url("navbanner.jpg");
    

}

#pageid1 #nav-section.stuck  nav.navbar .navbar-nav > li > a {
   
    _color: var(--brand-c1);
	color: #fff;
}
#pageid1 #nav-section.stuck  nav.navbar .navbar-nav > li > a:hover {
   
    color: var(--brand-c4);
	_color: #000;
}


#pageid1 #nav-section.shrink  nav.navbar .navbar-nav > li > a {
   
     _color: var(--brand-c1);
	 color: #fff;
}
#pageid1 #nav-section.shrink  #topbar a{
	color: #fff;
}


/* homepage form control */

#home-advanced-search{
	_background: #bf72ac;
}
.form-group{}

.form-control-text .form-control{
	/*border: 2px solid #8d283a;*/
	color: #333;
	
}
.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: 2px solid green;*/
	color: #333;
	background: #fff;
}


.chzn-container .chzn-results li.highlighted {
  _background-color: #666;
	background: var(--brand-c1);
}

.chzn-results {
	height: 150px; 
}

button.btn-fullcolor{
	
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.8)!important;
	
}

button.btn-fullcolor:hover{
	
	box-shadow: 3px 3px 6px rgba(0,0,0, 0.3)!important;
}



.homeintro-control .range-center img{
	width: 80%;
}

@media (max-width: 768px){
.homeintro-control .range-center img{
	width: 60%;
}
	
}

.homeservices-control strong,
.homeintro-control strong{
	color: var(--brand-c2);
}

.homeservices-control .copypanel ul{
	list-style: disc;
	padding: 0 0 0 1.3em;
	margin: 10px auto;
	
}
.homeservices-control .copypanel li::marker{
	color: var(--brand-c2);
}
.homeservices-control li{
	padding-bottom: 10px;
	
}

.homeservices-control .imagepanel img.img-responsive{
	margin: 0 auto;
	text-align: center;
	margin-top: 20vmin;
	border: 2px solid magenta;
}


.awardscerts-control .btn-default-color{
	background-color: var(--brand-c1);
	border-color: var(--brand-c1);
	color: #fff;
	height: auto;
	width: content-fit;
	padding: 9px 12px;
	margin: 10px auto;
}
.awardscerts-control .btn-default-color:hover{
	background-color: var(--brand-c3);
	border-color: var(--brand-c3);
	color: #fff;
	height: auto;
	width: content-fit;
	padding: 9px 12px;
	margin: 10px auto;
}

@media (max-width: 768px){
	.reed-umbrella  img.img-responsive {
    display: block;
   width: 26%;
    height: auto;
		margin: 10px auto;
}
}

/* property group umbrella or brollycorp*/


.brollycorp-control{
	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;
	background: #FFF;
	_background: #fd6ea1 url("awd-background-imag2.jpg");
	_background-image: linear-gradient(#F1F3F6 45%, #fff);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
    _border: 1px dotted cyan;
	

}
.brollycorp-control > .container{
	display: flex;
	flex-direction: column;
	width: auto;
	
}

.brollycorp-control .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	
	_border: 1px dotted magenta;
}

div.row.brollycorp-control {
   text-align: center;
    _width: auto;
	width: inherit; /* 100vw ; 70vw*/
	
	_border: 2px dotted cyan;
	
}


/* list group */

ul.brollycorp-list{
	list-style: none;
	padding: 0;
	text-align: center;
}
ul.brollycorp-list  {
    display: flex;
	_width: inherit; /* adjust here*/
	width: 100vmin;
    flex-direction: row; /* adjust here*/
	justify-content: center; /* adjust here*/
	flex-wrap: wrap;
	align-items: center;
	
	_border: 1px dotted pink;
	margin-bottom: 30px;
	
    _background: yellow;
	_animation: ani-name 14s ease-in-out 0.6s 1;
}


/* item controls */

ul.brollycorp-list li{
	box-sizing: border-box;
	display: flex;
    flex: 1 0 15%; /*adjust here. 7%*/
	border-radius: 5px;

	background:  rgba(255,255,255, 0);
	_box-shadow: 0 0 0 0 rgba(255,255,255, 0);
	
	_border: 1px dotted cyan;
}


ul.brollycorp-list li img{
	width: 90%;
	opacity: 1; /*adjust  here 4FXs*/
	transform-origin: center;

   _border: 2px dotted black;
}
/*hover FX*/

ul.brollycorp-list li img{
	
	opacity: 1; /*adjust  here 4FXs*/
	transform-origin: center;
	transform: scale(1.0);
    transition: transform 1s ease-in;
   _border: 2px dotted black;
}
ul.brollycorp-list li img:hover{
     cursor: zoom-in;
	opacity: 1; /*adjust  here 4FXs*/
	transform-origin: center;
	transform: scale(1.2);
    transition: transform .8s ease-in;
   _border: 2px dotted black;
}


.brollycorp-control .btn-default-color{
    background: var(--brand-c1);
    color: #fff;
    border-color: #fff;
    height: auto;
    padding: 12px 21px;
    margin-bottom: 20px;
}
.brollycorp-control .btn-default-color:hover{
    background: var(--brand-c4);
    color: #fff;
    border-color: #fff;
    height: auto;
    padding: 12px 21px;
    margin-bottom: 20px;
}

@media screen and (max-width:600px){
	
	.brollycorp-control {
		background: #fff;
	}

	.brollycorp-control .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	
	_border: 1px dotted red;
	}


	
	/* container control*/
div.row.brollycorp-container {
   text-align: center;
    _width: auto;
	width: 90vmin; /* 100vw ; 70vw*/
	
	
	_border: 2px dotted blue;
	
}
	

	ul.brollycorp-list  {
    display: flex;
	width: auto;
    flex-direction: row; /* adjust here*/
	_flex-direction: row-reverse; /*adjust here*/
	justify-content: space-around; /* adjust here*/
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0; /* adjust here*/

}

	ul.brollycorp-list li{
	box-sizing: border-box;
	display: flex;
    flex: 0 1 33%; /*adjust here*/
    _margin-bottom: 15px; /*adjust here*/
	margin-bottom: 20px; /*adjust here*/
		/*ani-FX*/
	transform-origin: center;
	transform: scale(1.0);
	transition: transform 1s ease-in;
}
	
	
}/*end @media*/
@media (min-width:600px) and (max-width: 1188px){
	ul.brollycorp-list  {
   
	width: 80vmin;
  
}
}

/* Strategic location section*/
.wallpaper-photo1{
    background-image: url("wallphoto-1.jpg");
    _background-image: linear-gradient(to top, #000, transparent);
  
    background-attachment: scroll;
    background-size: cover;
    background-position: top center;
    text-align: center;
    color: #fff;
    padding-bottom: 16px;
    
}

.wallpaper-photo1 h2{
    color: var(--brand-c2);
    
}
@media (max-width: 600px){
    
}

.wallpaper-photo1 p{
    _background: rgba(0,0,0,0.4);
    _text-shadow: 2px 3px 4px rgba(0,0,0,0.7);
    width: 80vmin;
    margin: 0 auto;
    padding: 8px;
    _font-size: 18px;
    font-weight: 500;
}
/*
.wallpaper-photo1 p:nth-last-of-type(1){
    _background: rgba(0,0,0,0.4);
    text-shadow: none;
    font-weight: 700;
    color: var(--brand-c1);
    width: 80vmin;
    margin: 0 auto;
    padding: 8px;
    font-size: 18px;
}
*/
.strategic-location {
    text-align: center;
    font-weight: 500;
}
/*
.strategic-location h2{
    color: #fff;
    padding-top: 20px;
    padding-bottom: 10px;
    _text-shadow: 2px 3px 4px rgba(0,0,0,0.7);
}
*/
.strategic-location div.pannel-bg{
    background: rgba(0,0,0,0.2);
    border-radius: 7px;
   padding-right: 25px;
    _padding-left: 10px;
        
}

.strategic-location ul{
    list-style: none;
    _list-style-image: url("the-ticksvg-c2.svg");
    padding: 0 0 0 1.3em;
    
    text-align: center;
}



.strategic-location li{
    background: transparent;
     padding-top: 16px;
    padding-bottom: 16px;
    _border-bottom: 1px solid  #f1f3f6; /*var(--brand-c2);*/
    text-shadow: 2px 3px 4px rgba(0,0,0,0.7);
}


.strategic-location li span{
   
    _background: var(--brand-c1);
    background: transparent;

    color: #fff;
    _color: var(--brand-c1);
    font-weight: 700;
     text-shadow: 2px 3px 4px rgba(0,0,0,0.7);
    _height: auto;
    _padding: 12px 21px;
    _border-radius: 6px;
         /* hover FX*/
    _font-size: 16px;
    _font-size: 18px;
    
    transition: font-size .6s ease-in;
}
.strategic-location li:hover span{
    _font-size: 20px;
    transition: background .01s ease-in ;
    _cursor: zoom-in;
    background: transparent;
}

.strategic-location li h3{
    color: #fff;
    text-shadow: 2px 3px 4px rgba(0,0,0,0.7);
    font-size: 16px;
    
}
.strategic-location {
    display: flex;
    flex-direction: column;
    width: auto;
    justify-content: center;
}
.strategic-location ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.strategic-location li{
    flex: 1 0 12%;
   margin: 10px; /* adjust here*/
   flex-wrap: wrap;
    width: content-fit;
    align-content: center;
    justify-content: center;
    border-radius: 7px;
    _background: var(--brand-c1); /*adjust here*/
    text-shadow: 2px 3px 4px rgba(0,0,0,0.7);
}

/* last one*/
.strategic-location #surr-areas h3{
    color: #fff;
    font-size: 15px;
}

.strategic-location #surr-areas{
   background: none;
}
.strategic-location li#surr-areas{
    flex: 1 0 25%;
   margin: 20px; /* adjust here*/
   flex-wrap: wrap;
    width: content-fit;
    align-content: top;
    justify-content: center;
    border-radius: 7px;
    _background: var(--brand-c1); /*adjust here*/
}

@media (max-width: 600px){
  .strategic-location li{
    flex: 1 0 33%;
   margin: 20px;
   flex-wrap: wrap;
    width: content-fit;
    align-content: center;
    justify-content: center;
    border-radius: 7px;
    _background: var(--brand-c1);
}  
}
.strategic-location li:hover{
    _background: var(--brand-c3);
    background: var(--brand-c1);
    _background: var(--brand-c2);
    cursor: crosshair;
}

.wallpaper-photo1 .strategic-location li span{
    background: none;
}


/* Our Services 2 */
.wallpaper-ourservices {
    text-align: center;
}

.wallpaper-ourservices .btn-default-color{
   background: var(--brand-c1);
    border-color: var(--brand-c1);
    color: #fff;
    height: auto;
    padding: 12px 21px;
    margin-bottom: 30px;
}

.wallpaper-ourservices .btn-default-color:hover{
   background: var(--brand-c4);
    border-color: var(--brand-c4);
    color: #fff;
    height: auto;
    padding: 12px 21px;
}

.wallpaper-ourservices .ourservices-commercial p{
    text-align: left;
  
}

.ourservices-commercial div.pannel-bg{
    margin: 0;
    padding: 0;
    _background: rgba(0,0,0,0.2);
}

.ourservices-commercial h3{
    text-align: center;
}

.ourservices-commercial ul{
    display: block;
    width: 95%;
    border-radius: 7px;
    margin: 0 30px;
    _list-style: none;
    list-style-image: url("the-ticksvg-c2.svg");
    padding: 0 0 0 1.1em;
    _padding-top: 20px;
    _padding-bottom: 20px;
    _padding-right: 20px;
    
    _border: 2px solid var(--brand-c1);
    _background: var(--brand-c1);
    /* bg FX*/
   _background-image: url("brand-bg.png");
    _background-size: cover;
    _background-attachment: scroll;
    _background-position: center center;
    
    _color: #fff;
 
    text-align: left;
}


.ourservices-commercial li{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-bottom: 1px solid var(--brand-c4); /*var(--brand-c2);*/
       _font-style: italic;
    _font-size: 16px;
    color: var(--brand-c2);
     transition: font-size .6s ease-in;
}
.ourservices-commercial li i{
    color: var(--brand-c1);
    display: none;
}
.ourservices-commercial li:hover i{
    color: var(--brand-c4);
    display:none;
}
/*
.ourservices-commercial li:hover{
     /* hover FX
   font-size: 16.2px;
    transition: font-size .4s ease-out;
    font-style: normal;
    cursor: zoom-in;
    _color: var(--brand-c4);
}

.ourservices-commercial li:hover strong{
     /* hover FX
   font-size: 16.2px;
   color: var(--brand-c4);
}
*/
.ourservices-commercial li:nth-last-of-type(1){
    border-bottom: none;
    

}
@media (max-width: 600px){
    .ourservices-commercial ul {
 
    width: 90%;
   
}
}



/* Why choose us - commercial essex*/
.why-chooseus h3{
    
}

.why-chooseus ul{
    _list-style: none;
    list-style-image: url("the-ticksvg-c2.svg");
    padding: 0 0 0 1.3em;
    
    text-align: left;
}

.why-chooseus li{
    color: var(--brand-c1);
    padding-top: 10px;
    padding-bottom: 10px;
    _border-bottom: 1px solid  #f1f3f6; /*var(--brand-c2);*/
      _border-bottom: 1px solid  rgba(192,154,99,0.30); /*var(--brand-c4);*/
    border-bottom: 1px solid  rgba(225,225,225,0.70); /*var(--brand-c2);*/
    

    /* hover FX*/
    transform-origin: left;
    transform: scale(1.0);
    transition: transform .6s ease-in;
}

.why-chooseus li:hover{
    color: var(--brand-c3);
    _color: #fff;
    transform: scale(1.1);
    transition: transform .3s ease-in;
    cursor: zoom-in;
}

.useful-info .pannelo{
    
}

.useful-info .btn-default-color{
     background: var(--brand-c2);
    color: #fff; /* var(--brand-c1);*/
    border-color: #fff; /* var(--brand-c1);*/
    height: auto;
    padding: 12px 21px;
}


.useful-info .btn-default-color:hover{
    background: var(--brand-c4);
    color: var(--brand-c1);
    border-color: var(--brand-c4);
    height: auto;
    padding: 12px 21px;
}

.useful-info ul{
     list-style: none;
    list-style-image: url("the-ticksvg-c2.svg");
    padding: 0 0 0 1.3em;
    
    text-align: left;
    margin-top: 20px;
} 

.useful-info li{
     padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid  var(--brand-c4); /*var(--brand-c2);*/
    /* hover FX*/
    transform-origin: left;
    transform: scale(1.0);
    transition: transform .6s ease-in;
}
.useful-info li:hover{
    color: var(--brand-c4);
    _color: #fff;
    transform: scale(1.1);
    transition: transform .3s ease-in;
    cursor: zoom-in;
}

/* mee the team headings*/
.agencies-list > li .info h2, 
.agencies-grid > li .info h2, 
.agents-list > li .info h2, 
.agents-grid > li .info h2, 
.agencies-list .item .info h2, 
.agencies-grid .item .info h2, 
.agents-list .item .info h2, 
.agents-grid .item .info h2 {
 
    font-weight: 700;
  
}


/* property cards*/
.grid-style2 .item .amenities {
    /* position: absolute; */
  
    background: var(--brand-c1);
    color: #fff;
}

.grid-style2 .item .amenities li, .list-style2 .item .amenities li {

    border-right: 1px solid var(--brand-c3);
    color: #fff;
    font-weight: 700;
}
.grid-style2 .item .amenities li [class^="icon-"], 
.list-style2 .item .amenities li [class^="icon-"], 
.grid-style2 .item .amenities li [class*=" icon-"], 
.list-style2 .item .amenities li [class*=" icon-"] {
    color: var(--brand-c4);
    float: left;
    font-size: 18px;
    margin-right: 2px;
    margin-top: -3px;
}
/* Featured property cards*/
.carousel-style1 .item .amenities li {

    border-right: 1px solid var(--brand-c2);
    _color: #74777c;
    color: #fff;
    font-weight: 500;
    font-size: 0.8em;
}
.carousel-style1 .item .amenities {
 
    background-color: var(--brand-c1);
   
}
.carousel-style1 .item .amenities li [class^="icon-"], 
.carousel-style1 .item .amenities li [class*=" icon-"] {
    color: var(--brand-c4);
}
/* Buyers styles */

.whyreasons-wallpaper{
    
}

.whyreasons-container{
    text-align: center;
}

.whyreasons-container h3{
    text-align: center;
    font-style: italic;
}

.whyreasons-container ul.reasonswhy-list{
    _list-style: none;
    list-style-image: url("the-ticksvg-c2.svg");
    display: block;
   padding: 0 0 0 1.3em;
    padding-left: 40px;
    padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 30px;
    border-radius: 7px;
    margin: 0 ;
    margin-bottom: 20px;
    _background: var(--brand-c3);  /* adjust here, cascade */
    text-align: left;
}

.whyreasons-container ul.reasonswhy-list li strong{
    _color: #f1f3f6;
}

.whyreasons-container ul.reasonswhy-list li{
    color:var(--brand-c4);
    padding-top: 10px;
    padding: 16px;
    padding-left: 0;
    border-bottom: 1px solid #f1f3f6 ; /* var(--brand-c4);*/
    /* hover FX */
    transform-origin: left;
    transform: scale(1.0);
    transition: transform .6s ease-in;
    cursor: zoom-in;
}

.whyreasons-container ul.reasonswhy-list li i{
    display: none;
    visibility: hidden;
}
.whyreasons-container ul.reasonswhy-list li:hover i{
     display: none;
    visibility: visible;
}
.whyreasons-container ul.reasonswhy-list li:hover{
    transform: scale(1.06);
    transition: transform .6s ease-in;
    _color: #fff;
    color: var(--brand-c2);
    
}
.whyreasons-container ul.reasonswhy-list li:nth-last-of-type(1){
    _margin-bottom: 20px;
    border-bottom: none;
}

/* brand c4*/
.whyreasons-wallpaper-c4{
    
}

.whyreasons-container.brand-c4{
    text-align: center;
}

.whyreasons-container.brand-c4 h3{
    text-align: center;
    font-style: italic;
}

.whyreasons-container.brand-c4 ul.reasonswhy-list.brand-c4{
    _list-style: none;
    list-style-image: url("the-ticksvg-c2.svg");
    display: block;
    padding: 0 0 0 1.3em;
    padding-left: 40px;
    padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 30px;
    border-radius: 7px;
    margin: 0 ;
    margin-bottom: 20px;
    _background: var(--brand-c4); /* adjust here */
    text-align: left;
      overflow: hidden;
}

.whyreasons-container.brand-c4 ul.reasonswhy-list.brand-c4 li strong{
    _color: #f1f3f6;
    color:var(--brand-c3);
}

.whyreasons-container.brand-c4 ul.reasonswhy-list.brand-c4 li{
    _color:var(--brand-c4);
     color:var(--brand-c1);
    _color: #fff;
    padding-top: 10px;
    padding: 16px;
    padding-left: 0;
    border-bottom: 1px solid var(--brand-c4); /* #f1f3f6 ; /* var(--brand-c4);*/
    /* hover FX */
    transform-origin: left;
    transform: scale(1.0);
    transition: transform .6s ease-in;
    cursor: zoom-in;
  
}

.whyreasons-container.brand-c4 ul.reasonswhy-list.brand-c4 li i{
    display: none;
    visibility: hidden;
}
.whyreasons-container.brand-c4 ul.reasonswhy-list.brand-c4 li:hover i{
     display: none;
    visibility: visible;
    color: var(--brand-c4);
}
.whyreasons-container.brand-c4 ul.reasonswhy-list.brand-c4 li:hover{
    transform: scale(1.06);
    transition: transform .6s ease-in;
    _color: #fff;
    color:var(--brand-c4);
    
}
.whyreasons-container.brand-c4 ul.reasonswhy-list.brand-c4 li:hover strong{
    _color: #f1f3f6;
    color:var(--brand-c4);
}
.whyreasons-container.brand-c4 ul.reasonswhy-list.brand-c4 li:nth-last-of-type(1){
    _margin-bottom: 20px;
    border-bottom: none;
}



/*  ============== Panel Group controls ===*/
.panel-group .panel {
    border-radius: 0px;
    box-shadow: none;
    background-color: transparent;
    _border: 1px solid #e3e3e3;
    border: 2px solid var(--brand-c1);
    _margin-bottom: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.panel {
 
    border: 2px solid var(--brand-c1);
    _margin-bottom: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.panel-heading {
    _border: 2px solid var(--brand-c1);
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
}
.panel-heading .panel-title {
    margin-bottom: 0;
}

.panel-heading .panel-title  a{
	transition: all .6s ease-in-out;
	text-decoration: none;
	color: var(--brand-c2);
	line-height: 1.6em;
    
}

.panel-heading .panel-title  a {
    transition: all .6s ease-in-out;
    text-decoration: none;
    color: var(--brand-c4);
    line-height: 1.6em;
}

.panel-heading .panel-title  a.collapsed{
	_color:#fff;
    	color: var(--brand-c1);
	font-weight: bold;
	text-decoration: none;
	
	
	
}
.panel-body{
	/*background: rgba(228,228,228,0.3);*/
	background: #e7e7e7;
	color:var(--brand-c1);
	border-radius: 0 0 5px 5px;
	
}
.wallpaper .panel-body {
	background: #fff;
}
.panel-heading .panel-title  a span i{
	color: var(--brand-c4); /*#000; var(--brand-c1); rgba(223,255,204,1.00);*/
font-size: 21px;
	transform: rotate(180deg);
	transition: transform .6s ease-in-out;
}
.panel-heading .panel-title  a.collapsed span i{
_color: #fff;
    	color: var(--brand-c1);
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;
	
}

/* bspoke office location */

.wallpaper-bspkcontact-photo{
    background-image: url("wallpaper-locations-photo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    
    
}


.bspk-contact-container .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: auto;
	
	_border: 1px dotted magenta;
}

div.row.bspk-contact-container {
   text-align: center;
    _width: auto;
	width: inherit; /* 100vw ; 70vw*/
	
	_border: 2px dotted cyan;
	
}


.bspk-contact-container h2{
    color: #fff;
    text-shadow: 2px 3px 4px rgba(0,0,0,0.7);
}
/* clear list styles*/
.bspk-contact-container .bspk-contact-list{
    list-style: none;
    padding: 0;
    margin: 0;
    
    
    }
.bspk-contact-container .bspk-contact-list li{
    border-bottom: none;
    cursor: default;
}
.bspk-contact-container .bspk-contact-list:hover li{
    transform: none;
    transiton:none;
}
.bspk-contact-container ul.bspk-contact-list{
    display: flex;
	_width: inherit; /* adjust here*/
	width: 100%;
    flex-direction: row; /* adjust here*/
	justify-content: space-between; /* adjust here*/
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
    
    _border: 1px dotted  green;
}

.bspk-contact-container .bspk-contact-list li{
   flex: 1 0 45%; /*adjust here*/
    justify-self: center;
    align-self: center;
    
    _margin-bottom: 20px;
    color: #fff;
     _border: 1px dotted cyan;
}

.bspk-contact-container img{
    border-radius: 7px;
    with: 100%;
}

.bspk-contact-container h3{
    color: #fff;
    _font-size: 2.5rem;
}
.bspk-contact-container p{
    color: #fff;
    _font-size: 1.7rem;
}


.bspk-contact-container div{
    border-radius: 7px;
    height: auto;
    padding: 16px;
    margin: 5px;
    text-align: center;
    background-color: var(--brand-c1);
    background-image: none;
    
}
@media (max-width: 600px){
    .bspk-contact-container div:nth-of-type(1),
    .bspk-contact-container div:nth-of-type(2){
   
    _height: 110px;
 
    
}
}
.bspk-contact-container div.map-pin{
     background-color: none;
   
    background-image: url("map-pin.png");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 7px;
    
}

.list-control ul{
    _list-style: none;
    list-style-image: url("the-ticksvg-c2.svg");
    padding: 0 0 0 1.3em;
    
}

.list-control li{
    padding-top: 10px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--brand-c4);
    transform-origin: left;
    transform: scale(1.0);
    transition: transform .6s ease-in;
    word-wrap: break-word;
    
}
.list-control li:hover{
    padding-top: 10px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--brand-c4);
    /*FX*/
     transform: scale(1.06);
    transition: transform .6s ease-in;
    color: var(--brand-c4);
}



/* Bespoke Feature list */

.bspk-feature-wallpaper{
    
    
    _border: 2px dotted blue;
    _background: cyan;
}

.bspk-feature-wallpaper > *.container{
    display: flex;
    flex-flow: column;
    width: inherit;
}

div.row.bspk-feature-container {
   text-align: center;
    flex-direction: column;
	justify-content: center;
    
    
	_border: 2px dotted red;
	margin: 0;
    padding: 0;
}
.bspk-feature-container {
   text-align: center;
    flex-direction: column;
	justify-content: center;

    
	_border: 2px dotted magenta;
	margin: 0;
    padding: 0;
}


/* list group */

.bspk-feature-container ul.bspk-feature-list{
	list-style: none;
	padding: 0;
    margin: 0;
	text-align: center;
}
.bspk-feature-container ul.bspk-feature-list{
    display: flex;
	_width: inherit; /* adjust here*/
    width: auto;
    flex-direction: row; /* adjust here*/
	justify-content: center; /* adjust here*/
	flex-wrap: wrap;
	align-self: center;
	
	
	margin-bottom: 20px;
    
	_border: 2px dotted pink;
    _background: yellow;
	_animation: ani-name 14s ease-in-out 0.6s 1;
}


/* item controls */

ul.bspk-feature-list li{
	display: flex;
    flex: 0 1 25%; /*adjust here. 7%*/
    flex-wrap: wrap;

	_background:  rgba(255,255,255, 0);
	_box-shadow: 0 0 0 0 rgba(255,255,255, 0);
	
	_border: 1px dotted cyan;
    
}

ul.bspk-feature-list li div.bspk-pannel {
	margin: 0 10px;
    margin-bottom: 20px;
}

ul.bspk-feature-list li div.bspk-pannel img{
	_width: 95%;
    width: 190px;
	opacity: 1; /*adjust  here 4FXs*/
	transform-origin: center;

   _border: 2px dotted black;
}
/*hover FX*/

ul.bspk-feature-list li div.bspk-pannel img{
	
	opacity: 1; /*adjust  here 4FXs*/
	transform-origin: center;
	transform: scale(1.0);
    transition: transform 1s ease-in;
   _border: 2px dotted black;
}
ul.bspk-feature-list li div.bspk-pannel img:hover{
     
	opacity: 1; /*adjust  here 4FXs*/
	transform-origin: center;
	transform: scale(1.2);
    transition: transform .8s ease-in;
   _border: 2px dotted black;
}

ul.bspk-feature-list li div.bspk-pannel h3{
    _color: #fff;
    color: var(--brand-c1);
}

ul.bspk-feature-list li div.bspk-pannel:hover h3{
    _color: var(--brand-c2);
    _color: rgba(255,255,255, 0.3);
    color: var(--brand-c4);
    
}
ul.bspk-feature-list li div.bspk-pannel:hover  a{
    text-decoration: none;
}
.bspk-feature-container div.bspk-pannel .btn-default-color{
    background: var(--brand-c4);
    color: #fff;
    border-color: #fff;
    height: auto;
    padding: 12px 21px;
    margin-bottom: 20px;
}
.bspk-feature-container div.bspk-pannel .btn-default-color:hover{
    background: #fff; 
    color:var(--brand-c1);
    border-color: #fff;
    height: auto;
    padding: 12px 21px;
    margin-bottom: 30px;
}

.bspk-feature-container div.bspk-pannel .btn-default-color:hover {
    background: var(--brand-c1);
    color: #fff;
    border-color: #fff;
    height: auto;
    padding: 12px 21px;
    margin-bottom: 20px;
}

@media screen and (max-width:600px){
  
    .bspk-feature-container ul.bspk-feature-list h3{
	color:red;
}
ul.bspk-feature-list li div.bspk-pannel h3 {
    _color: #fff;
    color: var(--brand-c1);
    font-size: 1.3em;
}   
    
.bspk-feature-wallpaper .bspk-feature-container {
   text-align: center;
    _width: auto;
	_width: 40vmin; /* 100vw ; 70vw*/
	
	_border: 2px dotted cyan;
	
}

	
.bspk-feature-container ul.bspk-feature-list{
    display: flex;
	_width: inherit; /* adjust here*/

    flex-direction: row; /* adjust here*/
	justify-content: center; /* adjust here*/
	flex-wrap: wrap;
	align-items: center;
	
	_border: 1px dotted pink;
	margin-bottom: 30px;
	
    _background: yellow;
	_animation: ani-name 14s ease-in-out 0.6s 1;
}


/* item controls */

ul.bspk-feature-list li{
	_box-sizing: border-box;
	display: flex;
    flex: 0 1 45%; /*adjust here. 7%*/
    margin-bottom: 30px;

	_background:  rgba(255,255,255, 0);
	_box-shadow: 0 0 0 0 rgba(255,255,255, 0);
	
	_border: 2px dotted cyan;
    _align-self: center;
    
}	
    ul.bspk-feature-list li:nth-last-of-type(1) img{
        display: none;
    }
    ul.bspk-feature-list li:nth-last-of-type(1) div.bspk-pannel{
        _min-height: 135px;
    }
}/*end @media*/
@media (min-width:600px) and (max-width: 1188px){
 
    
        .bspk-feature-container ul.bspk-feature-list h3{
	color:red;
}
ul.bspk-feature-list li div.bspk-pannel h3 {
    _color: #fff;
    color: var(--brand-c1);
    font-size: 1.2em;
}   
    
}