@charset "UTF-8";
/* CSS Document */

/* USE TO CHANGE WIDTH */
.aspresents-19-body-frame {
    /*height: 1000px;*/
    width: 100%;
    max-width: 900px;
    margin:0 auto;
    overflow: visible;
    padding: 0;
}

.buy-tix-center {
    margin: 0 auto;
    width:50%;
    max-width: 350px;
    margin-top: 0%;
}

.aspresents-19-body-frame-peep {
    /*height: 1000px;*/
    width: 100%;
    max-width: 900px;
    margin:0 auto;
    overflow: visible;
}

.aspresents-19-body-frame-carousel {
    /*height: 1000px;*/
    width: 100%;
    height: auto;
    max-width: 1800px;
    margin:0 auto;
    overflow: visible;
    position: relative;
}

.aspresents-19-body-frame-merch {
    /*height: 1000px;*/
    width: 100%;
    max-width: 900px;
    margin:0 auto;
    overflow: visible;
}

.aspresents-19-body-frame-passes {
    /*height: 1000px;*/
    width: 100%;
    max-width: 900px;
    margin:0 auto;
    overflow: visible;
}

.dtp-button-art-faq {
    width: 100%;
    max-width: 250px;
    text-align: center;
    margin: 0 auto;}

.center-carousel {
  position: relative;
  left: -50%;
  top: 0px;
  width: 200%;
  text-align: center;
  font-size: 18px;
}


.center-video {
    border: none;
    outline: none;
    /*background-color: green;*/
}


.dtp-button-art-button {
    text-align: center;
    position: relative;
    display: inline-block;
    margin:0 auto;
}

.dtp-button-art-button .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.dtp-button-art-button:hover .img-top {
    display: inline;
}




.dtp-button-art-tix {
    text-align: center;
    position: relative;
    display: inline-block;
}

.dtp-button-art-tix .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.dtp-button-art-tix:hover .img-top {
    display: inline;
}


.aspresents-19-spcr-3 {
padding-top: 0%;
margin-top: 0%;
margin-bottom: 0%;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}



/* ----------- RESPONSIVE AREA ----------- */

/* ----- FOR OLD PHONES ------ */
@media only screen and (max-width: 350px) {

.desktop {display: none;}
    
.cols-2-wide {width: 100%;}
    
.mobile-nav-final {display: block; }
    
.mobile {display: block;}
    
p.aspresents-19-text-1 {
font-size: 16px;
padding: 2% 0 2% 0;
}	

p.aspresents-19-text-2 {
font-size: 16px;
padding: 2% 0 2% 0;
}	
    
p.aspresents-19-text-2a {
font-size: 16px;
padding: 0% 0 5% 0;
}

p.aspresents-19-text-3 {
font-size: 16px;
padding: 2% 0 2% 0;
}
    
    
.center-video {
position: relative;
left: -0%;
top: 0px;
width: 100%;
height: auto;
text-align: center;
font-size: 0;
max-width: 800px;
margin-bottom: 4%;
/*background-color: green;*/
}

.dtp-button-art-tix {
    text-align: center;
    margin:0 auto;
    width: 100%;
    max-width: 250px;
}
    
.buy-tix-center {
    margin: 0 auto;
    width:100%;
    margin-top: 0%;
}
          
.dtp-button-art-faq {
width: 100%;
max-width: 250px;
text-align: center;
margin: 0 auto;}
    
.aspresents-19-body-frame-peep {
padding: 0 0 0 0;
margin-top: 0;
margin-bottom: 0;
}
    
.aspresents-19-body-frame-carousel {
padding: 0 0 0 0;
margin-top: 0;
margin-bottom: 0;
}

.aspresents-19-body-frame-merch {
padding: 6% 0 2% 0;
margin-top: 0;
margin-bottom: 0;
}

.aspresents-19-body-frame-passes {
padding: 6% 0 0 0;
margin-top: 0;
margin-bottom: 0;
}  
    
.aspresents-19-spcr-3 {
padding-top: 0%;
padding-bottom: 3%;
margin-top: -3%;
margin-bottom: 0%;
}

}


/* ----- FOR MODERN PHONES ------ */
@media only screen and (min-width: 351px) {
   
.cols-2-wide {width: 100%;}
    
.mobile-nav-final {display: block; }
    
.mobile {display: block;}
    
p.aspresents-19-text-1 {
font-size: 22px;
padding: 0 0 0 0;
}	

p.aspresents-19-text-2 {
font-size: 22px;
padding: 0 0 0 0;
}
    
p.aspresents-19-text-2a {
font-size: 22px;
/*padding: 5% 0 5% 0;*/
}

p.aspresents-19-text-3 {
font-size: 22px;
padding: 0 0 0 0;
}
    
.desktop {display: none;}
    
.center-video {
position: relative;
top: 5px;
width: 100%;
height: auto;
text-align: center;
font-size: 0;
max-width: 800px;
/*background-color: green;*/

}
    
.dtp-button-art-faq {
width: 100%;
max-width: 250px;
text-align: center;
margin: 0 auto;}
    

    
.dtp-button-art-button {
text-align: center;
width: 90%;
margin: 0 auto;
}
    
.dtp-button-art-tix {
    text-align: center;
    margin:0 auto;
    width: 100%;
    max-width: 350px;
}
    
.buy-tix-center {
    margin: 0 auto;
    width:100%;
    margin-top: 0%;
}
    
.aspresents-19-body-frame-peep {
padding: 0 0 0 0;
margin-top: 9%;
margin-bottom: 4%;
}
    
.aspresents-19-body-frame-carousel {
padding: 0 0 0 0;
margin-top: 0;
margin-bottom: 0;
}

.aspresents-19-body-frame-merch {
padding: 0 0 3% 0;
margin-top: 5%;
margin-bottom: 0;
}

.aspresents-19-body-frame-passes {
padding: 0 0 0 0;
margin-top: 5%;
margin-bottom: 3%;
}
    
.aspresents-19-spcr-3 {
padding-top: 0%;
padding-bottom: 3%;
margin-top: 0%;
margin-bottom: 0%;
}
    
}

/* --- LARGE PHONE ----------------------------------- */
@media only screen and (min-width: 468px) {
/* For tablets: */

.cols-2-wide {width: 100%; max-width:  float: left}
    
.mobile-nav-final {display: block;}
    
.mobile {display: block;}
    
p.aspresents-19-text-1 {
font-size: 25px;
padding: 30px 0 25px 0;
}	

p.aspresents-19-text-2 {
font-size: 25px;
padding: 2% 0 2% 0;
}	
    
p.aspresents-19-text-2a {
font-size: 25px;
/*padding: 4% 0 2% 0;*/
}

p.aspresents-19-text-3 {
font-size: 25px;
padding: 2% 0 2% 0;
}
    
.desktop {display: none;}
    
.center-video {
position: relative;
top: 5px;
height: auto;
text-align: center;
font-size: 0;
width: 98%;
max-width: 700px;
margin:0 auto;
/*background-color: green;*/
}
    
.dtp-button-art-faq {
width: 100%;
max-width: 180px;
text-align: center;
margin: 0 auto;
}
    
.dtp-button-art-button {
text-align: center;
width: 90%;
    margin: 0 auto;
}
    
.dtp-button-art-tix {
    text-align: center;
    margin:0 auto;
    width: 100%;
    max-width: 350px;
}
    
.aspresents-19-body-frame-peep {
padding: 0 0 0 0;
margin-top: 9%;
margin-bottom: 6%;
}
    
.aspresents-19-body-frame-carousel {
padding: 0 0 0 0;
margin-top: 0;
margin-bottom: 0;
}

.aspresents-19-body-frame-merch {
padding: 0 0 4% 0;
margin-top: 6%;
margin-bottom: 0%;
}

.aspresents-19-body-frame-passes {
padding: 0 0 0 0;
margin-top: 6%;
margin-bottom: 5%;
}
    
.aspresents-19-spcr-3 {
padding-top: 0%;
padding-bottom: 3%;
margin-top: 0%;
margin-bottom: 0%;
}
    
}



/* --- TABLETS ----------------------------------- */
@media only screen and (min-width: 600px) {
/* For tablets: */

.cols-2-wide {width: 50%; float: left}
    
.mobile-nav-final {display: none;}
    
.mobile {display: none;}
    
p.aspresents-19-text-1 {
font-size: 29px;
padding: 2% 0 2% 0;
}	

p.aspresents-19-text-2 {
font-size: 29px;
padding: 2% 0 2% 0;
}	
    
p.aspresents-19-text-2a {
font-size: 29px;
/*padding: 4% 0 3% 0;*/
}	

p.aspresents-19-text-3 {
font-size: 29px;
padding: 2% 0 2% 0;
}
    
.desktop {display: block;}
    
.center-video {
position: relative;
top: 5px;
height: auto;
text-align: center;
font-size: 0;
width: 98%;
max-width: 700px;
margin:0 auto;
/*background-color: green;*/
}
    
.dtp-button-art-faq {
width: 100%;
max-width: 250px;
text-align: center;
margin: 0 auto;
}
    
.dtp-button-art-button {
text-align: center;
width: 90%;
margin: 0 auto;
}

.dtp-button-art-tix {
    text-align: center;
    margin:0 auto;
    width: 100%;
    max-width: 350px;
}
    
.aspresents-19-body-frame-peep {
padding: 0 0 0 0;
margin-top: 5%;
margin-bottom: 3%;
}
    
.aspresents-19-body-frame-carousel {
padding: 0 0 0 0;
margin-top: 0;
margin-bottom: 0;
}

.aspresents-19-body-frame-merch {
padding: 0 0 3% 0;
margin-top: 4%;
margin-bottom: 0;
}

.aspresents-19-body-frame-passes {
padding: 0 0 0 0;
margin-top: 4%;
margin-bottom: 3%;
}
    
.aspresents-19-spcr-3 {
padding-top: 0%;
padding-bottom: 2%;
margin-top: 0%;
margin-bottom: 0%;
}
    
}


/* --- DESKTOP - SMALL 768 ----------------------------------- */
@media only screen and (min-width: 768px) {
  /* For desktop: */

.cols-2-wide {width: 50%; float: left}
    
.mobile-nav-final {display: none; }
    
.mobile {display: none;}
    
p.aspresents-19-text-1 {
font-size: 33px;
padding: 2.5% 0 2.5% 0;
}	

p.aspresents-19-text-2 {
font-size: 33px;
padding: 2% 0 2% 0;
}	
    
p.aspresents-19-text-2a {
font-size: 33px;
/*padding: 3% 0 2.5% 0;*/
}

p.aspresents-19-text-3 {
font-size: 33px;
padding: 2% 0 2% 0;
}
    
.desktop {display: block;}
    
.center-video {
position: relative;
top: 0px;
height: auto;
text-align: center;
font-size: 0;
width: 98%;
max-width: 700px;
margin:0 auto;
padding-bottom: 0%;
/*background-color: green;*/
}
    
.dtp-button-art-button {
text-align: center;
width: 90%;
margin:0 auto;
}
    
.dtp-button-art-tix {
    text-align: center;
    margin:0 auto;
    width: 100%;
    max-width: 350px;
}
    
.aspresents-19-body-frame-peep {
padding: 0 0 0 0;
margin-top: 3%;
margin-bottom: 0%;
}
    
.aspresents-19-body-frame-carousel {
padding: 0 0 0 0;
margin-top: 0;
margin-bottom: 0;
}

.aspresents-19-body-frame-merch {
padding: 0 0 0 0;
margin-top: 4%;
margin-bottom: 3%;
}

.aspresents-19-body-frame-passes {
padding: 0 0 0 0;
margin-top: 0%;
margin-bottom: 2%;
}
    
.aspresents-19-spcr-3 {
padding-top: 0%;
padding-bottom: 0%;
margin-top: 0%;
margin-bottom: 0%;
}
    
}


/* --- DESKTOP ----------------------------------- */
@media only screen and (min-width: 960px) {
  /* For desktop: */

.cols-2-wide {width: 50%; float: left}
    
.mobile-nav-final {display: none; }
    
.mobile {display: none;}
    
p.aspresents-19-text-1 {
font-size: 33px;
padding: 2.5% 0 2.5% 0;
}	

p.aspresents-19-text-2 {
font-size: 33px;
padding: 2% 0 2% 0;
}	
    
p.aspresents-19-text-2a {
font-size: 33px;
/*padding: 3% 0 2.5% 0;*/
}

p.aspresents-19-text-3 {
font-size: 33px;
padding: 2% 0 2% 0;
}
    
.desktop {display: block;}
    
.center-video {
position: relative;
top: 0px;
height: auto;
text-align: center;
font-size: 0;
width: 98%;
max-width: 700px;
margin:0 auto;
padding-bottom: 0%;
/*background-color: green;*/
}
    
.dtp-button-art-button {
text-align: center;
width: 90%;
margin:0 auto;
}
    
.dtp-button-art-tix {
    text-align: center;
    margin:0 auto;
    width: 100%;
    max-width: 350px;
}
    
.aspresents-19-body-frame-peep {
padding: 0 0 0 0;
margin-top: 3%;
margin-bottom: 1%;
}
    
.aspresents-19-body-frame-carousel {
padding: 0 0 0 0;
margin-top: 0;
margin-bottom: 0;
}

.aspresents-19-body-frame-merch {
padding: 0 0 0 0;
margin-top: 3%;
margin-bottom: 2%;
}

.aspresents-19-body-frame-passes {
padding: 0 0 0 0;
margin-top: 1.5%;
margin-bottom: 2%;
}
    
.aspresents-19-spcr-3 {
padding-top: 0%;
padding-bottom: 0%;
margin-top: 0%;
margin-bottom: 0%;
}
    
}


/* --- DESKTOP ----------------------------------- */
@media only screen and (min-width: 1300px) {
  /* For desktop: */

.cols-2-wide {width: 50%; float: left}
    
.mobile-nav-final {display: none; }
    
.mobile {display: none;}
    
p.aspresents-19-text-1 {
font-size: 33px;
padding: 2.5% 0 2.5% 0;
}	

p.aspresents-19-text-2 {
font-size: 33px;
padding: 2% 0 2% 0;
}	
    
p.aspresents-19-text-2a {
font-size: 33px;
/*padding: 3% 0 2.5% 0;*/
}

p.aspresents-19-text-3 {
font-size: 33px;
padding: 2% 0 2% 0;
}
    
.desktop {display: block;}
    
.center-video {
position: relative;
top: 0px;
height: auto;
text-align: center;
font-size: 0;
width: 98%;
max-width: 700px;
margin:0 auto;
padding-bottom: 0%;
/*background-color: green;*/
}
    
.dtp-button-art-button {
text-align: center;
width: 90%;
margin:0 auto;
}
    
.dtp-button-art-tix {
    text-align: center;
    margin:0 auto;
    width: 100%;
    max-width: 350px;
}
    
.aspresents-19-body-frame-peep {
padding: 0 0 0 0;
margin-top: 2%;
margin-bottom: -3%;
}
    
.aspresents-19-body-frame-carousel {
padding: 0 0 0 0;
margin-top: 0;
margin-bottom: 0;
}

.aspresents-19-body-frame-merch {
padding: 0 0 0 0;
margin-top: 3%;
margin-bottom: 2%;
}

.aspresents-19-body-frame-passes {
padding: 0 0 0 0;
margin-top: -2%;
margin-bottom: 2%;
}
    
.aspresents-19-spcr-3 {
padding-top: 0%;
padding-bottom: 0%;
margin-top: 0%;
margin-bottom: 0%;
}
    
}



/* ------------------ END RESPONSIVE TEXT FONT SIZE AREA --------------------- */




/* ------------------ SIDE SCROLLING HACK ------------------  */
.complete-wrapper {
    overflow-x:hidden;
    max-width: 100%;
    position: relative;
    height:auto!important;
}




/* ----------- BACKGROUND-BLOCKS TESTING ------------- */

.as-grad-bg {background: linear-gradient(179deg, #04102c, #413b91, #c36a98);
    min-height: 200px;

-webkit-animation: as-grad-bg-test 30s ease infinite;
-moz-animation: as-grad-bg-test 30s ease infinite;
    animation: as-grad-bg-test 30s ease infinite;

@-webkit-keyframes as-grad-bg-test {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@-moz-keyframes as-grad-bg-test {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@keyframes as-grad-bg-test { 
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}}

.aspresents-19-wrapper {
    width: 100%;
    /* background: url(as-19-fest-bg-clean.jpg); */
    background: url(as-19-fest-bg-clean.jpg);
    background-repeat: repeat-x;
    margin: 0; padding: 0;
    background-color: #c36999;
}

.aspresents-19-test-top-wrapper-mob {
    /*width: 100%; */
    /* background: url(http://www.persuasionbureau.com/client-files/as-sdcc-2019-assets/as-header-no-bg-color.png); */
    width: 100%;
    background-image: url(as-header-no-bg-color-700w-5.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    margin: 0; padding: 0;
    background-color: #484096;
    min-height: 470px;
}

.aspresents-19-test-top-wrapper {
    /*width: 100%; */
    /* background: url(http://www.persuasionbureau.com/client-files/as-sdcc-2019-assets/as-header-no-bg-color.png); */
    width: 100%;
    background-image: url(as-header-no-bg-color-no-date.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0; padding: 0;
    background-color: #484096;
    min-height: 500px;
}

.aspresents-19-top-wrapper-lineup {
    /*width: 100%; */
    /* background: url(http://www.persuasionbureau.com/client-files/as-sdcc-2019-assets/as-header-no-bg-color.png); */
    width: 100%;
    background-image: url(as-header-no-bg-color-no-date.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 auto; 
    padding: 0;
    background-color: #484096;
    min-height: 500px;
}


.aspresents-19-test-gallery-wrapper {
    width: 100%;
    margin: 0; padding: 0;

}

.aspresents-19-test-mid-gradient-wrapper {
    width: 100%;
    /* background: url(http://www.persuasionbureau.com/client-files/as-sdcc-2019-assets/as-header-no-bg-color.png); */
    background-color: #04102c; /* For browsers that do not support gradients */
    background-image: linear-gradient(#484096, #9c5bbf, #bd65a1); /* Standard syntax (must be last) */
    margin: 0; padding: 0;
    min-height: 200px;
}

.aspresents-19-foot-wrapper {
    /*width: 100%; */
    /* background: url(http://www.persuasionbureau.com/client-files/as-sdcc-2019-assets/as-header-no-bg-color.png); */
    width: 100%;
    background-image: url(foot-background.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0; padding: 0;
    background-color: #bd65a1;
    min-height: 150px;
}

.faq-block {
    /*width: 100%; */
    /* background: url(http://www.persuasionbureau.com/client-files/as-sdcc-2019-assets/as-header-no-bg-color.png); */
    width: 100%;
    background-image: url(foot-background-2.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 0; 
    padding: 0;
    background-color: none;
    min-height: 100px;
    background-size: contain;
    padding-bottom: 0px;
}


p.aspresents-19-text-1 {
    font-family: DINNextLTPro-Light, sans-serif;
	font-weight: normal;
	font-style: normal;
    text-transform: uppercase;
    color: white; 
    text-align: center;
}	

p.aspresents-19-text-2a {
    font-family: DINNextLTPro-Light, sans-serif;
	font-weight: normal;
	font-style: normal;
    text-transform: uppercase;
    color: white; 
    text-align: center;
}
p.aspresents-19-text-2 {
    font-family: DINNextLTPro-Light, sans-serif;
	font-weight: normal;
	font-style: normal;
    text-transform: uppercase;
    color: white; 
    text-align: center;
}

p.aspresents-19-text-3 {
    font-family: DINNextLTPro-Light, sans-serif;
	font-weight: normal;
	font-style: normal;
    text-transform: uppercase;
    color: white; 
    text-align: center;
    padding-top: 20px;
}	


.dtp-button-art {text-align: center;}



.dtp-button-art-date {
    width: 90%;
    max-width: 600px;
    text-align: center;
    margin: 0 auto;}




.dtp-nav {
    width: 100%;
    height: 36px;
    background-color: #000000;
    color: white;
    font-family: sans-serif;
    font-size: 18px;
    padding: 18px 0px 0px 0px;
    text-align: left;
}

.desktop-lineup {
  position: relative;
  top: 5px;
  height: auto;
  text-align: center;
  font-size: 18px;
/*background-color: green;*/
}

.center {
  position: relative;
  left: -50%;
  top: 0px;
  width: 200%;
    height: auto;
  text-align: center;
  font-size: 18px;
}

.center-lineup {
  position: relative;
  left: -50%;
  top: 5px;
  width: 200%;
  height: auto;
  text-align: center;
  font-size: 18px;
/*background-color: green;*/
}

.center-lineup-dtp {
  position: relative;
  top: 5px;
  height: auto;
  text-align: center;
  font-size: 18px;
  width: 100%;
/*background-color: green;*/
}






.video-hack {
  position: relative;
  top: 5px;
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 0;
  border-style: solid;
  border-width: 3px 0px 3px 0px;
  border-color: green;
/*background-color: green;*/

}



/* ----------- MAIN STYLES ------------- */

body {
    margin: 0; padding: 0;
    max-width: 100%;
    overflow-x: hidden;
    height:auto!important;}

img {margin: 0; padding: 0; text-align: center; width: 100%;}
img.asp19 {margin: 0; padding: 0; text-align: center; width: 100%;}

a img {     border: 0; } 

a a:active a:hover a:focus {outline: none;}

.aspresents-19-main-container {margin: 0; padding: 0;

}


.aspresents-19-header {
    padding:0;
    width: 100%;
    max-width: 500px;
    margin:0 auto;
    overflow:hidden;
}


.aspresents-19-nav-mobile {}


.aspresents-19-nav-desktop {}



/* UPDATED FOR 2019 */
.aspresents-19-gallery-frame {
    /*height: 1000px;*/
    width: 100%;
    margin:0 auto;
    position: relative;
    overflow: visible;
    padding: 0 0 40px 0;
    text-align: center;
}

.aspresents-19-test-gallery-frame-wrapper {
    /*height: 1000px;*/
    width: 100%;
    margin:0 auto;
    overflow: hidden;
    padding: 0;
    text-align: center;

}


.aspresents-19-top-frame {
    /*height: 1000px;*/
    width: 100%;
    max-width: 600px;
    margin:0 auto;
    margin-top: -8px;
    
}

img.top-frame {
    width: 100%;
    margin:0;
    padding: 0;
    margin-top: -5px;
    background-color: aqua;
    object-position: top;
    object-fit:fill;
}

.aspresents-19-body-text {
    text-align:center; 
    width:85%;
    max-width: 600px;
    padding: 10px 0px 0px 0px;
    margin:0 auto;
}



p.text-spacer {
    font-family: Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; 
    height: 13px;
    text-align:center; 
    line-height: 1.5;
    max-width: 800px;
    margin:0 auto;
}

p.section-spacer {
    font-family: Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; 
    height: 25px;
    text-align:center; 
    line-height: 1.5;
    max-width: 800px;
    margin:0 auto;
}


.bottom-frame {
    width: 94%;
    max-width: 600px;
    margin:0 auto;
    text-align: center;
}


.aspresents-19-footer-1 {
    min-height: 100px;
    width: 100%;
}


.aspresents-19-body-footer-2 {}