*, *: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;
  min-width: 320px; }

p {
  line-height: 1.5em; }

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 {
  min-width: 320px;
  height: 70px;
  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;
  max-width: 960px;
  position: relative; }

.mobile-nav {
  display: flex;
  justify-content: space-between;
  align-items: center; }

header h1 {
  font-size: 24px;
  text-indent: -9999px;
  background-image: url(../images/nbsLogo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 20px;
  width: 120px;
  height: 70px;
  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: 100%;
  height: 100%; }

header h1:hover {
  background: url(../images/nbsLogoHover.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

header a.phone {
  font-size: 16px;
  float: left;
  color: #FFF;
  display: flex;
  justify-content: space-between;
  align-items: center; }

header a.phone:hover {
  color: #E14658; }

a.phone i,
a.location i {
  float: left; }

header a.phone i {
  font-size: 18px;
  padding-top: 4px;
  display: none; }

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;
  display: flex;
  justify-content: space-between;
  color: #FFF;
  display: none; }

header a.location:hover {
  color: #E14658; }

header a.location i {
  font-size: 26px; }

/*NAVIGATION*/
header {
  position: relative; }
  header nav {
    position: absolute;
    transition: .5s ease-in-out;
    right: -100vw;
    height: 100vh;
    width: 100vw;
    background: #101A24;
    opacity: 0; }

.global li {
  font-family: 'Merriweather Sans';
  font-weight: 300;
  font-size: 25px; }

.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 {
  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; }

/*NAVIGATION END*/
/*HEADER END*/
/*BACKHEADER END*/
/*MAIN*/
main {
  margin: 0 auto;
  max-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) center no-repeat;
  background-size: cover;
  height: 250px;
  margin-top: 70px;
  padding-top: 100px; }

.bikes .hero {
  background: url(../images/hero_bikes.jpg) no-repeat;
  background-size: cover;
  margin-top: 70px; }

.allbikes .storeHero {
  background: url(../images/hero_bikes.jpg) top left no-repeat;
  background-size: cover;
  height: 250px;
  margin-top: 70px; }

.access .storeHero {
  background: url(../images/accessories.jpg) center no-repeat;
  background-size: cover;
  height: 250px;
  margin-top: 70px; }

.repairs .hero {
  background: url(../images/hero_repairs.jpg) no-repeat;
  background-size: cover;
  height: 250px;
  margin-top: 70px; }

.events .hero {
  background: url(../images/hero_events.jpg) no-repeat;
  background-size: cover;
  height: 250px;
  margin-top: 70px; }

.newshome .hero {
  background: url(../images/hero_news.jpg) no-repeat;
  background-size: cover;
  height: 250px;
  margin-top: 70px; }

/*MAIN HERO END*/
/*MAIN HOME*/
main section {
  position: relative; }

.home .hero h2 {
  font-size: 30px;
  font-family: anton;
  letter-spacing: 1px;
  margin-left: 10%; }

.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: 24px;
  margin-top: .75em;
  line-height: 1.75em;
  color: #FFF;
  padding-left: 10%;
  background: rgba(17, 17, 17, 0.5); }

.chevron {
  text-align: center;
  position: absolute;
  bottom: 10px;
  width: 100%; }

.chevronDown i {
  font-size: 45px;
  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: 40px;
  font-family: anton;
  letter-spacing: 1px;
  color: #FFF;
  text-align: center;
  padding-top: 45px;
  position: relative; }

.sec2 span {
  font-size: 24px;
  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 {
  background: #3F3250;
  color: #FFF;
  padding: 10%; }

.sec3 p {
  padding-left: 10px;
  font-size: 16px;
  border-left: #E14658 solid 5px; }

.sec3 span {
  font-weight: 700; }

/*FIGURES*/
.sec4 {
  display: block;
  justify-content: space-around;
  flex-wrap: wrap;
  font-family: anton;
  font-size: 45px;
  height: 350px;
  margin-top: 30px;
  color: #FFF;
  letter-spacing: 1px;
  width: 100%;
  height: 100%; }
  .sec4 a {
    display: block;
    width: 80%;
    height: auto;
    margin: 1em auto; }
    .sec4 a figure img {
      width: 100%;
      height: auto; }

.figbikes {
  font-family: anton;
  font-size: 45px;
  color: #FFF;
  letter-spacing: 1px; }
  .figbikes a {
    margin: 30px 0;
    display: block;
    width: 100%; }
    .figbikes a figure {
      width: 100%; }
      .figbikes a figure img {
        width: 100%;
        height: auto; }

.sec4 figure {
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75); }

.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; }

.figbikes h2 {
  width: 100%; }

.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: 50px;
  font-family: anton;
  color: #FFF;
  margin: 100px auto 0;
  text-align: center;
  letter-spacing: 2px; }

/*RIDE WITH US*/
.learn-more {
  font-size: 20px;
  text-align: center;
  display: block;
  border-radius: 3px;
  color: #FFF;
  background: #3F3250;
  width: 218px;
  line-height: 52px;
  margin: 10px auto 150px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75); }

.learn-more: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;
  width: 100%;
  height: 350px;
  bottom: -2px; }

.location .homemap {
  margin-top: 148px; }

/*HOME END*/
/*BIKES START*/
.bikes .hero h2 a {
  display: block;
  text-align: center;
  font-size: 60px;
  width: 100%;
  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: 250px; }

.bikes .hero p {
  font-family: anton;
  font-size: 38px;
  padding: 18px 0 0 50px;
  color: #FFF; }

/*BIKE END*/
/*STORE*/
.storeHero h2 {
  font-size: 24px;
  position: absolute;
  padding: 0 0 0 20px;
  bottom: 0;
  left: 0;
  background: #E14658;
  width: 230px;
  line-height: 2em;
  -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
  text-transform: uppercase; }

aside {
  width: 100%;
  background: #E14658;
  padding: 20px 0; }

aside ul {
  font-size: 20px;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap; }
  aside ul li {
    width: 50%; }

aside li a {
  display: block;
  line-height: 38px;
  color: #FFF;
  padding-left: 20px; }

aside li a:hover {
  background: #101A24;
  font-weight: 700; }

.storeContent {
  width: 100%;
  background: #101A24;
  float: right;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 30px 2%; }

.rentals .storeContent {
  width: 100%;
  float: none;
  padding: 15px 0 0 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: flex-start; }

.square {
  background: #555;
  width: 45%;
  height: auto;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }

.rentals .square {
  width: 45%;
  height: auto;
  margin: 15px 0 15px 0; }

.square img {
  display: block;
  width: 100%;
  height: auto; }

.square h2 {
  position: absolute;
  bottom: -1px;
  width: 100%;
  z-index: 1;
  background: rgba(63, 50, 80, 0.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: 100%; }

.storelist {
  display: block;
  width: 100%;
  height: 128px;
  position: absolute;
  z-index: 0;
  bottom: -128px;
  font-size: 14px;
  line-height: 16px;
  background: rgba(225, 70, 88, 0.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: 100%;
  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 p {
  top: 65px; }

.instorecontainer {
  position: relative;
  /*	overflow: hidden;*/ }

.instorecontainer i {
  font-size: 30px;
  display: none; }

.instore p,
.mobile p {
  display: block;
  padding: 30px 30px 30px 20px;
  font-size: 18px;
  background: #101A24;
  clear: both;
  z-index: -1;
  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; }

/*FOOTER*/
#backfooter {
  background: #101A24;
  border-top: solid #3F3250 10px;
  clear: both;
  margin: 30px auto 0; }

footer {
  max-width: 960px; }

.footleftcol {
  margin: 0 auto;
  padding: 30px 5%;
  color: #FFF; }

footer h1 {
  text-indent: -9999px;
  background: url(../images/nbs_small_logo.png);
  width: 144px;
  height: 71px;
  margin: 0 auto 25px;
  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: 100%;
  height: 100%; }

footer h1:hover {
  background: url(../images/nbs_small_logo_hover.png); }

.footleftcol h1 + p {
  font-size: 14px;
  color: #E14658;
  margin: 0 auto 14px;
  text-align: center; }

.footericons {
  text-align: center; }

.footericons i {
  font-size: 18px; }

.footericons a {
  color: #FFF;
  padding: 0 10px; }

footer .footercontact {
  display: none;
  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 {
  display: none;
  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 {
  display: none;
  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 {
  margin: 0 auto 3em;
  text-align: center; }

.news label {
  display: block;
  font-size: 19px;
  color: #E14658; }

.news input {
  display: inline-block;
  margin-top: 10px; }

.news #submit {
  display: inline-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; }

.copyright {
  display: block;
  background: #3F3250;
  clear: both;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  line-height: 3em; }

@media only screen and (min-width: 960px) {
  /*BACKHEADER*/
  #backheader {
    height: 150px; }

  /*HEADER*/
  header h1 {
    font-size: 24px;
    float: left;
    width: 291px;
    height: 81px;
    margin: 40px 0 0 10px; }

  header h1 a {
    width: 291px;
    height: 81px; }

  header a.phone {
    font-size: 24px;
    margin: 23px 0 0 295px; }

  a.phone i,
  a.location i {
    float: left; }

  header a.phone i {
    font-size: 20px;
    display: block;
    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 {
    display: block;
    font-size: 12px;
    margin: 23px 0 0 35px;
    float: left; }

  header a.location i {
    font-size: 26px; }

  #menuButton {
    display: none; }

  /*NAVIGATION*/
  header {
    position: relative;
    height: 100%; }

  #nav {
    right: 0 !important;
    bottom: 0;
    opacity: 1  !important;
    background: none;
    height: 45px;
    width: 100%; }
    #nav ul {
      float: right; }

  .mobile-nav div {
    display: flex;
    justify-content: flex-end;
    align-items: center; }

  .global li {
    float: left;
    font-size: 16px; }

  .global a {
    padding: 8px 12px 27px 12px;
    height: 45px; }

  header nav li a:hover {
    border-bottom: solid 8px #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 {
    border-bottom: solid 8px #E14658; }

  /*NAVIGATION END*/
  /*HEADER END*/
  /*BACKHEADER END*/
  /*MAIN*/
  .home main {
    background-position: center 50px; }

  /*MAIN HERO GRAPHICS*/
  .home .hero {
    height: 566px;
    margin-top: 118px; }

  .bikes .hero {
    height: 385px;
    margin-top: 130px; }

  .allbikes .storeHero {
    height: 385px;
    margin-top: 130px; }

  .access .storeHero {
    background-position: top left;
    height: 385px;
    margin-top: 130px; }

  .repairs .hero {
    height: 365px;
    margin-top: 130px; }

  .events .hero {
    height: 365px;
    margin-top: 130px; }

  .newshome .hero {
    height: 365px;
    margin-top: 130px; }

  /*MAIN HERO END*/
  /*MAIN HOME*/
  .home .hero h2 {
    padding: 250px 0 10px 50px;
    font-size: 40px;
    margin-left: 0; }

  .home .hero h2 a {
    border-radius: 3px;
    padding: 0 16px; }

  .home .hero p {
    font-size: 38px;
    padding: 18px 0 0 50px;
    line-height: 1.2em;
    background: none;
    margin-top: 0; }

  .chevron {
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%; }

  .chevronDown i {
    font-size: 60px;
    text-align: center; }

  /*HERO END*/
  /*GRAB LIFE! SECTION 2*/
  .sec2 {
    height: 258px;
    font-size: 50px;
    text-align: center;
    padding-top: 45px; }

  .sec2 span {
    font-size: 30px;
    padding: 11px 0; }

  .sec2 h2 {
    padding-bottom: 24px; }

  .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 p {
    font-size: 19px; }

  /*FIGURES*/
  .sec4 {
    display: flex;
    font-size: 45px;
    height: 350px;
    margin-top: 30px; }
    .sec4 a {
      width: 300px;
      height: 300px;
      margin: 0; }

  .figbikes {
    font-size: 45px;
    margin-top: 30px;
    display: flex;
    justify-content: space-around; }
    .figbikes a {
      width: 45%; }

  .sec4 figure {
    width: 300px;
    height: 350px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75); }

  .home figcaption h2,
  .figbikes h2 {
    margin-top: -4px;
    line-height: 60px;
    padding-left: 10px; }

  .home h2:nth-child(5) {
    font-size: 87px;
    margin: 150px 0 0 446px; }

  /*RIDE WITH US*/
  .learn-more {
    font-size: 28px;
    text-align: center;
    display: block;
    border-radius: 3px;
    color: #FFF;
    background: #3F3250;
    width: 218px;
    line-height: 52px;
    margin: 10px 0 150px 692px; }

  /*WHEN IN DOUBT*/
  .home .sec5 {
    height: 258px;
    font-size: 50px;
    text-align: center;
    padding: 65px 0 0 0; }

  .home .sec5 h2 {
    padding: 0 0 20px 0;
    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 iframe {
    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; }

  .bikes .hero h2:first-child {
    padding-top: 305px; }

  .bikes .hero p {
    font-size: 38px;
    padding: 18px 0 0 50px; }

  /*BIKE END*/
  /*STORE*/
  .storeHero h2 {
    font-size: 26px;
    position: absolute;
    padding: 0 0 0 20px;
    bottom: 0;
    left: 0;
    background: #E14658;
    width: 230px;
    line-height: 2em;
    -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); }

  .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 {
    padding: 0;
    width: 230px;
    min-height: 730px;
    background: #E14658;
    float: left;
    margin-bottom: 30px; }

  aside ul {
    width: 100%;
    display: block;
    font-size: 20x;
    margin-top: 40px; }
    aside ul li {
      width: 100%; }

  aside li a {
    line-height: 38px;
    padding-left: 20px; }

  aside li a:hover {
    padding-left: 30px; }

  .storeContent {
    width: 730px;
    min-height: 730px;
    float: right;
    margin-bottom: 30px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start; }

  .rentals .storeContent {
    width: 960px;
    float: none;
    padding: 5px 5px;
    min-height: 70px; }

  .square {
    width: 216.6666px;
    height: 216.6666px;
    margin: 10px; }

  .rentals .square {
    width: 300px;
    height: 300px;
    margin: 15px 0 5px 0; }

  .square h2 {
    position: absolute;
    bottom: -1px;
    width: 217px;
    line-height: 28px;
    padding-left: 10px;
    font-size: 18px; }

  .rentals .square h2 {
    width: 300px; }

  .storelist {
    display: block;
    width: 217px;
    height: 128px;
    position: absolute;
    bottom: -128px;
    font-size: 14px;
    line-height: 16px;
    padding: 15px; }

  .rentals .storelist {
    width: 300px;
    font-size: 18px;
    line-height: 20px; }

  .square:hover h2 {
    bottom: 127px; }

  .square:hover .storelist {
    bottom: -1px; }

  /*STORE END*/
  /*REPAIRS START*/
  .repairs .sec3 p {
    top: 65px; }

  .instorecontainer i {
    font-size: 30px;
    display: inline-block; }

  .instore p,
  .mobile p {
    height: 150px;
    padding: 30px 30px 30px 20px;
    font-size: 18px;
    clear: both;
    position: absolute;
    top: -120px; }

  .mobile p {
    top: -40px; }

  .instore h2,
  .mobile h2 {
    text-align: center;
    font-size: 45px;
    line-height: 80px;
    height: 80px; }

  .instore:hover p {
    top: 80px; }

  .mobile:hover p {
    top: 160px; }

  .instore:hover,
  .mobile:hover {
    padding: 0 0 150px 0; }

  /*FOOTER*/
  #backfooter {
    height: 350px;
    clear: both; }

  footer {
    margin: 0 auto 0;
    max-width: 960px;
    padding-bottom: 30px; }

  .footleftcol {
    width: 180px;
    float: left;
    margin: 30px 0 0 5px;
    padding: 0 0; }

  footer h1 {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 71px;
    margin: 0 0 10px 0; }
    footer h1:hover {
      background-repeat: no-repeat;
      background-position: center; }

  footer h1 a {
    width: 100%;
    height: 71px; }

  .footleftcol h1 + p {
    font-size: 14px;
    margin: 0 0 14px 0; }

  .footericons i {
    font-size: 18px; }

  .footericons a {
    padding: 0 10px; }

  footer .footercontact {
    margin: 11px 0 0 25px;
    display: block; }

  footer a.phone,
  footer a.location {
    font-size: 14px;
    line-height: 16px;
    padding: 3px 0;
    margin: 8px 0; }

  footer .navigation {
    display: block;
    margin: 40px 50px 0 150px;
    height: 150px;
    float: left; }

  ul.footernav li {
    float: left; }

  ul.footernav li a {
    padding: 0 13px;
    line-height: 22px; }

  footer ul.footernav li {
    position: relative; }

  footer ul.submenu {
    position: absolute; }

  footer div.storehours {
    display: block;
    margin: 20px 0 0 163px;
    height: 68px;
    width: 154px;
    float: left;
    font-size: 14px; }

  footer div.storehours ul li {
    float: left; }

  footer div.storehours li.store {
    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 {
    font-size: 19px;
    color: #E14658; }

  .news input {
    margin-top: 10px; }

  .news #submit {
    padding: 5px 10px; }

  .subs {
    float: right;
    margin: 20px 113px 0 20px; }

  footer p.copyright {
    clear: both;
    font-size: 12px;
    text-align: center;
    padding-top: 26px; }

  .newshome footer p.copyright {
    padding-top: 44px; } }
/*----- Hamburger butttonnn -----*/
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger:hover {
  opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #E14658;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -10px; }

.hamburger-inner::after {
  bottom: -10px; }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*# sourceMappingURL=style.css.map */