/* Colors */
/* Section backgrounds */
/* Header/footer wrapper backgrounds */
/* Header/footer backgrounds */
/* Fonts */
/* Outside Lands Colors */
body {
  background-color: #1d0b3d;
  font-family: "DIN Next LT Pro";
}

body p {
  font-size: 21px;
  letter-spacing: 1px;
}
body p a {
  color: #e83a7b;
}

h1 {
  font-family: "Gin-Round";
  font-size: 70px;
  margin-top: 5px;
  line-height: 75px;
  text-transform: uppercase;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  h1 {
    font-size: 45px !important;
    line-height: 52px;
  }
}

h2 {
  font-family: "Gin-Round";
  font-size: 24px;
  margin-bottom: 5px;
  margin-top: 40px;
  text-transform: uppercase;
}

h3 {
  font-size: 36px;
  color: #0F4B73;
  font-family: "Gin-Round";
  text-transform: uppercase;
}

a:hover {
  cursor: pointer;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

ul {
  list-style: none;
}
ul li {
  list-style: none;
}

.resy {
  position: fixed;
  width: 75px;
  height: 50px;
  box-shadow: 0px 1px 3px #000;
  z-index: 1000000;
  top: 100px;
  right: 0px;
  text-transform: uppercase;
  text-align: center;
  line-height: 53px;
  border-radius: 0px;
  font-family: "Gin-Round";
  font-size: 35px;
  opacity: 0.9;
}

.drupal-template {
  width: 300px;
  margin: 24px auto;
  background-color: #fff;
  padding: 24px;
}

.logo-large {
  height: 380px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 100;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: top center;
}
.logo-large.logo-large-home {
  background-image: url(../images/logo-large-no2016.png);
  /* background-image: url(../images/logo-large.png); */
  top: 290px;
}
.logo-large.logo-large-home.pink {
  background-image: url(../images/logo-large-pink-no2016.png);
  top: 220px;
  height: 300px;
}
.logo-large.logo-large-home.pink.outsidelands {
  top: 317px;
}
.logo-large.logo-large-home.red {
  background-image: url(../images/logo-large-red-no2016.png);
  top: 220px;
  height: 300px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .logo-large.logo-large-home {
    background-size: 100%;
    width: 300px;
    top: 200px !important;
    height: 200px;
  }
}
.logo-large.logo-large-ny {
  background-image: url(../images/logo-large-ny.png);
  top: 362px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .logo-large.logo-large-ny {
    background-size: 100%;
    width: 300px;
    top: 230px !important;
  }
}
.logo-large.logo-large-chi {
  background-image: url(../images/logo-large-chi.png);
  top: 355px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .logo-large.logo-large-chi {
    background-size: 100%;
    width: 300px;
    top: 230px !important;
  }
}
.logo-large.logo-large-dc {
  background-image: url(../images/logo-large-dc.png);
  top: 362px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .logo-large.logo-large-dc {
    background-size: 100%;
    width: 300px;
    top: 230px !important;
  }
}
.logo-large.logo-large-bos {
  background-image: url(../images/logo-large-bos.png);
  top: 362px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .logo-large.logo-large-bos {
    background-size: 100%;
    width: 300px;
    top: 230px !important;
  }
}

.logo-header-medium {
  text-indent: -9999px;
  background-image: url(../images/logo-header-medium.png);
  width: 212px;
  height: 109px;
  position: absolute;
  right: 25px;
  z-index: 3;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1200px) {
  .logo-header-medium {
    top: 120px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .logo-header-medium {
    top: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .logo-header-medium {
    top: 160px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .logo-header-medium {
    top: 25px;
    width: 120px;
  }
}
.logo-header-medium.pink {
  background-image: url(../images/logo-header-pink-medium.png);
}

.superfly-small-logo {
  text-indent: -9999px;
  background-image: url(../images/logo-pink-small.png);
  width: 112px;
  height: 68px;
  position: absolute;
  bottom: 20px;
  right: 25px;
}

.superfly-small-white-logo {
  text-indent: -9999px;
  background-image: url(../images/logo-transparent-white-small.png);
  background-repeat: no-repeat;
  width: 121px;
  height: 72px;
  position: absolute;
  bottom: 20px;
  left: 25px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .superfly-small-white-logo {
    height: 56px;
    background-size: 92px;
  }
}

.superfly-small-pink-logo {
  text-indent: -9999px;
  background-image: url(../images/logo-transparent-pink-small.png);
  width: 104px;
  height: 63px;
  margin: 0px auto;
  clear: both;
  margin-top: 24px;
  margin-bottom: 24px;
  display: block;
}

.boundary {
  z-index: 10000000;
  height: 1px;
  position: relative;
}

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  position: relative;
}

.container-offset {
  -webkit-transform: skew(0deg, 10deg);
          transform: skew(0deg, 10deg);
}

.header-wrapper {
  margin-top: -450px;
  padding-top: 480px;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
  overflow: hidden;
  height: 930px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .header-wrapper {
    height: 745px;
  }
}

.social-menu-wrapper {
  z-index: 5;
}

.ticket-info-button {
  width: 192px;
  height: 175px;
  display: block;
  text-indent: -9999px;
  background-image: url(../images/sprites/tickets-sprite-buy_rev2.png);
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}
.ticket-info-button.menunav-tix-button {
  background-position: -965px 0px !important;
}
.ticket-info-button.menunav-tix-button:hover {
  background-position: -965px -354px !important;
}

.header0-wrapper {
  border-bottom: 10px solid #00c4c7;
  background-image: url(../images/backgrounds/homeBG-top-wrapper.jpg);
}

.header1-wrapper {
  border-bottom: 10px solid #00c4c7;
  background-image: url(../images/backgrounds/nyBG-top-wrapper.jpg);
}

.header2-wrapper {
  border-bottom: 10px solid #a7a9ac;
  background-image: url(../images/backgrounds/chicagoBG-top-wrapper.jpg);
}

.header3-wrapper {
  border-bottom: 10px solid #b8d937;
  background-image: url(../images/backgrounds/nyBG-bottom-wrapper.jpg);
}

.header4-wrapper {
  border-bottom: 10px solid #ff4061;
  background-image: url(../images/backgrounds/nyBG-top-wrapper.jpg);
}

.header5-wrapper {
  border-bottom: 10px solid #ff4061;
  background-image: url(../images/backgrounds/nyBG-bottom-wrapper.jpg);
  height: 825px;
}

.header6-wrapper {
  border-bottom: 10px solid #f4b443;
  background-image: url(../images/backgrounds/nyBG-top-wrapper.jpg);
  height: 825px;
}

header {
  border-radius: 36px 36px 0 0;
  -webkit-transform: skew(0deg, 10deg);
          transform: skew(0deg, 10deg);
  background-color: #2d1560;
  height: 560px;
  overflow: hidden;
}
header .king {
  position: absolute;
  top: 0px;
  left: 60px;
  z-index: 1;
}
header.header0 {
  background-image: url(../images/backgrounds/homeBG-top.jpg);
}
header.header0 .ticket-info-wrapper {
  position: absolute;
  top: 120px;
  right: 25px;
}
header.header0 .ticket-info-wrapper .ticket-info-button {
  background-position: -965px 0px;
}
header.header0 .ticket-info-wrapper .ticket-info-button:hover {
  background-position: -965px -354px;
}
header.header0 .social-menu-wrapper {
  position: absolute;
  top: 20px;
  right: 0px;
}
header.header1 {
  background-image: url(../images/backgrounds/homeBG-top.jpg);
}
header.header1 .social-menu-wrapper {
  position: absolute;
  top: 20px;
  right: 0px;
}
header.header2 {
  background-image: url(../images/backgrounds/homeBG-top.jpg);
}
header.header2 .social-menu-wrapper {
  position: absolute;
  top: 20px;
  right: 0px;
}
header.header3 {
  background-image: url(../images/backgrounds/homeBG-top.jpg);
}
header.header3 .social-menu-wrapper {
  position: absolute;
  top: 20px;
  right: 0px;
}
header.header4 {
  background-image: url(../images/backgrounds/homeBG-top.jpg);
}
header.header4 .social-menu-wrapper {
  position: absolute;
  top: 20px;
  right: 0px;
}
header.header5 {
  background-image: url(../images/backgrounds/aboutBG-top.jpg);
}
header.header5 img.king {
  width: 600px;
}
header.header5 .social-menu-wrapper {
  position: absolute;
  top: 20px;
  right: 0px;
}
header.header6 {
  background-image: url(../images/backgrounds/homeBG-top.jpg);
}
header.header6 img.king {
  width: 600px;
}
header.header6 .social-menu-wrapper {
  position: absolute;
  top: 20px;
  right: 0px;
}
header img.king {
      /*
      // SM (768 +)
      @media screen and (min-width: 768px) and (max-width: 992px) {
        width: 600px;
      }

      // XS
      @media screen and (min-width: 1px) and (max-width: 768px) {
        width: 300px;
      }
      */
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  header img.king {
    width: 600px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  header img.king {
    width: 400px;
    position: relative;
  }
}

.special-tix-header {
  position: relative;
}
.special-tix-header.newyork .ticket-info-wrapper {
  position: absolute;
  right: 40px;
  z-index: 100;
}
@media screen and (min-width: 1200px) {
  .special-tix-header.newyork .ticket-info-wrapper {
    top: -176px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .special-tix-header.newyork .ticket-info-wrapper {
    top: -155px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .special-tix-header.newyork .ticket-info-wrapper {
    top: -195px;
  }
}
.special-tix-header.newyork .ticket-info-wrapper .ticket-info-button {
  background-position: -1158px -167px;
}
.special-tix-header.newyork .ticket-info-wrapper .ticket-info-button:hover {
  background-position: -1158px -341px;
}
.special-tix-header.chicago .ticket-info-wrapper {
  position: absolute;
  top: -160px;
  right: 40px;
  z-index: 100;
}
.special-tix-header.chicago .ticket-info-wrapper .ticket-info-button {
  background-position: -388px -168px;
}
.special-tix-header.chicago .ticket-info-wrapper .ticket-info-button:hover {
  background-position: -388px -343px;
}
.special-tix-header.dc .ticket-info-wrapper {
  position: absolute;
  top: -179px;
  right: 40px;
  z-index: 100;
}
.special-tix-header.dc .ticket-info-wrapper .ticket-info-button {
  background-position: -773px -166px;
}
.special-tix-header.dc .ticket-info-wrapper .ticket-info-button:hover {
  background-position: -773px -341px;
}
.special-tix-header.boston .ticket-info-wrapper {
  position: absolute;
  top: -160px;
  right: 40px;
  z-index: 100;
}
.special-tix-header.boston .ticket-info-wrapper .ticket-info-button {
  background-position: -1351px -175px;
}
.special-tix-header.boston .ticket-info-wrapper .ticket-info-button:hover {
  background-position: -1351px -350px;
}
.special-tix-header.about .ticket-info-wrapper {
  z-index: 100;
  position: absolute;
  top: -176px;
  right: 40px;
}
.special-tix-header.about .ticket-info-wrapper .ticket-info-button {
  background-position: -965px -179px;
}
.special-tix-header.about .ticket-info-wrapper .ticket-info-button:hover {
  background-position: -965px -354px;
}

.footer-wrapper {
  margin-bottom: -540px;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
  overflow: hidden !important;
  height: 1040px;
}
@media screen and (min-width: 1200px) {
  .footer-wrapper {
    height: 1040px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-wrapper {
    height: 1030px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .footer-wrapper {
    height: 970px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .footer-wrapper {
    height: 830px;
  }
}

.footer0-wrapper {
  margin-top: -200px;
  border-top: 10px solid #b8d937;
  background-image: url(../images/backgrounds/homeBG-bottom-wrapper.jpg);
}

.footer1-wrapper {
  border-top: 10px solid #ff4061;
  background-image: url(../images/backgrounds/chicagoBG-top-wrapper.jpg);
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .footer1-wrapper {
    height: 820px;
  }
}

.footer2-wrapper {
  border-top: 10px solid #1d0b3d;
  background-image: url(../images/backgrounds/nyBG-top-wrapper.jpg);
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .footer2-wrapper {
    height: 820px;
  }
}

.footer3-wrapper {
  border-top: 10px solid #e83a7b;
  background-image: url(../images/backgrounds/chicagoBG-top-wrapper.jpg);
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .footer3-wrapper {
    height: 820px;
  }
}

.footer4-wrapper {
  border-top: 10px solid #00c4c7;
  background-image: url(../images/backgrounds/nyBG-top-wrapper.jpg);
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .footer4-wrapper {
    height: 820px;
  }
}

.footer5-wrapper {
  border-top: 10px solid #00c4c7;
  background-image: url(../images/backgrounds/aboutBG-blue-1.jpg);
}

.container-fluid footer {
  border-radius: 0 0 36px 36px;
  -webkit-transform: skew(0deg, 10deg);
          transform: skew(0deg, 10deg);
  margin-top: -112px;
  padding-top: 250px;
  overflow: hidden;
  height: 560px;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .container-fluid footer {
    height: 500px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .container-fluid footer {
    height: 400px;
    padding-top: 190px;
  }
}
.container-fluid footer ul.city-list {
  margin: 0px;
  padding: 0px;
  /*margin-top:opx;*/
}
.container-fluid footer ul.city-list li {
  list-style: none;
}
.container-fluid footer ul.city-list li a {
  display: block;
  text-align: center;
  font-family: "Gin-Round";
  cursor: pointer;
  z-index: 100000;
}
@media screen and (min-width: 1px) and (max-width: 992px) {
  .container-fluid footer ul.city-list li a {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
.container-fluid footer ul.city-list li a.newyork span.image, .container-fluid footer ul.city-list li a.about span.image, .container-fluid footer ul.city-list li a.privacy span.image, .container-fluid footer ul.city-list li a.tickets span.image, .container-fluid footer ul.city-list li a.gallery span.image {
  background-position: 0px 0px;
}
.container-fluid footer ul.city-list li a.newyork span.image.newyork, .container-fluid footer ul.city-list li a.about span.image.newyork, .container-fluid footer ul.city-list li a.privacy span.image.newyork, .container-fluid footer ul.city-list li a.tickets span.image.newyork, .container-fluid footer ul.city-list li a.gallery span.image.newyork {
  width: 72px;
  background-position: 0px 0px;
}
.container-fluid footer ul.city-list li a.newyork span.image.newyork:hover, .container-fluid footer ul.city-list li a.about span.image.newyork:hover, .container-fluid footer ul.city-list li a.privacy span.image.newyork:hover, .container-fluid footer ul.city-list li a.tickets span.image.newyork:hover, .container-fluid footer ul.city-list li a.gallery span.image.newyork:hover {
  background-position: 0px -86px;
}
.container-fluid footer ul.city-list li a.newyork span.image.chicago, .container-fluid footer ul.city-list li a.about span.image.chicago, .container-fluid footer ul.city-list li a.privacy span.image.chicago, .container-fluid footer ul.city-list li a.tickets span.image.chicago, .container-fluid footer ul.city-list li a.gallery span.image.chicago {
  width: 76px;
  background-position: -75px 0px;
}
.container-fluid footer ul.city-list li a.newyork span.image.chicago:hover, .container-fluid footer ul.city-list li a.about span.image.chicago:hover, .container-fluid footer ul.city-list li a.privacy span.image.chicago:hover, .container-fluid footer ul.city-list li a.tickets span.image.chicago:hover, .container-fluid footer ul.city-list li a.gallery span.image.chicago:hover {
  background-position: -75px -86px;
}
.container-fluid footer ul.city-list li a.newyork span.image.dc, .container-fluid footer ul.city-list li a.about span.image.dc, .container-fluid footer ul.city-list li a.privacy span.image.dc, .container-fluid footer ul.city-list li a.tickets span.image.dc, .container-fluid footer ul.city-list li a.gallery span.image.dc {
  width: 70px;
  background-position: -155px 0px;
}
.container-fluid footer ul.city-list li a.newyork span.image.dc:hover, .container-fluid footer ul.city-list li a.about span.image.dc:hover, .container-fluid footer ul.city-list li a.privacy span.image.dc:hover, .container-fluid footer ul.city-list li a.tickets span.image.dc:hover, .container-fluid footer ul.city-list li a.gallery span.image.dc:hover {
  background-position: -155px -86px;
}
.container-fluid footer ul.city-list li a.newyork span.image.boston, .container-fluid footer ul.city-list li a.about span.image.boston, .container-fluid footer ul.city-list li a.privacy span.image.boston, .container-fluid footer ul.city-list li a.tickets span.image.boston, .container-fluid footer ul.city-list li a.gallery span.image.boston {
  width: 78px;
  background-position: -227px 0px;
}
.container-fluid footer ul.city-list li a.newyork span.image.boston:hover, .container-fluid footer ul.city-list li a.about span.image.boston:hover, .container-fluid footer ul.city-list li a.privacy span.image.boston:hover, .container-fluid footer ul.city-list li a.tickets span.image.boston:hover, .container-fluid footer ul.city-list li a.gallery span.image.boston:hover {
  background-position: -227px -86px;
}
.container-fluid footer ul.city-list li a.chicago span.image {
  background-position: 0 -86px;
}
.container-fluid footer ul.city-list li a.chicago span.image.newyork {
  width: 72px;
  background-position: 0px -86px;
}
.container-fluid footer ul.city-list li a.chicago span.image.newyork:hover {
  background-position: 0px -172px;
}
.container-fluid footer ul.city-list li a.chicago span.image.chicago {
  width: 76px;
  background-position: -75px -86px;
}
.container-fluid footer ul.city-list li a.chicago span.image.chicago:hover {
  background-position: -75px -172px;
}
.container-fluid footer ul.city-list li a.chicago span.image.dc {
  width: 70px;
  background-position: -155px -86px;
}
.container-fluid footer ul.city-list li a.chicago span.image.dc:hover {
  background-position: -155px -172px;
}
.container-fluid footer ul.city-list li a.chicago span.image.boston {
  width: 78px;
  background-position: -227px -86px;
}
.container-fluid footer ul.city-list li a.chicago span.image.boston:hover {
  background-position: -227px -172px;
}
.container-fluid footer ul.city-list li a.dc span.image {
  background-position: 0px -172px;
}
.container-fluid footer ul.city-list li a.dc span.image.newyork {
  width: 72px;
  background-position: 0px -172px;
}
.container-fluid footer ul.city-list li a.dc span.image.newyork:hover {
  background-position: 0px -86px;
}
.container-fluid footer ul.city-list li a.dc span.image.chicago {
  width: 76px;
  background-position: -75px -172px;
}
.container-fluid footer ul.city-list li a.dc span.image.chicago:hover {
  background-position: -75px -86px;
}
.container-fluid footer ul.city-list li a.dc span.image.dc {
  width: 70px;
  background-position: -155px -172px;
}
.container-fluid footer ul.city-list li a.dc span.image.dc:hover {
  background-position: -155px -86px;
}
.container-fluid footer ul.city-list li a.dc span.image.boston {
  width: 78px;
  background-position: -227px -172px;
}
.container-fluid footer ul.city-list li a.dc span.image.boston:hover {
  background-position: -227px -86px;
}
.container-fluid footer ul.city-list li a.boston span.image {
  background-position: 0px -86px;
}
.container-fluid footer ul.city-list li a.boston span.image.newyork {
  width: 72px;
  background-position: 0px -86px;
}
.container-fluid footer ul.city-list li a.boston span.image.newyork:hover {
  background-position: 0px 0px;
}
.container-fluid footer ul.city-list li a.boston span.image.chicago {
  width: 76px;
  background-position: -75px -86px;
}
.container-fluid footer ul.city-list li a.boston span.image.chicago:hover {
  background-position: -75px 0px;
}
.container-fluid footer ul.city-list li a.boston span.image.dc {
  width: 70px;
  background-position: -155px -86px;
}
.container-fluid footer ul.city-list li a.boston span.image.dc:hover {
  background-position: -155px 0px;
}
.container-fluid footer ul.city-list li a.boston span.image.boston {
  width: 78px;
  background-position: -227px -86px;
}
.container-fluid footer ul.city-list li a.boston span.image.boston:hover {
  background-position: -227px 0px;
}
.container-fluid footer ul.city-list li a span {
  margin: 0px auto;
  cursor: pointer;
}
.container-fluid footer ul.city-list li a span.image {
  background-image: url(../images/sprites/suits-sprite.png);
  height: 86px;
  display: block;
}
.container-fluid footer ul.city-list li a span.text {
  font-size: 24px;
  color: #fff;
  margin-top: 24px;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .container-fluid footer ul.city-list li a span.text {
    font-size: 22px !important;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .container-fluid footer ul.city-list li a span.text {
    font-size: 14px !important;
    margin-top: 12px;
  }
}
.container-fluid footer ul.city-list li a:hover {
  text-decoration: none;
}
.container-fluid footer ul.city-list li a:hover span {
  text-decoration: none;
}
.container-fluid footer .king {
  position: absolute;
  bottom: 0px;
  right: 60px;
}
.container-fluid footer.footer0 {
  background-image: url(../images/backgrounds/homeBG-bottom.jpg);
  background-color: #0F4B73;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .container-fluid footer.footer0 {
    height: 500px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .container-fluid footer.footer0 {
    padding-top: 80px;
    height: 365px;
  }
}
.container-fluid footer.footer0 .ticket-info-wrapper {
  position: absolute;
  bottom: 120px;
  left: 25px;
}
.container-fluid footer.footer0 .ticket-info-wrapper .ticket-info-button {
  background-position: -964px -179px;
}
.container-fluid footer.footer0 .ticket-info-wrapper .ticket-info-button:hover {
  background-position: -964px -354px;
}
.container-fluid footer.footer0 .social-menu-wrapper {
  position: absolute;
  bottom: 20px;
  left: 25px;
}
.container-fluid footer.footer1 {
  background-image: url(../images/backgrounds/nyBG-bottom.jpg);
  background-color: #0F4B73;
}
.container-fluid footer.footer1 .social-menu-wrapper {
  position: absolute;
  bottom: 20px;
  right: 0px;
}
.container-fluid footer.footer2 {
  background-image: url(../images/backgrounds/chiBG-bottom.jpg);
  background-color: #0F4B73;
}
.container-fluid footer.footer2 .social-menu-wrapper {
  position: absolute;
  bottom: 20px;
  right: 0px;
}
.container-fluid footer.footer3 {
  background-image: url(../images/backgrounds/wasBG-bottom.jpg);
  background-color: #0F4B73;
}
.container-fluid footer.footer3 .social-menu-wrapper {
  position: absolute;
  bottom: 20px;
  right: 0px;
}
.container-fluid footer.footer4 {
  background-image: url(../images/backgrounds/bosBG-bottom.jpg);
  background-color: #0F4B73;
}
.container-fluid footer.footer4 .social-menu-wrapper {
  position: absolute;
  bottom: 20px;
  right: 0px;
}
.container-fluid footer.footer5 {
  background-image: url(../images/backgrounds/aboutBG-bottom.jpg);
  background-color: #0F4B73;
}
.container-fluid footer.footer5 .social-menu-wrapper {
  position: absolute;
  bottom: 20px;
  right: 0px;
}

.manu-button {
  z-index: 1;
}

.menunav {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  background-color: rgba(30, 11, 61, 0.85);
  z-index: 9999;
  overflow: auto;
  font-family: "Gin-Round";
  top: 0px;
}
.menunav .container {
  position: relative;
}
.menunav .container .wrapper {
  margin-top: 30px;
  margin-bottom: 80px;
}
.menunav .container .wrapper.modala {
  padding-top: 24px;
  padding-bottom: 24px;
        /*
          li {
            a {
              color: $purple !important;

              &.text {
                color: $purple !important;

                &:hover {
                  color: $red;
                }
              }
            }
          }
        }
        */
}
.menunav .container .wrapper.modala h1 {
  font-size: 60px;
  line-height: 60px;
  color: #fff;
}
.menunav .container .wrapper.modala h2 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 40px;
  margin-top: 0px;
}
.menunav .container .wrapper.modala ul.city-list-2 {
  margin-top: 24px;
}
.menunav .container .wrapper .top-hr {
  border-top: 2px solid #fff;
  height: 1px;
  position: relative;
  top: -110px;
  z-index: 1px;
}
.menunav .container .wrapper .ticket-info-wrapper {
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
}
.menunav .container .wrapper .ticket-info-wrapper .ticket-info-button {
  margin: 0px auto;
}
.menunav .container .wrapper ul.menu-links {
  margin: 0px;
  padding: 0px;
}
.menunav .container .wrapper ul.menu-links li {
  margin-bottom: 16px;
  line-height: 24px;
}
.menunav .container .wrapper ul.menu-links li a {
  font-size: 28px;
  color: #fff;
  margin-bottom: 22px;
  line-height: 28px;
}
.menunav .container .wrapper ul.menu-links li a:hover {
  text-decoration: none;
  color: #dc4849;
}
.menunav .container .wrapper ul.city-list-2 {
  padding: 0px;
  margin: 0px;
}
.menunav .container .wrapper ul.city-list-2 li {
  display: block;
  margin-bottom: 24px;
}
.menunav .container .wrapper ul.city-list-2 li a:hover {
  text-decoration: none;
}
.menunav .container .wrapper ul.city-list-2 li a span.image {
  width: 40px;
  height: 40px;
  display: block;
  background-image: url(../images/sprites/suits-sprite.png);
  background-position: 0px 0px;
  background-size: 291px;
}
.menunav .container .wrapper ul.city-list-2 li a span.image.newyork {
  width: 33px;
  background-position: -120px 0px;
}
.menunav .container .wrapper ul.city-list-2 li a span.image.chicago {
  width: 39px;
  background-position: -155px 0px;
}
.menunav .container .wrapper ul.city-list-2 li a span.image.dc {
  width: 39px;
  background-position: -524px -41px;
}
.menunav .container .wrapper ul.city-list-2 li a span.image.boston {
  width: 38px;
  background-position: -486px 0px;
}
.menunav .container .wrapper ul.city-list-2 li a span.image.outsidelands {
  width: 39px;
  background-position: -155px 0px;
}
.menunav .container .wrapper ul.city-list-2 li a span.text {
  clear: both;
  font-size: 32px;
  color: #fff;
  line-height: 30px;
  white-space: nowrap;
  padding-top: 6px;
  margin-left: 2px;
}
.menunav .container .wrapper ul.city-list-2 li a span.text:hover {
  color: #dc4849;
}
.menunav .container .wrapper ul.city-list-2 li a span.date {
  display: block;
  clear: both;
  font-size: 20px;
  white-space: nowrap;
  line-height: 20px;
}
.menunav .container .wrapper ul.city-list-2 li a span.date.newyork {
  color: #f4b443;
}
.menunav .container .wrapper ul.city-list-2 li a span.date.chicago {
  color: #e83a7b;
}
.menunav .container .wrapper ul.city-list-2 li a span.date.dc {
  color: #00aacc;
}
.menunav .container .wrapper ul.city-list-2 li a span.date.boston {
  color: #b8d937;
}
.menunav .container .wrapper ul.city-list-2 li a span.date.outsidelands {
  color: #e83a7b;
}
.menunav .container .wrapper ul.city-list-2 li a span.venue {
  display: block;
  clear: both;
  font-size: 20px;
  white-space: nowrap;
  line-height: 20px;
}
.menunav .container .wrapper ul.city-list-2 li a span.venue.newyork {
  color: #f4b443;
}
.menunav .container .wrapper ul.city-list-2 li a span.venue.chicago {
  color: #e83a7b;
}
.menunav .container .wrapper ul.city-list-2 li a span.venue.dc {
  color: #00aacc;
}
.menunav .container .wrapper ul.city-list-2 li a span.venue.boston {
  color: #b8d937;
}
.menunav .container .wrapper ul.city-list-2 li a span.venue.outsidelands {
  color: #e83a7b;
}
.menunav .container .wrapper ul.social-menu {
  margin: 0px auto;
  width: 279px;
}
.menunav .container .wrapper ul.social-menu li.last a {
  margin-right: 0px !important;
}

.hamburger {
  z-index: 2;
}

.martini-menu {
  width: 75px;
  height: 110px;
  background-image: url(../images/sprites/nav-sprite.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  text-indent: -9999px;
}
.martini-menu.hamburger-close {
  background-position: 0px -111px;
}

.snifter-menu {
  width: 68px;
  height: 89px;
  background-image: url(../images/sprites/nav-sprite.png);
  background-position: 0px -220px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  text-indent: -9999px;
}
.snifter-menu.red {
  background-position: -68px -220px;
}
.snifter-menu.red.hamburger-close {
  background-position: -68px -308px;
}
.snifter-menu.hamburger-close {
  background-position: 0px -308px;
}

.signup-button {
  border-radius: 30px;
  height: 51px;
  width: 151px;
  background-image: url(../images/sprites/button-sprite.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  top: 20px;
  right: 327px;
  display: block;
  position: absolute;
  text-indent: -9999px;
  z-index: 2;
}
@media screen and (min-width: 1px) and (max-width: 992px) {
  .signup-button {
    right: 25px;
    top: 90px !important;
  }
}
.signup-button:hover {
  background-position: -155px 0px;
}
.signup-button.pink {
  background-position: 0px -51px;
}
.signup-button.pink:hover {
  background-position: -155px 0px;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  footer img.king {
    width: 600px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  footer img.king {
    width: 400px;
    position: relative !important;
  }
}

.social-menu {
  margin: 0px;
  padding: 0px;
}
.social-menu li {
  margin: 0px;
  padding: 0px;
  float: left;
}
.social-menu li a {
  display: block;
  text-indent: -9999px;
  width: 51px;
  height: 52px;
  background-image: url(../images/sprites/social-sprite.png);
  background-repeat: no-repeat;
  margin-right: 25px;
}
.social-menu li a.twitter {
  background-position: 0px 0px;
}
.social-menu li a.facebook {
  background-position: -55px 0px;
}
.social-menu li a.instagram {
  background-position: -109px 0px;
}
.social-menu li a.foursquare {
  background-position: -163px 0px;
}

.header6 .social-menu li a.twitter:hover, .footer6 .social-menu li a.twitter:hover,
.header0 .social-menu li a.twitter:hover, .footer0 .social-menu li a.twitter:hover {
  background-position: 0px -107px;
}
.header6 .social-menu li a.facebook:hover, .footer6 .social-menu li a.facebook:hover,
.header0 .social-menu li a.facebook:hover, .footer0 .social-menu li a.facebook:hover {
  background-position: -55px -107px;
}
.header6 .social-menu li a.instagram:hover, .footer6 .social-menu li a.instagram:hover,
.header0 .social-menu li a.instagram:hover, .footer0 .social-menu li a.instagram:hover {
  background-position: -109px -107px;
}
.header6 .social-menu li a.foursquare:hover, .footer6 .social-menu li a.foursquare:hover,
.header0 .social-menu li a.foursquare:hover, .footer0 .social-menu li a.foursquare:hover {
  background-position: -163px -107px;
}

.header3 .social-menu li a.twitter:hover, .footer3 .social-menu li a.twitter:hover {
  background-position: 0px -266px;
}
.header3 .social-menu li a.facebook:hover, .footer3 .social-menu li a.facebook:hover {
  background-position: -55px -266px;
}
.header3 .social-menu li a.instagram:hover, .footer3 .social-menu li a.instagram:hover {
  background-position: -109px -266px;
}
.header3 .social-menu li a.foursquare:hover, .footer3 .social-menu li a.foursquare:hover {
  background-position: -163px -266px;
}

.header1 .social-menu li a.twitter:hover, .footer1 .social-menu li a.twitter:hover {
  background-position: 0px -53px;
}
.header1 .social-menu li a.facebook:hover, .footer1 .social-menu li a.facebook:hover {
  background-position: -55px -53px;
}
.header1 .social-menu li a.instagram:hover, .footer1 .social-menu li a.instagram:hover {
  background-position: -109px -53px;
}
.header1 .social-menu li a.foursquare:hover, .footer1 .social-menu li a.foursquare:hover {
  background-position: -163px -53px;
}

.header4 .social-menu li a.twitter:hover, .footer4 .social-menu li a.twitter:hover {
  background-position: 0px -107px;
}
.header4 .social-menu li a.facebook:hover, .footer4 .social-menu li a.facebook:hover {
  background-position: -55px -107px;
}
.header4 .social-menu li a.instagram:hover, .footer4 .social-menu li a.instagram:hover {
  background-position: -109px -107px;
}
.header4 .social-menu li a.foursquare:hover, .footer4 .social-menu li a.foursquare:hover {
  background-position: -163px -107px;
}

.header5 .social-menu li a.twitter:hover, .footer5 .social-menu li a.twitter:hover,
.header2 .social-menu li a.twitter:hover, .footer2 .social-menu li a.twitter:hover {
  background-position: 0px -160px;
}
.header5 .social-menu li a.facebook:hover, .footer5 .social-menu li a.facebook:hover,
.header2 .social-menu li a.facebook:hover, .footer2 .social-menu li a.facebook:hover {
  background-position: -55px -160px;
}
.header5 .social-menu li a.instagram:hover, .footer5 .social-menu li a.instagram:hover,
.header2 .social-menu li a.instagram:hover, .footer2 .social-menu li a.instagram:hover {
  background-position: -109px -160px;
}
.header5 .social-menu li a.foursquare:hover, .footer5 .social-menu li a.foursquare:hover,
.header2 .social-menu li a.foursquare:hover, .footer2 .social-menu li a.foursquare:hover {
  background-position: -163px -160px;
}

.about-tix-chicago {
  margin: 0px auto;
  background-position: -388px -156px;
}
.about-tix-chicago:hover {
  background-position: -388px -331px;
}

.about-tix-dc {
  margin: 0px auto;
  background-position: -776px -172px;
}
.about-tix-dc:hover {
  background-position: -776px -347px;
}

.special-tix-hr {
  position: relative;
  z-index: 1;
  margin-top: -90px;
  margin-bottom: -90px;
}
.special-tix-hr a {
  margin: 0px auto;
}
.special-tix-hr.newyork a {
  background-position: -1158px -168px;
}
.special-tix-hr.newyork a:hover {
  background-position: -1158px -342px;
}
.special-tix-hr.chicago a {
  background-position: -388px -156px;
}
.special-tix-hr.chicago a:hover {
  background-position: -388px -331px;
}
.special-tix-hr.dc a {
  background-position: -773px -172px;
}
.special-tix-hr.dc a:hover {
  background-position: -773px -347px;
}
.special-tix-hr.boston a {
  background-position: -1351px -161px;
}
.special-tix-hr.boston a:hover {
  background-position: -1351px -336px;
}
.special-tix-hr.outsidelands {
  margin-top: -168px;
  margin-bottom: -106px;
}
.special-tix-hr.outsidelands a {
  background-position: -388px -156px;
}
.special-tix-hr.outsidelands a:hover {
  background-position: -388px -331px;
}
.special-tix-hr.about.first {
  margin-top: -540px;
  position: absolute;
  right: 0px;
  left: 0px;
}
.special-tix-hr.about a {
  background-position: -965px -179px;
}
.special-tix-hr.about a:hover {
  background-position: -965px -354px;
}

.lineup h3 {
  font-family: "DIN Next LT Pro";
}
.lineup h2 {
  font-size: 40px;
  font-family: "Gin-Round";
}
.lineup p {
  font-family: "DIN Next LT Pro";
}
.lineup .item.last {
  border-bottom: 0px !important;
}
.lineup.newyork .item {
  border-bottom: 3px dotted #f4b443;
}
.lineup.newyork .item h3 {
  color: #fff;
}
.lineup.newyork .item h2 {
  color: #ff4061;
}
.lineup.newyork .item p {
  color: #fff;
}
.lineup.chicago .item {
  border-bottom: 3px dotted #ff4061;
}
.lineup.chicago .item h3 {
  color: #fff;
}
.lineup.chicago .item h2 {
  color: #ff4061;
}
.lineup.chicago .item p {
  color: #fff;
}

/* Import other SASS */
.carousel-bars {
  margin-top: 40px;
}
.carousel-bars .carousel-control {
  background-image: none !important;
  opacity: 0.8;
  height: 100px;
  width: 154px;
  top: 40%;
  cursor: pointer;
  z-index: 2;
  overflow: hidden;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-bars .carousel-control {
    top: 35% !important;
    width: 75px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-bars .carousel-control img {
    width: 75px;
  }
}
.carousel-bars .carousel-control.left {
  margin-left: -50px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-bars .carousel-control.left {
    margin-left: 0px;
  }
}
.carousel-bars .carousel-control.right {
  margin-right: -50px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-bars .carousel-control.right {
    margin-right: 0px;
  }
}
.carousel-bars .carousel-control:hover {
  background-image: none !important;
  opacity: 1;
}
.carousel-bars ul.carousel-indicators-custom {
  list-style: none;
  margin: 12px 0;
  padding: 0px;
}
.carousel-bars ul.carousel-indicators-custom li {
  text-align: center;
  list-style: none;
  margin-bottom: 40px;
  text-decoration: none !important;
}
.carousel-bars ul.carousel-indicators-custom li a {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 150px;
  background-image: url(../images/sprites/suits-sprite.png);
  margin: 0px auto;
  cursor: pointer;
  text-decoration: none !important;
}
.carousel-bars ul.carousel-indicators-custom li a span {
  font-family: "Gin-Round";
  font-size: 36px;
  color: #fff;
  text-shadow: 0px 0px 6px #555;
  line-height: 34px;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
  text-decoration: none !important;
  display: block;
  width: 237px !important;
}
.carousel-bars ul.carousel-indicators-custom li a span.newyork {
  margin-left: -67px;
}
.carousel-bars ul.carousel-indicators-custom li a span.chicago {
  margin-left: -57px;
  margin-top: -10px;
}
.carousel-bars ul.carousel-indicators-custom li a span.dc {
  margin-left: -68px;
}
.carousel-bars ul.carousel-indicators-custom li a span.boston {
  margin-left: -60px;
}
.carousel-bars ul.carousel-indicators-custom li a span.outsidelands {
  margin-left: -57px;
  margin-top: -10px;
}
.carousel-bars ul.carousel-indicators-custom li a span:hover, .carousel-bars ul.carousel-indicators-custom li a span:active {
  text-decoration: none !important;
}
.carousel-bars ul.carousel-indicators-custom li a:hover, .carousel-bars ul.carousel-indicators-custom li a:active {
  text-decoration: none !important;
}
.carousel-bars ul.carousel-indicators-custom li a.newyork {
  background-position: -369px 0px;
  width: 105px;
  height: 125px;
}
.carousel-bars ul.carousel-indicators-custom li a.newyork:hover, .carousel-bars ul.carousel-indicators-custom li a.newyork.active {
  background-position: -368px -126px;
}
.carousel-bars ul.carousel-indicators-custom li a.chicago {
  background-position: -479px 0px;
  width: 120px;
  height: 125px;
}
.carousel-bars ul.carousel-indicators-custom li a.chicago:hover, .carousel-bars ul.carousel-indicators-custom li a.chicago.active {
  background-position: -479px -125px;
}
.carousel-bars ul.carousel-indicators-custom li a.dc {
  background-position: -720px -125px;
  width: 103px;
  height: 125px;
}
.carousel-bars ul.carousel-indicators-custom li a.dc:hover, .carousel-bars ul.carousel-indicators-custom li a.dc.active {
  background-position: -719px 0px;
}
.carousel-bars ul.carousel-indicators-custom li a.boston {
  background-position: -603px -1px;
  width: 114px;
  height: 125px;
}
.carousel-bars ul.carousel-indicators-custom li a.boston:hover, .carousel-bars ul.carousel-indicators-custom li a.boston.active {
  background-position: -603px -126px;
}
.carousel-bars ul.carousel-indicators-custom li a.outsidelands {
  background-position: -479px 0px;
  width: 120px;
  height: 125px;
}
.carousel-bars ul.carousel-indicators-custom li a.outsidelands:hover, .carousel-bars ul.carousel-indicators-custom li a.outsidelands.active {
  background-position: -479px -125px;
}
.carousel-bars .carousel-inner-wrapper {
  position: relative;
  margin-top: 60px;
}
.carousel-bars .carousel-inner-wrapper .carousel-inner {
  border-radius: 40px;
  background-color: #1d0b3d;
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-bars .carousel-inner-wrapper .carousel-inner {
    border-radius: 16px;
  }
}
.carousel-bars .carousel-inner-wrapper .carousel-inner.newyork {
  border: 10px solid #00c4c7;
}
.carousel-bars .carousel-inner-wrapper .carousel-inner.chicago {
  border: 10px solid #a7a9ac;
}
.carousel-bars .carousel-inner-wrapper .carousel-inner.dc {
  border: 10px solid #b8d937;
}
.carousel-bars .carousel-inner-wrapper .carousel-inner.boston {
  border: 10px solid #ff4061;
}
.carousel-bars .carousel-inner-wrapper .carousel-inner.outsidelands {
  border: 10px solid #a7a9ac;
}
.carousel-bars .carousel-inner-wrapper .carousel-inner .item {
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  /*transition : .3s ease-in-out left;*/
}
.carousel-bars .carousel-inner-wrapper .carousel-inner .item img {
  width: 100%;
  /*border-radius: 32px !important;*/
}

.carousel-description-bars {
  min-height: 370px;
  padding: 40px 80px 80px 80px;
  z-index: 3 !important;
  margin-bottom: -130px;
  border-radius: 0 0 30px 30px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-description-bars {
    padding: 40px 12px 40px 12px;
  }
}
.carousel-description-bars h1 {
  color: #fff;
  margin-top: 0px;
  font-size: 70px;
}
.carousel-description-bars p {
  color: #2d1560 !important;
  margin-bottom: 0px;
  font-weight: 400;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-description-bars p {
    font-size: 16px !important;
  }
}
.carousel-description-bars.newyork {
  background-color: #f4b443 !important;
}
.carousel-description-bars.chicago {
  background-color: #e83a7b !important;
}
.carousel-description-bars.dc {
  background-color: #00aacc !important;
}
.carousel-description-bars.boston {
  background-color: #b8d937 !important;
}
.carousel-description-bars.outsidelands {
  background-color: #e83a7b !important;
}

.carousel-performers .carousel-control {
  background-image: none !important;
  opacity: 0.8;
  height: 100px;
  width: 150px;
  top: 40%;
  cursor: pointer;
  z-index: 2;
  overflow: hidden;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-performers .carousel-control {
    top: 35% !important;
    width: 75px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-performers .carousel-control img {
    width: 75px;
  }
}
.carousel-performers .carousel-control.left {
  margin-left: -50px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-performers .carousel-control.left {
    margin-left: 0px;
  }
}
.carousel-performers .carousel-control.right {
  margin-right: -50px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-performers .carousel-control.right {
    margin-right: 0px;
  }
}
.carousel-performers .carousel-control:hover {
  background-image: none !important;
  opacity: 1;
}
.carousel-performers ul.carousel-indicators-custom {
  list-style: none;
  margin: 12px 0;
  padding: 0px;
}
.carousel-performers ul.carousel-indicators-custom li {
  text-align: center;
  list-style: none;
  margin-bottom: 40px;
  text-decoration: none !important;
}
.carousel-performers ul.carousel-indicators-custom li a {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 150px;
  background-image: url(../images/sprites/suits-sprite.png);
  margin: 0px auto;
  cursor: pointer;
  text-decoration: none !important;
}
.carousel-performers ul.carousel-indicators-custom li a span {
  font-family: "Gin-Round";
  font-size: 36px;
  color: #fff;
  text-shadow: 0px 0px 6px #555;
  line-height: 34px;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
  text-decoration: none !important;
  margin-left: -50px;
  display: block;
  width: 200px !important;
}
.carousel-performers ul.carousel-indicators-custom li a span.newyork {
  margin-left: -50px;
}
.carousel-performers ul.carousel-indicators-custom li a span.chicago {
  margin-left: -38px;
}
.carousel-performers ul.carousel-indicators-custom li a span.dc {
  margin-left: -50px;
}
.carousel-performers ul.carousel-indicators-custom li a span.boston {
  margin-left: -46px;
}
.carousel-performers ul.carousel-indicators-custom li a span.outsidelands {
  margin-left: -38px;
}
.carousel-performers ul.carousel-indicators-custom li a span:hover, .carousel-performers ul.carousel-indicators-custom li a span:active {
  text-decoration: none !important;
}
.carousel-performers ul.carousel-indicators-custom li a:hover, .carousel-performers ul.carousel-indicators-custom li a:active {
  text-decoration: none !important;
}
.carousel-performers ul.carousel-indicators-custom li a.newyork {
  background-position: -369px -252px;
  width: 105px;
  height: 115px;
}
.carousel-performers ul.carousel-indicators-custom li a.newyork:hover, .carousel-performers ul.carousel-indicators-custom li a.newyork.active {
  background-position: -368px -368px;
}
.carousel-performers ul.carousel-indicators-custom li a.chicago {
  background-position: -484px -250px;
  width: 111px;
  height: 116px;
}
.carousel-performers ul.carousel-indicators-custom li a.chicago:hover, .carousel-performers ul.carousel-indicators-custom li a.chicago.active {
  background-position: -484px -369px;
}
.carousel-performers ul.carousel-indicators-custom li a.dc {
  background-position: -724px -250px;
  width: 97px;
  height: 115px;
}
.carousel-performers ul.carousel-indicators-custom li a.dc:hover, .carousel-performers ul.carousel-indicators-custom li a.dc.active {
  background-position: -727px -369px;
}
.carousel-performers ul.carousel-indicators-custom li a.boston {
  background-position: -606px -250px;
  width: 107px;
  height: 116px;
}
.carousel-performers ul.carousel-indicators-custom li a.boston:hover, .carousel-performers ul.carousel-indicators-custom li a.boston.active {
  background-position: -606px -369px;
}
.carousel-performers ul.carousel-indicators-custom li a.outsidelands {
  background-position: -484px -250px;
  width: 111px;
  height: 116px;
}
.carousel-performers ul.carousel-indicators-custom li a.outsidelands:hover, .carousel-performers ul.carousel-indicators-custom li a.outsidelands.active {
  background-position: -484px -369px;
}
.carousel-performers .carousel-inner-wrapper {
  position: relative;
  margin-top: 60px;
}
.carousel-performers .carousel-inner-wrapper .carousel-inner {
  border-radius: 40px;
  background-color: #1d0b3d;
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-performers .carousel-inner-wrapper .carousel-inner {
    border-radius: 16px;
  }
}
.carousel-performers .carousel-inner-wrapper .carousel-inner.newyork {
  border: 10px solid #00c4c7;
}
.carousel-performers .carousel-inner-wrapper .carousel-inner.chicago {
  border: 10px solid #a7a9ac;
}
.carousel-performers .carousel-inner-wrapper .carousel-inner.dc {
  border: 10px solid #b8d937;
}
.carousel-performers .carousel-inner-wrapper .carousel-inner.boston {
  border: 10px solid #ff4061;
}
.carousel-performers .carousel-inner-wrapper .carousel-inner.outsidelands {
  border: 10px solid #a7a9ac;
}
.carousel-performers .carousel-inner-wrapper .carousel-inner .item {
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  /*transition : .3s ease-in-out left;*/
}
.carousel-performers .carousel-inner-wrapper .carousel-inner .item img {
  width: 100%;
  /*border-radius: 32px !important;*/
}

.carousel-description-performers {
  min-height: 370px;
  padding: 40px 80px 80px 80px;
  z-index: 3 !important;
  margin-bottom: -130px;
  border-radius: 0 0 30px 30px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-description-performers {
    padding: 40px 12px 40px 12px;
  }
}
.carousel-description-performers h1 {
  color: #ff4061 !important;
  margin-top: 0px;
  font-size: 70px;
}
.carousel-description-performers p {
  color: #fff !important;
  margin-bottom: 0px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-description-performers p {
    font-size: 16px !important;
  }
}
.carousel-description-performers.newyork {
  background-color: #1d0b3d;
}
.carousel-description-performers.chicago {
  background-color: #1d0b3d;
}
.carousel-description-performers.chicago h1 {
  color: #00c4c7 !important;
}
.carousel-description-performers.dc {
  background-color: #1d0b3d;
}
.carousel-description-performers.dc h1 {
  color: #e83a7b !important;
}
.carousel-description-performers.boston {
  background-color: #1d0b3d;
}
.carousel-description-performers.boston h1 {
  color: #ff4061 !important;
}
.carousel-description-performers.outsidelands {
  background-color: #1d0b3d;
}
.carousel-description-performers.outsidelands h1 {
  color: #00c4c7 !important;
}

.home-main-text {
  margin-bottom: 20px;
}

.main-about {
  width: 400px;
  background-image: url(../images/sprites/home-button.png);
  background-position: 0px 0px;
  margin: 12px auto;
  display: block;
  height: 50px;
  text-indent: -4000px !important;
  margin: 0px auto 36px;
}
.main-about:hover {
  background-position: 0px -50px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-about {
    width: 200px;
    background-size: 200px;
    height: 25px;
  }
  .main-about:hover {
    background-position: 0px -25px;
  }
}

ul.cities-list {
  list-style: none;
}
ul.cities-list.home-cities-list {
  margin-top: 32px;
  margin-bottom: 54px;
}
ul.cities-list li {
  list-style: none;
}
ul.cities-list li a {
  background-repeat: no-repeat;
  display: block;
  height: 152px;
  background-position: center 0px;
  text-indent: -4000px;
  margin-bottom: 24px;
}
@media screen and (min-width: 1200px) {
  ul.cities-list li a {
    min-width: 260px;
  }
}
ul.cities-list li a.newyork {
  background-image: url(../images/sprites/NYC-btn-sprite.png);
  background-position: center 0px;
}
ul.cities-list li a.newyork:hover {
  background-position: center -152px;
}
ul.cities-list li a.chicago {
  background-image: url(../images/sprites/CHI-btn-sprite.png);
  background-position: center 0px;
}
ul.cities-list li a.chicago:hover {
  background-position: center -152px;
}
ul.cities-list li a.dc {
  background-image: url(../images/sprites/DC-btn-sprite.png);
  background-position: center 0px;
}
ul.cities-list li a.dc:hover {
  background-position: center -152px;
}
ul.cities-list li a.boston {
  background-image: url(../images/sprites/BOS-btn-sprite.png);
  background-position: center 0px;
}
ul.cities-list li a.boston:hover {
  background-position: center -152px;
}

.cm-at-ol-logo {
  display: block;
  height: 152px !important;
  margin: 0px auto 24px;
  background-image: url(../images/sprites/CM-at-OL_2016_hires_sprite_optim.png);
  background-position: center 0px;
  background-repeat: no-repeat;
  /*
  @media screen and (min-width: 1px) and (max-width: 768px) {

    //make max-width 275px on XS screen
    max-width: 275px;
    background-size: 275px 208px;
    height: 104px;

  }
  */
}
@media screen and (min-width: 1px) and (max-width: 320px) {
  .cm-at-ol-logo {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.cm-at-ol-logo:hover {
  background-position: center -152px;
    /*
    @media screen and (min-width: 1px) and (max-width: 320px) {
        background-position: center -146px;

    }
    */
}

.main-section {
  margin-top: -455px;
  padding-top: 620px;
  padding-bottom: 350px;
}
.main-section.main-section-1 {
  background-image: url(../images/backgrounds/homeBG-white.jpg);
}
.main-section.main-section-1 .home-sub-text {
  font-family: "Gin-Round";
  margin-bottom: 24px;
}
.main-section.main-section-1 .home-sub-text p {
  font-family: "Gin-Round";
  color: #5b0951;
  font-size: 38px;
  line-height: 38px;
  margin-bottom: 0px;
}
.main-section.main-section-1 .home-sub-text h3 {
  font-size: 38px;
  color: #00c4c7;
  margin-top: 0px;
}
.main-section.main-section-1 .home-sub-text h4 {
  font-size: 22px;
  color: #0F4B73;
  margin-bottom: 0px;
}
.main-section.main-section-1 .home-sub-text h5 {
  font-size: 38px;
  color: #0F4B73;
  margin-top: 0px;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .main-section.main-section-1 .home-sub-text .sub-text-2 {
    margin-top: 24px;
    text-align: center;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-section.main-section-1 .home-sub-text .sub-text-2 {
    margin-top: 24px;
    text-align: center;
  }
}
.main-section.main-section-1 h1 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 60px;
  margin-top: 24px;
  line-height: 56px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-section.main-section-1 h1 {
    font-size: 38px !important;
    line-height: 40px !important;
  }
}
.main-section.main-section-1 h2 {
  font-family: "Gin-Round";
  color: #0F4B73;
  /*font-size: 24px;*/
}
.main-section.main-section-1 p {
  font-family: "DIN Next LT Pro";
  color: #2d1560;
  font-size: 18px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-section {
    padding-top: 530px;
  }
}

.home-cities-list-2 {
  margin-bottom: 0px !important;
}

.special-h3 {
  margin-bottom: 54px;
}

.diamond-menu {
  width: 62px;
  height: 75px;
  background-image: url(../images/sprites/nav-sprite.png);
  background-position: -75px 0px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  text-indent: -9999px;
}
.diamond-menu.hamburger-close {
  background-position: -75px -111px;
}

.newyork-section-1 {
  margin-top: -455px;
  padding-top: 700px;
  padding-bottom: 320px;
  background-image: url(../images/backgrounds/nyBG-purple.jpg);
  min-height: 1500px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .newyork-section-1 {
    padding-top: 580px;
  }
}
.newyork-section-1 h1 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 70px;
  margin-top: 32px;
}
.newyork-section-1 h2 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 24px;
  margin-bottom: 5px;
  margin-top: 40px;
}
.newyork-section-1 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 21px;
}

.newyork-section-2 {
  margin-top: -455px;
  padding-top: 300px;
  padding-bottom: 200px;
  background-image: url(../images/backgrounds/nyBG-pink.png);
  border-top: 10px solid #00c4c7;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .newyork-section-2 {
    padding-top: 300px !important;
  }
}
.newyork-section-2 .image-wrapper {
  /*width: 300px;*/
  /*height: 300px;*/
  overflow: hidden;
  border: 10px solid #f4b443 !important;
  border-radius: 30px;
  padding: 0px;
}
.newyork-section-2 .image-wrapper img {
  width: 100%;
}
.newyork-section-2 .text-wrapper {
  padding-left: 60px;
}
.newyork-section-2 .text-wrapper h1 {
  color: #1d0b3d;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .newyork-section-2 .text-wrapper {
    padding-left: 0px !important;
  }
}
.newyork-section-2 h1 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 70px;
}
.newyork-section-2 h2 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 24px;
}
.newyork-section-2 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 22px;
}

.newyork-section-3 {
  /*margin-top: -455px;*/
  padding-top: 140px;
  padding-bottom: 315px;
  background-image: url(../images/backgrounds/nyBG-yellow.png);
  border-top: 10px solid #1d0b3d;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
.newyork-section-3 h1 {
  font-family: "Gin-Round";
  color: #1d0b3d;
  font-size: 70px;
}
.newyork-section-3 h2 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 24px;
}
.newyork-section-3 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 18px;
}

.newyork-section-4 {
  padding-top: 100px;
  padding-bottom: 200px;
  background-image: url(../images/backgrounds/nyBG-purple2.jpg);
  border-top: 10px solid #ff4061;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
.newyork-section-4 h1 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 70px;
}
.newyork-section-4 h2 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 24px;
}
.newyork-section-4 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 18px;
}

.heart-menu {
  width: 64px;
  height: 75px;
  background-image: url(../images/sprites/nav-sprite.png);
  background-position: -139px 0px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  text-indent: -9999px;
}
.heart-menu.hamburger-close {
  background-position: -139px -111px;
}

.chicago-section-1 {
  margin-top: -455px;
  padding-top: 640px;
  padding-bottom: 320px;
  background-image: url(../images/backgrounds/chiBG-purple.jpg);
  min-height: 1500px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .chicago-section-1 {
    padding-top: 580px;
  }
}
.chicago-section-1 h1 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 70px;
  margin-top: 32px;
}
.chicago-section-1 h2 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 24px;
  margin-bottom: 5px;
  margin-top: 40px;
}
.chicago-section-1 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 21px;
}

.chicago-section-2 {
  margin-top: -455px;
  padding-top: 300px;
  padding-bottom: 200px;
  background-image: url(../images/backgrounds/chiBG-blue.jpg);
  border-top: 10px solid #a7a9ac;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .chicago-section-2 {
    padding-top: 300px !important;
  }
}
.chicago-section-2 .image-wrapper {
  /*width: 300px;*/
  /*height: 300px;*/
  overflow: hidden;
  border: 10px solid #e83a7b !important;
  border-radius: 30px;
  padding: 0px;
}
.chicago-section-2 .image-wrapper img {
  width: 100%;
}
.chicago-section-2 .text-wrapper {
  padding-left: 60px;
}
.chicago-section-2 .text-wrapper h1 {
  color: #1d0b3d;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .chicago-section-2 .text-wrapper {
    padding-left: 0px !important;
  }
}
.chicago-section-2 h1 {
  font-family: "Gin-Round";
  color: #1d0b3d;
  font-size: 70px;
}
.chicago-section-2 h2 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 24px;
}
.chicago-section-2 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 22px;
}

.chicago-section-3 {
  /*margin-top: -455px;*/
  padding-top: 140px;
  padding-bottom: 315px;
  background-image: url(../images/backgrounds/chiBG-pink.jpg);
  border-top: 10px solid #1d0b3d;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
.chicago-section-3 h1 {
  font-family: "Gin-Round";
  color: #1d0b3d;
  font-size: 70px;
}
.chicago-section-3 h2 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 24px;
}
.chicago-section-3 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 18px;
}

.chicago-section-4 {
  padding-top: 100px;
  padding-bottom: 200px;
  background-image: url(../images/backgrounds/nyBG-purple2.jpg);
  border-top: 10px solid #00c4c7;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
.chicago-section-4 h1 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 70px;
}
.chicago-section-4 h2 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 24px;
}
.chicago-section-4 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 18px;
}

.spade-menu {
  width: 61px;
  height: 75px;
  background-image: url(../images/sprites/nav-sprite.png);
  background-position: -276px 0px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  text-indent: -9999px;
}
.spade-menu.hamburger-close {
  background-position: -276px -111px;
}

.dc-section-1 {
  margin-top: -455px;
  padding-top: 640px;
  padding-bottom: 320px;
  background-image: url(../images/backgrounds/chiBG-purple.jpg);
  min-height: 1500px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .dc-section-1 {
    padding-top: 580px;
  }
}
.dc-section-1 h1 {
  font-family: "Gin-Round";
  color: #b8d937;
  font-size: 70px;
  margin-top: 32px;
}
.dc-section-1 h2 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 24px;
  margin-bottom: 5px;
  margin-top: 40px;
}
.dc-section-1 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 21px;
}

.dc-section-2 {
  margin-top: -455px;
  padding-top: 300px;
  padding-bottom: 200px;
  background-image: url(../images/backgrounds/dcBG-pink.png);
  border-top: 10px solid #b8d937;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .dc-section-2 {
    padding-top: 300px !important;
  }
}
.dc-section-2 .image-wrapper {
  /*width: 300px;*/
  /*height: 300px;*/
  overflow: hidden;
  border: 10px solid #00aacc !important;
  border-radius: 30px;
  padding: 0px;
}
.dc-section-2 .image-wrapper img {
  width: 100%;
}
.dc-section-2 .text-wrapper {
  padding-left: 60px;
}
.dc-section-2 .text-wrapper h1 {
  color: #1d0b3d;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .dc-section-2 .text-wrapper {
    padding-left: 0px !important;
  }
}
.dc-section-2 h1 {
  font-family: "Gin-Round";
  color: #1d0b3d;
  font-size: 70px;
}
.dc-section-2 h2 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 24px;
}
.dc-section-2 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 22px;
}

.dc-section-3 {
  /*margin-top: -455px;*/
  padding-top: 140px;
  padding-bottom: 315px;
  background-image: url(../images/backgrounds/dcBG-blue.jpg);
  border-top: 10px solid #1d0b3d;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
.dc-section-3 h1 {
  font-family: "Gin-Round";
  color: #1d0b3d;
  font-size: 70px;
}
.dc-section-3 h2 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 24px;
}
.dc-section-3 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 18px;
}

.dc-section-4 {
  padding-top: 100px;
  padding-bottom: 200px;
  background-image: url(../images/backgrounds/nyBG-purple2.jpg);
  border-top: 10px solid #00c4c7;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
.dc-section-4 h1 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 70px;
}
.dc-section-4 h2 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 24px;
}
.dc-section-4 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 18px;
}

.club-menu {
  width: 68px;
  height: 75px;
  background-image: url(../images/sprites/nav-sprite.png);
  background-position: -205px 0px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  text-indent: -9999px;
}
.club-menu.hamburger-close {
  background-position: -205px -111px;
}

.boston-section-1 {
  margin-top: -455px;
  padding-top: 700px;
  padding-bottom: 320px;
  background-image: url(../images/backgrounds/bostonBG-red.png);
  min-height: 1500px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .boston-section-1 {
    padding-top: 580px;
  }
}
.boston-section-1 h1 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 70px;
  margin-top: 32px;
}
.boston-section-1 h2 {
  font-family: "Gin-Round";
  color: #ff4061;
  font-size: 24px;
  margin-bottom: 5px;
  margin-top: 40px;
}
.boston-section-1 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 21px;
}

.boston-section-2 {
  margin-top: -455px;
  padding-top: 300px;
  padding-bottom: 200px;
  background-image: url(../images/backgrounds/chiBG-blue.jpg);
  border-top: 10px solid #ff4061;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .boston-section-2 {
    padding-top: 300px !important;
  }
}
.boston-section-2 .image-wrapper {
  /*width: 300px;*/
  /*height: 300px;*/
  overflow: hidden;
  border: 10px solid #b8d937 !important;
  border-radius: 30px;
  padding: 0px;
}
.boston-section-2 .image-wrapper img {
  width: 100%;
}
.boston-section-2 .text-wrapper {
  padding-left: 60px;
}
.boston-section-2 .text-wrapper h1 {
  color: #1d0b3d;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .boston-section-2 .text-wrapper {
    padding-left: 0px !important;
  }
}
.boston-section-2 h1 {
  font-family: "Gin-Round";
  color: #1d0b3d;
  font-size: 70px;
}
.boston-section-2 h2 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 24px;
}
.boston-section-2 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 22px;
}

.boston-section-3 {
  /*margin-top: -455px;*/
  padding-top: 140px;
  padding-bottom: 315px;
  background-image: url(../images/backgrounds/bosBg-green.jpg);
  border-top: 10px solid #1d0b3d;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
.boston-section-3 h1 {
  font-family: "Gin-Round";
  color: #1d0b3d;
  font-size: 70px;
}
.boston-section-3 h2 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 24px;
}
.boston-section-3 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 18px;
}

.boston-section-4 {
  padding-top: 100px;
  padding-bottom: 200px;
  background-image: url(../images/backgrounds/nyBG-purple2.jpg);
  border-top: 10px solid #00c4c7;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
.boston-section-4 h1 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 70px;
}
.boston-section-4 h2 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 24px;
}
.boston-section-4 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 18px;
}

.about-section-new-top {
  margin-top: -455px;
  margin-bottom: -100px;
  padding-top: 630px;
  padding-bottom: 200px;
  background-image: url(../images/backgrounds/aboutBg-top1.jpg);
  min-height: 1500px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .about-section-new-top {
    padding-top: 580px;
  }
}
.about-section-new-top h1 {
  font-family: "Gin-Round";
  color: #00c4c7;
  font-size: 70px;
  text-align: center;
  text-transform: uppercase;
}
.about-section-new-top h2 {
  font-family: "Gin-Round";
  color: #e83a7b;
  font-size: 42px;
  text-transform: uppercase;
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center;
}
.about-section-new-top p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 21px;
  margin-bottom: 24px;
}

.about-section-1 {
  /*margin-top: -455px;
  margin-bottom: 0px;
  padding-top: 630px;
  padding-bottom: 600px;
  background-image: $maroon-flannel;
  min-height: 1500px;*/
  margin-top: -455px;
  padding-top: 200px;
  padding-bottom: 620px;
  background-image: url(../images/backgrounds/aboutBg-maroon1.jpg);
  border-top: 10px solid #e83a7b;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
.about-section-1 .about-main {
  margin-bottom: 100px;
}
.about-section-1 .image-wrapper {
  width: 300px;
  height: 300px;
  overflow: hidden;
  border: 10px solid #00c4c7 !important;
  border-radius: 30px;
  padding: 0px;
  margin: 0px auto;
}
.about-section-1 .image-wrapper img {
  height: 300px;
}
.about-section-1 h1 {
  font-family: "Gin-Round";
  color: #f4b443;
  font-size: 70px;
  text-transform: uppercase;
}
.about-section-1 h2 {
  font-family: "Gin-Round";
  color: #f4b443;
  font-size: 42px;
  text-transform: uppercase;
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center;
}
.about-section-1 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 21px;
  margin-bottom: 24px;
}

.about-section-2 {
  margin-top: -455px;
  padding-top: 200px;
  padding-bottom: 200px;
  background-image: url(../images/backgrounds/aboutBg-rep.jpg);
  border-top: 10px solid #f4b443;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,1d0b3d+51,7db9e8+100&0+0,1+51,0+100 */
}
.about-section-2 h1 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 70px;
  text-transform: uppercase;
}
.about-section-2 h2 {
  font-family: "DIN Next LT Pro";
  color: #e83a7b;
  font-size: 24px;
  text-transform: uppercase;
}
.about-section-2 h3 {
  text-transform: uppercase;
}
.about-section-2 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 22px;
}
.about-section-2 *, .about-section-2 *:before, .about-section-2 *:after {
  box-sizing: border-box !important;
}
.about-section-2 .row {
  -moz-column-width: 26em;
  -webkit-column-width: 26em;
  -moz-column-gap: 4em;
  -webkit-column-gap: 4em;
}
.about-section-2 .item {
  display: inline-block;
  padding: .5rem;
  width: 100%;
}
.about-section-2 .well {
  position: relative;
  display: block;
}

.about-section-4 {
  padding-top: 200px;
  padding-bottom: 200px;
  background-image: url(../images/backgrounds/aboutBg-rep.jpg);
  border-top: 10px solid #f4b443;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
  background-image: url(../images/backgrounds/nyBG-purple.jpg);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,1d0b3d+51,7db9e8+100&0+0,1+51,0+100 */
}
.about-section-4 h1 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 70px;
  text-transform: uppercase;
  text-align: center;
}
.about-section-4 h2 {
  font-family: "DIN Next LT Pro";
  color: #e83a7b;
  font-size: 24px;
  text-transform: uppercase;
}
.about-section-4 h3 {
  text-transform: uppercase;
}
.about-section-4 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 22px;
}
.about-section-4 ul li {
  font-family: "DIN Next LT Pro";
  color: #fff;
  list-style: circle;
  font-size: 18px;
  text-transform: uppercase;
}

.about-section-3 {
  /*margin-top: -455px;*/
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url(../images/backgrounds/aboutBG-blue-1.jpg);
  border-top: 10px solid #00c4c7;
  -webkit-transform: skew(0deg, -10deg);
          transform: skew(0deg, -10deg);
}
.about-section-3 h1 {
  font-family: "Gin-Round";
  color: #e83a7b;
  text-align: center;
  font-size: 70px;
  margin-top: 40px;
  text-transform: uppercase;
}
.about-section-3 h2 {
  font-family: "Gin-Round";
  color: #f4b443;
  font-size: 24px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.about-section-3 h3 {
  font-family: "Gin-Round";
  color: #fff;
}
.about-section-3 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}
.about-section-3 ul li {
  font-family: "DIN Next LT Pro";
  color: #fff;
  list-style: circle;
  font-size: 18px;
  text-transform: uppercase;
}

ul.about-cities-list {
  list-style: none;
  margin-bottom: 24px;
}
ul.about-cities-list li {
  list-style: none;
}
ul.about-cities-list li a {
  background-repeat: no-repeat;
  background-position: center 0px;
  display: block;
  min-width: 260px;
  height: 152px;
  text-indent: -4000px;
  margin-bottom: 24px;
}
ul.about-cities-list li a.newyork {
  background-image: url(../images/Icons-Logos/city-buttons-white/NYC-btn-white-sprite.png);
}
ul.about-cities-list li a.newyork:hover {
  background-position: center -152px;
}
ul.about-cities-list li a.chicago {
  background-image: url(../images/Icons-Logos/city-buttons-white/CHI-btn-white-sprite.png);
}
ul.about-cities-list li a.chicago:hover {
  background-position: center -152px;
}
ul.about-cities-list li a.dc {
  background-image: url(../images/Icons-Logos/city-buttons-white/DC-btn-white-sprite.png);
}
ul.about-cities-list li a.dc:hover {
  background-position: center -152px;
}
ul.about-cities-list li a.boston {
  background-image: url(../images/Icons-Logos/city-buttons-white/BOS-btn-white-sprite.png);
}
ul.about-cities-list li a.boston:hover {
  background-position: center -152px;
}

.tickets-section-1 {
  margin-top: -455px;
  margin-bottom: -455px;
  padding-top: 630px;
  padding-bottom: 600px;
  background-image: url(../images/backgrounds/aboutBg-top1.jpg);
  min-height: 1500px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .tickets-section-1 {
    padding-top: 580px;
  }
}
.tickets-section-1 .about-main {
  margin-bottom: 100px;
}
.tickets-section-1 .image-wrapper {
  width: 300px;
  height: 300px;
  overflow: hidden;
  border: 10px solid #00c4c7 !important;
  border-radius: 30px;
  padding: 0px;
  margin: 0px auto;
}
.tickets-section-1 .image-wrapper img {
  width: 100%;
}
.tickets-section-1 h1 {
  font-family: "Gin-Round";
  color: #f4b443;
  font-size: 50px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.tickets-section-1 h2 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 32px;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 12px;
}
.tickets-section-1 h3 {
  font-family: "Gin-Round";
  color: #ff4061;
  font-size: 26px;
  text-transform: uppercase;
}
.tickets-section-1 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 21px;
  margin-bottom: 24px;
}
.tickets-section-1 ul {
  margin: 0px;
  padding: 0px;
  margin-left: 16px;
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 21px;
  margin-bottom: 24px;
}
.tickets-section-1 ul li {
  list-style: circle;
}

p.ticket-info-warning {
  color: #e83a7b;
}

.gallery-section-1 {
  margin-top: -455px;
  margin-bottom: -455px;
  padding-top: 630px;
  padding-bottom: 600px;
  background-image: url(../images/backgrounds/aboutBg-top1.jpg);
  min-height: 1500px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .gallery-section-1 {
    padding-top: 580px;
  }
}
.gallery-section-1 .about-main {
  margin-bottom: 100px;
}
.gallery-section-1 .image-wrapper {
  width: 300px;
  height: 300px;
  overflow: hidden;
  border-radius: 30px;
  padding: 0px;
  margin: 0px auto;
}
.gallery-section-1 .image-wrapper img {
  width: 100%;
}
.gallery-section-1 h1 {
  font-family: "Gin-Round";
  color: #f4b443;
  font-size: 50px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.gallery-section-1 h2 {
  font-family: "Gin-Round";
  color: #fff;
  font-size: 32px;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 0px;
}
.gallery-section-1 h3 {
  font-family: "Gin-Round";
  color: #ff4061;
  font-size: 26px;
  text-transform: uppercase;
}
.gallery-section-1 p {
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 21px;
  margin-bottom: 24px;
}
.gallery-section-1 ul {
  margin: 0px;
  padding: 0px;
  margin-left: 16px;
  font-family: "DIN Next LT Pro";
  color: #fff;
  font-size: 21px;
  margin-bottom: 24px;
}
.gallery-section-1 ul li {
  list-style: circle;
}
.gallery-section-1 h3.gallery-city-name {
  margin-top: 12px;
  marging-bottom: 12px;
  color: #fff;
  font-size: 30px;
}
.gallery-section-1 .gallery-spacer {
  padding-top: 48px;
}

.gallery-thumbnail-wrapper {
  position: relative;
}

.gallery-images-button {
  position: absolute;
  display: block;
  width: 119px;
  top: 46%;
  margin: 0px auto 0px auto !important;
  left: 0px;
  right: 0px;
  color: #fff;
  font-size: 22px;
  text-decoration: none !important;
}

.cities-page-gallery-images-button {
  position: absolute;
  display: block;
  width: 131px;
  margin: 0px auto 0px auto !important;
  color: #fff;
  font-size: 22px;
  text-decoration: none !important;
  top: 40%;
  left: 0px;
  right: 0px;
  /*
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -43px;
  */
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .cities-page-gallery-images-button {
    top: 37%;
  }
}

.carousel-gallery {
  margin-top: 24px;
}
.carousel-gallery .carousel-control {
  background-image: none !important;
  opacity: 0.8;
  height: 100px;
  width: 154px;
  top: 40%;
  cursor: pointer;
  z-index: 2;
  overflow: hidden;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-gallery .carousel-control {
    top: 35% !important;
    width: 75px;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-gallery .carousel-control img {
    width: 75px;
  }
}
.carousel-gallery .carousel-control.left {
  margin-left: -50px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-gallery .carousel-control.left {
    margin-left: 0px;
  }
}
.carousel-gallery .carousel-control.right {
  margin-right: -50px;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .carousel-gallery .carousel-control.right {
    margin-right: 0px;
  }
}
.carousel-gallery .carousel-control:hover {
  background-image: none !important;
  opacity: 1;
}

.gallery-carousel-inner {
  /* gold #ffb900 */
  /* teal #00c4c7 */
  /* pink #e83a7b */
  /* light teal #00c4c7 */
  border-radius: 8px;
}
.gallery-carousel-inner.newyork {
  border: 10px solid #f4b443 !important;
}
.gallery-carousel-inner.boston {
  border: 10px solid #b8d937 !important;
}
.gallery-carousel-inner.home {
  border: 10px solid #00c4c7 !important;
  margin-bottom: 36px;
}
.gallery-carousel-inner.outsidelands {
  border: 10px solid #00c4c7 !important;
  margin-bottom: 36px;
}

/* Utility Classes */
.nopad {
  padding-right: 0px;
  padding-left: 0px;
}

.center {
  text-align: center;
}

.border-radius-40 {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  overflow: hidden;
}

.border-light-blue {
  border: 10px solid #00c4c7;
}

.background-black {
  background-color: #000;
}

.light-blue {
  color: #00c4c7;
}

.dark-blue {
  color: #0F4B73;
}

.font-din {
  font-family: "DIN Next LT Pro";
}

.font-gin {
  font-family: "Gin-Round";
}

.clearfix {
  clear: both;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.uppercase {
  text-transform: uppercase;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 30px solid #000;
  border-radius: 30px !important;
}

.image-wrapper {
  margin-bottom: 24px;
}

.debug-box {
  top: 140px;
  right: 140px;
  position: fixed;
  background: #111;
  opacity: 0.9;
  padding: 24px;
  width: 20%;
  border: 1px solid #000;
  border-radius: 3px;
  z-index: 1000000;
  color: lime;
}

.signup-fb {
  display: block;
  width: 200px;
  height: 44px;
  border-radius: 12px;
  background-image: url("../images/sprites/signup-connect-fb-sprite-resize.png");
  background-size: 200px 88px;
  background-position: 0px 0px;
  margin: 36px auto 12px auto;
  text-indent: -4000px !important;
}

.signup-fb:hover {
  background-position: 0px -44px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .signup-fb {
    margin: 24px auto 12px auto;
    width: 184px;
    height: 36px;
    background-size: 184px 72px;
    background-position: 0px 0px;
  }

  .signup-fb:hover {
    background-position: 0px -36px;
  }
}
.signup-modal-center-div {
  margin: 12px auto;
}

.signup-email-input {
  display: block;
  margin: 18px auto 18px auto;
  width: 100%;
  max-width: 300px;
  height: 38px;
  font-size: 24px;
  text-align: center;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .signup-email-input {
    width: 100%;
    margin: 12px auto 12px auto;
    max-width: 220px;
    height: 25px;
    font-size: 14px;
  }
}
.signup-email-submit {
  display: block;
  margin: 12px auto 24px auto;
  width: 100%;
  height: 40px;
  max-width: 150px;
  padding-left: 20px;
  background-image: url("../images/sprites/connect-email-submit.png");
  background-size: 150px 120px;
  background-position: 50% 0px;
  /* background-repeat: no-repeat; */
  text-indent: -4000px !important;
}

.signup-email-submit:hover {
  background-position: 50% -40px;
}

.signup-email-submit.disabled {
  background-position: 50% -80px;
  cursor: default;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .signup-email-submit {
    margin: 6px auto 6px auto;
    width: 91px;
    background-size: 91px;
    height: 25px;
  }

  .signup-email-submit:hover {
    background-position: 50% -25px;
  }

  .signup-email-submit.disabled {
    background-position: 50% -50px;
    pointer-events: none;
    cursor: default;
  }
}
.success-about {
  width: 400px;
  background-image: url(../images/sprites/home-button.png);
  background-position: 0px 0px;
  margin: 36px auto;
  display: block;
  height: 50px;
  text-indent: -4000px !important;
}

.success-about:hover {
  background-position: 0px -50px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .success-about {
    width: 200px;
    margin: 24px auto;
    background-size: 200px;
    height: 25px;
  }

  .success-about:hover {
    background-position: 0px -25px;
  }
}
.sash {
  width: 100px;
  top: 10px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  pointer-events: none;
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .sash {
    left: -10px;
  }
}

.ticket-status-info p {
  color: #EB3C7D;
  margin: 8px 0px 8px 18px;
  font-size: 18px;
  line-height: 1.2;
}

.tix-header-warning {
  color: #f4b443;
}

/* Sign Up Success & Error Message */
.signup-alert {
  padding: 10px !important;
  margin: 24px auto;
  background: rgba(29, 11, 61, 0.1) !important;
  border: 0px !important;
}

/* Mixins
@mixin background-image-retina($file, $type, $width, $height) {
  background-image: url($file + '.' + $type);
  @media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-moz-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx){
    & {
      background-image: url($file + '@2x.' + $type);
      -webkit-background-size: $width $height;
      -moz-background-size: $width $height;
      -o-background-size: $width $height;
      background-size: $width $height;
    }
  }
}
*/