@charset "UTF-8";
/* Body */
body {
	/*font-family: "source-sans-pro";  source-sans-pro; */
	font-family: Montserrat; 
	background-color: #fcfdff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 400;
}

.container {
	width: 100%;
}

.body_header {
	background-color: #fefefe;
}

.header_image {
	position: relative;
	padding-bottom: 41%;
	width: 100%;
    overflow: hidden;
	font-size: 0;
	height: 0;
}

.header_image_inv {
	position: relative;
	width: 100%;
	max-height: 200px;
    overflow: hidden;
}

.header_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.resaledec-banner {
    position: relative;
    width: 100%;
    max-width: 100%;
    background: #092143;
	border-top: 3px solid #E705DE;
	border-bottom: 3px solid #E705DE;
  }
.resaledec-banner-desktop {
    display:inline-block;
  }
.resaledec-banner-tablet {
    display:none;
  }
  .resaledec-banner-wrapper {
    width: 95%;
    margin: 5px auto;
    position: relative;
    align-items: center;
	  font-size: 16px;
  }
  .resaledec-banner p {
    margin: 0px;
    color: #fff;
    text-align: center;
  }
  .resaledec-banner a {
    text-decoration: none;
	color: #E705DE;
  }
  .resaledec-banner a:hover {
	color: #E705DE;
  }
.header_text_centered {
  position: absolute;
  top: 0.5vw;
  left: 50%;
  transform: translate(-50%, -50%);
	font-size: 6vw;
	color: #000000;
	text-align: center;	
    font-weight: 700;
	white-space: nowrap;
	/*opacity: 0;*/
}
.artist_header_text_centered {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
	color: #000000;
	text-align: center;	
    font-weight: 700;
	white-space: nowrap;
	/*opacity: 0;*/
}
.artist_header_text_centered_small {
  top: 2.0vw;
  font-size: 3.5vw;
}

.artist_header_text_centered_middle {
  top: 1.5vw;
  font-size: 4vw;
}

.artist_header_text_centered_large {
  top: 1.0vw;
  font-size: 4.5vw;
}

.header_ticket{
	color: #000000;
}

.header_port{
	color: #E705DE;
}
.port_pink{
	color: #E705DE;
}

.header_text_centered_subpage {
  top: 0%;
}

.header_text_centered2 {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 6.5vw;
  left: 50%;
	font-size: 2vw;
	color: #000000;
	text-align: center;	
    font-weight: 700;
	white-space: nowrap;
	/*opacity: 0;*/
}

.artist_header_text_centered2 {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
	color: #000000;
	text-align: center;	
    font-weight: 700;
	white-space: nowrap;
	/*opacity: 0;*/
}

.artist_header_text_centered2_small {
  	top: 5.7vw;
	font-size: 1.8vw;
}

.artist_header_text_centered2_middle {
  	top: 5.5vw;
	font-size: 2.0vw;
}

.artist_header_text_centered2_large {	
  	top: 5.3vw;
	font-size: 2.0vw;
}


.header_text_centered2_subpage {
  top: 85%;
}

.header_text_centered2_short {
  display: none;
}
.header_text_centered2_long {
  display: inline-block;
}

/*.loaded .header_text_centered {
  animation: fadeIn 2s ease-in 0s forwards;
}
.loaded .header_text_centered2 {
  animation: fadeIn 4s ease-in 0s forwards;
}*/

.search_div_unused{
	width:80%;
	margin:auto;
	background: #092143;
	padding: 10px 50px 10px 50px;
	border-radius: 25px;
}

.search_div{
	  position: absolute;
  transform: translate(-50%, -50%);
  top: 37vw;
  left: 50%;
	background: #092143;
	
	
	width:80%;
	margin:auto;
	padding: 1px 15px 1px 15px;
	border-radius: 25px;
}

#search{
  width: 100%; /* Full width */
  padding: 0.7%; /* Some padding */ 
  border: 1px solid #000000; /* Gray border */
  border-radius: 0.3%; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 0.6%; /* Add a top margin */
  margin-bottom: 0.6%; /* Bottom margin */
  resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
	font-size: 2vw;
	text-align: center;
}

/* Style the submit button with a specific background color etc */
#search_submit {
  background: #092143;
  color: white;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  border-radius: 5px;
  padding:0.3em 1.2em;
 margin:0 0.3em 0.3em 0;
  cursor: pointer;
	display:none;
}

.artist_location_menu{
	width:80%;	
    max-width: 80%;
	box-sizing: border-box;
	margin:auto;
	padding: 10px 15px 1px 15px;
	background: #092143;
	color: #ffffff;
	text-align: center;
}

.location_menu{
	width:100%;	
    max-width: 100%;
	box-sizing: border-box;
	margin:auto;
	padding: 1px 15px 1px 15px;
	background: #092143;
	color: #ffffff;
	text-align: center;
}
.location_page_select{
	font-size: 2.0vw;
	margin: 0.5% 1% 0.5% 1%;
	text-align: center;
}
.num_tickets_select{
	font-size: 2.5vw;
	margin: 0.5% 1% 0.5% 1%;
	text-align: center;
}

.body_middle {	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fcfdff;
	font-size: 0;
	position: relative;
	display: inline-block;
	
}
.container_middle {
	display: inline-block;
	width: 100%;
}
.event_main{
	position: relative;
	width: 45%;
	float: left;
	padding: 25px 2.5% 25px 2.5%;
	font-family: Montserrat, sans-serif; 
	color: #ffffff;
	text-align: center;	
	white-space: nowrap;
	
}
.event_main_single{	
	position: relative;
	margin:auto;
	float:none;
	width: 45%;
	padding: 25px 2.5% 25px 2.5%;
	font-family: Montserrat, sans-serif; 
	color: #ffffff;
	text-align: center;	
	white-space: nowrap;
}
.event_main_img{
	width:100%;
	border-radius: 10px;
	border: 2px solid #092143;
	box-sizing: border-box;
}
.event_best_price_img{
	width:10%;
    position: absolute;
    top: 1%;
    left: 1%;
}


.darken {
	filter: brightness(50%);
}
.lighten {
	opacity: 0.4;
}
.faded {
	opacity: 0.2;
}
.event_main_text_top_wrap{
  position: absolute;
 top: 17%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.event_main_text_middle_wrap{
  position: absolute;
 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.event_main_text_bottom {
  position: absolute;
  top: 84%;
  left: 50%;
  transform: translate(-50%, -50%);
	font-size: 1.8vw;
    font-weight: 700;
	opacity: 1.0;
}
.darken_background{
	background: rgba(9,33,67,0.5);
	padding: 5px;
	border-radius: 25px;
}

.event_main_text_top {
	font-size: 2vw;
    font-weight: 700;
}

.long_version {
	display:block;
}
.short_version {
	display:none;
}

.event_main_text_details {
	font-size: 1.5vw;
    font-weight: 700;
}
.getTicketsBtn {
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 15px;
  padding:0.1em 0.8em;
 margin:0 0.3em 0.3em 0;
	bottom:10px;
	border: 5px solid #ffffff;
	background: rgba(9,33,67,0.5);
	cursor: pointer;
}

a.getTicketsBtn:hover {
  background-color: #000000;
	opacity: 1;
}

.getAffTicketsBtn {
  background: #092143;
  color: grey;
  text-decoration: none;
  font-size: 20px;
  font-weight: bolder;
  text-align: center;
  border-radius: 45px;
  padding:0.2em 0.8em;
 margin:0 0.3em 0.3em 0;
  cursor: pointer;
  border: 4px solid grey;
}

a.getAffTicketsBtn:hover {
  background-color: #000000;
	opacity: 1;
}

.getAffTicketsNoneBtn {
  background: #092143;
  color: white;
  text-decoration: none;
  font-size: 20px;
  font-weight: bolder;
  text-align: center;
  border-radius: 45px;
  padding:0.2em 0.8em;
 margin:0 0.3em 0.3em 0;
  cursor: pointer;
  border: 4px solid #ffffff;
}

a.getAffTicketsNoneBtn:hover {
  background-color: grey;
  color: black;
	opacity: 1;
}

.event_info{
	width:calc(95% - 20px);
	margin:auto;
	background: #092143;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 2px 10px 10px 10px;
	color: #ffffff;
	font-family: Montserrat, sans-serif; 
	text-align: center;
	border-radius: 25px;
}

.event_follow_us{
	width:calc(95% - 20px);
	margin:auto;
	background: #092143;
	margin-bottom: 20px;
	padding: 5px;
	color: #ffffff;
	font-family: Montserrat, sans-serif; 
	text-align: center;
	border-radius: 7.5px;
	border: 3px solid #E705DE;
}

.event_follow_us_text{
	font-size: 16px;
    font-weight: 400;
}
.event_follow_us_text a{
	text-decoration:none;
	color: #E705DE;
}

.event_avail_warning{
	width: 45%;
	margin:auto;
	background: #092143;
	margin-bottom: 20px;
	padding: 5px;
	color: #ffffff;
	font-family: Montserrat, sans-serif; 
	text-align: center;
	border-radius: 7.5px;
	border: 3px solid #E705DE;
}

.event_avail_warning_text{
	font-size: 16px;
    font-weight: 400;
}
.event_avail_warning_text a{
	text-decoration:none;
	color: #E705DE;
}

.event_jump_to_tickets_text{
	font-size: 16px;
    font-weight: 400;
}
.event_jump_to_tickets_text a{
	text-decoration:none;
	color: #FFFFFF;
}

.event_avail_quantity{
	font-size: 28px;
    font-weight: 700;
}
.mailinglist_signup{
	width: 75%;
	margin:auto;
	background: #092143;
	margin-bottom: 20px;
	color: #ffffff;
	text-align: center;
	border-radius: 7.5px;	
	padding: 10px 5px 10px 5px;
}

#mailinglist_email{
  width: 80%; /* Full width */
  padding: 0.7%; /* Some padding */ 
  border: 1px solid #000000; /* Gray border */
  border-radius: 0.3%; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 0.6%; /* Add a top margin */
  margin-bottom: 0.6%; /* Bottom margin */
  resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
	font-size: 18px;
	text-align: center;
}
.mailinglist_privacy_text{
	font-size: 14px;
    font-weight: 400;
	
}
.mailinglist_privacy_text a{
	text-decoration:none;
	color: #E705DE;
}
  .event_info.sticky {
     position: fixed;
     top: 0;
	width:100%;
	border-radius: 0px;
  }

.event_info_main {
	font-size: 3vw;
    font-weight: 700;
}

.event_info_main a{
	text-decoration:none;
	color: #E705DE;
}

.no_availability_link a{
	text-decoration:none;
	color: #E705DE;
}

.event_info_submain {
	font-size: 2vw;
    font-weight: 400;
	margin-bottom: 1%;
}
.event_info_submain a{
	text-decoration:none;
	color: #E705DE;
}
.event_info_notes{
	font-size: 0.8vw;
    font-weight: 400;
}
.event_info_notes a{
	text-decoration:none;
	color: #E705DE;
}

.event_listing{
	position: relative;
	width: 45%;
	float: left;
	margin: 25px 2.5% 25px 2.5%;
	font-family: Montserrat, sans-serif; 
	color: #0000000;
	text-align: center;	
	white-space: nowrap;
	border-radius: 25px;
	border: 5px solid #092143;
	box-sizing: border-box;
}
.event_listing_single{
	position: relative;
	width: 45%;
	margin:auto;
	margin-top:25px;
	margin-bottom:25px;
	float:none;
	font-family: Montserrat, sans-serif; 
	color: #0000000;
	text-align: center;	
	white-space: nowrap;
	border-radius: 25px;
	border: 5px solid #092143;
	box-sizing: border-box;
}

.event_listing_wrap{
  position: absolute;
 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.event_checkout_border_line{
	margin-top:10px;
	margin-bottom:10px;
	 border-bottom: 5px solid #092143;
}
.event_checkout_header{
	font-size: 22px;
	text-align: center;
    font-weight: 700;
	padding-top: 1%;
	padding-bottom: 1%;
	background-color: #092143;
	color: #ffffff;
	border: 5px solid #092143;
}
.event_checkout_text_top {
	font-size: 20px;
    font-weight: 700;
	margin-top: 5px;
}

.event_checkout_details {
	font-size: 20px;
    font-weight: 400;
	margin-bottom: 10px;
}

.event_checkout_date {
	font-size: 20px;
    font-weight: 400;
	margin-bottom: 10px;
}
.event_checkout_cost{
	font-size: 20px;
	text-align: center;
    font-weight: 400;
}
.event_checkout_booking_fee{
	font-size: 14px;
	text-align: center;
    font-weight: 400;
	margin-bottom: 10px;
}
.event_checkout_cost_total{
	font-size: 22px;
	text-align: center;
    font-weight: 700;
	margin-bottom: 10px;
}
.event_checkout_cost_deposit{
	font-size: 22px;
	text-align: center;
    font-weight: 700;
	margin-top: 10px;
	margin-bottom: 10px;
}
.event_checkout_delivery_cost{
	font-size: 20px;
	text-align: center;
    font-weight: 400;
	margin-bottom: 10px;
}
.event_checkout_quantity{
	font-size: 20px;
	text-align: center;
    font-weight: 700;
	margin-bottom: 10px;
}
.event_checkout_seatinfo{
	font-size: 20px;
	text-align: center;
    font-weight: 400;
	margin-bottom: 10px;
}
.event_checkout_notes{
	font-size: 14px;
	text-align: center;
    font-weight: 400;
	width: 90%;
	margin:auto;
	margin-bottom: 10px;
}
.event_checkout_paypal_notes{
	font-size: 14px;
	text-align: center;
    font-weight: 400;
	width: 90%;
	margin:auto;
	margin-bottom: 10px;
	display:none;
}
.event_checkout_terms{
	font-size: 14px;
	text-align: center;
    font-weight: 400;
	width: 90%;
	margin:auto;
	margin-bottom: 10px;
}
.event_checkout_terms a{
	text-decoration:none;
	color: #E705DE;
}
.event_checkout_paypal{
	margin-top: 20px;
	font-size: 1vw;
	text-align: center;
    font-weight: 400;
	margin-left:10%;
	margin-right:10%;
}
#stripe-deposit-container{
	display:none;
}
#paypal-button-container{
	display:none;
}
.event_checkout_paypal_header{
	margin-top: 20px;
	font-size: 0.9vw;
	text-align: center;
    font-weight: 400;
	width: 90%;
	margin:auto;
	margin-bottom: 1.25vw;
}

.event_checkout_online_payment{
	display: block;
}
#event_checkout_cost_total{
	display: block;
}
#event_checkout_cost_offline{
	display: none;
}
.event_checkout_offline_payment{
	display: none;
	margin-top: 20px;
	margin-bottom: 20px;
}
.offline_payment_box{
	background: #092143;
	width:60%;
	margin:auto;
	padding: 1px 15px 1px 15px;
	border-radius: 15px;
	margin-bottom: 10px;
}
.stripe_payment_box{
	background: #092143;
	width:60%;
	margin:auto;
	padding: 5px;
	margin-bottom: 10px;
	color: white;
}

.event_checkout_bacs_discount {
	font-size: 14px;
    font-weight: 400;
	margin-bottom: 10px;
	display: none;
}

.event_checkout{
	position: relative;
	width: 45%;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	font-family: Montserrat, sans-serif; 
	color: #0000000;
	text-align: center;	
	border-radius: 25px;
	border: 5px solid #092143;
	box-sizing: border-box;	
	overflow: hidden;
}
.event_listing_seatinfo{
	font-size: 2.0vw;
	text-align: center;
    font-weight: 700;
}
.event_listing_seatplan{
	cursor: pointer;
}
.event_listing_seatplan:hover {
  color: #E705DE;
} 
.event_listing_cost{
	font-size: 2.0vw;
	text-align: center;
    font-weight: 700;
	margin-bottom:1.8%;
}
.event_listing_notes{
	font-size: 0.9vw;
	text-align: center;
    font-weight: 400;
	width: 100%;
	margin:auto;
}
.event_listing_trader_info{
	font-size: 0.9vw;
	text-align: center;
    font-weight: 400;
	width: 100%;
	margin:auto;
	display:block;
}
.event_listing_deal{
	font-size: 1.2vw;
	color: #E705DE; 
	text-align: center;
    font-weight: 700;
	width: 100%;
	margin:auto;
	margin-bottom:1.5%;
}

.event_listing_notes a{
	text-decoration:none;
	color: #E705DE;
}
.event_listing_ticket_delivery{
	font-size: 1.0vw;
	text-align: center;
	margin-top:0%;
	margin-bottom:2%;
    font-weight: 700;
}
.event_listing_quantity{
	font-size: 1.3vw;
	text-align: center;
    font-weight: 700;
}
.event_listing_quantity_dropdown{
	font-size: 1.3vw;
	margin-top:2%;
	margin-bottom:0.5%;
	text-align: center;
}

.disablePaypal {
    pointer-events: none;
    opacity: 0.4;
}

.event_listing_buy{
	margin-top:5%;
	margin-bottom:5%;
	font-size: 1.3vw;
    font-weight: 700;
	text-align: center;
}

.event_listing_getTicketsBtn {
	background: rgba(9,33,67,0.9);
  color: #ffffff;
  text-decoration: none;
  border-radius: 15px;
  padding:0.1em 0.8em;
 margin:0 0.3em 0.3em 0;
	bottom:10px;
	border: 5px solid #092143;
	cursor: pointer;
}

a.event_listing_getTicketsBtn:hover {
  background-color: #092143;
}

.div_hide {
	display:none;
}




.whyticketport{
	width:calc(95% - 20px);
	margin:auto;
	background: #092143;
	margin-top: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 10px 2.5% 10px 2.5%;
	color: #ffffff;
	font-size:16px;
	text-align: center;
	border-radius: 25px;
}
.artist_info{
	width:calc(95% - 20px);
	margin:auto;
	background: #092143;
	margin-top: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 1px 2.5% 10px 2.5%;
	color: #ffffff;
	font-size:18px;
	text-align: justify;
	border-radius: 25px;
}
.artist_info h2{
	text-align: center;
	margin-top: 0px;
}
.artist_info a{
  text-decoration:none;
	color: #E705DE; 
}
.artist_info_view_tickets{
	text-decoration:none;
  color: #FFFFFF;
	font-weight: 400;
}
.artist_info_view_tickets:hover {
  color: #E705DE;
  text-decoration: none;
} 


.artist_pic {
	width: 100%;
}

figcaption {
  color: white;
  font-size: 15px;
  display: block;
  float: left;
  position: absolute;
  bottom: 8px;
  right: 12px;
}
figcaption a{
	text-decoration:none;
  color: #FFFFFF;
}
figcaption a:hover {
} 

figure {
  position: relative;
  width: 60%;
}

.artist_onsale {
	font-size: 18px;
    font-weight: 400;
	margin-bottom: 5px;
}

.whyticketport h3{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
	text-align: center;
}

.whyticketport a{
  text-decoration:none;
	color: #E705DE; 
}

.testimonials{
	width:calc(95% - 20px);
	margin:auto;
	background: #092143;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	color: #ffffff;
	font-family: Montserrat, sans-serif; 
	font-size:2vw;
	text-align: center;
	font-style: italic;
	border-radius: 25px;
}

.body_footer {
	color: #ffffff;
	background-color: #ffffff;
	text-align: center;
}

.footer_bottom{
	width:100%;
	margin:auto;
	background: #092143;
	margin-top: 10px;
	padding: 20px 10px 30px 10px;
	color: #ffffff;
	font-size:18px;
	box-sizing: border-box;
	display: inline-block;
}
.footer_col {
	width: 27%;
	float: left;
	padding-left: 4.5%;
	padding-right: 1.5%;
}

/* Social Media */
.fa {
  padding: 0px;
  width: 30px;
  text-align: center;
  font-size:36px;
  text-decoration: none;
  margin: 5px 0px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #092143;
  color: white;
}

.fa-linkedin {
  background: #092143;
  color: white;
}

.fa-instagram {
  background: #092143;
  color: white;
}

footer ul {
	float: center;
	list-style: none;
	padding: 0;
}

footer a {
	text-decoration: none;
	color: #FFFFFF;
}

footer li {
	text-decoration: none;
	color: #FFFFFF;
	float: center;
}

nav ul li {
	float: left;
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	margin-right: 14px;
	letter-spacing: 2px;
	font-weight: bold;
	transition: all 0.3s linear;
}
ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
ul li:hover a {
	color: #2C9AB7;
}
 /* Style the list */
ul.breadcrumb {
  list-style: none;
  text-align: center;
  padding-left: 0;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 16px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: white;
  content: ">";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #FFFFFF;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #E705DE;
  text-decoration: none;
} 
	
@keyframes scaleIn {
  100% {
    transform: scaleX(1);
  }
}
@keyframes fadeIn {
  50% {
    opacity: 0;
  }
   
  100% {
    opacity: 1;
  }
}
 
@keyframes slideIn {
  100% {
    transform: translateY(0);
  }
}

#slide {
    position: absolute;
    left: -100%;
    width: 100%;
    height: 40px;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
}


@-webkit-keyframes slide {
    100% { left: 0; }
}

@keyframes slide {
    100% { left: 0; }
}

.fade-in {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

 /* The Modal (background) */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 10%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 40%;
  border: 5px solid #092143;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

.modal-header {
  padding: 2px 16px;
  background-color: #092143;
  color: white;
  font-size: 1vw;
}

.modal-body {
	padding: 2px 16px;
  font-size: 1vw;
	overflow-y: auto;
	width:100%;
	max-height: 60vh;
	box-sizing: border-box;
	text-align: left;
}

.modal-body a{
	text-decoration: none;
	color: #092143;
}

.modal-footer {
  padding: 2px 16px;
  background-color: #092143;
  color: white;
}

.modal-terms {
  padding-top: 5%; /* Location of the box */
}
.modal-terms-content {
  width: 70%;
}
.modal-terms-body {
}

#partnerpic3 {
  width: 50%;
  min-width : 300px;
  background-color: #092143;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 3vw;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.moreInfo {
    border-radius: 50%;
    padding-right: 0.3vw;
    padding-left: 0.3vw;
    background: #092143;
    color: #ffffff;
    text-align: center;
	cursor: pointer;
	font-size: 0.9vw;
	font-weight: 400;
}

.sellerInfo {
	cursor: pointer;
	color: #E705DE;
	font-weight: 700;
}

.showTerms {
	cursor: pointer;
	color: #E705DE;
	font-weight: 700;
}

.admin_top{
	width:80%;
	margin:auto;
	background: #092143;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
	color: #ffffff;
	font-size:2vw;
	text-align: center;
}
.admin_menu{
	width:50%;
	margin:auto;
	background: #092143;
	color: #ffffff;
	text-align: center;
}
.admin_page_select{
	font-size: 2.0vw;
	margin-top:0.5%;
	margin-bottom:0.5%;
	text-align: center;
}
.admin_top a{
  text-decoration:none;
	color: #ffffff;
	text-align: right;
	font-size:1vw;
}
.admin_main{	
	position: relative;
	width: 90%;	
	margin: auto;
	float: none;
	margin-top: 25px;
	background-color: lightgrey;
	border: 5px solid #000000;
	text-align: center;
	margin-bottom: 25px;
}
.admin_row{
}
.admin_col{
	display: inline-block;
	font-size: 18px;
	padding: 10px;
	vertical-align: top;
}
.admin_event_details_row{
	width: 100%;
	font-weight: 400;
	background-color: lightgreen;
	font-size: 25px;
	border-bottom: 1px solid #000000;
}
.admin_event_details_col{
	display: inline-block;
	font-weight: 700;
	margin-right: 25px;
	padding: 10px;
}
.admin_main_add{	
	position: relative;
	width: 50%;	
	margin: auto;
	float: none;
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: lightblue;
	text-align: center;
	border: 5px solid #000000;
}
.admin_create_listing_col{
	display: inline-block;
	font-size: 25px;
	width: 100%;
	padding: 10px;
}
.admin_create_listing_header{
	padding: 10px;
	font-weight: 700;
	display: inline-block;
	font-size: 35px;
	width: 100%;
}
.admin_btn {
  color: #092143;
  text-decoration: none;
	cursor: pointer;
	font-weight: 700;
  border-radius: 15px;
  padding:0.1em 0.8em;
 margin:0 0.3em 0.3em 0;
	border: 5px solid #000000;
}
table { 
  width: 100%; 
  border-collapse: collapse; 
  font-size:15px;
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

.about_us_main {
	width: 80%;
	margin:auto;
	color: #000000;
	
  line-height: 1.4;
  font-size: 16px;
	text-align: justify;
	
	margin-top: 25px;
	margin-bottom: 25px;
	border-radius: 25px;
	border: 25px solid #092143;
	
	padding: 15px 15px 15px 15px;
	box-sizing: border-box;
}
.about_us_main a{
	text-decoration:none;
	color: #E705DE;
}

.contact_us_main {
	width: 80%;
	margin:auto;
	color: #000000;
	
  font-weight: normal;
  font-style: normal; 
  line-height: 1.4;
  font-size: 18px;
	
}
.contact_form {
		width: 60%;
	margin:auto;
  padding: 20px;
	text-align: left;
} 
.contact_form_field_left {
	float:left;
  width: 45%;
	margin-right: 5%;
} 
.contact_form_field_right {
	float:left;
  width: 45%;
	margin-left: 5%;
} 

 /* Style inputs with type="text", select elements and textareas */
#contact_name, #contact_email, #contact_tel, #contact_enquiry, #contact_message, #contact_num_tickets, #contact_criteria, #contact_additional, #address_line_1, #address_line_2, #address_postcode, #address_country{
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 5px; /* Add a top margin */
  margin-bottom: 5px; /* Bottom margin */
  resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
  font-size: 16px;
  text-align: center;
} 

/* Style inputs with type="text", select elements and textareas */
#promotion_code{
  width: 50%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 5px; /* Add a top margin */
  margin-bottom: 5px; /* Bottom margin */
  resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
  font-size: 16px;
  text-align: center;
}

/* Style the submit button with a specific background color etc */
#contact_submit, #promotion_submit {
  background: #092143;
  color: white;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  border-radius: 5px;
  padding:0.3em 1.2em;
 margin:0 0.3em 0.3em 0;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  color: #FFFFFF;
}




.privacy-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    padding: 1rem .5rem;
    background: #fff;
    z-index: 1030;
    color: #000;
    font-size: 14px;
    margin: 0;
    display: none;
	border: 2px solid #092143;
  }
  .banner-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    position: relative;
    align-items: center;
  }
  .privacy-banner p {
    margin: 0;
    color: #092143;
    text-align: center;
  }
  .privacy-banner .banner-wrapper p {
      padding-right: 3rem;
  }
  .privacy-banner a {
    text-decoration: none;
	color: #092143;
	font-weight: 700;
  }
  .privacy-banner a:hover {
	color: #E705DE;
  }
  .privacy-banner button {
    position: absolute;
    right: 10px;
    top: calc(50% - 12.5px);
    color: #fff;
    outline: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    background: #000;
    cursor: pointer;	
	border-radius: 50%;
    height: 25px;
    width: 25px;
    padding: 0;
    font-size: 1.35rem;
  }
  .banner-learn {
    color: #000;
  }
  .banner-accept {
    padding: 7px 15px;
    color: #fff;
    border-radius: 5px;
    background: #000;
  }

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {

}

/* Small Desktops and tablets */
@media (max-width: 1096px) {

.resaledec-banner-desktop {
    display:none;
  }
.resaledec-banner-tablet {
    display:inline-block;
  }
.resaledec-banner-wrapper {
	  font-size: 14px;
}
.resaledec-banner {
	border-top: 4px solid #E705DE;
	border-bottom: 5px solid #E705DE;
 }
.artist_header_text_centered_small {
	font-size: 5vw;
}
.artist_header_text_centered_middle {
	font-size: 6vw;
}
.artist_header_text_centered_large {
	font-size: 8vw;
}
.artist_header_text_centered2_small {
  top: 8.0vw;
  font-size: 2.7vw;
}
.artist_header_text_centered2_middle {
  top: 8vw;
  font-size: 3.0vw;
}
.artist_header_text_centered2_large {
  top: 9.0vw;
  font-size: 3.0vw;
}
.header_text_centered {
	font-size: 10vw;
}
.header_text_centered_subpage {
  top: 0%;
}

.header_text_centered2 {
  top: 12vw;
  font-size: 3vw;
}


.header_text_centered2_subpage {
  top: 66%;
  font-size: 5vw;
}
	

.header_text_centered2_short {
  display: inline-block;
}
.header_text_centered2_long {
  display: none;
	
}
.search_div{
  top: 35vw;
}
	

/* Style the submit button with a specific background color etc */
#search_submit {
}
	
#search{
  font-size: 3vw;
}

.location_page_select{
	font-size: 3vw;
}
.num_tickets_select{
	font-size: 4vw;
}
.event_main{
	width: 90%;
	padding: 15px 5% 15px 5%;
}
	
.event_main_single{
	width: 90%;
	padding: 15px 5% 15px 5%;
}
	
.event_main_text_top {
	font-size: 5vw;
}
	
.long_version {
	display:none;
}
.short_version {
	display:block;
}
.event_main_text_details {
	font-size: 3vw;
}
.event_main_text_bottom {
	font-size: 3.6vw;	
  	top: 82%;
}

.getTicketsBtn {
	border: 4px solid #ffffff;
	background-color: #092143;
}
.event_listing_getTicketsBtn {
	border: 4px solid #092143;
}
	
.event_listing{
	width: 95%;
	float: none;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
	
.event_listing_single{
	width: 95%;		
	margin-top: 15px;
	margin-bottom: 15px;
}
.event_checkout{
	width: 95%;
}

.event_checkout_text_top {
	font-size: 18px;
}

.event_checkout_details {
	font-size: 18px;
}
.event_checkout_date {
	font-size: 18px;
}
.event_checkout_header{
	font-size: 20px;
}
.event_checkout_seatinfo{
	font-size: 18px;
}
.event_checkout_quantity{
	font-size: 18px;
}
.event_checkout_cost{
	font-size: 18px;
}
.event_checkout_cost_total{
	font-size: 20px;
}
.event_checkout_cost_deposit{
	font-size: 20px;
}
.event_checkout_delivery_cost{
	font-size: 18px;
}
.event_checkout_notes{
	font-size: 14px;
}
.event_checkout_terms{
	font-size: 14px;
}
.event_checkout_paypal_notes{
	font-size: 18px;
}
.event_checkout_paypal{
	margin-left:0%;
	margin-right:0%;
	font-size: 18px;
}
.event_checkout_paypal_header{
	font-size: 18px;
}
.offline_payment_box{
	width:70%;
	padding: 1px 5px 1px 5px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.stripe_payment_box{
	width:70%;
}
.event_listing_seatinfo{
	font-size: 3vw;
}
.event_listing_cost{
	font-size: 3vw;
}
.event_listing_notes{
	font-size: 1.8vw;
}
.event_listing_trader_info{
	font-size: 1.8vw;
	display:block;
}
.event_listing_deal{
	font-size: 2.2vw;
}
.event_listing_ticket_delivery{
	font-size: 2.0vw;
}
.event_listing_quantity{
	font-size: 2.6vw;
}
.event_listing_quantity_dropdown{
	font-size: 2.6vw;
}

.event_listing_buy{
	font-size: 2.6vw;
}
	
.event_info_main {
	font-size: 4vw;
}
	

.event_info_submain {
	font-size: 3vw;
}
.event_info_notes{
	font-size: 1.8vw;
}

.event_avail_warning{
	width: 90%;	
	border: 2px solid #E705DE;
}
.event_follow_us{
	width: 90%;	
	border: 2px solid #E705DE;
}
.mailinglist_signup{
	width: 90%;	
	border: 2px solid #E705DE;
}

.testimonials{
	font-size:3.8vw;
	width:90%;
	height: 9.2vw;
	}	

.whyticketport{
	width: 90%;
	text-align: justify;
}
.artist_info{
	width: 90%;
	font-size: 16px;
}
.artist_info h1{
	text-align: center;
	margin-top: 0px;
	font-size: 1.75em;
}
figcaption {
  font-size: 12px;
  bottom: 8px;
  right: 8px;
}

figure {
  width: 70%;
}
ul.breadcrumb li {
  font-size: 14px;
}

ul.breadcrumb li+li:before {
  padding: 4px;
}
		
.footer_col {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
}
.footer_bottom{
}

.fv {
    padding-right: 0.7vw;
    padding-left: 0.7vw;
}
.modal {
  padding-top: 10%;
}

.modal-content {
  width: 80%;
}

.modal-header {
  font-size: 2vw;
}

.modal-body {
  font-size: 2vw;
}
.close {
  font-size: 6vw;
}
	
.moreInfo {
    padding-right: 0.8vw;
    padding-left: 0.8vw;
	font-size: 1.8vw;
	font-weight: 700;
}
}


/* Mobile (320px) and Small Tablets */
/* Mobile (320px) and Small Tablets max-width: 767px*/
@media (max-width: 767px) {
.resaledec-banner-wrapper {
	  font-size: 12px;
}
#search{
  font-size: 4vw;
}

.location_page_select{
	font-size: 4vw;
}
.num_tickets_select{
	font-size: 5vw;
}
.event_main{
	width: 95%;
	padding: 10px 2.5% 10px 2.5%;
}
	
.event_main_single{
	width: 95%;
	padding: 10px 2.5% 10px 2.5%;
}
	
.event_main_text_top {
	font-size: 6vw;
}
	
.long_version {
	display:none;
}
.short_version {
	display:block;
}
.event_main_text_details {
	font-size: 4vw;
}
.event_main_text_top_wrap{
 top: 19%;
}
.event_listing_buy{
	font-size: 3.6vw;
	margin-top:3.5%;
	margin-bottom:3.5%;
}
.event_listing_seatinfo{
	font-size: 4.0vw;
}
.event_listing_quantity{
	font-size: 3.2vw;
}
.event_listing_quantity_dropdown{
	font-size: 3.2vw;
}

.event_listing_ticket_delivery{
	font-size: 2.8vw;
}
.event_listing_cost{
	font-size: 4.0vw;
}
.event_listing_notes{
	font-size: 2.6vw;
}
.event_listing_trader_info{
	display:none;
	font-size: 2.6vw;
}
.event_listing_deal{
	font-size: 3.2vw;
}

.event_follow_us_text{
    font-size: 14px;
}
.event_avail_warning_text{
    font-size: 14px;
}
.event_jump_to_tickets_text{
    font-size: 14px;
}
.event_avail_quantity{
    font-size: 24px;
}
.mailinglist_signup{
    font-size: 14px;
}
	
#mailinglist_email{
	font-size: 16px;
	margin-top: 1.2%; /* Add a top margin */
    margin-bottom: 1.2%; /* Bottom margin */
}
.mailinglist_privacy_text{
	font-size: 12px;
}
.whyticketport{
	width: 95%;
	text-align: center;
	font-size:14px;
}
.artist_info{
	width: 95%;
	font-size:16px;
	text-align: left;
}	
figcaption {
  font-size: 10px;
  bottom: 6px;
  right: 6px;
}

figure {
  width: 80%;
}
.artist_onsale {
	font-size: 16px;
}	
	
.footer_col {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
}
.footer_bottom{
	font-size:16px;
}
	
.modal {
  padding-top: 10%;
}

.modal-header {
  font-size: 3vw;
}

.modal-body {
  font-size: 3vw;
}
	
.close {
  font-size: 9vw;
}
.event_checkout_text_top {
	font-size: 16px;
}

.event_checkout_details {
	font-size: 16px;
}
.event_checkout_date {
	font-size: 16px;
}
.event_checkout_header{
	font-size: 18px;
}
.event_checkout_notes{
	font-size: 14px;
}
.event_checkout_terms{
	font-size: 14px;
}
.event_checkout_cost{
	font-size: 16px;
}
.event_checkout_cost_total{
	font-size: 18px;
}
.event_checkout_cost_deposit{
	font-size: 18px;
}
.event_checkout_paypal_notes{
	font-size: 16px;
}
.event_checkout_paypal{
	font-size: 16px;
}
.event_checkout_paypal_header{
	font-size: 16px;
}
.offline_payment_box{
	width:85%;
	padding: 1px 5px 1px 5px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.stripe_payment_box{
	width:85%;
}
.event_info_main {
	font-size: 5vw;
}
.event_info_submain {
	font-size: 4vw;
}
.event_info_notes{
	font-size: 12px;
}
		
.moreInfo {
	font-size: 2.5vw;
}
	
ul.breadcrumb li {
  font-size: 12px;
}

ul.breadcrumb li+li:before {
  padding: 2px;
}
.about_us_main {
	width: 95%;	
    font-size: 14px;
	
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	border: 10px solid #092143;
	padding: 0px 10px 0px 10px;
	text-align: left;
	
}
.contact_form {
	width: 80%;
	margin:auto;
} 
.contact_form_field_left {
	float:left;
  width: 100%;
	margin-right: 0%;
} 
.contact_form_field_right {
	float:left;
  width: 100%;
	margin-left: 0%;
} 
.privacy-banner {
    padding: 1.5rem .5rem;
}
.privacy-banner button {
    right: 15px;
}
	
.attractions a{
	text-decoration:none;
	color: #E705DE;
}

}