@charset "utf-8";
html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
cite,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
tr,
th,
td,
embed,
figure,
figcaption,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "ModernPictogramsNormal";
  src: url(../fonts/modernpics-webfont.eot);
  src: url(../fonts/modernpics-webfont.eot?#iefix) format("embedded-opentype"),
    url(../fonts/modernpics-webfont.woff) format("woff"),
    url(../fonts/modernpics-webfont.ttf) format("truetype"),
    url(../fonts/modernpics-webfont.svg#ModernPictogramsNormal) format("svg");
  font-weight: normal;
  font-style: normal;
}
.phone-number:after,
.fax-number:after,
.email-address:after {
  font-family: ModernPictogramsNormal, sans-serif;
  text-shadow: 1px 1px #333;
  position: relative;
  top: -0.2em;
}
.phone-number:after {
  content: " O";
}
.fax-number:after {
  content: " d";
}
.email-address:after {
  content: " m";
}
body {
  color: #fff;
  line-height: normal;
  background-repeat: no-repeat;
}
a {
  font-family: "Alfa Slab One", sans-serif;
  text-shadow: 1px 1px #333;
  font-weight: 400;
  letter-spacing: 0.05em;
}
a:link,
a:visited {
  color: #fff;
}
a:hover,
a:active {
  color: #fff;
}
a[href^="http://"]:after
{
  content: " o";
  font-family: ModernPictogramsNormal, sans-serif;
  font-size: 1.1em;
  position: relative;
  top: -0.2em;
  text-shadow: none;
}
em {
  font-weight: bold;
  font-size: 1.3em;
}
cite {
  font-family: "Amaranth", "Roboto Condensed", sans-serif;
}
h1 {
  font-family: "Alfa Slab One", sans-serif;
  text-shadow: 3px 3px #333;
  font-weight: 400;
  line-height: 1.1em;
}
h2,
h3,
strong {
  font-family: "Amaranth", sans-serif;
  text-shadow: 2px 2px #333;
  font-weight: 400;
  line-height: 1em;
}
h4 {
  font-family: "Alfa Slab One", sans-serif;
  font-weight: 400;
  line-height: 1.1em;
}
h1 {
  font-size: 4em;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.2em;
}
.section-structure p,
.section-structure ul {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 110%;
  font-weight: 400;
}
p {
  margin: 1em 0;
}
h1 {
  margin: 0 0 25px 0;
}
h2,
h3,
h4 {
  margin: 0.3em 0;
}
cite {
  display: block;
  padding: 0 0 2.5em 5em;
}
.clearboth {
  clear: both;
}
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
}
.clear {
  clear: both;
}
.clearleft {
  clear: left;
}
.landing-backwall {
  width: 100%;
  min-width: 800px;
  min-height: 850px;
}
.social-content h1 {
    margin: 0;
}
.contact-backwall p.contact-info {
    margin-bottom: 0px;
}
.fun-and-games-backwall h2 {margin-top: 0;}
.section-backwall-structure {
  width: 100%;
  min-width: 800px;
  position: relative;
}
.section-structure {
  max-width: 960px;
  min-width: 800px;
  margin: 0 auto;
  padding: 0;
}
.sectiondivider {
  background-attachment: scroll;
  background-repeat: repeat;
  background-position: 0 0;
  width: 100%;
  height: 125px;
  bottom: 0;
}

nav {
  background: url(../images/global/navbgnd.png);
  display: block;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
}
nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  max-width: 960px;
  min-width: 800px;
  padding: 20px 20px;
}
nav li {
  float: left;
}
nav a {
  background: url(../images/global/navsprites.png) no-repeat 50% 0;
    padding: 45px 0.6em 0;
  display: block;
  line-height: 2em;
  font-family: "Roboto Slab", serif;
  font-weight: 100;
  font-size: 84%;
      border-radius: 10px;
  text-shadow: none;
      transition: 1s all ease;
  letter-spacing: normal;
}
.topmenu a:link,
.topmenu a:visited {
  color: #fff;
}

.topmenu a:active,
.topmenu li.active a
 {
  color: #0ff;
}
.topmenu li.active a {
    color: #0ff;
    background-color: #666;
}
li a.home {
  background-position: 50% 0;
}
li.active a.home {
  background-position: 50% -135px;
color: #0ff;
}
li a.aboutjkjr{
  background-position: 50% -267px;
}
li.active a.aboutjkjr {
  background-position: 50% -402px;
}
li a.theshow {
  background-position: 50% -537px;
}
li.active a.theshow {
  background-position: 50% -672px;
}
li a.gallery {
  background-position: 50% -807px;
}
li.active a.gallery {
  background-position: 50% -942px;
}
li a.social {
  background-position: 50% -1077px;
}
li.active a.social{
  background-position: 50% -1212px;
}
li a.fungames {
  background-position: 50% -1347px;
}
li.active a.fungames {
  background-position: 50% -1482px;
}
li a.abouthypnosis {
  background-position: 50% -1617px;
}
li.active a.abouthypnosis {
    background-position: 50% -1747px;
}

li.active a.abouthypnosi  {
  background-position: 50% -1752px;
}
li a.clients {
  background-position: 50% -1887px;
}
li.active a.clients {
  background-position: 50% -2022px;
}
li a.feedback {
  background-position: 50% -2157px;
}
li.active a.feedback {
  background-position: 50% -2292px;
}
li a.contact {
  background-position: 50% -2427px;
}
li.active a.contact  {
  background-position: 50% -2562px;
}
li a.mediakit {
  background-position: 50% -2697px;
}
li.active a.mediakit {
  background-position: 50% -2832px;
}
li a.store {
  background-position: 50% -2967px;
}
li.active a.store {
  background-position: 50% -3102px;
}
.header-backwall {
  background-color: transparent;
}
.header-content {
  min-height: 800px;
}
#header .sectiondivider {
  background: url(../images/header/sectiondivider.png);
  position:absolute;
}
.about-jkjr-backwall {
  background: url(../images/about-jkjr/background.png);
}
.about-jkjr-content {
  background: url(../images/about-jkjr/graphic-overlay.png);
  background-repeat: no-repeat;
  background-position: 50% 10em;
}
#about-jkjr.sectiondivider {
  background-image: url(../images/about-jkjr/sectiondivider.png);
}
.about-jkjr-content img {
  float: left;
  margin: 0.5em 1em 1em 0;
}
.about-jkjr-content ul {
  width: 60%;
  float: left;
  margin: 1em 1em 1em 0;
}
.affiliationspic {
  background: url(../images/about-jkjr/affiliations.png);
  background-repeat: no-repeat;
  width: 300px;
  height: 285px;
  float: left;
  margin: 1em 0 0 0;
}
p.no1 {
  background: url(../images/about-jkjr/No1medal.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  padding: 50px 0 50px 160px;
  margin: 0;
}
.about-jkjr-content a:link,
.about-jkjr-content a:visited {
  color: #0cf;
}
.about-jkjr-content a:hover,
.about-jkjr-content a:active {
  color: #fff;
}
.about-the-show-backwall {
  background: url(../images/the-show/background.png);
}
.about-the-show-content {
  background: url(../images/the-show/graphic-overlay.png);
  background-repeat: no-repeat;
  background-position: 50% 275px;
}
#about-the-show.sectiondivider {
  background-image: url(../images/the-show/sectiondivider.png);
}
.about-the-show-content a:link,
.about-the-show-content a:visited {
  color: #f30;
}
.about-the-show-content a:hover,
.about-the-show-content a:active {
  color: #fff;
}
.about-the-show-content img {
  float: left;
  margin: 4px 5px 0 0;
}
.about-the-show-content li {
  width: 30%;
  float: left;
  margin: 0 1.5em 0 0;
}
.about-the-show-content ul {
  display: block;
  overflow: hidden;
}
.theshow-pic1 {
  background: url(../images/the-show/theshow-pic1.png);
  float: right;
  margin: 0 0 1em 1em;
  width: 67%;
  height: 235px;
  background-repeat: no-repeat;
}
.theshow-pic2 {
  background: url(../images/the-show/theshow-pic2.png);
  float: left;
  margin: 0 5px 5px 0;
  width: 331px;
  height: 200px;
}
.about-the-show-content h2 {
  clear: both;
}
.associationspic {
  background: url(../images/the-show/associations.png);
  background-repeat: no-repeat;
  width: 800px;
  height: 133px;
  margin: 20px auto;
}
.gallery-backwall {
  background: url(../images/gallery/background.png);
}
.gallery-content {
  background: url(../images/gallery/graphic-overlay.png);
  background-repeat: no-repeat;
  background-position: 100% 5%;
}
div#kit-media {
    background: url(../images/gallery/media-kit.png);
}
.fun-and-games-content h1 {
    padding-top: 20px;
}
#gallery.sectiondivider {
  background: url(../images/gallery/sectiondivider.png);
}
.gallery-content a:link,
.gallery-content a:visited {
  color: #303;
}
.gallery-content a:hover,
.gallery-content a:active {
  color: #303;
}
.social-rollover {
  display: block;
  width: 100px;
  height: 100px;
}
.facebook {
  background: url("../images/gallery/facebookbtn.png") bottom;
}
.twitter {
  background: url("../images/gallery/twitterbtn.png") bottom;
}
.youtube {
  background: url("../images/gallery/youtubebtn.png") bottom;
}
.social-rollover:hover {
  background-position: 0 0;
}
.socialMediaIcons a {
  float: left;
}
.mediaGalleryWrapper {
  clear: both;
}
.galleryWrapperLeft,
.galleryWrapperRight {
  width: 550px;
  float: left;
}
.galleryVidRight,
.galleryVidLeft {
  width: 410px;
  float: left;
}
.galleryWrapperLeft .thumbGallery li img {
  list-style-type: none;
  width: 90px;
  height: 90px;
  float: left;
  position: relative;
  margin: 0 16px 16px 0;
  border: 2px solid #fff;
}
.galleryWrapperRight .thumbGallery li img {
  list-style-type: none;
  width: 90px;
  height: 90px;
  float: left;
  position: relative;
  margin: 0 0 16px 16px;
  border: 2px solid #fff;
}
.mediaGalleryWrapper video {
  width: 410px;
  height: 230px;
}
.social-backwall {
  background: url(../images/social/background.png);
}
.social-content {
  background: url(../images/social/graphic-overlay.png);
  background-repeat: no-repeat;
  background-position: 50% 5%;
}
#social.sectiondivider {
  background: url(../images/social/sectiondivider.png);
}
.social-content a:link,
.social-conten a:visited {
  color: #ff0;
}
.social-content a:hover,
.social-conten a:active {
  color: #fff;
}
.socialmedia-wrapper {
  min-width: 800px;
  max-width: 860px;
  margin: 15px auto 0;
}
.fb-wrapper {
  background: #fff;
  border: 2px solid;
  border-radius: 5px;
  display: inline-block;
  width: 396px;
  height: 496px;
  overflow: scroll;
  clear: left;
}
.fb-like {
  display: block;
  padding: 8px 8px 0;
}
.fb-follow {
  display: block;
  padding: 0 8px 8px;
}
.fb-comments {
  overflow: hidden;
  width: auto;
}
.twitter-wrapper {
  width: 380px;
  height: 500px;
  margin-left: 10px;
  float: right;
}
.fun-and-games-backwall {
  background: url(../images/fun-games/background.png);
}
.fun-and-games-content {
  background: url(../images/fun-games/graphic-overlay.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#fun-and-games.sectiondivider {
  background: url(../images/fun-games/sectiondivider.png);
}
.funGalleryWrapper .thumbGallery li a {
  font-family: "Amaranth", sans-serif;
  font-size: 1.6em;
  text-shadow: 1px 2px #333;
  font-weight: 400;
  line-height: 1.2em;
  vertical-align: bottom;
}
.fun-and-games-content a:link,
.fun-and-games-content a:visited {
  color: #fff;
}
.fun-and-games-content a:hover,
.fun-and-games-content a:active {
  color: #fff;
}
.funGalleryWrapper {
  max-width: 960px;
  min-width: 800px;
  margin: 25px 0 0 0;
}
.funGalleryWrapper .thumbGallery li img {
  float: left;
  list-style-type: none;
  width: 100px;
  height: 100px;
  margin: 0 25px 25px 0;
  border: 8px solid #f90;
}
.funGalleryWrapper .thumbGallery li {
  clear: both;
}
.about-hypnosis-backwall {
  background: url(../images/about-hypnosis/background.png);
}
.about-hypnosis-content {
  background: url(../images/about-hypnosis/graphic-overlay.png);
  background-repeat: no-repeat;
  background-position: 420px 25px;
}
#about-hypnosis.sectiondivider {
  background: url(../images/about-hypnosis/sectiondivider.png);
}
.about-hypnosis-content a:link,
.about-hypnosis-content a:visited {
  color: #f90;
}
.about-hypnosis-content a:hover,
.about-hypnosis-content a:active {
  color: #fff;
}
.hfyhpic {
  width: 393px;
  height: 100px;
  margin: 10px 10px 0 0;
}
.affiliationsSmallpic {
  background: url(../images/about-hypnosis/ngh-abh-logos-small.png);
  width: 179px;
  height: 81px;
  background-repeat: no-repeat;
}
.clients-list-backwall {
  background: url(../images/clients-list/background.png);
}
.clients-list-content {
  background: url(../images/clients-list/graphic-overlay.png);
  background-repeat: repeat;
  background-position: 50% 0;
  background-repeat: repeat-y;
}
#clients-list.sectiondivider {
  background: url(../images/clients-list/sectiondivider.png);
}
.clients-list-content a:link,
.clients-list-content a:visited {
  color: #f60;
}
.clients-list-content a:hover,
.clients-list-content a:active {
  color: #fff;
}
.clients-list-content ul li:first-of-type {
  margin-top: 35px;
  margin-bottom: 10px;
}
div.clients-list {
  float: left;
  width: 30%;
  margin: 0 3% 0 0;
  text-align: center;
}
.clientsbackground-fader {
  background: url(../images/clients-list/background-fader.png);
  height: 125px;
  clear: both;
}
.feedback-backwall {
  background: url(../images/feedback/background.png);
}
.feedback-content {
  background: url(../images/feedback/graphic-overlay.png);
  background-repeat: repeat-y;
  background-position: 50% 0;
}
#feedback.sectiondivider {
  background: url(../images/feedback/sectiondivider.png);
}
.feedback-content a:link,
.feedback-conten a:visited {
  color: #ff0;
}
.feedback-content a:hover,
.feedback-conten a:active {
  color: #fff;
}
.feedbackpic1 {
  background: url(../images/feedback/james.jpg);
  border: solid 4px #3cf;
  float: right;
  margin: 25px 0 10px 15px;
  width: 150px;
  height: 225px;
}
.feedback-content h2:first-of-type {
  margin-bottom: 60px;
}
.feedbackbackground-fader {
  background: url(../images/feedback/background-fader.png);
  height: 125px;
  clear: both;
}
.contact-backwall {
  background: url(../images/contact/background.png);
}
.contact-content {
  background: url(../images/contact/graphic-overlay.png);
  background-repeat: no-repeat;
  background-position: 70% 9em;
}
#contact.sectiondivider {
  background: url(../images/contact/sectiondivider.png);
}
.contact-content a:link,
.contact-content a:visited {
  color: #3ff;
}
.contact-content a:hover,
.contact-content a:active {
  color: #fff;
}
.contact-content a,
.contact-content span {
  text-shadow: 2px 2px #333;
  font-weight: 400;
  line-height: 1em;
}
.contact-content span {
  font-size: 1.6em;
}
.contact-info {
  margin: 25px 0 60px 0;
}
.contact-info .phone-number:after,
.contact-info .fax-number:after,
.contact-info .email-address:after {
  font-size: 0.8em;
  top: -0.4em;
}
.media-kit-backwall {
  background: url(../images/media-kit/background.png);
}
.media-kit-content {
  background: url(../images/media-kit/graphic-overlay.png);
  background-repeat: no-repeat;
}
#media-kit.sectiondivider {
  background: url(../images/media-kit/sectiondivider.png);
}
.media-kit-content a:link,
.media-kit-content a:visited {
  color: #0ff;
}
.media-kit-content a:hover,
.media-kit-content a:active {
  color: #fff;
}
.agreebtn {
  text-align: center;
}
.mk-backwall {
  background: url(../mediakit/background.png);
}
.mk-content a:link,
.mk-content a:visited {
  color: #0ff;
}
.mk-content a:hover,
.mk-content a:active {
  color: #fff;
}
.mk-nav {
  position: fixed;
  top: 200px;
  left: 78%;
  width: 180px;
}
.mk-nav li {
  background: url(../mediakit/mknavbackground.png);
  background-repeat: no-repeat;
  height: 35px;
  margin-bottom: 2px;
  text-align: center;
  padding: 5px 0 0 0;
}
.mk-nav a:link,
.mk-nav a:visited {
  color: #fff;
  text-shadow: 2px 2px #333;
}
.mk-nav a:hover,
.mk-nav a:active {
  color: #fff;
  text-shadow: 3px 3px #900;
}
.mktermsofuse {
  font-size: 88%;
  line-height: 1.2em;
  display: block;
  margin: 3em 0 2em;
  padding: 0;
  text-align: justify;
  width: 750px;
}
.mktermsofuse ul {
  list-style: disc;
}
.mk-content h1 {
  border-top: solid 100px transparent;
}
.mk-content h2 {
  margin: 40px 0 0;
}
.mk-content h4 {
  margin: 20px 0 0;
}
.mk-content p {
  margin-bottom: 5px;
}
.mk-content img {
  border: solid 8px #ccc;
}
.video-box {
  display: inline-block;
  background: #fff;
  border: 0;
  padding: 10px;
  margin: 10px 25px 25px 0;
  width: 320px;
}
.video-box p {
  color: #333;
  font-size: 14px;
  line-height: 1.5em;
  text-indent: 15px;
  margin: 0;
}
.video-box a:link,
.video-box a:visited {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  text-shadow: none;
}
.video-box a:hover,
.video-box a:active {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  font-weight: bold;
  text-shadow: none;
}
.certifications-box img {
  margin: 0 20px 20px 0;
}
.flyers-box p {
  margin: 5px 0 5px;
}
.flyers-box img {
  margin: 0 20px 20px 0;
}
.store-backwall {
  background: url(../images/store/background.png);
}
.store-content {
  background: url(../images/store/graphic-overlay.png);
  background-repeat: no-repeat;
  background-position: 85% 3%;
}
#store.sectiondivider {
  background: url(../images/store/sectiondivider.png);
}
.store-content a:link,
.store-content a:visited {
  color: #f90;
}
.store-content a:hover,
.store-content a:active {
  color: #fff;
}
.promo a:link,
.promo a:visited {
  color: #099;
}
.promo a:hover,
.promo a:active {
  color: #099;
}
.store-content img {
  vertical-align: middle;
}
.product-wrapper {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  width: 772px;
  margin: 0 auto 15px;
  padding: 0 10px;
  height: auto;
  background: white;
  border: 4px solid #ccc;
  alignment-baseline: central;
}
.productinfo-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.product-description {
  float: right;
  width: 560px;
  margin-top: 20px;
  vertical-align: middle;
}
div.product-description h3 {
  font-size: 24px;
  color: #f30;
  text-shadow: 2px 2px #fc0;
}
.product-pricing {
  width: 190px;
  border: 5px solid #ccc;
}
.product-pricing p {
  font-size: 20px;
  text-indent: 5px;
  margin: 0;
}
.product-purchase table {
  background: #ccc;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  width: 200px;
  margin: 0 0 5px 0;
  line-height: 0.8em;
}
.product-purchase tr {
  border: 10px solid transparent;
}
.product-purchase form {
  margin: 0;
}
.promo-wrapper {
  width: 800px;
  margin: auto;
}
.promo {
  position: relative;
  height: auto;
  margin: 30px auto 0;
  padding: 0 0 50px 0;
}
.paypal {
  float: left;
  margin: 0 10px 0 0;
}
table input:focus,
table textarea:focus {
  border: 2px solid #0263ae;
}
input[type="text"],
input[type="email"],
input[type="search"],
textarea,
select {
  width: 167px;
}
select {
  width: 180px;
}
.footer-backwall {
  background: url(../images/footer/background.png);
}
.footer-content a {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 80%;
  font-weight: 400;
  padding: 03em 0 0;
  text-shadow: none;
  text-align: center;
}
.footer-content li {
  display: inline;
  padding: 0 5px 0 0;
}
.footer-content ul {
  clear: both;
  text-align: center;
}
p.copyright {
  font-size: 80%;
  display: block;
  margin: 0 auto;
  padding: 0 0 1em;
  text-align: center;
}
p.smalltype {
  font-size: 60%;
  line-height: 1.2em;
  display: block;
  margin: 3em auto 2em;
  padding: 0;
  text-align: center;
}
.promo a {
    display: inline-grid;
    text-align: center;
}
.landing {
    width: 100%;
    min-width: 800px;
    min-height: 850px;
    position: fixed;
    z-index: -1;
    background-image: url(../images/header/landing.jpg);
    background-repeat: no-repeat;
    overflow: visible;
    background-position: top center;
   
}
.promo{
     display: flex;
    justify-content: center;
    
}
.landing{
    background-size:cover;
}