a.bb-colorlink {
	color:#fff;
	text-decoration:none;
}
a.bb-colorlink:hover {
	text-decoration:underline;
}
.header-logo{
    display: block !important;
}

.logo-25 {
    margin: 0 auto;
    max-width: 100px;
    display: none;
}

@media screen and (min-width: 1000px){
    .logo-25{ 
        max-width: 250px;
        display: block;
    }
}

#landing-hero .inner{
    background: url("../images/Worldview-square.jpg") transparent no-repeat center center;   
    position: absolute;
    top:0; left:0;
    width:100%;
    height: 100%;
}

#landing-video{
    position: relative;
    min-height: 115%;
    overflow: hidden !important;
    background: url("../images/video-placeholder.jpg") transparent no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    margin-top:-5px;
    
}

#video-background{
    position: absolute; right: 0; bottom: 0; top:0px; bottom:0;
    min-width: 100%; min-height: 100%;
    width: auto; height: auto;
    background: url("../images/video-placeholder.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.landing-arrow {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -25px; 
    width: 50px;
    height: auto;
}

.video-border{
    border-top: 5px solid #fff;
    border-bottom:5px solid #fff;
    position: absolute;
    top:0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}


#video-action{
    position: absolute;
    top: 15%;
    left: 50%;
    color: #fff !important;
    width: 70%;
    margin: 0 auto;
    margin-left: -35%;
    max-width: 100%;
    bottom:0;
}

@media screen and (min-width: 1000px){
    #video-action {
        position: absolute;
    }
}

#video-action h2 {
    font-size: 32px;
    text-align: center;
    font-family: "Avenir LT W01 55 Roman", "Helvetica Neue", Helvetica, arial, sans-serif !important;       
    line-height: 100px;
    font-weight: lighter;
    color: rgba(173, 31, 43, 1);
    line-height: 1;
}
@media (min-width: 600px){
    #video-action h2 {
        font-size: 48px;
    } 
}
@media (min-width: 900px){
    #video-action h2 {
        font-size: 72px;
    }    
}


.cta-wrapper {
    padding: 20px;
    border: 5px solid #fff;
    background: rgba(255,255,255,.8);
}

#video-action h2 span{
    display: block;
    font-size: 126px;
}

#video-action .inner{
    max-width: 960px;   
    margin: 0 auto;
}


.video-button{
    display: block;
    width: 100%;
    text-align: center;
    background: #e5e5e5;
    background:rgba(255, 255, 255, .65);
    color:#fff;
    line-height: 75px;
    font-family: "Avenir LT W01 55 Roman", "Helvetica Neue", Helvetica, arial, sans-serif !important; 
    font-size: 28px;
    text-transform: uppercase;
    font-weight: lighter;
    margin-top:50px;
}
.video-link{
    font-family: "Avenir LT W01 55 Roman", "Helvetica Neue", Helvetica, arial, sans-serif !important; 
    font-size: 22px;
    text-transform: lowercase;
    color:#fff;
    margin-top:100px;
    display: block;
    text-align: center;
}



.video-bars{
    position: absolute;
    bottom:-3px;
    right: 0;
}   
.video-bars img{
    width: 100px;
}



.landing-arrow 							{animation: animate .5s ease infinite alternate; -moz-animation: animate .5s ease infinite alternate;
										-webkit-animation: animate .5s ease infinite alternate;  -o-animation: animate .5s ease infinite alternate; 
										-ms-animation: animate .5s ease infinite alternate;  position: absolute; text-align: center;}
  	@keyframes animate 					{from {bottom:50px;} to {bottom: 65px;} }
  	@-moz-keyframes animate 			{from {bottom:50px;} to {bottom: 65px;} }
	@-webkit-keyframes animate 			{from {bottom:50px;} to {bottom: 65px;} }
  	@-o-keyframes animate 				{from {bottom:50px;} to {bottom: 65px;} }
  	@-ms-keyframes animate 				{from {bottom:50px;} to {bottom: 65px;} }



#landing-map{
    margin: 50px auto;   
    position: relative;
    padding:0 !important;
}

#landing-map .map-dot{
    width: 3%;
    height: 4.5%;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    transition: all .125s ease;
    -webkit-transition: all .125s ease-in-out;
    -moz-transition: all .125s ease-in-out;
    -o-transition: all .125s ease-in-out;
    overflow: hidden;
}
.map-dot:hover {
        width: 20% !important;
    height: 30% !important;
    margin-left: -8.5%;
    margin-top: -9%;  
    z-index: 1;
}

.map-opener{
    display: block;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.map-gold{
    background: #d09b2c;
}
.map-red{
    background: #ad1f2b;
}
.map-blue{
    background: #0c4c87;
}
.map-white{
    background:#fff;
    color: #333 !important;
}
.map-white .map-detail p{
    color: #333 !important;   
}

#bartlesville{
left: 49.5%;
top: 55%;
}
#flagstaff{
left: 19.2%;
top: 52.2%;
}
#santa-clarita{
top: 53.8%;
left: 9.2%;
}
#san-diego{
    top: 58.7%;
left: 11.4%;
}
#rocklin{
    top: 34%;
left: 5.2%;
}
#salem{
  top: 20.7%;
left: 7.4%;  
}
#kirkland{
    top: 8.5%;
    left: 10.8%;
}

#roseville{
    top: 24%;
left: 52.9%;
}
#deerfield{
    top: 37%;
left: 62.5%;
}
#grand-rapids{
    top: 32.9%;
left: 69.1%;
}
#cedarville{
    left: 71.95%;
top: 41%;
}
#grove-city{
    top: 35.6%;
left: 77.8%;
}
#keene{
    top: 24%;
left: 89.1%;
}
#langhorne{
  top: 35.9%;
    left: 83.6%;
}

#springfield{
    top: 51.7%;
left: 55.1%;
}
#longview{
   top: 69%;
    left: 51%;
}
#brownwood{
  top: 77.7%;
    left: 47.2%;

}
#toccoa-falls{
    top: 61%;
left: 71.6%;
}
#winston-salem{
    top: 53%;
left: 76.8%;
}
#virginia-beach{
    top: 45%;
left: 82.5%;
}
#louisville{
   top: 46.6%;
    left: 68.2%;
}

#giddings{
      top: 74.8%;
    left: 49.7%;
}
#larkspur{
    top: 47%;
    left: 35%;
}


.map-detail{
    text-align: center;
    padding-top: 34.5%;
    color: #fff;
    pointer-events: none;
    opacity: 0;
}

.map-detail p{
    margin:5px 0;
    font-family: "Avenir LT W01 55 Roman", "Helvetica Neue", Helvetica, arial, sans-serif;
    white-space: nowrap;
}
.map-dot:hover .map-detail{
    opacity: 1;
}

p.map-location{
    font-size: 16px;
    font-weight: bold;
}
p.map-date{
    font-size: 13px;
}


#landing-camps{
    position: relative;
    font-family: "Avenir LT W01 55 Roman", "Helvetica Neue", Helvetica, arial, sans-serif;
    color: #fff;
    font-size: 16px;
}   
.page-content #landing-camps ul.camps li {
    list-style: none;
}
.one-third{
    width: 33%;  
    min-height: 450px;
    display: inline-block;
    float: left;
    position: relative;
}
.one-third.first{
    background: #d09b2c;   
}

.one-third.middle{
    background: #ad1f2b;   
}
.one-third.last{
    background: #0c4c87;   
}

.one-third.first li{
    border-bottom:1px solid #bf8f27;
}
.one-third.middle li{
    border-bottom:1px solid #9c1a24;
    padding-left:25px !important;
}
.one-third.last li{
    border-bottom:1px solid #0a4379;
    padding-left:25px !important;
}


.one-third .inner{  
    padding:0px;
}
#landing-camps .inner h2{
    color: #fff !important;
    margin-top: 25px;
}   
#landing-camps .inner h2 strong{
    font-weight: bold !important;
}   

#landing-camps .inner ul{
    margin: 20px 0;   
}
#landing-camps .inner li{
    padding: 2.5px 0 2.5px 0;
}


.one-third p{
    margin:0;
    font-family: "Avenir LT W01 55 Roman", "Helvetica Neue", Helvetica, arial, sans-serif;
    padding-left: 40%;
}
.one-third span{
    float: left; 
    font-weight: bolder;
}


.spacer-left{
   background: #d09b2c;   
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    width:50%;
    z-index: -1;
}
.spacer-right{
   background: #0c4c87;   
    position: absolute;
    right:0;
    top:0;
    bottom:0;
    width:50%;
    z-index: -1;
}


#landing-footer{
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
}
#landing-footer p{
        font-family: "Avenir LT W01 55 Roman", "Helvetica Neue", Helvetica, arial, sans-serif !important;
    margin: 0 !important;
    color: #999;
}


.footer-register{
    position: absolute;
    bottom:0;
    left:0;
    right: 0;
    font-family: "Avenir LT W01 55 Roman", "Helvetica Neue", Helvetica, arial, sans-serif !important;
}
.footer-register a{
    display: block;
    background: #86a6c3;
    text-transform: uppercase;
    line-height: 50px;
    color: #fff;
    width: 100%;
    text-align: center;
}
.footer-register p{
    padding-left:25px;  
    margin-bottom:10px;
}



@media only screen and (min-width: 300px) and (max-width: 639px) {
    #video-action {
        width: 100%;
        margin-left: -50%;
    }
    
    /*#video-action h2{
        font-size: 48px !important; 
        line-height: 52px !important;
    }*/
    #video-action h2 span{
        font-size: 64px !important;   
    }
    
    .video-button{
        font-size:21px !important;   
    }
    
    #video-background{
     display: none;   
    }
    
    #landing-video{
        min-height: 640px !important;   
    }
    .video-link{
        margin-top:50px !important;   
    }
   
}



@media only screen and (min-width: 300px) and (max-width: 799px) {
    #landing-camps .one-third{
    width: 100% !important;   
        min-height: 0 !important;
    }
     #landing-camps .row{
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        padding: 0 !important;
    }
    .header-space{
        display: none;   
    }
    .one-third li{
    padding-left:25px !important;
    }
    .one-third h2{
        padding-left: 25px;   
    }
    
    .footer-register{
    position: static;
    }   
    
    .one-third span{
        display: none;
    }
    .one-third p{
        padding:0;   
    }
}

@media only screen and (max-width: 640px) {
    .map-rollovers{
        display: none !important;   
    }
}

