/* Set all parents to full height */
html, body, 
.container,
.cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%;
}

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9;
	right: 10px;
	top: 50%;
	width: 14px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 14px;
	height: 14px;
	outline: none;
	margin: 18px 0;
	border-radius: 50%;
	border: 1px solid #e31e24;
	transition:0.2s all linear;
}

.no-touch .cbp-fbscroller > nav a:hover {
	background: rgba(227, 30, 36, 0.69);
	transition:0.2s all linear;
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background: #e31e24;
}

/* background-attachment does the trick */
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
}*/

#fbsection1 {
	background:#182327;
}

#HomeSection5 {
	background-color:#fff;
 background-image:url(../images/bg2.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    position: relative;
 -webkit-transition: 1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 -ms-transition: 1s ease-in-out;
 -o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
background-position: center;
}

#HomeSection6 {
	background-color:#fff;
 background-image:url(../images/bg3.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	background-position: center;
 -webkit-transition: 1s ease-in-out;
 -moz-transition: 1s ease-in-out;
 -ms-transition: 1s ease-in-out;
 -o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;

}

#HomeSection6 .info {
  float: left;
  background-color: rgba(70, 57, 48, 0.6);
}

#HomeSection5 h2 {
	color: #e82737;
}

#HomeSection5 hr {
	color: #e82737;
	background: #e82737;
}


#HomeSection5 .info {

	background-color:rgba(189, 233, 242, 0.75);
 /* padding: 35px 0;*/
 padding:60px 0;
}

#HomeSection3 {
	background-color: #151515;
 background-image:url(../images/bg1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	position: relative;
	transition: 1s ease-in-out;

}



#HomeSection3 hr {
	color:#e31e24;
	background: #e31e24;
}


#HomeSection3 .info {

	background: rgba(21, 21, 21, 0.9);

}

#sassiholford {
	background: url(../images/sassi3.png) #f9f9f9;
	background-size: 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: static;
	transition: 1s ease-in-out;

}




.hover {
	background: #000;
	background-position: 35% 50%!important;
	transition: 0.2s ease-in-out;

}

#sassiholford .info {
	background: rgba(198, 198, 198, 0.9);

}

/*#HomeSection4 {
	background-color: #132b33;
	background-size: 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
	transition: 1s ease-in-out;

}*/
#HomeSection4 {
	background-color: #132b33;
 background-image:url(../images/bg4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	position: relative;
	transition: 1s ease-in-out;

}


/*#HomeSection4 .info {
	background: rgba(55, 84, 92, 0.9);

}*/

/*#HomeSection4 .info {
  background-color: rgba(0,0, 0, 0.49);
  background-image: url("../images/img-overlay.png");
  background-repeat: repeat;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}*/

#HomeSection4 .info {
  background-color: rgba(0, 0, 0, 0.89);
  background-image: url("../images/img-overlay.png");
  background-repeat: repeat;
  padding: 10px;
  position: absolute;
  top: 0;
  z-index: 1;
  left: 0;
}


#HomeSection4  .container {
  width: 100%;
}

#volcom {
	background: url(../images/volcom2.png) #015E7E;
		background-size: 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: static;
	transition: 1s ease-in-out;
}

#volcom .info {
	background: rgba(8, 116, 154, 0.9);

}

#volcom h2 {
	color: #d5e7f3;
}

#volcom hr {
	color: #d5e7f3;
	background: #d5e7f3;
}

#rileyscycles {
	background: url(../images/rileys3.png) #2D353F;
		background-size: 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: static;

		transition: 1s ease-in-out;
}

#rileyscycles .info {
	background: rgba(59, 72, 88, 0.9);

}

#rileyscycles h2 {
	color: #ccc4ae;
}

#rileyscycles hr {
	color: #ccc4ae;
	background: #ccc4ae;
}


#avatar {
	border-radius: 50%;
	width: 120px;
	height: 120px;
}