@charset "UTF-8";

@font-face {
	font-family: "Standard Text";
	src: url(https://static.standard.co.uk/s3fs-public/font/StandardText-RegularWEB.woff2) format("woff2"), url(https://static.standard.co.uk/s3fs-public/font/StandardText-RegularWEB.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "Standard Text";
	src: url(https://static.standard.co.uk/s3fs-public/font/StandardText-ItalicWEB.woff2) format("woff2"), url(https://static.standard.co.uk/s3fs-public/font/StandardText-ItalicWEB.woff) format("woff");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: "Standard Text";
	src: url(https://static.standard.co.uk/s3fs-public/font/StandardText-BoldWEB.woff2) format("woff2"), url(https://static.standard.co.uk/s3fs-public/font/StandardText-BoldWEB.woff) format("woff");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: "Standard Text";
	src: url(https://static.standard.co.uk/s3fs-public/font/StandardText-BoldItalicWEB.woff2) format("woff2"), url(https://static.standard.co.uk/s3fs-public/font/Standard-ExtraboldItalicWEB.woff) format("woff");
	font-weight: 700;
	font-style: italic
}

@font-face {
	font-family: "Standard Sans";
	font-weight: 400;
	font-style: normal;
	src: url(https://static.standard.co.uk/s3fs-public/font/StandardSans-RegularWEB.woff2) format("woff2"), url(https://static.standard.co.uk/s3fs-public/font/StandardSans-RegularWEB.woff) format("woff2")
}


@font-face {
	font-family: "Standard Sans";
	font-weight: 500;
	font-style: normal;
	src: url(https://static.standard.co.uk/s3fs-public/font/StandardSans-MediumWEB.woff2) format("woff2"), url(https://static.standard.co.uk/s3fs-public/font/StandardSans-MediumWEB.woff) format("woff")
}

@font-face {
	font-family: "Standard Sans";
	font-weight: 700;
	font-style: normal;
	src: url(https://static.standard.co.uk/s3fs-public/font/StandardSans-BoldWEB.woff2) format("woff2"), url(https://static.standard.co.uk/s3fs-public/font/StandardSans-BoldWEB.woff) format("woff")
}

@font-face {
	font-family: "Standard Sans";
	font-weight: 900;
	font-style: normal;
	src: url(https://static.standard.co.uk/s3fs-public/font/StandardSans-ExtraboldWEB.woff2) format("woff2"), url(https://static.standard.co.uk/s3fs-public/font/StandardSans-ExtraboldWEB.woff) format("woff")
}

@font-face {
	font-family: "Standard Sans";
	font-weight: 300;
	font-style: normal;
	src: url(https://static.standard.co.uk/s3fs-public/font/StandardSans-LightWEB.woff2) format("woff2"), url(https://static.standard.co.uk/s3fs-public/font/StandardSans-LightWEB.woff) format("woff")
}

h1,
h2,
h3,
h4 {
	font-weight: 500!important;
	margin-bottom: 0!important;
	color: #f96fb1 !important;
	font-family: "Standard Sans"!important
}


p {
	font-family: "Standard Text"!important
}


#floating-panel-text h2 {
	color: #000!important;
	margin-bottom: .84em!important;
	line-height: 21px
}

#floating-panel,
#floating-panel-compass {
	padding: 5px 5px 5px 10px;
	font-family: 'Standard Sans', sans-serif;
	line-height: 30px;
	position: absolute;
	z-index: 5;
	text-align: center
}

#map {
	height: 100%;
	max-width: 100%
}

body,
html {
	height: 100%;
	margin: 0;
	padding: 0
}

#floating-panel {
	top: 10px;
	left: 25%;
	background-color: #fff;
	border: 1px solid #999;
	margin-left: -52px
}



#floating-panel-text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	border: none;
	text-align: center;
	background: rgba(255, 255, 255, .9);
	padding: 0 25px;
	font-size: .7em;
	font-family: 'Fira sans', sans-serif
}

.infoW:after,
.infoW:before {
	content: ' ';
	z-index: 9999999;
	position: absolute
}

span.loading {
	display: block;
	text-align: center;
	font: 300 italic 72px/400px HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif
}

.gm-style-iw h2,
a.btnlink,
p.infoContent {
	font-family: 'Fira Sans', sans-serif
}

.gm-style-iw>div {
	max-width: 400px!important
}

.gm-style-iw h2 {
	margin-top: 10px;
	font-size: 19px;
	margin-bottom: 0!important;
	line-height: 23px;
	font-weight: 400
}

a.btnlink {
	background: #ed1b37;
	padding: 1px 6px 2px;
	border: 0;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	margin-top: 15px
}

a.btnlink:hover {
	background: #ec1a2e;
	border-color: #ec1a2e;
	color: #fff
}

p.infoContent {
	margin-top: 5px;
	margin-bottom: 1px;
	font-size: 13px;
	line-height: 17px
}

a>img {
	cursor: pointer
}

.btnRecentre:hover .btn-recentre-icon {
	background-position-x: -18px!important
}

.btnRecentre:hover span {
	color: #000;
}

.gm-style-iw {
	width: 251px!important;
	top: 0!important;
	left: 1px!important;
	border-radius: 2px 2px 0 0;
	min-height: 200px!important
}

.gmnoprint,
.gmnoprint img {
	cursor: pointer!important
}

.iw-content-inner {
	padding-left: 15px;
	padding-right: 15px
}

.closeContainer {
	width: 23px!important;
	height: 23px!important;
	border-radius: 50px!important;
	background: #6ea4f4;
	box-shadow: 2px -2px 1px -2px #888;
	top: -10px!important;
	right: -10px!important;
	border: 3px solid #6ea4f4
}

.closeContainer img {
	width: 19px!important;
	height: 19px!important;
	top: 2px!important;
	left: 2px!important
}

.infoW:before {
	background-image: url(icons/flowers.png);
	background-size: 90px;
	width: 86px;
	height: 64px;
	top: -30px;
	left: -34px
}

.infoW:after {
	background-image: url(icons/flowers-2.png);
	background-size: 56px;
	width: 59px;
	height: 60px;
	bottom: -20px;
	right: -14px
}

.gm-style .gm-style-iw {
	background-color: #F9E1F2!important
}

.infoW>div>div:nth-child(3)>div>div {
	background-color: #F9E1F2!important;
	margin: 0;
	padding: 0;
	top: 0
}



.loader {
	border: 6px solid #f3f3f3;
	border-radius: 50%;
	border-top: 6px solid #3498db;
	width: 50px;
	height: 50px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

@keyframes shake {
	0%,
	30%,
	60%,
	90% {
		transform: rotate(0)
	}
	10%,
	100%,
	50%,
	70% {
		transform: rotate(-1deg)
	}
	20%,
	40%,
	80% {
		transform: rotate(1deg)
	}
}




#overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 999;
  background: rgba(3, 39, 5, 0.8);
	overflow: scroll;
}
.overlay-content {
  width: 450px;
  margin: auto;
  background: #f5dfe1;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.thecontent {
  padding: 0 20px 20px;
}
.thecontent p {
  font-size: 18px;
    line-height: 26px;
    padding-top: 5px;
    color: #455156;
}

.button-close {
    background: rgba(249, 111, 177, 0.7);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: absolute;
  right:0;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}
.button-close svg {
  fill: #fff
}
.contentHere {
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.7);
}
.contentHere::before {
    content: ' ';
    background: url(icons/border.png);
    width: 250px;
    height: 250px;
    display: block;
    position: absolute;
    top: -58px;
    left: -54px;
    background-size: contain;
    background-repeat: no-repeat;
	-webkit-filter: drop-shadow(3px 5px 3px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(3px 5px 3px rgba(0, 0, 0, 0.4));
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=5, Color='#000')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=5, Color='#000')";
}

.addressAndLink {
	padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}
.addressAndLink a {
	color: #f96fb1;
}
.addressAndLink a:hover {
	color: #fd4d5d;
}


@media only screen and (max-width:559px) {
	.overlay-content {
    width: 80%;
    margin: auto;
    background: #f5dfe1;
    top: 34px;
    left: 0;
    position: relative;
     transform: unset;
}
	.contentHere::before {
    content: ' ';
    background: url(icons/border.png);
    width: 150px;
    height: 150px;
    display: block;
    position: absolute;
    top: -34px;
    left: -41px;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: drop-shadow(1px 5px 4px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(1px 5px 4px rgba(0, 0, 0, 0.7));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=5, Color='#000')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=5, Color='#000')";
}
	.thecontent p {
    font-size: 16px;
}
}