/* deployed */

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

h1{font-family:'gotham_bookregular', Arial, helvetica, sans-serif; font-weight: 100; font-size: 24px; font-weight: bold;}

body{

	color:#fff;
	font-size:12px;

	line-height:21px;
	/*width:520px;*/
	margin:0 auto;
	/*overflow:hidden;*/
	font-family: arial, helvetica, sans-serif;
	background: #000 !important;
	max-width: 540px;
	/*border: 1px solid #000000;*/
}

a{
	color: #C5B358;
}

a:hover{
	color: rgb(235, 213, 106);
}

#wrapper{
	margin:auto;
	width: 700px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#banner{text-align: center; width: 200px;margin: auto;display: none;
}

#banner img{
	display: none;
}

form{
	margin: 0;
	padding: 0;
	overflow-x: hidden;

}

.inputItem{
  margin: 14px 0px 7px 7px;
  float: left;
  height: 60px;
}

.label{
	display:inline-block;
	font-size:14px;
	font-weight: 500;
	height: 25px;
	
}
.required{
	display:inline-block;
	color: #fff;
	font-size:12px;
	width: 5px;
	margin: 0;
	padding: 0;
}

.inputBox input{
	border: solid 1px #cccccc;
	font-size:12px;
	background-color: #fff;
	padding: 3px;
	width: 98%;
	color: #000;
	
}

.inputBox select{
	color: #000;
	font-size:12px;
	border: solid 1px #ccc;
	background: #fff;
	padding: 3px;
	width: 100%;
	border-radius: 0;
	
}

#submitButton{	
	margin:20px 0 20px 0;
	border:none;
	text-align: center;
	height: 28px;
	padding: 6px;
	font-size: 12px;
	text-transform: uppercase;
	color:white;
	text-decoration: none;
	cursor: pointer;
	background-color: #C5B358;	
}

p.debug{
	color:#515151;
	
	font-size:14px;
}

.thanks {
	font-size:18px;
	border: none;
	padding: 10px;
	width: 360px;
	
}

.needRequired {
	color: #830303;
	font-size:12px;
	border: none;
	padding: 10px;
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
	
}
.requiredNote {
	margin: 0;
	padding: 0;	
	width: 100%;
	padding-left: 15px;
}

.radio input{
	width:15px;
	display:inline-block;
}

.radio .inputBox{
	color:#fff;
}

.bday select{
	width: auto;
}

.inputItem.birth .hidden {
    display: none;
}

.inputItem.birth img {
	position: relative;
    top: -20px;
    left: 92%;
}

.full-width {
	width: 100%;
}

.full-width input{
	width: calc(100% - 10px);
}

.full-width select {
	width: 100%;
}


.flyerbox img{
  width: 97px;
  height: 130px;
padding: 6px;
}

.ticket-entry{
border:2px solid #fff;
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.06);
padding:5px;
margin:auto;
margin-bottom: 15px;
background:-webkit-linear-gradient(rgba(255,255,255,0.81) 0%, rgba(197,197,197,0.35) 140%);
	width:860px;
}

.ticket-title{font-size: 1.5em; font-weight: 600; color:#111;}


.buyticket-btn {
	display: table; cursor:pointer;
	margin: 0 auto;
	position: relative;
	padding: 5px;
     text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   text-decoration: none;
   vertical-align: middle;
   background-color: #cc0000;
   font: 12px Arial,Helvetica, Sans-Serif;
}


.buyticket-btn a{
   color: white;
   font-size: 12px;
   font-family: Arial,Helvetica, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}

.buyticket-btn:hover{
	color: #fff;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   background-color: #ff0000;
}


.event-date{color:#cc0000;}


#subbutton{
margin:auto; text-align:center; padding-top:15px;
}


.poweredby {
    background-image: url(../../english/images/powered_by_vd.png);
    background-size: cover;
    height: 45px;
    width: 221px;
    margin:auto;
    margin-top:20px;
    display: none;
}

#requiredNote {
	margin: 0 auto;
	padding: 0 15px;
	width: 100%;
	box-sizing: border-box;
	float: left;
}

body,html,#wrapper{
	background: transparent;
}

/* ... more 1x CSS rules ... */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .poweredby {
        background-image: url(../../english/images/powered_by_vd_2x.png);
    }
    /* ... more 2x CSS rules ... */
}

#thanks {
	padding: 135px 0;
	width: 320px;
	margin: 0 auto;
}

#thanks b{
	color: #830303;
}


#thanks p {
	color: #fff;
	font-size: 13px;
}

.required-text {
	width: 100%;
	float: left;
	color: #fff;
}
  
#reservationForm .col-2{
	width: 48% !important;
	display: inline-block;
}
#reservationForm .inputBox{
	width: 98% !important;
	display: inline-block;
}
.detailstitle{
	border-top: 1px solid #FFFFFF;
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
#wrapper{
	width: auto;
    padding: 15px;
    max-width: 400px;
}
.inputItem {
    float: none;
    display: block;
    width: 100%;
    height: auto;
}
.inputBox input,.inputBox select{
	display: inline-block;
    margin-top: 15px;
    width: 93%;
	box-sizing:border-box;
}
.full-width .inputBox select{
	width: 95%;
}
.inputItem.bday {
    margin-top: 25px;
}
.bday span.inputBox select {
    width: 32%;
    margin-top: 5px;
}
/*select#learned_from {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    margin: 15px 0;
}*/
.inputItem.radio input {
    display: inline-block;
    width: auto;
    margin-left: 10px;
}
#requiredNote{
	padding: 0;
	margin-bottom: 10px;
}
#reservationForm .col-2{
	width: 48% !important;
	display: inline-block;
}
.inputItem.birth img {
	left: -28px;
	top: 3px;
}

}