@charset "utf-8";
/* 

=== Knightsbridge Style ===

Orange: #F47C38
Blue: #073F77  7,63,119

*/

html,
body {
	font-family: Arial, Sans-serif;
	font-size: 13px;
	color: #58595B;
	background-color: #F6F6F6;
}

@media(min-width:850px) {
	html,
	body {
		min-width: 1100px;
	}
}

/* -- Typography -- */

h1 {
	font-weight: 800;
	font-size: 2.5rem;
}

main h2 {
	font-size: 1.2rem;
	color: #073F77;
	text-transform: uppercase;
	display: inline-block;
	border-bottom: solid 2px rgba(0, 0, 0, 0.3);
	padding-bottom: .5rem;
	margin-bottom: 2rem;
	min-width: 30%;
}

h3 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.6rem;
	margin-bottom: 1.5rem;
}

main h3,
article h3 {
	color: #073F77;
}

p {
	margin-bottom: 1.2rem;
	font-size: 16px;
}

main p>a {
	color: #073F77;
}

.highlight.blue {
	color: #073F77;
	font-weight: 600;
}

/* -- Buttons -- */

.btn {
	display: inline-block;
	padding: 14px 20px;
	background-color: #F47C38;
	color: white;
	border-radius: 4px;
	line-height: 1;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.btn-o {
	background-color: #999999;
}

.btn.commercial {
	background-color: #073F77;
}

.btn.icon {
	background-size: auto 16px;
	background-repeat: no-repeat;
	background-position: 12px;
	padding-left: 40px;
}

.btn.icon.right {
	padding-left: 20px;
	padding-right: 40px;
	background-position: right 12px center;
}

.btn.price {
	background-image: url('/Images/Icons/price.svg');
}

.business-listing .btn.price {
	background-image: url('/Images/Icons/price-orange.svg');
}

.commercial .business-listing .btn.price {
	background-image: url('/Images/Icons/price-blue.svg');
}

.btn.enquire {
	background-image: url('/Images/Icons/enquire.svg');
}

.btn.search {
	background-image: url('/Images/Icons/search.svg');
}

.btn.details {
	background-image: url('/Images/Icons/details.svg');
}

.btn.clear {
	background-image: url('/Images/Icons/clear.svg');
}

.btn.speech {
	background-image: url('/Images/Icons/speech-bubble.svg');
}

.btn.star {
	background-image: url('/Images/Icons/star.svg');
}
.btn.finance {
	background-color:#073F77;
	background-image: url('/Images/Icons/Wallet Icon.png');
}


.btn.print {
	background-image: url('/Images/Icons/print.svg');
}

.btn.chart {
	background-image: url('/Images/Icons/chart.svg');
}

.btn.back {
	background-image: url('/Images/Icons/back.svg');
}

.btn.folder {
	background-image: url('/Images/Icons/folder.svg');
}

.btn.kbs-icon {
	background-image: url('/Images/Icons/kbs-icon.svg');
}

.btn.commercial-icon {
	background-image: url('/Images/Icons/kbs-commercial-icon.svg');
}

.commercial .btn {
	background-color: #073F77;
}

.commercial .btn-o {
	background-color: #999999;
}

/* --- Inputs --- */

input,
select,
textarea,
.form a.multiSelect {
	padding: 8px;
	line-height: 1;
	border-radius: 5px;
	width: 100%;
	border: solid 1px rgba(0, 0, 0, 0.1);
	margin-bottom: 8px;
	background-color: white;
	font-family: Arial, Sans-serif;
}

select,
.form a.multiSelect {
	-webkit-appearance: initial;
	-moz-appearance: none;
	background-image: url('/Images/Icons/dropdown.svg');
	background-position: right 12px center;
	background-size: auto 30%;
	background-repeat: no-repeat;
	cursor: pointer;
	font-size: 14px !important;
}

select[type="multiple"] {
	background-image: none;
}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	margin-right: 8px;
}

label {
	display: inline-block;
}

/* --- Forms --- */

.form label {
	display: inline-block;
	font-weight: 600;
	font-size: 1.1rem;
	margin-bottom: 8px;
}

.form input[type="text"],
.form select,
.form input[type="password"] {
	padding: 12px;
	font-size: 1.2rem;
	margin-bottom: 16px;
}

.form .checkbox-list {
	list-style: none;
	margin: 0;
	margin-bottom: 16px;
	padding: 2rem;
	background: rgba(0, 0, 0, 0.1);
	column-count: 2;
}

@media(max-width:650px) {
	.form .checkbox-list {
		column-count: 1;
	}
}

.form .checkbox-list label,
.form .checkbox-list li {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 1.1rem;
}

.form .price-slider {
	display: block;
	margin: 24px 0;
	position: relative;
}

.form .price-slider input[type="text"] {
	padding: 0;
	background: transparent;
	border: none;
	color: #F47C38;
	text-align: right;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
}

.form *+h3 {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: solid 1px rgba(0, 0, 0, 0.05);
}

.postcode-search {
	display: block;
	position: relative;
	margin-bottom: 16px;
}

.postcode-search input[type="text"] {
	margin: 0;
}

.postcode-search input[type="image"].postcodeIcon {
	position: absolute;
	display: block;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	bottom: 0;
	background: #F47C38;
	padding: 4px;
}

/* --- Lists --- */

ul.kbs {
	margin: 3rem 0;
	padding: 0;
	list-style: none;
	padding-left: 20px;
}

ul.kbs>li {
	background-image: url('../Images/Icons/list-icon.svg');
	background-size: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}

ul.kbs.commercial>li {
	background-image: url('../Images/Icons/list-icon-commercial.svg');
}

ul.bullet-list {
	padding: 0;
	margin: 0;
	padding-left: 20px;
}

ul.bullet-list>li {
	padding-bottom: 8px;
}

ul.valuation-list {
	color: #F47C38;
	text-transform: uppercase;
	font-weight: bold;
	column-count: 3;
}

@media(max-width:850px) {
	ul.valuation-list {
		column-count: 2;
	}
}

/* --- Layout Configuration --- */

main.container {
	display: block;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

main.container>.flex.grid {
	margin-bottom: 3rem;
}

/* -- Header -- */

.header {
	border-top: solid 10px #F47C38;
	padding: 2rem 0;
	background-color: white;
}

.header .container {
	position: relative;
}

.header img.logo {
	width: 50%;
	max-width: 250px;
}

.header p.tel-no {
	font-size: 2rem;
	position: absolute;
	right: 0;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
	vertical-align: middle;
}

.header p.tel-no img {
	width: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -40px;
}

.header .menu-toggle {
	display: none;
	position: absolute;
	right: 0;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
}

@media(max-width:850px) {
	.header {
		border-bottom: solid 10px #073F77;
	}
	.header p.tel-no {
		display: none;
	}
	.header .menu-toggle {
		display: initial;
	}
}

/* -- Website Menu -- */

.site-nav {
	background-color: #073F77;
	color: white;
	position: relative;
}

.site-nav .container {
	position: initial;
}

.site-nav>div>ul {
	list-style: none;
	margin: 0 auto;
	margin-left: -12px;
	padding: 0;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	padding-right: 200px;
}

.site-nav>div>ul>li {
	padding: 20px 0;
}

.site-nav>div>ul>li:nth-last-of-type(2)>a {
	border-right: none;
}

.site-nav>div>ul>li>a {
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	transition: 0.2s ease;
	border-right: solid 1px white;
	padding: 0 12px;
}

.site-nav>div>ul>li>a:hover {
	color: rgba(255, 255, 255, 0.2);
	transform: scale(1.2);
}

.site-nav li.user-login {
	max-width: 200px;
	margin-left: auto;
	background: #F47C38;
	padding: 20px 10px;
	border-radius: 5px;
	border: none;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	z-index: 101;
	align-items: center;
}

.site-nav li.user-login>div {
	width: 100%;
}

.site-nav li.user-login h3 {
	margin-bottom: 5px;
	letter-spacing: 1px;
	font-size: 1.1rem;
	text-align: center;
	width: 100%;
}

.site-nav li.user-login a {
	width: 100%;
	text-align: center;
}

.dropdown-menu {
	display: none;
	background: rgba(5, 38, 72, 0.98);
	z-index: 100;
	position: absolute;
	left: 0;
	right: 0;
	font-size: 14px;
	margin: 0 auto;
	margin-top: 20px;
}

.dropdown-menu ul {
	list-style: none;
	margin: 0 auto;
	padding: 20px 0;
	width: 100%;
}

.dropdown-menu ul li a {
	display: inline-block;
	padding: 8px 20px;
	font-size: 1.3rem;
}

.dropdown-menu ul li a:hover {
	opacity: 0.5;
}

.site-nav ul>li:hover>.dropdown-menu {
	display: block;
}

@media(max-width:850px) {
	.site-nav ul {
		display: none;
	}
	.site-nav .container {
		width: 100%;
	}
	.site-nav>div>ul {
		margin: 0 !important;
		padding: 0 !important;
	}
	.site-nav>div>ul>li {
		padding: 0;
	}
	.site-nav>div>ul>li>a {
		border: none;
		display: block;
		padding: 20px;
	}
	.site-nav>div>ul>li>a:hover {
		transform: none;
	}
	.site-nav li.user-login {
		max-width: 100%;
		margin-left: auto;
		background: #F47C38;
		padding: 20px;
		border-radius: 0;
		position: relative;
		top: 0;
		transform: none;
		text-align: left;
	}
	.site-nav li.user-login h3 {
		text-align: left;
	}
	.site-nav li.user-login a {
		font-size: 1.2rem;
		padding: 5px 0;
	}
	.dropdown-menu {
		position: relative;
		margin: 0;
	}
}

/* --- Page Banners -- */

.banner {
	text-align: center;
	padding: 5rem 0;
	padding: 16vh 0;
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
	background-size: cover;
	background-position: center;
}

.banner h1 {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.banner h1>span.highlight {
	color: #F47C38;
}

.homepage-banner {
	background-image: url('/CMS/Images/home-search-bg.jpg');
	padding: 10rem 0;
	padding: 20vh 0;
	padding-bottom: 0;
}

.swoop-banner {
	background-image: url('/Images/Icons/swoop-banner.png');
	padding: 14.6vh 0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center;
	background-color:white;
	color: white;
}


.homepage-banner h1 {
	border: solid 10px white;
	padding: 32px 40px;
	display: inline-block;
	margin: auto;
	font-size: 7vh;
	margin-bottom: 10rem;
	margin-bottom: 20vh;
}

.swoop-banner h1 {
	border: none;
	padding: 32px 40px;
	display: inline-block;
	margin: auto;
	font-size: 7vh;
	margin-bottom: 10rem;
	margin-bottom: 20vh;
}

.swoop-rocket {
	background-image: url('/images/icons/Swoop Rocket Smoke.png');
	background-position: bottom;
	background-size: contain;
	background-repeat: no-repeat;;
	min-height:500px;
	padding-top:40px;
	line-height:2.2vh;
}

.swoop-rocket li, .swoop-rocket p, .swoop-rocket div, .swoop-rocket li{
	font-size:2vh !important;
}
.swoop-rocket li {
	text-indent: -25px; /* key property */
    margin-left: 25px; /* key property */
}

@media(min-width:850px) {
.swoop-rocket .right-box{
	padding-left:100px !important;
}
}

.swoop-rocket .darkblue{
	background:#073F77;
	padding:15px;
	color:white;
}

.sub-banner {
	padding: 2rem 0;
	border-top: solid 5px white;
	text-align: left;
	background: rgba(244, 124, 56, 0.8);
	background: rgba(7, 63, 119, 0.8);
	background-blend-mode: multiply;
	color:white;
}

.green {
	background: rgba(75, 196, 148, 0.8) !important;
	color:white;
}


.sub-banner .container {
	vertical-align: middle;
}

.sub-banner+.sub-banner {
	background: rgba(7, 63, 119, 0.8);
}

.sub-banner .grid {
	align-items: center;
	text-align: center;
	vertical-align: center;
}

@media(max-width:850px) {
	.sub-banner .grid {
		flex-direction: column-reverse;
		text-align: left;
		align-items: left;
	}
	.sub-banner .grid>div {
		margin-bottom: 30px;
	}
}

.sub-banner .grid a {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	border: solid 3px white;
	padding: 10px;
	text-transform: uppercase;
}

.sub-banner h3,
.sub-banner p {
	text-align: left;
	margin: 0;
	text-transform: uppercase;
}

.sub-banner h3 {
	margin-bottom: 10px;
}

.sub-banner img.icon {
	margin: auto;
	max-height: 100px;
}

/* -- Homepage Business Search -- */

.homepage-search {
	margin: 3rem auto 6rem;
	width: 90%;
	max-width: 1000px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 8px;
	padding: 30px 30px 40px;
	padding-left: 10px;
	position: relative;
}

.homepage-search>* {
	margin-left: 20px;
}

.homepage-search select,
.homepage-search .btn {
	font-size: 16px;
	padding: 12px;
	margin-bottom: 0;
	line-height: 1;
}

.homepage-search>span.input {
	flex: 1;
	position: relative;
	display: block;
}

@media(max-width:650px) {
	.homepage-banner {
		padding-top: 30px;
	}
	.homepage-banner h1 {
		font-size: 2.5rem;
	}
	.homepage-search {
		margin-top: 30px;
	}
	.homepage-search>span.input {
		flex-basis: 100%;
		margin-bottom: 8px;
	}
	.homepage-search .btn {
		width: 100%;
	}
}

.homepage-search>span.input select {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) font-size: 16px;
	border: solid 1px rgba(0, 0, 0, 0.3);
	height: 41px;
	padding-left: 60px;
}

.homepage-search>span.input img.icon {
	position: absolute;
	left: 0;
	top: 0;
	height: 41px;
}

.homepage-search .btn {
	min-width: 100px;
	padding-right: 40px;
	background-position: right 12px center;
}

.homepage-search .advanced-search {
	position: absolute;
	bottom: 15px;
	right: 30px;
	font-size: 14px;
	color: #333333;
}

/* -- Homepage Statistics bar -- */

.homepage-stats {
	background-color: white;
	padding: 3rem 0;
}

.homepage-stats .flex-grid {
	margin-bottom: -2rem;
}

.homepage-stats .flex.grid>div {
	margin-bottom: 2rem;
	flex-basis: 50%;
}

@media(min-width:850px) {
	.homepage-stats .flex.grid>div {
		flex-basis: 25%;
		max-width: 25%;
	}
}

.homepage-statistic {
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	text-align: center;
	padding: 20px;
	border-radius: 8px;
	background-size: cover;
	background-position: center;
}

.homepage-statistic h3 {
	font-size: 4rem;
	font-weight: 100;
	margin-bottom: 20px;
}

.homepage-statistic p {
	font-weight: 100;
	line-height: 18px;
	min-height: 54px;
	font-size: 16px;
}

/* --- Homepage latest instructions slider --- */

.latest-instructions {
	text-align: center;
	margin-bottom: 2rem;
}

.latest-instructions img.business-header {
	height: 70px;
	width: 100%;
	padding: 1rem 25%;
	background-color: #F47C38;
	margin: 0;
	display: block;
}

.latest-instructions img.business-header.commercial {
	background-color: #073F77;
}

.latest-instructions .business-details {
	background-color: white;
	position: relative;
	padding: 2rem 3rem;
	box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.3);
	width: 100%;
}

@media(max-width:850px) {
	.latest-instructions .business-details {
		height: auto;
	}
}

.latest-instructions .business-details .image {
	background-size: cover;
	background-position: center;
	padding: 30%;
	background-color: rgba(0, 0, 0, 0.5);
	margin-bottom: 1rem;
}

.latest-instructions .business-details p {
	text-transform: uppercase;
	color: #666666;
	margin-bottom: 12px;
	font-size: 14px;
}

.latest-instructions .business-details p.title {
	font-size: 20px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
}

.latest-instructions .business-details p.location {}

.latest-instructions .business-details p.reference {
	margin-bottom: 1rem;
}

.latest-instructions .business-details .btn,
.featured-businesses .business-listing .btn {
	width: 49%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float:left;
	margin:0;
}

.latest-instructions .business-details .btn+.btn {
	margin-left:2%;
}

.latest-instructions .bx-wrapper .bx-controls-direction a.disabled {
	display: block !important;
}

/* --- Widgets --- */

.widget {
	background-color: #F47C38;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	padding: 30px;
	color: white;
	overflow: auto;
	margin-bottom: 30px;
	min-height: 326px;
}

.widget.dark {
	background-color: #073F77;
}

.widget+.widget {
	margin-top: 2rem;
}

.widget h3 {
	position: relative;
	padding-left: 60px;
	color: white;
}

.widget h3 .icon {
	width: 100%;
	max-width: 24px;
	max-height: 24px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}

.widget .btn {
	background: white;
	color: #333333;
	padding-left: 20px;
	padding-right: 20px;
}

@media(min-width:850px) {
	.widget.latest-news {
		min-height: 325px;
	}
}

.widget.latest-news ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: .9rem;
}

.widget.latest-news ul li+li {
	margin-top: .5rem;
}

.widget.contact-form .btn {
	float: right;
}

.widget.social-media h3 {
	padding-left: 0;
	font-weight: 300;
	font-size: 1.2rem;
}

.widget.social-media ul.social-media-icons {
	list-style: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: auto;
}

.widget.social-media ul.social-media-icons li {
	display: inline-block;
	float: left;
	width: 33.33333333%;
	padding-bottom: 10px;
	text-align: center;
}

.widget.social-media ul.social-media-icons li img {
	width: 60%;
	margin: auto;
}

.widget.social-media p {
	text-transform: uppercase;
	font-size: 1.1rem;
	margin: 0;
}

.widget.social-media .icon {
	width: 60px;
}

.widget.quick-search {
	background-color: #666;
}

.widget.quick-search ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget.quick-search ul li+li {
	margin-top: 10px;
}

.widget.quick-search ul li a {
	display: block;
	border: solid 3px white;
	border-radius: 3px;
	padding: 12px;
	text-transform: uppercase;
	text-align: center;
}

/* --- Menus & Lists --- */

ul.side-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.side-menu>li {
	border-radius: 5px;
	position: relative;
	margin-bottom: 10px;
}

ul.side-menu>li>a {
	display: block;
	padding: 1rem;
	background-color: #888888;
	color: white;
	font-size: 1.4rem;
	text-transform: uppercase;
	position: relative;
	border-radius: 5px;
	padding-right: 50px;
}

ul.side-menu>li>a .icon {
	position: absolute;
	right: 1rem;
	max-height: 25px;
	max-width: 30px;
	top: 50%;
	transform: translateY(-50%);
}

ul.side-menu>li.retail>a {
	color: white;
	background: #F47C38;
}

ul.side-menu>li.commercial>a {
	color: white;
	background: #073F77;
}

ul.side-menu>li.commercial-link>a {
	background: #073F77;
	color: white;
	padding: 1.5rem;
	padding-right: 1.5rem;
	text-align: center;
}

ul.side-menu>li.commercial-link>a .icon {
	position: relative;
	right: auto;
	top: auto;
	transform: none;
	display: block;
	margin: 1rem auto 0;
	max-width:120px;
	max-height:50px;
}

ul.side-menu>li.image>a {
	padding: 0;
	background: transparent;
	border-radius: 0;
}

ul.side-menu>li.image img {
	width: 100%;
}

ul.business-details-side-menu>li>a {
	text-align: center;
	background-color: #F47C38;
	color: white;
	padding: 1rem;
	background-image: none;
}

ul.business-details-side-menu>li.contact {
	text-align: center;
	background-color: transparent;
	border: solid 1px #cccccc;
	padding: 1rem;
	background-image: none;
	text-transform: uppercase;
	font-size: 1.4rem;
}

ul.business-details-side-menu>li.contact span {
	color: #073F77;
}

/* --- Contact Page --- */

.contact-details {
	margin-top: 3rem;
}

.contact-details>.flex-1 {
	min-width: 50%;
}

.contact-card {
	margin-bottom: 2rem;
}

.contact-card .image {
	background-color: #333;
	background-size: cover;
	background-position: center;
	flex: 1;
}

.contact-card .details {
	padding: 1.2rem;
	background-color: white;
	flex: 1;
}

.contact-card h2 {
	display: block;
	margin-bottom: 1rem;
}

@media(max-width:768px) {
	.contact-card .image,
	.contact-card .details {
		flex-basis: 100%;
	}
	.contact-card .image {
		padding: 40% 0 0;
	}
}

/* --- Meet the team --- */

ul.meet-the-team-slider {
	list-style: none;
	margin: 0 0 0;
	padding: 3rem 0 0;
	text-align: center;
}

ul.meet-the-team-slider li {}

ul.meet-the-team-slider .profile {
	flex-basis: 25%;
	min-width: 25%;
	max-width: 25%;
	margin-bottom: 1rem;
	padding: 0 1rem;
}

ul.meet-the-team-slider .profile .image {
	margin: 0 0 1rem;
min-height: 200px;
}

ul.meet-the-team-slider .profile .image img {
	width: 100%;
}

ul.meet-the-team-slider .profile h3 {
	color: #073F77;
	font-size: 1.3rem;
	margin: 0 0 .5rem;
}

ul.meet-the-team-slider .profile p {
	font-weight: 600;
}

@media(max-width:768px) {
	ul.meet-the-team-slider .profile {
		flex-basis: 50%;
		min-width: 50%;
		max-width;
		50%;
	}
}

/* --- Latest news --- */

.latest-news {
	margin-top: 3rem;
}

.news-listing {
	margin-bottom: 3rem;
	transition: all 0.2s ease;
}

.news-listing .image {
	flex: 1;
	background-size: cover;
	flex-basis: 33.333%;
	max-width: 33.333%;
	background-position: center;
	background-repeat: no-repeat;
}

.news-listing .details {
	flex: 1;
	background: white;
	padding: 2rem;
}

.news-listing .description,
.news-listing .description p {
	line-height: 20px;
	max-height: 60px;
	overflow: hidden;
}

.news-listing .btn {
	margin-top: 2rem;
}

.news-listing:hover {
	transform: scale(1.05);
}

.news-listing:hover .details {
	background: #f0f0f0;
}

.news-listing:hover h3 {
	color: #073F77;
}

@media(max-width:568px) {
	.news-listing .image {
		flex-basis: 100%;
		max-width: 100%;
		padding-top: 50%;
	}
}

/* --- News Article --- */

article {
	max-width: 900px;
	margin: 0 auto 3rem;
}

article h1 {
	margin-bottom: 1rem;
}

article p.date {
	color: #073F77;
	font-size: 1.1rem;
}

article img.article-image {
	display: inline-block;
	margin: 1rem auto;
	max-width: 100%;
}

.related-articles .news-listing .image {
	flex-basis: 100%;
	max-width: 100%;
	padding-top: 50%;
}

.news-listing .details {
	flex: 1;
	background: white;
	padding: 2rem;
}

.related-articles {
	border-top: solid 1px rgba(0, 0, 0, 0.05);
	padding-top: 3rem;
}

.related-articles h3 {
	font-size: 1rem;
}

.related-articles .btn {
	display: none;
}

/* --- Testimonial ---*/

.testimonial {
	margin-top: 3rem;
}

.testimonial img {
	width: 100%;
}

@media(max-width:768px) {
	.testimonial .image {
		display: none;
	}
}

/* --- Dashboard --- */

.dashboard {
	margin-top: 3rem;
}

.dashboard>.flex-1 {
	flex-basis: 50%;
	margin-bottom: 2rem;
}

.dashboard .widget {
	display: block;
	min-height: 0;
}

.dashboard .widget h3 {}

.dashboard .widget p {
	font-size: 1.2rem;
}

.dashboard .widget .btn {
	margin: 1rem 0 0;
}

/* --- Business Search --- */

.business-search .price-slider input[type="text"] {
	position: relative;
}

.business-search input,
.business-search select,
.business-search .btn {
	height: 41px;
}

.business-search input[type="text"],
.business-search select {
	padding-left: 55px;
}

.business-search .input {
	width: auto;
	position: relative;
}

.business-search .input img.icon {
	position: absolute;
	left: 0;
	top: 0;
	height: 41px;
}

.business-search .flex.location .btn {
	margin-left: 10px;
	padding: 14px;
}

.business-search .price {
	margin: 1rem 0 2rem;
}

.business-search .price #adPriceamount {
	width: auto;
	display: inline-block;
	height: auto;
	padding: 0;
	padding-left: 10px;
	color: #073F77;
	background: transparent;
	border: none;
	min-width: none;
}

.business-search .ui-slider {
	margin-bottom: 1rem;
}

.business-search .ui-slider-handle {
	padding: 1rem;
	top: 50%;
	transform: translateY(-50%);
}

.business-search .buttons {
	text-align: right;
}

.business-search .map-search {
	background: rgba(0, 0, 0, 0.1);
	padding: 2rem;
	border-radius: 5px;
	margin: 1rem 0;
}

.business-search .flex.grid.price label,
.business-search .flex.grid.price input {
	padding: 0;
	margin: 0;
}

.flex.grid.price input {
	height: auto;
	border: none;
	background: none;
}

/* --- Business Listing --- */

.business-listing {
	padding: 2rem;
	background: #F47C38;
	border-radius: 10px;
	align-items: flex-start;
	margin-bottom: 2rem;
}

.business-listing.commercial {
	background:#073F77;
}

.business-listing.featured {
	background: #073f77;
	background: -moz-linear-gradient(45deg, #073f77 0%, #2a4f75 100%);
	background: -webkit-linear-gradient(45deg, #073f77 0%, #2a4f75 100%);
	background: linear-gradient(45deg, #073f77 0%, #2a4f75 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073f77', endColorstr='#2a4f75', GradientType=1);
	position: relative;
}

.business-listing.featured::before {
	position: absolute;
	left: 0;
	display: block;
	content: 'Featured Business';
	padding: 12px;
	font-size: 1rem;
	color: white;
	background: #F47C38;
	top: 1rem;
	z-index: 20;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.business-listing .image {
	flex: 1;
	max-width: 40% !important;
	border: solid 3px white;
	display: block;
	line-height: 0;
}

.business-listing.featured .image {
	position: relative;
}

.business-listing>div.details {
	flex: 1;
	color: white;
	padding-left: 2rem;
}

.business-listing .image img {
	width: 100%;
	border: none;
	margin: 0;
	display: inline;
}

.business-listing h3 {
	color: white;
}

.business-listing p {
	font-size: 14px;
	font-weight: 100;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.business-listing .btn {
	background-color: white;
	color: #F47C38;
	font-size: 18px;
}

.business-listing .btn-o {
	color: white;
	border: solid 5px white;
	background-color: rgba(255, 255, 255, 0.05);
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
}

@media(max-width:650px) {
	.business-listing .image,
	.business-listing>div.details {
		flex-basis: 100%;
		max-width: 100% !important;
	}
	.business-listing>div.details {
		padding: 0;
	}
	.business-listing .image {
		margin-bottom: 30px;
	}
}

/* --- Featured Businesses --- */

.featured-businesses {
	background-color: #F47C38;
	text-align: center;
	color: white;
	border-radius: 5px;
	padding-top: 2rem;
}

.featured-businesses.commercial {
	background: #073F77;
}

.featured-businesses .business-listing {
	flex: 1;
	flex-basis: 25%;
	max-width: 25%;
	margin: 0;
	border-radius: 0;
	margin-bottom: 2rem;
	padding: 0 2rem;
	border-left: solid 1px rgba(255, 255, 255, 0.5);
	background: transparent;
}

.featured-businesses .business-listing:nth-of-type(4n+1) {
	border-left: none;
}

.featured-businesses .business-listing .image {
	display: block;
	width: 100%;
	max-width: none !important;
	padding: 50% 0 0;
	background-size: cover;
	background-position: center;
	border: none;
	margin-bottom: 16px;
}

.featured-businesses .business-listing h3 {
	font-size: 16px;
	margin-bottom: 8px;
}

.featured-businesses .business-listing p {
	font-size: 12px;
	margin-bottom: 8px;
	min-height: 12px;
	line-height: 12px;
	clear: both;
}

.featured-businesses .business-listing .btn {
	font-size: 12px;
	padding: 8px 8px 8px 32px;
	background-position: 8px;
	border: solid 3px white;
	width: 49%;
	float: left;
	margin-top: 12px;
}

.featured-businesses .business-listing .btn+.btn {
	margin-left: 2%;
}

.featured-businesses.commercial .business-listing .btn {
	color: #073F77;
}

.featured-businesses.commercial .business-listing .btn-o {
	color: white;
}

@media(max-width:700px) {
	.featured-businesses .business-listing {
		flex-basis: 100%;
		max-width: none;
		border: none;
		border-bottom: solid 1px white;
		margin: 0;
		padding: 2rem;
	}
}

/* --- Pagination --- */

.pagination {
	text-align: right;
}

.pagination ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination ul li {
	display: inline-block;
}

.pagination ul li a {
	display: inline-block;
	padding: 8px 16px !important;
	border: solid 1px #77787B;
	border-radius: 3px;
	font-size: 16px;
}

.pagination ul li a:hover {
	opacity: 0.5;
}

.pagination ul li.pag_wide a {
	border: none !important;
}

.pagination ul li a img {
	height: 14px;
}

/* --- Recent Sales --- */

.recent-sales h3,
.recent-sales p {
	text-align: left;
}

.recent-sales h3 {
	line-height: 20px;
	height: 60px;
	overflow: hidden;
}

.recent-sales p {
	font-size: 14px;
	line-height: 20px;
	max-height: 60px;
	overflow: hidden;
	text-transform: initial;
	margin-bottom: 2rem !important;
}

.recent-sales .article-content {
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 2rem;
}

.recent-sales .btn {
	width: auto;
	max-width: none !important;
}

.recent-sales>.flex {
	margin-left: -24px;
}

.recent-sales .business-listing {
	flex: 1;
	flex-shrink: 0;
	flex-basis: 20%;
	background-color: white;
	margin-left: 24px;
	padding: 16px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	text-align: center;
}

@media(max-width:768px) {
	.recent-sales .business-listing {
		flex-basis: 50%;
	}
}

@media(max-width:550px) {
	.recent-sales .business-listing {
		flex-basis: 100%;
	}
}

.recent-sales .business-listing h3 {
	color: #F47C38;
	font-size: 16px;
}

.recent-sales .business-listing .image {
	padding-top: 50%;
	width: 100%;
	display: block;
	max-width: none !important;
	background-size: cover;
	margin-bottom: 16px;
}

.recent-sales .business-listing .btn {
	background-color: #F47C38;
	color: white;
	border: none;
	display: inline-block;
	margin: auto;
}

.recent-sales.commercial h3 {
	color: #073F77;
}

.recent-sales.commercial .btn {
	background-color: #073F77;
}

/* --- Business Details page --- */

.business-details .btn {
	padding-top: 10px;
	padding-bottom: 10px;
}

.business-details h2 {
	margin: 30px 0 30px;
	font-size: 2rem;
}

.business-details h2 .ref {
	color: grey;
}

.business-details .image img {
	width: 100%;
	margin-bottom: 30px;
}

.business-details .details h3 {
	margin-top: 0;
	border: none;
	display: block;
	text-transform: uppercase;
	padding: 0;
}

.business-details .details p {
	text-transform: uppercase;
	font-size: 1.1rem;
}

.business-details .further-info {
	text-align: center;
	border-radius: 5px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	padding: 20px;
	margin: 30px 0;
}

.business-details .further-info p {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
}

.business-details .further-info p span {
	color: #073F77;
}

.business-details h3 {
	display: inline-block;
	min-width: 35%;
	text-transform: none;
	margin: 0 0 10px;
	padding-bottom: 10px;
	border-bottom: solid 2px rgba(0, 0, 0, 0.3);
}

.business-details p+h3 {
	margin-top: 20px;
}

.business-details .gallery a {
	flex: 1;
	min-width: 25%;
	max-width: 25%;
	border: solid 2px #f6f6f6;
}

.business-details .gallery a img {
	width: 100%;
}

.business-enquiry-form {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.9);
	color: white;
	overflow: auto !important;
	z-index: 5000;
	font-size: 14px;
}

.business-enquiry-form .container {
	overflow: auto;
	padding: 30px;
	width: 100%;
	max-width: 600px;
	margin: auto;
}

.business-enquiry-form .business-listing {
	background: transparent;
	padding: 0;
}

.business-enquiry-form .business-listing>div.details {
	padding-left: 0;
}

.business-enquiry-form h3 {
	color: white;
}

/* --- Saved Searches --- */

.saved-search {
	background: rgba(0, 0, 0, 0.1);
	padding: 24px;
	border-radius: 5px;
	transition: all .5s ease;
	margin-bottom: 24px;
}

.saved-search:hover {}

.saved-search .flex.grid {
	margin-bottom: 1rem;
}

.saved-search label {
	margin-bottom: 6px;
}

.saved-search p {
	font-size: 1.3rem;
}

/* --- Sell a Business - Commercial hero banner --- */

.commercial-hero-banner {
	position: relative;
	background-color: #222222;
	background-image: url('../Images/commercial-hero-banner.jpg');
	background-size: cover;
	background-position: center;
	margin: 2rem 0 0;
	overflow: auto;
}

.commercial-hero-banner>.commercial,
.commercial-hero-banner>.non-commercial {
	flex: 1;
	color: white;
	text-align: center;
	background-size: cover;
	background-position: center;
	padding: 60px;
	justify-content: space-between;
	align-items: middle;
	float: left;
	width: 50%;
}

@media(max-width:768px) {
	.commercial-hero-banner {
		background: transparent;
	}
	.commercial-hero-banner>.commercial {
		background-image: url('../Images/buy-commercial.jpg');
		flex-basis: 100%;
	}
	.commercial-hero-banner>.non-commercial {
		background-image: url('../Images/buy-non-commercial.jpg');
		flex-basis: 100%;
		margin-top: 1rem;
	}
}

.commercial-hero-banner img.icon {
	height: 40px;
}

.commercial-hero-banner h3 {
	text-transform: initial;
	margin: 30px 0;
}

.commercial-hero-banner p {
	text-transform: uppercase;
}

.commercial-hero-banner .btn {
	border: solid 5px white;
	background: transparent;
	margin: 30px auto 0;
	width: 100%;
	max-width: 200px;
}

.banner.sell-commercial {
	text-align: left;
	background-image: url('../Images/buy-commercial.jpg');
}

.banner.sell-commercial .flex.grid {
	align-items: center;
}

.banner.sell-commercial img {
	margin-bottom: 3rem;
	width: 80%;
	max-width: 250px;
}

.banner.sell-commercial h1 {
	margin: 0 0 1rem;
}

.banner.sell-commercial p {
	text-transform: uppercase;
	font-size: 1.2rem;
}

.banner.sell-commercial ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.banner.sell-commercial ul.nav li {
	margin-bottom: 8px;
}

.banner.sell-commercial ul.nav li a {
	display: block;
	border: solid 4px white;
	padding: 8px;
	font-size: 1.3rem;
	text-transform: uppercase;
	border-radius: 6px;
	font-weight: bold;
	text-align: center;
}

.banner.sell-commercial ul.nav li a:hover {
	opacity: 0.5;
}

/* --- Tabbed Content --- */

.service-tabs {
	margin-top: 50px;
	margin-bottom: 50px;
}

.service-tabs>div:nth-of-type(2) {
	border-left: solid 2px rgba(0, 0, 0, 0.4);
}

ul.tabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.tabs li {
	opacity: 0.6;
	text-transform: uppercase;
	font-size: 1.3rem;
	font-weight: 600;
	color: #F47C38;
	cursor: pointer;
}

ul.tabs li:hover {
	opacity: 1.0;
}

ul.tabs li.current {
	opacity: 1.0;
}

.tab-content {
	display: none;
	padding: 10px 0;
	font-size: 14px;
}

.tab-content.current {
	display: inherit;
}

/* --- Our Services (selling a business) --- */

img.our-service-stage {
	width: 75%;
	max-width: 400px;
	margin-bottom: 30px;
}

/* -- Contact Form -- */

.contact-form h4 {
	text-transform: uppercase;
	font-size: 1.1rem;
	margin-bottom: 8px;
}

.contact-form p {
	margin: 0 0 4px;
}

.contact-form input[type="checkbox"] {
	margin-bottom: 8px;
}

.contact-form input,
.contact-form select {
	font-size: 14px;
	padding: 12px;
}

.contact-form .time-selection select {
	padding: 8px;
	font-size: 12px;
}

/* --- Footer --- */

.footer {
	font-size: 12px;
	border-top: solid 1px rgba(0, 0, 0, 0.5);
	padding: 3rem 0;
	background-color: white;
}

.footer p {
	font-size: 14px;
	margin-bottom: 10px;
}

.footer ul,
.header ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	margin-left: -12px;
}

.footer ul>li,
.header ul>li {
	display: inline-block;
	padding-left: 6px;
	margin-left: 6px;
}

.footer ul>li>a {
	color: #073F77;
}

.footer ul:nth-of-type(1) li+li {
	border-left: solid 1px rgba(0, 0, 0, 0.5);
}

.footer ul.social-media-icons img,
.header ul.social-media-icons img {
	width: 30px;
}

.header-icons {
	display: inline-block;
	margin-left: 220px;
	width: 300px;
	height: 30px;
}

/* -- Print -- */

.print-only {
	display: none;
}

/* -- Latest Instructions on the homepage -- */

.home-slider {
	width: 100%;
}

@media(min-width:750px) {
	.home-slider {
		max-width: 50%;
	}
}

.bx-pager {
	display: none !important;
}