@font-face {
  font-family: 'MontHeavy';
  src: url("../fonts/Mont-HeavyDEMO.otf") format("opentype"); }
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  background-color: #ff4933;
  font-family: "MontHeavy", SansSerif;
  color: #fff;
  font-size: 18px; }

header {
  position: fixed;
  width: 100%;
  height: 183px;
  margin-bottom: 50px;
  background: #ff4933;
  border-bottom: 12px solid #ffdf00;
  z-index: 9999; }
  header .top-logo {
    position: absolute;
    width: 150px;
    top: 75px;
    left: 50px; }
    header .top-logo img {
      width: 100%; }
  header .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 1350px) {
      header .container nav {
        margin-left: 200px; } }
    header .container .header-title {
      padding-top: 30px;
      position: absolute;
      right: 50px; }
      @media only screen and (max-width: 1170px) {
        header .container .header-title {
          right: 20px; } }
      header .container .header-title h3 {
        text-align: right;
        font-size: 30px; }
        @media only screen and (max-width: 1350px) {
          header .container .header-title h3 {
            font-size: 24px; } }
        @media only screen and (max-width: 1170px) {
          header .container .header-title h3 {
            font-size: 20px; } }
        @media only screen and (max-width: 1023px) {
          header .container .header-title h3 {
            display: none; } }

.home header .top-logo {
  display: none; }
.home .site-content > .container {
  padding-left: 0;
  padding-right: 0; }
.home #primary.col-lg-12, .home #primary.col-sm-12 {
  padding-left: 0;
  padding-right: 0; }

a, a:visited {
  color: #ffdf00; }

a:hover {
  color: #00d3d4;
  text-decoration: none; }

h1, h2, h3, h4 {
  color: #ffdf00; }

.entry-content {
  margin-left: 150px; }
  .entry-content img {
    max-width: 100%;
    height: auto; }

.navbar-expand-xl .navbar-nav {
  flex-direction: row !important; }

.navbar {
  display: block; }

.navbar-light .navbar-nav {
  margin-top: 70px; }
  .navbar-light .navbar-nav li {
    transform: rotate(-45deg);
    margin-right: -112px;
    width: 160px; }
    .navbar-light .navbar-nav li .nav-link {
      color: #fff;
      padding: 0;
      background: transparent url("../img/square-white.png") no-repeat;
      background-position: left center;
      padding-left: 25px; }
    .navbar-light .navbar-nav li:first-child {
      margin-left: 4px; }
    .navbar-light .navbar-nav li:nth-child(even) .nav-link {
      background-image: url("../img/square-blue.png"); }

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: #ffdf00;
  background-image: url("../img/square-yellow.png") !important; }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #ffdf00;
  background-image: url("../img/square-yellow.png") !important; }

.navbar-light .navbar-nav li.menu-item-55 .nav-link {
  text-transform: uppercase; }

.menu-bar {
  margin-top: 48px; }
  .menu-bar img {
    width: 497px; }

.site-content {
  padding: 233px 20px 150px 20px; }
  .site-content article {
    min-height: calc(100vh - 320px);
    display: flex;
    align-items: center; }
    .site-content article .entry-content {
      width: 100%; }

.page-title {
  position: fixed;
  top: 50%; }
  .page-title h1 {
    display: inline-block;
    font-size: 68px;
    text-transform: lowercase;
    transform: rotate(-90deg);
    margin-left: -220px;
    white-space: nowrap;
    min-width: 480px;
    text-align: center; }

h2 {
  font-size: 60px; }

h3 {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 20px; }

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #ff4933;
  z-index: 9999; }
  footer .container {
    max-width: 100%; }
    footer .container .site-footer {
      display: flex;
      justify-content: center;
      text-align: center; }
      footer .container .site-footer .nav-footer ul {
        list-style: none;
        padding-left: 35px; }
        footer .container .site-footer .nav-footer ul li {
          display: inline-block;
          padding-right: 30px; }
          footer .container .site-footer .nav-footer ul li a {
            color: #fff; }
            footer .container .site-footer .nav-footer ul li a:hover {
              color: #00d3d4; }
      footer .container .site-footer .poweredby {
        padding-right: 30px; }

.list-artists img {
  margin: 0.5em; }
.list-artists a {
  -webkit-transition: color 0.25s;
  transition: color 0.25s; }
  .list-artists a img {
    transition: border-width 0.2s linear;
    border: 2px solid #fd543a;
    border-radius: 6px; }
    .list-artists a img:hover {
      border-color: #ffdf00;
      border-width: 6px; }

.lineup .artist-img {
  float: right;
  margin: 0 20px 30px 30px; }
.lineup .artist-social ul {
  list-style: none;
  padding: 0; }
  .lineup .artist-social ul li {
    display: inline-block;
    margin-right: 10px; }
    .lineup .artist-social ul li a {
      color: #fff; }

.btn {
  margin-top: 20px;
  border: 2px solid #00d3d4;
  padding: 12px 60px;
  color: #fff !important;
  background: #00d3d4;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 18px;
  transition: .3s;
  border-radius: 40px;
  letter-spacing: 1px;
  text-align: center; }
  .btn.btn-small {
    margin-top: 10px;
    padding: 12px 30px;
    font-size: 16px; }
  .btn:hover {
    background: #fff;
    color: #00d3d4 !important; }

#sb_instagram .sbi_info {
  color: #fff !important; }

@media only screen and (max-width: 990px) {
  header {
    height: 202px; }
    header .top-logo {
      width: 100px;
      top: 30px;
      left: 30px; }
    header .container nav {
      margin: 0 auto; }

  .navbar-light .navbar-nav li {
    transform: rotate(-90deg); }

  .navbar-light .navbar-nav li:first-child {
    margin-left: -46px; }

  .menu-bar {
    margin-top: 68px; }

  .site-content article {
    display: block; }

  .page-title {
    position: relative;
    width: auto; }
    .page-title h1 {
      display: block;
      margin-top: 20px;
      font-size: 48px;
      min-width: auto;
      text-align: left;
      margin-left: 0;
      transform: none; }

  .entry-content {
    margin-left: 0; }

  .home .site-content article {
    display: flex; }

  .home .page-title {
    display: none; } }
@media only screen and (max-height: 760px) {
  footer {
    position: relative; }

  .site-content article {
    display: block; }

  .page-title {
    position: relative;
    width: auto; }
    .page-title h1 {
      display: block;
      font-size: 48px;
      min-width: auto;
      text-align: center;
      margin-left: 0;
      margin-bottom: 20px;
      transform: none; }

  .home .page-title {
    display: none; }

  .entry-content {
    margin-left: 0;
    text-align: center; } }
@media only screen and (max-width: 520px) {
  header {
    height: 189px;
    border-bottom: 8px solid #ffdf00; }
    header .top-logo {
      display: none; }

  .navbar-light .navbar-nav li {
    margin-right: -129px; }
    .navbar-light .navbar-nav li:first-child {
      margin-left: -59px; }

  .menu-bar img {
    width: 320px; }

  footer .container .site-footer {
    display: block; }
    footer .container .site-footer .nav-footer ul {
      padding: 0;
      margin: 30px auto 0 auto;
      width: 320px; }
      footer .container .site-footer .nav-footer ul li {
        padding-right: 10px;
        font-size: 16px; }
        footer .container .site-footer .nav-footer ul li:last-child {
          padding-right: 0; }
    footer .container .site-footer .poweredby {
      margin: 50px auto;
      width: 115px; } }
.mb-30 {
  margin-bottom: 30px !important; }

/*# sourceMappingURL=style.css.map */
