*, *:before, *:after {
  box-sizing: border-box;
}

.cf::before,
.cf::after {
	content: "";
	display: block;
}
.cf::after {
	clear: both;
}
.cf {
	zoom: 1;
}

/*SPAN HARD RETURNS*/

h2 span {
	display: block;
	content: "\a ";
    white-space: pre;
}

/*Preloaded Photos*/

body:after {
	background: url(../images/nbsLogoHover.png);
}

/*SPAN HARD RETURNS END*/
body{
	background: url(../images/background.png) repeat;
	font-family: Lato, Arial, sans serif;
	color: #FFF;
}
a {
	text-decoration: none;
	transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	color: #FFF;
}
li {
	list-style-type: none;
	color: #FFF;
}

/*BACKHEADER*/

#backheader {
	height: 150px;
	background: url(../images/backheader.gif) repeat-x;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	box-shadow: 0 2px 10px #000;
}

/*HEADER*/

header {
	margin: 0 auto;
	width: 960px;
	position: relative;
	height: 100%;
}
header h1 {
	font-size: 24px;
	text-indent: -9999px;
	background-image: url(../images/nbsLogo.png);
	width: 291px;
	height: 81px;
	margin: 40px 0 0 10px;
	float: left;
	transition: .6s ease-in-out;
	-webkit-transition: .6s ease-in-out;
	-moz-transition: .6s ease-in-out;
	-ms-transition: .6s ease-in-out;
}
header h1 a {
	display: block;
	width: 291px;
	height: 81px;
}
header h1:hover{
	background: url(../images/nbsLogoHover.png);
}

header a.phone {
	font-size: 24px;
	float: left;
	color: #FFF;
	margin: 23px 0 0 295px;
}
header a.phone:hover {
	color: #E14658;
}
a.phone i,
a.location i {
	float: left;
}
header a.phone i {
	font-size: 20px;
	padding-top: 4px;
}
a.phone p,
a.location p {
	float: left;
	margin-left: 5px;
}
header a.location p {
	width: 130px;
	line-height: 14px;
}
header a.location {
	font-size: 12px; 
	margin: 23px 0 0 35px;
	float: left;
	color: #FFF;
}
header a.location:hover {
	color: #E14658;
}
header a.location i {
	font-size: 26px;
}

/*NAVIGATION*/

header nav {
	float: right;
	position: absolute;
	bottom: 0;
	right: 0;
}
.global li {
	float: left;
	font-family: 'Merriweather Sans';
	font-weight: 300;
	font-size: 16px;
}
.global a {
	display: block;
	color: #FFF;
	padding: 8px 12px 27px 12px;
	height: 45px;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
}
header nav li a:hover {
	border-bottom: solid 8px #E14658;
	color: #E14658;
}
.home ul.global li.nhome > a,
.bikes ul.global li.nbikes > a,
.sales ul.global li.nbikes > a,
.access ul.global li.naccess > a,
.repairs ul.global li.nrepairs > a,
.events ul.global li.nevents > a,
.location ul.global li.nlocation > a {
	color: #E14658;
	border-bottom: solid 8px #E14658;
}

/*NAVIGATION END*/
/*HEADER END*/
/*BACKHEADER END*/

/*MAIN*/

main {
	margin: 0 auto;
	width: 960px;
}
.home main {
	background: url(../images/fixedBack.jpg) fixed no-repeat;
	background-position: center 50px;
}

/*MAIN HERO GRAPHICS*/

.home .hero {
	background: url(../images/hero_home.jpg) no-repeat;
	height: 566px;
	margin-top: 118px;
}
.bikes .hero {
	background: url(../images/hero_bikes.jpg) no-repeat;
	height: 385px;
	margin-top: 130px;
}
.allbikes .storeHero {
	background: url(../images/pink_rect.png) left bottom no-repeat, url(../images/hero_bikes.jpg) top left no-repeat;
	height: 385px;
	margin-top: 130px;
}
.access .storeHero {
	background: url(../images/pink_rect.png) left bottom no-repeat, url(../images/accessories.jpg) top left no-repeat;
	height: 385px;
	margin-top: 130px;
}
.repairs .hero {
	background: url(../images/hero_repairs.jpg) no-repeat;
	height: 365px;
	margin-top: 130px;
}
.events .hero {
	background: url(../images/hero_events.jpg) no-repeat;
	height: 365px;
	margin-top: 130px;
}
.newshome .hero {
	background: url(../images/hero_news.jpg) no-repeat;
	height: 365px;
	margin-top: 130px;
}

/*MAIN HERO END*/
/*MAIN HOME*/
main section{
	position: relative;
}
.home .hero h2 {
	padding: 332px 0 10px 50px;
	font-size: 40px;
	font-family: anton;
	letter-spacing: 1px;
}
.home .hero h2 a {
	background: #E14658;
	border-radius: 3px;
	padding: 0 16px;
	color: #FFF;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
}
.home .hero h2 a:hover {
	color: #3F3250;
}
.home .hero p {
	font-family: anton;
	font-size: 38px;
	padding: 18px 0 0 50px;
	color: #FFF;
}
.chevron {
	text-align: center;
	position: absolute;
	bottom: 10px;
	width: 100%;
}
.chevronDown i {
	font-size: 60px;
	text-align: center;
}
.chevronDown {
	color: #FFF;
}
.chevronDown:hover {
	color: #3F3250;
}
.bikes .chevronDown {
	color: #E14658;
}
.bikes .chevronDown:hover {
	color: #FFF;
}

/*HERO END*/
/*GRAB LIFE! SECTION 2*/

.sec2 {
	height: 258px;
	background: #101A24;
	font-size: 50px;
	font-family: anton;
	letter-spacing: 1px;
	color: #FFF;
	text-align: center;
	padding-top: 45px;
	position: relative;
}
.sec2 span {
	font-size: 30px;
	display: block;
	color: #E14658;
	padding: 11px 0;
}
.sec2 h2 {
    display: inline-block;
    padding-bottom: 24px;
    position: relative;
}
.sec2 h2:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    border-bottom: 4px solid #E14658;
    border-radius: 2px;
}

/*ABOUT INFO! SECTION 3*/

.sec3 {
	height: 258px;
	background: #3F3250;
	color: #FFF;
	position: relative;
}
.sec3 p {
	width: 610px;
	padding-left: 10px;
	font-size: 19px;
	border-left: #E14658 solid 5px;
	position: relative;
	top: 63px;
	left: 185px;
}
.sec3 span {
	font-weight: 700;
}

/*FIGURES*/

.sec4,
.figbikes {
	font-family: anton;
	font-size: 45px;
	height: 350px;
	margin-top: 30px;
	color: #FFF;
	letter-spacing: 1px;
}
.sec4 figure {
	float: left;
	width: 300px;
	height: 350px;
	background: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,.75);
}
.fighome2 {
	margin: 0 30px 0 30px;
}
.home figcaption h2,
.figbikes h2 {
	background: #E14658;
	margin-top: -4px;
	line-height: 60px;
	padding-left: 10px;
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
}
.home figure img,
.figbikes figure img {
	opacity: .8;
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
}
.home figure:hover img,
.figbikes a:hover img {
	opacity: 1;
}
.home .sec4 a,
.figbikes a {
	color: #FFF;
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
}
.home .sec4 a:hover h2,
.figbikes a:hover h2{
	background: #3F3250;
}
.home h2:nth-child(5) {
	font-size: 87px;
	font-family: anton;
	color: #FFF;
	margin: 150px 0 0 446px;
	letter-spacing: 2px;
}

/*RIDE WITH US*/

.home p:nth-child(6) {
	font-size: 28px;
	text-align: center;
}
.home p:nth-child(6) a {
	display: block;
	border-radius: 3px;
	color: #FFF;
	background: #3F3250;
	width: 218px;
	line-height: 52px;
	margin: 10px 0 150px 692px;
	box-shadow: 0 0 10px rgba(0,0,0,.75);
}
.home p:nth-child(6) a:hover {
	background: #E14658;
}

/*WHEN IN DOUBT*/

.home .sec5 {
	height: 258px;
	background: #101A24;
	font-size: 50px;
	font-family: anton;
	letter-spacing: 1px;
	color: #FFF;
	text-align: center;
	padding: 65px 0 0 0;
	position: relative;
}
.home .sec5 h2 {
    display: inline-block;
    padding: 0 0 20px 0;
    position: relative;
    line-height: 60px;
}
.home .sec5 h2:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    border-bottom: 4px solid #E14658;
    border-radius: 2px;
}
.homemap {
	background: #101A24;
}
.homemap iframe{
	position: relative;
	bottom: -2px;
}
.location .homemap {
	margin-top: 148px;
}
/*HOME END*/
/*BIKES START*/

.bikes .hero h2 a {
	float: left;
	text-align: center;
	font-size: 60px;
	width: 480px;
	line-height: 80px;
	background: #E14658;
	color: #FFF;
	font-family: anton;
	letter-spacing: 1px;
	transition: .5 ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
}
.bikes .hero h2 a:hover {
	background: #3F3250;
}
.bikes .hero h2:first-child {
	padding-top: 305px;
}
.bikes .hero p {
	font-family: anton;
	font-size: 38px;
	padding: 18px 0 0 50px;
	color: #FFF;
}
.figbikes a:first-child {
	float: left;
	margin: 0 0 30px 0;
}
.figbikes figure:last-child {
	float: right;
}

/*BIKE END*/
/*STORE*/

.storeHero h2 {
	font-size: 32px;
	position: absolute;
	padding: 0;
	bottom: 10px;
	left: 20px;
	font-family: anton;
	letter-spacing: 1px;
}
.yeti aside,
.yeti .storeContent,
.trek aside,
.trek .storeContent,
.santacruz aside,
.santacruz .storeContent,
.giant aside,
.giant .storeContent,
.accessories aside,
.accessories .storeContent,
.helmets aside,
.helmets .storeContent,
.lights aside,
.lights .storeContent,
.brakes aside,
.brakes .storeContent,
.chains aside,
.chains .storeContent,
.locks aside,
.locks .storeContent {
	min-height: 494px;
}
aside {
	width: 230px;
	min-height: 730px;
	background: #E14658;
	float: left;
	margin-bottom: 30px;
}
aside ul {
	font-size: 20x;
	margin-top: 40px;
	list-style-type: none;
}
aside li a {
	display: block;
	line-height: 38px;
	color: #FFF;
	padding-left: 20px;
}
aside li a:hover {
	background: #101A2
	font-weight: 700;
	padding-left: 30px;
}
.storeContent {
	width: 730px;
	min-height: 730px;
	background: #101A24;
	float: right;
	margin-bottom: 30px;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.rentals .storeContent {
	width: 960px;
	float: none;
	min-height: 690px;
	padding: 15px 0 0 0;
}
.square {
	background: #555;
	width: 216.6666px;
	height: 216.6666px;
	margin: 10px;
	position: relative;
	overflow: hidden;
}
.rentals .square {
	width: 300px;
	height: 300px;
	margin: 15px 0 15px 0;
}
.rentals .storeContent .square:nth-child(3n+2) {
	margin: 15px 30px;
}
.square img {
	display: block;
}
.square h2 {
	position: absolute;
	bottom: -1px;
	width: 217px;
	z-index: 1;
	background: rgba(63,50,80,.85);
	line-height: 28px;
	color: #FFF;
	padding-left: 10px;
	font-size: 18px;
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
}
.rentals .square h2 {
	width: 300px;
}
.storelist {
	display: block;
	width: 217px;
	height: 128px;
	position: absolute;
	z-index: 0;
	bottom: -128px;
	font-size: 14px;
	line-height: 16px;
	background: rgba(225,70,88,.85);
	padding: 15px;
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
}
.rentals .storelist {
	width: 300px;
	font-size: 18px;
	line-height: 20px;
}
.square:hover h2 {
	bottom: 127px;
}
.square:hover .storelist {
	bottom: -1px;
}
.sales .nbrands a,
.yeti .nyeti a,
.kona .nkona a,
.gt .ngt a,
.cannondale .ncannondale a,
.trek .ntrek a,
.santacruz .nsantacruz a,
.giant .ngiant a,
.accessories .naccessories a,
.helmets .nhelmets a,
.lights .nlights a,
.brakes .nbrakes a,
.chains .nchains a,
.locks .nlocks a {
	background: #101A24;
	font-weight: 700;
}

/*STORE END*/
/*REPAIRS START*/

.repairs .sec3 {
	height: 220px;
}
.repairs .sec3 p {
	top: 65px;
}
.instorecontainer {
	position: relative;
/*	overflow: hidden;*/
}
.instorecontainer i {
	font-size: 30px;
}
.instore p,
.mobile p {
	display: block;
	height: 150px;
	padding: 30px 30px 30px 20px;
	font-size: 18px;
	background: #101A24;
	clear: both;
	position: absolute;
	z-index: -1;
	top: -120px;
	transition: .5s ease-in-out;
}
.mobile p {
	top: -40px;
	z-index: -2;
}
.instore,
.mobile {
	transition: .5 ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
}
.instore h2,
.mobile h2 {
	text-align: center;
	font-size: 45px;
	line-height: 80px;
	height: 80px;
	background: #E14658;
	color: #FFF;
	font-family: anton;
	letter-spacing: 1px;
}
.instore:hover p {
	top: 80px;
}
.mobile:hover p{
	top: 160px;
}
.instore:hover,
.mobile:hover {
	padding: 0 0 150px 0;
}

/*FOOTER*/

#backfooter {
	background: url(../images/backfooter.gif) repeat-x;
	height: 342px;
	clear: both;
}
footer {
	margin: 30px auto 0;
	width: 960px;
}
.footleftcol {
	width: 180px;
	color: #FFF;
	float: left;
	margin: 40px 0 0 5px;
}
footer h1 {
	text-indent: -9999px;
	background: url(../images/nbs_small_logo.png);
	width: 144px;
	height: 71px;
	margin: 0 0 25px 0;
	transition: .6s ease-in-out;
	-webkit-transition: .6s ease-in-out;
	-moz-transition: .6s ease-in-out;
	-ms-transition: .6s ease-in-out;
}
footer h1 a {
	display: block;
	width: 144px;
	height: 71px;
}
footer h1:hover {
	background: url(../images/nbs_small_logo_hover.png);
}
.footleftcol h1 + p  {
	font-size: 14px;
	color: #E14658;
	margin: 0 0 14px 0;
}
.footericons i {
	font-size: 18px;
}
.footericons a {
	color: #FFF;
	padding: 0 10px;
}
footer .footercontact {
	margin: 11px 0 0 5px;
}
footer a.phone,
footer a.location {
	font-size: 14px;
	color: #FFF;
	line-height: 16px;
	padding: 3px 0;
	margin: 8px 0;
	display: block;
}
footer a.phone:hover,
footer a.location:hover,
footer .footericons a:hover {
	color: #E14658;
}
footer .navigation {
	margin: 40px 50px 0 150px;
	height: 150px;
	float: left;
}
ul.footernav li {
	float: left;
}
ul.footernav li a {
	display: block;
	color: #E14658;
	padding: 0 13px;
	line-height: 22px;
}
ul.footernav li a:hover {
	color: #FFF;
}
.home ul.footernav li.nhome > a,
.bikes ul.footernav li.nbikes > a,
.sales ul.footernav li.nbikes > a,
.yeti ul.footernav li.nbikes > a,
.kona ul.footernav li.nbikes > a,
.gt ul.footernav li.nbikes > a,
.cannondale ul.footernav li.nbikes > a,
.trek ul.footernav li.nbikes > a,
.santacruz ul.footernav li.nbikes > a,
.giant ul.footernav li.nbikes > a,
.rentals ul.footernav li.nbikes > a,
.helmets ul.footernav li.naccess > a,
.lights ul.footernav li.naccess > a,
.brakes ul.footernav li.naccess > a,
.chains ul.footernav li.naccess > a,
.locks ul.footernav li.naccess > a,
.repairs ul.footernav li.nrepairs > a,
.events ul.footernav li.nevents > a,
.location ul.footernav li.nlocation > a {
	color: #FFF;
}
.sales ul.footernav li.nsales a,
.yeti ul.footernav li.nsales a,
.kona ul.footernav li.nsales a,
.gt ul.footernav li.nsales a,
.cannondale ul.footernav li.nsales a,
.trek ul.footernav li.nsales a,
.santacruz ul.footernav li.nsales a,
.giant ul.footernav li.nsales a,
.rentals ul.footernav li.nrentals a,
.helmets ul.footernav li.nhelmets a,
.lights ul.footernav li.nlights a,
.brakes ul.footernav li.nbrakes a,
.chains ul.footernav li.nchains a,
.locks ul.footernav li.nlocks a {
	color: #FFF;
}
footer ul.footernav li {
	position: relative;
}
footer ul.submenu {
	position: absolute;
}
footer ul.submenu li a {
	color: #777;
}
footer ul.submenu li a:hover {
	color: #FFF;
}
footer div.storehours {
	margin: 20px 0 0 163px;
	height: 68px;
	width: 154px;
	float: left;
	font-size: 14px;
}
footer div.storehours ul li {
	list-style-type: none;
	color: #FFF;
	float: left;
}
footer div.storehours li.store {
	color: #E14658;
	line-height: 20px;
}
footer div.storehours ul.hours {
	line-height: 14px;
}
footer div.storehours ul.hours li:nth-child(even) {
	float: right;
}
footer .hours span {
	font-size: 10px;
}
.news {
	display: block;
	float: right;
	margin: 20px 85px 0 0;
}
.news label {
	display: block;
	font-size: 19px;
	color: #E14658;
}
.news input {
	display: block;
	margin-top: 10px;
}
.news #submit {
	display: block;
	background: #E14658;
	border-style: none;
	font-family: lato;
	font-weight: 500;
	color: #FFF;
	padding: 5px 10px;
}
.subs {
	float: right;
	margin: 20px 113px 0 20px;
}
footer p.copyright {
	display: block;
	clear: both;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	padding-top: 26px;
}
.newshome footer p.copyright {
	padding-top: 44px;
}