html {height: 100%;box-sizing: border-box;font-family: 'Rajdhani',sans-serif;}

    *,
    *:before,
    *:after {
      box-sizing: inherit;
    }


    .mobile {display: none;}

    body {background-color: #000000;position: relative;margin: 0;padding-bottom: 6rem;min-height: 100%;}

    h1 {

        color:#ffffff;
        font-size: 60px;
        padding: 50px 0px 40px;
        
    }

    .infoBox h4 a  {

        font-size: 18px;
        padding-bottom: 10px;
    }

    hr {    margin-top: 20px;
        width: 80%;
    }

    .indexHR {width: 100%;}

     p, h2{color: #ffffff;line-height: 1;font-weight: 100;}

    a {

        font-size: 15px;
        text-decoration: none;
        transition: 300ms;
        color: #3fa9f5;
    }

    a:hover {

        color: yellow;
    }

    .navNew {
    padding-top: 20px;
        text-align: center;
        margin-top: 20px;

    padding-bottom: 6px;
    }

    .ticketBox {padding-top:100px;}

    .navNew a {

        padding: 5px 20px;
        font-size: 20px;
        cursor: pointer;
        margin-right: 10px;
    }

    .navNew a:hover {

        background-color: #555555;
        transition: 300ms;

    }

    .appPromoContainer {/* margin-left: auto; *//* margin-right: auto; */width: 100%;text-align: center;background-color: #52aaf5;margin-top: 24px;}


    .appPromoText {
        padding: 30px;
        max-width: 800px;
        margin: auto;
        /*background-color: #4897da;*/
    }

    .appPromoText p {font-size: 25px;margin-bottom: 20px;font-weight: 500;}

    .appPromoText img {

        max-width: 150px;
    }

    .appLogos {text-align: center;}
    .appLogos img {max-width: 150px;}

    .row {padding-top: 50px;/* padding-bottom: 5000px; */}

    .row p {
        font-size: 18px;
        color: #000000;
        font-weight: 400;
            font-family: 'Cairo', sans-serif;
            line-height: 1.3;

    }

    .row p strong {font-weight: 700;font-size: 18px;
        color: #000000; font-family: 'Cairo', sans-serif;}

    .row img {width: 100%;}

    .row--middle {background-color: #fefefe;padding-top: 50px;}

    .row--mobile {    width: 98%;
        margin-left: auto;
        margin-right: auto;}

    .eagle, .wolf, .bear {/* margin-bottom: 50px; */background-color: white;padding:1%;}
    .bear--mobile {background-color: #fefefe;}

    .column1 {
      float: left;
      width: 41%;
    }

    .column1--bear img {position: relative;right: 30px!important;}

    .column1--eagle img {position: relative;
        left: 30px;}

     .column1--wolf img {position: relative;
        left: 30px!important;}

    .column1--intro {
        width: 75%;
        background-color: white;
        -webkit-box-shadow: 10px 10px 1px 0px rgba(111,133,189,1);
        -moz-box-shadow: 10px 10px 1px 0px rgba(111,133,189,1);
        box-shadow: 10px 10px 1px 0px rgba(111,133,189,1);
        padding:3%;
        z-index: 10000;
        margin: 7px;
        /* margin-bottom: 54px; */
    }

    .column4--intro {
        float: right;
        width: 23%;
        /* border-width: 0px; */
        /* overflow: visible; */
        /* bottom: -60px; */
        position: relative;
        }

    .column4--intro img {/* max-width: 100%; */width: 700px;position: relative;right: 137px;bottom: -10px;}

    .column2 {
        float: left;
        width: 59%;
        padding: 20px;
        background-color: #f5f5f5;
        height: auto;
        border-style: solid;
        border-width: 10px;
        border-color: #e71e38;
        text-align: left;
    }

    .column2 h2 {font-weight: 700;}

    .column2--wolf {
          border-color: #2b9acd;


    }

    .column2 h2 {background-color: #e94538;padding: 10px 10px 5px 10px;margin-bottom: 20px;text-align: center;}

    .column2--wolf h2 {
    background-color: #2b9acd;
       
    }

    .column2--bear h2 {
    background-color: #e7ce23;
       
    }

    .column2--bear {
          border-color: #e7ce23;

    }

    .column3 {
      float: left;
      width: 20%;
      padding: 10px;
     
    }


    .column3--eagle, .column3--wolf img, .column3--bear img{

    top: -10px;
    position: relative;
    }

    /* Clear floats after the columns */
    .row:after {
      content: "";
      display: table;
      clear: both;
    }


    .infoBox p {font-size: 16px;color: #000000;font-weight: 500;}
    .infoBox h2 {font-size: 52px;/* font-weight: 700; */text-align: center;background-color: #63bdfc;padding: 10px 10px 5px 10px;margin-bottom: 34px;}

    .infoBox strong {font-weight: 700;}

    .infoBox a {font-size: 22px; color: #a7002e;  line-height: 1.3; transition: 300ms;}

    .infoBox a:hover {color: #3fa9f5;
            cursor:pointer;}

    .infoBox {
        /* padding: 45px 35px; */
        background-color: #62bdfd;
        /* margin-bottom: 50px; */
        font-weight: 700;
        width: 100%;
        margin-top: 30px;
        text-align: left;
        /* max-height: 852px; */
        overflow: hidden;
        
        }

    .infoBoxText {
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
        /* background-color: #62bdfd; */
        /*    padding-bottom: 50px;
    */
        /* margin-top: 20px; */
         padding-left: 1%; 
         padding-right: 1%; 
    }

    .thanks {padding-bottom: 100px;}
    .thanks h2 {font-size: 30px;}
    .thanks a {font-size: 30px;}


    .tribesheadline {text-align: center;padding: 40px 10px 10px 10px;width: 100%;background-color: #ffffff;/* margin-bottom: 50px; */}
    .tribesheadline h2 {font-weight: 400;font-size: 60px;color: black;/* margin: 50px 10px; */}
    .headline {

    /* padding-top: 20px; */

    /*padding-bottom: 30px;
    */
    text-align: center;
    }

    .alert {background-color: #e73e46;padding: 20px;max-width: 900px;text-align: center;margin-left: auto;margin-right: auto;margin-bottom: 50px;margin-top: 20px;border-radius: 10px;}


    .alert p {

        font-size: 22px;
        line-height: 1.5;
    }


    .presale {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
        margin-top: 50px;

    }

    .presale p
    {font-size: 18px;}


    .presale h2 {

        padding-bottom: 20px;

    }
    .container {
        /* max-height: 39%; */
        width: 100%;
        position: relative;
        background-color: #000000;
        padding: 2%;
        /*z-index: -100000;*/
    }

    .container--tribes {background-color: #fefefe;}
    .immersive--tribes {padding-top:40px!important;}

    .rowContainer {max-width: 1300px;margin-left: auto;margin-right: auto;}


    .dateBreak {

        position: relative;
        bottom: 92px;
    }

    .dateBreak hr {

        color: white;
        width: 100%;
    }


    .onSale  {
        /* margin: 20px 0 20px 0; */
    /*    background-color: #000000;
    */    padding: 6px 5px;
        font-size: 20px;
        color: #ffffff;
        font-family: inherit;
        border-width: 1px;
        border-radius: 10px;
        float: right;
        position: relative;
        bottom: 64px;
        width: 230px;
        left: 0;
    }




    .onSale2 {
        background-color: #3fa9f5;
        padding: 6px 5px;
        font-size: 20px;
        color: #ffffff;
        font-family: inherit;
        border-width: 0px;
        border-radius: 10px;
        float: right;
        width: 400px;
        /* left: 0; */
        margin-bottom: 20px;
        transition: 300ms;
    }


    .vipTicketLink {

        float: right;
        max-width: 320px;
        /* left: 0; */
        margin-bottom: 20px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        right: 38px;
        position: relative;
    }


    .vipTicketLink p {

        color: #ffffff;
        font-size: 18px !important;
    }

    .vipTicketLink a {

        font-size: 18px;
    }




    .vipTicketLink:hover a {
            color: #33ee33 !important; }

    .onSale2:hover {
            background-color: #33ee33;
            cursor:pointer;


    }

    .header {text-align: center;padding-top: 30px;padding-left: 10px;padding-right: 10px;position: relative;overflow: hidden;display: block;}

    .header img {

        width: 100%;
        position: relative;
        left: 3px;
     
    }


    /*.twitter, .youtube {
        height: 0;
    }*/

    .twitter a{/* padding-right: 50px; */font-size: 30px;position: relative;clear: both;top: 44px;/* right: 60px; */margin-right: 15px;}

    /*.youtube a{

    padding-left: 50px;
        font-size: 30px;
        position: relative;
        clear: left;
        top: -62px;
        left: 57px;
    }*/


    .grow {
        transition: 300ms;
        margin-left: auto;
        margin-right: auto;
        width: 500px;
    }

    /*.grow:hover
    {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
    }*/


    .fadein {position:relative;width: 100%;height: 100vh;}
    .fadein img {position: absolute;left:0;top:0;width: 100%;/* height: 100vh; */}


     .slideShow > div:not(.showImg) {
                display: none;
                position:relative; width:100%;
            }
    .showImg {
                display: block;
                width: 400px;
                height: 400px;
                position:absolute; left:0; top:0; width: 100%;
            }


    .sliderContainerDesk {max-width: 1200px;margin: 0 auto;padding-bottom:160px;padding-top:20px;height: 89%;position: relative;}



    .tickets {max-width: 1100px;margin-left: auto;margin-right: auto;position: relative;/* padding-bottom: 160px; *//* padding-top: 40px; *//* padding-left: 4%; *//* padding-right: 4%; */}
    .tribesMain {width:100%;margin-left: auto;margin-right: auto;position: relative;/* top: 60px; */}


    .tourDates {margin-bottom: 30px;}

    .tourDates2 { margin-bottom: 210px;}

    .tourDates, .tourDates2 p, h2{font-size: 45px;}

    .buttons {float:right;width: 600px;position: relative;bottom: 115px;/* right: -75px; */}

    .venueInfo {
        /* padding-bottom: 20px; */
    }

    .icons {max-width: 1200px;margin-left: auto;margin-right: auto;text-align: center;padding-top: 5px;}

    .icons img {max-width: 70%;/* margin:0; */text-align: center;}


    .footer {
        position: absolute;
        width:100%;
        height: 300px;
        background-color: #262626;
        }

    .footer p {
        margin-bottom:  10px;
    }

     .push {height: 100px;}   

    li {color: #ffffff;}

    .terms {max-width: 1000px;margin-left: auto;margin-right: auto;font-size: inherit;padding-top: 35px;font-size: 20px;padding-left: 2%;padding-right: 2%;}

    .terms h1 {color: white;
        line-height: 1.5;
        padding-bottom: 20px;
    text-align: center;}

    .terms p, li {padding-bottom: 15px; font-size: 20px;}
    .terms li {display: initial;}
    .terms a {font-size: 20px;}


    .immersive {padding-bottom: 50px;text-align: center;}

     .immersive h2 {color: #ffffff;text-align: center;/* padding-top: 80px; */font-size: 30px;}

    .footerContent {max-width: 1110px;margin-left: auto;margin-right: auto;padding: 15px 10px;}

    .footer img {

            width: 70px;
        padding-top: 20px;

    }

    .sponsor {
        width: 70px;
        text-align: center;
        position: relative;
        top: -170px;
        margin-left: auto;
        margin-right: auto;

    }

    .socialFooter {float: right;position: relative;bottom: 41px;/* margin-right: 48px; */}


    /*RESPONSIVE MEDIA QUERIES START HERE*/




    @media screen and (max-width: 1124px) {

    .onSale2 {

            bottom: 15px;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .ticketBox {padding-top:50px;}

    li {    padding-top: 20px;}

    .onSale {

          bottom: 15px;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px;
    }


    .buttons {

        width: 100%; 
        bottom: 5px;  
        left: 0px; 
    }

    .dateBreak {

        bottom: 5px;

    }

    .venueInfo {

        padding-bottom: 20px;
    }

    .tickets {

        text-align: center;
    }


    /*.ticketInfo {    margin-top: 30px;}
    */
    .tourDates p {

        font-size: 35px;
    }



    .immersive {
        padding-top: 30px;
    }

    .fadein {height: 70vh;}


    .vipTicketLink {
        min-width: 100%;
        right: 0;
        margin-top: 25px;

    }

    .vipTicketLink p, .vipTicketLink a {

        font-size: 28px !important;
    }



    @media screen and (max-width: 1024px) {

    .sliderContainerDesk {

        padding-top: 20px;
        padding-bottom: 130px;

    }



    .fadein {height: 65vh;}

    .immersive {

        padding-top: 30px;

    }

    .immersive h2 {

        font-size: 25px;

    }


    @media screen and (max-width: 768px) {


    .thanks h2 {font-size: 26px;}
     .thanks a {font-size: 26px;}


    .column1--intro {float: none;width: 96%;position: relative;margin-top: 380px;/* z-index: 10; */margin-left: auto;margin-right: auto;padding-bottom: 50px;}
    .column4--intro {
        float: right;
        text-align: center;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 63px;
        position: absolute;
        top: 550px;
    }




    .column4--intro img {width: 60%;right:0px;}

    .infoBoxText {padding-bottom: 44px;padding-left: 0px;padding-right: 0px;}
    .infoBox {/* max-height: 1200px; *//* padding-bottom: 100px; */}
    .mobile {display: initial;}
    .desktop {display: none;}

    .column2--eagle--mobile, .column2--bear--mobile, .column2--wolf--mobile, 
    .column1--eagle--mobile, .column1--bear--mobile, .column1--wolf--mobile {

        width: 100%;
    }

    .column1--eagle--mobile img {

        position: relative;
        top: -250px;
    }

    .column2--wolf--mobile {
          border-color: #2b9acd;


    }

    .column2 h2 {
    background-color: #e94538;
        padding: 10px 10px 5px 10px;
        margin-bottom: 20px;
    }

    .column2--wolf--mobile h2 {
    background-color: #2b9acd;
       
    }

    .column2--bear--mobile h2 {
    background-color: #e7ce23;
       
    }

    .column2--bear--mobile {
          border-color: #e7ce23;

    }

    /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */

      .column {
        width: 100%;
      }
    }




    @media screen and (max-width: 600px) {



    .thanks h2 {font-size: 20px;}
     .thanks a {font-size: 20px;}

    .footer {height: 300px;}
    .sponsor {top:-88px;}
    .grow {width: 100%;}


    .column4--intro {position: absolute;top: 550px;width: 100%;min-width: 100%;/* float: none; */}
    .column4--intro img  {width: 100%;}

    .fadein {height: 43vh;}


    .immersive h2 {

        font-size: 20px;

    }

    .ticketBox {
        padding-top: 20px;
        }

    .tourDates, .tourDates2 p, h2{font-size: 36px;}

    h1 {font-size: 38px; padding:20px 5px 10px;}

    /*.headline {padding-bottom:  40px;
    }*/

    .alert {padding:10px;}

    /*.tickets {padding-bottom: 100px;}
    */
    .header img {

        width: 100%;
        position: relative;
        left: 3px;
     
    }

    .alert p {

    font-size: 20px;

    line-height: 1.5;
    }


    .sliderContainerDesk {

        padding-top: 20px;
        padding-bottom: 0px;

    }


    .icons img {

        max-width: 75%;
    }

    .presale {margin-top: 20px; text-align: left;}

    .presale p {

        font-size: 14px;
    }

    .presale h2 {

        font-size: 18px;
    }


    .vipTicketLink p, .vipTicketLink a {

        font-size: 17px !important;
    }


    @media screen and (max-width: 400px) {

    .tourDates p {
        font-size: 25px;

    }

    .column1--intro {margin-top: 300px;}



    @media screen and (max-width: 400px) {

    .column4--intro {
        position: absolute;
        top: 480px;
        width: 100%;
        min-width: 100%;
        /* float: none; */



    /*    .headline {padding-bottom: 40px;}
    */
    }
    }