/* GLOBAL STYLESHEET ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

   Blue:	rgb(16,61,141)
   Yellow:	rgb(255,227,132)

/*_____________________________________________________________________________________________ PAGE SETUP */
body {
    background:rgb(16,61,141);
    font:14px/1.3 'proxima-nova', sans-serif;
	color:#000;
}
.container-fluid {overflow-x: hidden;}
.row > .page {
	max-width:980px;
	margin:0 auto;
}
.row.blue {background:rgb(16,61,141);}
.row.grey {background:#f2f2f2;}

[class*='col-'] > div {
	position:relative;
}

#header {
	position:relative;
	background:#fff;
	z-index:2;
}
#main {
	position:relative;
	z-index:1;
	background: url(/images/grad-repeat.png) 50% 0 repeat-x #ffffff;
	background: -moz-linear-gradient(top, #f2f2f2 0, #ffffff 65px);
	background: -webkit-linear-gradient(top, #f2f2f2 0,#ffffff 65px);
	background: linear-gradient(to bottom, #f2f2f2 0,#ffffff 65px);
	margin:0 -15px;
	padding:2.5em 15px 0;
}
#main .row > .page {
	padding: 1em 0;
}
#main .row:first-child > .page {
	padding-top: 0;
}
#main [class*='col-'] {
	padding-top: 1em;
	padding-bottom: 1em;
}

#banner {
	padding-top:2.5em;
	margin-top:-2.5em;
}

#footer {
	padding:2em 0;
}
#footer [class*='col-'] {
	padding-top:0.5em;
	padding-bottom:0.5em;
}

@media (min-width: 768px) {
	#main [class*='col-'] {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	#footer [class*='col-'] {
		padding-top:1em;
		padding-bottom:1em;
	}
}

@media (min-width: 960px) {
	#main {
		padding-top:4.5em;
	}
	#banner {
		padding-top:4.5em;
		margin-top:-4.5em;
	}
}

/* 5 column layout */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.row.img-banner {
	height:56.25vw;
	background-size:cover;
	background-position:50% 75%;
	background-repeat:none;
}
@media (min-width: 768px) {
	.row.img-banner {
		max-height:480px;
	}
}


/*____________________________________________________________________________________________ COMMON TAGS */
h1, h2, h3, h4, h5, h6 {font-weight:300; margin-top:0;}
h1 {font-size: 1.75em; margin:-0.3em 0 0; color:rgb(16,61,141);}
h2 {font-size: 1.5em; margin-top: 1.5em; margin-bottom: 0.5em; color:rgb(16,61,141);}
h3 {font-size: 1.143em; margin-top: 1.5em; margin-bottom: 1em; font-weight:bold;}
h4 {font-size: 1em; margin-top: 1.5em; margin-bottom: 0.5em; font-weight:bold;}

h2:first-child, h3:first-child, h4:first-child {margin-top: 0;}

p {margin: 0 0 1.25em;}
p.lead {font-size: 1.25em;}

ol, ul {padding-left:2.5em;	margin:0.5em 0 1.5em;}
li {margin:0.5em 0;}

small {font-size:0.857em;}

img {max-width:100%;}
.google-map img {max-width:none;}

.tel {
	font-weight:bold;
	color:rgb(16,61,141) !important;
	white-space:nowrap;
}

@media (min-width: 544px) {
	h1 {font-size: 2em;}
	h2 {font-size: 1.75em;}
}

@media (min-width: 768px) {
	h1 {font-size: 2.5em;}
}

/*________________________________________________________________________________________ REVERSE THEMING */
.row.reverse {color:#fff;}
.reverse h2 {color:#fff;}
.reverse h2 a {color:#fff;}


/*_________________________________________________________________________________________________ HEADER */
#header {
	padding-top:1.6em;
}
#logo {
    display:block;
    max-width:140px;
	margin:0 auto -20px;
}
#logo img {
    width:100%;
}

@media (min-width: 768px) {
	#logo {
		position:absolute;
		top:1.25em;
		left:0;
		max-width:188px;
		z-index:100;
		transition:all 0.2s ease;
	}
}
/* __________________________________________COOKIE */
.cc-window{
	font-family:inherit;
	font-size:12px;
	padding:1em .9375rem!important;
	-ms-flex-direction:row!important;
	flex-direction:row!important;
	-ms-justify-content:space-between!important;
	justify-content:space-between!important;
	bottom: 100% !important;
	transform: translateY(100%);
}
.cc-message{
	-ms-flex:0 1 auto!important;
	flex:0 1 auto!important;
	margin-bottom:0!important;
}
.cc-link{
	font-weight:normal;
	color:#fff !important;
}
.cc-compliance{
	-ms-flex:0 1 auto!important;
	flex:0 1 auto!important;
	margin-left:1em!important;
}
.cc-btn{
	min-width:4em!important;
}
@media(min-width:48em){
	.cc-window{
		font-size:14px;
		padding:1.25em 2em !important;
	}
}
@media(min-width:62em){
	.cc-btn{
		min-width:8em!important;
	}
}
/*_____________________________________________________________________________________ LINKS & NAVIGATION */
a {
	font-weight:inherit;
	color:rgb(16,61,141);
}
a:hover {
    text-decoration:none;
	color:rgb(16,61,141);
}
a:focus {
    text-decoration:none;
    outline: none;
	color:rgb(16,61,141);
}

nav ul {
	list-style:none;
	padding:0;
}
nav ul li a {
	position:relative;
	display:block;
	padding-left:1.5em;
}
nav ul li a::before {
	position:absolute;
	top:0.05em;
	left:0;
	content:'\f105';
	font-family:'FontAwesome';
	opacity:0.5;
}
nav ul li a:hover::before {
	opacity:1;
}

/*--------------------------------------------------------------------------------------------- Pagination */
nav ul.pagination li a {
	display:block;
	min-width:2.429em;
}
nav ul.pagination li a::before {
	display:none;
}


/*----------------------------------------------------------------------------------------- RESPONSIVE NAV */
/*--------------------------------------------------------- DO NOT EDIT | Add override styles to customise */
#nav .toggle {
	position:absolute;
	top:0;
	right:15px;
	background:#ccc;
	display:block;
	min-width:1em;
	min-height:1em;
	cursor:pointer;
	z-index:1;
}
#nav .toggle span {display:none;}

#menu {display:none; margin:0 -15px;}
#menu ul {list-style:none; padding:0; margin:0;}
#menu ul li {position:relative; margin:0;}
#menu ul li a {position:relative; display:block; padding:0.2em 15px;}

#menu > ul > li > a {padding:0.75em 4em 0.75em 15px;}
#menu > ul > li > a::before {display:none;}
#menu > ul > li > a:hover {background:#f2f2f2;}
#menu > ul > li > .drop {display:none; padding:0 15px 1em;}
#menu > ul > li > .drop > div > div {margin-top:0.5em;}
#menu > ul > li > .drop ul {margin:0 -15px;}

@media (min-width: 768px) {
	#nav {float:right;}
	#nav .toggle {display:none;}
	
	#menu {display:block !important; margin:0;}
	#menu > ul > li {float:left;}
	#menu > ul > li > a {padding-top:0; padding-right:15px; padding-bottom:0;}
	#menu > ul > li > .drop {display:block !important; position:absolute; left:0; top:100%; visibility:hidden; z-index:2; padding:0.5em 15px;}
	#menu > ul > li:hover .drop {visibility:visible;}
	#menu > ul > li > .drop > div > div {margin-top:0;}
	
	#menu > ul > li.drop-right .drop {right:0; left:auto;}
	#menu > ul > li.mega-menu {position:static;}
	#menu > ul > li.mega-menu .drop {left:0;right:0;}
}

/*-------------------------------------------------------------------------------------- Nav Customisation */
#nav .toggle {
	background:none;
}
#nav > .toggle {
	top:6px;
	right:0;
	padding:0.571em 0.5em;
}
#nav > .toggle::before {
	content:'\f0c9';
	display:block;
	width:1.333em;
	height:1.333em;
	text-align:center;
	font-family:'FontAwesome';
	font-size:1.5em;
	line-height:1.333;
	color: #000;
}

#menu > ul {
	padding-top:3em;
	border-bottom:1px solid rgb(204,204,204);
	margin-bottom:3em;
}
#menu > ul > li > .toggle {
	top:1px;
	padding:0.571em 0.5em;
}
#menu > ul > li > .toggle::before {
	content:'\f107';
	display:block;
	width:1em;
	height:1em;
	text-align:center;
	font-family:'FontAwesome';
	font-size:2em;
	line-height:1;
	color: rgb(16,61,141);
	background:#e4e4e4;
}
#menu > ul > li > .toggle.is-open::before {
	transform:rotate(180deg);
}
#menu > ul > li > a {
	font-size:1.143em;
	font-weight:bold;
	border-top:1px solid rgb(204,204,204);
}
#menu > ul > li > a span {
	display:block;
	font-size:0.75em;
	color:rgb(102,102,102);
	font-weight:normal;
	text-transform:lowercase;
}

#menu .sector {
	display:none;
}
#menu .heading {
	display:block;
	margin-bottom:0.3em;
	font-size:1.143em;
	font-weight:300;
	cursor:default;
}
#menu > ul ul li a {
	font-weight:normal;
	padding-left:2.5em;
}
#menu > ul ul li a::before {
	position:absolute;
	top:0.15em;
	left:15px;
	content:'\f105';
	font-family:'FontAwesome';
}
#menu > ul > li#gn-request-valuation a {
	padding: 0.75em 4em 0.75em 15px;
	font-weight:bold;
	background: none;
	border: none;
	font-size: 1.143em;
	color: rgb(16,61,141);
}
#menu > ul > li#gn-instant-valuation button {
	padding: 0.75em 4em 0.75em 15px;
	font-weight:bold;
	background: none;
	border: none;
	font-size: 1.143em !important;
	color: rgb(16,61,141);
	width: 100%;
	text-align: left;
}
#menu > ul > li#gn-instant-valuation button:hover, #menu > ul > li#gn-request-valuation a:hover {
	background: #f2f2f2;
}
#menu > ul > li#gn-instant-valuation button::before {
	display: none;
}
@media (min-width: 768px) {
	#nav {
		margin-right:-12px;
	}
	#menu > ul {
		border-bottom:0;
		margin-bottom:0;
		padding-top:2.25em;
	}
	#menu > ul > li {
		padding-bottom:1.313em;
	}
	#menu > ul > li > a {
		min-height:2.25em;
		padding-left:12px;
		padding-right:12px;
		border-top:0;
		transition: padding 0.2s ease;
	}
	#menu > ul > li > a:hover {
		background:none;
	}
	#menu > ul > li:hover > a::after {
		content:'';
		position:absolute;
		bottom:-1.125em;
		left:12px;
		right:12px;
		display:block;
		height:2px;
		background:rgb(16,61,141);
	}
	#menu > ul > li + li + li > a {
		border-left:1px solid rgb(204,204,204);
	}
	#menu > ul > li .drop {
		background: #fff url(/images/grad-repeat.png) 50% 0 repeat-x;
		background: linear-gradient(to bottom, #f2f2f2 0, #ffffff 65px);
		border-top:1px solid #ddd;
		box-shadow:0 16px 24px rgba(0,0,0,0.35);
		left:12px;
		min-width:16em;
	}
	
	#menu > ul > li.drop-right .drop {
		right:12px;
	}
	#menu > ul > li.mega-menu .drop {
		padding-top:30px;
		padding-bottom:30px;
		left:-15px;
		right:-15px;
		background-position:
			-5% 100%,
			50% 0;
		background-repeat:no-repeat;
	}
	#menu > ul > li.mega-menu .drop > div {
		float:right;
		width:37.357em;
	}
	#menu > ul > li.mega-menu .drop > div > div {
		float:left;
		width:45%;
		margin-right:5%;
	}

	#menu .sector {
		display:block;
		position:absolute;
		bottom:30px;
		left:30px;
		font-size:2em;
		color:#999;
		font-weight:300;
	}
	#menu .heading {
		font-size:1.5em;
	}
	
	#menu > ul > li#gn-contact:hover {
		padding-bottom:0.2em;
	}
	#menu > ul > li#gn-contact {
		background:url(/images/contact-bg.png) 50% 100% no-repeat;
		background-size: 100% 48px;
		position:absolute;
		top:-1.6em;
		right:0;
		padding-bottom:0;
		transition: padding-bottom 0.3s;
	}
	#menu > ul > li#gn-contact a {
		padding:0.3em 0.75em;
		color:#fff;
		font-weight:normal;
	}
	#menu > ul > li#gn-contact:hover > a::after {
		display:none;
	}
	#menu > ul > li#gn-request-valuation:hover, #menu > ul > li#gn-instant-valuation:hover {
		height: 38.8px;
		cursor: pointer;
	}
	#menu > ul > li#gn-instant-valuation button:hover, #menu > ul > li#gn-request-valuation a:hover {
		background: none;
	}
	#menu > ul > li#gn-request-valuation {
		background:url(/images/contact-bg.png) 50% 100% no-repeat;
		background-size: 100% 48px;
		position:absolute;
		top:-1.6em;
		right:8em;
		padding-bottom:0;
		transition: height 0.3s;
		height: 36px;
	}
	#menu > ul > li#gn-instant-valuation {
		background:url(/images/contact-bg.png) 50% 100% no-repeat;
		background-size: 100% 48px;
		position:absolute;
		top:-1.6em;
		right:18.625em;
		padding-bottom:0;
		transition: height 0.3s;
		height: 36px;
	}
	#menu > ul > li#gn-request-valuation a, #menu > ul > li#gn-instant-valuation button {
		padding:0.3em 0.75em;
		color:#fff;
		font-weight:normal !important;
	}
	#menu > ul > li#gn-request-valuation:hover > a::after, #menu > ul > li#gn-instant-valuation:hover > button::after {
		display:none;
	}
	#menu > ul > li#gn-buy-rent .drop {
		background-image:
			url(/images/nav-buy-or-rent.png),
			linear-gradient(to bottom, #f2f2f2 0, #ffffff 65px);
	}
	#menu > ul > li#gn-buy-rent li:first-child a {
		margin:0.5em 15px 1em;
		display:inline-block;
		padding:0.5em 1em;
		background:rgb(58,129,21);
		border-radius:1.125em;
		color:#fff;
		transition:background 0.1s;
	}
	#menu > ul > li#gn-buy-rent li:first-child a:hover {
		background:rgb(16,61,141);
	}
	#menu > ul > li#gn-buy-rent li:first-child a::before {
		display:none;
	}

	#menu > ul > li#gn-sell-let .drop {
		background-image:
			url(/images/nav-sell-or-let.png),
			linear-gradient(to bottom, #f2f2f2 0, #ffffff 65px);
	}
	#enquiryformModal .modal-content {
		position: relative;
		min-width: none;
		max-width: none;
		top: 0;
	}




}

@media (min-width: 960px) {
	#nav {
		margin-right:-15px;
	}
	#menu > ul > li > a {
		padding-left:15px;
		padding-right:15px;
	}
	#menu > ul > li:hover > a::after {
		left:15px;
		right:15px;
	}
	#menu > ul > li .drop {
		left:15px;
	}
	
	#menu > ul > li.drop-right .drop {
		right:15px;
	}
	#menu > ul > li.mega-menu .drop {
		background-position:
			25% 100%,
			50% 0;
	}
	#menu > ul > li.mega-menu .drop > div {
		width:39.357em;
	}
}

/*_____________________________________________________________________________________________ MEMBERSHIP */
.row.memberships {
	padding-bottom:40px;
}
#membership {
	list-style:none;
	padding:0;
	margin:0;
}
#membership li {
	float:left;
	width:33.333%;
	padding:0 5px;
	margin:0;
}
#membership li a {
	display:block;
}
#membership li a img {
	width:100%;
}

@media (min-width: 600px) {
	#membership li {
		width:20%;
		padding:0 15px;
	}
}

/*________________________________________________________________________________________________ OFFICES */
.row.offices {
	background: url(/images/grad-repeat.png) 50% 0 repeat-x #ffffff;
	background: -moz-linear-gradient(top, #f2f2f2 0, #ffffff 65px);
	background: -webkit-linear-gradient(top, #f2f2f2 0,#ffffff 65px);
	background: linear-gradient(to bottom, #f2f2f2 0,#ffffff 65px);
	padding-top:30px;
}
.row.offices .page {
	position:relative;
}
.row.offices .btn-logo {
	position:absolute;
	top:-60px;
	left:50%;
	display:block;
	background: url(/images/john-goodwin-logo.png) 50% 50% no-repeat;
	background-size:contain;
	width:124px;
	height:0;
	padding-top:66px;
	overflow:hidden;
	margin-left:-62px;
	transition: transform 0.1s;
}
.row.offices .btn-logo:hover {
	transform:scale(1.1);
}
.row.offices .office h3 {
	font-weight:300;
	color:rgb(16,61,141);
}
.row.offices .office .adr {
	font-size: 0.857em;
	margin-bottom: 1em;
}

@media (min-width: 768px) {
	.row.offices .office {
		text-align:center;
	}
	.row.offices [class*='col-'] {
		padding-left:6px;
		padding-right:6px;
	}
}

/*_________________________________________________________________________________________________ FOOTER */
.pre-footer > .page > [class^="col-"] {
	padding-bottom:1em !important;
}

#footer,
#footer a,
#footer a:hover,
#footer a:focus {
	color:#fff;
}

#footer .closure {
	position:relative;
	padding-top:2px;
	padding-left:100px;
	min-height:88px;
}
#footer .closure .est-date {
	position:absolute;
	top:0;
	left:0;
	width:88px;
	height:88px;
	padding:6px;
	border:1px solid #fff;
	font-family:Georgia, serif;
	font-size:1.5em;
	text-align:center;
	border-radius:50%;
}
#footer .closure .est-date abbr {
	border-bottom:0;
	cursor:default;
	text-decoration:none;
	display:block;
	margin-top:12px;
}
#footer .closure p strong {
	text-transform:uppercase;
}

#footer nav ul {
	margin:0;
}
#footer nav ul li a {
	font-weight:normal;
}

#footer .copyright {
	font-size:0.857em;
	line-height:32px;
}

#footer .twitter img {
	width:32px;
}

@media (min-width: 768px) {
	#footer .closure {
		padding-top:12px;
		padding-left:110px;
	}	
}


/*________________________________________________________________________________________________ BUTTONS */
.btn {
	font-size:1.143em;
	font-weight:normal;
	padding:0.5em 1em;
	border:0;
}
.btn#online-valuation-tool {
	font-size:1.143em !important;
	font-weight:normal !important;
}
#online-valuation-tool::before {
	display: none;
}
.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn.btn-primary {
	background:rgb(58,129,21);
	border-radius:1.125em;
	color:#fff;
}
.btn.btn-contact {
	background:rgb(255,227,132);
	border-radius:1.125em;
	color:#000 !important;
}
.btn.btn-search {
	background:rgb(255,227,132);
	border-radius:0;
	color:#000 !important;
}
.btn[type=submit] {
	margin-top:1em;
}
.btn.btn-request {
	background:rgb(58,129,21);
	border-radius:1.214em;
	color:#fff;
}
.btn.btn-impact {
	transition: transform 0.1s;
}
.btn.btn-impact:hover {
	transform:scale(1.1);
}


/*___________________________________________________________________________________________________ TABS */
.tabs .tab {display:none;}
.tabs .tab.active {display:block;}


.r-tabs {
	margin-bottom:2em;
}
.r-tabs .r-tabs-accordion-title ~ .r-tabs-accordion-title {
	border-top:1px solid rgb(204,204,204);
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	position:relative;
	display:block;
	padding:0.75em 0;
	cursor:pointer;
	font-size:1.143em;
	font-weight:bold;
	color:#000;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor::after {
	content:'\f107';
	font-family:'FontAwesome';
	font-size:1.875em;
	position:absolute;
	top:0.2em;
	right:0;
	transition:all 0.1s linear;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor::after {
	transform: rotate(180deg);
}
.r-tabs .r-tabs-panel {
	padding:0.75em 0 1.5em !important;
}

@media (min-width: 768px) {
	.r-tabs .r-tabs-nav::after {
		content: "";
		display: table;
		clear: both;
	}
	.r-tabs .r-tabs-nav .r-tabs-tab {
		float:left;
		display:block;
	}
	.r-tabs .r-tabs-nav .r-tabs-tab + .r-tabs-tab {
		margin-left:4px;
	}
	.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
		background: #ccc;
		color: #000;
		display:block;
		padding: 0.75em 9px;
		font-size: 1em;
	}
	.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {
		position:relative;
		background: rgb(16,61,141);
		color: #fff;
	}
	.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor::after {
		content: '';
		position: absolute;
		bottom: -11px;
		left: 0;
		right: 0;
		display: block;
		height: 2px;
		background: rgb(16,61,141);
	}
	.r-tabs .r-tabs-panel {
		background: rgb(16,61,141);
		padding: 20px 12px !important;
		margin-top: 12px;
		margin-bottom: 20px;
		background-color: #fff;
		box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 8px 12px rgba(0,0,0,0.4);
	}
}

@media (min-width: 992px) {
	.r-tabs .r-tabs-nav::after {
		content: "";
		display: table;
		clear: both;
	}
	.r-tabs .r-tabs-nav .r-tabs-tab {
		float:left;
		display:block;
	}
	.r-tabs .r-tabs-nav .r-tabs-tab + .r-tabs-tab {
		margin-left:4px;
	}
	.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
		font-size: 1.143em;
	}
}


/*____________________________________________________________________________________________ BREADCRUMBS */
.breadcrumbs {
	list-style:none;
	padding-left:0;
	margin:0 0 0 15px;
}
.breadcrumbs li {
	float:left;
	position:relative;
}
.breadcrumbs li + li {
	margin-left:1.5em;
}
.breadcrumbs li + li::before {
	content:'/';
	position:absolute;
	top:0;
	left:-0.875em;
}

@media screen and (min-width:768px) {
	.breadcrumbs {
		position:relative;
		top:0.5em;
	}
}

@media screen and (min-width:960px) {
	.breadcrumbs {
		top:0;
	}
}

/*_________________________________________________________________________________________________ PANELS */
.panel {
	background:#fff;
	position:relative;
	border:0;
	border-radius:0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 8px 12px rgba(0,0,0,0.4);
}
.panel > header,
.panel > div,
.panel > a {
	padding:1.429em 15px;
}
.panel > header.reverse {
	background:rgb(16,61,141);
	color:#fff;
}
.panel > header h2 {
	margin-bottom:0;
}

.action-panel .panel-image {
	height:30vw;
	background-position:50% 50%;
	background-size:cover;
	background-repeat:no-repeat;
}

.link-panel {
	border-bottom:6px solid rgb(16,61,141);
}
.link-panel > a {
	display:block;
	font-weight:normal;
	color:inherit;
}
.link-panel > a::after {
	content:'\f105';
	font-family:'FontAwesome';
	font-size:1.607em;
	position:absolute;
	right:15px;
	bottom:1em;
	width:1.2em;
	height:1.2em;
	padding-left:0.111em;
	border:1px solid rgb(16,61,141);
	line-height:1;
	border-radius:50%;
	text-align:center;
	color:rgb(16,61,141);
}
.link-panel > a.tel {
	padding-top: 0;
	padding-bottom: 1em;
}
.link-panel > a.tel::after {
	display: none;
}

@media screen and (min-width:768px) {
	.action-panel .panel-image {
		height:9em;
	}
}

.xlink-panel > a {
	display:block;
	padding:15px;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.xlink-panel > a > div {
	position:relative;
	background:rgba(16,61,141,0.8);
	color:#fff;
	font-size:1.143em;
	font-weight:300;
	float:right;
	display:inline-block;
	width:55%;
	padding:15px 12px 42px;
	transition:background 0.2s ease;
}
.xlink-panel > a > div::after {
	content:'\f105';
	font-family:'FontAwesome';
	font-size:1.25em;
	position:absolute;
	right:12px;
	bottom:12px;
	width:1.2em;
	height:1.2em;
	padding-left:0.111em;
	background:rgb(255,227,132);
	line-height:1.2;
	border-radius:50%;
	text-align:center;
	color:rgb(16,61,141);
}
.xlink-panel > a:hover > div {
	background:rgba(16,61,141,0.9);
}
.xlink-panel.auctions-ad > a {background-image:url(/images/auctioneers-gavel.jpg);}
.xlink-panel.online-property-auctions-ad > a {background-image:url(/images/online-property-auctions.jpg);}
.xlink-panel.property-auctions-ad > a {background-image:url(/images/property-auctions.jpg);}
.xlink-panel.general-auctions-ad > a {background-image:url(/images/general-auctions.jpg);}
.xlink-panel.new-developments-ad > a {background-image:url(/images/new-developments.jpg);}
.xlink-panel.auctions-calendar-ad > a {background-image:url(/images/auction-calendar.jpg);}

.panel.team-advert > a {
	display:block;
	padding-right:4em;
}
.panel.team-advert p {
	color:#000;
}
.panel.team-advert ul {
	list-style:none;
	padding:0;
	margin:0 -4em -1.429em -15px;
	display:flex;
}
.panel.team-advert li {
	margin:0;
	width:33.333%;
}
.panel.team-advert > a::after {
	content:'\f105';
	font-family:'FontAwesome';
	font-size:1.607em;
	position:absolute;
	right:15px;
	top:1em;
	width:1.2em;
	height:1.2em;
	padding-left:0.111em;
	border:1px solid rgb(16,61,141);
	line-height:1;
	border-radius:50%;
	text-align:center;
	color:rgb(16,61,141);
}
@media (min-width:30em) {
	.panel.team-advert > a {
		display:flex;
	}
	.panel.team-advert header {
		flex:1;
	}
	.panel.team-advert ul {
		align-self:flex-end;
		margin-left:0;
		margin-right:-3em;
		flex:2;
	}
}

/*__________________________________________________________________________________________________ LISTS */
.body-text li {padding:0.3em 0; margin:0;}
.body-text ul.split {
	-moz-column-count:2;
	column-count:2;
}
.download-list {
	margin:0;
	padding:0;
	list-style:none;
}
.download-list li a {
	position:relative;
	display:block;
	padding:0.75em 0.5em 0.75em 2.5em;
	background:rgb(16,61,141);
	font-size:1.143em;
	color:#fff;
}
.download-list li a::before {
	content:'\f019';
	font-family:'FontAwesome';
	position:absolute;
	top:0.85em;
	left:0.75em;
}

/*__________________________________________________________________________________________________ FORMS */
.checkbox label input[type=checkbox] {
	margin-top:0.143em;
}
.form-group.split {
	margin-left:-15px;
	margin-right:-15px;
}
.form-group.split > div {
	float:left;
	width:50%;
	padding:0 15px;
}
select.inline {
	width:auto;
}
.form-group.range > div {
	display:inline-block;
}

#enquiryformModal .modal-content {
	border-radius:0px;
}
#enquiryformModal .modal-header { border:0px; padding-bottom:0px;}
#enquiryformModal h4 { font-size:24px; font-weight:normal;}
#enquiryformModal input { margin-bottom:15px;}
#enquiryformModal select { margin-bottom:15px;}
#enquiryformModal textarea { margin-bottom:15px;}
#enquiryformModal .btn {
    background: rgb(16,61,141);
    color: #fff;
	border-radius:0;
	float:right;
}
#enquiryformModal .gdpr-info {
    display: block;
}
.modal .g-recaptcha {
    transform:scale(0.72);
	transform-origin:0 0;
}
#valuationformModal .modal-content {
	border-radius:0px;
}
#valuationformModal .modal-header { border:0px; padding-bottom:0px;}
#valuationformModal h4 {
    font-size: 24px;
    font-weight: normal;
}
#valuationformModal input {
    margin-bottom: 15px;
}
#valuationformModal select {
    margin-bottom: 15px;
}
#valuationformModal textarea {
    margin-bottom: 15px;
}
#valuationformModal .btn {
    background: rgb(16,61,141);
    color: #fff;
    border-radius: 0;
    float: right;
}

#mandatory-field {
    color:#555;
	font-weight:normal;
}
#btn-enquiry {
	background: rgb(16,61,141);
	border-radius:0;
	text-align:left;
	position:relative;
	padding-right:3.25em;
}
#btn-enquiry::before {
	content: '\f105';	
    font-family: 'FontAwesome';
    display: inline-block;
    overflow: hidden;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 1.429em;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.1;
    padding-left: 2px;
	text-align:center;
	position:absolute;
	top:50%;
	right:0.5em;
	transform:translateY(-50%);
}
/*----------------------------------------------------------------------------------- Property Search Form */
.search-form.panel {
	position:relative;
	border:1px solid #ccc;
	border-top:0;
	padding:18px 12px;
}
.search-form form > input[name=sector],
.search-form form > div > input[name=searchType] {
	display:none;
}

/* Show tab content when tab is selected */
.search-form form > [type=radio][value=residential]:checked ~ div > [type=radio][value=sales]:checked ~ .tab-content [data-tab=residential-sales],
.search-form form > [type=radio][value=residential]:checked ~ div > [type=radio][value=lettings]:checked ~ .tab-content [data-tab=residential-lettings],
.search-form form > [type=radio][value=commercial]:checked ~ div > [type=radio][value=sales]:checked ~ .tab-content [data-tab=commercial-sales],
.search-form form > [type=radio][value=commercial]:checked ~ div > [type=radio][value=lettings]:checked ~ .tab-content [data-tab=commercial-lettings] {
	display:block;
}

.search-form form > div > label.tab-nav {
	position:relative;
    padding: 0.375em 9px;
	background:rgba(0,0,0,0.2);
	font-weight:normal;
	margin-bottom:0;
	color:#000;
}
.search-form form > div > label.tab-nav:hover {
	background:rgba(0,0,0,0.3);
	cursor:pointer;
}
.search-form form > div > input[name=searchType]:checked + label.tab-nav {
	background:rgb(16,61,141);
	color:#fff;
}
.search-form form > div > input[name=searchType]:checked + label.tab-nav::after {
	content:'';
	position:absolute;
	bottom:-11px;
	left:0;
	right:0;
	display:block;
	height:2px;
	background:rgb(16,61,141);
}

.search-form input[name=sector] + label {
	position:absolute;
	bottom:100%;
	font-weight:normal;
	cursor:pointer;
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0.75em 0.75em 0.5em;
	line-height:1;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	transition:padding 0.1s linear;
	margin:0;
}
.search-form input[name=sector] + label:hover {
	padding:0.75em;
}
.search-form input[name=sector]:checked + label {
	background:#fff;
	padding:0.75em;
}
.search-form input#residential + label {
	left:-1px;
}
.search-form input#commercial + label {
	left:6.75em;
}

.search-form .tab-content {
	position:relative;
	z-index:1;
	background:rgb(16,61,141);
	padding:20px 12px;
	color:#fff;
	margin-top:12px;
}

.search-form .tab-content > .tab {
	padding:0;
}
.search-form .tab-content label {
	font-size:0.929em;
}

.search-form .browse {
	position:absolute;
	top:-3.4em;
	right:0;
	text-align:right;
	font-size:0.9em;
}
.search-form .browse span {
	display:block;
	color:rgba(0,0,0,0.6);
}


@media (min-width: 544px) {
	.search-form form > div > label.tab-nav {
		font-size:1.143em;
	}
}


.mini-search-form.panel {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4e4 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e4e4e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );
	
	padding:18px 12px;
}
aside .mini-search-form {
	margin-top:5em;
}
aside .mini-search-form:first-child {
	margin-top:3em;
}
.mini-search-form .form-group {
	margin-bottom:0.75em;
}
.mini-search-form h1 {
	position:absolute;
	bottom:100%;
	left:0;
	right:0;
	margin-bottom:0;
	font-size:1.143em;
	color:#fff;
}
.mini-search-form h1 span {
	background:url(/images/mini-search-form-header.png) 50% 0 no-repeat;
	display:table;
	margin:0 auto;
	padding:0.8em 0.9em 0.5em;
}
.mini-search-form .tab-content {
	background:none;
	padding:0;
	color:#000;
}
.mini-search-form .form-group:last-of-type {
	margin-bottom:0;
}
.mini-search-form .btn-search {
	position:absolute;
	bottom:0;
	right:0;
	background: rgb(16,61,141);
	padding:0.348em 0.598em;
}
.mini-search-form .btn-search i {
	color:#fff;
}
.mini-search-form .range select {
	max-width:100px;
}

@media (min-width: 768px) {
	.mini-search-form.panel {
		padding:15px 12px;
	}
	.mini-search-form h1 {
		left:auto;
		right:12px;
	}
	.mini-search-form h1 span {
		display:inline-block;
		margin:0;
	}
}

.full-search-form .tab-content {
	margin-right:-13px;
	margin-left:-13px;
	margin-bottom: -19px;
}
.full-search-form .browse {
	right:13px;
}

@media screen and (min-width:768px) and (max-width:991px) {
	.col-sm-4 .search-form.panel {
		padding-top:2.5em;
	}
	.col-sm-4 .search-form form > div > label.tab-nav {
		top:-1.3em;
	}
	.col-sm-4 .search-form form > div > input[name="searchType"]:checked + label.tab-nav::after {
		bottom:-2em;
	}
	.col-sm-4 .search-form .browse {
		top:-2em;
		left:13px;
	}
	.col-sm-4 .mini-search-form .browse {
		left:0;
	}
	.col-sm-4 .search-form .browse span {
		float:left;
		display:inline-block;
	}
	.col-sm-4 .mini-search-form .btn-search {
		position:static;
	}
}

/* Tab colouring */
.search-form form > [type=radio][value=commercial] + label {
	background: rgb(205,222,255);
}
.search-form form > [type=radio][value=commercial]:checked ~ div {
	margin:-18px -13px -19px;
	padding:18px 13px 19px;
	
	background: rgb(205,222,255);
}
.search-form form > [type=radio][value=commercial]:checked ~ div {
}
@media (min-width: 768px) {
	.mini-search-form.panel form > [type=radio][value=commercial]:checked ~ div {
		margin:-15px -13px -16px;
		padding:15px 13px 16px;
	}
}
	


/*__________________________________________________________________________________________________ ICONS */
.icon {
	position:relative;
}
.icon::before {
	position:absolute;
	top:50%;
	left:0;
	font-family:'FontAwesome';
	display:block;
	overflow:hidden;
	border:1px solid;
	border-radius:50%;
	text-align:center;
	color:rgb(16,61,141);
}
.icon.map-marker::before {content:'\f041';}
.icon.search::before {content:'\f041';}
.icon.buy-rent::before {content:'\f015';}
.icon.sell-let::before {content:'\f0c0';}
.icon.commercial::before {content:'\f0f7';}
.icon.auctions::before {content:'\f0e3';}

h2.icon {
	padding-left:2.25em;
}
h2.icon::before {
	font-size:1.429em;
	width:1.2em;
	height:1.2em;
	padding:0.2em 0 0 0.267em;
	margin-top:-0.6em;
}
h2.icon-right {
	padding-left:0;
	padding-right:2.25em;
}
h2.icon-right::before {
	left:auto;
	right:0;
}

.reverse .icon::before {
	color:#fff;
}

/*_________________________________________________________________________________________ PROPERTY CARDS */
.property-card {
	font-size:0.857em;
	padding:0 15px;
	margin-bottom:1.5em;
}
.property-card > a {
	background:#fff;
	position:relative;
	display:block;
	font-weight:normal;
	color:inherit;
	padding:18px 15px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 8px 12px rgba(0,0,0,0.4);
	transition:box-shadow 0.1s;
}
.property-card > a::after {
	content:'\f105';
	font-family:'FontAwesome';
	font-size:1.607em;
	position:absolute;
	right:15px;
	bottom:1em;
	width:1.2em;
	height:1.2em;
	padding-left:0.111em;
	border:1px solid rgb(16,61,141);
	line-height:1;
	border-radius:50%;
	text-align:center;
	color:rgb(16,61,141);
}
.property-card > a:hover {
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 8px 12px rgba(0,0,0,0.75);
}
.property-card header {
	margin:-15px -15px 0;
	padding:12px 15px;
}
.property-card .title {
	font-size:1.5em;
	font-weight: 300;
	margin:0;
	color:#000;
}
.property-card .type {
	color:#666;
}
.property-card .photo {
	position:relative;
	margin:0 -15px;
}
.property-card .photo img {
	width:100%;
}
.property-card .photo .status {
	padding:4px 6px;
	background:rgb(16,61,141);
	color:#fff;
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
}
.property-card .photo .status:not([data-status="AVAILABLE"]) {
	background:rgb(220,0,0);
}
.property-card footer {
	margin:0 -15px -18px;
	padding:18px 15px;
}
.property-card .price {
	display:block;
	font-size:1.714em;
	font-weight:300;
	line-height:0.8;
	color:rgb(16,61,141);
}
.property-card .price + small {
	color:#666;
	line-height:0.8;
}


.property-card.minimal > a {
	padding:0;
}
.property-card.minimal > a::after {
	display:none;
}
.property-card.minimal img {
	width:100%;
}
.property-card.minimal .price {
	position:absolute;
	bottom:5px;
	left:5px;
	font-size:0.857em;
	display:block;
	background:#fff;
	padding:0.25em 0.5em;
	font-weight:normal;
	color:#000;
}

@media (min-width: 960px) {
	.property-card {
		font-size:1em;
	}
}

/*_______________________________________________________________________________________________ CONTACTS */
.address {
	margin-bottom:1.5em;
}
.address > span {
	display:block;
}



/*_____________________________________________________________________________________________ NEWS FEEDS */
.news-feed .post + .post {
	margin-top:2em;
}
.news-feed .post > a {
	position:relative;
	display:block;
	font-weight:normal;
}
.news-feed .post.has-image > a {
	padding-left:82px;
}
.news-feed .post > a > span {
	display:block;
}
.news-feed .post > a > span.image {
	position:absolute;
	top:0;
	lefT:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	width:66px;
	height:66px;
	border-radius:50%;
}
.news-feed .post > a > span.date {
	color:#000;
	margin-bottom:0.5em;
}


/*________________________________________________________________________________________________ GALLERY */


.property-gallery .feature {
	position:relative;
}
.property-gallery .carousel,
.property-gallery .carousel + .overlay,
.property-gallery .thumbs,
.property-gallery .thumbs + .qty {
	opacity:0;
	transition:opacity 0.3s linear;
}
.property-gallery .carousel.owl-loaded,
.property-gallery .carousel.owl-loaded + .overlay,
.property-gallery .thumbs.owl-loaded,
.property-gallery .thumbs.owl-loaded + .qty {
	opacity:1;
}
.property-gallery .owl-item a {
	display: block;
}
.property-gallery .owl-item a figure {
	display: block;
	display:flex;
	align-items:center;
	justify-content:center;
	height:calc((100vw - 30px) / 1.333);
	background:#eee url(/images/AjaxLoader.gif) 50% 50% no-repeat;
	text-align:center;
}
.property-gallery .owl-item.item-loaded a figure {
	background-image:none;
}
.property-gallery .owl-item a figure img {
	display: block;
	max-width: 100%;
	width:auto !important;
	max-height: 100%;
}
.property-gallery .owl-theme .owl-controls .owl-nav .owl-prev,
.property-gallery .owl-theme .owl-controls .owl-nav .owl-next {
	font-size:0.75em;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:2em;
	height:0;
	padding-top:3em;
	overflow:hidden;
	background:rgba(0,0,0,0.4);
}
.property-gallery .owl-theme .owl-controls .owl-nav .owl-prev::after,
.property-gallery .owl-theme .owl-controls .owl-nav .owl-next::after {
	font-family:'FontAwesome';
	font-size:2em;
	position:absolute;
	top:0;
	left:0;
	right:0;
	botttom:0;
	color:#fff;
	text-align: center;
	line-height: 1.5em;
}
.property-gallery .owl-theme .owl-controls .owl-nav .owl-prev:hover,
.property-gallery .owl-theme .owl-controls .owl-nav .owl-next:hover {
	background:rgba(0,0,0,0.8);
}
.property-gallery .owl-theme .owl-controls .owl-nav .owl-prev {left:0;}
.property-gallery .owl-theme .owl-controls .owl-nav .owl-next {right:0;}
.property-gallery .owl-theme .owl-controls .owl-nav .owl-prev::after {content:'\f104';}
.property-gallery .owl-theme .owl-controls .owl-nav .owl-next::after {content:'\f105';}

.property-gallery .overlay {
	position:absolute;
	bottom:2%;
	right:2%;
	background: rgba(0,0,0,0.4);
	padding:0.5em 0.75em;
	z-index:1;
	color:#fff;
	pointer-events:none;
}
.property-gallery .qty::before {
	content:'\f030';
	font-family:'FontAwesome';
	display:inline-block;
	margin-right:0.3em;
}
.property-gallery .overlay .caption {
	display:none;
}
.property-gallery .overlay .zoom {
	display:none;
}
.property-gallery .pager {
	display:none;
}


@media (min-width: 480px) {
	.property-gallery .owl-theme .owl-controls .owl-nav .owl-prev,
	.property-gallery .owl-theme .owl-controls .owl-nav .owl-next {
		font-size:1em;
	}
}

@media (min-width: 768px) {
	.property-gallery .owl-item a figure {
		height:calc((66.667vw - 30px) / 1.333);
		max-height:calc(623px / 1.333);
	}
	.property-gallery .overlay {
		bottom:0;
		left:0;
		right:0;
		width:100%;
	}
	.property-gallery .overlay .qty {
		display:none;
	}
	.property-gallery .overlay .zoom {
		float:right;
		display:block;
	}
	.property-gallery .overlay .zoom::before {
		content:'\f00e';
		font-family:'FontAwesome';
		display:inline-block;
		font-size:1.5em;
	}
	.property-gallery .overlay .caption {
		position:relative;
		bottom:-0.3em;
		display:inline-block;
	}
	.property-gallery .pager {
		position:relative;
		display:block;
	}
	.property-gallery .pager .thumbs {
		float:left;
		width:80%;
		cursor:pointer;
	}
	.property-gallery .pager .thumbs .owl-item {
		padding-top:3px;
		padding-right:4px;
	}
	.property-gallery .pager .thumbs .owl-item > div {
		position:relative;
		height:50px;
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
	}
	.property-gallery .pager .thumbs .owl-item > div::before {
		content:'';
		position:absolute;
		top:-3px;
		left:0;
		right:0;
		display:none;
		height:1px;
	}
	.property-gallery .pager .thumbs .owl-item > div:hover::before {
		display:block;
		background:#999;
	}
	.property-gallery .pager .thumbs .owl-item.current > div::before {
		display:block;
		background:rgb(16,61,141);
		height:2px;
	}
	.property-gallery .pager .qty {
		float:right;
		width:19.5%;
		height:50px;
		border:1px solid #999;
		margin-top:3px;
		cursor:pointer;
		line-height:48px;
		font-size:1.25em;
	}
	.property-gallery .pager .qty::before {
		color:#999;
	}
}
/*_____________________________________________________________________________________________ COMPONENTS */

#action-form button {
    background: rgb(16,61,141);
    color: #fff;
	border-radius:0;
	margin-top:20px;
}
.action-panel.bold-action {
	background: rgb(16,61,141);
	text-align:center;	
}
.action-panel.bold-action h4 {
	color:#fff;
	font-size:22px;
	font-weight:normal;	
}
/*__________________________________________________GOOGLE REVIEWS____________________________ */
#map-plug {
	display:none;
}
#review-row .google-reviews {
	display:flex;
	flex-wrap:wrap;
}
#review-row .google-reviews .review-item {
	border: none;
	padding: 1rem 0.5rem;
	margin:0 auto 3rem;
	flex: 1 1 100%;
	max-width: 100%;
}
#review-row .google-reviews .review-meta, .review-stars {
	text-align:center; 
	font-size:115%;
}
#review-row .google-reviews .review-author { 
	text-transform: capitalize; 
	font-weight:bold; 
	font-size: 1.75rem;
}
#review-row .google-reviews .review-date {
	opacity:.6; 
	display:block;
}
#review-row .google-reviews .review-text {  
	font-size: 1.2rem;
	line-height:1.55; 
	text-align:left; 
	max-width:32em; 
	margin:auto;
	text-align: center;
  	overflow: visible;
	max-height: 10rem;
}
#review-row .google-reviews .review-stars ul {
	display: inline-block;
	list-style: none !important;
	margin:0; padding:0;
}
#review-row .google-reviews .review-stars ul li {
	float: left;
	list-style: none !important;
	margin-right: 1px;
	line-height:1;
}
#review-row .google-reviews .review-stars ul li i {
	color: #E4B248;
	font-size: 1.6em;
	font-style:normal;
}
#review-row .google-reviews .review-stars ul li i.inactive { 
	color: #c6c6c6;
}
#review-row .google-reviews .star:after { 
	content: "\2605"; 
}
@media(min-width:48em){
	#review-row {
		display: flex;
		justify-content: space-between;
	}
	#review-row .google-reviews {
		width: 100%;
		margin: 0 auto;
	}
	#review-row .google-reviews  {
		flex: 1 1 30%;
		max-width: 30%;
		padding: 1rem 2rem;
		margin-bottom: 2rem;
	}
	#review-row .google-reviews .review-text {
		font-size: 1.4rem;
	}
}
/*___________________________________________________________HIDE NOT AVAILABLE_____________ */
.status[data-status="NOT AVAILABLE"] {
	display: none !important;
}
/*________________________________________________________________________ */
.toggle-switch {
	position: relative;
	display: block;
	width: 60px;
	height: 34px;
}

.toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.toggle-switch .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: #bbb;
	-webkit-transition: .4s;
	transition: .4s;
}

.toggle-switch input:checked + .slider {
	background-color: rgb(255,227,132);
}

.toggle-switch input:checked + .slider:before {
	background-color: white;
}

.toggle-switch input:focus + .slider {
	box-shadow: 0 0 1px rgb(255,227,132);
}

.toggle-switch input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.toggle-switch .slider.round {
	border-radius: 34px;
}

.toggle-switch .slider.round:before {
	border-radius: 50%;
}