body{
  margin:0;

}

.parallax-container {
  height: 1200px;
  width: 100%; 
top:20%;
}

#logo_main_wrapper{

position:absolute;
z-index:3; 
width: 100%;
height: 90px;
top:0px;
background:rgba(255,255,255,0);

   
    
}

#logo_main{
left:3%;
position:absolute;
width: 200px;
height: 100%;
background:url(../imgs/nav.png) no-repeat center left;

   
    
}

#nav_main{
right:0;
position:absolute;
width: 900px;
height: 100%;
background:url(../imgs/nav.png) no-repeat top right;

   
    
}

#social {
  bottom:50px;
  height: 154px;
  width: 74px; 
  left:50px;
  position:fixed;
  background: url(../imgs/social.png) no-repeat center center;
  z-index:3; 
}

#wrapper_main{
z-index:3; 
position:relative;
background:#fff;

   
    
}

#scroll_ind{

position:absolute;
z-index:3; 
width: 100%;
height: 90px;
bottom:0px;
background:url(../imgs/arrow.png) no-repeat top center;
display:none;
   
    
}
#hero_text {
  top:50%;
  margin-top:-120px;
  height: 300px;
  width: 100%; 
  position:absolute;
  z-index:2;
  font-family: DomaineDisplayTest;
  font-size:121px;
  color:#000;
  text-align:center;
   opacity:.90;
}


.hero_subtext {
  top:50px;

  height: 80px;
  width: 100%; 
  
   
  position:absolute;
  z-index:2;
  font-family: DomaineDisplayTest;
  font-size:41px;
  color:#fff;
  text-align:center;
  opacity:.9;
   
 /* text-transform:capitalize; */ 
}

.subtext_wrapper {
  top:50%;
  height: 50%;
  width: 100%; 
  left:0px;
  
  position:fixed;
  z-index:2;
   
 /* text-transform:capitalize; */ 
  
}

#hero_button {
  top:200px;
  height: 50px;
  width: 100%; 
  left:0px;
  display:none;
  position:absolute;
  z-index:2;
   background:rgba(0,0,0,.8);
 background:url(../imgs/hero_button.png) no-repeat top center; 
  
}
  


 

.fade{
 opacity:1;
 color:#000;
}

.fade1{
 opacity:1;
 color:#fff;
}

#hero_overlay {
  top:0px;
  height: 100%;
  width: 100%; 
  background:url(../imgs/teal.png) no-repeat center center;
opacity:;
  position:fixed;
  z-index:2;

}

#v1{
min-width: 100%;
min-height: 100%;
position:fixed; 
opacity:.4;
 
    
}

#v1_background{
top:-30%;
min-width: 100%;
min-height: 100%;
position:fixed; 

}

#v2{
position:relative;
left:50%;
margin-left:-167px;
width: 384px;
height: 1080px;


 
    
}

#scout_video{
width: 100%;
height: 100%;
position:fixed; 
top:0px;
left:0px;
z-index:500;
background:rgba(0,0,0,.9);  
display:none;
}

#v3{
width: 80%;
height: 80%;
position:fixed; 
top:10%;
left:10%;
z-index:500;
  
}

#intro_site {
  margin-top:-100px;
  padding-top:200px;
  height: 450px;
  width: 100%; 
  z-index:3;
  position:relative;
  background: #fff url(../imgs/intro.png) no-repeat top center;
}

#why_bmore {
  height: 142px;
  width: 100%; 
  z-index:3;
  position:relative;
  background: #f7f7f7;
}
#why_bmore_photo {
  height: 142px;
  right: 0px;
  width: 35%; 
  z-index:3;
  position:absolute;
  background: #fff url(../imgs/why_bmore.png) no-repeat center right;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#why_bmore_text {
  height: 142px;
  left: 11%;
  width: 400px; 
  z-index:3;
  position:absolute;
  background: url(../imgs/why_baltimore_text.png) no-repeat center left;
   opacity:0;
}


#incentives {
  height: 142px;
  width: 100%; 
  z-index:3;
  position:relative;
  background: #fcfcfc;
}

#incentives_photo {
  height: 142px;
  right: 0px;
  width: 35%; 
  z-index:3;
  position:absolute;
  background: #fff url(../imgs/incentives.png) no-repeat center right;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#incentives_text {
  height: 142px;
  left: 11%;
  width: 400px; 
  z-index:3;
  position:absolute;
  background: url(../imgs/incentives_text.png) no-repeat center left;
   opacity:0;
}


#find_your {
  height: 142px;
  width: 100%; 
  z-index:3;
  position:relative;
  background: #f7f7f7;
}

#find_your_photo {
  height: 142px;
  right: 0px;
  width: 35%; 
  z-index:3;
  position:absolute;
  background: #fff url(../imgs/find_your.png) no-repeat center right;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#find_your_text {
  height: 142px;
  left: 11%;
  width: 400px; 
  z-index:3;
  position:absolute;
  background: url(../imgs/find_your_text.png) no-repeat center left;
  opacity:0;
}


#know_it_alls {
  height: 740px;
  width: 90%; 
  background:#fff;
  z-index:3;
  position:relative;
  padding-left:5%;
  padding-right:5%;
  opacity:0;
}

#know_it_alls_title {
  top:100px;
  left:6%;
  height: 30px;
  width: 300px; 
  background:#fff;
  z-index:3;
  position:absolute;
  background: url(../imgs/know_it_alls_title.png) no-repeat center left;
}

#person1 {
  float:left;
  height: 100%;
  width: 25%; 
  position:relative;
  background: url(../imgs/person1.png) no-repeat center center;
}
#person2 {
 float:left;
  height: 100%;
  width: 25%; 
  position:relative;
  background: url(../imgs/person2.png) no-repeat center center;
}
#person3 {
  float:left;
  height: 100%;
  width: 25%; 
  position:relative;
  background: url(../imgs/person3.png) no-repeat center center;
}
#person4 {
  float:left;
  height: 100%;
  width: 25%; 
  position:relative;
  background: url(../imgs/person4.png) no-repeat center center;
}

#section1 {
  height: 800px;
  width: 100%; 
  background:#fff;
  z-index:3;
  position:relative;
}

#video_dude {
  top:-500px;
  height: 900px;
  width: 70%; 
  left:15%;
  background:#fff;
  position:relative;
  opacity:.98;
}


#dude_text {
  top:-300px;
  height: 700px;
  width: 50%; 
  left:-1500px;
  position:absolute;
  background: rgba(24,167,180,.95) url(../imgs/dude_text.png) no-repeat center right;
 
}
#dude_bmore {
  height: 100%;
  width: 100%; 
  left:0px;
  position:absolute;
  background: url(../imgs/bmore.png) no-repeat center left;
  opacity:0;
}
#section2 {
	left:0px;

  height: 1180px;
  width: 100%; 
  background:#2eafba;
  z-index:3;
  position:relative;
}
#photos {
  top:50px;
  right:0px;
  height: 1000px;
  width: 50%; 
  position:absolute;
  opacity:0;
}

#hood_text {

  left:0px;
  height: 100%;
  width: 50%; 
  background:#2eafba;
  position:relative;

}
#featured_title {
  top:100px;
  left:12%;
  height: 60px;
  width: 700px; 
  background:#fff;
  z-index:3;
  position:absolute;
  background: url(../imgs/featured_neighborhoods_title.png) no-repeat center left;
}

#map_svg {
  top:200px;
  right:20px;
  height: 85%;
  width: 85%; 
  position:absolute;
  overflow:hidden;

}

#arrow_left {
  top:50%;
  left:50%;
  margin-left:20px;
  height: 89px; 
  width: 89px; 
  position:absolute;
  overflow:hidden;
  background: url(../imgs/arrow_left.png) no-repeat center center;
  display:none;
}

#arrow_right {
  top:50%;
  right:20px;
  height: 89px; 
  width: 89px; 
  position:absolute;
  overflow:hidden;
  background: url(../imgs/arrow_right.png) no-repeat center center;
  display:none;
}


.hood {
 float:left;
  height: 334px;
  width: 33.3333%; 
  position:relative;
}

.hood_label{  
  bottom:0px;
  padding:10px;
  background:#2eafba;

  position:absolute;
  font-family: DomaineDisplayBold;
  font-size:16px;
  color:#fff;
  text-align:center;
 
 }

.cls-2{fill:#fff; stroke:#2eafba; stroke-width:3; opacity:0;}
.cls-3{fill:#8bcbd0; opacity:0;}
.cls-4{fill:#fff; font-family: DomaineDisplayBold; font-size:54px; opacity:0;}

  .n1{
  opacity:1;
  background: url(../imgs/hoods/hampden.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

 .n2{
  opacity:1;
  background: url(../imgs/hoods/2.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .n3{
  opacity:1;
  background: url(../imgs/hoods/waverly.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  }

  .n4{
  opacity:1;
  background: url(../imgs/hoods/bolten.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .n5{
  opacity:1;
  background: url(../imgs/hoods/mt_vernon.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .n6{
  opacity:1;
  background: url(../imgs/hoods/fed_hill.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .n7{
  opacity:1;
  background: url(../imgs/hoods/downtown.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .n8{
  opacity:1;
  background: url(../imgs/hoods/fells.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .n9{
  opacity:1;
  background: url(../imgs/hoods/canton.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }
  
  #around_town_text {
  height:100%;
  width:100%; 
  background:url(../imgs/around_town_text.png) no-repeat top left;
  position:absolute;

}

  #around_town {
  left:10%;
  margin-top:-60px;
  height: 838px;
  width: 80%; 
   background:url(../imgs/around_town.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index:3;
  position:relative;
 opacity:0;
}

 #around_town_nav {
  left:0px;
  bottom:0px;
  height: 230px;
  width: 100%; 
  background: rgba(0,0,0,.95) url(../imgs/around_town_nav.png) no-repeat center center;
  position:absolute;

}

 #around_town_arrow_left {
  left:0px;
  height: 100%;
  width: 100px; 
  background: rgba(0,0,0,.7) url(../imgs/left_arrow.png) no-repeat center center;
  position:absolute;

}

 #around_town_arrow_right {
  right:0px;
  height: 100%;
  width: 100px; 
  background: rgba(0,0,0,.7) url(../imgs/right_arrow.png) no-repeat center center;
  position:absolute;

}
#ad {
margin-top:50px;
  left:0px;
  height: 478px;
  width: 100%; 
  background:#f7f7f7 url(../imgs/ad.png) no-repeat center center;
  z-index:3;
  position:relative;
}

#instagram {
  padding-top:150px;
  left:0px;
  height: 1050px;
  width: 100%; 
  background:#0da4b1 url(../imgs/insta_title.png) no-repeat top center;
  z-index:3;
  position:relative;
}

#insta_images_wrapper {
 left:2.5%;
  width: 95%; 
  position:relative;
  opacity:0;
}

.insta_images {
 float:left;
  height: 334px;
  width: 16.6666%; 
  position:relative;
}

  .i1{
  opacity:1;
  background: url(../imgs/hoods/1.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

 .i2{
  opacity:1;
  background: url(../imgs/hoods/2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .i3{
  opacity:1;
  background: url(../imgs/hoods/3.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  }

  .i4{
  opacity:1;
  background: url(../imgs/hoods/4.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .i5{
  opacity:1;
  background: url(../imgs/hoods/5.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .i6{
  opacity:1;
  background: url(../imgs/hoods/6.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .i7{
  opacity:1;
  background: url(../imgs/hoods/7.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .i8{
  opacity:1;
  background: url(../imgs/hoods/8.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .i9{
  opacity:1;
  background: url(../imgs/hoods/9.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .i10{
  opacity:1;
  background: url(../imgs/hoods/10.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .i11{
  opacity:1;
  background: url(../imgs/hoods/11.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }

  .i12{
  opacity:1;
  background: url(../imgs/hoods/12.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  }


  #footer {
  margin-top:-335px;
  left:0px;
  height: 350px;
  width: 100%; 
  background:#222 url(../imgs/social_footer.png) no-repeat top center;
  z-index:3;
  position:relative;
}

  #footer_left {
  float:left;
  left:100px;
  height: 100%;
  width: 400px; 
  background:#222 url(../imgs/footer_left.png) no-repeat center left;
  z-index:3;
  position:relative;
}

  #footer_right {
 float:right;
  right:100px;
  height: 100%;
  width: 400px;   
  background:#222 url(../imgs/footer_right.png) no-repeat center right;
  z-index:3;
  position:relative;
}