/********CSS reset*****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight:normal;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*************** global styles ticketflap ********************/
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
dl {margin-top: 10px;}
dl dd {padding-left: 20px; margin-bottom: 5px;}

a{
    text-decoration:none;
    outline:0;
}
a:hover{
    color:#03CCDE;
    text-decoration:underline;
}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
p{padding: 5px 0;}
img{height:auto;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
button,input,select,textarea{
    margin:0;
    font-size:100%;
}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.hide-text{overflow:hidden;text-indent:100%;white-space:nowrap;}
.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
body{
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    line-height:18px;
    color:#616161;
    background-color: #e7e8e5;
}
.container{width:984px;margin-left:auto;margin-right:auto;*zoom:1;}
.container:before,.container:after{display:table;content:"";}
.container:after{clear:both;}
/*body > .container{padding:0 20px 20px 20px !important;}*/
#messages {margin-bottom: 20px;}
#messages li {padding: 8px;}
.alert {
    padding: 10px; text-align: center;
    /*-webkit-border-radius:4px;*/
    /*-moz-border-radius:4px;*/
    /*border-radius:4px;*/
}
.alert-error, .alert-danger {
    color: #B94A48 !important;
    background-color: #ffffff !important;
    border: 1px solid #e2bfc5 !important;
}
.alert-success {
    color: #468847 !important;
    background-color: #ffffff !important;
    border:1px solid #cce0bb !important;
}
.alert-info {
    color: #3A87AD !important;
    background-color: #ffffff !important;
    border:1px solid #bad9df !important;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #ffffff;
    border-color: #faebcc;
}
.success {color: #468847 !important;}
.error {color: #B94A48 !important;}

/***************header***********************/

header {
    /*background-color:#e5e6e2;*/
    /*min-height: 150px;*/
}

.header__auth, .header__auth--content{
    display: none;
}

#header{
    vertical-align:top;
    padding:0 !important;
    position: relative;
    min-height: 117px;
}
#header .pullLeft {float:left;}
#header .brand {
    /*margin:10px 0;*/
}
#header .brand img {
    margin-left: 9px;
}

header .header-fixed {
    background: #f6f7f4;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

header .header-fixed .menu-row {
    margin-bottom: 0;
}

header .header-links .menu {
    margin-top: 21px;
}

header .header-links {
    margin-top:35px;
}

.only-mobile-show {
    display: none;
}

#header .pullLeft #tag-line{font-size: 0.5em;padding:10px;display:none;}
#header .pullLeft a:last-child{}
#header .pullRight #header-right-links{float:right;clear:right;padding:10px;font-size:1.5em;}
input[type=text]{color:#666;}

/*************language select styled by jquery********/
div.languageWrap{position:relative; float:right; height: 34px;}

/*********navigation***************/
.navbar{
    z-index: 2;
    overflow: visible;
    margin-left: 10px;
    float: right;
}

.navbar ul {
    display: inline-block;
}

.navbar ul.nav {
    margin:0;
    padding: 0;
    list-style-type:none;
}
.navbar ul.nav li {
    float:left;
    position:relative;
    margin-right: 1.9em;
}

.navbar ul.nav li a {
    text-transform: uppercase;
    color: #575757;
    font-weight: bold;
    /*font-size: 1.3em;*/
}

/*********searchbox************/
#search-wrap{
    position: relative;
}
#search-wrap #search-wrapper{
    background-color: #efefef;
    display: block;
    width: 100%;
}
#search-wrap #search-wrapper form{
    padding: 22px 0px 18px 15px;
}
#search-wrap #search-wrapper form input[type=text]{
    padding:5px;
    font-size:1em;
    width: 96%;
    border:1px solid #CCC;
    position:relative;
}

#search-wrap #search-wrapper button {
    border: 1px;
    border-style: solid;
    border-color: #29b6c7;
    color: #29b6c7;
    background-color: transparent;
    left: -5px;
    position: relative;
    padding: 5px;
    text-transform: uppercase;
}


#search-wrap i {
    position: relative;
    left: -26px;
    cursor: pointer;
}

/*********searchbox IE 7 hack double margin************/
*+html #search-wrap #search-wrapper form{text-align:right; margin-right:15px!important;}


/*********content*************/

div.white-container{
    background-color:#FFF;
    padding:20px;
}
div.gray-container,
div.white-container {
    margin-bottom:20px;
}

.infoWrap{
    float:right;
    width: 65%;
    position:relative;
    padding-bottom:35px;
}
.infoItem{
    margin-bottom: 5px;
}


.info .infoItem.title {
    border-bottom-style: solid;
    border-bottom-width: 0.1em;
    padding-bottom: 3px;
    border-bottom-color: #8d8d8d;
    height: 3em;
}

.infoItem .infoText{float: left; width: 230px;}
.infoItem .infoBtns{float: right; width: 171px; text-align: right; font-size: 0;}
.infoItem .infoBtns a{display: inline-block;}
/* Override the font-size: 0 of the parent .infoBtns. */
.infoItem .infoBtns a.view-map-link,
.infoItem .infoBtns a.contact-venue-link {
    font-size: 13px;
}
.infoItem h5{
    color: #555;
    font-size:1.1em ;
}

.infoItem p {
    font-size: 0.8em;
}

.infoItem .larger-font,
.infoItem .larger-font > * {
    font-size: 1.2em;
}

.infoItem h4{color:#424141; font-size:1.5em;}
.infoItem h5 a,.mapLink a{color:#03ccde;}
.infoItem h4 a{color:#424141; line-height: 25px;}
.infoItem p.para2{font-size:0.8em; padding:0; width:230px; word-wrap:break-word;}
.infoItem.wordWrap{width:290px !important; word-wrap:break-word;}
.infoItem em {font-style: italic;}
.infoItem ol, .infoItem ul {
    margin: 0 0 10px 25px; /* same style with bootstap */
}
.infoItem ol {
    list-style-type: decimal;
}
.infoItem ul {
    list-style-type: disc;
}
a.map:hover{background-position:0 -154px;}
.buyEventBtn:hover{background-position:0 -41px;}
.feeds{position:relative;}
.rssWrapper div{float:left; margin-right:10px;}
.rssSmall a{display:block; width:30px; height:30px;background:url("/static/images/socialIconsM.png") no-repeat 0 0; text-indent:-9999px;}

.navTabs{position:absolute; top:0; left:0;display:inline-block; height:auto; border-bottom:1px solid #DDD; width:100%;}
.navTabs li{display:inline;}
.navTabs li a{display:block; float:left; height:18px; padding:11px 10px;}
.navTabs li.active a h2.tf-title {color: #13c3d6;}
.navTabs li.current a span{width:186px; background-position: 0 -227px;}
.navTabs li.current a:hover span,.navTabs li.active.current a span{width:186px; background-position: 0 -263px;}
.navTabs li.past a span{width:140px; background-position: 0 -209px;}
.navTabs li.past a:hover span,.navTabs li.active.past a span{width:140px; background-position: 0 -245px;}
.tabPane{display:none;}
.tabPane.active{display:block;}
.para3{font-size: 1.1em;}


/*****************pagination**************/
.pagination{text-align: center;}
.pagination ul{list-style-type: none;}
.pagination ul li{display:inline-block; zoom:1; *display: inline; _height: 24px;}
.pagination ul li a{
   *margin-right: 2px;
   vertical-align: bottom;
  display:block;
  text-align: center;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border:1px solid #BBBBBB;
  text-decoration:none;
  background-color: #EEEEEE;
  text-shadow:0 1px 0 #FFFFFF;
  box-shadow: 0px 0 1px #CCCCCC;
  color: #666666;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
  background-image:    -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
  background-image:     -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
  background-image:      -o-linear-gradient(top, #FFFFFF, #EEEEEE);
}

.pagination ul li.prev a, .pagination ul li.next a{
  width: auto !important;
  padding: 0 5px;
}

.pagination ul li a:hover{
  background-color: #DDDDDD;
  color: #333333;
  border:1px solid #999999;
  text-decoration:none;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDDDDD), to(#CCCCCC));
  background-image: -webkit-linear-gradient(top, #DDDDDD, #CCCCCC);
  background-image:    -moz-linear-gradient(top, #DDDDDD, #CCCCCC);
  background-image:     -ms-linear-gradient(top, #DDDDDD, #CCCCCC);
  background-image:      -o-linear-gradient(top, #DDDDDD, #CCCCCC);
}


.pagination ul li.prev span, .pagination ul li.next span{
  width: auto !important;
  padding: 0 5px;
}


/*********sidebar*************/

.cs__btn--dark,
.cs__btn--light,
.sidebar__title{
  font-family: 'Helvetica Neue' , Helvetica, arial, sans-serif;
}
aside{float:right; width: 312px;}
aside .sidebarBox{margin-bottom: 15px; width:280px; background-color:#f5f5f5; border:1px solid #CCC; padding:15px; }
div#user-links span#or{width:68px;background-position:-74px -170px;}
div#user-links a#login-link{width:74px;background-position:0 -170px; }
div#user-links a#register-link{width:114px;background-position:-142px -170px;}
div#user-links a#login-link:hover{background-position:0 -58px;}
div#user-links a#register-link:hover{background-position:-142px -58px;}
span#header-username, div#user-links .subnav{margin-left: 10px;}
div#user-links .subnav ul li{display:inline-block; *float: left; *padding-bottom: 6px; vertical-align: middle;}
div#user-links .subnav ul li:first-child{border-right:1px solid #CCCCCC;}
div#user-links .subnav ul li a{display:block; float: left;}
div#user-links .subnav ul li:first-child a{width:127px; background-position: 0 -546px; margin-right:10px;}
div#user-links .subnav ul li:first-child + li a{width:105px; background-position: 0 -530px; margin-left:9px;}
div#user-links .subnav ul li:first-child a:hover{background-position: 0 -578px;}
div#user-links .subnav ul li:first-child + li a:hover{background-position: 0 -562px;}
div#customer-service a:hover h4{background-position:0 -593px;}
div#newsletter #letter-request-wrap{background-color:#FFF; border:1px solid #CCC; padding:10px; position:relative;}
div#newsletter #letter-request-wrap img{position:absolute; z-index:1; right:-1px; top:-2px;}
div#newsletter #letter-request-wrap p{color:#03ccde;}
div#newsletter #letter-request-wrap form input[type=text]{padding:5px; font-size:1.1em; width: 246px; border:1px solid #CCC;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px; behavior: url(/static/css/PIE.htc);position:relative;}#letter-request-submit:hover{background-position:0 -118px;}
#letter-request-submit:hover{background-position:0 -926px;}
div#social-links ul{list-style-type:none; margin:0 10px;}
div#social-links ul li{display:inline;}
div#social-links ul li a{display:block; width:46px; height:46px;float:left; padding-top:5px; margin-right:25px;}
div#social-links ul li a span{display:block; width:46px; height:46px; background:url("/static/images/socialIcons.png") no-repeat; text-indent:-9999px}
div#social-links ul li a:hover{padding-top:0;}
div#social-links ul li:first-child a span{background-position:0 -138px;}
div#social-links ul li:first-child + li a span{background-position:0 -1px;}
div#social-links ul li:first-child + li + li a span{background-position:0 -46px;}
div#social-links ul li:first-child + li + li + li a span{background-position:0 -92px;}
div#social-links ul li:first-child + li + li + li a{ margin:0;}
div.sidebarLogo{ line-height: 75px; float:left; width: 55px; height: 48px; text-indent: -9999px; margin-bottom: 5px;}
div.sidebarLogo span{ background:url("/static/images/logos.png") 0 0; display: block;}
div.sidebarLogo{margin-right: 18px;}
div.sidebarLogo.sLogo1 span{background-position: 0 0; height: 48px;}
div.sidebarLogo.sLogo2 span{background-position: 0 -53px; height: 31px;margin-top: 8px;}
div.sidebarLogo.sLogo3 span{background-position: 0 -88px; height: 34px;margin-top: 7px;}
div.sidebarLogo.sLogo4 span{background-position: 0 -124px; height: 19px;margin-top: 14px;}
div.sidebarLogo.sLogo5 span{background-position: 0 -149px; height: 29px; margin-top: 9px;}
div.sidebarLogo.sLogo6 span{background-position: 0 -291px; height: 56px;}
div.sidebarLogo.sLogo7 span{background-position: 0 -222px; height: 21px; margin-top: 13px;}
div.sidebarLogo.sLogo8 span{background-position: 0 -246px; height: 19px; margin-top: 14px;}
div.sidebarLogo.sLogo9 span{background-position: 0 -267px; height: 25px;margin-top: 14px;}
div.sidebarLogo.sLogo4,div.sidebarLogo.sLogo9{margin-bottom: 0;}
div.sidebarLogo:first-child + div.sidebarLogo + div.sidebarLogo + div.sidebarLogo{margin-right: 0;}
.nextLine{clear: both;}

div.sidebarLogo.octopus span{
    background-position: 0 -296px;
    height: 44px;
    margin-top: 4px;
}

/* -------- Sidebar | reusalbe classes---------------------------------------------------- */

.sidebar__title{
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  color: #707070;
  transition: .25s;
}

.sidebar__title:hover,
.sidebar__title:focus{
  color: #4EB7CD;
  text-decoration: none;
}

/* -------- Sidebar | Customer service---------------------------------------------------- */

.cs__text{font-size: 12px; color: #9A9A9A; margin-top: 10px;display: block;}
.cs__btn--dark,
.cs__btn--light{
  /*background-image: url("/static/images/fa-arrow-circle.png");*/
  background-color: #707070;
  -webkit-background-size: 19px 20px;
  background-size: 19px 20px;
  transition: .25s;
  font-weight: bold;
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-transform: uppercase;
  background-position: right 20px center;
  border-radius: 5px;
  font-size: 14px;
  padding: 10px;
  max-width: 260px;
  display: block;
}

.upper {
    text-transform: uppercase;
}

.cs__btn--dark:hover,
.cs__btn--dark:focus{
  background-color: #555555;
  text-decoration: none;
  color: #ffffff;
  background-position: right 10px center;
}
.cs__btn--light:hover,
.cs__btn--light:focus{
  text-decoration: none;
  background-position: right 10px center;
}

.cs__btn--light{
  background-color: #FFFFFF;
  color: #707070;
}


/*****************footer**************/
.footer-menu, footer {overflow: hidden;}
footer{
    padding: 20px 0;
    border-top: 1px solid #ccc;
    width:1024px;
    margin: 10px auto;
}


.footer-menu {
    margin-top: 45px;
}

.footer-menu,
.footer-copyright a,
.footer-copyright > div:first-child {
    text-transform: uppercase;
}
.footer-copyright {
    float: right;
    margin-top: 50px;
}
.footer-copyright > div {
    display: inline-block;
    margin: 0 8px;
}
.footer-copyright > div {
    float: right;
    font-size: 0.85em;
}

.footer-menu .footer-block {
    float: left;
    overflow: hidden;
    width: 176px;
    min-height: 180px;
    margin: 0 10px;
}
.footer-menu .footer-block h5 {
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
}

.footer-menu .footer-block li {
    font-size: 11px;
}

.footer-menu .footer-block ul.social-icons {
    margin-top: 10px;
}
.footer-menu .footer-block:nth-child(5) > div {
    margin-top: 6px;
}

.footer-menu .footer-block.one-sixth {
    width: 144px;
}

.footer-menu .footer-block.one-quarter {
    width: 226px;
}



.footer-menu li a,
.footer-copyright a {
    color: #616161;
}
/*.footer-menu li {*/
    /*display: block; */
    /*width: 200px; */
    /*margin: 5px 0;*/
/*}*/
footer #copryright {float: right; color: #03CCDE;}


.footer-menu .social-icons i {
    font-size: 30px;
    margin: 0 2px;
}

.footer-menu .social-icons i:hover {
    text-decoration: none;
}

.footer-menu #facebook-link:hover {
    color: #3b5998;
}
.footer-menu #twitter-link:hover {
    color: #00acee;
}
.footer-menu #instagram-link:hover {
    color: black;
}

.footer-menu form #id_email {
    border: none;
    line-height: 27px;
}

.footer-menu form #id_email {
    width: 94%;
    padding: 0 3%;
}
.footer-menu form #letter-request-submit {
    width: 28%;
    background: #616161;
    color: white;
}
.footer-menu form #letter-request-submit:hover {
    background: #03ccde;
}
.footer-menu form .helpInline {
    font-size: 9px;
    float:left;
}

ul.payment-logos li {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 0;
    transform: scale(0.85); /* payment icons smaller */
}

ul.payment-logos li.bg-icon {
    background: url(/static/images/logos.png) 0 0;
    width: 60px;
    height: 50px;
}


ul.payment-logos li img {
    vertical-align: baseline;
}



ul.payment-logos li.visa {
    background-position: 0 0;
    height: 45px;
}

ul.payment-logos li.mastercard {
    background-position: 0 -92px;
    height: 45px;
}

ul.payment-logos li.pps {
    background-position: 0 -270px;
    height: 50px;
}

ul.payment-logos li.amex {
    background-position: 0 -46px;
    height: 45px;
}

ul.payment-logos li.chinapay {
    background-position: 0 -184px;
    height: 45px;
}

ul.payment-logos li.octopus {
    background-position: 0 -230px;
    height: 50px;
}

ul.payment-logos li.visa-verified {
    background-position: 0 -367px;
    height: 45px;
}

ul.payment-logos li.mastercard-secure {
    background-position: 0 -412px;
    height: 45px;
}

ul.payment-logos li.tapngo {
    background-position: 0 -320px;
    height: 44px;
}

ul.payment-logos li.wechat,
ul.payment-logos li.icbc-macau-wechat-pay {
    background-position: 0 -460px;
    height: 40px;
}

ul.payment-logos li.paypal {
    background-position: 0 -505px;
    height: 40px;
}

ul.payment-logos li.diners-club {
    background-position: 0 -800px;
    height: 40px;
}

ul.payment-logos li.payme {
    background-position: 0 -550px;
    height: 40px;
}

ul.payment-logos li.jcb {
    background-position: 0 -606px;
    height: 43px;
}

ul.payment-logos li.macaupay {
    background-position: 0 -665px;
    height: 40px;
}

ul.payment-logos li.macaupass-alipay,
ul.payment-logos li.icbc-macau-alipay {
    background-position: 0 -707px;
    height: 40px;
}

ul.payment-logos li.icbc-macau-cards {
    background-position: 0 -755px;
    height: 40px;
}

ul.payment-logos li.alipay-hong-kong {
    background-position: 0 -863px;
    height: 40px;
}

ul.payment-logos li.icbc-macau-epay {
    background-position: 0 -920px;
    height: 45px;
}

ul.payment-logos li.gcash {
    background-position: 0 -994px;
    height: 45px;
}

ul.payment-logos li.grabpay {
    background-position: 0 -1188px;
    height: 45px;
}

ul.payment-logos li.maya {
    background-position: 0 -1256px;
    height: 45px;
}

ul.payment-logos li.atome {
    background-position: 0 -1065px;
    height: 45px;
}

ul.payment-logos li.bpi-online-banking {
    background-position: 0 -1128px;
    height: 45px;
}

ul.payment-logos li.kakaopay {
    background-position: 0 -1317px;
    height: 45px;
}

ul.payment-logos li.boc-pay {
    background-position: 0 -1370px;
    height: 45px;
}

.footer-contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 11px;
    justify-content: center;
    margin-top: 10px;
}

.footer-contact-info > div {
    margin: 30px 25px 0;
}

.footer-contact-info h5 {
    font-size: 13px;
    font-weight: bold;
}



/*************misc*********************/

a.globalBtn{
  display:inline-block;
  vertical-align:top;
  margin: 0 10px 10px 0;
  font-size: 13px;
  line-height: 17px;
}

input.globalBtn{
  line-height: 17px;
  *padding:4px 10px 2px; /* IE7 */
}

.globalBtn{
  display:inline-block;
  background-color:#EEEEEE;
  vertical-align: top;
  border:1px solid #DDDDDD;
  padding:5px 10px;
  text-decoration:none;
  color:#666666;
  text-shadow:0 1px 0 #FFFFFF;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#DDDDDD));
  background-image: -webkit-linear-gradient(top, #EEEEEE, #DDDDDD);
  background-image:    -moz-linear-gradient(top, #EEEEEE, #DDDDDD);
  background-image:     -ms-linear-gradient(top, #EEEEEE, #DDDDDD);
  background-image:      -o-linear-gradient(top, #EEEEEE, #DDDDDD);}
.globalBtn:hover{ text-decoration:none; color:#333333;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDDDDD), to(#CCCCCC));
  background-image: -webkit-linear-gradient(top, #DDDDDD, #CCCCCC);
  background-image:    -moz-linear-gradient(top, #DDDDDD, #CCCCCC);
  background-image:     -ms-linear-gradient(top, #DDDDDD, #CCCCCC);
  background-image:      -o-linear-gradient(top, #DDDDDD, #CCCCCC);}


/*******************purchasing***********************/

.hide{display:none;}
.close{position:absolute;top:8px;right:8px;line-height:18px; font-size:1.5em;  color:#333}
.close:hover{text-decoration:none;color:#333;}

/***************default form style******************/
.formHorizontal div.controlGroup{
    width: 100%;
    margin:0 auto;
    margin-top:10px;
}
.formHorizontal div.controlGroup:before,.formHorizontal div.controlGroup:after{display:table;content:"";}
.formHorizontal div.controlGroup:after{clear:both;}

div.formActions{text-align:right;}
div.formActions{margin-top:20px;}
.formHorizontal div.controlGroup label.controlLabel{
    display:block;
    float:left;
    width:145px;
    padding: 11px;
    background: #f1f1f1;
    box-sizing: border-box;
}
.formHorizontal div.controlGroup input{
    padding:4px;
    font-size:1em;
    width: 100%;
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    /*behavior: url(/static/css/PIE.htc);*/
    position:relative;
    height: 38px;
    box-sizing : border-box;
}
.blockUI .formHorizontal div.controlGroup input{
    border: 1px solid #aaa;
}

#confirm-orders-page table td select,
div.tf-controls select,
.formHorizontal div.controlGroup select,
.ticket-data-fields-table tbody tr td select {
    font-size:1em;
    border: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);

    padding: 4px;
    -webkit-appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    background-color:#FFF;
    height: 38px;
    height: 40px;
    width: 100%;
}
.formHorizontal div.controlGroup input[type="checkbox"],
.formHorizontal div.controlGroup input[type="radio"]{width:auto;border:none;behavior: url(/static/css/PIE.htc);position:relative;}
.formHorizontal div.controlGroup .controls{text-align:right; float:right; width: 220px;}

.formHorizontal div.controlGroup .controls > ul > li {
    height: 38px;
    display: table;
}
.formHorizontal div.controlGroup .controls > ul > li > label {
    vertical-align: middle;
    display: table-cell;
}
.formHorizontal div.controlGroup .controls > ul > li > label > input[type=radio],
.formHorizontal div.controlGroup .controls > ul > li > label > input[type=checkbox]{
    height: auto;
}

.formHorizontal div.control-group{*zoom:1;width:350px; margin:0 auto;}
.formHorizontal div.control-group:before,.formHorizontal div.control-group:after{display:table;content:"";}
.formHorizontal div.control-group:after{clear:both;}
.formHorizontal div.control-group{margin-top:10px;}
.formHorizontal div.control-group label.control-label{ display:block;float:left; text-align:right; width:120px;padding:3px 10px 3px 0;}
.formHorizontal div.control-group input{padding:4px; font-size:1em; width: 200px; border:1px solid #CCC;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;/*behavior: url(/static/css/PIE.htc);*/position:relative;}
.formHorizontal div.control-group select{padding:4px; font-size:1em; width: 210px; border:1px solid #CCC;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px; background-color:#FFF;}
.formHorizontal div.control-group input[type="checkbox"],
.formHorizontal div.control-group input[type="radio"]{width:auto;border:none;behavior: url(/static/css/PIE.htc);position:relative;}
.formHorizontal div.control-group .controls{text-align:right; float:right; width: 220px;}
.formHorizontal div.control-group:nth-child(4) .controls{width: 220px;}
.errorlist li{color:#ec3a36; font-size:0.9em;}

/***************payment details form style******************/

#payment-details-page form.formHorizontal div.controlGroup div.controls {float:left;}
#payment-details-page form.formHorizontal div.controlGroup div.controls.date-components-split input {width: 55px; float: left; margin-right: 5px;}
#payment-details-page form.formHorizontal div.controlGroup div.controls.date-components-split input.year {width: 70px; float: left; margin-right: 5px;}
#payment-details-page form.formHorizontal div.controlGroup div.controls.date-components-error {margin-left: 20%; text-align: left;}
@media only screen and (max-width: 748px) {
    #payment-details-page form.formHorizontal div.controlGroup div.controls.date-components-error {
        margin-left: 0;
    }
}
/*******************queuing**************************/
#queue-page  ol{list-style-type:decimal;margin:10px 20px 0;}
#queue-page  .queueCounter{font-weight:bold;}
#thanks-page  #preloader{text-align:center; padding:10px;}
#queue-page #wait-flash-msg {color: #C09853; background: #FCF8E3; text-align: center; padding: 10px; margin: 10px 0;}

#thanks-page #downloading-message h2, #thanks-page #downloading-message h3.downloading {
    background-image: none;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
    margin: 0;
}


#thanks-page #downloading-message h3 {
    font-size: 24px;
    padding-top: 15px;
    border-top: 1px solid #616161;
}

#thanks-page #downloading-message p.download-hint {
    margin: 10px auto 33px;
    width: 350px;
}

#thanks-page #downloading-message p.download-hint a {
    color: inherit;
    text-decoration: underline;
}

#thanks-page #downloading-message hr {
    border: 0;
    border-top: 1px solid #D5D5D5;
    width: 90%;
    margin-bottom: 30px;
}

#thanks-page #downloading-message p.share {
    padding: 0;
}

#thanks-page #facebook-share {
    white-space: nowrap;
    margin: 19px auto 12px;
}

#thanks-page #facebook-share .fb-like {
    margin-top: 12px;
}

#download-hint {
    padding: 20px;
    text-align: left;
}

.share__title {
    padding: 15px 0;
    border-top: 1px solid #616161;
    border-bottom: 1px solid #616161;
}

/*******************timer****************************/
#waitForTime {
    display: none;
    overflow: hidden;
    margin-top: 5px;
}
#waitForTime img, #waitForTime span {
    display: inline-block;
}
#waitForTime img {
    width: 15px;
}
#timer-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 240px;
}
@media (min-width: 749px) {
    #timer-wrapper.move-downward {
        top: 220px;
        right: 10px;
    }
    #timer-wrapper.move-downward #timer{
        position: relative !important;
    }
}
#timer {
    background-color: #e7e8e5;
    padding: 10px 0px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 0;
    color: #555;
    border: 1px solid #616161;
    width: 240px;
    font-size: 18px;
    font-weight: bold;
}
#timer.fixed-position {
    position: fixed;
    margin-top: 35px;
}
#timer #counter {
    font-size: 70px;
    padding: 0;
    line-height: normal;
    min-height: 65px;
	padding-top: 20px;
}
#timer a {
    display: none;
    margin: 5px 0 0 0;
    color: #555;
}
#timer.need-time #counter {
    vertical-align: top;
    display: block;
}
#timer.need-time #need-time, #timer.non-order-step #back-to-orders {
    display: block;
}
#timer.need-time.non-order-step #need-time {
    margin-top: 10px;
}

#locale_switcher .sbToggle {
    border: 0;
    width: 18px;
    transform: scale(0.7);
}

#downloadWait {display: none;}

#timeout-page .infoItem {padding-bottom: 0;}
#service-fee {float: left;}
#service-fee-lineitem td {padding-top: 5px !important; padding-bottom: 5px !important;}

#custom-tickettype-message {float: left;}

.imgThumbWrap {
    display: inline-block;
    position: relative;
}

.eventImage{
    position: relative;
    overflow: hidden;
}

.eventImage img.sold-out {
    position: absolute;
    left: 50%;
    bottom: 5px;
    margin-left: -83px;
    z-index: 1;
}

.shareWrapper{text-align:left; margin-right: 10px;}
.shareWrapper li:first-child{ padding-left: 10px; font-size: 13px;}
.shareWrapper li{display: block;}
ul.shareIcons {float: right;}
ul.shareIcons li{ display: inline-block; *float: left;}
ul.shareIcons li a{display:block; width: 35px; height:35px;float:left; background:url("/static/images/socialIconsS.png") no-repeat ; text-indent:-9999px; margin-left:10px;}
ul.shareIcons li.email a{background-position: 0 -70px; margin-left:0;}
ul.shareIcons li.facebook a{background-position: 0 0;}
ul.shareIcons li.twitter a{background-position: 0 -35px;}

.cookie__message{display: none; padding: 10px; font-size: 14px; bottom: 0; text-align: center; position: fixed; width: 100%; color: #ffffff; background: #BD103B; z-index: 20;}


/* new style */

.button{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 10px;
  padding: .5rem 1rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 5px;
  margin-right: 5px;
  display: inline-block;
}

.button:hover,
.button:focus{
  text-decoration: none;
}

.button__default{
  -moz-box-shadow: 0 2px 0 #e1e1e1;
  -webkit-box-shadow: 0 2px 0 #e1e1e1;
  box-shadow: 0 2px 0 #e1e1e1;
  background: #eeeeee;
  border: 1px solid #eeeeee;
  color: #888888;
}

.button__default:hover,
.button__default:focus{
  background: #e1e1e1;
  color: #888888;
  -moz-box-shadow: inset 0 2px 4px #c8c8c8;
  -webkit-box-shadow: inset 0 2px 4px #c8c8c8;
  box-shadow: inset 0 2px 4px #c8c8c8;
}

.button__primary{
  -moz-box-shadow: 0 2px 0 #03b5c5;
  -webkit-box-shadow: 0 2px 0 #03b5c5;
  box-shadow: 0 2px 0 #03b5c5;
  color: #ffffff;
  background: #03ccde;
  text-indent: 0; border: 1px solid #03ccde;
}

.button__primary:hover,
.button__primary:focus{
  background: #03b5c5;
  color: #ffffff;
  -moz-box-shadow: inset 0 2px 4px #028793;
  -webkit-box-shadow: inset 0 2px 4px #028793;
  box-shadow: inset 0 2px 4px #028793;
}


.button__group{
  margin-bottom: 20px;
}

#thanks-page{
  line-height: 1.5;
}

.thankyou__list{
    margin-top: 15px;
}

.thankyou__list li{
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
  background: url("/static/images/check__list.png") no-repeat left top;

}

/*.wf-loading{
  visibility: hidden;
}*/

/*.wf-active,
.wf-inactive{
  visibility: visible;
}*/

/* https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */

.break-word{
    -ms-word-break: break-all;
    /* Be VERY careful with this, breaks normal words wh_erever */
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


.input-text {
    padding: 4px;
    font-size: 1em;
    border: 1px solid #CCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}




div#picsModal ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 18px;
}

#loading-types{
  background: url("/static/images/spinner.gif") no-repeat left 10px center;
  display: none;
  padding: 20px;
  padding-left: 60px;
  border-radius:5px ;
  background-color: #F3F3F3;
  border: 1px solid #eeeeee ;
  color: #999;
  font-size: 14px;
}

.loading-spinner{
  display: block !important;

}

.tf-blue {
    color: #2ab9c5;
}

.th-blue {
    color: #2ab9c5;
    padding: 5px;
    font-size: 1.1em;
}


.help-block {
    font-style: italic;
    font-size: 0.95em;
    color: #616161;
}


.blockMsg {
  max-height: 60% !important;
  display: inline-table;
}

button.new {
    /* mobile styles from helen */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 800;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    font-size: 24px;
    text-align: center;
    -moz-box-shadow: 0 2px 0 #03b5c5;
    -webkit-box-shadow: 0 2px 0 #03b5c5;
    box-shadow: 0 2px 0 #03b5c5;
    color: #ffffff;
    background: #03ccde;
    text-indent: 0;
    border: 1px solid #03ccde;
    text-transform: uppercase;
}


.tf-btn {
    font-size: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    padding: 8px 5px 6px 5px;

    text-align: center;
    /* min-width: 114px; */
    text-shadow: none;
    display: inline-block;
    margin: 3px 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;

    border-style: none;

    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;

    text-decoration: none;
}

a.tf-btn {
    line-height: normal;
}

.tf-btn-sm {
    font-size: 1em;
}

a.tf-btn-sm {
    padding: 2.1px 9px;
}

.tf-btn:active, .tf-btn:focus {
    outline:none;
}

/*.tf-btn-xs {*/
    /*font-size: 0.7em !important;*/
    /*padding-top: 5px !important;*/
    /*padding-bottom: 5px !important;*/
/*}*/

.tf-btn:hover {
    text-decoration: none;
}

.tf-btn-link {
    font-size: 1em;
    min-width: 0;
}

.tf-btn-default {
    border-color: #616161;
    background-color: #616161;
    font-weight: 300;
    border-style: solid;
    color: white;
}

.tf-btn-default:hover {
    color: #ffffff;
    background-color: #BFBFBB;
    border-color: #BFBFBB;
}

.tf-btn-primary {
    background: #0ab9ce;
    color: white;
}

/*.tf-btn-primary:focus {*/
    /*outline:none;*/
/*}*/

/*a.tf-btn-primary {*/
    /*padding-top: 7px;*/
    /*padding-bottom: 7px;*/
/*}*/

.tf-btn-primary:hover {
    background-color: #1fd5ea;
    color: white;
}

.tf-btn-primary.btn-disabled,
.tf-btn-primary:disabled {
    background: #e0dddd;
    cursor: not-allowed;
}

.tf-btn-black {
    border-color: #777777;
    color: #777777;
    border-width: 2px;
    border-style: solid;
}

.tf-btn-black:hover {
    color: #ffffff;
    background-color: #777777;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

a.muted {
    color: #808288;
    text-decoration: underline;
}

a.muted-until-hover {
    color: #808288;
}

a.muted-until-hover:hover {
    color: #2ab9c5;
}

/* Language selector */
.sbHolder {
    width: 165px;
    background-color: #f6f7f4;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    font-size: 0.8em;
}

.sbSelector {
    text-transform: uppercase;
}
.sbOptions {
    width: 130px;
    text-transform: uppercase;
    background-color: #f6f7f4;
}

.sbOptions > li:first-child {
    display: none;
}

.main-content {
    min-height: 570px;
    padding-top: 1em;
}

.tf-title {
    text-transform: uppercase;
    font-weight: bold;
    color: #616161;
    /*margin-bottom: 1em;*/
    margin-top: 0.5em;
    padding-bottom: 0.5em;
}

.tf-title.underline {
    border-bottom: #616161 solid 1px;
    margin-bottom: 1em;
}

.tf-title.overline {
    border-top: #616161 solid 1px;
    padding-top: 0.5em;
}


h1.tf-title {
    font-size: 2em;
}

h2.tf-title {
    font-size: 1.5em;
}

h3.tf-title {
  font-size: 1.17em;
}

h4.tf-title {
    font-size: 16px;
    font-weight: normal;
}

h3.tf-title.underline {
    border-bottom-width: 1.3px;
}

h3.tf-title.overline {
    border-top-width: 1.3px;
}




ul.nav.navTabs h2.tf-title {
    margin-top: auto;
    width: 100%;
}

.navbar ul.nav-auth {
    margin:0;
    padding: 0;
    list-style-type:none;
}
.navbar ul.nav-auth li {
    float:left;
    position:relative;
    /*margin-right: 0.5em;*/
}

.navbar ul.nav-auth li a {
    text-transform: uppercase;
    color: #2ab9c5;
    font-weight: bold;
    /*font-size: 1.3em;*/
}

.navbar ul.nav-auth li + li:before {
    content: "| ";
    padding: 0 21px;
    color: #2ab9c5;
    font-weight: bold;
}


div.menu-row > div.menu-text {
    margin-top: 8px;
    margin-right: 10px;
    display:inline-block;
    font-size: 0.8em;
}

div.menu-row > div.menu-text > span {
    margin-left: 8px;
}

.country-selector .country {
    color: #828282;
    text-transform: uppercase;
    background-color: #e5e6e2;;
    padding: 15px 15px 10px 15px;
    font-size: 1.15em;
    font-weight: bold;
    display: inline-block;
}

.country-selector .country.active {
    color: #2ab9c5;
    background-color: #efefef;
}

.search-area {
    margin-top: 3em;
}

.list-with-us-container {
    text-transform: uppercase;
    bottom: 12px;
    letter-spacing: 0.02em;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* RESPONSIVE ARROWS */
[class^=arr-]{
  border:       solid currentColor;
  border-width: 0 .2em .2em 0;
  display:      inline-block;
  padding:      .20em;
}
.arr-right {transform:rotate(-45deg);  -webkit-transform:rotate(-45deg);}
.arr-left  {transform:rotate(135deg);  -webkit-transform:rotate(135deg);}
.arr-up    {transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.arr-down  {transform:rotate(45deg);   -webkit-transform:rotate(45deg);}


header div.menu {
    display: inline-block;
    width: 80%;
}

header .menu-row {
    display: inline-block;
    float: right;
    margin-bottom: 21px;
    width: 100%;
}

div.menu-auth {
    display: inline-block;
    z-index: 2;
    margin-left: 10px;
    float: right;
}

div.breathe {
    margin-top: 50px;
}

section#content {
    position: relative;
}

section#content .white-container {
    /*margin-top: 100px;*/
}

section#content .gray-container {
    border-top: #616161 solid 3.5px;
    border-bottom: #616161 solid 3.5px;
}
section#content .gray-container.no-border {
    border: none;
}

.shorter {
    width: 730px;
}

div.center-tight {
    width: 450px;
    margin-right: auto;
    margin-left: auto;
}

section#content div.section {
    margin-bottom: 40px;
}

.event-block {
    display: inline-block;
        width: 692px;
}

.host-block {
    display: inline-block;
    vertical-align: top;
    width: 243px;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}




/* styles for '...' */
.truncated {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em;
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}
/* create the ... */
.truncated:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.truncated:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  /*background: white;*/
}

.featured .event-banner {
    height: 51px;
    bottom: 10px;
    line-height: 53px;
    font-size: 1.5em;
    width: 77%;
    left: 11%;
}

.event-header-image .event-banner {
    font-size: 1em;
    width: 77%;
    left: 11%;
}

.featured .event-banner.banner-sales-na {
    line-height: 22px;
}

a, .blue {
    color: #2ab9c5;
}


.fa.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

div.highlighted-content {
    background-color: #f8f8f8;
}

ul.items-list li {
    margin-bottom: 15px;
}

div.line-separator {
    height: 1px;
    border-width: 0;
    color: gray;
    background-color: gray;
}

.banner-container img,
#custom-payment-message img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.banner-container p {
    padding: 0;
}

div.tf-controls input[type=text],
div.tf-controls input[type=password],
div.tf-controls input[type=email],
div.tf-controls select {
    line-height: 30px;
    font-size: 1.2em;
    padding: 5px 0 5px 20px;
    border: none;
    margin: 3px 0;

     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;

    width: 100%;
}

div.tf-controls select {
    font-size: 18px;
    color: #666;
}

div.tf-controls div.error > input {
    border-style: solid;
    border-color: #ec3a36;
    border-width: 1px;
}


div.tf-controls label.checkbox > input[type="checkbox"] {
    width: auto;
    float: left;
    margin-left: -20px;
    top: 0px;
    position: relative;
    margin-right: 15px
}

div.tf-controls label.checkbox {
    display: block;
    margin-left: 32px;
    margin-top: 10px;
}

div.tf-controls label.checkbox > input[type="checkbox"] {
    display:none;
}

div.tf-controls label.checkbox > input[type="checkbox"] + span.checkbox-img {
    background:url("../images/CHECKBOX.5dd2f56e9459.png") no-repeat 0px 0px;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;

    float: left;
    margin-left: -31px;
    top: 0px;
    position: relative;

}

div.tf-controls label.checkbox > input[type="checkbox"]:checked + span.checkbox-img {
    background:url("../images/CHECKBOX.5dd2f56e9459.png") no-repeat 0px -19px;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}



.fixed-right-container {
   height: auto;
   overflow: hidden;
}

.fixed-right-container > .right {
    float: right;
}

.fixed-right-container > .left {
    float: none; /* not needed, just for clarification */
    width: auto;
    overflow: hidden;
}

div.banner-message {
    padding-top: 17px;
    padding-bottom: 17px;
    font-weight: bold;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #cfcfcf;
    line-height: 25px;
    font-size: 1.5em;
}

/* styled event header and event info */
/* event white block with event info gray block */
/* event header */

section#content #event-header-first {
    background-color: #f5f5f5;
    padding: 10px 15px 10px 10px;
    width: 635px;
}
section#content #event-header-first .event-image {
    float: left;
}

section#content #event-header-first .event-image img {
    width: 190px;
}

section#content #event-header-first img {
    vertical-align: top;
}

section#content #event-header-first h1.event-title {
    margin-top: 5px;
    margin-left: 205px;
    font-size: 1.9em;
    line-height: 1;
    color: #616161;
    font-weight: bold;
    padding-bottom: 20px;
}
section#content #event-header-first.no-image h1.event-title {
    margin-left: 0px;
}

/* Event Subtitle */

section#content #event-header-first h2.event-subtitle {
    font-size: 1.2em;
    color: #616161;
    font-weight: normal;
    margin-left: 205px;
}

/* event info */
section#content #event-header-second {
    font-size: 1.1em;
    letter-spacing: 0.1px;
    padding: 19px;
    background: #dfdfdd;
    line-height: 1.3em;
    position: relative;
    width: 324px;
    box-sizing: border-box;
    overflow-x: hidden;
}

section#content #event-header-second .times {
    border-bottom: 1px solid #b7b7b5;
    overflow: hidden;
    padding-bottom: 10px;
}

section#content #event-header-second .times > div {
    width: 49%;
    display: inline-block;
}

section#content #event-header-second .times.has-customized-time > div {
    width: 100%;
}

section#content #event-header-second .times > div.times-second {
    float: right;
}

section#content #event-header-second .location {
    padding-top: 10px;
    margin-left: 0px;
}

section#content #event-header-second div.infoBtns {
    margin-top: 10px;
}
section#content #event-header-second div.infoBtns a {
    font-size: 14px;
}

/* google recaptcha input */
#recaptcha_table input[type=text] {
    line-height: 15px; /* change line height back to normal */
}


.blur {
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

/* block ui */
.blockUI.blockOverlay {
    background-color: #e7e7e5 !important;
    opacity: 0.8 !important;
    cursor: default !important;
}

.blockUI.blockMsg {
    border: none !important;
    box-shadow: 0px 0px 20px #cccccc;
    cursor: default !important;
}

/************modal window***************/
.modal {
    background: #fff;
}
.modal .formHorizontal .controlGroup {
    width: auto;
}
.modal .formHorizontal .controlGroup .controls {
    float: left;
}
.modal .formHorizontal .controlGroup .controls textarea {
    width: 305px;
}
.modal .modalFooter {
    margin-top: 10px;
    margin: 15px 20px 15px 20px;
    padding-top: 10px;
    text-align: right;
    border-top: 1px solid #ddd;
}
.modal .modalHeader {
    text-align: left;
    font-size: 18px;
    margin: 30px 20px 0 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #c1c1c1;
    text-transform: uppercase;
}
.modal .formHorizontal .controlGroup .controls span {
    display: block;
}
.modal .formHorizontal .controlGroup .controls .error {
    text-align: right;
}
.modal .modalBody {
    margin: 15px 20px 0px 20px;
    text-align: left;
}

.modal .modalBody.withoutFooter {
    margin-bottom: 30px;
}

.modal .modalCloseIcon {
    position: absolute;
    top: 15px;
    right: 15px;
}
.modal .modalCloseIcon > a {
    color: #ccc;
}

.payment-icons .payment-icon .payment-entry {
    background-size: 240px;
    background-repeat: no-repeat;
    width: 60px;
    height: 42px;
    margin: 15px;
}

.payment-icons {
    text-align: center;
    font-size: 0;
}

.payment-icons .payment-icon {
    background: #f1f1f1;
    cursor: pointer;
    display: inline-block;
}

.payment-icons .payment-icon:hover,
.payment-icons .payment-icon.active {
    background-color: #fff;
}

.payment-icons .payment-icon[data-payment_method='ICBC_MACAU_CARDS'] {
    width: 260px;
}

.payment-entry.visa {
    background-position: 0 0px;
}

.payment-entry.mastercard {
    background-position: 0 -86px;
}

.payment-entry.pps {
    background-position: 0 -258px;
}

.payment-entry.amex {
    background-position: 0 -43px;
}

.payment-entry.chinapay {
    background-position: 0 -172px;
}

.payment-entry.octopus {
    background-position: 0 -215px;
}

.payment-entry.visa-checkout {
    background-position: 0 -128px;
}

.payment-entry.tapngo {
    background-position: 0 -302px;
}

.payment-entry.wechat,
.payment-entry.icbc-macau-wechat-pay {
    background-position: 0 -430px;
}

.payment-entry.paypal {
    background-position: 0 -474px;
}

.payment-entry.payme {
    background-position: 0 -518px;
}

.payment-entry.jcb {
    background-position: 0 -561px;
}

.payment-entry.macaupay {
    background-position: 0 -603px;
}

.payment-entry.macaupass-alipay,
.payment-entry.icbc-macau-alipay,
.payment-entry.alipay-china {
    background-position: 0 -646px;
}

.payment-entry.icbc-macau-cards,
.payment-entry.boc-create-card-trade {
    background-position: 0 -690px;
    width: 178px !important;
}

.payment-entry.alipay-hong-kong {
    background-position: 0 -734px;
}

.payment-entry.icbc-macau-epay {
    background-position: -57px -734px;
}

.payment-entry.gcash {
    background-position: -112px -733px;
}

.payment-entry.grabpay {
    background-position: -123px -776px;
}

.payment-entry.maya {
    background-position: 0 -820px;
}

.payment-entry.atome {
    background-position: 0 -777px;
}

.payment-entry.bpi-online-banking {
    background-position: -62px -777px;
}

.payment-entry.jcc {
    background-position: 0 -864px;
    width: 178px !important;
}

.payment-entry.billgate-credit-card {
    background-position: 0 -906px;
}

.payment-entry.billgate-overseas-card {
    background-position: 0 -993px;
    width: 168px !important;
}

.payment-entry.billgate-wire-transfer {
    background-position: -122px -906px;
}

.payment-entry.billgate-virtual-account {
    background-position: 0 -949px;
}

.payment-entry.kakaopay {
    background-position: -61px -951px;
}

.payment-entry.bocpay {
    background-position: -122px -951px;
    width: 110px !important;
}

.payment-entry.paynow {
    background-position: 0 -1030px;
}

.payment-entry.oxxopay {
    background-position: 10px -1105px;
    width: 135px !important;
}

.payment-entry.kicc-easypay {
    background-position: -119px -1105px;
    width: 120px !important;
}

.remark-text {
    color: #a80e06 !important;
}

.payment-entry.ubp-online-banking {
    background-position: -65px -1032px;
    width: 110px !important;
}

.payment-entry.boc-create-qr-trade {
    background-position: -195px -1297px;
    background-size: 290px !important;
    width: 46px !important;
}

.payment-entry.boc-create-boc-cashier {
    background-position: 0 -1298px;
    width: 145px !important;
    background-size: 290px !important
}

#email-host-page form,
#email-venue-page form {
    width: 365px;
}

#email-host-page form input,
#email-host-page form textarea,
#email-venue-page form input,
#email-venue-page form textarea {
    border: 1px solid rgb(170, 170, 170)
}

.footer-block input[name="newsletter-email"] {
    width: calc(100% - 6px);
}

/*
    If GUEST_TICKETING_FLOW_ENABLED, the user should not see the user menus (Signup, Signin, My Account, My Tickets)
    in header/footer. So, we hide these by default. But a JS script (`templates/common/layouts/_enable_user_menus.html`)
    will display them upon page load if not GUEST_TICKETING_FLOW_ENABLED.
    Ideally, the show/hide menus will be integrated in `layouts/header.html`,
    but it's quite messy and not scalable since we need to update lots of whitelabel files.
    Also, using pure JS to hide the menus has bad UX: the menus will be shown momentarily before being hidden.
    A simpler/cleaner solution is to hide the menus by default via CSS, then toggle via JS if needed.
*/
/* For 29rooms-sg guesticketing flow */
#header .navbar ul.nav li a[href*="account"],
header a[href*="signup"],
header a[href*="signin"],
header a[href*="account"],
footer a[href*="signup"],
footer a[href*="signin"],
footer a[href*="account"] {
    display: none;
}

/* Due to TF rebranding */
html body header .my-account-container a[href*="account"],
html body header .my-ticket-link > a,
html body header .profile-for-mobile > a,
html body #my-tickets-mobile {
    display: none;
}