:root {
  --white: white;
  --black: black;
}

.navbar {
  z-index: 1000;
  clear: none;
  background-color: #ffffffdb;
  height: 150px;
  padding-top: 15px;
  position: fixed;
  left: 0;
  right: 0;
}

.section {
  height: 800px;
  display: none;
}

.heading {
  text-align: center;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.container {
  padding-top: 24px;
}

.paragraph, .body-text {
  text-align: center;
  margin-top: 43px;
  margin-left: 100px;
  margin-right: 100px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.column-text {
  text-align: center;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.map-section {
  width: 1700px;
  height: 100%;
}

.link-block {
  z-index: 2;
  opacity: .71;
  margin-top: 466px;
  margin-left: 590px;
  transition: opacity .2s;
  display: block;
  position: relative;
}

.link-block:hover {
  opacity: 1;
}

.image {
  width: 80px;
  position: fixed;
}

.image-2 {
  z-index: 1;
  width: 1700px;
  margin-top: 0;
  display: block;
  position: relative;
}

.image-3 {
  display: block;
}

.div-block {
  width: 700px;
  height: auto;
  display: none;
  position: fixed;
}

.div-block-2 {
  z-index: 2;
  opacity: .72;
  width: 100px;
  height: 100px;
  margin-top: -1277px;
  margin-left: 735px;
  padding-top: 0;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.div-block-2:hover {
  opacity: 1;
}

.image-4 {
  opacity: .7;
  width: 100px;
  height: 100px;
  transition: opacity .2s;
}

.image-4:hover {
  opacity: 1;
}

.henry-white {
  z-index: 2;
  width: 30px;
  height: 30px;
  margin-top: -1255px;
  margin-left: 772px;
  padding-top: 0;
  display: none;
  position: relative;
}

.henry-white-sidebar {
  z-index: 3;
  opacity: 1;
  background-color: #006b79;
  width: 200px;
  margin-top: 0;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.div-block-3 {
  z-index: 4;
  width: 100px;
  height: 100px;
  margin-top: -242px;
  margin-left: 1201px;
  display: flex;
  position: relative;
}

.nelson-place {
  z-index: 4;
  width: 30px;
  height: 30px;
  margin-top: -209px;
  margin-left: 1346px;
  display: flex;
  position: relative;
}

.queens-gardens {
  z-index: 4;
  width: 30px;
  height: 30px;
  margin-top: -145px;
  margin-left: 1248px;
  display: flex;
  position: relative;
}

.henry-white-dot {
  opacity: .7;
  width: 30px;
  height: 30px;
  transition: opacity .2s;
}

.henry-white-dot:hover {
  opacity: 1;
}

.queens-gardens-dot {
  opacity: .7;
  width: 30px;
  height: 30px;
  transition: opacity .2s;
}

.queens-gardens-dot:hover {
  opacity: 1;
}

.nelson-place-dot {
  opacity: .7;
  width: 30px;
  height: 30px;
  transition: opacity .2s;
}

.nelson-place-dot:hover {
  opacity: 1;
}

.div-block-4 {
  margin-top: 79px;
}

.sidebar-location-heading {
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 20px;
  line-height: 20px;
}

.section-3 {
  z-index: 9;
  background-color: #fff;
  background-image: url('../images/click-to-uncover2-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.click-to-uncover {
  color: #008199;
  text-align: center;
  text-transform: uppercase;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.container-2 {
  margin-top: 170px;
}

.image-5 {
  text-align: left;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.abbott-moulds {
  z-index: 4;
  width: 30px;
  height: 30px;
  margin-top: 821px;
  margin-left: 936px;
  display: flex;
  position: relative;
}

.abbot-mould-sidebar {
  z-index: 3;
  background-color: #006b79f2;
  width: 200px;
  margin-top: 0;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.navbar-map {
  z-index: 8;
  clear: none;
  background-color: #fff;
  height: 75px;
  padding-top: 5px;
  padding-bottom: 108px;
  position: fixed;
  left: 0;
  right: 0;
}

.dot {
  opacity: .7;
  width: 30px;
  height: 30px;
  transition: opacity .2s;
}

.dot:hover {
  opacity: 1;
}

.brassingtons {
  z-index: 4;
  width: 30px;
  height: 30px;
  margin-top: 39px;
  margin-left: 1135px;
  display: flex;
  position: relative;
}

.brassingtons-sidebar {
  z-index: 3;
  background-color: #006b79f2;
  width: 200px;
  margin-top: 0;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.sidebar-close {
  color: #fff;
  text-align: right;
  margin-bottom: 28px;
  padding-right: 11px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-weight: 400;
}

.close-button {
  text-align: left;
}

.close-popup-div {
  text-align: right;
  padding-right: 9px;
}

.mastersidebar {
  z-index: 3;
  background-color: #006b79f2;
  width: 200px;
  margin-top: 0;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.ironmarket-upper {
  z-index: 4;
  width: 250px;
  height: 250px;
  margin-top: -1415px;
  margin-left: 855px;
  display: flex;
  position: relative;
}

.image-7 {
  opacity: .65;
  display: block;
}

.pin-section {
  width: 1700px;
  height: 100%;
  display: none;
  position: static;
}

.ironmarket-lower {
  z-index: 4;
  width: 250px;
  height: 250px;
  margin-top: -123px;
  margin-left: 688px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.high-street-upper {
  z-index: 4;
  width: 250px;
  height: 250px;
  margin-top: -277px;
  margin-left: 378px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.high-street-mid {
  z-index: 4;
  width: 250px;
  height: 250px;
  margin-top: -75px;
  margin-left: 537px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.high-street-market-area {
  z-index: 4;
  width: 250px;
  height: 250px;
  margin-top: -100px;
  margin-left: 734px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.high-street-lower {
  z-index: 4;
  width: 250px;
  height: 250px;
  margin-top: 3px;
  margin-left: 946px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.section-4 {
  display: flex;
}

.pin-section-new {
  width: 1700px;
  height: 100%;
  display: inline;
  position: static;
}

.pin-1 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -818px;
  margin-left: 827px;
  transition: opacity .2s;
  position: relative;
}

.pin-1:hover {
  opacity: 1;
}

.pin-2 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -110px;
  margin-left: 770px;
  transition: opacity .2s;
  position: relative;
}

.pin-2:hover {
  opacity: 1;
}

.pin-3 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -115px;
  margin-left: 714px;
  transition: opacity .2s;
  position: relative;
}

.pin-3:hover {
  opacity: 1;
}

.pin-4 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -115px;
  margin-left: 659px;
  transition: opacity .2s;
  position: relative;
}

.pin-4:hover {
  opacity: 1;
}

.pin-5 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -118px;
  margin-left: 598px;
  transition: opacity .2s;
  position: relative;
}

.pin-5:hover {
  opacity: 1;
}

.pin-6 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -118px;
  margin-left: 540px;
  transition: opacity .2s;
  position: relative;
}

.pin-6:hover {
  opacity: 1;
}

.pin-7 {
  z-index: 5;
  opacity: 0;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -118px;
  margin-left: 482px;
  transition: opacity .2s;
  position: relative;
}

.pin-8 {
  z-index: 5;
  opacity: 0;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -108px;
  margin-left: 422px;
  transition: opacity .2s;
  position: relative;
}

.pin-9 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -31px;
  margin-left: 363px;
  transition: opacity .2s;
  position: relative;
}

.pin-9:hover {
  opacity: 1;
}

.pin-10 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -152px;
  margin-left: 297px;
  transition: opacity .2s;
  position: relative;
}

.pin-10:hover {
  opacity: 1;
}

.pin-11 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -124px;
  margin-left: 419px;
  transition: opacity .2s;
  position: relative;
}

.pin-11:hover {
  opacity: 1;
}

.pin-12 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -247px;
  margin-left: 420px;
  transition: opacity .2s;
  position: relative;
}

.pin-12:hover {
  opacity: 1;
}

.pin-13 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -167px;
  margin-left: 673px;
  transition: opacity .2s;
  position: relative;
}

.pin-13:hover {
  opacity: 1;
}

.pin-14 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 302px;
  margin-left: 619px;
  transition: opacity .2s;
  position: relative;
}

.pin-14:hover {
  opacity: 1;
}

.pin-15 {
  z-index: 5;
  opacity: 0;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -140px;
  margin-left: 684px;
  transition: opacity .2s;
  position: relative;
}

.pin-16 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -131px;
  margin-left: 752px;
  transition: opacity .2s;
  position: relative;
}

.pin-16:hover {
  opacity: 1;
}

.pin-17 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -123px;
  margin-left: 806px;
  transition: opacity .2s;
  position: relative;
}

.pin-17:hover {
  opacity: 1;
}

.pin-18 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -111px;
  margin-left: 896px;
  transition: opacity .2s;
  position: relative;
}

.pin-18:hover {
  opacity: 1;
}

.pin-19 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -115px;
  margin-left: 975px;
  transition: opacity .2s;
  position: relative;
}

.pin-19:hover {
  opacity: 1;
}

.pin-20 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -236px;
  margin-left: 1119px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-20:hover {
  opacity: 1;
}

.pin-21 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 96px;
  margin-left: 1005px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-21:hover {
  opacity: 1;
}

.pin-22 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -3px;
  margin-left: 865px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-22:hover {
  opacity: 1;
}

.pin-23 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -31px;
  margin-left: 802px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-23:hover {
  opacity: 1;
}

.pin-24 {
  z-index: 5;
  opacity: 0;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 25px;
  margin-left: 654px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-25 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 87px;
  margin-left: 495px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-25:hover {
  opacity: 1;
}

.pin-26 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -99px;
  margin-left: 578px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-26:hover {
  opacity: 1;
}

.pin-27 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -13px;
  margin-left: 634px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-27:hover {
  opacity: 1;
}

.pin-28 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -13px;
  margin-left: 692px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-28:hover {
  opacity: 1;
}

.pin-29 {
  z-index: 5;
  opacity: 0;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -10px;
  margin-left: 751px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-30 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -134px;
  margin-left: 834px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-30:hover {
  opacity: 1;
}

.pin-31 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 10px;
  margin-left: 1012px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-31:hover {
  opacity: 1;
}

.pin-32 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -52px;
  margin-left: 876px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-32:hover {
  opacity: 1;
}

.pin-33 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -14px;
  margin-left: 818px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-33:hover {
  opacity: 1;
}

.pin-34 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 109px;
  margin-left: 922px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-34:hover {
  opacity: 1;
}

.pin-35 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 22px;
  margin-left: 933px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-35:hover {
  opacity: 1;
}

.pin-36 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 33px;
  margin-left: 868px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-36:hover {
  opacity: 1;
}

.pin-37 {
  z-index: 5;
  opacity: 0;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -172px;
  margin-left: 805px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-38 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -208px;
  margin-left: 675px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-38:hover {
  opacity: 1;
}

.pin-39 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -147px;
  margin-left: 688px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-39:hover {
  opacity: 1;
}

.pin-40 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 308px;
  margin-left: 497px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-40:hover {
  opacity: 1;
}

.pin-41 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -349px;
  margin-left: 439px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-41:hover {
  opacity: 1;
}

.pin-42 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -422px;
  margin-left: -142px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-42:hover {
  opacity: 1;
}

.pin-45 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -314px;
  margin-left: 1336px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-45:hover {
  opacity: 1;
}

.pin-44 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -422px;
  margin-left: -194px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-44:hover {
  opacity: 1;
}

.cattle-market-section {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.popup {
  background-color: #087684;
  height: 520px;
  margin-top: 150px;
  padding-top: 3px;
  display: block;
  position: relative;
  box-shadow: 3px 3px 20px -7px #000;
}

.place-heading {
  color: #fff;
  border-bottom: 1px solid #fff;
  margin-top: -6px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  display: block;
}

.div-block-6 {
  height: 450px;
  padding-left: 20px;
  padding-right: 20px;
}

.lightbox-link {
  background-color: #f8562e;
  height: 60px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: block;
}

.text-block {
  color: #fff;
  text-align: center;
  text-transform: none;
  padding-top: 18px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
}

.queens-garden-section {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.queens-garden-lb {
  background-color: #f8562e;
  height: 60px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: block;
}

.section-5 {
  background-image: url('../images/PA-2065-Market-Place-1911.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 650px;
  padding-top: 200px;
}

.section-6 {
  height: 800px;
  padding-top: 65px;
}

.heading-2 {
  color: #ff8f44;
  text-align: center;
  background-color: #0000;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 42px;
  font-weight: 400;
  display: block;
}

.home-container {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: baseline;
  margin-bottom: 4px;
  display: flex;
}

.about-button {
  background-image: url('../images/Screen-Shot-2015-04-13-at-12.20.02.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33%;
  height: 250px;
  margin: 0 .1% .1%;
}

.map-button {
  background-image: url('../images/CastleUncoveredMap.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 66%;
  height: 250px;
  margin-left: .1%;
  margin-right: .1%;
}

.button-heading {
  color: #fff;
  text-align: center;
  text-transform: none;
  background-color: #00778d82;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-left: 0;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.button-heading:hover {
  color: #ff8f44;
  background-color: #00778db0;
}

.interactive-map-button {
  color: #fff;
  text-align: center;
  text-transform: none;
  background-color: #00778d82;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-left: 0;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.maps-button {
  background-image: url('../images/Screen-Shot-2018-08-03-at-10.45.24.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33%;
  height: 250px;
  margin: .1% .1% 0;
}

.photos-button {
  background-image: url('../images/Guild-Hall-1960s.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33%;
  height: 250px;
  margin: .1% .1% 0;
}

.contact-button {
  background-image: url('../images/Screen-Shot-2015-04-13-at-12.20.27.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33%;
  height: 250px;
  margin-left: .1%;
  margin-right: .1%;
}

.nav-link {
  color: #fff;
  background-color: #f60;
  padding: 10px 15px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: opacity .2s;
}

.nav-link:hover {
  opacity: .8;
}

.nav-link.w--current {
  color: #fff;
}

.nav-link-2 {
  color: #00778d;
  padding: 10px 15px 10px 10px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: opacity .2s;
}

.nav-link-2:hover {
  opacity: .74;
}

.nav-link-2.w--current {
  color: #ff8f44;
}

.div-block-7 {
  padding-top: 10px;
}

.container-3 {
  width: 1500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-8 {
  padding-left: 5%;
  padding-right: 5%;
}

.section-7 {
  background-color: #00778d;
  height: 220px;
  padding-top: 40px;
}

.section-8 {
  height: 1600px;
  padding-top: 218px;
}

.div-block-9 {
  width: 50%;
  height: 400px;
  display: inline-block;
}

.container-4 {
  margin-bottom: 25px;
  display: flex;
}

.about-text-left {
  background-color: #00778d;
  width: 50%;
  height: 400px;
  padding-top: 35px;
  display: inline-block;
}

.about-image-right {
  background-image: url('../images/IMG_2385.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 400px;
  display: inline-block;
}

.heading-3 {
  color: #ff8f44;
  text-align: center;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.div-block-10 {
  background-color: #ff8f44;
  width: 50px;
  height: 1px;
  margin-bottom: 13px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.paragraph-2 {
  color: #fff;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 16px;
}

.div-block-11 {
  padding-top: 25px;
  padding-left: 35px;
  padding-right: 35px;
}

.project-involved-text-right {
  background-color: #00778d;
  width: 50%;
  height: 400px;
  display: inline-block;
}

.project-involved-image-left {
  background-image: url('../images/IMG_3131.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 400px;
  display: inline-block;
}

.project-involved-text-left {
  background-color: #00778d;
  width: 50%;
  height: 400px;
  padding-top: 50px;
  display: inline-block;
}

.subheading {
  color: #ff8f44;
  text-align: center;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 38px;
}

.div-block-12 {
  padding-left: 5%;
  padding-right: 5%;
}

.welcome-text {
  color: #fff;
  text-align: left;
  padding-top: 16px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 15px;
}

.div-block-13 {
  margin-left: 100px;
  margin-right: 100px;
}

.container-5 {
  margin-bottom: 42px;
}

.div-block-14 {
  background-color: #00778d;
  width: 100%;
  height: 75px;
  margin-bottom: 6px;
  padding-left: 50px;
  padding-right: 50px;
}

.container-6 {
  padding-top: 9px;
  padding-left: 0;
  padding-right: 0;
}

.link-block-2 {
  height: 100%;
  text-decoration: none;
  display: block;
}

.link-block-3, .link-block-4, .link-block-5, .link-block-6 {
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.section-9 {
  background-image: url('../images/IronmarketHarveys.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 900px;
  padding-top: 178px;
}

.div-block-15 {
  background-color: #00778d;
  width: 1px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-16 {
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-wrap: nowrap;
  width: 100px;
  height: 100px;
  margin-top: -327px;
  margin-bottom: auto;
  margin-left: 420px;
  display: flex;
}

.container-7 {
  background-color: #00778d;
  height: 650px;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 1px 1px 12px -1px #000;
}

.heading-orange {
  color: #ff9147;
  text-align: center;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 38px;
}

.link-block-7 {
  text-decoration: none;
}

.download {
  color: #fff;
  text-align: center;
  background-color: #ff8f44;
  width: 160px;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 20px;
  transition: opacity .2s;
  display: block;
}

.download:hover {
  opacity: .75;
}

.image-8 {
  text-align: center;
  height: 350px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-17 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-18, .div-block-19 {
  text-align: center;
}

.image-9, .image-10 {
  height: 350px;
}

.welcome-heading {
  color: #ff8f44;
  text-align: left;
  background-color: #0000;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 25px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 42px;
  font-weight: 400;
  display: block;
}

.welcome-div {
  background-color: #00778d;
  width: 650px;
  height: 300px;
  margin-bottom: 22px;
  padding-left: 50px;
  padding-right: 50px;
  box-shadow: 1px 1px 15px -5px #000;
}

.section-10 {
  background-image: url('../images/Screen-Shot-2015-04-13-at-12.20.02.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 1200px;
  padding-top: 181px;
}

.lightbox-link-2 {
  width: 100%;
  text-decoration: none;
}

.div-block-20 {
  background-image: url('../images/IMG_0636.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 220px;
}

.cattle-market-lb, .municipal-hall-lb {
  width: 100%;
  text-decoration: none;
}

.municipal-hall-image {
  background-image: url('../images/IMG_1120.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 220px;
}

.cattle-market-image {
  background-image: url('../images/IMG_0636.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 220px;
}

.ironmarket-image {
  background-image: url('../images/Ironmarket-copy.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 220px;
}

.stones-bakery-image {
  background-image: url('../images/img044.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 220px;
}

.project-images-image {
  background-image: url('../images/IMG_3136.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 220px;
}

.section-11 {
  background-image: url('../images/IMG_1120.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 1000px;
  padding-top: 194px;
}

.container-8 {
  background-color: #0000;
  height: 500px;
  padding-left: 50px;
  padding-right: 50px;
}

.text-field {
  width: 300px;
}

.text-field-2 {
  width: 500px;
}

.text-field-3 {
  width: 300px;
}

.div-block-21 {
  background-color: #ff8f44;
  width: 100px;
  height: 1px;
  margin-bottom: 17px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.field-label {
  color: #fff;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 16px;
}

.div-block-22 {
  background-color: #00778d;
  width: 700px;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 50px;
  padding-right: 50px;
  display: block;
  box-shadow: 1px 1px 10px -1px #000;
}

.paragraph-3 {
  color: #fff;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.text-field-4 {
  width: 300px;
}

.submit-button {
  background-color: #f60;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s;
}

.submit-button:hover {
  opacity: 1;
  background-color: #ff7920;
}

.success-message {
  color: #fff;
  background-color: #f60;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 16px;
}

.error-message {
  color: #fff;
  background-color: #f60;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.additional-images-cont {
  background-color: #00778d;
  height: 870px;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 1px 1px 12px -1px #000;
}

.heading-white {
  color: #fff;
  margin-bottom: 12px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 28px;
}

.image-11, .image-12, .image-13 {
  height: 100px;
}

.div-block-23, .column, .column-2 {
  text-align: center;
}

.text-block-2 {
  color: #fff;
  text-align: center;
  margin-top: 35px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.indoor-market {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.small-text {
  color: #fff;
  text-align: center;
  text-transform: none;
  padding-top: 9px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.brassingtons-section, .burgess-bakery-section {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.html-embed {
  display: block;
}

.pin-46 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 978px;
  margin-left: 280px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-46:hover {
  opacity: 1;
}

.bus-station-section, .crystal-ballroom-section {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-47 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -1034px;
  margin-left: 895px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-47:hover {
  opacity: 1;
}

.coop-emporium-section, .carryers-furniture-section, .glovers-hairdresser-section, .lees-laundry, .maxims-section, .municipal-hall-section, .paper-mill-section {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-48 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 433px;
  margin-left: 240px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-48:hover {
  opacity: 1;
}

.rex-rio-section, .savoy-cinema, .woolworths, .wrights-section, .wains-section {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.blockleys-section {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
}

.blockleys {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-49 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -75px;
  margin-left: 893px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-49:hover {
  opacity: 1;
}

.boss-bros-section, .castle-hotel {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-50 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 240px;
  margin-left: 884px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-50:hover {
  opacity: 1;
}

.gold-lion-section {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-51 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -564px;
  margin-left: 1228px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-51:hover {
  opacity: 1;
}

.hassell-street-area {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-52 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 130px;
  margin-left: 997px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-52:hover {
  opacity: 1;
}

.magnet-cafe, .mellards-section {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-53 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -413px;
  margin-left: 363px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-53:hover {
  opacity: 1;
}

.merrial-street-section, .natwest-section, .sid-perkins-dance, .sidolis, .wimpy-section, .blacks-section {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-54 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -277px;
  margin-left: 986px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-54:hover {
  opacity: 1;
}

.the-compass {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-55 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 71px;
  margin-left: 870px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-55:hover {
  opacity: 1;
}

.monkey-run, .council-offices, .hubanks, .newsagents {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-56 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -176px;
  margin-left: -15px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-56:hover {
  opacity: 1;
}

.bridge-street {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-57 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 346px;
  margin-left: -187px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-57:hover {
  opacity: 1;
}

.scrap-yard, .st-giles {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-58 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -194px;
  margin-left: 312px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-58:hover {
  opacity: 1;
}

.craddocks {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-59 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 304px;
  margin-left: 451px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-59:hover {
  opacity: 1;
}

.marsden, .maypole, .marley-modes, .henry-whites-mens, .timpsons, .chemist-high-street, .nelson-place-section {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-60 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -808px;
  margin-left: 671px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-60:hover {
  opacity: 1;
}

.income-tax-office, .lancaster-buildings {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-61 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: 644px;
  margin-left: 671px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-61:hover {
  opacity: 1;
}

.outdoor-market, .brownings-chemist {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-62 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -379px;
  margin-left: 543px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-62:hover {
  opacity: 1;
}

.ironmarket {
  display: none;
}

.pin-63 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -385px;
  margin-left: 175px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-63:hover {
  opacity: 1;
}

.steeles {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pin-64 {
  z-index: 5;
  opacity: .7;
  background-image: url('../images/Point-on-Map-01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 70px;
  height: 70px;
  margin-top: -44px;
  margin-left: 837px;
  transition: opacity .2s;
  position: relative;
  left: 211px;
}

.pin-64:hover {
  opacity: 1;
}

.knights {
  display: none;
}

.knights-sons, .ironmarket-section, .burtons {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.about-image-right-2 {
  background-image: url('../images/IMG_0155.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 400px;
  display: inline-block;
}

.text-block-3 {
  color: #fff;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.link, .link-2 {
  color: #ffa162;
  text-decoration: none;
}

.image-14 {
  padding-top: 25px;
}

.column-3 {
  text-align: center;
}

.heading-white-cattle {
  color: #fff;
  margin-bottom: -10px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 28px;
}

.text-block-4 {
  color: #fff;
  margin-bottom: 2px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 13px;
}

.nav-link-3 {
  color: #e9e5a7;
  background-color: #1eb6c0;
  margin-left: 10px;
  padding: 10px 15px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: opacity .2s;
}

.nav-link-3:hover {
  opacity: .8;
}

.nav-link-3.w--current {
  color: #fff;
}

.section-barracks {
  text-align: left;
  background-color: #0000;
  height: 300px;
  margin-top: 0;
  padding-top: 0;
}

.container-9 {
  margin-top: 0;
  padding-top: 221px;
}

.div-block-24 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  object-fit: fill;
  background-color: #00000096;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: none;
  height: 300px;
  margin-left: 0;
  display: inline-block;
}

.navbar-barracks {
  z-index: 8;
  clear: none;
  background-color: #ffffffe3;
  height: 75px;
  padding-top: 5px;
  padding-bottom: 108px;
  position: fixed;
  left: 0;
  right: 0;
}

.section-12 {
  height: 130px;
}

.image-15 {
  text-align: left;
}

.container-10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-image: url('../images/DSC_9267.jpg');
  background-position: 50% 60%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  height: 300px;
  padding-left: 0;
  display: block;
}

.image-16 {
  padding-top: 35px;
}

.section-13 {
  text-align: left;
  height: 100%;
  min-height: 450px;
}

.div-block-25 {
  width: 50%;
}

.paragraph-4 {
  color: #3f3f3f;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.heading-4 {
  color: #1eb6c0;
  margin-bottom: 10px;
}

.container-11 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  display: block;
}

.bold-text {
  font-size: 18px;
  font-weight: 400;
}

.text-block-5 {
  font-size: 22px;
}

.text-block-6 {
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.heading-5 {
  text-align: center;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.section-14 {
  float: none;
  clear: none;
  object-fit: fill;
  height: 640px;
  position: static;
}

.div-block-6-copy {
  background-color: #1eb8bc;
  background-image: url('../images/img1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 24.5%;
  height: 320px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.heading-6 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 26px;
}

.div-block-6-copy-2 {
  background-color: #1eb8bc;
  background-image: url('../images/img5.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 32.66%;
  height: 320px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.image-17 {
  width: 25%;
  display: inline-block;
  position: absolute;
  overflow: visible;
}

.div-block-6-new {
  opacity: 0;
  background-color: #1eb8bc;
  width: 25%;
  height: 320px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  position: static;
}

.div-block-6-copy-copy {
  background-color: #1eb8bc;
  width: 25%;
  height: 320px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.div-block-26 {
  opacity: 0;
  background-color: #1eb8bc;
  height: 100%;
  padding-top: 31px;
}

.div-block-61 {
  background-color: #1eb8bc;
  background-image: url('../images/img2.jpg');
  background-position: 50%;
  background-size: cover;
  width: 24.5%;
  height: 320px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.div-block-62 {
  background-color: #1eb8bc;
  background-image: url('../images/img3.jpg');
  background-position: 50%;
  background-size: cover;
  width: 24.5%;
  height: 320px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.div-block-63 {
  background-color: #1eb8bc;
  background-image: url('../images/img4.jpg');
  background-position: 50%;
  background-size: cover;
  width: 24.5%;
  height: 320px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.div-block-6-copy1 {
  background-color: #1eb8bc;
  background-image: url('../images/img6.jpg');
  background-position: 50%;
  background-size: cover;
  width: 32.66%;
  height: 320px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.div-block-6-copy2 {
  background-color: #1eb8bc;
  background-image: url('../images/img7.jpg');
  background-position: 50%;
  background-size: cover;
  width: 32.66%;
  height: 320px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.section-15 {
  height: 100%;
  min-height: 400px;
}

.button {
  float: none;
  clear: none;
  text-align: center;
  background-color: #1eb8bc;
  width: 25%;
  margin-top: 30px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.bold-text-2 {
  font-size: 30px;
}

.button-2 {
  float: left;
  clear: none;
  text-align: center;
  background-color: #1eb8bc;
  width: 25%;
  margin-top: 30px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.button-3 {
  float: right;
  clear: none;
  text-align: center;
  background-color: #1eb8bc;
  width: 25%;
  margin-top: 30px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.div-block-64 {
  text-align: center;
  margin-top: 25px;
}

.image-18 {
  float: none;
  object-fit: cover;
  object-position: 30% 50%;
  width: 25%;
  height: 300px;
}

.image-18-1 {
  float: left;
  object-fit: cover;
  width: 25%;
  height: 300px;
}

.image-18-2 {
  float: right;
  object-fit: cover;
  width: 25%;
  height: 300px;
}

.container-12 {
  padding-bottom: 30px;
}

html.w-mod-js [data-ix="uncover"] {
  opacity: 1;
}

html.w-mod-js [data-ix="welcome-load"] {
  opacity: 0;
  transform: translate(0, 100px);
}

@media screen and (max-width: 767px) {
  .div-block-6-copy {
    width: 20%;
  }

  .div-block-6-copy-2 {
    width: 30%;
  }

  .div-block-61, .div-block-62, .div-block-63 {
    width: 20%;
  }

  .div-block-6-copy1, .div-block-6-copy2 {
    width: 30%;
  }
}