.eventBanner { background-color:#00cafd; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover;}
.eventVanue { background:rgba(255,255,255,.8); padding:15px 30px; margin-top:70px; position:relative;}
.event-name { color:#304756; font:500 36px 'Roboto', Arial, Helvetica, sans-serif; margin:0; text-align:left;}
.event-subtitle { color:#585858; font:400 22px 'Roboto', Arial, Helvetica, sans-serif; margin:8px 0 0; text-align:left;}
.vanue-name { color:#585858; font:500 24px 'Roboto', Arial, Helvetica, sans-serif; margin-top:10px; margin-bottom:15px;}
.donation { color:#000; text-transform:uppercase; font:bold 24px Arial, Helvetica, sans-serif;}
.adiv { color:#304756; font:500 18px 'Roboto', Arial, Helvetica, sans-serif; margin-bottom:10px; text-align:left; position:relative;}
.adiv i { position:absolute; left:0; top:0;}
.adiv .black { color:#000;}
.multiDateVenueMenu.md-menu { width:100%; display:flex; padding:0;}
.multiDateVenueMenu.md-menu > a { display:inline-block; margin-top:2px; color:#ff008a; font-size:16px; line-height:normal; text-shadow:0 0 10px #fff;}
md-menu-item .md-button.md-focused:not([disabled]) { background:rgba(0,0,0,.08); color:rgb(0,204,255);}

.wgts { position:absolute; right:15px; bottom:15px; line-height:32px;}
.wgts span { display:inline-block; line-height:20px; margin-right:20px; float:left;}
.wgts span.material-icons { margin-right:0;}
.wgts a { color:#888; cursor:pointer;}
.wgts .social { line-height:20px; margin-right:5px; position:relative;}
.wgts .social a { display:inline-block;}
.wgts .social:before { content:attr(social); color:rgb(116,116,116); font:500 11px 'Roboto', Arial, Helvetica, sans-serif; position:absolute; left:0; bottom:100%; margin-bottom:3px;}
.favStyle { color:#ff008a;}
.voteStyle { color:#00c9fd;}
/****************************************************************/
.alignText { text-align:right;}
.text-links { margin:10px -10px; padding:0; text-align:left; display:inline-block;}
.text-links li { margin:0; padding:0 10px; list-style:none; display:inline-block;}
.text-links li a { display:inline-block; padding:0; color:#000; font:16px 'Roboto', Arial, Helvetica, sans-serif; text-decoration:none;}
.text-links li a:hover { color:#00baff;}
.eventFlyer { width:100%; display:inline-block;}
.eventFlyer img { width:100%;}
.eventFlyerDes { font:16px/26px 'Roboto', Arial, Helvetica, sans-serif; overflow:hidden;}
.eventFlyerDes * { max-width:100% !important;}
.eventFlyerDes .row { width:100%; margin:0 !important;}
.organiserBox { width:100%; min-height:100px; background:#f5f5f5; position:relative; padding:15px 15px 15px 100px;}
.organiserBox > img { width:70px; height:70px; display:inline-block; position:absolute; left:15px; top:15px;}
.organiserBox > div { width:100%; display:table; text-align:left; font:16px 'Roboto', Arial, Helvetica, sans-serif;}
.organiserBox p { display:inline-block; margin-bottom:5px; font:500 16px 'Roboto', Arial, Helvetica, sans-serif;}
.organiserBox span { display:inline-block; line-height:20px; margin-right:30px; float:left;}
.organiserBox a { color:#00baff; cursor:pointer; text-decoration:none;}
.organiserBox span a { text-transform:uppercase; font-size:14px;}
.organiserBox a:hover { color:#000;}
.organiserBox .social { line-height:20px; margin-right:5px;}
.organiserBox .social a { display:inline-block;}
.refundPolicyInfo { width:100%; display:inline-block; background:#f5f5f5; padding:15px;}
.rpTitle { color:#333; font-weight:bold; font-size:16px;}
.rpDes { color:#666; font-size:14px; word-break:break-word;}
/****************************************************************/
.pageTitle { font:bold 24px 'Roboto', Arial, Helvetica, sans-serif; color:rgb(255, 0, 138); text-transform:uppercase; margin:0; padding:15px 20px;}
.red-heading { color:#ff2693; font:bold 24px 'Roboto', Arial, Helvetica, sans-serif; margin-top:20px; margin-bottom:10px;}
.whosGoing { background:#f5f5f5; border-bottom:1px solid #f1f1f1;}
.connectFacebook { display:inline-block; color:#00baff; cursor:pointer; text-decoration:none; font:16px/30px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase;}
.connectFacebook img { float:left; margin-right:10px;}
#fbAttendees { width:100%; display:inline-block;}
.fbAttendee { width:62px; display:inline-block; padding:3px;}
.fbAttendee img { width:100%; background:#fff; padding:3px; border:1px solid #ddd; display:block;}
.fbNotYet { display:inline-block; color:#00baff; cursor:pointer; text-decoration:none; font:500 16px/30px 'Roboto', Arial, Helvetica, sans-serif;}
.dialogFBNotYet { max-width:380px; text-align:left;}
.editSocialSettings { color:#ff2693; cursor:pointer;}
.editSocialSettings:hover { color:#000;}
.fbAttendee[tooltip]:before { background:#ff2693; font:500 11px/15px 'Roboto', Arial, Helvetica, sans-serif;}
.fbAttendee[tooltip]:after { border-top-color:#ff2693;}
/****************************************************************/
.ticket { width:100%; display:inline-block; margin-bottom:15px; background:#fafafa; box-shadow:0 1px 2px rgba(0,0,0,.5);}
.addon-ticket { background-color: #25364F26;}
.addon-ticket-icon { vertical-align: top; display: inline-block; margin: 3px 7px 5px 0; width: 28px; }
.addon-ticket .text24 { font-size: 21px; }
.addon-ticket * { color: #000; }
.text24 { color:#535252; font:24px 'Roboto', Arial, Helvetica, sans-serif; text-align:left;}
.joinWaitlist { font-size: 14px; white-space: nowrap; }
.joinWaitlist:hover { color:#0393ef;}
.upp { text-transform: uppercase; }
.remain { color:#000; font:bold 18px 'Roboto', Arial, Helvetica, sans-serif;}
.smallFee { display:inline-block; font-size:14px; color:#666;}
.ticdes { color:#8c8b8b; font-size:12px;}
.ticdes p { margin:12px 0; line-height:14px;}
.ticdetail { color:#304756; font-size:12px; line-height:14px;}
.ticdetail strong { font-weight:500;}
.ticdetailright { color:#304756; font-size:12px; line-height:14px; text-align:right}
.attendeeInfo { color:#0393ef; text-transform:uppercase; font:500 13px/13px "Roboto", Arial, Helvetica, sans-serif; margin-top:15px; display:inline-block;}
a.attendeeInfo { cursor:pointer;}
a.attendeeInfo:hover { color:#000;}
.attendeeInfoTable { width:100%; overflow-x:auto;}
.attendeeInfoTable table { width:100%; border-collapse:separate; border-spacing:0 7px;}
.attendeeInfoTable table tr { border:1px solid #fff; background:#f2f2f2;}
.attendeeInfoTable table tr td { padding:7px 10px; white-space:nowrap;}
.optValue { color:#7f7f7f; font:500 24px/24px "Roboto", Arial, Helvetica, sans-serif;}
.optPrice { color:#535252; font:24px/24px "Roboto", Arial, Helvetica, sans-serif;}
.promoCode { display:inline-block; width:150px; text-align:left;}
.inputbox { width:auto; height:40px; display:inline-block; padding:5px 2px; margin:0; color:#7f7f7f; font:500 24px/24px "Roboto", Arial, Helvetica, sans-serif; background:none; border:none; border-bottom:1px solid rgba(0,0,0,.12); outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-align:center;}
.option { width:auto; height:40px; display:inline-block; padding:5px 15px; color:#7f7f7f; background-color:rgb(250,250,250); font:500 24px/24px "Roboto", Arial, Helvetica, sans-serif; border:none; border-bottom:1px solid #e0e0e0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-repeat:no-repeat; background-position:right center;}
.ticketInfoLeft { width:calc(100% - 90px); display:inline-block; float:left; overflow:hidden;}
.ticketInfoRight { width:90px; display:inline-block; padding-right:20px; float:left;}
.otherCurrency .ticketInfoLeft { width:calc(100% - 130px);}
.otherCurrency .ticketInfoRight { width:130px;}
.ticketInfoRight .md-input { color:#888; font-weight:500;}
.ticketInfoRight ._md-text { color:#888; font-size:24px; font-weight:500;}
.wdt100 { width:100px;}
.tot { display:inline-block; color:#0393ef; font:500 24px 'Roboto', Arial, Helvetica, sans-serif;}
.promoDiscount { display:inline-block; margin-bottom:15px; color:#ff1b00; font:bold 24px 'Roboto', Arial, Helvetica, sans-serif;}
.bldtext { color:#000; font:500 16px 'Roboto', Arial, Helvetica, sans-serif; margin-top:-5px; margin-bottom:0;}
.salestart { font-weight:500;}
.spAttendee { background:#f4f4f4; width:calc(100% - 30px); margin:15px 15px 0 15px;}
.btnPickSeat { background:#ff2693; color:#fff; padding:5px 10px; margin-top:10px; display:inline-block;}
.btnPickSeat:hover { box-shadow:0 0 0 50px rgba(0,0,0,.13) inset; color:#fff;}
.isSeating .ticketInfoLeft { width:calc(100% - 150px);}
.isSeating .ticketInfoRight { width:150px;}
.isAddOnTicket { background:#f4f4f4; padding-top:10px; padding-bottom:10px;}
.isAddOnTicket .text24, .isAddOnTicket .text24 i, .isAddOnTicket .ticketInfoRight ._md-text { font-size:18px;}
.isAddOnTicket md-input-container { margin-bottom:0;}
/****************************************************************/
.deal_btn { display:inline-block; padding:8px 15px; box-shadow:0 1px 2px rgba(0,0,0,.5); color:#0393ef; font:500 14px/20px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; cursor:pointer;}
.deal_btn i { margin-right:5px;}
.deal { width:100%; position:relative; display:inline-block; min-height:120px; padding:15px; padding-left:120px; margin-bottom:15px; text-align:left; box-shadow:0 1px 2px rgba(0,0,0,.5);}
.dealImg { width:85px; height:85px; display:inline-block; position:absolute; left:15px; top:15px;}
.dealOff { color:#00b3ff; font:500 24px 'Roboto', Arial, Helvetica, sans-serif; margin-right:5px;}
.dealOffDetails { color:#000; font:12px 'Roboto', Arial, Helvetica, sans-serif;}
.dealDes { color:#aaa; font:14px/20px 'Roboto', Arial, Helvetica, sans-serif;}
.dealDes strong { color:#000; font-weight:500; font-size:16px;}
.dealThumb { color:#00b3ff; cursor:pointer; position:relative;}
.dealThumb.voted { color:#aaa; cursor:default;}
.dealThumb i { font-size:18px; margin-top:-5px;}
.thumbAction { background:#fff; position:absolute; top:-8px; left:100%; white-space:nowrap;}
.thumbAction a { background:#eaeaea; width:32px; height:32px; line-height:32px; display:inline-block; text-align:center; margin-left:5px; border-radius:50%; transition:all 300ms ease;}
.thumbAction a.thumbDown { color:#ff2693;}
.dealLink { color:#00baff; cursor:pointer; text-decoration:none; font:500 14px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 15px;}
.dealLink.dark { color:#0393ef;}
.dealLink:hover { color:#000;}

.whatisthis { width:22px; height:22px; display:inline-block; background:#888; color:#fff; border-radius:50%; text-align:center; font-size:16px; line-height:24px; cursor:pointer;}
.whatisthis:hover { background:#00baff; color:#fff;}

.dealBoxBlock { width:100%; position:relative; display:inline-block; min-height:132px; padding:15px; padding-left:130px; margin-bottom:15px; text-align:left; box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);}
.dealBoxHeading { color:#00b3ff; font:500 24px 'Roboto', Arial, Helvetica, sans-serif;}
.dealBoxDescribe { color:rgba(0,0,0,.8); font:16px/24px 'Roboto', Arial, Helvetica, sans-serif; margin-top:5px;}
.dealBoxImg { width:100px; height:100px; display:inline-block; position:absolute; left:15px; top:15px;}
.dealSwitchBox { margin-top:10px; text-align:left;}
.dealSwitch { display:inline-block; position:relative; height:36px; padding:3px 20px; background:#eee; color:#000; font:16px/30px 'Roboto', Arial, Helvetica, sans-serif; border-radius:30px; cursor:pointer; transition:all 300ms ease;}
.dealSwitch:hover { background:#eaeaea;}
.dealSwitch span.dealSwitchIcon { width:32px; height:32px; line-height:30px; text-align:center; background:#00b3ff; color:#fff; border-radius:50%; position:absolute; top:2px; cursor:pointer;}
.dealSwitch.addDeal { padding-left:45px;}
.dealSwitch.addDeal:hover { color:#00b3ff;}
.dealSwitch.removeDeal { padding-right:45px;}
.dealSwitch.removeDeal:hover { color:#ff2693;}
.dealSwitch.removeDeal span.dealSwitchIcon { background:#ff2693; right:2px;}
.dealSwitch.addDeal span.dealSwitchIcon { left:2px;}
.dealSwitch.Details { background:#00b3ff; color:#fff; margin-left:10px;}
.dealSwitch.Details:hover { background:#0393ef;}

.dealBanner { background-color:#00baff; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; min-height:fit-content; padding:15px 0;}
.dealBanner .md-toolbar-tools { max-height:fit-content;}
.dealBanner .md-toolbar-tools h2 { line-height:normal;}
.dealInfoBox { width:100%; min-height:160px; display:inline-block; padding-left:180px; position:relative; font-family:'Roboto', Arial, Helvetica, sans-serif; line-height:normal; text-align:left;}
.dealInfoBlock { width:100%; display:inline-block; position:relative; padding-left:30px; margin-bottom:10px; line-height:24px;}
.dealInfoBlock i { position:absolute; left:0; top:1px;}
.dealInfoBox .dealImage { width:160px; height:160px; position:absolute; left:0; top:0; margin-bottom:15px;}
.dealInfoBox .dealVenue { color:#000; font-weight:500; font-size:18px; line-height:normal;}
.dealInfoBox .dealAddress { color:#666; font-weight:300; font-size:14px;}
.dealInfoBox .dealDate { color:#000; font-weight:500; font-size:14px; text-transform:uppercase;}
.dealInfoBox .dealPrice { color:#ff2693; font-weight:bold; font-size:24px; line-height:24px;}
.dealInfoBox .dealPriceOld { color:#aaa; font-size:24px; line-height:24px; text-decoration:line-through;}
.dealInfoBox .dealDiscount { color:#00b3ff; font-size:16px;}
.dealInfoBox .dealType { color:#333; font-weight:300; font-size:16px;}
.dealTit { color:#000; font-weight:500; font-size:18px; margin-top:10px;}
.dealDescription { color:#666; font-size:14px;}
.dealDescription p { line-height:normal; margin-top:5px; margin-bottom:10px;}
/****************************************************************/
.team { padding:10px 10px 10px 60px; background:rgba(0,0,0,.05); position:relative; min-height:60px; margin-top:5px;}
.team:hover { background:rgba(0,0,0,.07);}
.team img { width:40px; height:40px; position:absolute; left:10px; top:10px;}
.teamName { color:#000; font:500 18px 'Roboto', Arial, Helvetica, sans-serif;}
.teamCount { color:rgba(0,204,255,1); font:14px 'Roboto', Arial, Helvetica, sans-serif; cursor:pointer;}
.teamMembers { background:rgba(0,0,0,.01); padding:5px 15px;}
.userChip { background:rgba(0,0,0,.05); color:#000; font:16px/32px 'Roboto', Arial, Helvetica, sans-serif; display:inline-block; padding-left:45px; padding-right:15px; margin:5px; position:relative; border-radius:16px;}
.userChip img { background:#e2e2e2; width:32px; height:32px; position:absolute; left:0; top:0; border-radius:50%;}
.userChip:hover { background:rgba(0,0,0,.07);}
/****************************************************************/
.buttons a { font:500 16px 'Roboto', Arial, Helvetica, sans-serif; padding:10px 30px; background:#00cafd; color:#fff; text-decoration:none; text-transform:uppercase;margin-right:25px; display:inline-block;}
.buttonedit a { font:14px 'Roboto', Arial, Helvetica, sans-serif; padding:10px 30px; background:#00cafd; color:#fff; text-decoration:none; text-transform:uppercase;margin-right:25px; display:inline-block;}
.buttons a.makeLive { background:#1adf1a; margin-left:30px; margin-right:0;}
img.ng-thumb { height:100px;}
.ng-gallery-content > .ng-thumbnails-wrapper { overflow:hidden;}
#owlCarousel, #owlCarousel img, .owl-carousel, .owl-carousel img { padding:2px;}
#owlCarousel img, .owl-carousel img { cursor:pointer; max-width:300px;}
.md-dialog-container img { display:block; width:100%; margin-bottom:10px;}

.viewMapButton { width:100%; display:inline-block; text-align:center; padding:30px; background:#f2f2f2;}
.viewMapButton a { padding:10px 30px; background:#ff2693; color:#fff; text-transform:uppercase; font:16px/32px 'Roboto', Arial, Helvetica, sans-serif;}
.directionOptions { margin:0; padding:0; text-align:center; padding-top:10px; background:#f2f2f2;}
.directionOptions li { padding:5px; margin:5px; list-style:none; display:inline-block; border-radius:50%;}
.directionOptions li a { display:inline-block; width:24px; height:24px; float:left; color:#fff; background-image:url(/Images/AMaterial/directions-options.png);}
.directionOptions li:hover { background-color:rgba(0,0,0,.1);}
.directionOptions li a.car { background-position-y:0;}
.directionOptions li a.train { background-position-y:-24px;}
.directionOptions li a.walk { background-position-y:-48px;}
.directionOptions li a.cycle { background-position-y:-72px;}

/*******************************************************************/
.infoW { background:#fff; border-radius:10px 10px 0 0; overflow:hidden; color:#000; font:12px 'Roboto', Arial, Helvetica, sans-serif; height:230px;}
.infoW .infoHead { background:#000; border-radius:11px 11px 0 0; color:#fff600; font:bold 14px 'Roboto', Arial, Helvetica, sans-serif; padding:7px 15px; margin:0;}
.infoContent { position:relative; width:100%; padding:15px 115px 15px 15px; text-align:left;}
.propImg { width:85px; height:85px; position:absolute; top:15px; right:15px;}
.propTitle { color:#0393ef; font:bold 14px 'Roboto', Arial, Helvetica, sans-serif; padding-bottom:5px;}
.addInfo, .viewInfo { display:inline-block; width:40%; color:#7dd5fe; cursor:pointer; font:700 14px/20px "Roboto", Arial, Helvetica, sans-serif; text-align:center; padding:8px; text-decoration:none; text-transform:uppercase; margin-left:15px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);}
.addInfo, .viewInfo:hover { color:#0393ef !important;}
.infoButtons { margin-top:15px; text-align:center;}
.infoContent { display:inline-block; min-height:100px;}
.attinfoW { background:#fff; border-radius:10px 10px 0 0; overflow:hidden; color:#000; font:12px 'Roboto', Arial, Helvetica, sans-serif;max-height:30px;}
.attinfoContent { display:inline-block;max-height:30px;}
/*******************************************************************/
.menu ul { margin: 0; padding:0;}
.menu ul li { list-style:none;display:inline-block;}
.menu ul li a { text-decoration:none; color:#000; font:17px 'Roboto', Arial, Helvetica, sans-serif; padding:0 15px; cursor:pointer;}
.menu ul li a:hover { color:#00cafd;}
/*******************************************************************/
#slider { width:100%; height:100px; display:block; overflow:hidden; position:relative;}
.ng-gallery { width:auto; left:0; display:table; position:absolute;}
.ng-gallery div { width:auto; height:100px; margin:0 3px; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; display:inline-block; float:left; overflow:hidden;}
/********************************************************************/
.orderDetails { width:100%; display:inline-block; margin:15px 0; background:#fafafa; color:#535252; box-shadow:0 1px 2px rgba(0,0,0,.5);}
.orderId { padding:15px;}
.orderNumber { margin:0; font-size:24px; line-height:normal;}
.orderSbuline { margin:0; font-size:13px; text-align:left;}
.orderSbuline span, .orderSbuline a { display:inline-block;}
.orderLight { color:#aaa;}
.orderDealDetail { font:16px "Roboto", Arial, Helvetica, sans-serif; color:#000;}
.orderLocationBox { display:inline-block; background:rgba(0,0,0,.05); padding:10px 15px; margin:5px 5px 5px 0;}
.orderUberLocation { font:500 14px "Roboto", Arial, Helvetica, sans-serif; color:#333;}
.orderUberAddress { font:13px "Roboto", Arial, Helvetica, sans-serif; color:#888;}
.orderUberLocTitle { color:#333;}
.pwBooking { position:relative; min-height:80px; padding-left:90px; margin:5px 0;}
.pwBooking img { width:80px; position:absolute; left:0; top:0;}
.semiBold { font-weight:500;}
.evtLink { color:#00baff; font-size:13px; font-weight:500; text-decoration:none; text-transform:uppercase; cursor:pointer;}
.evtLink:hover { color:#000;}
.orderList .orderBox { padding:5px 50px 5px 15px; position:relative;}
.orderList .orderBox:nth-child(odd) { background:#ededed;}
.orderTitle { font-size:18px; margin:0; text-align:left;}
.nextLink { display:inline-block; padding:10px 15px; color:#00baff; font-size:14px; font-weight:500; text-decoration:none; text-transform:uppercase; cursor:pointer;}
.nextLink:hover { color:#000;}
.genAdmission { font-size:13px; line-height:28px; margin-left:15px !important;}
.shareLink { display:inline-block;}
.flRightN { width:10%; display:inline-block; position:absolute; right:0; top:15px; font-size:24px; text-align:center;}
.calClose { position:absolute; right:0; top:15px;}
.calClose:hover { background-color:none; color:#00cafd;}
.calIcon { width:100%; margin:0; padding:0; display:inline-block;}
.calIcon li { width:100%; margin:0; padding:0; list-style:none; display:inline-block; float:left;}
.calIcon li a { display:inline-block; color:#000; padding:10px; border-radius:3px; font:18px 'Roboto', Arial, Helvetica, sans-serif;}
.calIcon li a:hover { color:#00cafd;}
.calIcon li a img { width:24px; float:left; margin-right:10px;}
.A2CDialog { max-width:320px;}
.ocAdd2CalHeading { font-size:18px; color:#535252;}
.ocAdd2CalList { width:100%; margin:0; padding:0; display:inline-block;}
.ocAdd2CalList li { list-style:none; display:inline-block; margin-right:15px;}
.ocAdd2CalList li a { display:inline-block; color:#535252; font-size:14px; line-height:16px;}
.ocAdd2CalList li a:hover { color:#0393ef;}
.ocAdd2CalList li a img { width:16px; float:left; margin-right:10px;}
.orderConfirmationMessage { color:#666; font:italic bold 16px 'Roboto', Arial, Helvetica, sans-serif; margin-top:5px;}
.instructions4Attendees { color:#000; background:#f0efef; font:300 16px "Roboto",Arial,Helvetica,sans-serif; padding:15px 30px; margin:15px auto; border-radius:50px; position:relative; padding-right:50px;}
.removeInstructions4Attendees { color:#000; position:absolute; top:calc(50% - 10px); right:15px; cursor:pointer;}
.removeInstructions4Attendees span.material-icons { display:block;}
.removeInstructions4Attendees:hover { color:#ff008a;}

.orderShareTitle { font:300 28px 'Roboto', Arial, sans-serif; color:#000; margin-top:0; margin-bottom:15px;}
.orderShareContent { font:18px 'Roboto', Arial, sans-serif; color:#666; width:100%; display:inline-block; text-align:center; margin-bottom:20px;}
.fbBlue { background-color:rgb(58,88,151) !important;}
.attes { font-size:13px; line-height:14px; text-align:left;}
.Ques { padding:0 10px;}
.Ques big { display:block; font-size:14px; line-height:14px;}
.Ques small { display:block; font-weight:300; font-size:12px; line-height:12px; margin-bottom:10px;}

.textBox { display:inline-block; width:100%; background:#f0efef; color:#f08; font:italic 15px "Roboto", Arial, Helvetica, sans-serif; padding:15px 20px;}
/********************************************************************/
.inlineBlock { display:inline-block;}
.enterPromoCode { background:#00cafd; color:#fff; display:inline-block; height:35px; padding:8px 16px; margin-top:-3px; margin-left:5px; float:right; position:relative; cursor:pointer; text-decoration:none; font:16px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; box-shadow:0 1px 1px rgba(0,0,0,.2);}
.enterPromoCode:hover { color:#fff; background:#0393ef;}
.enterPromoCode:before { content:''; display:inline-block; width:16px; height:16px; border-radius:50%; background:#fff; position:absolute; top:10px; left:-8px;}
.enterPromoCode:after { content:''; display:inline-block; width:16px; height:16px; border-radius:50%; background:#fff; position:absolute; top:10px; right:-8px;}
.dialogAccessCode { max-width:400px;}
.multiDateVenue { width:100%; display:inline-block; margin-bottom:15px; line-height:normal;}
.multiDateVenueText { color:#ff008a; font-size:16px; line-height:normal; margin:5px 0;}
.multiDateVenue md-input-container { width:400px; max-width:100%; margin-right:15px;}

.successMessage { position:relative; width:100%; display:inline-block; padding-left:80px; padding-right:50px; background:#f0efef;}
.successMessage p { font:300 16px "Roboto", Arial, Helvetica, sans-serif; margin:15px 0; text-align:left;}
.successMessage p strong { font-weight:500;}
.done { width:60px; height:100%; display:inline-block; background:#1adf1a; text-align:center; position:absolute; top:0; left:0;}
.done span.material-icons { width:100%; font-size:36px; color:#fff; position:absolute; top:calc(50% - 15px); left:0;}
.removeMessage { color:#000; position:absolute; top:50%; right:15px; margin-top:-14px; cursor:pointer;}
.removeMessage:hover { color:#ff008a;}
/********************************************************************/
#eventFAQSection { padding:10px 0; margin-bottom:20px;}
#eventFAQSection .accordion { border-bottom:1px solid rgba(0,0,0,0.12);}
#eventFAQSection .accordion .accordionTitle { position:relative; padding:10px 32px 10px 0; font-weight:400; font-size:16px; color:#000; cursor:pointer; word-break:break-word;}
#eventFAQSection .accordion .accordionTitle + div { padding-bottom:15px; font-size:100%; font-weight:300; color:#666; word-break:break-word; font-size:14px;}
#eventFAQSection .accordion i { top:15px; right:0; color:#666; transition:transform .5s;}
#eventFAQSection .accordion .accordionTitle:hover,
#eventFAQSection .accordion .accordionTitle:hover i { color:#0393ef;}
#eventFAQSection .accordion.opened i { transform:rotate(90deg);}
#eventFAQSection table.ec-faq-bg-table { display:inline-table; vertical-align:baseline; border-collapse:collapse; margin:0; max-width:100%;}
#eventFAQSection table.ec-faq-bg-table td { padding:0; border:none;}
/********************************************************************/
.checkoutDeal { padding-left:0; padding-right:0;}
.checkoutDeal .newDL { min-height:85px; padding-left:120px; padding-right:50px; margin-right:0; position:relative;}
.checkoutDeal .newDL img { top:0;}
.checkoutDeal .removeDealBox { color:#000; position:absolute; top:0; right:15px; cursor:pointer;}
.checkoutDeal .removeDealBox:hover { color:#ff008a;}
.roundUpTitle { font-size:18px; font-weight:500; position:relative; padding-right:20px;}
.removeCharity { color:#000; position:absolute; top:0; right:15px;}
.removeCharity:hover { color:#ff008a;}
.membershipPlans { display:flex;}
.membershipPlans md-radio-button { width:50%; padding:10px 15px; margin-top:5px; margin-bottom:15px; margin-right:15px; background:#f4f4f4; border:2px dashed #ddd; border-radius:5px; line-height:normal;}
.membershipPlans md-radio-button:hover { background:#f2f2f2; border-color:#00c9fd;}
.membershipPlans md-radio-button:last-child { margin-right:0;}
.membershipPlans md-radio-button ._md-container { top:50%; left:15px;}
.membershipPlans md-radio-button ._md-label { width:calc(100% - 30px);}
.membershipPlans md-radio-button .membershipPrice { font-weight:bold; color:#ff008a;}
.membershipPlans md-radio-button .membershipDesc { font-size:13px;text-align: left; word-break: break-all;}
.promoCode { display:inline-block; width:140px; text-align:left;}
.paymentMethod md-radio-button { display:inline-block;}
.block100 { width:100%; display:inline-block; margin-left:0; margin-right:0;}
.block45 { width:45%; display:inline-block;}
.block30 { width:30%; display:inline-block;}
.paymentSpace { padding-left:30px; padding-right:30px; text-align:justify;}
.Question { width:100%; display:inline-block; margin-bottom:15px; padding:15px; background:#fafafa; box-shadow:0 1px 2px rgba(0,0,0,.5);}
.ticket .Question { background:none; box-shadow:none; padding:0 20px;}
.VarCharge { width:100%; display:inline-block; margin-bottom:15px; padding:15px; background:#fafafa; box-shadow:0 1px 2px rgba(0,0,0,.5);}
.VarCharge md-checkbox { color:#535252; font:24px 'Roboto', Arial, Helvetica, sans-serif; text-align:left; margin-bottom:0;}
.chkSubmit { background:#1adf1a; color:#fff; margin-left:0; margin-right:0; padding:0 20px; border-radius:0;}
.chkSubmit:hover { background:#0acc0a !important;}
.chkBack { background:rgba(0,0,0,.5); color:#fff; margin-left:0; margin-right:0; padding:0 20px; border-radius:0; float:left;}
.chkBack:hover { background:rgba(0,0,0,.7) !important;}
.logColor,.logColor a { color:#0393ef; font:16px 'Roboto', Arial, Helvetica, sans-serif; text-align:left;}
.logColor a { display:inline-block; text-decoration:underline; cursor:pointer;}
.logColor a:hover { text-decoration:none;}
.cvv_info { display:inline-block; position:absolute; top:0; right:7px;}
.cvv_info i { color:#999; font-size:16px; cursor:pointer;}
.cv_card { width:270px; display:none; border:5px solid #999; border-radius:5px; position:absolute; bottom:100%; right:-7px;}
.cv_card:before { position:absolute; top:100%; right:0; content:""; width:0; height:0; border:10px solid transparent; border-top-color:#999; z-index:5555;}
.cvv_info:hover .cv_card { display:inline-block;}
.cardType { position:absolute; top:0; right:7px;}

.applyRewardBtn { padding-left:15px; padding-right:15px; background:rgb(0,204,255); color:#fff;}
.applyRewardBtn:hover { background:rgb(3,147,229) !important; color:#fff;}
.rewardPointsPage { margin-top:15px;}
.rewardPointsBox { width:30%; display:inline-block; margin-right:10px; text-align:left;}
.rewardTypes { width:100%; display:inline-block; padding:10px 15px; color:#fff; font:18px "Roboto", Arial, Helvetica, sans-serif;}
.rewardTypes strong { display:inline-block; font-size:18px; font-weight:600; text-transform:uppercase;}
.rewardPoints { display:inline-block; float:right; color:#fff; font:500 18px "Roboto", Arial, Helvetica, sans-serif; overflow-wrap: break-word;}
.rewardPointsWork { display:inline-block; width:100%;}
.rewardPointsTitle { font:500 16px "Roboto", Arial, Helvetica, sans-serif; margin:0;}
.rewardPointsWorkList { font:14px "Roboto", Arial, Helvetica, sans-serif; color:#444; margin-top:10px; padding-left:20px; line-height:24px;}
.rewardPointsPage .total { background:#f08;}
.rewardPointsPage .used { background:rgb(255,142,23);}
.rewardPointsPage .remaining { background:#00baff;}
/********************************************************************/
.mvpDialog { width:auto; max-width:90%; max-height:90%; max-height:calc(100% - 120px);}
.dialogTitle { color:#000; font: 300 28px "Roboto",Arial,sans-serif; margin-top:0; margin-bottom:15px;}
.seatDetails { font-size:14px;}
/********************************************************************/
.timeBox { background:rgba(0,0,0,.12); text-align:center; padding:15px; margin-top:24px;}
.timeMessage { color:#000; font:18px 'Roboto', Arial, Helvetica, sans-serif; margin:0; text-align:center;}
.timmer { color:#000; font:48px 'Roboto', Arial, Helvetica, sans-serif;}
/********************************************************************/
.EventClosedView { width:80%; min-height:150px; margin:15px 0 15px 10%; padding:15px 30px 15px 155px; background:#00baff; border-radius:5px; position:relative;}
.EventClosedView img { width:120px; position:absolute; left:15px; top:15px;}
.EventClosedView p { color:#fff; font:500 24px/36px  'Roboto', Arial, Helvetica, sans-serif; margin:20px 0;}
/********************************************************************/
.eventCancelledView { width:80%; min-height:150px; margin:15px 0 15px 10%; padding:15px 30px 15px 155px; background:#f4f4f4; border-radius:5px; position:relative;}
.eventCancelledView img { width:120px; position:absolute; left:15px; top:15px;}
.eventCancelledView h2 { color:#444; font:500 30px  'Roboto', Arial, Helvetica, sans-serif; margin:20px 0 5px 0;}
.eventCancelledView p { color:#444; font:300 20px  'Roboto', Arial, Helvetica, sans-serif; margin:0 0 20px 0;}
/********************************************************************/
.eventDeletedView { width:80%; margin:30px auto; padding:30px; background:#f4f4f4; position:relative; text-align:center;}
.eventDeletedView img { width:170px;}
.eventDeletedView h2 { color:#666; font:500 20px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; margin:15px 0; text-align:center;}
.eventDeletedBtn { display:inline-block; padding:5px 15px; margin:5px; background:#00cafd; color:#fff; border-radius:4px;}
.eventDeletedBtn:hover { background:#0393ef !important; color:#fff;}
.eventDeletedBtn.light { background:#eaeaea; color:#00cafd;}
.eventDeletedBtn.light:hover { background:#0393ef !important; color:#fff;}
/********************************************************************/
.expandCollaps { cursor:pointer;}
.expandCollaps i { transition:transform .5s;}
.expandCollaps i.expanded { transform:rotate(90deg);}
.attendeeDOB { min-height:auto; margin-top:20px; margin-bottom:20px;}
/********************************************************************/
md-dialog[aria-label="Checkout Confirmation"] { width:400px;}
md-dialog[aria-label="Checkout Confirmation"] .md-title { font:24px 'Roboto', Arial, sans-serif; color:#000; margin-top:0; text-align:left;}
md-dialog[aria-label="Checkout Confirmation"] .md-button span { background:none; color:#0077c8;}

.chkoutDate.date-picker-row .md-datepicker-input-container, .chkoutDate.chkoutDate .md-datepicker-input { width:100% !important; max-width:100%;}
md-checkbox.md-checked.blueCheckbox ._md-icon { background-color:rgb(0, 202, 253);}
md-checkbox.md-checked.blueCheckbox.md-focused ._md-container::before { background-color:rgba(0, 202, 253, 0.26);}
md-checkbox.md-checked.blueCheckbox .md-ink-ripple { color:rgba(0, 202, 253, 0.87);}
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) { background-color:rgb(0, 202, 253);}
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) h2 { color:#fff;}

.requireVC { font-size:12px;}

.date-picker-row { position:relative; min-height:60px;}
.date-picker-row label { position:absolute; top:-23px; left:0; color:rgb(0, 202, 253) !important; font-size:12px;}
.date-picker-row .md-datepicker-input-container { width:100%; margin-left:0; padding-bottom:0;}
.date-picker-row md-datepicker { padding-right:0;}
.alignFix { width:100%; display:inline-block; min-height:1px;}
.no-margin-bottom { margin-bottom:0 !important;}
.fieldsTitle { color:#00cafd;}
.cstRadioButton md-radio-button { display:table; margin:0; margin-left:15px;}

/* Vertical Layout */
.radio-vertical md-radio-button {
  display: block;
  margin-bottom: 8px;
}

/* Horizontal Layout */
.radio-horizontal {
  display: flex;
  flex-direction: row;
  gap: 15px;
  flex-wrap:wrap;
}


/********************************************************************/
.sponsorsTitle { font-size:14px; color:#579; text-transform:uppercase;}
.sponsorsHeading { font-size:28px; line-height:28px; font-weight:700; color:#000; /*margin-bottom:20px;*/}
.sponsorsLineTitle { font-size:14px; color:#579; text-transform:uppercase; border-bottom:1px solid #e8edef;}
.sponsor { width:180px; height:90px; margin-top:30px; margin-right:30px; display:inline-block; float:left; background-position:center; background-size:contain; background-blend-mode:darken; transition:transform 1s; background-repeat:no-repeat; /*filter:grayscale(1); background-color:#e8edef;*/ }
.sponsor:hover { filter:grayscale(0);}
/********************************************************************/
.speaker { position:relative; border-radius:7px 7px 0 0; overflow:hidden; transition:transform 1s; padding-top:30px; text-align:center;}
.speakerImage { display:inline-block; width:150px; height:150px; padding:4px; border:1px dashed #888; border-radius:50%;}
.speakerImage span { display:block; width:100%; height:100%; border-radius:50%; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.speaker .speakerInfo { width:100%; height:70px; padding:10px; overflow:hidden;}
.speaker .speakerName { font-weight:600; font-size:16px;}
.speaker .speakerOccupation { font-weight:300; font-size:14px;color:#808B91}
.speaker .speakerDescription { width:calc(100% - 60px); height:calc(100% - 100px); padding:15px; display:inline-block; opacity:0; background:rgba(0,0,0,.8); color:#fff; font-size:13px; font-weight:300; border-radius:50%; transition:.25s ease-in; overflow:hidden; position:absolute; left:30px; top:30px;}
.speaker:hover .speakerDescription { width:100%; height:100%; border-radius:10px; left:0; top:0; opacity:1; overflow-y:auto; word-break:break-word;}
.speaker .speakerDescription .speakerName, .speaker .speakerDescription .speakerOccupation { color:#fff;}
.speaker .speakerDescription::-webkit-scrollbar { width:8px; background:#000;}
.speaker .speakerDescription::-webkit-scrollbar-track { background:rgba(255,255,255,.3);}
.speaker .speakerDescription::-webkit-scrollbar-thumb { background:rgba(255,255,255,.4); border-radius:15px;}
.speaker .speakerDescription::-webkit-scrollbar-thumb:hover { background:rgba(255,255,255,.9);}
.fancyDevider { width:7px; height:7px; display:inline-block; background:#fff; border-radius:50%; position:relative; margin-top:15px; margin-bottom:10px;}
.fancyDevider:before,
.fancyDevider:after { content:""; width:30px; height:1px; background:#fff; position:absolute; top:3px;}
.fancyDevider:before { right:15px;}
.fancyDevider:after { left:15px;}
/********************************************************************/
input[google-place]::-webkit-input-placeholder {
    opacity: 0;
}

input[google-place]:-moz-placeholder {
    opacity: 0;
}
/* Firefox 18- */
input[google-place]::-moz-placeholder {
    opacity: 0;
}
/* Firefox 19+ */
input[google-place]:-ms-input-placeholder {
    opacity: 0;
}
/********************************************************************/
.eventViewTab { margin-top:30px;}
.eventViewTab md-tabs-canvas { text-align:center;}
.eventViewTab md-tabs-canvas md-pagination-wrapper { display:inline-block; position:relative;}
/********************************************************************/
.socialFeed { width:100%; display:inline-block;}
.socialFeedTitle { font:500 20px 'Roboto', Arial, sans-serif; color:#000; margin-bottom:0;}
.allFeed { float:right; margin-top:15px; font:500 14px 'Roboto', Arial, sans-serif; padding:7px 15px; text-transform:uppercase;}
.allFeed:hover { color:#000;}
.socialFeedHashtag { width:100%; display:inline-block;}
.socialFeedHashtag span { display:inline-block; padding:5px 10px; margin:5px; background:#00cafd; font:500 14px 'Roboto', Arial, sans-serif; color:#fff; border-radius:30px;}
.SocialFeedPosts { width:100%; display:inline-block; text-align:center;}
.socialFeedBox { width:100%; display:inline-block; background:#f5f5f5; padding:15px; margin:15px auto;}
.socialFeedBox .blankPost { padding:0;}
.socialFeedBox .blankPost img { width:100%;}
.socialFeedBox .instaPost, .socialFeedBox .twitterPost { width:220px;}
.socialFeedBox .socialActionIcon .ActionIcon { display:inline-block; padding:7px; font-size:12px; cursor:pointer;}

.backToEvent { font:16px 'Roboto', Arial, sans-serif; text-transform:uppercase; padding-left:15px; cursor:pointer; margin-bottom:15px;}
.instaPost, .twitterPost { display:inline-block; width:300px; height:260px; padding:15px; padding-top:60px; margin:10px; background:#cbf2fc; position:relative; text-align:left;}
.instaPost { background:#f5f5f5 no-repeat left top / cover;}
.instaPost .overlay { display:inline-block; width:100%; height:60px; padding:10px; position:absolute; left:0; top:0; background:linear-gradient(black -30%, transparent); color:#fff; transition:.3s height; overflow:hidden;}
.instaPost:hover .overlay { height:100%; background:rgba(0,0,0,.6);}
.socialFeedUser { display:inline-block; width:100%; padding:10px 40px 10px 55px; position:absolute; left:0; top:0;}
.socialFeedUser .socialUserPic { display:inline-block; width:35px; height:35px; border-radius:50%; position:absolute; top:10px; left:10px;}
.socialFeedUser .userTitle { font:500 14px 'Roboto', Arial, sans-serif; color:#000;}
.socialFeedUser .userSubTitle { font:13px 'Roboto', Arial, sans-serif; color:#666;}
.instaPost .socialFeedUser .userTitle, .instaPost .socialFeedUser .userSubTitle { color:#fff;}
.socialFeedUser .socialIcon { width:20px; height:20px; position:absolute; right:15px; top:15px;}
.socialFeedDescription { width:100%; max-height:150px; padding:0 15px; display:inline-block; overflow:hidden; position:absolute; left:0; top:60px;}
.socialFeedDescription, .socialFeedDescription p { text-align:left; font-size:14px;}
.instaPost .instaDelete { position:absolute; right:15px; bottom:10px; font:500 13px 'Roboto', Arial, sans-serif; text-transform:uppercase; display:none; cursor:pointer;}
.instaPost:hover .instaDelete { display:inline-block;}
.instaPost .instaDelete:hover { color:#fff;}
.twitterPost { background:#cbf2fc;}
.twitterPost .socialFeedDescription { max-height:130px;}
.socialActionIcon { width:100%; position:absolute; left:0; bottom:0; font:14px 'Roboto', Arial, sans-serif; text-align:center; display:none;}
.twitterPost:hover .socialActionIcon { display:block;}
.socialActionIcon .ActionIcon { display:inline-block; padding:10px; font-size:14px;}
.socialActionIcon:hover { color:#000;}

.mapThumbnail { position:relative; width:100%; display:inline-block; background:#f0efef; padding:20px 0 20px 0;}

/*Checkout Page update css*/
.payRadioBtn sapn { font-size:10px; }
.topBorder md-radio-group md-radio-button { padding:15px;}
.topBorder md-radio-group md-radio-button p.payRadioBtnText.ng-scope { padding: 0; margin: 0; font-size: 12px; color: #999;}
.topBorder md-radio-group md-radio-button.md-primary.md-checked { background:#fff; border-radius:4px; box-shadow:0 0 2px #ccc;}
.topBorder md-radio-button ._md-container { top: 33px; left: 18px;}
.bookingSec { border-bottom: 1px solid #dddada;padding: 25px 0;}
.bookingSec:last-child { border-bottom:none;}
.bookingSec .bsecTitle { font-size:18px; margin:0; color:#000;}
.bookingSec .bsecTitle span { float:right;}
.bookingSec .bsecInfo { font-size:14px; color:#999; font-weight:300;}
.bookingSec .bsecInfo span { float:right;}
.arrowDown { text-align:center; font-size:30px; cursor:pointer; color:#999;}

.setDividerWrapper .setDivider { border-bottom:3px dashed #d6d6d6 }
.setDividerWrapper .setDivider:nth-last-child(2) { border-bottom-width:0 }
.copyAboveWrapper h4 { font-size:13px }
.applyMiniBtn { line-height:1 !important; width:auto; padding:4px 7px !important; min-width:auto; min-height:auto; font-size:11px; font-weight:500 }

.ticketDetailsModal md-toolbar { background:#fff }
.ticketDetailsModal md-toolbar h2 { color:#151515; font-weight:600; font-size:1.5rem }
.ticketDetailsModal md-toolbar md-icon { color:#151515 }
.ticketDetailsCards { background:#f8f8f8; border:1px solid #ccc }
.ticketDetailsCards .sTitle { font-size:0.875rem; color:#6d6d6d; font-weight:600 }
.ticketDetailsCards .dateT { color:#151515 }
.ticketDetailsCards .cTitle { color:#151515; font-weight:600; font-size:20px }
.ticketDetailsCards a { color:#00cafd }
.ticketDetailsCards a:hover { text-decoration:underline }
.ticketDetailsCards .titleChip { border:1px solid #d2d2d2; border-radius:4px; background:#fff; padding:6px 0.75rem; font-size:14px; font-weight:600; margin-left:0.75rem }
.speakerColumn { display:flex; align-items:center }
.speakerColumn img { width:48px; height:48px; border-radius:50%; object-fit:cover; margin-bottom:0; margin-right:0.875rem }
.speakerColumn .name { font-weight:600; margin-bottom:2px; color:#333333 }
.speakerColumn .designation { color:#8c8c8c; font-size:0.875rem }
.lineClamp1 { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden }
.lineClamp2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.ticketDetailsModal_new md-toolbar { background: #ffffff; box-shadow: 0 0 4px #00000069; padding-bottom: 10px; min-height: 75px; }
.ticketDetailsModal_new md-toolbar h2 {  color: #151515; font-weight: 600; font-size: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: initial;   display: -webkit-box;   -webkit-line-clamp: 2;   -webkit-box-orient: vertical;   width: 100%;   margin-top: 15px;   padding: 0 8px;   padding-bottom: 2px; }
/* SCROLL BAR */
.ticketDetailsModal md-dialog-content::-webkit-scrollbar { width:10px }
.ticketDetailsModal md-dialog-content::-webkit-scrollbar-track { box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.1) ; background-color:#f1f1f1 }
.ticketDetailsModal md-dialog-content::-webkit-scrollbar-thumb { background-color:#ccc; border-radius:0; border-top:2px solid rgba(255, 255, 255, 0.2) }

.viewEventAddress { padding-left:45px }
.viewEventAddressNew { padding-left:20px }
/********************************************************************/
.cloneQuestionBox { background: #eee;padding: 15px;display: inherit;width: 100% !important; }
.cloneQuestionBox table { border-collapse:separate; border-spacing:0 1px;}
.cloneQuestionBox table thead tr td { background:#c6cbcf;}
.cloneQuestionBox table td { background:#e3e3e3; border-right:1px solid #eee;}
.cloneQuestionBox table td:last-child { border-right:none;}
.cloneQuestionBox table td a { color:#0393ef;}
.cloneQuestionBox .addButton { color:#0393ef;}
.uploadItemBox { position:relative; margin-bottom:1rem }
.uploadItemBox img { width:100%; height:150px; object-fit:cover; border-radius:2px }
.uploadItemBox.videoSrc { width:290px; text-align:left }
.uploadItemBox video { width:100%; object-fit:cover; border-radius:2px }
.uploadItemBox span.material-icons { width:36px; height:36px; border-radius:50%; background-color:rgba(0, 202, 253, 0.9); color:#fff; padding-top:10px; position:absolute; bottom:16px; right:12px; font-size:20px; cursor:pointer;     text-align: center;}
.uploadItemBox.onPreview video { object-fit:unset; background:#eee; height:200px; object-fit:contain }
.modal, .lighboxWrapper { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); display:none; justify-content:center; align-items:center; z-index:999 }
.modal.open { display:flex }
.modal img { max-width:90%; max-height:90%; width:auto;}
.modal video { max-width:90%; max-height:90% }
.prev-btn, .next-btn, .close-btn { position:absolute; top:50%; transform:translateY(-50%); font-size:2rem; background-color:rgba(255, 255, 255, 0.5); border:none; padding:0; cursor:pointer; outline:none; z-index:99999; background:#000; color:#fff; width:50px; height:50px; line-height:20px !important; border-radius:0 }
.prev-btn.disabled, .next-btn.disabled { cursor:default; pointer-events:none; opacity:0.5 }
.prev-btn { left:0 }
.next-btn { right:0 }
.close-btn { top:34px; right:20px }
.lighboxWrapper { display:none; background:transparent }
.lighboxWrapper.active { display:block; animation:slide-in 0.3s ease-in }
/*.customDropdownSession md-option ._md-text { font-size: 13px !important; }*/
._md .customDropdownSession ._md-text { font-size: 13px !important; }
._md .customDropdownSession{ margin-top: 10px !important; }

.sessionWrapper { background-color:#f8f8f8; padding:1.5rem; box-shadow:0 1px 2px rgba(0,0,0,.5) }
.sessionWrapper .ticketDetailsCards { border-bottom:2px solid #ddd; padding-bottom:2rem }
.sessionWrapper ng-container:last-child .ticketDetailsCards { border-bottom-color:transparent; padding-bottom:0 }
.vAlignM { vertical-align:middle }
.grid .row .sessionWrapper .row { width:100% !important }
.viewDetailsBtn { text-transform:capitalize; background:#3d3d3d; border-radius:4px; padding:0 0.8rem; color:#fff; margin-top:1rem }
.viewDetailsBtn span { font-size:14px; color:#fff }
.viewDetailsBtn:hover, .viewDetailsBtn:focus { background-color:#000 !important }
.sessionVenueMapImage { max-height:500px; width:100%; object-fit:cover }
.sessionSearchIcon { position:absolute; bottom:7px; right:0; color:#999;}

.venueTooltip-container { position:relative; display:inline-block;}
.venueTooltip-link { text-decoration:none; color:#0073e6; cursor:pointer; text-decoration:underline;}
.venueTooltip-box { visibility:hidden; opacity:0; position:absolute; top:100%; left:0; margin-top:5px; background:#fff; border:1px solid #ddd; box-shadow:0 2px 6px rgba(0,0,0,0.15); padding:10px; border-radius:4px; transition:opacity 0.2s; min-width:200px; z-index:10;}
.venueTooltip-box strong { font-weight:bold;}
.venueTooltip-container:hover .venueTooltip-box { visibility:visible; opacity:1;}
.venueListItem { display:block; padding-left:10px; margin-top:3px; position:relative;}
.venueListItem:before { content:''; width:3px; height:3px; display:inline-block; background:#000; border-radius:50%; position:absolute; top:50%; left:0;}

/********************************************************************/

@media screen and (min-width:768px) and (max-width:1024px)
{
  .event-name { font-size:30px;}
  .event-subtitle { font-size:18px;}
  md-dialog.mvpDialog .md-dialog-content { padding:52px 0;}
  md-dialog.mvpDialog .dialogTitle { width:100%; background:#fff; padding:8px 15px; position:absolute; left:0; top:0; z-index:100;}
  md-dialog.mvpDialog md-dialog-actions { width:100%; background:#fff; position:absolute; left:0; bottom:0;}
  .seatDetails { font-size:11px;}
}
@media screen and (min-width:0) and (max-width:767px)
{
	.wgts { right:auto; left:60px;}
	.alignText { text-align:left;}
	.eventVanue { padding-bottom:50px; margin-top:0;}
	.event-name { font-size:24px;}
	.event-subtitle { font-size:16px;}
	.vanue-name, .red-heading { font-size:18px;}
	.adiv, .organiserBox span a, .connectFacebook { font-size:14px;}
	.addInfo, .viewInfo { font-size:12px;}
	#mapView { height:300px;}
  .ticdes p { line-height:16px;}
  .ticdetail { line-height:16px;}
  .flRightN { font-size:18px;}
  .text24 { font-size:20px;}
  .block30 { width:100%;}
  .salestart { margin-top:10px;}
  .EventClosedView { width:100%; margin:15px 0; padding:15px; text-align:center;}
  .EventClosedView img { width:auto; position:relative; left:auto; top:auto;}
  .EventClosedView p { font-size:18px; line-height:24px;}
  .calIcon li { width:100%;}
  .orderLocationBox { width:100%;}
  .dealBoxBlock { padding-left:15px; padding-top:80px;}
  .dealBoxImg { width:50px; height:50px;}
  .dealSwitchBox { margin-top:0; position:absolute; right:15px; top:20px; font-size:15px;}
  .rewardPointsBox { width:100%; margin:0; margin-bottom:15px;}
  .enterPromoCode { margin-top:15px; margin-bottom:15px; float:none;}
  md-dialog.mvpDialog .md-dialog-content { padding:52px 0;}
  md-dialog.mvpDialog .dialogTitle { width:100%; background:#fff; padding:9px 15px; position:absolute; left:0; top:0; z-index:100;}
  md-dialog.mvpDialog md-dialog-actions { width:100%; background:#fff; position:absolute; left:0; bottom:0;}
  .dealInfoBox { padding-left:0;}
  .dealInfoBox .dealImage { width:100%; height:auto; position:relative;}
  .checkoutDeal .newDL { min-height:50px; padding-left:85px;}
  .checkoutDeal .newDL img { width:50px; height:50px;}
  .checkoutDeal .newDL .dealOff { font-size:18px;}
  .multiDateVenue md-input-container { width:100%; margin-right:0;}
  .membershipPlans { flex-direction:column;}
  .membershipPlans md-radio-button { width:100%; margin-right:0;}
  .speakerImage { width:200px; height:200px;}
  .speaker .speakerInfo { height:auto;}
  .sponsorsList { text-align:center;}
  .sponsor { float:none;}
}
@media screen and (min-width:0) and (max-width:320px)
{
  .eventVanue { padding-bottom:70px;}
  .wgts .social { margin-top:20px;}
}