#midSection05 {
	width:100%;
}

#midSection05 li ul li {
	width:50%;
	height:70vh;
	float: left;
	color: #fff;
	position: relative;
	display: inline-block;
}

#midSection05 li {
	overflow: hidden;
}

#mid06 {	
	 background: #070707; 
}

#mid05 {	
	 background: url("../images/05.jpg") no-repeat center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

@media screen and (max-width: 600px) {
#midSection05 li ul li {
    width: 100%;
    height: 70vh;
}
}

::selection {
  background: #b7f236; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #b7f236; /* Gecko Browsers */
}


body {
	color:#070707;
	text-align: center;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	font-family: 'Culture';
	line-height: 15px;
	text-transform: none;
}

a {
	text-decoration: none;

	color: #fff;
}

a:hover {
	color: #b7f236;
}

h1, h3, h4, #rosterListInner li {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h3 {
	font-size: 30px;
    font-family: 'Culture';
    color: #fff;

}
h3:hover {
	font-size: 30px;
    font-family: 'Culture';
    color: #b7f236;

}

h4 {
	font-size: 20px;
    font-family: 'Culture'
}

h2 {
	font-size: 20px;
   	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
    font-family: 'Culture'
}


@font-face {
	font-family: 'Culture';
	 src: url("../webfonts/culture-webfont.woff") format('woff'),
	 url("../webfonts/Culture.otf") format("opentype");
}

@font-face {
	font-family: 'Culture Bold';
	 src: url("../webfonts/culture-bold-webfont.woff") format('woff'),
	 url("../webfonts/Culture-Bold.otf") format("opentype");
}

#hidden {
	opacity: 0;
	-webkit-transform: translateY(+20px);

}

#header {
	height:100vh;
	background-color: #000;
	 background: url("../images/headerBG.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}



.gridInner, a:hover, a, #arrowDown,#headerInner, .hidden, #mid01:hover, .midOverlay, #phoneIcon:hover, #phoneIcon, #phoneIcon g, #phoneIcon g:hover, #mailIcon:hover, #mailIcon, #mailIcon g:hover, #socialButtons li {
transition: 0.4s;
-moz-transition:  0.4s; /* Firefox 4 */
-webkit-transition:  0.4s; /* Safari and Chrome */
-o-transition: 0.4s; /* Opera */
}

#rosterList, #scrollOverlay {
transition-timing-function: ease;
transition: 0.6s;
-moz-transition:  0.6s; /* Firefox 4 */
-webkit-transition:  0.6s; /* Safari and Chrome */
-o-transition: 0.6s; /* Opera */
}

#headerLogo {
width:350px;
}

#mid01 {	
	 background: url("../images/03.jpg") no-repeat center; 
    
}


#headerInner {
	position: relative;
	top: 50%;
	transform: translateY(-50%); 
	z-index: 2;
	opacity: 0;
	margin-top:0px;
}

#HeaderSub {
	margin:70px 0px;
}

#HeaderSub h4 {
	margin-top: 15px;
}

#arrowDown {
	width:50px;
	opacity:0;
	-webkit-transform: translateY(-15px);
}

#arrowDown g {
	fill:#fff;
}

#midSection02 {
	width:100%;
}

#midSection02 li ul li {
	width:100%;
	height:70vh;
	float: center;
	color: #fff;
	position: relative;
	display: inline-block;
}

#midSection02 li {
	overflow: hidden;
}

#mid01 {	
	 background: url("../images/03.jpg") no-repeat center;   	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}


#mid10 {	
	 background: url("../images/06.jpg") no-repeat center;   	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}



#mid01, #mid04. {	
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}




#mid03 {
	background-color: rgb(7, 7, 7);
}

#mid01, #mid04, #phoneIcon, #mailIcon, #socialButtons, #listCloseBtn, #arrowDown {
	cursor: pointer;
}

.gridLink {
	position: absolute;
	top:0px;
	left:0px;
	right: 0px;
	bottom: 0px;
}

.gridLink:hover > .midOverlay {
background-color: rgba(7, 7, 7, 0.8);
}	


#midSection04 {
	width:100%;
}

#midSection024 li ul li {
	width:50%;
	height:70vh;
	float: left;
	color: #fff;
	position: relative;
	display: inline-block;
}

#midSection04 li {
	overflow: hidden;
}

.midOverlay {
background-color: rgba(7, 7, 7, 0.6);	
position: absolute;
top:0px;
left:0px;
right: 0px;
bottom:0px;
}

#rosterListInner {
	background-color: rgb(7, 7, 7);
	padding: 70px 0px;
}

p#rosterTitle {
	font-weight: 200;
	font-size: 27px;
}

#rosterListInner li {
	font-size: 50px;
	line-height: 40px;
    margin: 15px 0px;
}

li#listCloseBtn {
	color: #b7f236;
	font-size: 40px;

}



#aboutLink p {
color: #fff;
max-width: 60%;
margin: 0px auto;
color: #fff;
text-transform: none;
letter-spacing: 1px;
font-size: 27px;
line-height: 32px;
}

#rosterList {
	overflow: hidden;
	height: 0px;
}
	
#rosterBtn {
	background-color: #070707;
	color: #fff;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 1px;
	font-size: 22px;
	padding: 30px;

}

#socialButtons {
	overflow: hidden;
}

.inline {
	display: inline-block;
}

.gridInner {
	position: relative;
	top: 50%;
	transform: translateY(-50%); 
	z-index: 3;
}

/*.gridInner g {
	fill:#fff;
}*/

.gridInner p {
	color: #fff;
	font-size: 20px;
	text-transform: none;
	font-weight: 600;
	margin-top: 30px;
}



#socialButtons li {
	width:25%;
	height:40vh;
	float: left;
	display: inline-block;
	position: relative;
}



#mailIcon, #phoneIcon {
	width:50px;
}

#mapSection {
overflow: hidden;
}

#mapSection li {
	width: 100%;
	overflow: hidden;
	float: center;
	height: 500px;
}

#mapSectionLeft {
	background-color: #070707;
	color: #fff;
	text-align: center;
	overflow: hidden;
	height:500px;
}

#maptionSectionLeftInner {
	padding:40px;

}

/*li#mapSectionLeft {
	width:  calc((50%) - (120px));
}*/

#mapSectionLeft p {
	text-transform: none;
	font-size: 22px;
	line-height: 25px;
}

#contactLogo {
	width: 250px;
}

#labels{
	width: 750px;
}

#map_canvas {
	width:100%;
	height:500px;
}

.contactIcons {
	margin-top: 40px;
}

.contactIcons svg {
	margin: 0px 20px;
}

#scrollOverlay {
	position: fixed;
	bottom: 0px;
	width: 100%;
	opacity: 0;
	/*background-color: rgba(0,0,0,0.5);*/
}

#scrollArrow {
	width: 40px;
	fill:#fff;
	margin-bottom: 12px;
}

#instaBtn:hover, #twitterBtn:hover, #scBtn:hover, #fbBtn:hover {
	background-color: #b7f236;
}

#instaBtn:hover > .gridInner {

}

.boldText {
	font-weight: 700;
}


@media screen and (max-width: 900px) {

#socialButtons li {
    height: 30vh;
}

#mapSection li {
	width: 100%
}

h3 {
	font-size: 20px;
    color: #fff;
}

    h3:hover {
	font-size: 20px;
    color: #b7f236;
}
    
}

@media screen and (max-width: 600px) {

#socialButtons li {
    height: 20vh;
}

#socialButtons .gridInner p {
	display: none;
}

#midSection02 li ul li {
    width: 100%;
    height: 70vh;
}

#mapSection li {
	width: 100%
}

#headerLogo {
    width: 700px;
}

h1 {
    font-size: 15px;
}

.gridInner {
	max-width: 90%;
    margin: 0px auto;
}

}

@media screen and (max-width: 500px) {

#headerLogo {
    width: 80%;
}

#labels{
	width: 400px;
}

#socialButtons li {
    height: 18vh;
}

h3 {
	font-size: 40px;
}

#rosterListInner li {
    font-size: 35px;
    margin: 0px auto;
}

#midSection02 li ul li {
    height: 65vh;
}

#HeaderSub {
	margin: 70px auto;
    max-width: 90%;
}

h1, h3, h4, #rosterListInner li, #aboutLink p  {
	letter-spacing: 0px;
}

 #fbIcon, #instaIcon, #twitterIcon, #scIcon {
    width: 32%;

}

#header {
	height:100vh;
	background-color: #fff;
	 background: url("../images/headerBGmob.jpg") no-repeat center center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}

#headerOverlay {
	display: none;
}

#maptionSectionLeftInner {
    padding: 20px;
}

#mapSectionLeft p {
    font-size: 19px;
}

#mailIcon, #phoneIcon {
    width: 45px;
}

}

@media screen and (max-width: 360px) {

h3 {
	font-size: 24px;
}

}




