/*Variable


font-family: blenny, sans-serif;
font-style: normal;
font-weight: 900;

*/
body {
  font-size: 100%;
  margin: 0 auto; }

img {
  max-width: 100%; }

header .lines1 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding-top: 10px;
  position: relative;
  margin-top: -100px; }
header .video {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1200px; }

/*section 1*/
.section1 {
  width: 90%;
  margin: auto;
  max-width: 1200px; }
  .section1 h1 {
    font-family: blenny, serif;
    color: #b3322f;
    text-align: center;
    font-size: 4em;
    line-height: 60px; }
  .section1 .p1 {
    font-family: "menco", sans-serif; }
    .section1 .p1 b {
      color: #b3322f; }
  .section1 #dots {
    display: none; }
  .section1 #myBtn {
    display: none; }
  .section1 .copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .section1 .para1, .section1 .map {
    width: 50%; }

h2 {
  font-family: "woodstockregular";
  color: #977ab0;
  float: center;
  text-align: center; }

iframe {
  width: 100%;
  height: 800px;
  margin: auto; }

button {
  font-family: "woodstockregular";
  color: #b3322f;
  border-color: #b3322f; }

/*section 2*/
.section2 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .section2 h3 {
    font-family: blenny, serif;
    color: #b3322f;
    text-align: left;
    font-size: 4em;
    line-height: 70px; }
  .section2 .lines3 {
    padding-bottom: 50px; }
  .section2 .p2 {
    font-family: "menco", sans-serif;
    text-align: right; }
  .section2 #dots1 {
    display: none; }
  .section2 #myBtn1 {
    display: none; }
  .section2 main {
    width: 50%; }
  .section2 .men, .section2 .lines2, .section2 .para2 {
    width: 80%; }

/*section 3*/
section {
  margin: auto;
  max-width: 1200px; }
  section h4 {
    font-family: blenny, serif;
    color: #977ab0;
    text-align: left;
    font-size: 4em;
    padding-top: 200px; }
  section .wstock {
    display: block;
    width: 100%;
    margin: 0 auto; }
  section .wstocktab {
    display: none; }
  section .wstockmobile {
    display: none; }
  section .block1 {
    background-image: url(images/block1.jpg);
    width: 100%;
    height: 700px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto; }
    section .block1 .p3 {
      font-family: "menco", sans-serif;
      color: white;
      font-size: 1.25em;
      text-align: center; }
    section .block1 #dots2 {
      display: none; }
    section .block1 #myBtn2 {
      display: none; }

/*section 4*/
section1 {
  max-width: 1200px;
  width: 90%;
  /*Accordion*/
  /*.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }*/
  /*Accordion*/ }
  section1 h6 {
    font-family: blenny, serif;
    color: #b3322f;
    text-align: left;
    font-size: 4em;
    line-height: 60px; }
  section1 .legends {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  section1 .richie, section1 .para3 {
    width: 50%; }
  section1 .p4 {
    font-family: "menco", sans-serif;
    font-size: 2em; }
  section1 b {
    color: #b3322f; }
  section1 #dots2 {
    display: none; }
  section1 #myBtn2 {
    display: none; }
  section1 i {
    font-style: normal;
    font-family: "woodstockregular";
    color: #ea9740;
    font-size: 1em;
    text-align: center; }
  section1 .accordion {
    width: 100%;
    height: 350px;
    overflow: hidden;
    margin: 0px auto; }
  section1 .accordion ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0; }
  section1 .accordion ul li {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    width: 16.666%;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; }
  section1 .accordion ul li div {
    display: block;
    overflow: hidden;
    width: 100%; }
  section1 .accordion ul li div a {
    display: block;
    height: 350px;
    width: 100%;
    position: relative;
    z-index: 3;
    vertical-align: bottom;
    padding: 15px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
    line-height: 20px;
    text-decoration: none;
    font-family: "menco", sans-serif;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }
  section1 .accordion ul li div a * {
    opacity: 0;
    margin: 0;
    padding: 10px;
    width: 100%;
    text-overflow: ellipsis;
    position: relative;
    z-index: 5;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out; }
  section1 .accordion ul li div a h2 {
    font-family: blenny, serif;
    color: #b3322f;
    text-overflow: clip;
    font-size: 3em;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: -10px; }
  section1 .accordion ul li div a p {
    top: 5px;
    font-size: 18px;
    padding-left: 1em; }
  section1 .accordion ul li:nth-child(1) {
    background-image: url(images/sweet.jpg);
    -webkit-box-shadow: inset 0 0 0 2000px rgba(248, 148, 34, 0.6);
            box-shadow: inset 0 0 0 2000px rgba(248, 148, 34, 0.6);
    background-position: 25% 30%; }
  section1 .accordion ul li:nth-child(2) {
    background-image: url(images/who.jpg);
    -webkit-box-shadow: inset 0 0 0 2000px rgba(197, 169, 46, 0.6);
            box-shadow: inset 0 0 0 2000px rgba(197, 169, 46, 0.6);
    background-position: 0% 70%; }
  section1 .accordion ul li:nth-child(3) {
    background-image: url(images/jimi.jpg);
    -webkit-box-shadow: inset 0 0 0 2000px rgba(158, 118, 181, 0.6);
            box-shadow: inset 0 0 0 2000px rgba(158, 118, 181, 0.6);
    background-position: 50% 50%; }
  section1 .accordion ul li {
    background-size: cover; }
  section1 .accordion ul:hover li {
    width: 10%; }
  section1 .accordion ul:hover li:hover {
    width: 90%; }
  section1 .accordion ul:hover li:hover a * {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  @media screen and (max-width: 680px) {
    section1 body {
      margin: 0; }
    section1 .accordion {
      height: auto; }
    section1 .accordion ul li,
    section1 .accordion ul li:hover,
    section1 .accordion ul:hover li,
    section1 .accordion ul:hover li:hover {
      position: relative;
      display: table;
      table-layout: fixed;
      width: 100%;
      -webkit-transition: none;
      transition: none; }
    section1 .accordion ul li div a * {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); } }

/*section 5*/
section2 {
  max-width: 1200px;
  padding-top: 1000px; }
  section2 .guitarneck {
    background-image: url(images/guitarneck.gif);
    width: 100%;
    height: 244px;
    background-repeat: no-repeat;
    background-size: contain; }
  section2 h6 {
    font-family: blenny, serif;
    color: white;
    text-align: left;
    font-size: 3.5em;
    padding-top: 70px; }
  section2 #dots3 {
    display: none; }
  section2 #myBtn3 {
    display: none; }
  section2 .p6 {
    font-family: "menco", sans-serif;
    font-size: 1em;
    text-align: right; }
  section2 .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  section2 .para4, section2 .circle {
    width: 40%; }
  section2 .fifty {
    background-image: url(images/50th.png);
    width: 100%;
    height: 706px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center; }

/* Tablet */
@media screen and (min-width: 481px) and (max-width: 800px) {
  /*header*/
  .video {
    display: none; }

  .tablet {
    background-image: url(images/herotab.jpg);
    background-repeat: no-repeat;
    width: 800px;
    height: 800px;
    background-position: bottom bottom;
    background-size: contain;
    margin: auto; }

  .lines1 {
    padding-top: 10px; }

  /*sec1*/
  iframe {
    height: 800px; }

  #more {
    display: none; }

  #dots {
    display: block !important; }

  #myBtn {
    display: block !important; }

  /*sec2*/
  .heading {
    font-size: .80em; }

  #more1 {
    display: none; }

  #dots1 {
    display: block !important; }

  #myBtn1 {
    display: block !important; }

  /*sec3*/
  .wstock {
    display: none !important; }

  .wstocktab {
    display: block !important;
    width: 800px; }

  .block1 {
    background-image: url(images/block1tab.png);
    width: 100%;
    height: 700px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto; }

  #dots2 {
    display: block !important; }

  #myBtn2 {
    display: block !important; }

  #more2 {
    display: none; }

  .wstocktab {
    display: block;
    width: 800px; }

  /*sec4*/
  .para3 {
    font-size: .75em; }

  #more2 {
    display: none; }

  #dots2 {
    display: block !important; }

  #myBtn2 {
    display: block !important; }

  /*sec5*/
  h6 {
    font-size: 1em; }

  .circle {
    display: none; }

  #dots3 {
    display: block !important; }

  #myBtn3 {
    display: block !important; }

  #more3 {
    display: none; }

  .fifty {
    display: none; }

  .fiftytab {
    background-image: url(images/fiftytab.png);
    width: 100%;
    height: 431px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center; } }
/* Mobile */
@media screen and (max-width: 480px) {
  /*header*/
  .video {
    display: none; }

  .tablet {
    display: none; }

  .mobile {
    background-image: url(images/heromobile.jpg);
    width: 480px;
    height: 812px;
    background-position: bottom bottom;
    background-size: contain;
    margin: auto; }

  /*sec1*/
  iframe {
    height: 300px; }

  #more {
    display: none; }

  #dots {
    display: block !important; }

  #myBtn {
    display: block !important; }

  /*sec2*/
  .para2 {
    text-align: center; }

  .section2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto; }

  main {
    width: 100%; }

  .men {
    display: none; }

  .guitar1 {
    display: none; }

  #more1 {
    display: none; }

  #dots1 {
    display: block !important; }

  #myBtn1 {
    display: block !important; }

  /*sec3*/
  .wstock {
    display: none !important; }

  .wstocktab {
    display: none !important; }

  .wstockmobile {
    display: block !important; }

  .block1 {
    background-image: url(images/block1mobile.gif);
    width: 480px;
    height: 1158px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto; }

  /*sec4*/
  .richie {
    display: none; }

  .para3 {
    font-size: .75em; }

  #more2 {
    display: none; }

  #dots2 {
    display: block !important; }

  #myBtn2 {
    display: block !important; }

  /*sec5*/
  .guitarneck {
    font-size: .60em; }

  .para4 {
    font-family: "menco", sans-serif;
    text-align: center; }

  .circle {
    display: none; }

  .fifty {
    display: none; }

  #dots3 {
    display: block !important; }

  #myBtn3 {
    display: block !important; }

  #more3 {
    display: none; }

  .fiftytab {
    display: none; }

  .fiftymobile {
    background-image: url(images/fiftymob.png);
    width: 100%;
    height: 702px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center; } }

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