/*** ESSENTIAL STYLES ***/

#sesection1 .sesectionwidth {
    max-width: 100%!important;
    background-color: #000;
}
div#bannerTopRow {
    padding-top: 10px;
    padding-bottom: 1.5em;
}

#megamenu > li a.sf-with-ul:hover {
    background: #fff!important;
    color: #000!important;
}
.sf-mega {margin-top: 0!important;
    left: 0!important;
}


#bannerTopRow h3 {
    margin-top: 14px;
    text-decoration: none;
}

#bannerTopRow a {
    text-decoration: none;
    color: #FFF;
}

input.seforminputbutton.seshowoverlay {
    position:  relative;
    right: -28px;
    z-index: 1;
    top: 4px;
}
input#bannerSearch {
	color: #fff!important;
    height: 35px;
    width: 90%!important;
    padding-left: 32px!important;
    top: 0px!important;
    font-size: 1em;
    position: relative;
    background: #000!important;
    border: 1px solid #fff!important;
}
.myCart img {
    position: relative;
    top: 4px;
}
span.emailSignUp {
    margin-left: 1.25em;
    font-size: 1.125em;
}
div#sesection1 {
    margin-top: 0!important;
}

div#secontainer {
    margin-top: 0;
}

div#sesection1 {
    top: -4px;
    padding-top: 1.5em;
    background: #000;
    border-bottom: none!important;
}
body #secontainer #sesection4 {
    padding-top: 139px !important;
}
img.bannerLogo {
    /* top: -5px; */
    position: relative;
}

#userDiv span {float:none!important}

#megamenu.sf-menu {position: relative;padding: 0;list-style: none; height:55px;display: table!important; width: 100%;max-width: 1140px; margin: 0 auto;
float: none!important;border-top: 1px solid #eee; }
#megamenu.sf-menu .sf-mega {top: 100%;z-index: 29999;}
#megamenu.sf-menu > li {display: table-cell!important;text-align: center;float: none!important;-webkit-transition: background .2s;transition: background .2s;list-style-type:none!important;}
.sf-mega li {list-style-type: none;}
#megamenu.sf-menu li:hover > .sf-mega, #megamenu.sf-menu li.sfHover > .sf-mega {display: block;}

#megamenu.sf-menu > li > a {display: block;position: relative;}


#megamenu.sf-menu > li > a {

  padding: 0 15px;
  text-decoration: none;
  zoom: 1; /* IE7 */
}

#megamenu.sf-menu > li:hover,
#megamenu.sf-menu > li.sfHover {
  
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}

#megamenu.sf-menu > li.sfHover a {color:#fff;}
#megamenu.sf-menu > li:hover a {color:#fff;}

/*** mega menu dropdown ***/
#megamenu .sf-mega {
 box-sizing: border-box;
}
.megasectionwrapper {
    width: auto!important;
    margin: 0 auto;
}
.megasectionwrapper.row {padding: 0.5em 2em 1em;}
.megasectionwrapper.row ul, .megasectionwrapper.row li, .megasectionwrapper.row h3 {padding-left: 0; margin-left: 0; text-align: left;}
#megamenu .megasectionwrapper.row h3, #megamenu.sf-menu .sf-mega .megasectionwrapper.row h3 a  {font-size: 2.8rem !important;color: #000 !important;margin-top: 0;font-family:'Pathway Gothic One', sans-serif;font-weight: bold; text-transform: uppercase;padding-bottom: 0;margin-bottom: 0;}
.megasectionwrapper.row li {line-height: 28px;}
/*** arrows (for all except IE7) **/
#megamenu .sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
#megamenu .sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.5);
}
#megamenu .sf-arrows > li > .sf-with-ul:focus:after,
#megamenu .sf-arrows > li:hover > .sf-with-ul:after,
#megamenu .sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}

/*    Mega Menu    */


#megamenu.sf-menu > li:hover, #megamenu.sf-menu > li.sfHover {} 
#megamenu.sf-menu > li > a {color: #feffff;border:none;letter-spacing:0.5px;}
#megamenu.sf-menu > li > a.sf-with-ul {height: 55px; line-height: 55px; padding-top: 0; padding-bottom: 0;}
#megamenu.sf-menu > li.last > a {background:#fff;padding:10px 0 0 7px;height:45px;}
#megamenu.sf-menu > li > a:hover, #megamenu.sf-menu > li.sfHover a {text-decoration:none;}

#megamenu.sf-menu .sf-mega {width:100%;position:absolute;padding:20px 0 0;}
#megamenu.sf-menu .sf-mega a:link, #megamenu.sf-menu .sf-mega a:visited {color:#000;text-decoration:none;}
#megamenu.sf-menu .sf-mega a:hover {color:#777;}


#megamenu p {margin-top:0;font-size:14.5px;}
#megamenu .sf-mega {background-color: #fff;}

#megamenu.sf-menu .sf-mega {box-shadow: 2px 6px 6px rgba(0,0,0,.6);}
.leftBox, .rightBox {width:1010px;height:200px;display:none;}
.leftBox {float:left;}
.rightBox {float:right;}


.sf-mega-section a {padding:4px;line-height:14px;display:inline-block;}
.sf-mega-section img {margin-top:20px;}

.bikesbybrand ul {float:left;text-align:left;display:inline-block;padding:0 0 20px 25px;}
.bikesbybrand ul li {line-height:25px;}
.bikesbybrand p {clear:both;}

.menubottomrow {clear:both;text-transform:uppercase;text-align:center;background:#dadada;height:43px;line-height:43px;margin-top:20px;}
#megamenu.sf-menu .sf-mega .menubottomrow a {color:#000;text-decoration:none;padding-right:21px;font-weight: normal!important;}
#megamenu.sf-menu .sf-mega .menubottomrow a:last-child {padding-right:0;}
#megamenu.sf-menu .sf-mega .menubottomrow a.sale {color:#d00000}
#megamenu.sf-menu .sf-mega .menubottomrow a:hover {text-decoration:underline;}

a.headerlink:link, a.bottomlink:link, a.headerlink:visited, a.bottomlink:visited {text-decoration:none;color: #000; font-size:16px;}
a.headerlink:hover, a.bottomlink:hover {color:#777;}


#megamenu p.secondpara {margin-top:10px;}

#nlSiteSearch {position: relative}
input#bannerSearch {text-indent: 16px}
em.fa.fa-search {
    color:  #fff;
    font-size:  1.25em;
    position: absolute;
    left: 12px;
top: 6px;
    z-index: 100;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.nlShipping {background: #f58426;padding: 0.33em 0em;}
.nlShipping .row {padding-left: 0!important; padding-right: 0 !important;margin: 0!important;}
.nlShipping1 p {font-size: 1.1rem; margin-bottom: 0!important;color: #000;
    text-align: center;}
a.headerlink img {height: auto;}

@media only screen and (max-width:767px) {nav {display: block} .fullWidth.secondRow{display: none;}
span.emailSignUp {margin-left: 0;display: none!important}
.nlHideMobile{display: none;}}

.nlsiteLogo {position: relative; top: -5px;max-width: 275px}
@media only screen and (min-width:768px)
{nav {display: none! important}
#userDiv span {margin-right: 0.75em;}
.nlShowMobile {display: none;}

}
.nlSocialIcons {margin-right: 0.5em;}

button.seforminputbutton.seshowoverlay {
    background: transparent;
    border: none;display: none;
}


#PageBanner .sf-mega.megaeight .megasectionwrapper.row.stores h3 a.hideMed {
    font-size:  1.6rem !important;
}
.menubottomrow.col-lg-12 h3 {margin-top: 0.75em; font-size: 1.8rem;letter-spacing: 1px; font-weight: normal}
#PageBanner .sf-mega.megaone .menuBottomBrandrow.col-lg-12 a {color: #fff !important}
.sf-mega.megatwoHalf div a img {float: left}
.megasectionwrapper.row.stores a.hideMed {font-size: 1.6rem !important}

@media only screen and (max-width:767px) { 

#bannerTopRow .col-lg-4.col-md-4.col-sm-8  {margin-top: 0.25em !important;}
#bannerTopRow .col-lg-4.col-md-4.col-sm-8  input#bannerSearch {margin-left: 0!important;width: 100% !important}
#bannerTopRow  .col-lg-3.col-md-3.col-sm-4 {text-align: center;width: 100%}
#userDiv {width: 100%;padding-bottom: 0; text-align: left;}
}
@media only screen and (min-width:992px){#userDiv {float: right!important;text-align: right;}}
@media only screen and (max-width:991px) and (min-width:768px)  {
#userDiv {margin-bottom: -0.5em;margin-top: 1em;position: relative;width: 100%;text-align: center!important;padding-bottom: 0}
}
em.fa.fa-2x {
    font-size: 1.5em;
    padding: 0.25em;
}


header#PageHeader {
    display: none;
}
.megasectionwrapper {
    width: auto!important;
    margin: 0 auto;
}
.menubottomrow a {
    font-size: 1.8rem!important;
}

.fullWidth.topRow {background: #000;}
.hideLarge { display: none!important; } 
@media only screen and (min-width: 25.062em) and (max-width: 64em) { div#bannerTopRow .col-md-6.columns { width: 50% } 

div#bannerTopRow .col-md-12 { width: 100%; text-align: center; margin-top: 1em } 
.hideLarge { display: block!important; } 
.hideMed { display: none!important; } } 
.menubottomrow1 h2, .menubottomrow1 h3 { font-family: 'Pathway Gothic One', sans-serif; color: #000; font-size: 2em; text-transform: uppercase; } 
.menuBottomBrandrow { clear: both; text-align: center; background: #000; height: 43px; line-height: 43px; margin-top: 20px; margin-bottom: -20px;  } 
#megamenu.sf-menu .sf-mega a:hover { text-decoration: none!important } 
#megamenu.sf-menu .sf-mega .menuBottomBrandrow a { color: #fff; text-decoration: none!important; padding-right: 21px; font-size: .9em; text-transform: uppercase; } 
.stores div { text-align: left!important; } 
#megamenu .stores h3 a { text-transform: none; } 
.megaHeader { color: #747679!important;font-size: 2.8rem!important } 
 .menubottomrow1 { margin-top: 1.75em; margin-bottom: -1.5em } 
.menubottomrow1 .left h2 { text-align: right; margin-top: -4px; } 
.menubottomrow1 .left h2 a { text-transform: none; font-size: 2.7rem!important; font-family: 'Pathway Gothic One', sans-serif!important; letter-spacing: 1px; font-weight: 400; line-height: 0.9em } 
.menubottomrow1 .right h2 { margin-top: 0!important; margin-bottom: 1em } 
.menubottomrow1 .right h2 a { text-transform: none!important; font-size: 21px!important; font-weight: 400; none; font-family: 'Pathway Gothic One', sans-serif!important; } 
#megamenu .menubottomrow1 .right h3 a, #secondRow #megamenu .menubottomrow1 .right h3 a.email { margin-left: 0; margin-right: 0; margin-top: 0; color: #cc3333!important; display: inline!important; text-transform: none; font-size: 1.2rem!important; font-family: 'Pathway Gothic One', sans-serif!important; } 
.megaeight .stores img { max-width: 70%!important; height: auto; margin-bottom: 15px; } .megaeight .stores .headerlink{ font-size: 2.8rem !important; }
.megaeight .stores .headerlink a {font-size: 0.75em}
.fullWidth.secondRow, #secondRow {margin: 0 !important;}

#bannerTopRow {max-width: 1140px;margin: 0 auto;}

@media only screen and (max-width 1000px)  {
.row#bannerTopRow {margin: 0.5em!important;}
}
.fullWidth.secondRow {
    background-color: #000!important;
}





@media only screen and (max-width: 767px){

.wsmobileheader #wsnavtoggle {padding: 5px;padding-left: 8px;padding-top:14px}

#bannerTopRow .col-lg-3.col-md-3.col-sm-4.col-xs-4 {
padding-left: 0;padding-top: 0;width: 100px!important;padding-right:5px; position: absolute;z-index: 100;}

div#bannerTopRow{padding-top: 0.25em;padding-bottom: 0.75em;}

img.nlsiteLogoMobile {width: 52px;height: auto;max-width: 62px;padding-top: 5px}

.col-lg-4.col-md-4.col-sm-8.col-xs-6 {z-index: 1;width: 100%;padding-left: 100px!important;padding-right: 48px;}

.col-lg-5.col-md-5.col-sm-12.col-xs-2 {z-index: 101;position: absolute;right: 4px;width: 36px!important;padding: 0!important;line-height: 14px;top: 0px!important;}

.navbar-toggle .icon-bar, .wsmobileheader #wsnavtoggle .icon-bar {height: 3px;}

#bannerSearch {border-radius: 24px;margin-top: 2px;padding-left: 30px!important;text-indent: 10px!important}

::-webkit-input-placeholder {
  color: #f58426;
  font-size: 12px;
}
::-moz-placeholder {
  color: #f58426;
  font-size: 12px;
}
:-ms-input-placeholder {
  color: #f58426;
  font-size: 12px;
}
::placeholder {
  color: #f58426;
  font-size: 12px;
}
nav {overflow: auto!important;-webkit-overflow-scrolling:touch;height: 100%;}
em.fa.fa-search {top: 8px;}

.fa.fa-shopping-cart.fa-2x {position: absolute!important;top: 12px;}

.navbar-header *{color: #fff!important; font-weight: 400;opacity: 1}

nav {top: 0px!important}
}