@charset "utf-8";
/* CSS Document */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body {
	background-color:#FFF;
	margin:0px;
}

@font-face{
	font-family:"Clarendon-Bold";
	src: url(Clarendon-Bold.ttf);
}
.h10 {
	font-size: 42px;
	padding-left: 20px;
}
p {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.Show.Home {
    padding: 15px 15px 15px 15px;
}
opd {
	color: #0000ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

break {
	color: #0000ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}
.btn {
    width: 50%;
    background: #2196f3;
    padding: 12px;
    text-align: center;
    color: #f8f8f8;
    font-size: 20px;
    border-radius: 15px;
    cursor: pointer;
}

pc {color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px; text-align:center; font-weight:bold;}

.header {font-family: '';
font-size:1.5em;
margin-top: 0px;
margin-bottom: 5px;
text-align:center}
.header1 {font-family: '';
font-size:1.3em;
margin-top: 0px;
margin-bottom: 5px;
text-align:center}
a:link {
	color:#000;
    text-decoration: none;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.BreckVidSize {
	width: 970px;
	height: 550px;	
}

.PDFSize {
	width:600px;
	height:900px;	
}

a:hover {
	color:#000;
    text-decoration: none;
}
ul.a {list-style:circle;
font:list-menu;
	  font-size:20px;
	  width:80%;
	  margin:auto;
	  text-align:left;font-family: Arial, Helvetica, sans-serif;
font-size: 20px;}


.imgclass {
	max-width:100%;	
	height:auto;  
	justify-content: center;
}

.elboxo {height: 480px; width:100%}

#headercontainer { width: 100%; position: absoloute; bottom: 50px; margin:auto;
}
#maincontainer {width: 100%; position: absoloute; bottom: 50px; margin:auto;
}

h1 {font-family: Arial, Helvetica, sans-serif;; font-size: 38px;}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #00a3e0;
	font-weight: bold;
	font-size: 37px;
	text-align: centre;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-weight: bold;
	font-size: 20px;
	margin: 5px;
	z-index: 100
}
h4 {font-family:   Arial, Helvetica, sans-serif; color:#00F; font-weight: bold; font-size:2.5vmax; color:#00a3e0;}
h5 {font-family:   Arial, Helvetica, sans-serif; color:#00a3e0; font-size:18px; text-align:justify}
h6 {
	color: #00a3e0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 42px;
	text-align: centre;
	margin: 0px;
}
h7 {color:#00a3e0; font-family:   Arial, Helvetica, sans-serif; font-weight: bold; font-size:2.5vmax; text-align:center; margin:0px; font-style:italic;}
h8 { color: #0000FF; font-family:   Arial, Helvetica, sans-serif; font-weight: bold; font-size:24px; text-align:left; margin:0px; font-style: normal;}
h9 {font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	margin: 0px;
}
h10 {color: #00a3e0; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	margin: 0px;}

a.one:link {color:#0000FF;}
a.one:visited {color:#0000ff;}
a.one:hover {color: #0000ff;}

.ourcompimg {display:inline-block; max-width: 32%; padding: 0.5%; height:auto;}
.cpimg {display:inline-block; max-width: 46%; padding: 0.5%; height:auto;}
.cpimg2 {display:inline-block; max-width: 46%; padding: 0.5%;}
.ceimg { text-align:center; max-width: 100%; max-height: auto;}

.pdfwrap {
    position: relative;
}

.spacer {
	height: 60px;
    background-color: white;
	position: relative;
	top: 45px;
	z-index: 2;
}

#h2b ul
{
    list-style-type:circle;
	color:#000000;
	text-align:left;
}
#container{
  width: 55%;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
  font-weight: bold;}
  
#container30{
  width: 30%;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
  font-weight: bold;}
  
#h2b li
{
    list-style-type:circle;
	color:#000000;
	margin-left:30px;
    margin-bottom: 15px;
    padding-left: 1em; font-family: Arial, Helvetica, sans-serif;
font-size: 20px; font-weight: bold;
}
		.content {background: #fff; color: #373737; border-radius: 15px;
-moz-box-shadow: 0px 0px 30px #fff; /* Firefox */
-webkit-box-shadow: 0px 0px 30px #fff; /* Safari and Chrome */
box-shadow: 0px 0px 30px #fff; /* Opera */
margin:	auto;}
		.content > div {display: none; padding: 20px 25px 5px;
		z-index:1;
		}

		label {display: inline-block; padding: 10px 15px; margin-right:5px; background-color:#fff; font-weight: 600; text-align: left; font-size: medium;
		 border-top-left-radius: 15px;
		  border-top-right-radius: 15px;
		  margin-top:10px;
		  color:#000;
		  font-family: 'headings';
		  z-index:-1;
		  letter-spacing: 1px
		 }
		label:hover { cursor: pointer;
		background-color:#D2FFFF;  }
		input:checked + label { color:#FF0080;}

		#tab1:checked ~ .content #content1,
		#tab2:checked ~ .content #content2,
		#tab3:checked ~ .content #content3,
		#tab4:checked ~ .content #content4 {
		  display: block;
		  
		 
		}
#map{
    width:100%;
    height:480px;
}

.imgclass3
{margin:auto;
text-align:center;}

.imgclasspp
{ max-width:100%;
text-align:center;
}

.imgclass2
{ max-width:30%;
max-height: auto;
text-align:center;
margin:25px;}
.imgclass4
{ max-width:100%; max-height:auto;}
.flimg {width: 45%; display:inline-block; padding-right:10px;margin-bottom:20px; margin-top: 20px;}
.fltx {width: 50%; display:inline-block; text-align:left; vertical-align:top; margin-bottom:10px; margin-top: 10px;}

.fltx a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #00F;
	font-weight: bold;
	font-size: 20px;
	z-index: 100
}

.twofive {max-width: 25%; display:inline-block}
.five {max-width: 50%; display:inline-block}
.six {width: 60%; text-align:center}
@media all and (max-width: 1000px) {
.ourcompimg {display:inline-block; max-width: 100%; padding: 0.5%; height:auto;}	
.cpimg2 {display:inline-block; max-width: 100%; padding: 0.5%; height:auto}
}
@media all and (max-width: 790px) {
	
	h4 {font-family:   Arial, Helvetica, sans-serif; color:#00F; font-weight: bold; font-size:4vmax; color:#00a3e0;}
	
	h7 {color:#00a3e0; font-family:   Arial, Helvetica, sans-serif; font-weight: bold; font-size:4vmax; text-align:center; margin:0px; font-style:italic;}

.imgclass {
		max-width:100%;	
	height:auto;     
}
.imgclass {
		max-width:100%;	
	height:auto;     
}
.content {background: #fff; color: #373737; border-radius: 0px;
-moz-box-shadow: 0px 0px 30px #fff; /* Firefox */
-webkit-box-shadow: 0px 0px 30px #fff; /* Safari and Chrome */
box-shadow: 0px 0px 30px #fff; /* Opera */
margin:	auto; width 100%;}
 }
@media screen and (max-width: 320px) {
	.BreckVidSize {
		width: 320px;
		height: 180px;	
	}

	.PDFSize {
		width:300px;
		height:450px;	
	}
}
@media screen and (max-width: 596px) {
	.flimg {width: 95%; display:inline-block; padding-right:10px;margin-bottom:20px; margin-top: 20px;}
	.fltx {width: 95%; display:inline-block; text-align:left; vertical-align:top; margin-bottom:10px; margin-top: 10px;}
	}
@media screen and (max-width: 570px) { 
		label {padding: 6px 6px;
		font-size:small;} 
		h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #00a3e0;
	font-weight: bold;
	font-size: 27px;
	text-align: centre;
}
.imgclass2
{ max-width:100%;
max-height: auto;
text-align:center;
margin:0px;}
	}
		@media screen and (max-width: 950px) { 
		label {padding: 10px 10px;
		font-size:small;} 
	}

.neighbourhoods-container {
	justify-items: center;
}

.neighbourhoods-container img {
	padding-bottom: 1rem;
}

.neighbourhoods-title {
	padding-bottom: 1rem;
}

.neighbourhoods-items {
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 1rem;
	padding: 1rem;
}

.neighbourhoods-item {
	
}