/*Colours
Primary
	#007395
	rgba(0,115,148,1)
	
Primary medium
	#008eab
	rgba(0,115,148,.7)
	
Primary light
	#41aec9
	rgba(0,115,148,4)
	
Black

Grey
	#404040
	rgba(0,0,0,.75)
Light Grey
	#808080
	rgba(0,0,0,.5)
*/


/*fluidFont*/
html {
	font-size:16px;
	font-size:calc(13px + (16 - 13) * (100vw - 400px) / (1900 - 400));
}
h1 {
	font-size:1.728rem;
}
h2 {
	font-size:1.44rem;
}
h3 {
	font-size:1.2rem;
}
h4, p {
	font-size:1rem;
}
h5 {
	font-size:0.833rem;
}
h6 {
	font-size:0.694rem;
}

.h3Menu {
    font-size: 1.2rem;
    bottom: 0;
    position: absolute;
    width: 82%;
    text-align: center;
}

.formPopUp {
    padding: 20px;
    overflow: hidden;
    color: Black;
}

/*Other*/
.swiper-button-prev {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.wrap {
	margin:5rem 0;
}

html, body {
	display:flex;
	flex-flow:column;
	min-height:100vh;
	font-family:'Roboto', sans-serif;
}
.pageWrap {
	flex:1 0 auto;
}
footer {
	flex:0 0 auto;
}

button.stdBtn {
	background:#007395;
	border:solid 2px #fff;
	font-weight:bold;
	width:100%;
	padding:.5rem;
	cursor:pointer;
	color:#fff;
}
button.stdBtn:hover {
	background:#fff;
	border-color:#007395;
	color:#007395;
}

.stdBtn {
    background: #007395;
    border: solid 2px #fff;
    font-weight: bold;
    width: 100%;
    padding: .5rem;
    cursor: pointer;
    color: #fff;
}

    .stdBtn:hover {
        background: #fff;
        border-color: #007395;
        color: #007395;
    }

img[src$=".svg"], .dropdown-menu img {
	width:100%;
	max-width:7.5rem;
}


/*Navbar*/
.navbar {
	padding:0;
	background:#fff;
	font-size:1.2rem;
	border-bottom:solid thin #007395;
}
.navbar a {
	color:#007395;
}
.navbar a:hover {
	color:#41aec9;
}

.nav-link {
	padding-top:1rem;
	padding-bottom:1rem;
}

.dropdown-menu {
	margin:0 15px;
	border-radius:0;
	background:rgba(255,255,255,1);
	border:solid thin #007395;
	color:#000;
	padding:1rem 0 0;
	text-align:center;
}
@media (max-width:991px) {
	.dropdown-menu {
		border:none;
	}
}

.dropdown-menu a {
	color:#000;
	display:block;
	padding:1rem 1.5rem;
	transition:all .35s;
}
.dropdown-menu a:hover {
	color:#000;
	opacity:.75;
	text-decoration:none;
	transform:scale(.975);
	transition:all .35s;
}
.dropdown-menu img {
	display:block;
	margin:0 auto 1rem;
}

@media (max-width:992px) {
	.navbar-expand-lg > .container {
		padding:0 15px;
	}
	.dropdown-menu a {
		padding:0 0 1rem;
	}
	.dropdown-menu div[class^="col-"]:last-child a {
		padding:0;
	}
}

.yamm-fullwidth img {
	width:100%;
	height:auto;
}

.navbar-brand {
	padding:0;
}
.navbar-brand img {
	max-width:350px;
}

.navbar-toggler i {
	color:#007395;
	font-size:2rem;
}

.inlineNavLink {
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
}
.inlineNavLink > div {
	padding-left:.25rem;
}

.subNav {
	background:#007395;
	padding:1rem 0;
}
.subNav .container {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
}
.subNav a {
	position:relative;
	color:#fff;
	font-size:1.2rem;
}
.subNav a:hover {
	color:#fff;
	opacity:.75;
	text-decoration:none;
}
.subNav a::after {
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}


/*Footer*/
footer {
	position:relative;
	background:url('/images/placeholderWide.jpg') center center / cover no-repeat;
	color:#fff;
	padding-bottom:1rem;
}
footer::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.75);
}
footer .container {
	z-index:1;
}

footer img {
	align-self:center;
	max-width:300px;
}
footer hr {
	border-color:#fff;
}

footer a {
	color:#41aec9;
}
footer a:hover {
	color:#fff;
	text-decoration:none;
}

.footerTop {
	padding-top:1rem;
}
.footerTop a {
	display:block;
	font-size:1.2rem;
}
.footerTop > .col:first-child {
	display:flex;
}
.footerTop > .col:nth-child(2) {
	display:flex;
	justify-content:flex-end;
}

.footerMenu {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:flex-start;
}
.footerMenu ul {
	list-style-type:none;
	padding:0;
}
.footerMenu ul li:first-child {
	font-size:1.2rem;
	text-decoration:underline;
}

footer .imgLink {
	margin-right:2rem;
	max-width:50px;
	align-self:center;
}
footer .imgLink img {
	width:100%;
	height:auto;
}


/*Index*/
.indexSwiper {
	height:80vh;
}
.indexSwiper .swiper-slide {
	background:center center / cover no-repeat;
}

.searchOverlay {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:1;
	padding:1.5rem 0;
	background:rgba(0,115,148,.75);
	color:#fff;
}

.lineAfter {
	display:flex;
	flex-flow:row nowrap;
}
.lineAfter *:first-child {
	flex:0 0 auto;
}
.lineAfter *:last-child {
	flex:1 1 auto;
	margin-left:1rem;
	border-color:#fff;
}

.searchOverlay input {
	width:100%;
	padding:.5rem;
}
.searchOverlay button {
	width:100%;
	align-self:flex-end;
}

.q2Img {
	background:center center / cover no-repeat;
}
@media (max-width:768px) {
	.q2Img {
		display:none;
	}
}

.qLinks2 img {
	width:60%;
	height:auto;
	margin:0 auto 1rem;
}

.qLinks2 a {
	display:flex;
	flex-flow:column;
	color:#007395;
	width:100%;
	height:100%;
	padding:1rem;
	border:solid 1px #007395;
	text-align:center;
	justify-content:center;
	font-size:1.5rem;
}

.qLinks2 a:hover {
	color:#41aec9;
	text-decoration:none;
}
.qLinks2 a:hover i {
	color:#41aec9;
}

.qLinks a {
	display:block;
	border:solid 1px #007395;
	padding:1rem;
	color:#007395;
	height:100%;
}
.qLinks img {
	width:100%;
	height:auto;
}

.qLinks .row {
	height:100%;
}
.qLinks .col-6 {
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-items:center;
}
.qLinks .col-6:first-child {
	border-right:solid 1px #007395;
}

.qLinks p {
	margin:0;
	font-size:1.44rem;
}

.qLinks a:hover {
	text-decoration:none;
	color:#41aec9;
	border-color:#41aec9;
}

/*Search*/
.searchSection h2 {
	color:#007395;
}

.searchSection input, .searchSection select {
	width:100%;
	padding:.5rem;
	margin-bottom:1rem;
}

.txtbx {
    width: 100%;
    padding: .5rem;
    margin-bottom: 1rem;
}

.resultsWrap {
	position:relative;
	padding:2rem 0;
	background:url('../images/ListingsPageBackgroundTiled.png') left top / 40rem repeat repeat;
}
.resultsWrap span.txtDisplay {
	color:#fff;
}

.searchLink {
	display:block;
	border:solid 1px #007395;
	outline:solid .5rem #fff;
	margin:.5rem;
	background:#fff;
	transition:all .35s;
}
.searchLink:hover {
	text-decoration:none;
	transform:scale(.98);
	transition:all .35s;
}
.searchLink:not(:last-child) {
	margin-bottom:2rem;
}

.searchLink .col-sm-6:first-child img {
	padding-right:.25rem;
}
.searchLink .col-sm-6:last-child img {
	padding-left:.25rem;
}
@media (max-width:576px) {
	.searchLink .col-sm-6:first-child img {
		padding-right:0;
	}
	.searchLink .col-sm-6:last-child img {
		padding-left:0;
		padding-top:.5rem;
	}
}
.searchLink img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.searchInner {
	display:flex;
	flex-flow:row nowrap;
}
.searchText {
	position:relative;
	color:#000;
	flex:1 1 auto;
	margin:.5rem;
}
.searchText h1 {
	color:#007395;
}
.searchMore {
	position:absolute;
	bottom:0;
	left:0;
	width:calc(100% + 1rem);
	margin:0 -.5rem -.5rem;
	padding:.5rem 0 .5rem .5rem;
	border-top:solid 1px #007395;
	background:#007395;
	color:#fff;
	font-weight:bold;
	transition:all.35s;
}
.searchLink:hover .searchMore {
	background:#fff;
	color:#007395;
	transition:all.35s;
}

.searchIcons {
	flex-grow:0!important;
	display:flex;
	flex-flow:column;
	justify-content:center;
	text-align:center;
	color:#fff;
	background:#007395;
	margin:0!important;
	transition:background .35s;
}
.searchIcons > div {
	flex:0 1 auto;
	display:flex;
	flex-flow:column;
	justify-content:center;
	border:solid 1px #fff;
	border-width:1px 0 0 1px;
	padding:1rem;
	transition:all .35s;
}
.searchIcons > div:first-child {
	border-top:none;
}
.searchIcons p {
	margin:0;
}
.searchLink:hover .searchIcons {
	color:#007395;
	background:#fff;
	transition:background .35s;
}
.searchLink:hover .searchIcons > div {
	border-color:#007395;
	transition:all .35s;
}
.searchIcons p {
	font-size:1.2rem;
}
.searchIcons i {
	font-size:2rem;
}

/*Property*/
.propSwiper {
	position:relative;
	background:#404040;
}
.propSwiper .swiper-slide {
	width:100%;
	height:1080px;
	max-height:70vh;
	background:center center / cover no-repeat;
}
.propSwiper .swiper-slide:not(.swiper-slide-active) {
	opacity:.25;
}
.propSwiper .swiper-slide-active {
	border:solid thin #fff;
	border-width:0 5px;
}
@media (max-width:990px) {
	.propSwiper .swiper-slide-active {
		border-width:0;
	}
}

.propTitle {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:1rem;
	background:linear-gradient(to right, #007395, transparent);
	color:#fff;
	text-shadow:2px 2px 2px #000;
	z-index:1;
}
.propTitle h1 {
	font-size:3rem;
}
.propTitle h3 {
	font-size:1.5rem;
}
.propTitle i.gap {
	margin-left:2.4rem;
}

.propLower {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:1rem;
	background:linear-gradient(to left, #007395, transparent);
	color:#fff;
	text-shadow:2px 2px 2px #000;
	z-index:1;
	text-align:right;
}
.propLower h2 {
	font-size:3rem;
}

.propSide {
	padding:1rem;
	background:rgba(0,0,0,.75);
	color:#fff;
}

.propSide img {
	width:100%;
	max-width:320px;
	margin-bottom:.5rem;
}

.propSide input, .propSide textarea {
	width:100%;
	padding:.5rem;
	margin-bottom:.5rem;
}

.propSide button + button {
	margin-top:.75rem;
}

.propSide hr {
	border-color:#fff;
}

.propSide p {
	margin:.5rem 0 .25rem;
}

.propSide button {
	width:100%;
	color:#fff;
	background:#007395;
	border:solid 2px #fff;
	font-weight:bold;
	padding:.5rem;
	cursor:pointer;
}
.propSide button:hover {
	border-color:#007395;
	background:#fff;
	color:#007395;
}

.propTools {
	margin:1rem 0;
	padding:1rem;
	border:solid thin #080808;
}
.propTools a {
	display:block;
	border-bottom:dotted thin #808080;
	color:#007395;
}
.propTools a:hover {
	color:#41aec9;
	text-decoration:none;
}

/*Forms*/

.formRow {
    padding-top: 5px;
}

.clrRed {
    padding-left: 5px;
    color: red;
    text-decoration: solid;
}
.pagination {
    margin: 0;
    /*margin-bottom: 30px;*/
}

    .pagination > span > a, .pagination > span > span {
        background-color: #fff;
        border: 1px solid #fff;
        display: inline;
        float: left;
        line-height: 1.42857;
        margin-left: -1px;
        padding: 6px 12px;
        position: relative;
        text-decoration: none;
    }

    .pagination > span > a {
        color: #41AEC9 !important;
    }

    .pagination > span > span {
        color: #fff !important;
    }

        .pagination > span > a:first-child, .pagination > span > span:first-child {
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            margin-left: 0;
            color: #41AEC9 !important;
        }

        .pagination > span > a:last-child, .pagination > span > span:last-child {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
            color: #41AEC9 !important;
        }

    .pagination > span > span {
        background-color: #41AEC9 !important;
        color: #FFF;
        cursor: default;
        z-index: 2;
    }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #00c2ff !important;
        border-color: #00c2ff !important;
        cursor: pointer;
    }

    .pagination > li > a, .pagination > li > span {
        cursor: pointer;
    }
	

	
/*Team*/
.director {
	margin-top:3rem;
	margin-bottom:3rem;
}
.director > div {
	display:flex;
	flex-flow:column;
	justify-content:flex-end;
}

.director img {
	width:100%;
	height:auto;
}

.director > div > *:last-child {
	margin-bottom:0;
}






.deskMobSwitch img {
	width:100%;
	height:auto;
}
.mobileImg {
	display:none;
}
@media (max-width:768px) {
	.mobileImg {
		display:block;
	}
	.desktopImg {
		display:none;
	}
}