/* 3-col template defaults */
@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}

.portfolio-item {
    margin-bottom: 30px;
}

.pagination {
    margin-bottom: 30px;
}
/* End 3-col */

/* Font Awesome Excerpt */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-info:before {
  content: "\f129";
}
.fa-search:before {
  content: "\f002";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-star:before {
  content: "\f005";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
/* FontAwesome */

body { padding-top: 51px; }
	@media (min-width: 768px) {
		body { padding-top: 91px; }
	}

a, a:hover { color: inherit; text-decoration: none; }
a.nopointer { cursor: default !important; }

h2 { font-size: 1.25em; color: #0080c0; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.blue {color:blue;}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

a.my-4, a.mt-4, a.mt-3, a.mt-2, .lists > a { display: inline-block; }
.input-group.my-4 { margin-top: 1.2rem !important;}

@media (max-width: 700px) {
	.my-4, .input-group.my-4  { margin-top: 0 !important; }
}

@media (max-width: 700px) {
	.input-group.my-4  { margin-top: 0 !important; }
}

/*! Responsive Display */

/*! Colours */
.bg-light { background-color: #f5f5f5 !important;}
.bg-blue { background-color: rgb(28, 132, 198); }
.bg-lt-blue {
background-color: #E9EEF2;
background-image: -moz-linear-gradient(270deg,rgb(254,255,255) 0.52%,rgb(233,238,242) 99.66%);
background-image: -o-linear-gradient(270deg,rgb(254,255,255) 0.52%,rgb(233,238,242) 99.66%);
background-image: -linear-gradient(270deg,rgb(254,255,255) 0.52%,rgb(233,238,242) 99.66%);
background-image: -webkit-gradient(linear,left top,right bottom,from(rgb(254,255,255)),to(rgb(233,238,242)));
background-image: -webkit-linear-gradient(270deg,rgb(254,255,255) 0.52%,rgb(233,238,242) 99.66%);
background-image: -ms-linear-gradient(270deg,rgb(254,255,255) 0.52%,rgb(233,238,242) 99.66%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='FFFEFFFF',EndColorStr='FFE9EEF2');
/*!		background-color: rgba(234, 238, 242, 1);*/ }
.bg-darkblue { background-color: #0f6ba3; }
.bg-green, .bg-success { background-color: rgb(26, 179, 148); }
/* .bg-lightblue { background-color: rgb(35, 198, 200); } */
.bg-lightblue { background-color: rgb(49, 174, 251); }
.bg-orange, .bg-warning { background-color: rgb(247, 172, 89); }
.bg-red, .bg-danger { background-color: rgb(237, 85, 101); }
.bg-darkblue { background-color: #0f6ba3; }
.bg-green, .bg-success { background-color: rgb(26, 179, 148); }
/* .bg-lightblue { background-color: rgb(35, 198, 200); } */
.bg-lightblue { background-color: rgb(49, 174, 251); }
.bg-orange, .bg-warning { background-color: rgb(247, 172, 89); }
.bg-red, .bg-danger { background-color: rgb(237, 85, 101); }

/*! Buttons */
.btn { cursor: pointer; }

.btn-mw, .btn-minwidth { min-width: 10em; }
.btn-block, .btn-fw, .btn-fullwidth {
  display: block;
  width: 100%;
}

.btn-xs {
	padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.btn-sm {
  padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 1.5em;
  line-height: 1.3333333;
}

/* .btn-default, */ .btn-white {
  background: white;
  border: 1px solid #e7eaec;
	color: inherit;
}
.btn-blue {
  background-color: #1c84c6;
  border-color: #1c84c6;
  color: #FFFFFF;
}
.btn-green, .btn-success {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #FFFFFF;
}
.btn-lightblue {
	background-color: rgb(49, 174, 251);
  border-color: rgb(49, 174, 251);
  color: #FFFFFF;
}
.btn-orange, .btn-warning {
	background-color: #f8ac59;
  border-color: #f8ac59;
  color: #FFFFFF;
}
.btn-red, .btn-danger {
  background-color: #ed5565;
  border-color: #ed5565;
  color: #FFFFFF;
}

.btn.active, .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.btn-white.active, .btn-white:active {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
  border: 1px solid #d2d2d2;
}
	.input-group-btn .btn-white { border-color: rgb(208, 208, 208); }

.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}
.btn-blue.btn-outline { color: #1c84c6; }
.btn-green.btn-outline { color: #1ab394; }
.btn-lightblue.btn-outline { color: #23c6c8; }
.btn-orange.btn-outline { color: #f8ac59; }
.btn-red.btn-outline { color: #ed5565; }

.text-light { color: #fff; }
.text-dark { color: #444; }
.text-blue { color: #0080c0; /* color: #1c84c6; */ }
.text-red { color: #ed5565; }
.text-green { color: #1ab394; }

.pull-left { float: left; }
.pull-right { float: right; }

/*! Grid */

.row.equal-height > div > div {
	min-height: 100%;
}

 /* 1/5 Columns */
.col-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
  position: relative;
  width: 100%;
}
	.col-15 {
	  width: 20%;
	  float: left;
	}

	@media (min-width: 768px) {
		.col-sm-15 {
      flex: 0 0 20%;
      max-width: 20%;
    }
	}

	@media (min-width: 992px) {
    .col-md-15 {
      flex: 0 0 20%;
      max-width: 20%;
    }
	}

	@media (min-width: 1200px) {
    .col-lg-15 {
      flex: 0 0 20%;
      max-width: 20%;
    }
	}

/*! Forms */

/*! Search Box */
/* Typeahead */
.input-group .twitter-typeahead,
.input-group .tt-hint { width: 100%; }
.search-box .input-group .form-control,
.input-group .form-control.tt-input {
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #0080c0; /*rgba(0,0,0,.15);*/
  border-radius: .25rem 0 0 .25rem !important;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input-group .form-control.tt-hint { color: #aaa; }

.tt-menu {
	text-align: left;
  width: 100%;
  margin: 0.33rem 0;
  padding: .5rem 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: .25rem;
     -moz-border-radius: .25rem;
          border-radius: .25rem;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 0.18rem 0.75rem;
  font-size: 1rem;
  line-height: 1.2rem;
}

	.tt-suggestion:hover {
	  cursor: pointer;
	  color: #fff;
	  background-color: #0080c0;
	}

	.tt-suggestion.tt-cursor {
	  color: #fff;
	  background-color: #0080c0;
	}

	.tt-suggestion p { margin: 0; }

.search-box .input-group-btn .btn { background-color: #0080c0; border-color: #0080c0; color: #fff; }

/*! Navigation Bar */
.navbar { border-bottom: 1px solid #cccccc;margin-bottom: 5px; }
.navbar h1 { color: #0080c0; flex: 2 1 auto; font-family: Helvetica, sans-serif; font-size: 1.9em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.navbar h1 small { color: #999; font-size: 1em; font-weight: normal; text-transform:none; }
.navbar-brand { padding: 0; margin-right: 0; }

@media (max-width: 760px) {
	.navbar h1 { font-size: 1.6em; max-width: 200px; }
	.navbar h1 small { font-size: .8em; }
}

@media (max-width: 480px) {
	.navbar-brand { max-width: 60px; margin-right: 0.25rem; }
	.navbar-brand img { width: 100%; height: auto;}
	.navbar h1 { font-size: 1.2em; margin-bottom: 0.1rem; }
	.navbar h1 small { font-size: 0.9em; }
}

@media (max-width: 400px) {
	.navbar { padding-left: 0.25rem; }
	.navbar h1 { white-space: normal; }
}

@media (min-width: 768px) {
	.navbar-brand { margin-right: 1rem; }
}

@media (min-width: 1280px) {
	.navbar-brand { margin-left: 3em; }
	.navbar-collapse { margin-right: 3em; }
}

.navbar-nav .nav-link {
	border-bottom: 2px solid transparent;
	display: inline-block;
	font-variant: small-caps;
	padding-bottom: 0.2rem;
	text-transform: lowercase;
}
.navbar-nav .nav-item.active .nav-link { border-color: #afafaf; color: red}
.navbar-nav .nav-link:hover { border-color: rgba(0, 0, 0, 0.3); }
.navbar-collapse { flex-basis: 50%;}
.navbar-toggler { border: none; padding-bottom: 0; padding-top: 0; }

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		margin: 0 0.5rem;
		padding-left: 0;
		padding-right: 0;
	}
}

/*! Tooltips */
.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: rgb(28,132,198); }
.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: rgb(28,132,198); }
.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: rgb(28,132,198); }
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: rgb(28,132,198); }
.tooltip-inner {
	background-color: rgba(28,132,198, 1);
}

.back-to-top {
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 10000;
}

/*! List Page */

.card { border: 1px solid rgba(0,0,0,.2); }

.card-img-top { height: auto; }

.advert { margin-bottom: 30px; min-height: 100%; }
	.advert .card {
		background-color: #ffffef;
		background-image: url(../img/ad.png);
		background-repeat: no-repeat;
	  background-position: right 0.5em bottom 0.5em;
		border-radius: 0.25rem;
		color: #555;
		font-size: 0.85em;
		padding: 0.5em 0.5em 1.6em;
	}

	@media (min-width: 600px) {
		.advert .card { min-height: 70px; }
	}

	@media (min-width: 1280px) {
		.advert .card { min-height: 0; }
	}

.list .portfolio-item.p-flex {
	display: flex;
	justify-content: stretch;
	align-items: stretch;
	min-height: 190px;
}

.list .p-flex .card {
	flex: 1;

	display: flex;
	justify-content: stretch;
	align-items: stretch;

	border-radius: 0.25rem;
	overflow: hidden;
}
	.list .p-flex .card a:hover { text-decoration: none; }

	.list .p-flex .card-details { position: relative; }

		.list .p-flex .card .card-image-top {
			border-top-left-radius: calc(0.2rem - 1px);
	    border-top-right-radius: calc(0.2rem - 1px);
		}

		.list .p-flex .card-description {
			background-color: rgba(0, 0, 0, .5);
			box-sizing: border-box;
			color: #fff;
			font-size: 0.8em;
			height: 100%;
			right: 100%;
			padding: 1em 1.5em 1em 1em;
			position: absolute;
			top: 0;
			transition: all 0.2s;
			width: 100%;
			z-index: 100;
		}

			.list .p-flex:hover .card-description { right: 0; }

			/* styles for '...' */
			.list .p-flex .card-description p {
			  overflow: hidden;
			  position: relative;
			  line-height: 1.3em;
			  max-height: 11.3em;
			  text-align: justify;
			  margin-right: -1em;
			  padding-right: 1em;
			}
				.list .p-flex .card-description p:before {
				  content: '...';
				  position: absolute;
				  right: 0;
				  bottom: 0;
				}
				.list .p-flex .card-description p:after {
				  content: '';
				  position: absolute;
				  right: 0;
				  width: 1em;
				  height: 1em;
				  margin-top: 0.2em;
				  background: black;
				}

	.list .p-flex .card-body {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-end;
		padding: 0;
		z-index: 1;
	}

		.list .p-flex .card-tags {
			flex: 2;
			padding: 1em;

			left: 0;
			position: absolute;
			top: 0;
			transition: all 0.2s;
			width: 100%;
		}

			.list .p-flex:hover .card-tags { opacity: 0.2; }

			.list .card .card-price,
			.legend .card-price {
				border-radius: 0.2em;
				box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .2);
				padding: .25em .5em;
			}

				.legend { cursor: help; font-size: 0.9em; }
				.legend > span:first-of-type { padding-right: 1em; }
				.legend .card-price { cursor: help; font-size: 0.7em; }

				.list .card .card-price small {
					font-variant: small-caps;
				}

				.list .card .card-price + .card-price,
				.legend .card-price + .card-price { margin-right: .2em; }

				.list .card.offer .card-price.offer {
					font-size: 0.8em;
					font-variant: small-caps;
					text-transform: lowercase;
				}

		.list .p-flex .card-title,
		.list .p-flex .card-address {
			color: #444;
			font-size: 1.2em;
			margin: 0;
			padding: 0.65rem 1.25rem 0;
			text-align: center;
			text-transform: uppercase;
			z-index: 2;
		}
			.list .p-flex .card-title a { color: inherit; }

		.list .p-flex .card-address {
			font-size: 0.7em;
			padding-bottom: 0.65rem;
			padding-top: 0;
		}

	@media (min-width: 600px) {
		.list .portfolio-item.p-flex { min-height: 160px; }

		.list .p-flex .card-tags { padding: 1rem; }

		.list .p-flex .card-price { font-size: 0.8em; }

		.list .p-flex .card-title {
			font-size: 0.82em;
			line-height: 1.1rem;
			padding-left: 0.65rem;
			padding-right: 0.65rem;
			white-space: nowrap;
		}

		.list .p-flex .card-title.text-small { font-size: 0.7em; }
		.list .p-flex .card-title.text-xsmall { font-size: 0.6em; }
	}

	@media (min-width: 1280px) {
		.list .p-flex .card-title.text-small { font-size: 0.8em; }
		.list .p-flex .card-title.text-xsmall { font-size: 0.7em; }
	}

	@media (min-width: 1024px) and (max-height: 800px) {
		.list .portfolio-item.p-flex { min-height: 120px; }
	}

	@media (min-width: 700px) and (max-width: 1240px) and (max-height: 1400px) {
		.list .portfolio-item.p-flex { min-height: 140px; }
	}

/* Button Adverts & Offers */
.list .button-offers .p-flex {
	margin-bottom: 0;
	min-height: 130px;
}
	.list .button-offers .p-flex .card-description p { text-align: left; }

.list .button-offers .advert { margin-bottom: 0; }

.list .button-offers .advert .card {
	padding-top: 9%;
	text-align: center;
}
	@media (max-width: 768px) {
		.list .button-offers .p-flex { min-height: 90px; }
		.list .button-offers .advert .card { padding-top: 5%; background-image: none; }
	}
	@media (max-width: 500px) {
		.list .button-offers .p-flex { margin-bottom: 30px; }
		.list .button-offers .p-flex .card-title {
			font-size: 0.9em;
			padding-bottom: 0.6em;
		}
	}
	@media (min-width: 600px) and (max-width: 768px) {
		.list .button-offers .p-flex .card-title {
			background-color: rgba(255, 255, 255, 0.6);
			bottom: 0;
			font-size: 0.55em;
			position: absolute;
			width: 100%;
		}
	}

/* Pagination */
.pagination .btn { color: #0080c0; }
.pagination .btn-fill { color: #bbb !important; }

/*! Directory */
.card.link { display:inline-block; cursor: pointer; transition: all 0.2s; width: 100%; }
.card.link:hover { background-color: rgba(0, 0, 0, 0.05); }
.card.link img { position: absolute; top: 1rem; right: 0.5rem; }
.card.link.hasstars img { top: 0.5rem; }
.card.link .stars { position: absolute; bottom: 0; right: 0.5rem; }
.card.link .fa-star { font-size: 0.8em; }

@media (min-width: 768px) {
	.row.links > .col-sm-12 { column-count: 2; }
}

@media (min-width: 1024px) {
	.row.links > .col-sm-12 { column-count: 3; }
}

/*! Footer List */
.townlist h3 { padding-left: 1rem; }

.townlist ul {
	padding: 0;
}

.townlist ul li {
	font-size: 0.8em;
	margin: 0;
	list-style: none;
	padding: 0 0 0 1rem;
}

.townlist .columns { column-count: 2; }

@media (min-width: 400px) {
	.townlist ul li { font-size: 0.9em; }
}

@media (min-width: 768px) {
	.townlist h3 { padding-left: 3rem; }
	.townlist ul li { font-size: 1em; padding: 0 0 0 3rem; }
	.townlist .columns { column-count: 3; }
}

@media (min-width: 1024px) {
	.townlist .columns { column-count: 4; }
}

/*! Footer */
.container + footer { margin-top: 2rem; }
footer * { font-size: 0.8rem; }
	footer ul { text-align: center; }
		footer ul li {
			display: inline-block;
			color: white;
			margin-right: 0.5em;
			padding-left: 0.7em;
			position: relative;
		}
/*
		footer ul li:before {
			color: white;
			content: '\f111';
			font-family: FontAwesome;
			font-size: 0.4em;
			left: 0;
			margin-top: -0.55em;
			position: absolute;
			top: 50%;
		}
*/
		footer ul li a { color: inherit; }

/*! Bnbowners.php */
.container.bnbowners { position: relative; }
#fade {
	background-color: rgba(0, 0, 0, 0.5);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
}

#page-large {
	border: 3px solid #0080c0;
	box-sizing: border-box;
	left: 5%;
	position: absolute;
	top: 5%;
	width: 90%;
	z-index: 100;
}

@media (max-width: 800px) {
	#page-large {
		top: 2rem;
		left: 1%;
		width: 98%;
	}
}