.navbar-default {
  border: 0;
  background-repeat: repeat-x;
  background-image: url('http://images.neopets.com/themes/000_def_f65b1/banner_bg.png');
}

.navbar-default .navtabs > li > a {
  color: #FFF;
  transition: all 0.5s ease 0s;
  font-family: arial;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #FFEFEF;
  background: none repeat scroll 0% 0%;
}
.navbar-brand {
  padding: 0;
  height: auto;
}
.navbar {
  margin-bottom: 0;
  border-radius: 0;
  top: 0;
  position: fixed;
  width: 100%;
  height: auto;
  z-index: 1;
}

.navtabs .open a {
  margin-top: 5px;
  color: #000;
  padding: 10px 15px;
}
.nostyletab a {
  padding: 0 !important;
}
.navbar-right {
  margin-right: 0px;
}
.myaccount-nonsigned {
  width: 40px;
  height: 32px;
  margin: 5px 10px 0 0;
  text-indent: -9999px;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: color 0 ease-in !important;
  transition: none !important;
  padding: 0 !important;
}
.js-notification-icon {
  background: url('Images/js-icons.png') no-repeat -100px -5px !important;
  width: 45px;
  height: 32px;
  margin: 5px 10px 0 0;
  text-indent: -9999px;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: color 0 ease-in !important;
  transition: none !important;
  padding: 0 !important;
}
.js-notification-icon:hover {
  background-position: -100px -50px !important;
}
.myaccount-signed {
  width: 40px;
  height: 32px;
  margin: 5px 10px 0 0;
  text-indent: -9999px;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: color 0 ease-in !important;
  transition: none !important;
  padding: 0 !important;
}

/*.mainnavplaynow {
 background: url('Images/JS-Play-Now-btn.png') no-repeat 0 0 !important;
 width: 115px;
 height: 28px;
 margin: 7px 8px 0 0;
 text-indent: -9999px;
 -moz-transition: none !important;
 -webkit-transition: none !important;
 -o-transition: color 0 ease-in !important;
 transition: none !important;
 padding: 0 !important;
 }
 .mainnavplaynow:hover {
 background-position: 0 -28px !important;
 }
 .mainnavplaynow:active {
 background-position: 0 -56px !important;
 }

 .mainnavsignout {
 background: url('http://m.jumpstart.com/JumpstartNew/brands/js/img/JS-Sign-Out-btn.png') no-repeat 0 0 !important;
 width: 93px;
 height: 28px;
 margin: 7px 8px 0 0;
 text-indent: -9999px;
 -moz-transition: none !important;
 -webkit-transition: none !important;
 -o-transition: color 0 ease-in !important;
 transition: none !important;
 padding: 0 !important;
 }
 .mainnavsignout:hover {
 background-position: 0 -28px !important;
 }
 .mainnavsignout:active {
 background-position: 0 -56px;
 }

 .membership-btn {
 background: url('Images/membership-btn.png') no-repeat 0 0 !important;
 width: 135px;
 height: 28px;
 margin: 7px 8px 0 0;
 text-indent: -9999px;
 -moz-transition: none !important;
 -webkit-transition: none !important;
 -o-transition: color 0 ease-in !important;
 transition: none !important;
 padding: 0 !important;
 }
 .membership-btn:hover {
 background-position: 0 -28px !important;
 }
 .membership-btn:active {
 background-position: 0 -56px !important;
 }

 .jsmegamenu-box {
 color: #333;
 background: #fff;
 border-radius: 0;
 top: 50px !important;
 border: 4px solid #FFD026;
 border-top: 0;
 }
 .jsmegamenu-box ul {
 padding: 8px !important;
 }

 .jsmegamenu-box a {
 color: #0d90eb !important;
 font-weight: bold;
 }

 .jsmegamenu-box a:hover {
 text-decoration: none;!important;
 }
 .yamm-content li, .playnow-btn {
 color: #FFFFFF !important;
 text-decoration: none;
 }
 .yamm-content li {
 padding-left: 0 !important;
 color: #999 !important;
 }
 .yamm-content li a {
 padding-left: 0 !important;
 }
 */

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #333;
  background-color: #fff;
}

.jsmegamenu-box .row {
  padding-left: 10px;
}
.navmenucontainer {
  border-right: 1px solid #e1e1e1;
  overflow: hidden;
  line-height: 13px;
  min-height: 160px;
  margin: 15px 0;
}
.navmenucontainer a, .navmenucontainer a:visited {
  padding: 0px !important;
  margin: 0 !important;
  font-size: 0.875em;
}
.navmenucontainer a:hover {
  color: #D41106 !important;
}
.navmenucontainer ul {
  padding: 0 0 0 15px !important;
  margin: 0;
}
.navmenucontainer li {
  padding: 3px 0px;
  list-style: square;
  color: #898989;
}
.dottedborder-li li {
  border-bottom: 1px dotted #959595;
  list-style: none;
  padding: 3px 5px;
}
.dottedborder-li li:last-child {
  border-bottom: 0px;
}
.link-caption {
  font-size: 0.688em;
  color: #7d7d7d;
}
.navmenu-menutitletext {
  color: #555555 !important;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  clear: both;
  float: left;
  width: 100%;
  padding: 5px 0;
}
.navmenu-menutitletext a {
  font-size: 14px;
}
.navmenu-icons {
  float: left;
  margin: 0 5px 0 0;
}
/*
 .finishplay-btn-new {
 background: url(Images/finish-and-play-btn.png) scroll 0 0 no-repeat;
 background-position: 0 -156px;
 width: 235px !important;
 height: 52px !important;
 text-align: center;
 display: block;
 cursor: default;
 border: none;
 margin: 10px auto;
 }
 .play-guest-btn {
 background: url('Images/play-guest-js-btn.png') no-repeat scroll 0 0 transparent;
 width: 186px;
 height: 36px;
 cursor: pointer;
 border: none;
 }
 .play-guest-btn:hover {
 background-position: 0 -40px;
 }
 .play-guest-btn:active {
 background-position: 0 -80px;
 }
 .js-login-btn {
 background: url('Images/js-btn.png') no-repeat scroll -5px -5px transparent;
 width: 115px;
 height: 30px;
 cursor: pointer;
 border: none;
 }
 .js-login-btn:hover {
 background-position: -5px -35px;
 }
 .js-login-btn:active {
 background-position: -5px -65px;
 }
 .js-reg-btn {
 background: url('Images/js-btn.png') no-repeat scroll -150px -5px transparent;
 width: 235px;
 height: 30px;
 cursor: pointer;
 border: none;
 }
 .js-reg-btn:hover {
 background-position: -150px -35px;
 }
 .js-reg-btn:active {
 background-position: -150px -65px;
 }
 .js-regbox {
 background-color: #2da5da;
 padding: 10px 20px;
 overflow: hidden;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 border: 2px solid #fff;
 }
 .js-reg-inputbox label {
 color: #fff;
 font-weight: normal;
 font-size: 0.875em;
 }
 .js-reg-inputbox .form-group {
 margin-bottom: 10px;
 }
 .js-regbox h1 {
 text-align: center;
 }
 .js-reg-questionnaire {
 background-color: #fff;
 padding: 10px 15px;
 overflow: hidden;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 margin: 10px 0;
 }
 .js-reg-questionnaire input, .js-reg-inputbox input {
 margin: 0 5px 0 0;
 }
 .js-reg-questionnaire label {
 font-weight: normal;
 color: #000;
 font-size: 0.875em;
 margin: 0;
 }

 a.popup-login {
 float: left;
 display: inline;
 background: url(Images/login-btn.png) no-repeat 0 0;
 width: 127px;
 height: 48px;
 text-indent: -9999px;
 margin: 0;
 }
 a:hover.popup-login {
 background-position: 0 -48px;
 }
 a:active.popup-login {
 background-position: 0 -96px;
 }
 .free-burst {
 position: absolute;
 margin: -50px 0px 0px -65px;
 }
 .js-reg-videobox {
 margin-top: 70px;
 border: 10px solid #9bd908;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 }
 .js-reg-videocharacters {
 position: relative;
 top: -20px;
 }
 .js-regbox a {
 font-weight: bold;
 color: #fff;
 text-decoration: underline;
 }
 .js-regbox a:hover {
 color: #152AA4;
 }
 */
.font-12 {
  font-size: 0.875em;
}
.font-14 {
  font-size: 1em;
}
.font-bold {
  font-weight: bold;
}
.font-white {
  color: #fff;
}
.js-login-gameupdatesbox {
  background-color: #fff;
}
.js-login-gameupdatesbox a {
  color: #0D90EB;
  font-weight: bold;
  font-size: 1em;
}
.js-login-gameupdatesbox a:hover {
  color: #E12D0A;
}
.js-login-gameupdatesbox h2 {
  font-size: 16px;
  text-transform: uppercase;
  color: #9d9d9d;
  font-weight: bold;
  padding: 0 0 5px 0;
  margin: 10px 0px;
  border-bottom: 1px solid #eee;
}
@media (max-width: 767px) {
  .navmenu-icons {
    display: none;
  }

  .hidden-sm {
    display: none !important;
  }
  .navmenucontainer {
    min-height: 10px;
    margin: 10px 0px;
  }
  #slidemenu {
    display: none;
  }
  #game-selector {
    display: none;
  }

}

#game-selector img {
  max-width: 280px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .jsbrands-logo {
    margin-top: 0px;
  }
  .desktoppins {
    display: none;
  }

  .logo {
    display: none;
  }

  @font-face {
    font-family: 'Heffaklump';
    src: url('../fonts/Heffaklump.svg#Heffaklump') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
@media (max-width: 1440px) {
  .navmenu-icons img {
    width: 48px;
    height: 48px;
  }

}

@media (min-width: 768px) {
  .main-promo-bg {
    display: none !important;
  }
}
.navbar-brand > img {
  display: block;
  width: 70%;
  margin-left: 11%;
}
@font-face {
  font-family: 'Heffaklump';
  src: url('../fonts/Heffaklump.eot?#iefix') format('embedded-opentype'), url('../fonts/Heffaklump.woff') format('woff'), url('../fonts/Heffaklump.ttf') format('truetype'), url('../fonts/Heffaklump.svg#Heffaklump') format('svg');
  font-weight: normal;
  font-style: normal;
}

.neofont {
  font-family: 'Heffaklump' !important;
}
a, a:visited {
  text-decoration: none;
  color: #f38708;
}

footer a:hover {
  text-decoration: underline;
}

/*Home Slider
 .cbp-fwslider {
 position: relative;
 margin: 16px 0 10px;
 overflow: hidden;
 padding: 0 !important;
 }

 .cbp-fwslider ul {
 margin: 0;
 padding: 0;
 white-space: nowrap;
 list-style-type: none;
 }

 .cbp-fwslider ul li {
 -webkit-transform: translateZ(0);
 -moz-transform: translateZ(0);
 transform: translateZ(0);
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 }

 .cbp-fwslider ul li > a, .cbp-fwslider ul li > div {
 display: block;
 text-align: center;
 outline: none;
 }

 .cbp-fwslider ul li > a img {
 border: none;
 display: block;
 margin: 0 auto;
 max-width: 100%;
 border: 4px solid white;
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 width: 100%
 }

 .cbp-fwslider nav span {
 position: absolute;
 top: 50%;
 width: 36px;
 height: 100px;
 color: transparent;
 font-size: 31px;
 text-align: center;
 margin-top: -50px;
 line-height: 100px;
 cursor: pointer;
 font-weight: normal;
 background: rgba(255, 255, 255, 0.41);
 }

 .cbp-fwslider nav span:hover {

 color: #000;
 text-indent: -9999px;
 }
 */

.dropdown-menu {
  box-shadow: #000000 5px 5px 0, #000 2px 2px 0, #000 3px 3px 0, #000 4px 4px 0, #000 5px 5px 0, #000 6px 6px 0, #000 7px 7px 0, #000 8px 8px 0;
  top: 37px !important;
  right: 0 !important;
}
.account-ico {
  margin-top: 8px;
  right: 11px;
  padding: 6px;
  border: 1px solid rgb(72, 72, 72);
}

.borderedimage {
  width: 390px;
  border: 12px solid white;
}

.nowavail {
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  transform: rotate(-5deg);
  position: relative;
  top: 40px;
  left: -80px;
}
h3.gc {
  font-family: 'Heffaklump' !important;
  color: white;
  font-size: 31px;
  text-align: center;
  margin-top: 2px;
}

.splash-img {

  max-width: 100%;
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
  margin-left: 10%;
  margin-top: 60px;
}

.customrow1 {
  margin-top: 40px;
  font-size: 28px;
  color: #000;
  margin-left: 10%;
}

.appstoreicons img {(
  max-width: 480px               )
}
/*.cbp-fwslider nav{position:relative; bottom: -191px; z-index: 9;} */

@media (max-width: 480px) {
  .appstoreicons img {
    width: 50% !important;
    height: auto;
  }
}

.main-promo img {
  max-width: 97%;
  padding: 12px;
}
.shadowtext {
  width: 330px;
  font-size: 18px;
  text-shadow: 1px 1px white;
}
.bangerfont {
  font-size: 79px;
  color: black;
  text-shadow: 2px 2px white;
  width: 430px;
  min-width: 250px;
  font-family: 'Bangers', cursive;
}

@media (max-width: 767px) {
  .bangerfont {
    font-size: 40px;
    color: black;
    text-shadow: 2px 2px white;
    min-width: 250px;
    font-family: 'Bangers', cursive;
    text-align: center;
    padding-top: 15px;
  }
}

.slide-branding {
  background: url('http://images.neopets.com/themes/000_def_f65b1/banner_bg.png') repeat-x;
}

.mobile-appstyleicon {
  max-width: 50% !important;
  float: left !important;
}

.promop {
  font-family: 'Bangers', cursive;
  margin: 0;
}

.desktopswitch {
  background: rgb(0, 0, 0);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 32px;
  opacity: 0.9;
  color: white;
  font-size: 16px;
  text-align: center;
  padding-top: 6px;
}
.desktopswitch a {
  color: white !important;
  text-decoration: underline;
}

.neo-nav-brand {
  width: 100%;
  text-align: center;
  float: left;
}

.margin0 {
  margin: 0 auto;
}

.navbar-brand > img {
  display: block;
  width: 191px;
  margin: 0 auto;
}

.navbar-header {
  float: left;
  width: 100%;
  border-bottom: 2px solid rgba(3, 3, 3, 0.37);
}

.store-badges-small, .store-badges-lg {
  margin: 0.625em 0 0 0;
}
.store-badges-small ul, .store-badges-small li, .store-badges-lg ul, .store-badges-lg li {
  margin: 0;
  padding: 0;
}
.store-badges-small li, .store-badges-lg li {
  float: left;
  list-style: none;
  margin: 0 0.313em 0.313em 0 !important;
}

.store-badges-small p {
  font-size: 0.750em;
  font-weight: bold;
  color: #636363;
  margin: 0;
}

.main-promo li img {
  padding: 0;
}

.main-promo ul {
  text-align: center;
}