/* CSS Document */
select:focus,input:focus{outline: 0;}

b,strong{
     font-family: GothamBold;
 }
div.coverbg{
    position: fixed; right: 0; bottom: 0;
    min-width: 100%; min-height: 100%;
    width: auto; height: auto; z-index: -100;
    background: #000;
    background-size:cover;
    background-position:center;
}
div.bg2, div.bg3{
	background:#000;
         
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
     
}
div.nobg{
    background-color: #575757;
}
div.bg3{
	background:url(../images/backgrounds/bgimg5.jpg);
	background-size:cover;
	background-position:center;	
}
#wrapper{
    padding: 0 !important;
}
.default-page{
    position: relative;
    z-index: 1;
}
.clear{
	height:0px;
	width:100%;
	display:block;
	clear:both;	
}
.span6{
	display: inline-block;
    vertical-align: bottom;
    width: 50%;
}

.span5{
    display: inline-block;
    vertical-align: bottom;
    width: 40%;
}


.span65{
	display: inline-block;
    vertical-align: bottom;
    width: 65%;
}
.span35{
	display: inline-block;
    vertical-align: bottom;
    width: 35%;
}

.fl{
	float:left;	
}
.wf-content-wrapper{
	display: block;
	height: auto;
	margin: 270px auto 0px;
	width: 40%;
	padding-bottom:10px;
}
.oapp .wf-content-wrapper{
	display: block;
	height: auto;
	margin: 20px auto 0px;
	width: 40%;
	padding-bottom:10px;
}
.oapp  #plainbg, body.oapp{
   background: transparent !important; 
}  
.pageWrap.wf-content-wrapper{
    background : none repeat scroll 0 0 rgba(255, 255, 255, 0.96);
    width: 650px !important; padding:20px 80px;
}
.transparent{
	background:rgba(255, 255, 255, 0.87);	
	padding: 20px 3%;
	width:36%;
	border-radius:5px;
}
.transparent.signin{
	width:56%;
	max-width:768px;
        margin: 10% auto 0;
}


.transparent.checkout{
    width:78%;
    max-width:1000px;
    margin-top: 150px;
    padding: 0;
}
.eventHead{
	border-bottom: 4px solid #4E4E4E;
    /* color: #de9e9e; */
    color: #4E4E4E;
    display: block;
    font-family: GothamBook;
    font-size: 36px;
    padding: 0;
}
.transparent .eventHead{
	border-bottom: 6px solid #909090;
    color: #484848;
    font-size: 29px;
    padding: 0 0 10px;
}
.eventHead.noborder{
	border-bottom:none;
	display:block;
}
.centeralign{
	text-align:center;	
}
.eventDetails{
	color: #4e4e4e;
    font-family: GothamBook;
    font-size: 28px;
    line-height: 40px;
    margin: 20px 0;
}
.eventDetails span.ticketCount{
	color:#4e9eb9;
    font-family: GothamMedium;	
}


.eventSelectButton{
	clear: both;
    display: block;
    margin: 30px 0;
}
.transparent .eventSelectButton{
    margin: 0px;
}
.selectedConfirm{
	background: none repeat scroll 0 0 #adc084;
    border: medium none;
    border-radius: 10px;
    display: inline;
    font-size: 36px;
    padding: 5px 50px;
	font-family: GothamBook; color: #fff;
}
.eventSelectButton .back{
	padding:20px 0;	
}
.eventSelectButton .back a.backLink{
	font-size:18px;
	color:#4e9eb9;
	font-family: GothamMedium;
}
.transparent .eventSelectButton .back a.backLink{
	color:#414141;
}
.selectseatsBtn{
	background: none repeat scroll 0 0 #73b2ba;
    border: medium none;
    border-radius: 10px;
    display: block;
    font-family: GothamBook;
    font-size: 24px;
    padding: 10px 15px;
	text-align: left;
    width: 310px;
	margin-top: 50px;
}
 
  .autopickBtn {
    background: none repeat scroll 0 0 #41cfd6; border: none;
    border-radius: 3px; padding: 5px 10px;
    display: block;
    font-family: GothamBook;
    font-size: 20px;
    margin-top: 20px; margin-bottom: 20px;
    text-align: left;
    color: white; margin: auto;
}
 
.signin-body{
	padding:3px 0 5px;	
}
.signin-form{
	/*background:url(../images/icons/dot.png) top right repeat-y;*/	
}
.inner-content{
	padding:30px 20px 23px 5px;	
}
.inner-content.fb{
	padding-left:10%;	
}
.form-row{
	display:block;
	padding:5px 0;	
	font-family: GothamBook;
}
.label{
	color: #2f2f2f;
    display: block;
    font-family: GothamBook;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 0 0 40px;
    text-align: left;
}
.form-element{
	font-family: GothamBook;
    font-size: 15px;
    padding: 0px 0 5px 0px;
}
.forget-password{
	font-family: GothamBook;
    font-size: 13px;
    padding: 10px 0 5px 0px;
	color:#658e9d;
    cursor: pointer;
}

 #signin-buttonx, #reset-buttonx{  
	
    border: medium none;
    border-radius: 3px;
    font-family: GothamBook;
    font-size: 12px;
    height: 29px;
    width: 200px;  padding: 6px 12px;
     
	
	}
        .or-login{
           margin-top: 10px; 
           margin-bottom: 10px;
           color:#484848;
        }
.form-element .input-text{
	border: medium none;
    border-radius: 3px;
    color: #2f2f2f;
    font-size: 13px;
    height: 28px;
    padding: 3px;
    width: 80%;
}
.infotext{
    color:#4A4A4A;
    display: block;
}
.form-element.username{
	background:url(../images/icons/user-icon-female.png) top left no-repeat;	
}
.form-element.password{
	background:url(../images/icons/lock-icon.png) top left no-repeat;	
}
.checkout-body{
    color:#4E4E4E;
}

.notAvailableTitle{margin-left: 30px; font-size: 25px; color: #5cbee3;}

.notAvailableDetails{margin-left: 30px; font-size: 20px; color: #7ECAE7; margin-bottom: 30px;}


.middle-or{
	display: block;
    margin-left: 47.5%;
    margin-top: -125px;
    text-align: right;
    width: auto;
}
.round-or{
	background-color: #94c0d0;
    border-radius: 18px;
    color: #ffffff;
    display: inline-block;
    font-family: GothamBook;
    font-size: 13px;
    height: 28px;
    margin-right: -11px;
    padding: 5px 4px;
    position: relative;
    width: 28px;
}
.signin-facebook-div{
    background: url("../images/icons/facebook.png") no-repeat scroll 15px 8px / 6% auto #3E67A9;
    border-radius: 5px;
    color: #ffffff;
    font-family: Gotham-Light;
    font-size: 13px;
    margin: 59px auto;
    padding: 13px 13px 13px 42px;
    width: 200px;
	cursor: pointer;
}	
.signin-facebook-div-new{
    background: url("../images/icons/facebook.png") no-repeat scroll 15px 8px / 6% auto #3E67A9;
    border-radius: 5px;
    color: #ffffff;
    font-family: Gotham-Light;
    font-size: 13px;
     
    padding: 13px 13px 13px 42px;
    width: 200px;
	cursor: pointer;
}
 
.register-btn, .take-me-to-register{
    background-color: #ff6600;
    border-radius: 10px;
    color: #ffffff;
    font-family: GothamBook;
     font-size: 14px;
    margin: -12px auto 0;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 330px;
    display: block; cursor:pointer;
}

.signin-button{  
	
    background: none repeat scroll 0 0 #b5c9db;
    border: medium none;
    border-radius: 3px;
    font-family: GothamBook;
    font-size: 12px;
    height: 29px;
    width: 100px; margin-left:40px;
     
	
	}
        
      

.cart-summary-row{
    background-color: #FFF;
    color:#434343;
    border-radius: 5px 5px 0 0;
    padding: 50px 5%;
}
.form-wrapper{
    padding: 50px 5%;
    background-color: #EBEBEB;
}
.signin-facebook-small{
    margin-bottom: 20px;
}
.signin-facebook-small .inner-content {
    padding: 0;
}
.signin-facebook-div-small{
   background: url("../images/icons/facebook.png") no-repeat scroll 11px 7px / 5% auto #3E67A9;
border-radius: 5px;
color: #FFFFFF;
font-family: Gotham; font-weight:bold;
font-size: 20px;
margin: 25px 0;
padding: 11px 6px 8px 53px;
 
width: 420px;
cursor: pointer !important;
}
.right-signin{
    padding: 44px 0 0 95px;
}
.old-member-caption{
    font-size: 14px;
    margin-right: 20px;
    padding: 5px 0;
}
.signin-here{
    background: none repeat scroll 0 0 #01aef0;
    border-radius: 5px;
    color: #ffffff;
    float: left;
font-family: Gotham; font-weight:bold;
    font-size: 17px;
    padding: 6px 10px;
    width: auto; cursor: pointer;
}
.stageWrapper{
    position: fixed;
    width:100%;
    height:100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.97);
    top:0; 
    left:0;
    z-index: 999;
    overflow: auto;
}
/* .stgeFormContainer{
    width:60%;
    margin:10% auto;
    display:block;
    max-height: 70%;
    overflow: auto;
} */
.stgeFormContainer{
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    padding: 10px;
}
.info-tooltip {
    position: absolute;
    width:auto;
    height:auto;
    background-color: #fff;
    color:#000;
    font-family: GothamLight;
    font-size: 18px;
    border-radius: 5px;
    margin-top: 20px;
    z-index: 1000;
    max-width: 250px;
    box-shadow: 0 3px 4px 1px rgba(135, 135, 135, 0.97)
}
.info-tooltip .toolTipCat{
    background-color: #05b4c4;
    font-family: Gotham;
    font-size: 16px;
    padding: 5px 10px !important;
    border-radius: 5px 5px 0 0;
    color:#FFF;
}
.tooltip-row{
    display: block;
    clear: both;
    padding:0px !important;
}
.info-tooltip .toolTipContent{
    padding-bottom: 5px;
}
.info-tooltip .toolTipContent div{
    padding: 0px 3px;
}
.toolTipDesc{
    display: block;
    padding:0px 3px !important;
}
.info-tooltip .viewImage img{
    width: 100%;
}
/* .tootip-arrow{
    background: url("../images/icons/direction_icon.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    height: 24px;
    margin: -20px auto 0;
    width: 24px;
} */
div.tootip-arrow{
    position:relative;
    display: block;
    height: 24px;
    margin: -24px auto 0;
    width: 24px;
}
div.tootip-arrow:after{
    content:"";
    position:absolute;
    height:0;
    width:0;
    left:0;
    top:7px;
    border:9px solid transparent;
    border-bottom: 9px solid #05b4c4;
}
.tootip-arrow.right{
    float:right;
}
.tootip-arrow.left{
    float:left;
}
.info-tooltip .statusBlock{
    margin-bottom: 10px;
}
.info-tooltip .toolTipStatus{
    display: block;
    font-family: GothamMedium;
    font-size: 12px;
    width: auto;
}
.info-tooltip .toolTipPrice, .info-tooltip .SeatName{
    display: block;
    font-family: Gotham;
    font-size: 20px;
    font-weight: bold;
    width: auto
}
.info-tooltip .SeatName{
    font-size: 17px;
}
.closeBtn{
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 35px;
    height: 42px;
    margin: 0;
    padding: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 36px;
    z-index:99999;
}
.zoomBtns{
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 35px;
    height: 42px;
    margin: 0;
    padding: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 150px;
    z-index: 99999;
}
.zoomBtns .ZoomIn, .zoomBtns .ZoomOut{
    border: 4px double #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 41px;
    height: 45px;
    line-height: 36px;
    padding: 0;
    width: 45px;
}
.form-show-change{
    color: #fff;
    cursor: pointer;
    display: block;
    /*float: left;*/
    font-size: 19px;
    height: 52px;
    margin: 0;
    padding: 10px 0;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}
.show-date{
    padding: 2px;
}
#showDatesList{
    background: none repeat scroll 0 0 rgba(133, 133, 133, 0.77);
    display: block;
    position: absolute;
    z-index: 99999;
    max-height: 300px;
    overflow: auto;
    min-width: 380px;
}
#showDatesList ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
#showDatesList ul li{
    display: block;
    font-size: 13px;
    padding: 5px 20px;
    width: 100%;
    cursor: pointer;
}
#showDatesList ul li.selected, #showDatesList ul li:hover{
    background-color: #333;
}
.form-show-change select{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #000;
    padding: 5px 22px 5px 0;
    -webkit-appearance: none;
}
.seatsDelectedOkwrapper{
    display:block;
    margin:40px 0;
    padding: 10px;
}
.seatsDelectedOk{
    background-color: #63bbdf;
    border-radius: 10px;
    font-family: GothamLight;
    font-size: 40px;
    height: auto;
    margin: 0 auto;
    padding: 2px 0;
    text-align: center;
    width: 200px;
    cursor: pointer;
}
.ajax-notification{
    position: fixed;
    z-index: 1002;
    top:0;
    left: 0%;
    width:100%;
    text-align: center;
    font-size: 18px;
     color:#fff;
}
.current-ajax-request div.content{
    background-color: #008FC4;
    border-radius: 0 0 5px 5px;
	border:1px solid #ffffff;
	border-top:0px;

    color: #ffffff;
    margin: 0 auto;
    padding: 5px 20px;
    position: relative;
    width: 450px;
}
.container-fluid.has-map{
    margin-bottom: -220px; 
    position: relative;
    z-index: 1;
}
.pageWrap{
    width:1000px;
    margin:250px auto 20px;
    background : none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    padding: 20px;
    border-radius: 5px;
}
.pageWrap.wf-content-wrapper{
    margin:10px auto 20px;
}
.pageWrap.hasheadout{
   margin:0px auto 20px; 
}
.overlappage{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;  
}
.overlappage .pageWrap{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
    width: 100%;
}
.overlappage .pageWrap div.centerpos{
    padding: 5px 20%;
}
 .pageWrap.ticketupgrade{
    width:800px;
}
.pageWrap.checkout{
    background: none;
    padding: 0;
    margin-top:250px;
}

.logo a img {
margin-top: 10px;
}
 
.outixLogoLink {
    display: block;
    left: 15px; top: 15px;
    position: absolute;
    height: 135px; width: 135px;
    background-image: url(../images/logos/outix_logo_white.png);
    background-size: cover;
    font-size: 0;

}


 

.event-name-large{
    color: #FFF;
    font-family: GothamBook; text-transform: uppercase;
    font-size: 40px;
    width:900px;
    margin:auto;
    padding: 5px 0;
    text-align: center; 
    margin-top:10px;
     
}
.ticket-welcome-message{
    color: #4e5251;
    font-family: GothamLight;
    font-size: 20px;
    padding: 5px 0;
    text-transform: uppercase;
}
.event-details, .ticket-date{
    margin: 5px 0;
}
.col-left, .col-right{
    width:50%;
    clear:right;
    float: left;
}
.col-content{
    color: #4e5251;
    font-family: GothamLight;
    font-size: 12px;
    padding: 1px 65px 10px 5px;
 }
 
 .col-content-address{
    color: #4e5251;
    font-family: GothamLight;
    font-size: 12px;
    padding: 20px 45px 10px 5px;
 }
 .socialicons{
	 text-align:right;
	  padding:40px 45px 10px 5px;
	 }
 
 
 .socialicons .sicons{
	 width:60px; height:60px;
     float: right;
     padding: 5px;
 }
 
.youtubeContainer{
    min-height: 240px;
}

h3.selectdatemsg{
    color:#4e5251;
    font-family: Gotham;
    font-weight:bold;
    font-size: 14px;
    text-transform: uppercase;
}

.tickets-list{
    margin:20px 0;
}
.date-round{
    border: 9px solid #fff;
    border-radius: 40px;
    color: #4e5251;
    float: left;
    font-family: GothamLight;
    font-size: 12px;
    height: 80px;
    padding: 5px;
    text-align: center;
    width: 80px;
}
.date-day{
    
    font-family: GothamLight;
    font-size: 26px;
    margin-bottom:-5px;
}
.eventDetailsRight{
    height: 80px;
     float: left; margin-left:20px;
}
.date-detail{
    color: #4e5251;
    float: left;
    font-family: GothamLight;
    font-size: 18px;
    margin-top: 10px;
    width: 100%;
}
.venue-detail{
    color: #4e5251;
    float: left;
    font-family: Gotham;
	font-weight:bold;
    font-size: 16px;
        margin-top:5px;
 
     width: 100%; 
}
.date-age-limit{
    border: 5px solid #fff;
    border-radius: 41px;
    color: #4e5251;
    float: right;
    font-family: GothamLight;
    font-size: 14px;
    padding: 7px;
    width: 45px;
	margin-right:-80px;
}
.ticket-select-block{
    height:50px;
    margin-bottom: 10px;
}
.ticket-name{
    background-color: #98b4bf;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 14px;
    margin-right: 10px;
    padding: 15px 10px;
     width: 480px;
	vertical-align: top;
}
.ticket-name-soldout {
    background-color: #666666;
    border-radius: 5px;
    color: #c0c0c0;
    float: left;
    font-size: 14px;
    margin-right: 10px;
    padding: 15px 10px;
     width: 480px;text-decoration: line-through; vertical-align: top;
}
 .tix_info_icon_only{
		 
		 display:inline-block;
   		width:17px; height:17px; 
                 
		background-image:url('../images/icons/info_icon.png') ; 
 		 background-repeat: no-repeat;
    	 background-position: center;
    	-webkit-background-size: contain;
    	-moz-background-size: contain;
    	-o-background-size: contain;
    	background-size: contain;
		cursor:pointer;
                margin-right: 5px;
		 }
                 
 .tix_info_icon{
		 
		 display:inline-block;
   		width:17px; height:17px; 
                 
		background-image:url('../images/icons/info_icon.png') ; 
 		 background-repeat: no-repeat;
    	 background-position: center;
    	-webkit-background-size: contain;
    	-moz-background-size: contain;
    	-o-background-size: contain;
    	background-size: contain;
		cursor:pointer;
                margin-right: 5px;
		 }
                 
                  .tix_info_long{
		 
		  
                 width: calc(100%-20px);
 		cursor:pointer;
		 }
                 .ticketnameText{font-size: 12px;padding: 0px;}
                 
                 .ticketTypeButton{    padding: 2px; }
                 
.ticket-name-soldout .priceSmall {
    font-size: 16px;
    float: right;
    
}

.priceSmall{
    font-size: 12px;
    float: right;
}

.multiplier-icon{
    color: #fff;
    float: left;
    margin-right: 10px;
    padding: 15px 10px;
    width: 50px; 
}
.multiplier-icon span{
    background: none repeat scroll 0 0 #c8a883;
    border-radius: 20px;
    display: block;
    font-family: GothamBook;
    height: 20px;
    padding: 2px 0;
    text-align: center;
    width: 20px;
}
.multiplier-icon span.green-icon{
    background: none repeat scroll 0 0 #85c5a0;
}
.number-of-tickets{
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    display: block;
    float: left;
    height: 50px;
    margin-right: 10px;
     width: 80px;
}
.number-of-tickets select, .number-of-tickets span{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #4e5251;
    display: inline-block;
    font-size: 28px;
    height: 30px;
      width: 80%; outline:0;  text-indent: 5px;
}
.number-of-tickets span{
   margin: 5px auto;
   text-indent: 14px;
}
.ticket-price{
    background-color: #4e9eb9;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 27px;
    margin-right: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
    width: 220px;
    cursor:pointer;
	text-align: right;
}
.price-amount{
    display: inline-block;
    min-width: 130px;
	text-align: left;
}
.product_enlisted{
    border-bottom: 5px solid #fff;
    color: #578086;
    font-family: Gotham;
    font-size: 30px;
    padding: 5px 0;
}
.product-title-note{
    margin-top: 10px;
    font-size: 16px;
    color:#646464;
    font-family: GothamBook;
}
.product-detail{
    margin:20px 0;
    color:#656364;
    font-size: 22px;
    font-family: OpenSansRegular;
     
}
.product-detail.noborder{
    border-bottom: none;
}

.product-detail.noborder{
    border-bottom: none;
    margin-bottom: 30px;
}
.product-name{
    font-family: GothamBook;
    font-size: 30px;
}
.product-name-cat{
    font-family: GothamBold;
    font-size: 20px;
}
.left-product-image{
    float: left;
    width:30%;
}
.right-product-details{
    float: left;
    width: 70%;
}
.left-product-image .col-wrapper, .right-product-details .col-wrapper{
    padding: 10px;
    overflow: hidden;
}
.left-product-image .col-wrapper img{
    width: 100%;
}
.right-product-details .col-wrapper .select-product{
    margin-bottom: 10px;
}
.product-price{
    display: block;
    float: left;
    font-family: GothamBook;
    font-size: 28px;
    margin-right: 20px;
    padding: 12px 0;
}
.product-spinner{
    display: inline-block;
}
.product-info{
    font-size: 14px;
    font-family: GothamBook;
}
.upgradeForm{
    margin:20px 0;
}
.qlabel{
    display: inline-block;
    float: left;
    font-size: 16px;
    margin-right: 37px;
    margin-top: 24px;
}

.spinner {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 268px;
    left: 50% !important;
    position: relative;
    top: 50% !important;
    width: 268px;
    z-index: 1000;
}
.spinner_default {
    background: #333 none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    float: left;
    height: 268px;
    margin: 0 20px 20px 0;
    position: relative;
    width: 268px;
}

.spinner-wrap{
    display:inline-block;

}
.multiple-icon, .number{
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px 0 0 5px;
    display: inline-block;
    float: left;
    font-family: OpenSansSemiBold;
    font-size: 32px;
    padding: 11px;
}
.number{
    border-radius: 0 5px 5px 0;
    font-family: GothamBook;
    font-size: 39px;
    margin-left: -6px;
    margin-top: 0;
    max-width: 75px;
    min-width: 70px;
    padding: 6px 10px;
}
.spinner-buttons{
    float: left;
    margin-left: 5px;
}
.spinner-up, .spinner-down{
    background: none repeat scroll 0 0 #707070;
    border-radius: 5px;
    color: #C3DBE5;
    display: block;
    padding: 5px 7px;
    font-family: GothamBold;
    cursor: pointer;
}
.spinner-down{
    margin-top:4px;
    color:#EBB3C0;
}
.upgrage-all{
    display: block;
    font-family: GothamMedium;
    font-size: 15px;
    text-align: left;
    cursor:pointer;
}
.option-head{
    font-size:26px;
    color:#656364;
}
.t-options-list{
    margin:20px 0;
    padding: 0 20px;
}
.t-options-list li{
    color: #656364;
    cursor: pointer;
    font-size: 22px;
    margin: 5px 0;
}
.t-options-list li.selected{
    list-style: disc;
}
.upgradeoptions-next{
    clear: both;
    margin-bottom: 50px;
}
.next-btn{
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 3px 4px 4px 0 rgba(1, 0, 0, 0.09);
    color: #707070;
    float: left;
    font-family: GothamBook;
    font-size: 30px;
    margin-right: 40px;
    padding: 15px 50px;
    text-align: center;
    width: 300px;
    cursor:pointer;
}
input.next-btn{
    border:none;
}
.next-btn.error{
    background: none repeat scroll 0 0 #ff7373;
    color: #fff;
}
.skipStep{
    color: #707070;
    font-size: 18px;
}
.survey-questions{
    margin:20px 0;
        font-family: GothamLight;

}
.survey-questions .question{
    font-size: 18px;
    display: inline-block;
    width:100%;
    float: left;
    font-family: GothamLight;

}
.survey-questions .question.radio, .survey-questions .question.checkbox{
    display: block;
    width:100%;
    float: none;
    padding-left: 0;
}
.survey-questions .answerBox{
    display: inline-block;
    width:100%;
    float: left;
    font-size: 16px;
}
.survey-questions .answerBox .optRes{
    padding: 5px 20px !important;
}
.survey-questions .answerBox .optRes li .label{
    color: #656364;
    font-size: 14px;
    padding: 5px;
    display: block;
}
.survey-questions .answerBox.radio, .survey-questions .answerBox.checkbox{
    display: block;
    width:100%;
    float: none;
}
.answerBox select{
    background: none repeat scroll 0 0 #fff;
    border: none;
    font-size: 16px;
    padding: 5px;
    width: 90%;
    border-radius: 5px;
}
.surveyList .upgradeoptions-next{
    margin-top: 50px;
}
.show-right-border{
    border-right: 5px solid #6CCFF6;
}
.show-left-border{
    border-left: 5px solid #6CCFF6;
}
.event-name{
    color: #4e5251;
    font-family: GothamLight;
    font-size: 24px;
    padding: 5px 0;
}
.event-date{
font-family: Gotham; font-weight:bold;
    font-size: 15px;
    padding: 0 0 5px;
}

.venue-name{
    font-family: GothamBook;
    font-size: 14px;
    padding: 0 0 5px;
}
.ticekts-list{
    display: block;
}
.ticekts-list ul{
    list-style: none;
    margin:10px 0 0 0 ;
    padding: 0;
}
.ticekts-list ul.cart-items li{
    display: block;
    font-size: 12px;
    padding: 2px 0;
}
.pad-inside{
    padding:0px 0px 0px 15px;
}
.price-head{
    color: #6ccff6;
    font-size: 20px;
    text-align: right;
    text-transform: uppercase; 
	margin-right:30px;
}
.cart-price-total{
    color: #454545;
    font-family: GothamBook;
    font-size: 55px;
    text-align: right;
	margin-right:30px; margin-top:-20px; 

}
.cart-price-gst{ 
    color: #454545;
    font-family: GothamLight;
    font-size: 14px;
    text-align: right;
	margin-right:30px; margin-top:-5px; 

}

.cart-price-bottom{
    color: #454545;
    font-family: GothamLight;
    font-size: 10px;
    text-align: right;
    margin-right:30px;
}

.voucher-appied{
    padding-top: 6px;
    font-family: Gotham;
     font-weight: bold;
    font-size: 11px;
    text-align: right;
    margin-right:30px;
    
    color: #454545;
  }
  
  .voucher-appied .vouchername{
      color: #6ccff6;
     font-size: 13px;
    
      
  }

#theCoupon{ display: none;}

#showCouponBox{
    color:#E2100F;
    font-family: Gotham; font-weight: bold;
    font-size: 10px;
    text-align: right;
    margin-right:30px; cursor: pointer;
}

.closecoupon{
    color:#C72929;
    float: right;
    margin-right: 20px;
    cursor: pointer;
}

.cart-haveacoupon{
    color:#000;
    font-family: GothamLight;
    font-size: 14px;
    text-align: left;
    margin-right:30px;  
    margin-top:20px;
    
}

.cart-thecoupon{
   text-align: right;
  margin-right:30px;  
   display: table-cell; vertical-align: top;
}

input.vouchercode{
    width:134px; height: 42px; border:none; padding:2px 10px;outline: none; 
    background:url(../images/couponbg.png) top right no-repeat; font-size: 20px;
}

.bluesubmit{
    background-color:#cacaca;
    color:#FFF; border:none; height: 35px;  border-radius: 5px;
    width:85px; margin-left:  5px; outline: none; font-size: 17px;
}

.share-notice{
    display: block;
    margin: 30px 0px;
}
.share-notice .caption{
    display: inline-block;
    float: left;
    font-family: GothamLight;
    font-size: 20px;
    padding-right:70px;
    width:50%;
}
.share-notice .share-icons{
    float: left; padding-right:8px;
	width:50%;
}
.share-notice .share-icons ul{
    padding: 0;
    margin:0;
    list-style: none; float:right; margin-right:16px
}
.share-notice .share-icons ul li{
    border-radius: 5px;
    height: 45px;
    margin: -6px 5px;
    width: 100px;
    float: left;
}
li.twitter{
    background: #00AEF1;
}
li.fb, li.fblike{
    background: #4067AA;
}
li .icon{
    display: block;
    float: left;
    height: 32px;
    margin: 6px 3px 0px 10px;
    width: 32px;
}

li.twitter  {
        background: url(../images/icons/twitter.png) no-repeat  #00AEF1  10px 10px;
 }
.twpopup, .fbpopup, .fblike{cursor:pointer; }


li.fb  {
        background: url(../images/icons/facebook.png) no-repeat  #4067AA  10px 8px;
 }
 
 
 li.fblike {
        background: url(../images/icons/fblike.png)  no-repeat #4067AA  10px 8px;
 }
 
li .amount{
    color: #fff;
    font-size: 18px;
    padding: 0;
	float: right;
	margin: 10px 8px 0px 0px;
}
.form-group label{
    font-family: GothamLight;
    font-size: 16px;
    padding-right: 2%;
    display: inline-block;
    width: 30%;
    text-align: right;
}
.form-group label.fullwidth{
    font-family: GothamLight;
    font-size: 16px;
    padding-right: 2%;
    display: inline-block;
    width: 100%;
    text-align: left !important;
    color:#484848;
}
.span12 .wide-form-group label{
    width: 10%;
}
.span12 .wide-form-group label.large{
    width: 22%;
}
.span12 .wide-form-group label.slarge{
    font-size: 20px;
    width: 400px;
}
.form-group .textbox, .form-group .selectbox{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 18px;
    height: 35px;
    padding: 0 2%;
    width: 40%; 
}

.survey-form input[type="text"] {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 18px;
    height: 35px;
    padding: 0 2%;
    width: 40%; 
}

 
.form-group .textbox.big, .form-group .selectbox.big{
   width: 60%; 
}

.form-group .textbox.small, .form-group .selectbox.small{
   width: 20%; 
}

.fixed80{width:140px !important;}
.fixed60{width:100px !important;}

.fldhelp{
    font-size: 12px;
    color:#6C6C6C;
    margin-bottom: 25px;
}
.form-group .form-grp{
    width: 80%;
    display: inline-block;
	
} 
.form-group .form-grp label{
    display: inline-block; 
    width:auto;
    font-size: 17px;
    text-align: left;
}
.form-group .form-grp .checkbox{
    float: left;
    margin: 3px 10px 0 0;
}
.details-head{
    color: #525252;
    display: block;
    float: left;
    font-size: 25px;
    padding: 0;
    text-align: right;
    width: auto;
}
.select-delivery-method{
    display: inline-block;
    margin-left: 30px;
    width: 60%;
}
label.delivery-method{
    color: #424242;
    font-family: GothamBold;
    font-size: 18px;
    width: 40%;
}
label.delivery-method .checkbox{
    float: left;
    margin-right: 10px;
}
.block-head{
    display: block;
    font-size: 34px;
    margin: 40px 0 20px;
    text-align: left;
    width: 100%;
}

.block-head-amount{
    display: block;
    font-size: 24px;
    margin:  0px 0 20px;
    text-align: left;
    width: 100%;
}

.creditCardSelect, .iDealSelect, 
.paypalSelect{
    display: block;
    height:60px;
    margin-bottom: 30px;
}
.creditCardSelect .icon, .iDealSelect .icon, 
.paypalSelect .icon{
    float: left;
    height: 48px;
    margin-right: 20px;
    width: 48px;
}
.creditCardSelect .icon{
    background: url(../images/icons/ccard.png) top left no-repeat;
}
.paypalSelect .icon{
    background: url(../images/icons/paypal_icon.png) top left no-repeat;
}
.iDealSelect .icon{
    background: url(../images/icons/ideal_icon.png) top left no-repeat;
}
.time2paySelect .icon{
    background: url(../images/icons/paypal_icon.png) top left no-repeat;
}
.creditCardSelect .text, 
.paypalSelect .text,
 .iDealSelect .text{
    color: #424242;
    float: left;
    font-size: 27px;
    margin-right: 20px;
    padding: 0px 10px 0px 0px;
    text-transform: uppercase;
}
.creditCardSelect .indicator, 
.paypalSelect .indicator,
.iDealSelect .indicator
{
    display: block;
    float: left;
    width: 32px;
    padding: 0px 10px 0px 0px;
}
.creditCardSelect .indicator .disc, 
.paypalSelect .indicator .disc, 
.iDealSelect .indicator .disc, 
.time2paySelect .indicator .disc{
    background-color: #FFF;
    border: 9px solid #fff;
    border-radius: 32px;
    display: block;
    height: 32px;
    width: 32px;
    box-shadow: 1px 1px 1px 0 #9d9d9d;
}
.creditCardSelect.selected .indicator .disc, 
.paypalSelect.selected .indicator .disc , 
.iDealSelect.selected .indicator .disc , 
.time2paySelect.selected .indicator .disc{
    background-color: #8BA9AB;
}

.frm-btn{
    background: none repeat scroll 0 0 #5cbee3;
    border: medium none;
    border-radius: 5px;
    font-family: GothamBook;
    font-size: 25px;
    height: 79px;
    width: 200px;
    margin-left: 15px;
}
.submit-row{
  margin:20px 0;  
}
.submit-row .span12{
    text-align: right;
}
.frm-btn.disabled{
    background: none repeat scroll 0 0 #c8e0ea;
}
#loginForm{
    background-color: rgba(0, 0, 0, 0.82);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
.error-show{
    background: none repeat scroll 0 0 #ff8b8b;
    border: 1px solid #dd1b1b;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 7px;
    margin-top: -30px;
}

.error-registration{
    background: none repeat scroll 0 0 #ff8b8b;
    border: 1px solid #dd1b1b;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 7px;
    margin-top: -20px;
	 margin-bottom: 20px;
}
.add-names-div{
    margin-top: 30px;
}
.adduser-icon{
    float: left;
    display: inline-block;
    padding: 10px 10px 10px 0;
}
.adduser-icon img{
    display: inline-block;
    width:32px;
    height:32px;
}
.hugetextbox{
    float: left;
    font-size: 20px !important;
    height: 50px !important;
    padding-left: 10px !important;
}
.submitbtn{
    margin: 30px 0;
    padding-left: 82px;
}
.labelbox{
    color: #4a4a4a;
    display: block;
    margin: 5px 0 0;
    padding-left: 82px;
}
.error-fld{
    background: none repeat scroll 0 0 #ffe1e1 !important;
    border: 1px solid #ffbfbf !important;
}
.error-show.plain{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #ea4646;
    font-size: 15px;
    margin: 10px;
    padding-left: 72px;
}
.bold{
    font-family: Gotham;
    font-weight: bold;
}
.invite_friends_btn{
    background-color: #686868;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    margin: 0 10px 0 0;
    padding: 14px 20px;
    text-transform: uppercase;
    width: auto;
}
.invite_friends_btn .icon{

}

.invite_friends_btn .buttontext{
	font-family: Gotham;
	float:right;
	letter-spacing: 5px; 
}
/* <span class="countdown-row countdown-show4">
        <span class="countdown-section">
            <span class="countdown-amount">17</span>
            <span class="countdown-period">Days</span>
        </span> */
.countdown-row{
    display: block;
    width: 100%;

}
.countdown-section{
    border:none;
    display: block;
    float: left;
    height: 60px;
    margin: 0 10px;
    width: 60px;  border: 1px solid #CCC;
    border-radius: 40px;
}
.countdown-amount{
    color: #4a4a4a;
    display: block;
    font-size: 22px;
    padding: 3px 0 0;
    text-align: center;
}
.countdown-period{
    color: #000;
    display: block;
    margin-top: -5px;
    text-align: center;
 font-family: Gotham;
}
.bottom-map{
    background: none repeat scroll 0 0 #1e1b1b;
    bottom: 0;
    display: block;
    min-height: 250px;
    width: 100%;
    z-index: 0;
    margin-top: -220px;
}
.mapContainer{
    display: block;
    overflow: hidden;
    width:100%;
    height: 250px;
    position: absolute;
}
#map{
    height: 250px;
}
.address-box{
    background: none repeat scroll 0 0 #3d3d3d;
    border-radius: 5px;
    color: #e3e3e3;
    display: block;
    margin: 20px 20px 20px 0px;
    padding: 20px;
}
.venue-name-large{
    display: block;
    font-size: 26px;
}
.venue-address{
    display: block;
}
/* #stageHolder{
    width:60%;
} */

/*CSS for my Payments*/
.myrecords{
    display:block;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.64);
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
}

.myrecords:nth-child(even) {background: #C72929}


.recordLists{
    padding: 5px 0;
    font-size: 30px;
    font-family: GothamLight;
    cursor: pointer;
}
.leftRecord{
    color:#808080;
    width:80px;
    float: left;
    padding: 0 1%;
     overflow: hidden;
} 
.font-red{ 
color: #b31010;
}
.longRecord{
    color: #fff;
    float: left;
    padding: 0 1%;
    width:450px;
    overflow: hidden;
}
.smallRecord{
    color: #A8EDFC;float: left;
    padding: 0 1%; width: 150px;
}
 .mediumRecord{
    color: #FFF;float: left;
    padding: 0 1%; width: 200px;
}
.removeButton{
  
border: 3px solid #FFFFFF;
border-radius: 10px;
display: inline-block;
height: 45px;
padding: 5px 22px;
color: #fff; font-size: 20px;
width: auto;
 
}

.processPPButton{
  
border: 3px solid #FFFFFF;
border-radius: 10px;
display: inline-block;
height: 45px;
padding: 5px 22px;
color: #fff; font-size: 20px;
width: auto;
 
}

.addpaymentButton{
  
border: 3px solid #FFFFFF;
border-radius: 10px;
display: inline-block;
height: 45px;
padding: 5px 22px;
color: #fff; font-size: 20px;
width: auto;
cursor:pointer; 
}



.carddetails{
  margin-top:10px;
  font-family: GothamBold;
  display: none;
  font-size: 25px !important;
 }
 
 

 .carddetails .tlabel{
 font-family: GothamBold;
 font-size: 25px !important;
 }
 
 
.carddetails input, .carddetails select   {
  
color:#000;
font-size: 30px;
padding: 5px;
border-radius: 4px;

}
 
.paymentSubmit{border:none; margin:30px 0; outline: none; height:45px;  
              width: 50%; background:  #000; font-size:22px; 
              text-align: right; padding-right:20px; border-radius:5px; 
color:#fff !important;
}


.fadecolor{color:#ccc;}

/* css for user pages myaccount/mytickts etc*/
.page-title{
    font-family: GothamLight;
    font-size: 60px;
    text-transform: uppercase;
}
.myticket{
    display:block;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.64);
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
}
.myticket.active{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.88);  
    border-bottom: none;
}
.myticket.lastRow{
    border-bottom: none;
}
.ticketsLists{
    padding: 5px 0;
    font-size: 30px;
    font-family: GothamLight;
    cursor: pointer;
}
.ticketDate{
    margin-bottom:10px;
}
.ticketEventName{
    color: #fff;
    float: left;
    padding: 0 1%;
    width: 50%;
    min-width: 250px;
    overflow: hidden;
}
.ticketPrice{
    color: #A8EDFC;
    padding: 0 1%;
}
.ticketPrice .priceNote{
    font-size: 22px;
}
.ticketDetails{
    padding: 15px 0;
}
.btnHolder{
    text-align: center;
    cursor: pointer;
}
.btnHolder .btns{
    border: 2px solid #fff;
    border-radius: 10px;
    float: left;
    height: 120px;
    margin: 0 5px;
    padding: 10px;
    width: 130px;
}
.btnHolder .btns .icon{
    height: 60px;
    margin: 0 auto 10px;
    width: 60px;
    opacity: 0.5;
}

.printTicektsBtn .icon{
    background: url(../images/icons/print_icon.png) top left;
    background-size:cover;
    background-position:center; 
    background-repeat: no-repeat;
}
.changeNamesBtn .icon{
    background: url(../images/icons/change_name_icon.png) top left;
    background-size:cover;
    background-position:center; 
    background-repeat: no-repeat;
}
.printTicektsBtn:hover .icon, .changeNamesBtn:hover .icon{
    opacity: 0.8;
}
.ticekts-list .cart-items li{
    color: #FFF !important;
}

.ticekts-list .cart-items li .ticketCount{
    color: #FFF !important;
}
.upgradeThisLink{
    
    font-family: GothamBold;
}

.btnHolder .btns .text{
    font-size: 12px;
    padding: 6px 0;
    text-transform: uppercase;
}
.ticekts-list{
    color:#ABABAB;
}
.showName{
    font-size: 22px;
}
.showDate{
    color:#FFF;
    font-family: Gotham;
    font-weight: bold;
    font-size: 14px;
}
.showVenue{
    font-size: 18px;
    margin-bottom: 10px;
}
.ticekts-list ul.cart-items li{
    text-transform: uppercase;
	color:#535353;
}
.ticekts-list ul.cart-items li span.ticketCount{
font-family: Gotham; font-weight:bold;
    color:#535353; font-size:11px;
}

.ticekts-list .servicecharge{
    font-family: GothamLight;
    color:#535353; font-size:12px;
    padding-right: 10px;
}

.ticekts-list .servicecharge .samount{
    font-family: GothamLight;
    color:#4b91b5;
    font-size:14px;
}

.seatNumbersLabel{
    font-family:Gotham; font-weight:bold;
    color:#535353; font-size:12px;
}
.seatNumbers{
    font-family:Gotham; font-weight:bold;
    color:#6ccff6; font-size:12px;
}
 
.cart-items span.subamount{
	color:#4b91b5;
    font-family: GothamLight;	
	font-size:20px; padding-left:30px;
}

.cart-items span.tktDate{
	display:inline-block;
}

.ticekts-list ul.cart-items li a.viewSeats{
    color:#407BA5;
}
.printTicektsBtn, .changeNamesBtn, .trfTicketsBtn, .upgradeThisLink{
    max-width: 290px;
    font-family: GothamBold;
}



.tList{
    list-style: none;
    padding: 0;
    margin:0;
}
.tList li{
    display: block;
    width: 100%;
}
.tList li.even{
    background: none repeat scroll 0 0 #696969;
}
.tList li.odd{
    background: none repeat scroll 0 0 #545454;
}
.tList li.hovered, .tList li.active{
    background: none repeat scroll 0 0 #76B0B1;
}
.tList li div{
    padding: 0 1%;
    font-size: 18px;
    font-family: OpenSansRegular;
}
.tList li.centerpos{
    padding: 10px 20%;
}


.ticketNamesList {
padding: 5px 0;
 font-family: GothamLight;
cursor: pointer;
}

.changeNameDiv, .ticketIdentifier{
    display:block;
    width:150px;
}
.changeNameBtn{
    background: none repeat scroll 0 0 #9b9b9b;
    border-radius: 5px;
     display: inline-block;
    font-size: 14px;
    padding: 9px;
    text-transform: uppercase;
    width: 130px;
    text-align: center;
    border:none;
 	  outline: 0;
}
.changeNameBtn:hover{
    cursor: pointer;
    box-shadow: 1px 1px 4px 1px #474747;
}
.changeNameBtn.saveBtn{
    background: none repeat scroll 0 0 #a3c3c2;
    font-family: OpenSansSemiBold;
    font-size: 14px;
}
.currentName{
    display:block;
    width:35%;
    font-family: OpenSansSemiBold !important;
}
.admitType{
    display:block;
    width:150px;
}
.cancelBtn{
    display:block;
    width:30px;
}
.changeNameTextBox{
    display: block;
    background: none;
    border:none;
    border-bottom: 2px solid #FFF;
    padding: 4px 0;
    width:100%;
}
.cancelChangeName{
    font-family: OpenSansSemiBold;
    font-size: 20px;
    cursor: pointer;
}
.doneBtnBtm{
    background: none repeat scroll 0 0 #252525;
    border: medium none;
    border-radius: 5px;
    color: #a4b77f;
    font-family: GothamLight;
    font-size: 30px;
    margin-left: 1%;
    padding: 5px 50px;
    text-align: center;
    text-transform: uppercase;
}
/*Invite*/

.bPageWrap{background-color: #7d9394; padding:30px; min-width: 100%; min-height: 100%}
    .dTextbox{background-color: #fff;
border: 1px solid #fff;
border-radius: 5px;
font-size: 18px;
height: 55px;
padding: 0 2%;
width: 100%; color:#0e0e0e;
    }
    
    .dTextarea{background-color:#fff;
border: 1px solid #fff;
border-radius: 5px;
font-size: 18px;
height: 155px;
padding: 0 2%;
width: 100%; color:#292929;
    }
    
    
    .dheading{ 
font-size: 43px;
height: 35px;
padding: 0px 0px;
 
    }
  .dtitle{margin-left: 2px; font-size: 15px; margin-bottom:7px; }  
  .dSubmit{
      width: 100%; color:#FFF;
      background-color:  #292929; outline: none;height: 65px;
      border: none;
      border-radius: 5px; font-size: 28px;
  }  
  .formItem{
      margin-top:8px;
   }
  .bPageWrap{background-color: #7d9394; padding:30px; } 
  
   
  
 .white-popup-block {
  position: relative;
  background: #7d9394;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.buysumbg{background:#008FC4 !important;}
.buyamountbg{background:#C7A987 !important;}


.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
        url('../images/ajax-loader.gif')
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.smallfontclass{
    font-family: GothamBook; font-size:12px;
}

.no-tickets-found{
    width: 100%;
    padding: 15px;
    background: #97B4C0;
    text-transform: uppercase;
    font-family: GothamLight;
    font-size: 28px;
    border-radius: 10px;
}
.no-tickets-found .default-label, .no-tickets-found .register-link{
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
#presale-register, #presale-register .bPageWrap{
    background: #E59560;
}
#presale-register .dheading{
    font-size: 30px;
}
span.register-link {
font-size: 16px;
}
/* css for profile edit */
.profile-edit-icon{ 
    background: url("../images/icons/edit_icon.png") no-repeat scroll left top / 75% auto rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin-left: 15px;
    width: 21px;
}
.profile-edit-icon.save{
    background: url("../images/icons/save_icon.png") no-repeat scroll left top / 75% auto rgba(0, 0, 0, 0);
    margin-left:0px;
    margin-top: 5px;
}
.profile-data-edit .cancelThis{
    background: url("../images/icons/cross.png") no-repeat scroll -16px center rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 16px;
    margin-right: 8px;
    width: 16px;
}
.profile-data-edit.group .textbox{
    margin-bottom: 10px;
}
.profile-data-edit .textbox{
    width:90%;
    display:inline-block;
}
.profile-data-edit .label-edit{
    font-size: 12px;
}
.profile-data-edit .smallbox{
    width:45%;
    display:inline-block;
}

.profile-data-edit #postcode{
    display:block;
}

div.session-expire-notification{
    background: none repeat scroll 0 0 #4768CD;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    display: block;
    height: 40px;
    left: 10px;
    padding: 5px;
    position: fixed;
    width: 240px;
    z-index: 999;
}
.tours-events-list{
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
}
.tours-events-list li{
    border-bottom: 2px solid #EAEAEA;  
    padding: 5px 0;
}
.tours-events-list li:last-child{
    border-bottom: 2px solid #FFF;  
}
.tours-events-list li div.event-date{
    color: #434949;
    display: inline-block;
    float: left;
    font-family: GothamMedium;
    font-size: 24px;
    padding: 0 0 15px;
    width: 20%;
    text-transform: uppercase;
}
.tours-events-list li div.event-title{
    display: inline-block;
    width: 57%;
    text-transform: uppercase;
}
.tours-events-list li div.event-title span{
    display: block;
    color: #434949;
}
.tours-events-list li div.event-title span.ev-name{
    font-size: 22px;
    font-family: GothamMedium;
}
.tours-events-list li div.event-title span.ev-subtitle{
    color: #646969;
    font-size: 16px;
}
.tours-events-list li div.event-buy-btn{
    display: inline-block;
    float: right;
    margin-top: 5px;
    text-align: right;
    width: 15%;
}
.tours-events-list li div.event-buy-btn a{
    background: none repeat scroll 0 0 #00bff3;
    border-radius: 5px;
    display: inline-block;
    font-size: 26px;
    padding: 5px 30px;
    outline: none;
    font-family: GothamMedium;
    text-transform: uppercase;
}
.tours-events-list li div.event-buy-btn a:hover{
    border: 1px outset #00bff3;
}
.tours-events-list li div.event-buy-btn a:active{
    border: 1px inset #00bff3;
}
a.popup-with-form{ 
font-family: GothamMedium;
}

a.popup-invite,a.popup-invite:focus { 
font-family: Gotham;
float: right;
letter-spacing: 5px;
text-transform: uppercase; font-size: 18px !important; border: 0; background: #4e5251;margin: 10px;outline: none;
}

#stage svg{
    display: block;
    margin: 0 auto;
    width:100% !important;
}
.grabbing { cursor: url(https://www.outix.co/tickets/css/closedhand.cur), pointer !important; }
/* ticket variations */
.variationBlockTitle{
    border-bottom: 2px dashed #ffffff;
    padding-bottom: 5px;
    font-size: 18px !important;
    margin-bottom: 10px;
}
.selectVariationBlock{
    width: 46%;
    float: left;
    margin-right: 2%;
}
.variationLabel{
    font-size: 16px;
}
.variationSelect{
    display: block;
    font-size: 16px;
}
.sessiontimecountdown{
    background: none repeat scroll 0 0 #008FC4;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    display: inline-block;
    left: 10px;
    padding: 10px;
    position: fixed;
    z-index: 9999;
}
.sessiontimecountdown.expired{
    background: #E75353;
}
#selectedCartInfo{
    display: block;
    margin-top: -50px;
    padding: 0 150px;
    text-align: center;
}
#selectedCartInfo .cartdiv{
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    color: #000;
    display: inline-table;
    margin-left: 20px;
}
#selectedCartInfo .cartdiv .cartTitle {
    background: none repeat scroll 0 0 #63bbdf;
    border-radius: 5px 5px 0 0;
    color: #fff;
    padding: 5px 10px;
}
#selectedCartInfo .cartdiv .cartTitle .cart-showinv{
    margin-left: 20px;
}
#selectedCartInfo .cartdiv .seatsDisplay{
    border-radius: 0 0 5px 5px;
    color: #636363;
    padding: 5px 10px;
    text-align: left;
}
#selectedCartInfo .cartdiv .seatsDisplay .cart-seat-name{
    margin-right: 5px;
}
.ticketCategory{
    border-radius: 10px;
   /* padding: 8px 8px 4px;
    margin: 0 3px 3px 0 !important;*/
}
.ticketCategory.expanded{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.61);
    margin: 0 3px 3px 0 !important;
}
.ticketCategory .ticketlistrow{
    display: none;
}
.ticketCategory .ticket-category-column{
    min-height:55px;
    background: #49AEC0;
    border-radius: 10px;
    cursor: pointer;
}
.ticketCategory .ticket-category-column:hover{
    background: #FE5A27;
}
.ticket-category-column .categoryTitle{
    display: inline-block;
    font-family: GothamLight;
    font-size: 30px;
    font-weight: normal;
    padding: 6px 0 6px 32px;
    background: url("../images/plus-icon.png") no-repeat left;
     
}
.ticket-category-column .categoryDesc{
    display: inline-block;
    float: right;
    font-family: GothamLight;
    font-size: 16px;
    min-height: 55px;
    padding: 15px 10px;
    vertical-align: middle;
}
.ticketCategory.expanded .ticket-category-column{
    margin-bottom: 20px;
    background: #5D6268;
    margin-top: 4px;
}
.ticketCategory.expanded .ticket-category-column:hover{
    background: #5D6268;
}
.ticketCategory.expanded .ticket-category-column .categoryTitle{
     background: url("../images/minus-icon.png") no-repeat left;
    
}
.ticketCategory.expanded .ticketlistrow{
    display: block;
    padding-left:10px;
    padding-right: 10px; 
}

/* Accomodation*/
.need_acco{ font-family:GothamLight;   font-size: 30px;}
.need_products{ font-family:GothamLight; font-size: 30px; margin-left: -20px;}



.need_acco_details{ font-family:GothamLight;   font-size: 15px;}
.hotel_name{font-family:GothamBold;   font-size: 25px;}
.hotel_address{font-family:GothamLight;   font-size: 12px; }
.hotel_description{font-family:GothamLight;   font-size: 11px; margin-top:15px; }
.variationBlockTitle{font-family:GothamBook;   font-size: 14px; margin-top:10px; }
.accomodationPackages .package-name{font-family:GothamBook;   font-size: 16px; margin-top:10px; }
.accomodationPackages .desc{font-family:GothamBook;   font-size: 11px;   }
.accomodationPackages .price{font-family:GothamLight;  font-size: 22px;   }
.accomodationPackages .rooms{font-family:GothamLight;   font-size: 13px;   }

ul.listAccomodation li { border-bottom: 5px solid #b7b7b7;}
 

.accoVariationBlock div.accomodationPackages{  padding:5px;}
.accoVariationBlock {border-bottom: 1px dotted #b7b7b7; padding:5px 0 5px 0 ;}

.accoVariationBlock:last-child{border-bottom: 0px;}

 
.accbottomtext{font-family:GothamLight;   font-size: 10px; padding:5px;}
.acc_total{ font-family:GothamLight;  font-size: 30px;}
.totalaccAmountFees{font-family:GothamLight;   font-size: 10px;}

.cart-title-text h1{
    text-transform: uppercase;
    font-size: 36px;
    font-family: GothamBold;
 font-weight: bold;
}
.cart-items-block{
    margin-bottom: 20px;
}
.servicecharge{
    text-align: right;
}
.cart-event-info{
    display: block;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 2px dotted #696969;
}
ul.cart-items li{
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    border-bottom: 2px dotted #696969;
}
ul.cart-items li span.ticketCount{
    display: inline-block;
     
}
ul.cart-items li span.subamount{
    display: inline-block;
    width:30%;
}
ul.cart-items li span.removeTicket {
    display: inline-block;
    width: 31px;
    height: 30px;
    border-radius: 50%;
    background-color: #C1C1C1;
    font-size: 20px;
    color: #FFF;
    padding: 2px 8px;
    font-family: GothamLight;
}
ul.cart-items li span.removeTicket:hover {
    background-color: #666;
}
.event-image-thumb-cart{
    width:70px;
    max-height: 70px;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-right: 10px;
    padding: 13px 0 0;
}
.event-image-thumb-cart img{
    width:100%;
}
.event-name-venue.hasthumb{
    display: inline-block;
}
.checkoutBtns{
    margin: 30px 0 20px;
    clear: both;
}
.cart-btns {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    font-size: 17px;
    padding: 15px 5px 15px 70px;
    background-color: #666;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    text-decoration: none !important;
}
.cart-btns .grey-text{
    color: #C9C9C9;
}
.cart-btns.bnt-continue-shopping {
    background: url("../images/icons/cart-icons.png") 7px -88px no-repeat #666;
    background-size: 56px;
}
.cart-btns.bnt-cart-checkout {
    background: url("../images/icons/cart-icons.png") 7px -1px no-repeat #70CFF4;
    background-size: 56px;
    padding: 20px 5px 20px 70px;
    font-size: 20px;
}
.cart-btns.bnt-cart-restart{
    background-color:#f99921;
}
#cd-cart{
    display: block;
    background-color: #292929;
    padding: 20px 5px;
    width: 400px;
    position: absolute;
    right:0;
    top:400;
    z-index: 99;
    font-family: GothamLight;
}
#cd-cart .cart-items{
    list-style: none;
    padding: 0;
    margin:0;
}
#cd-cart .cart-items div.row{
    display: block;
    padding: 5px 0px;
    margin-bottom: 5px;
    border-bottom: 2px dotted #ccc;
}
#cd-cart .cart-items div.row.noborder{
    border-bottom: 0px;
}

#cd-cart .cart-items  span.ticketCount{
    display: inline-block;
    width:50%;
    font-size: 15px;
}
#cd-cart .cart-items   span.subamount{
    display: inline-block;
    width: 38%;
    font-size: 15px;
    padding-left: 10px;
    font-family: GothamBook;
    color:#ADEBEC !important;
}
#cd-cart .cart-items   span.removeTicket, #cd-cart .cart-items   span.removeCartItems{
    background-color: #4b4b4b;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-family: GothamLight;
    font-size: 15px;
    height: 25px;
    padding: 2px 8px;
    width: 25px !important;
}
#cd-cart .cart-items    .tkt-qty{
    display: inline-block;
    font-size: 30px;
    font-family: GothamBook;
    color: #ADEBEC;
    float: left;
    margin-right: 10px;
}

#cd-cart .cart-items .tkt-eventname{
    font-size: 13px;
    font-family: 'PT Sans', sans-serif;
}
#cd-cart .cart-items .tkt-eventname-head{
    font-size: 20px;
    font-family: 'PT Sans', sans-serif;
}
#cd-cart .cart-items    .tkt-ename{
    font-size: 13px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700; line-height: 10px;
}
.sub-total-cart{
    display: block;
    margin: 10px 0;
    text-align: right;
}
.sub-total-cart .subtotal-cart-text{
    text-transform: uppercase;
    font-size: 20px;
    color: #ccc;
    margin-right: 20px;
}
.sub-total-cart .subtotal-cart-price{
    font-size: 20px;
    color:#ADEBEC;
}
.cart-close{
    display: block;
    text-align: right;
}
.cart-close .cart-close-btn{
    font-size: 28px;
    color:#ccc;
    cursor: pointer;
    font-family: GothamLight;
}
.cart-head{
    display: block;
    padding: 10px 0;
    font-size: 35px;
    font-family: GothamLight;
    text-align: center;
    color: #ADADAD;
}

.cd-cart .no-items{
    text-align: center;
    
}
div.stage-loading{
    font-size: 24px;
    font-family: GothamLight;
    width: 300px;
    margin: 150px auto 0px;
}
.buybtn-right{
    text-align: right;
}
.btn-buytickets{
    background: #209abb none repeat scroll 0 0;
    border: 1px solid #06728f;
    font-family: Gotham;
    font-size: 22px !important;
    text-align: center;
}
.btn-buytickets:hover{
    background: #06728f none repeat scroll 0 0;
}
#bookingSessionError{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    right:top;
    z-index: 99999999;
    background: rgba(0, 0, 0, 0.66) none repeat scroll 0 0;
}
#bookingSessionError .sessioErrorWrap{
    background: #fff none repeat scroll 0 0;
    color: #000;
    display: block;
    margin: 70px auto;
    max-width: 500px;
    width: 70%;
    border-radius: 5px;
}
#bookingSessionError .sessionErrorHead{
    background: #d94b4b none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: Gotham;
    font-size: 16px;
    padding: 7px 10px;
    border-radius: 5px 5px 0 0;
}
#bookingSessionError .sessionErrorBody{
    display: block;
}
#bookingSessionError .sessionErrorMessage{
    font-family: GothamBook;
    font-size: 14px;
    padding: 10px;
}
#bookingSessionError .sessionErrorMessageClose{
    background: #f7f7f7 none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #ebebeb;
    display: block;
    padding: 4px 10px;
    text-align: right;
    border-radius: 0 0 5px 5px;
}
#bookingSessionError .sessionErrorMessageClose .btn{
    background: #d94b4b none repeat scroll 0 0;
    color: #fff;
    font-family: Gotham;
    text-align: center;
    width: 75px;
}
#bookingSessionError .sessionErrorMessageClose .btn:hover{
    background: #C14343;
}
div.pickSeatsBtnWrap{
    text-align:right;
}
div.pickSeatsBtnWrap .pickSeats{
    cursor: pointer;
    display: inline-block;
    font-family: Gotham;
}
#seatLayout{
    background: #c1c1c1 none repeat scroll 0 0;
    border: 5px solid #145B8C;
    border-radius: 15px;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999999;
}
#seatLayout #seatWrap{
    
}
.btn-zoomin, .btn-zoomout, .btn-close{
    display: inline-block;
    width: auto;
    background: #13849D;
    margin-top: 5px;
    margin-right: 15px;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 1px 1px 1px 1px #747474;
}
.btn-zoomin:hover, .btn-zoomout:hover{
   background: #0E6C81;
   color:#FFF;
}
#seatLayout .closeBox{
    
}
#seatLayout .closeBox.stageFootMiddle{
    text-align: center;
}
#seatLayout .closeBox .btn-close-seatpick{
    background: #f43d3d none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: gothamLight;
    font-size: 25px;
    font-weight: lighter;
    padding: 5px 13px;
    width: auto;
    margin-top: 20px;
}
#seatLayout .closeBox .btn-close-seatpick:hover{
    color:#FFF;
    background: #B32828 none repeat scroll 0 0;
}

#stage{
    position: relative;
    height: 100%;
    overflow: hidden;
}
#stageTop .loading-layout{
    color: #232323;
    font-family: Gotham;
    font-size: 19px;
    padding: 5px;
    text-align: center;
}
#stageZoomBtns{
    display: inline-block;
    position: absolute;
    top: 0;
}
#stageZoomBtns #zoomIn, #stageZoomBtns #zoomOut{
    background: #434040 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: GothamLight;
    font-size: 27px;
    margin: 5px;
    padding: 10px 18px;
    text-align: center;
    width: auto;
    z-index: 999999999;
}
#stageZoomBtns #zoomIn:hover, #stageZoomBtns #zoomOut:hover{
    background: #08838E none repeat scroll 0 0;
}
.btn-searchevent{
    background-color: #46982B;
    border: 1px solid #317B18;
    font-size: 16px !important;
    font-family: gotham;
    padding: 16px 10px;
    text-align: center;
}
.btn-homepage{
    background-color: #2B86BB;
    border: 1px solid #226F9C;
    font-size: 16px !important;
    font-family: gotham;
    padding: 16px 10px;
    text-align: center;
}
.btn-searchevent:hover{
    background-color: #317B18;
}
.btn-homepage:hover{
    background-color: #226F9C;
}
li.cart-summary-ticket-list{
    position: relative;
}
li.cart-summary-ticket-list .removeCartItems{
    background: #454545 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-family: Gotham;
    font-size: 16px;
    height: 20px;
    line-height: 22px;
    padding: 0 4px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 20px;
}
li.cart-summary-ticket-list .removeCartItems:hover{
    background: #C11111 none repeat scroll 0 0;
    cursor: pointer;
}
.error-alert{
    width: 70% !important;
    float: right;
    text-align: left !important;
    font-size: 14px !important;
    padding-left: 5px;
    color: #f72626;
}
label .form-required{
    color: #d00202;
    font-size: 20px;
}
.leftpadnone{
    padding-left: 0px !important;
}
.rightpadnone{
    padding-right: 0px !important;
}
.showCouponBox, .removEventFromCart{
    font-family: Gotham;
    font-size: 12px;
    cursor: pointer;
}
.cart-haveacoupon{
    margin-top: 0px;
}
ul.donation_amounts{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.donation_amounts li.amount-select{
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}
ul.donation_amounts li.donate-btn .makeDonation{
    text-align: center;
    width: auto;
    padding: 7px 20px;
    font-size: 20px;
    margin-bottom: 10px;
    margin-right: 5px;
}
ul.donation_amounts li.donate-btn .removeDonation {
    text-align: right;
    width: auto;
    padding: 3px 10px;
    font-size: 22px;
    margin-bottom: 10px;
    float: right;
    margin-right: 0px;
    background: none;
    position: absolute;
    right: 13px;
    bottom: 0px;
    color: #ea3939;
    box-shadow: none;
    font-family: GothamMedium;
}
.makeDonation{
    background: #00abd2;
    color: #FFF;
}
.survey-form input[type="text"], .survey-form textarea, .survey-form select{
    width: 60% !important;
    margin-top: 7px;
}
.survey-form .form-group .answerBox label{
    text-align: left;
    padding-left: 10px;
}
.survey-form .form-group .answerBox label input[type="radio"], .survey-form .form-group .answerBox label input[type="checkbox"]{
    margin-right: 10px;
}
span.btn.btn-add-product-to-cart{
    background: #209abb none repeat scroll 0 0;
    border: 1px solid #06728f;
    color: #fff;
    font-size: 16px !important;
    height: 50px !important;
    line-height: 30px;
    margin-top: 7px;
}
span.btn.btn-add-product-to-cart:hover{
    background: #06728f none repeat scroll 0 0;
}
.addExtraOccupants{
    display: inline-block;
    width: 100%;
    clear: both;
    margin-top: 9px;
    color: #32b0f1;
    font-family: Gotham;
    cursor: pointer;
}  
.dialogExtraOccupant .dialogText{
    display: block;
    margin-bottom: 10px;
}  
.dialogExtraOccupant .dialogText.variationName{
    font-family: Gotham;
    font-size: 16px;
}
.cart-checkout{
    display: block;
    margin: 10px 0px;
    text-align: right;
    padding: 15px 5px 15px 20px;
}
.cart-checkout a{
    display: inline-block;
    width: 100%;
    background: #686868;
    padding: 7px 15px;
    font-size: 24px;
    text-transform: uppercase;
    font-family: GothamBook;
    border-radius: 5px;
}
.checkout-arrow{
    float: left;
}
#seatLayoutInline .btns-right{
    text-align: right;
}




#seatLayoutInline .btn.btn-zoomin, #seatLayoutInline .btn.btn-zoomout, #seatLayoutInline .btn.btn-close {
    box-shadow: none;
    background: #f08352;
    color: #FFF;
    padding: 2px 7px;
    display: inline-block;
    clear: right;
    float: none;
    margin-right: 0px;
    margin-left: 5px;
    font-size: 14px;
}
#seatLayoutInline .btn.btn-close{
    background: #fd2a2a !important;
}
#seatLayoutInline .btn.btn-zoomin:hover, #seatLayoutInline .btn.btn-zoomout:hover{
    background: #ef5d1c;
}
#seatLayoutInline .btn.btn-close:hover{
    /*background: red;*/
    background: #da0d0d !important;
    color:#FFF !important;
}
.seat-layout-tickets-display{
    display: block;
    margin-bottom: 10px;
    clear: both;
    text-align: center;
}
 .seat-layout-tickets-display .btn{
    width:auto !important;
     min-width:150px !important;
 }
 
 
 .please_select_seats{
     font-size: 18px;
     font-family: GothamBook;
 }

.seat-layout-tickets-display .btn-group {
    width:auto !important;
     
}

.seat-layout-tickets-display .btn-default.active, 
.seat-layout-tickets-display .btn-default:active, 
.seat-layout-tickets-display .btn-default:focus, 
.seat-layout-tickets-display .btn-default:hover, 
.seat-layout-tickets-display .open .dropdown-toggle.btn-default{
    background: #e6703b !important;
    border-color: #dc5417 !important;
    border-right: 2px solid #FFF !important;
}
.seat-layout-tickets-display .open>.dropdown-menu{
    background: #f08352 !important;
}
.tkt-item-display{
    background: #f08352;
    border-color: #f08352;
    border-right: 2px solid #FFF !important;
}
.tkt-item-display span{
    color:#FFF;
}
.seat-layout-tickets-display .btn-group .tkt-item-display.first{
    border-radius: 10px 0px 0px 10px;
}
.seat-layout-tickets-display .btn-group .tkt-item-display.last{
    border-radius: 0 10px 10px 0px;
    border-right:1px solid #f08352 !important;
}
.tkt-item-display .ticketName, .ticket-list-item-child .ticketName{
    display: block;
    font-size: 13px;
    font-family: GothamBold;
    color:#FFF;
    text-align: center;
}
.tkt-item-display .more-tickets-toggle{
    color: #FFF;
    font-size: 13px;
    font-family: GothamBook;
    line-height: 40px;
}
.tkt-item-display .ticketPrice, .ticket-list-item-child .ticketPrice{
    display: block;
    font-size: 10px;
    font-family: GothamBook;
    text-align: center;
    color:#FFF;
}
.tkt-item-display .ticketStock, .ticket-list-item-child .ticketStock{
    display: none;
    font-size: 11px;
    font-family: GothamLight;
    color:#FFF;
    text-align: center;
}
.ticket-list-item-child{
    display: block;
    padding: 5px;
    border-bottom: 1px solid #fff;
    color: #FFF;  
}
.seatsSummaryBox .seatLists{
    margin-bottom: 15px;
}
.seatsSummaryBox .seatSummary{
    background: #3e9fc0 none repeat scroll 0 0;
    border: 3px solid #70cef4;
    color: #FFF;
    font-size: 12px;
    margin-bottom: 3px;
    padding:5px;
    position: relative;
}
.seatsSummaryBox .seatSummary span{
    display: block;
}
.seatsSummaryBox .seatSummary span.propValue{
    display: inline-block;
}
.seatsSummaryBox .seatSummary span.ticketPrice{
    text-align: center;
    font-size: 14px;
    font-family: GothamBook;
}
.seatsSummaryBox .ticketTypeBox{
    background: #6dcff6 none repeat scroll 0 0;
    border-radius: 0px 0px 3px 3px;
    font-size: 12px;
    padding: 6px 8px;
    position: relative;
}
.seatsSummaryBox .ticketTypeBox:hover{
    background: #3e9fc0 none repeat scroll 0 0;
    cursor:pointer;
}
.seatsSummaryBox .ticketTypeBox span.caret-dropdown{
    color: #636363;
    font-size: 11px;
    position: absolute;
    right: 3px;
    top: 1px;
}
.seatsSummaryBox .ticketTypeBox ul.changeTicketType{
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 3px;
    z-index: 9999;
}
.seatsSummaryBox .ticketTypeBox ul.changeTicketType li{
    background: #6dcff6 none repeat scroll 0 0;
    padding: 2px 4px;
    border-bottom: 0.5px solid #fff;
}
.seatsSummaryBox .ticketTypeBox ul.changeTicketType li:hover, .seatsSummaryBox .ticketTypeBox ul.changeTicketType li.currentTicketType{
    background: #3e9fc0 none repeat scroll 0 0;
    min-width: 150px;
}
.seatsSummaryBox .ticketTypeBox ul.changeTicketType li:last-child{
    border-bottom: 0px;
    border-radius: 0 0 6px 6px; 
}
.buyBtnForLayoutTkts{
    text-align: center;
}
.buyBtnForLayoutTkts a.seatLayoutBuy{
    display: inline-block;
}
.buyBtnForLayoutTkts a span.priceText{
    background: #6dcff6 none repeat scroll 0 0;
    clear: right;
    color: #fff;
    display: block;
    font-size: 25px !important;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}
.buyBtnForLayoutTkts a span.priceText .buyText{
    color:#1e5e78;
}
.buyBtnForLayoutTkts a .feeText{
    font-family: Gotham;
    font-size: 11px;
    text-transform: uppercase;
}
.seatsSummaryBox .seatSummary .removeSeatBtnNow{
    position: absolute;
    display: inline-block;
    right: -10px;
    top: -10px;
    width: 17px;
    height: 17px;
    background: red;
    text-align: center;
    line-height: 19px;
    font-family: Gotham;
    font-size: 12px;
    border-radius: 50%;
    cursor: pointer;
} 




.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.radio-visa{background-image:url(../images/icons/ccard-1.png);}
.radio-mastercard{background-image:url(../images/icons/ccard-2.png);}
.radio-amex{background-image:url(../images/icons/ccard-4.png);}

.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;height:70px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}