@import url(http://fonts.googleapis.com/css?family=Alfa+Slab+One);
@import url(http://fonts.googleapis.com/css?family=Alice);
/*plugin styles */
.bgscroll{
  color:white;
  background-repeat:no-repeat;
  background-attachment:fixed;

}






/*Demo Styles*/
#intro{

  height:800px;
  width:100%;
  padding:10px 0 0;
   overflow:hidden;
   border-top:10px solid #ffffff;

}
.secondwrap{
 /*border-top:10px solid #fff;*/
 }
#second{
  float:left;
  position:relative;
  height:600px;
  width:60%;
  padding:10px 0 0;
   overflow:hidden;

}
#second2{

  height:600px;
  width:40%;
  padding:10px 0 0;
  border-left:10px solid #fff;
   overflow:hidden;

}
#third{

  height:1200px;
  width:100%;
  margin:0 auto;
  padding:100px 0 0;
  overflow:hidden;
  /*border-top:10px solid #ffffff;*/
}

.bgscroll .float-right{
	float: right;
	margin: 0 50px 0 0;

}
.bgscroll .float-left{

	margin: 0 0px 0 50px;

}
.bgscroll .center{
	font-size: 2.5em;
	padding: 0px 0 0 0;
	text-align: center;
      transform:rotateX(45deg);
}

.bgscroll .story{
	margin: 0 auto;

	overflow: auto;
	width: 100%;

}

.story .float-left, .story .float-right{
	padding: 50px 0 0 0;
	position: relative;
	width: 350px;
    overflow:hidden;


}
.story .float-left h2, .story .float-right h2{
  font-size:2.1em;
  font-family: 'Alfa Slab One', sans-serif;


}
.story .float-left p, .story .float-right p{

  font-family: 'Alice', sans-serif;


}
.planerotate{

   transform:rotateX(-40deg);
    transform-style: preserve-3d;
    padding-bottom:10px;
    box-shadow: 1px 1px 15px #111;
    border:5px solid #111;
    padding:0px;
    z-index:99999;
    margin:50px auto;
    margin-bottom:-350px;
    overflow:hidden;
    color:#000;
}
#rocket{
  width:256px;
  height:2256px;
 z-index:9999;
 position:absolute;
 top:-10%;
 left:50%;
}
#plugin{
  width:100%;
  height:2100px;
 z-index:9999;
 position:absolute;
 top:0px;
 left:0%;
 background-repeat:repeat-x;
 opacity:0.3;
}
.page-template-showcase-php #page{
  max-width:70%;
}
#bsexample{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
}

.three_columns .column1, .three_columns .column2, .three_columns .column3 {
    float: left;
    width: 33.33%;
    margin-top:10px;
}
.three_columns .column1 .column_inner {
    padding: 0 13px 0 0;
}
#bginfo .three_columns {
    width: 100%;

}

#bginfo h4 {
    color: #252525;
    font-size: 17px;
    font-style: italic;
}

#bginfo h3 {
    font-family: inherit;
    font-size: 45px;
    font-style: italic;
    font-weight: 200;
    line-height: 45px;
    margin: 0 0 15px;
       color: #252525;
    font-weight: 300;
}
#bginfo p{
  line-height: 30px;

    margin-top: 10px;
}

#bginfo{
  background-attachment: fixed;
    background-color: transparent;
    background-position: center 0;
    background-repeat: no-repeat;
    padding: 40px 0px 0px 30px;
    position: relative;
}
