
@font-face {
	font-family: 'Averta';
	src: url('../fonts/avertape-extrabold-webfont.woff') format('woff'), url('../fonts/avertape-extrabold-webfont.woff2') format('woff2');
	font-weight: 900;
}





html {    line-height: 1.4;}
body {font-size:16px; position:relative;height: 100%}
body.modal-open {
    overflow: hidden;
}
b, strong {font-weight:600;}
h4 {font-size:16px;}
#topAlert {
	z-index:2;
	background-color: rgb(18, 18, 18);
}
#header #topAlert .alert-message {padding:8px 24px;}

.navbar {padding:0;}

.darkBg {background:rgb(18, 18, 18);}

#topbar-nav { 
	display:flex; 
	margin-right:10px;
}

#topbar-nav a { 
	color: #FFF;
}

#topbar-nav a:hover, #topbar-nav a:focus { 
	color: #FFF;
	text-decoration: underline;
}

.navbar-nav > li#Help, li#megaHelp { 
	display:none;
}
.nav-line {
    margin-bottom: 0;
	padding:0;
}
.nav-line .container {justify-content: flex-start;}
.navbar-nav {position:relative;}
.navbar-header {
    padding: 0;
}

.navbar-header a {
    display: inline-block;
    padding: 0;
    float: left;
}

.nav-function {
    padding: 0;
}

.nav-function .navbar-location {
    float: left;
    font-size: 16px;
    display: inline-flex;
}

.navbar-expand .navbar-collapse {
	     padding-right: 15px;
    padding-left: 15px;
}

.countrySVG {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 50%;
}

button.location-toggle {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    text-transform: inherit;
    background-color: transparent;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(255, 255, 255);
    cursor: pointer;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    padding: 10px;
}

button.location-toggle svg {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    fill: currentcolor;
    transition: transform 0.2s ease-out 0s;
}

button.location-toggle:active {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.176));
    outline: none;
}

button.location-toggle:hover,
button.location-toggle:focus {
    text-decoration: underline;
}

div.location-toggle svg {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    fill: currentcolor;
    transition: transform 0.2s ease-out 0s;
}

div.location-toggle:active {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.176));
    outline: none;
}

div.location-toggle:hover,
div.location-toggle:focus {
    text-decoration: underline;
}

.alttext {
    position: absolute;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    clip: rect(0px, 0px, 0px, 0px);
    clip-path: inset(50%);
    margin: -1px;
    padding: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    overflow: hidden;
}

.navbar-default .navbar-brand {
    width: 180px;
    height: 52px;
    margin: 0 12px;
}

.navbar-default .navbar-brand-ttm {
    width: 180px;
    margin: 0 12px;
}

.navbar-default .navbar-nav > li > a {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Averta', 'Noto Sans Thai', helvetica, arial, sans-serif;
    line-height: 52px;
    padding: 24px 8px;
}
/* personal details */
.personal-btn {
    min-width: 220px;
    margin: 10px !important;
}
@media only screen and (max-width: 480px) {
    .personal-btn {
        min-width: 100%;
        margin: 5px !important;
    }
}
/* announcement */
.announcementBar {color:#ffffff; float:left;padding:10px;}
/* language menu */
.langMenu {color:#ffffff;float:right;padding:10px;}
.langMenu a{color:#ffffff;}
.langMenu .dropdown-item {    position: relative;
    display: block;
    min-height: 44px;
    color: rgb(38, 38, 38)!important;
    font-size: 16px;
    padding: 8px 40px 8px 16px;
    border-bottom: 1px solid rgb(191, 191, 191);}
.langMenu .dropdown-menu {padding:0;}


.nav-info li.searchBox {
    line-height: 1.4;
    width: 100%;
    margin-right: 16px;
    padding: 0;
}

.nav-info .account-login a {
    padding: 0;
}

.searchBox .search-input {
    padding: 8px 0px 8px 16px;
    border-radius: 4px;
	font-size: 18px;
    font-weight: 400;
    font-family: 'Averta', 'Noto Sans Thai', helvetica, arial, sans-serif;
    flex-grow: 1;
    color: #ffffff;
    font-size: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    padding: 8px 0px 8px 16px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 4px;
}

.nav-info li.account-login {


}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: "";
}

.navbar-header a:not(#logoLink)::hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.176));
    color: rgb(255, 255, 255);
    text-decoration: none;
    outline: none;
}
#logoLink {padding:0;}
.searchBox .input-group {
    position: relative;
    z-index: 1;
    display: flex;
    flex-shrink: 0;
    color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 4px;
    transition: background-color 0.3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.7);
    border-image: initial;
    font-size: 18px;
}

.searchBox .search-input::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.searchBox .search-input:-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.searchBox .search-input::placeholder {
    color: #ffffff;
    opacity: 1;
}

.nav-info .account-login span {
    font-size: 18px;
}

.searchBox .search-btn {
    position: static;
    padding: 10px;
    boder: none;
    background: none;
    line-height: normal;
    margin: 0;
	 color: #ffffff;
}

.nav-info .account-login a {
    margin:0;
	padding: 36px 10px;
    margin-top: 3px;
}

#bs-location.location-collapse {
    padding: 0;
}

#mylocation {
    display: none;
    transition: .5s;
}

.sidenav {
    background-color: #ffffff;
    height: 100%;
    left: 0;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 0;
    z-index: 5;
}

.sidenav a {
    display: block;
    display: flex;
    text-decoration: none;
    transition: .3s;
}
.countryList button:hover {
	background-color: rgb(246, 246, 246);
    outline: none;
}
.sidenav a:hover, .sidenav a:focus  {
	background-color: rgb(246, 246, 246);
    outline: none;
	text-decoration:underline;
}

.sidenavcontent {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    float: left;
    width: 100%;
    height: 100%;
    will-change: transform;
    transform: translate3d(0px, 0px, 1px);
    outline: none;
    transition: transform 0.4s cubic-bezier(0.1, 0.85, 0.25, 1) 0s;
}

.sidenav .closebtn {
    font-size: 36px;
    margin-left: 50px;
    position: absolute;
    right: 25px;
    top: 0;
}

header {
    z-index: 3;
}

#overlayLocation {
    display: none;
}

#overlayLocation {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 4;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
}

.myLocContainer {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#overContainer {
    position: fixed;
    top: 0px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    height: 100%;
    transform: translate3d(0px, 0px, 1px);
    will-change: transform;
    left: 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 3px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    transition: transform 0.4s cubic-bezier(0.1, 0.85, 0.25, 1) 0s;
}

@media screen and max-height 450px {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
}

.arrowClose {
    transform: rotate(90deg);
    fill: rgb(100, 100, 100);
    margin: 10px;
}

.locCloseBtn {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    text-transform: inherit;
    background-color: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    height: 100%;
    margin: initial;
    padding: initial;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}

.locHeader {
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    width: 100%;
    min-height: 50px;
    font-weight: 600;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
    margin: 0px auto;
    padding: 0px 44px;
    border-bottom: 1px solid rgb(191, 191, 191);
    background: rgb(255, 255, 255);
}

.mainLocPanel {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;

	padding:24px;
}

.locPanel {
    padding: 24px;
	padding:0;
}

.countryList:first-child {
    border-top: none;
}
.countryList button {border-bottom:1px solid rgb(191, 191, 191);}
.countryList button.currentSelected, .countryList.opened button {border-bottom:none;}
.jnlEsB {
    display: inline-block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: currentcolor;
}

.cbZHih {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(100, 100, 100);
    border-image: initial;
    border-radius: 50%;
}

 .yxcv5q-1 {
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    text-transform: inherit;
    background-color: transparent;
    position: relative;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
    margin: initial;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 16px 48px;
}

.currentFlag {
    position: absolute;
    top: 16px;
    left: 8px;
}

.currentLabel {
    display: block;
    color: rgb(100, 100, 100);
}

.currentCountry {
    display: block;
    font-weight: 600;
}

.eQMPXe {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    fill: currentcolor;
    transition: transform 0.2s ease-out 0s;
}

.chZcwd {
    position: absolute;
    top: 16px;
    right: 8px;
    margin-left: auto;
    fill: rgb(2, 108, 223);
    transform: rotate(180deg);
    transition: transform 300ms ease 0s;
}

.overseasList {
    display: block;
}

.locList {
    padding-left: 40px;
}

.ixkCki {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: rgb(38, 38, 38);
    font-size: 16px;
    padding: 16px;
    border-top: 1px solid rgb(191, 191, 191);
}

.jnlEsB {
    display: inline-block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: currentcolor;
}

.cbZHih {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(100, 100, 100);
    border-image: initial;
    border-radius: 50%;
}

.ieQaMD {
    display: flex;
}
.jMrIus {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    fill: currentcolor;
    transition: transform 0.2s ease-out 0s;
}
.gwhZoc {
    padding: 3px;
}
.catList {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 3px;
    transform: translate3d(0px, 0px, 1px);
    border-radius: 2px;
    width: 230px;
}

.catList ul li {
    width: 100%;
}

.catList a {
    position: relative;
    display: block;
    min-height: 44px;
    color: rgb(38, 38, 38)!important;
    font-size: 16px;
    padding: 8px 40px 8px 16px;
    border-bottom: 1px solid rgb(191, 191, 191);
}

.catList a:hover,
.catList a:focus,
.catList a:active {
    color: #1438A1!important;
}

.catList {
    display: none;
}

.jHYrsz {
    position: relative;
    display: block;
    min-height: 44px;
    color: rgb(38, 38, 38);
    font-size: 16px;
    padding: 8px 40px 8px 16px;
    border-bottom: 1px solid rgb(191, 191, 191);
}

.opened-menu .moreBtn::after {
    position: absolute;
    bottom: 0px;
    left: 50%;
    display: block;
    margin-left: -10px;
    content: "";
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgb(255, 255, 255);
    border-left: 10px solid transparent;
    z-index: 1;
}


/* search box*/

.searchContainer {
    width: 375px;
}

.searchResultBox {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    margin-top: 2px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 3px;
    transform: translate3d(0px, 0px, 1px);
    border-radius: 2px;
}

.searchTitle {
    position: relative;
    color: rgb(28, 28, 28);
    font-weight: 600;
    font-size: 16px;
    margin: 0px;
    padding: 8px 16px;
    border-bottom: 1px solid rgb(191, 191, 191);
}

.whiteBox {
    margin-top: 0px;
    padding-left: 0px;
    list-style-type: none;
}

.searchResultBox a {
    position: relative;
    display: block;
    min-height: 44px;
    color: rgb(38, 38, 38)!important;
    font-size: 16px;
    padding: 8px 40px 8px 16px;
    border-bottom: 1px solid rgb(191, 191, 191);
}

.searchResultBox a:hover,
.searchResultBox a:focus,
.searchResultBox a:active {
    color: #1438A1!important;
}

.jHYrsz {
    position: relative;
    display: block;
    min-height: 44px;
    color: rgb(38, 38, 38);
    font-size: 16px;
    padding: 8px 40px 8px 16px;
    border-bottom: 1px solid rgb(191, 191, 191);
}

.searchResultBox {
    display: none;
}

#searchResult .eventName {
    display: block;
}

.eQMPXe {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    fill: rgb(2, 108, 223);
    transition: transform 0.2s ease-out 0s;
}

.searchResultBox svg {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -12px;
    transform: rotate(-90deg);
    fill: rgb(2, 77, 223);
}

.searchBox .textFocus {
    background-color: #ffffff;
    border-radius: 4px;
    transition: background-color 0.3s ease 0s;
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
    color: rgb(38, 38, 38);
}

.searchBox .textFocus .search-input {
    color: rgb(38, 38, 38);
}

.searchBox .textFocus svg {
    fill: rgb(2, 77, 223);
}

.searchBox .textFocus .search-input::-webkit-input-placeholder {
    color: rgb(38, 38, 38);
    opacity: 1;
}

.searchBox .textFocus .search-input.textFocus:-ms-input-placeholder {
    color: rgb(38, 38, 38);
    opacity: 1;
}

.searchBox .textFocus .search-input.textFocus::placeholder {
    color: rgb(38, 38, 38);
    opacity: 1;
}

.searchBox .textFocus .clearSearch svg {
    fill: rgb(0, 0, 0);
}

.staticMode {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    fill: currentcolor;
    transition: transform 0.2s ease-out 0s;
}

.clearSearch {
    margin-top: initial;
    margin-bottom: initial;
    margin-left: initial;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    text-transform: inherit;
    color: currentcolor;
    background-color: transparent;
    cursor: pointer;
    display: block;
    margin-right: 1px;
    padding: 10px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 4px;
    display: none;
}

.clearSearch:hover {
	background-color: rgb(2, 77, 223);
}

.textFocus .clearSearch:hover svg {
    fill: #ffffff;
}

.eJlxQm {
    position: absolute;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    clip: rect(0px, 0px, 0px, 0px);
    clip-path: inset(50%);
    margin: -1px;
    padding: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    overflow: hidden;
}

.sidenav .navbar-nav {
    width: 100%;
    flex-grow: 1;
    padding: 24px;
}

.sidenav .navbar-nav > li:not(:first-child),
.sidenav .navbar-default .navbar-nav > li:not(:first-child) > span {
    border-bottom: 1px solid #BFBFBF;
}

.sidenav .nav-item div, .sidenav .nav-item a,
.sidenav .submenu > li > a {
    padding: 16px;
    line-height: 25px;
    text-align: left;
    justify-content: left;
    color: #262626;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Averta', 'Noto Sans Thai', helvetica, arial, sans-serif;
}

.sidenav .submenu > li > a {
    border-top: 1px solid #BFBFBF;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: rgb(38, 38, 38);
    font-size: 16px;
    padding: 16px;
    border-top: 1px solid rgb(191, 191, 191);
    font-weight: 400;
}

.sidenav .nav-item .arrowDown {
    position: absolute;
    top: 16px;
    right: 8px;
    margin-left: auto;
    fill: rgb(2, 77, 223);
    transition: transform 300ms ease 0s;
}

.submenu {
    padding-left: 16px;
}

.sidenav .has-submenu.opened div {
    background-color: rgb(246, 246, 246);
    outline: none;
}

.sidenav .submenu > li > a:active,
.sidenav .submenu > li > a:hover,
.sidenav .submenu > li > a:focus,
.sidenav .submenu > li > a:hover {
    background-color: rgb(246, 246, 246);
    outline: none;
    color: rgb(2, 77, 223);
}

.bottom-nav {
    background-color: rgb(246, 246, 246);
}

.navbar-nav .navbar-toggle svg {
    margin-left: 10px;
}

.navbar-nav.bottom-nav > li:first-child {
    margin: 0;
    padding: 0;
    width: 100%;
}

.navbar-nav.bottom-nav > li:first-child a {
    font-size: 16px;
    padding: 16px;
}

.bottom-nav > li a {
    color: #262626!important;
    padding: 16px;
}

.sidenav .bottom-nav {
    width: 100%;
    flex-grow: unset;
    padding: 8px 24px;
}

.navbar-nav.bottom-nav > li:last-child {
    border: none !important;
}


/* more button on smaller screen */

.moreBtn {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Averta', 'Noto Sans Thai', helvetica, arial, sans-serif;
    line-height: 52px;
    padding: 24px 8px;
    background-color: transparent;
    border: none;
    color: #ffffff;
	position: relative;
}


/* footer */
footer {padding-top:50px;}
footer .logo {float:left; width:100%;}
footer .row {margin-top:0;}
footer .copyright {
    font-size: 14px;
	padding: 40px 0px 40px 0;
	display:flex;
}

footer .brand {
    height: 35px;
}

footer .community-group {
    font-size: 16px;
    margin-top: 32px;
	float:left;
	width:100%;
}

footer .community {
    margin-top: 4px;
	display:block;
	float:left;
	width:100%;
}

footer .community a {
	padding:10px;
	float:left;
	display:inline-block;
}

footer .community a img {
    width: 24px;
    height: auto;
}

footer .company-group {
	font-size: 16px;
    margin-top: 20px;
	float:left;
	width:100%;
}

.togglebtn {
    cursor: auto;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    padding: 4px 8px;
}

.togglebtn:focus,
.togglebtn:hover,
.togglebtn:active,
.togglebtn,
.togglebtn:visited {
    color: #ffffff!important;
    text-decoration: none;
}

.footer .footer-link {
    padding: 24px 0;
}

.footer .footer-link li {
    padding: 4px 0;
}

.footer .footer-link a {
    display: inline-block;
    font-size: 15px;
	padding: 4px 8px;
}

footer a:hover, footer a:focus {
	color:#ffffff;
	text-decoration: underline;
}

.footer .footer-link a:focus {
	background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.176));
    outline: rgba(191, 191, 191, 0.5) solid 1px;
	color:#ffffff;
	text-decoration: underline;
}

footer .network {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-top: 1px solid rgb(191, 191, 191);
    padding-top: 24px;
    padding-bottom: 24px;
    width: 100%;
    color: rgb(255, 255, 255);
}

.footer h2 {
    color: #ffffff;
    font-size: 16px;
    margin-right: 32px;
}
footer .copyrightLabel {
    padding: 0;
	text-align:right;
}
footer .sitemap {margin-left:-8px;padding:0;}
footer .sitemap a {
	position: relative;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    padding: 0.2em 8px;
    text-decoration: none;
}

footer .sitemap a:first-child {

}
footer .sitemap a:focus {
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.176));
    outline: rgba(191, 191, 191, 0.5) solid 1px;
	color:#ffffff;
	    text-decoration: underline;
}
footer .sitemap a:hover {text-decoration:underline;}

#moreMenu {}

#moreMenu:hover,
#moreMenu.opened-menu,
#Categories.opened-menu {
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.176));
}

#moreMenu .moreBtn:hover {}

#megaMenuContainer {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 600px;
    margin-top: 0;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 3px;
    transform: translate3d(0px, 0px, 1px);
    border-radius: 2px;
    min-width: 300px;
    display: flex;
}

.megaList {
    width: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 3px;
    transform: translate3d(0px, 0px, 1px);
    border-radius: 2px;
    float: left;
    padding: 24px;
}

.megaList ul li {
    width: 100%;
}

.megaList ul li a {
    position: relative;
    display: block;
    min-height: 44px;
    color: rgb(38, 38, 38) ;
    font-size: 16px;
    padding: 8px 40px 8px 16px;
    border-bottom: 1px solid rgb(191, 191, 191);
}

.megaList ul li:last-child a {
    border-bottom: 0;
}

.megaList ul li svg {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -12px;
    transform: rotate(-90deg);
    fill: rgb(2, 77, 223);
}

#megaMenu ul li a {
    border: none;
}
.megaList ul li a:hover {text-decoration:underline; color:#1438A1;}
.navbar-default li:hover .moreBtn
 {
    color: #FFFFFF;
    background-color: transparent;   
}
.breadcrumb {
    padding: 12px 0;
    font-size: 14px;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
/* homepage */
.section-pd {
    padding: 32px 0 12px;
}
#topPicks {padding-bottom:0;}
#sad {  margin-top:0;    margin-right: -15px;
    margin-left: -15px;width:auto;}
.owl-banner .owl-dots {margin-top:24px;}
.header-label {
    font-weight: 600;
    font-size: 24px;
	display:inline;
}
.page-header h3 {font-weight: 600;
    font-size: 24px; }
.latestArticles {}
.latestArticles .fa {font-size:16px;}
.list-group-item.active {background:none;}
.list-group-item.active a {color:#024DDF;}
.list-group-item {padding:0 8px;line-height:32px;}
.list-group-item a {vertical-align:middle; padding-top:12px;}
.section-pb0 {padding-bottom:0;}
#sad >.row {margin:0; width:auto;}
#sad .latestArticles .visible-desktop { padding:0 8px 16px; }
#sad .hidden-desktop {margin-bottom:16px;    padding: 15px;}
#sad .thumbnail {margin-bottom:0;}

.latestArticles .visible-desktop { padding:15px 8px 15px 15px; }
.latestArticles .hidden-desktop {  padding: 0 15px;margin-bottom:16px;}
.latestArticles .thumb-shadow img  {
    max-width: 100%;
    height: auto;}

/* homepage news */
#newsHome {}
#newsHome .badge {
	margin-top: -5px;
    padding: 4px 8px;
    margin-left: 4px;
	text-transform:uppercase;
	font-weight:600;
}
#newsHome .tag-new {
	color:#ffffff!important;
	background:#d93a3a;
	font-size:14px;
}
#newsHome .tag-system + .tag-new { margin-left:0; }
#newsHome .media {
padding: 12px;
background: #EBEBEB;
background: #f6f6f6;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
transition: 0.4s cubic-bezier(0.1, 0.85, 0.5, 0.5) 0s;
margin-top:16px;
}
#newsHome .media-object {max-width:200px;}
#newsHome .media-heading {font-size:16px; line-height:1.5;font-weight:600;margin-bottom:8px;margin-top:4px;}
#newsHome .media-body {font-size:16px; line-height:1.4;}
#newsHome .mdate {margin-bottom:8px; font-size:14px;}
#newsHome .mcontent {margin-bottom:8px;    font-size: 14px;}
#newsHome .mlink {color:#024DDF;margin-bottom:8px;font-size:14px;}
#newsHome .readmore {fill:#024DDF; transform:rotate(270deg);}
#newsHome .media-right { vertical-align: middle;}
#newsHome .media:hover {border-left: 4px solid #024DDF;}
#newsHome .eqParent { }
#newsHome .media.eqChild {display: flex; }
#newsHome .media.eqChild .media-right {    align-items: center;
    display: flex;}



#latestActivity .nav-pills {margin:32px 0 16px;}
.nav-pills li a{
	border: 1px solid #bfbfbf;
	border-radius:0;
	border-right:0;
	font-weight: 600;
    font-size: 16px;
	color:#024DDF;
}
.nav-pills li:first-child a{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.nav-pills li:last-child a{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-right:1px solid #bfbfbf;
}
.nav-pills li a {

	position: relative;
    display: block;
    padding: 10px 16px;
}
 .nav-pills li a.active, .nav-pills li a:hover, .nav-pills li a:focus {
	color: #ffffff;
    border-color:#024DDF;
    background-color: #024DDF;
}



.page-header {    border-bottom: 0;
    margin-bottom: 16px;}
.more { color:#024DDF;font-weight:600;    letter-spacing: 0;
    font-size: 16px;}
.more:hover {
	text-decoration: underline
}
.nav-pills {margin:16px 0;}
.eventContainer {padding-bottom:24px;}
.eventContainer .note-end {
    position: absolute;
    margin-top: -28px;
    padding: 5px 0px;
    width: 100%;
    color: #FFF;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    background: rgba(240,30,30,0.65);
}
.eventContainer img {    width: 100%;height:auto;}
.date, .text-med-light {color: rgb(100, 100, 100);}
.thumbnails .data div.date, .thumbnails a:hover .data div.date {
	display: block;
    color: rgb(100, 100, 100);
    margin: 12px 0px 8px;
    margin: 4px 0px 8px;
	font-size:16px;
	font-weight:400;
	font-family: 'Averta', 'Noto Sans Thai', helvetica, arial, sans-serif;
	padding-bottom:0;
}
.thumbnails .data .multi_ellipsis {
	font-size: 20px;
    margin: 8px 0px 4px;
	color: rgb(38, 38, 38);
	font-weight: 600;
    word-wrap: break-word;
}
.thumbnails .data {border:none; height:auto; letter-spacing:0;line-height:1.4;padding:8px;}
.thumbnails img {
    animation: 0.3s ease-in 0s 1 normal forwards running fLRwcH;
}
.thumb-shadow {
	position: relative;
    width: 100%;
    background-color: inherit;
    background-size: 100%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    border-radius: 2px;
    overflow: hidden;
    background-position: left top;
	text-align:center;
}
.thumbnails a:hover .multi_ellipsis { 
	text-decoration: underline; 
	color: #1438A1;
}
.image-stacked a .thumb-shadow:before, a .thumb-shadow:before {
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 3px;
background-color: rgb(2, 77, 223);
    background-image: linear-gradient(90deg, rgb(70, 117, 232), rgb(2, 77, 223));
  opacity: 0;
    top: 0px;
    right: 0px;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    transition: opacity 0.4s cubic-bezier(0.1, 0.85, 0.25, 1) 0s;
	position:absolute;
}

.image-stacked a:hover .thumb-shadow:before, a:hover .thumb-shadow:before {
  opacity: 0.4;
}

.gmoWZn {
    position: absolute;
    top: 50%;
    right: 4px;
    z-index: 1;
    margin-top: -12px;
    transform: rotate(-90deg);
    opacity: 0;
    fill: rgb(255, 255, 255);
    transition: opacity 0.4s cubic-bezier(0.1, 0.85, 0.25, 1) 0s;
}
.image-stacked a:hover .gmoWZn,  a:hover .thumb-shadow .gmoWZn  {opacity:1;}

.image-stacked a:hover .thumb-shadow:after,  a:hover .thumb-shadow:after  {
background-color: rgb(2, 77, 223);
    background-image: linear-gradient(rgb(70, 117, 232), rgb(2, 77, 223));
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 32px;
    height: 100%;
    opacity: 1;
    content: "";
    border-radius: 0px 4px 4px 0px;
    transition: opacity 4s cubic-bezier(0.1, 0.85, 0.25, 1) 4s;
}

.event-list {}
.event-list .eventbl {padding:16px 0; border-top:1px solid #ebebeb;}
.event-list .eventbl:nth-last-child(1)  {border-bottom:1px solid #ebebeb;}
/* banner */
.side_banner {
	float: right;
    position: absolute;
	right: 2%;
	top:18%;
	}

.leaderboard_banner {
    padding: 16px;
    background-color: #f6f6f6;
    margin-top: 24px;
}
.leaderboard_banner img {margin:0 auto;}
.adsdisclaimer {display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 14px;
    padding: 4px 0px 0px;
	}


/* breadcrumbs */
.breadcrumb {padding:12px 0;font-size:14px; display:block;}
.breadcrumb li {display:inline;}

/* activity page */
ul.display-type {margin:16px 0; padding-top:4px;}
.display-type li, .display-type li:not(.nav-search) {margin:0}
.display-type .nav-search {padding-top:0; padding-bottom:0;}
#activityListTab {padding-top:0;}
#activityListTab .activityGroup {margin-bottom:12px;}
#activityListTab .activityGroup .panel-heading {margin-bottom:16px;    float: left;
    width: 100%;}
#activityListTab .activityGroup .panel-body {padding:0;    float: left;
    width: 100%;}

#activityListTab .table > caption + thead > tr:first-child > th, #activityListTab .table > colgroup + thead > tr:first-child > th,#activityListTab .table > thead:first-child > tr:first-child > th,#activityListTab .table > caption + thead > tr:first-child > td,#activityListTab .table > colgroup + thead > tr:first-child > td,#activityListTab .table > thead:first-child > tr:first-child > td, #activityListTab tr td {font-size:16px!important;}
.display-type .nav-search .btn {padding:6px 12px!important;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {font-size:16px;}


.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{font-size:16px;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:16px;border-bottom: none;}

.page-banner .data h1 {font-size:24px;}

/* pricelist */
#priceList .alert-section {font-size:16px;}
.btn-default {font-size:16px;padding:8px 24px;}
.btn-danger {background-color: #D93A3A; font-size:16px; border-color:#D93A3A;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active,.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {background-color: #A22B2B;}
.btn-primary {font-size:16px;padding:8px 24px; line-height:1.4;margin: 0 8px;	color: rgb(255, 255, 255);
    background-color: rgb(2, 77, 223);font-weight:600; }

.btn.btn-outline-primary {
	 color: #024DDF;
    background-color: #ffffff;
    border:1px solid #024DDF;
	padding:8px 24px;
	line-height:1.4;
	*margin: 0 8px;
	font-size:16px;
	font-weight:600;
}
.btn.btn-outline-primary:hover {
	 border:1px solid #1940AF;
	 color:#1940AF;
	 background-color: #ffffff;

}

.btn.btn-outline-primary .arrowDown {
	fill: #024DDF;
     vertical-align: text-top;
}
.btn.btn-outline-primary .arrowUp {
	fill: #024DDF;vertical-align: text-top;
        transform: rotate(180deg);
}

 .tab-func li > a{font-size:16px;}
 #gameListContainer { }
 #singleEvent {
    margin-bottom: 8px;
}
 #dateSearchGameList, #keySearchGameList, #dateSearchGameList_package, #keySearchGameList_package, #dateSearchGameList_general, #keySearchGameList_general {margin-bottom:16px;    font-size: 16px;
    padding: 8px;
    height: auto;}
 #keySearchGameList {padding:9px;}
 .gamelist h1 {margin-top:24px!important;}

.btn-primary:not(:disabled):focus, .btn-primary:not(:disabled):hover {
    color: rgb(255, 255, 255);
    background-color: #1940AF;
    border-color: #1940AF;
	opacity:1;
}
.btn-primary:not(:disabled):focus, .btn-primary:not(:disabled):hover {
    color: rgb(255, 255, 255);
    background-color: #1940AF;
    border-color: #1940AF;opacity:1;
}

#page-banner-data {float:left; width:100%;padding:16px;}
.page-banner {margin-bottom:0; float: left;
    width: 100%;}
.page-banner .data {padding:16px;}

.event-banner {    background-color: rgba(0, 0, 0, 0.5);}
.masthead {
    height: 1vh;
    min-height: 500px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://media.ticketmaster.co.uk/tm/en-gb/img/static/parklife/2022/images/header-23-march.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    letter-spacing: 1px;
}
.event-banner.no-banner {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
}
.event-banner.no-banner .masthead-wrap {
	position: relative;
    height: 300px;

}
.event-banner .large-banner {
    height:500px;
    position: absolute;
    width: 100%;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.event-banner.adp .large-banner {
	height: 675px;
    filter: blur(10px);
}
.event-banner .small-banner {
	height:300px;
	position: absolute;
    width: 100%;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.event-banner.adp .small-banner {
	height: 475px;
    filter: blur(10px);
}
.event-banner .masthead-wrap {
	position: relative;
    height: 500px;
}
.event-banner.adp .masthead-wrap {
    height: auto;
}
.masthead-banner {
    position: relative;
    width: 100%;
    background-color: inherit;
    background-size: 100%;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px;
    border-radius: 2px;
    overflow: hidden;
    background-position: left top;
    text-align: center;
}
.masthead-text {
    color: #ffffff;
    padding: 0px 15px;
    position: absolute;
    bottom: 0;
}
.adp .masthead-text {
    position: relative;
    padding: 0;
}
.masthead-text p, .masthead-text span {
    letter-spacing:1px;
	font-size:25px;
}
.masthead-text h1 {
    font-size: 32px;
    margin-bottom: 20px;
    margin-top: 0px;
    text-transform: none;
    line-height: 1.5;
	color:#ffffff;
	font-weight:600;
}
.noPadding {
    padding: 0px!important;
}
.whiteNav {
    *max-height: 62px;
    background-color: #ffffff!important;
    background: #ffffff;
	z-index:2;
}


.btn-findTickets, .btn-findTickets:visited, .btn-findTickets:active {
    background-color: #024DDF;
    color: #ffffff;
}
.btn-block {
    width: 100%;
    padding: 10px;
}

.nav-ticket {
    padding: 15px 10px;
	margin:0;

}

.whiteNav .nav {z-index: 11; display:Block;}
.whiteNav .navbar-header {
    float: none;
}
.whiteNav .navbar-nav {
	display:block;
    padding: 0px !important;    
    margin: 0px;
    *z-index: 99;
}
.whiteNav .g-scrolling .items li a {color:#262626;}
.whiteNav .navbar-default .nav > li > a {
   font-weight:600;
    color: #61737C;
    border-bottom: none;
    margin: 0px;
    padding: 20px 12px 15px 12px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 5px solid #fff;
    font-family: 'AvertaSemiBold', 'Noto Sans Thai SemiBold', helvetica, arial, sans-serif;
}
.g-scrolling .items {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.g-scrolling .items li {
    display: inline-block;
    margin-right: 10px;
    width: auto;
    text-align: center;
    text-decoration: none;
}
.whiteNav .navbar-default .g-scrolling .active > a, .whiteNav .navbar-default .g-scrolling  .active > a:hover, .whiteNav .navbar-default .g-scrolling  .active > a:focus, .whiteNav .navbar-default a.active, .whiteNav .navbar-default a:hover, .whiteNav .navbar-default .nav > li > a.active {
    color: #17252C;
    border-bottom: 5px solid #17252C;
    background: #fff;
}
.box-shadow {
    -moz-box-shadow: inset 0px 11px 8px -10px #CCC;
    -webkit-box-shadow: inset 0px 11px 8px -10px #ccc;    
}
.box-shadow+.box-shadow {box-shadow:none;}

.bg-grey {
    background: #F6F6F6;
}

.section-content + .section-content {background: #F6F6F6;}
.section-content + .section-content + .section-content {background: #ffffff;}
.section-content + .section-content + .section-content + .section-content {background: #F6F6F6;}
.section-content + .section-content + .section-content + .section-content  + .section-content {background: #ffffff;}
.section-content img {max-width:100%; height: auto;}

#aboutEvent {position:relative;background:#ffffff;}
.section-content ol, .section-content ul {    padding: 0 16px;
    padding-left: 24px;}
.section-content ol li, .section-content ul li {
	margin-bottom:8px;
	 list-style-type: inherit;
}

.mgt-4 {margin-top:4px;margin-bottom:0;}
.mgt-8 {margin-top:8px;margin-bottom:0;}
.mgt-12 {margin-top:12px;margin-bottom:0;}
.mgt-16 {margin-top:16px;margin-bottom:0;}
.mgt-24 {margin-top:24px;margin-bottom:0;}
.mgt-32 {margin-top:32px;margin-bottom:0;}

.mgb-8 {margin-bottom:8px;}
.mgb-12 {margin-bottom:12px;}
.mgb-16 {margin-bottom:16px;}
.mgb-24 {margin-bottom:24px;}
.mgb-36 {margin-bottom:36px;}

.switch-event-type.selected {
    border: 1px solid rgb(2, 77, 223);
    border-radius: 2px 0px 0px 2px;
    color: rgb(2, 77, 223);
    background-color: rgb(229, 240, 251);
}

.nav-wizard {margin:16px 0px;}
.row-border {padding:0;}
.pageinfo {padding-bottom:16px;margin-bottom:0;display:flex;}
#mapSelectArea .panel-heading, #priceList .panel-heading {margin-top:16px;margin-bottom:16px;margin: 0;}
#ticketPriceList {margin-top:16px!important; margin-bottom:16px;}
.table>:not(:first-child) {
    border-top:transparent;
}

/* synopsis page */
.tab-func {margin:24px 0 0 0; }
 .tab-func li { width:auto;min-width:180px;}
.text-warning {color: #D93A3A;}
.text-green {color: #1BAB1E;}
.text-darkgreen {color: #148016;}
.text-purple {color: #922F90;}
.font-small {font-size:14px;}
.accessCode {max-width:150px; font-size:18px;    margin: 0 auto;    padding-bottom: 16px;}
.accessLabel {font-style:italic; }
.wrap {
   white-space: normal;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}
#gameList .orderBtn {font-size:16px;padding:8px;margin:0;min-height:44px;}
#announcementBox {margin-bottom:8px;}
#announcementBox .alert-danger {border-color:#cdafe0;background:#f4eaf4;color: rgb(150, 45, 148)!important; padding:16px;}
.sponsor .carousel-inner img {max-width:100%; width:auto; margin:0 auto;}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.activityContent  .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs > li.active > a:hover {border-bottom:none;}

.activityContent .nav-tabs li {
	position: relative;
    display: block;
}

.activityContent .nav-tabs li a {
	border-bottom:none;
	padding: 10px 15px;
    display: block;
    position: relative;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	padding-bottom: 8px;
    border-top: 3px solid #024DDF;
    border-color: #024DDF;
    border-bottom-color: transparent;
}

.activityContent .nav > li > a:hover  {background-color:#ffffff; color: #024DDF;border-color:#024DDF #024DDF #ffffff #024DDF;    padding: 10px 15px;}

.activityContent .thumbnail {
    margin-top: 32px;
    border-top: 1px solid #EBEBEB;
    padding: 32px 0;
}

#activityContent .carousel-inner {text-align:center;}

@media only screen and (max-width: 992px) {
	.activityContent.containerFix {
		float: left;
		width: 100%;
		padding-top: 0px;
	}
}

.langToggle li {
      min-width: 60px;
    text-align: center;
}

.activityContent .langToggle > li > a:hover {
    background-color: #024DDF;
    color: #ffffff;
    border-color: #024DDF #024DDF #024DDF #024DDF;
}

.iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  margin-top:16px;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.alert-notify-purple {border-color:#cdafe0; background:#f4eaf4; color: rgb(150, 45, 148)!important;}
.alert-notify-purple .fa { padding-right:8px; }
.alert-notify-purple strong {color: rgb(150, 45, 148)!important;font-size:18px;}

.alert-notify-yellow {
	background-color:#f2e7f2;
border-color:#963794;
    background-color: #f9f2de;
    border-color: #F2bd2a;
	color: #262626!important;
}
  .alert-notify-yellow strong {font-size:18px;}
/* News page */
.newsBox .newsContent table {border:1px solid #a0a0a0;}
.newsBox .newsContent table tr td {
	padding: 8px 12px;
	border-color: #a0a0a0;
	border-top:none;
}
.newsBox .newsContent a {
	color:#024DDF;
}
.newsBox .newsContent ol, .newsBox .newsContent ul {margin-top:16px;}
.newsBox .newsContent li {margin-bottom:8px;}

/* seat selection page */
input[type=text], textarea {padding:8px 16px; font-size:16px;}
.alert-section {padding:16px;}
.promoLabel { margin: 0 8px;}
.promoInput button {vertical-align:baseline;}
.areainfo .area_select {padding:15px;}
#mapSelectArea #mapContainer svg {max-width:100%;
    height: auto;}
#mapSelectArea #mapContainer .enlarged svg {max-width:none;}
#mobileWizard {margin-top:24px;}
#mobileWizard .purchaseProgress {
    position: relative;
    display: flex;
	color:#000000;
	height:auto;
	background:transparent;
	border:none;
	box-shadow:none;
	margin-bottom: 20px;
}
#mobileWizard .purchaseProgress .progress-track {
    position: absolute;
    top: 9px;
    width: 100%;
    height: 8px;   
    z-index: 0;
}

#mobileWizard .purchaseProgress .progress-step {
    position: relative;
    width: 100%;
    font-size: 12px;
    text-align: center;
	z-index:1;
}
#mobileWizard .purchaseProgress .progress-step:before {
	font-family: "FontAwesome";
    content: " ";
    display: flex;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 30px;
    height: 30px;
    background: #c8c8c8;
    border: 2px solid #c8c8c8;
    border-radius: 100%;
    color: #fff;
	align-items: center;
    text-align: center;
    justify-content: center;
}
#mobileWizard .purchaseProgress .progress-step.done:before {
	font-family: "FontAwesome";
    content: "\f00c";
    display: flex;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 30px;
    height: 30px;
        background: #C56BFF;
    background-image: linear-gradient(90deg, #0150A7, #024DDF);
    border: none;
    border-radius: 100%;
    color: #fff;
	align-items: center;
    text-align: center;
    justify-content: center;
}
#mobileWizard .purchaseProgress .progress-step.active:before {
	font-family: "FontAwesome";
    content: "\f00c";
    display: flex;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 30px;
    height: 30px;
        background: #C56BFF;
    background-image: linear-gradient(90deg, #024DDF, #C56BFF);
	border:none;
    border-radius: 100%;
    color: #fff;
	align-items: center;
    text-align: center;
    justify-content: center;
}
#mobileWizard .purchaseProgress .progress-step:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    width: 0%;
    transition: width 1s ease-in;
    height: 5px;
    background: #c8c8c8;
    z-index: -1;
}
#mobileWizard .purchaseProgress .progress-step:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    width: 0%;
    transition: width 1s ease-in;
    height: 5px;
    background: #c8c8c8;
    z-index: -1;

}
#mobileWizard .purchaseProgress .progress-step:not(last-of-type):after {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    width: 0%;
    transition: width 1s ease-in;
    height: 5px;
    background: #c8c8c8;
    z-index: -1;width:100%;
}
#mobileWizard .purchaseProgress .progress-step:last-of-type:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    width: 0;
    transition: width 1s ease-in;
    height: 5px;
    background: #c8c8c8;
    z-index: -1;
	width:0;
}
#mobileWizard .purchaseProgress .progress-step.done:after {
       content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    width: 0%;
    transition: width 1s ease-in;
    height: 5px;
    background: #024DDF;
    z-index: -1;width:100%;
}
.nav-wizard > li.wizard-done > a, .nav-wizard > li.wizard-done > a:hover, .nav-wizard > li.wizard-done > a:focus {
    color: #FFFFFF;
    background: #C56BFF;
    background-image: linear-gradient(90deg,#0150A7, #024DDF);
}

.nav-wizard > li.wizard-done > a:after {
    border-left-color: #024DDF;
}

#promoBox .promoTitle {text-align:center;}


/* captcha */
#captchaBox, .grey-box {
    border: 1px solid #bfbfbf;
    border: 1px solid #ebebeb;
	background-color:rgba(246, 246, 246, 0.32);
    border-radius: 4px;
    box-shadow: 2px 0 8px #bfbfbf;
     box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 4px 0px, rgba(0, 0, 0, 0.12) 0px 0px 4px 0px;

}
#captchaBox hr {border-color:#bfbfbf;}
.text-small {font-size:14px;}


input[type="checkbox"] {
	 width: 1.5em;
    height: 1.5em;
	       border: 1px solid rgb(100, 100, 100);
    border-radius: 4px;
	    padding: 0;
}
 #TicketForm_verifyCode {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 #TicketForm_verifyCode:focus, #TicketForm_agree:focus  {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);

}

.form-check  {font-size:16px; line-height:1.5;}
.form-check label {margin-left:8px;font-size:16px; line-height:1.5;margin-top: 4px;}

input[type="radio"] {
	width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: #fff;
    border: .5px solid #646464;
    border-radius: 50%;
    -webkit-appearance: none;
	margin-right:8px;
}
input[type=radio]:focus{
    border: 1px solid #024DDF;
	outline:none;
	box-shadow:0 0 8px #024DDF;
}
 input[type="radio"]:checked {
	    background-color: #024DDF;
    border: 1px solid #009cde;
	color:#ffffff;
	box-shadow:none;
 }
input[type="radio"]:checked::after{
    border: solid #fff;
    border-width: 4px;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

      border-radius: 50%;
    background: white;
    margin-left: -1px;
    display: block;
    width: 2px;
    height: 2px;
}

select, select.form-control {
	height:auto;
	font-size:16px;
	padding: 8px;
}

.flow-content .page-title {font-size:16px; padding:4px 0;}
.flow-content .table-bordered th {background-color:#024DDF;}
small, .small {font-size:14px;}

.alert {padding:16px;}
/* override bootstrap */
.alert > p + p {margin-top:8px;}

.text-info {
    color: #1438A1!important;
}
.bg-info {
    background: #f3f3f3!important;
}


#paymentBox label {
	position: relative;
    display: inline-block;
    margin-top: 0;
    margin-left: 24px;
	font-weight:600;
}
#paymentBox input[type="radio"] {
	margin-top: 3px;
    position: absolute;
    margin-left: -24px;
}
#paymentBox .text-indent {margin-left:24px!important;}
#paymentBox .alert #individualPayment-1 {margin-top:16px;}
/* Opt-in */
.consentForm .form-check label {
	margin-left:0;
	font-weight:400!important;
}
.consentForm .form-check-input {
	margin-top:7px;
}

/* TP Checkbox */
label#secure-checkbox-label {
    margin-left: 8px;
}

.consentForm .partnerList .form-check-input {
	width: 16px;
    height: 16px;
}
.consentForm .partnerList .evPartnerLink {
	color:#024DDF;
	font-size:15px;
}
.text-superscript {    
	vertical-align: super;
}
.flow-content .alert .consentForm .evPartner-consent-form span {
    font-weight:400;
}
.evPartner-consent-form ol, .evPartner-consent-form ul {
    padding-left: 25px;
}
.evPartner-consent-form ul li {
    list-style-type: inherit;
}
/* Ticket your event */
#ticketyourevent {padding-top:16px;}
#splashBanner {
	 display: flex;
  justify-content: center;
  align-items: center;
      background-image: url(../images/ticketyoureventsplash.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 4px 0px, rgba(0, 0, 0, 0.12) 0px 0px 4px 0px;
	position:relative;
	}

#splashBanner::before {    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(25,52,81,1) 23%, rgba(25,52,81,0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(25,52,81,1) 23%,rgba(25,52,81,0.2) 100%);
    background: linear-gradient(to right, rgba(25,52,81,1) 23%,rgba(25,52,81,0.2) 100%);
    background: linear-gradient(to right, rgba(2, 108, 223,1) 3%,rgba(25,52,81,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024DDF', endColorstr='#80193451',GradientType=1 );
	}
#mainBanner h1.banner-title {position:relative;color:#ffffff;font-size:34px; font-weight:600; padding:10%;line-height:1.5; }

#ctaContainer {
	padding:10%;
	text-align:center;
	border: 1px solid #ebebeb;
    background-color: rgba(246, 246, 246, 0.32);
    border-radius: 4px;
    box-shadow: 2px 0 8px #bfbfbf;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 4px 0px, rgba(0, 0, 0, 0.12) 0px 0px 4px 0px;
}
#ctaContainer h3 {
	font-size:26px;
	font-weight:600;
	line-height:1.5;
}
#ctaContainer h5 {
	font-size:22px;
	margin-top:16px;
	line-height:1.5;
}
#ctaContainer a, #ctaContainer2 a {color:#024DDF;}
#ctaContainer a.ctaBtn { color:#ffffff; border-radius: 4px;padding:20px; font-size:20px;margin-top:16px;font-size:20px; line-height:1.5;font-weight:600; }

#contactusPage {padding-top:16px;}
.staticContent .img-responsive { box-shadow: 2px 0 8px #bfbfbf;}
#contactusPage .slideContainer .slideContent, .staticContent .slideContainer .slideContent {
	padding-top:48px;
	padding-bottom:24px;  line-height:1.5;
}

#contactusPage .slideContainer .slideContent h1.text-center::before , .staticContent .slideContainer .slideContent h1.text-center::before{
	position: absolute;
    bottom: 0px;
    display: block;
    width: 40px;
    content: "";
    border-bottom: 4px solid rgb(167, 51, 255);
	left: 50%;
    margin-left: -20px;
}
 .staticContent .slideContainer .slideContent h1.text-left {
    letter-spacing: 0.1em;
 }
#contactusPage .slideContainer .slideContent h1.text-left::before , .staticContent .slideContainer .slideContent h1.text-left::before{
	position: absolute;
    bottom: 0px;
    display: block;
    width: 40px;
    content: "";
    border-bottom: 4px solid rgb(167, 51, 255);
	left: 0;
}
#contactusPage a, .staticContent a  {color:#024DDF;}
#contactusPage .slideContainer .slideContent h1, .staticContent .slideContainer .slideContent h1 {
	font-weight:800; font-size:22px; margin-bottom:16px;text-transform:uppercase;position: relative;padding-bottom:4px;line-height:1.5;
}

#contactusPage .slideContainer .slideContent h3, .staticContent .slideContainer .slideContent h3 {
	font-size:20px;
	font-weight:600;
	line-height:1.5;

}
#contactusPage .slideContainer .slideContent h5, .staticContent .slideContainer .slideContent h5  {
	font-size:16px;
	margin-top:16px;
	line-height:1.5;
}
#contactusPage .slideContainer .slideContent a.ctaBtn, .staticContent .slideContainer .slideContent a.ctaBtn {
	color: #ffffff;
    border-radius: 4px;
    padding: 18px;
    font-size: 18px;
    margin-top: 16px;
	margin-left:0;
	font-weight:600;
}
#contactusPage .col-md-4 {
	padding:8px;
}
#contactusPage .slideContainer .slideContent .bluebox,  .bluebox  {
	background:#024DDF;
	color:#ffffff;
	padding:20px;
	 background-image: linear-gradient(to right, #0150a7, #024DDF);
	box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 4px 0px, rgba(0, 0, 0, 0.12) 0px 0px 4px 0px;
	line-height:1.5;
	height:100%;
}
 #contactusPage .slideContainer .slideContent .bluebox  div  {padding:8px; font-size:18px;}
 #contactusPage .slideContainer .slideContent .bluebox .icon  {padding:24px;}
 #contactusPage .slideContainer .slideContent .bluebox .icon img {width:80px;}
 #contactusPage .slideContainer .slideContent .bluebox div a {display:inline-block; width:100%;color:#ffffff; font-weight:600; font-size:18px; padding:4px;}

#contactusLocation {
	background:#024DDF;
	color:#ffffff;
	padding:20px;
	background-image: linear-gradient(to bottom right, #0150a7, #024DDF, #0150a7);
	box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 4px 0px, rgba(0, 0, 0, 0.12) 0px 0px 4px 0px;
}
 #contactusLocation h1 {color:#ffffff; font-weight:600; font-size:26px;padding:26px; text-transform:uppercase;}
 #contactusLocation div  {padding:8px; font-size:18px;}
 #contactusLocation .icon  {padding:24px;}
 #contactusLocation .icon img {width:80px;}
 #contactusLocation #officeHotline {}
 #contactusLocation #relatedLinks {}
 #contactusLocation #relatedLinks div { }
 #contactusLocation #relatedLinks div a {display:inline-block; width:100%;color:#ffffff; font-weight:600; font-size:20px; padding:4px;}

#jobListing {}
#jobListing .joblist .jobTitle {padding:16px; border-bottom:2px solid #bfbfbf;background:#f6f6f6;position:relative;}
#jobListing .joblist .jobTitle span { color:#000000; font-weight:600;}
#jobListing .joblist .jobTitle a {width:100%; display:block;}
#jobListing .joblist .jobTitle a.collapsed  svg {
	position: absolute;
    top: 16px;
    right: 8px;
    margin-left: auto;
    transform: none;
    fill: rgb(2, 77, 223);
}
#jobListing .joblist .jobTitle svg {
transform: rotate(180deg);
position: absolute;
    top: 16px;
    right: 8px;
    margin-left: auto;
    fill: rgb(2, 77, 223);
}
#jobListing .joblist .jobDesc {padding:0 16px;margin-bottom:24px; }
 .staticContent ul.square li {margin-bottom:4px;}



@media (min-width: 720px) {
    .ieQaMD {
        -webkit-box-align: center;
        align-items: center;
    }
	.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {padding:8px;}
}

#overlayLocation {
    overflow: hidden;
}

.sidenav.showing {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}
 #megaMenuContainer {
        display: none;
    }


/* checkout */
.btn-green, .adyen-checkout__button { background:rgb(7, 138, 9);border: 1px solid transparent}
.btn-green:hover, .adyen-checkout__button:hover, .btn-green:not(:disabled):focus, .btn-green:not(:disabled):hover {
	border-color: rgb(5, 103, 6);
    color: rgb(255, 255, 255);
    background-color: rgb(5, 103, 6);
}
 .btn-green.disabled, .btn-green:disabled { background:rgb(7, 138, 9);border: 1px solid transparent;cursor: not-allowed;}
/* 調整 adyen component v5 卡種icon位移*/
.adyen-checkout__card__brands img {
    margin-bottom: 16px;
}


/* my tickets */
.order_type {font-size:16px; line-height:24px; letter-spacing:0;padding:8px;}
.order_tb {font-size:16px;}
.order_tb .btn-primary {color:#ffffff;}
.tb_col {padding:16px;}
.tb_foot>.tb_col:nth-child(1) {padding:8px;}
.tb_head {background:#262626;}
.view_tickets {margin:12px 0; text-align:center;}
.tb_sub_head {
    width: 100%;
    background-color: #bfdaf7;
        background-color: #ebebebeb;
    color: #000000;
}
.tb_sub_head>.tb_col {border:none; border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;    border-top: 1px solid #ccc;}
.btn-light {
    color: #262626;
    background-color: #bfdaf7;
    border-color: #BFBFBF;
    font-size: 16px;
}
span.hex_Order_number {color:#aaaaaa;}

/* Ticket Transfer */
.select-ticket {
	border-radius:4px;
	background:white;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	position:relative;
	 background-clip: padding-box;
}
.select-ticket::before {
	 content:'';
    width:100%;
    height:4px;
    background-image: linear-gradient(
90deg
, #6D236B, #4969A8, #54A2B0);
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	    top: 0;
		left:0;
    position: absolute;
}
.non-transferable  {
    cursor: not-allowed;
	position:relative;
}

.non-transferable .select-ticket {

}
.non-transferable .transfer-status {
	    color: #ffffff;
		background:#D93A3A;
		background:rgba(217, 58, 58, 0.7);
    opacity: 1;
    position: absolute;
	    right: 0;
    bottom: 0;
	padding:9px 16px;
}
.altCheckbx {    display: inline-block;

    width: 1.5em;
    height: 1.5em;
    border: 1px solid rgb(100, 100, 100);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    cursor: pointer;
	}
.altCheckbx.disabled {
	display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid rgb(100, 100, 100);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    cursor: not-allowed;
	    filter: none;
    opacity: .5;
	}
.red-fill {fill:#D93A3A;cursor:pointer;}
.blue-fill {fill:#024DDF;cursor:pointer;}
.green-fill {fill:rgb(7, 138, 9);cursor:pointer;}
.black-fill {fill:#262626;cursor:pointer;}
.black-fill-07 {fill:rgba(38,38,38,0.7);cursor:pointer;}
.black-fill-05 {fill:rgba(38,38,38,0.5);cursor:pointer;}
/* venues */
#venuesPage {margin-top:16px;}
#venuesPage .data .multi_ellipsis, #venuesList .data .multi_ellipsis {
	font-size:17px!important;
	font-weight: 600;
	text-align: center;
	line-height:1.5;
	padding:8px;
    /* color: #262626; */
}

/* categories page */

#categoriesPage .image-stacked .data .multi_ellipsis {
	text-align:center;
}
/* FAQ page */
.faqContent {padding-top:16px;}
.faqContent .tab-content {
    margin-top: 24px; padding:0 15px;
}
.faqContent .qa-title {
    margin-top: 4px;
    margin-bottom: 8px;
}
.faqContent .nav-navbar {margin:0;}


.orderContent .nav-navbar, .faqContent .nav-navbar {margin:0;display:flex;}

.orderContent .nav-navbar li, .faqContent .nav-navbar li  {display:flex;padding:0 8px 0 0;position: relative;}
.orderContent .nav-navbar li a, .faqContent .nav-navbar li a {font-weight:600;font-size:16px;    width: 100%;}
.orderContent .nav-navbar li a.active, .faqContent .nav-navbar li a.active {
    color: #fff;
    background: #024DDF;
}


.left-col {max-width:200px;}
.left-sidebar {
	background:#ffffff;
	box-shadow: rgb(0 0 0 / 6%) 0px 4px 4px 0px, rgb(0 0 0 / 12%) 0px 0px 4px 0px;
	border: 1px solid #ebebeb;
}
.left-sidebar li:first-child {padding:32px;}
.left-sidebar li.nav-item {padding:0;background:#ffffff;}
.left-sidebar li.nav-item a{color:#262626;background:transparent;text-align:left;border:0; border-bottom:1px solid #cecece;}
.left-sidebar li.nav-item a:hover, .left-sidebar li.nav-item a.active{background:rgb(2 108 223 / 10%); color:#262626;}
.right-col .btn {padding:8px 16px;}
.black-heading {
line-height:1.5;
    position: relative;
       font-size: 22px;
    margin-bottom: 24px;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
       padding-bottom: 15px;}
.black-heading::before {position: absolute;
    bottom: 0px;
    display: block;
    width: 40px;
    content: "";
    border-bottom: 4px solid #262626;}


*orderContent .order_tb .col-12{padding:0;}
.qrBlueCircle {margin-right:10px; margin-left:5px; margin-top:5px;}
.faqContent .qa-title {padding:16px;border-left: 4px solid #024DDF;    transition: 0.25s;}
.faqContent .qa-title > a {font-size:17px;line-height:1.4;color:#333333;}

.faqContent .qa-title:hover > a  {font-weight:600!important;}

.faqContent .qa-content {font-size:16px; line-height:1.4;margin-top:24px;color:#333333;font-weight:400;}
.faqContent .qa-content p {margin-bottom:12px;}
.faqContent .qa-content hr {border-color:#bfbfbf;}
.faqContent .qa-content a { color: #428bca;
    text-decoration: none;}
.faqContent .qa-title > a.accordion-toggle {color:#024DDF;}
.faqContent .qa-content table, .faqContent .qa-content table tbody, .faqContent .qa-content tr {
		border:1px solid #a0a0a0!important;
	}
.faqContent .qa-content table tr td {
	padding:8px 12px;
	border-color:#a0a0a0;
}

.faqContent .qa-content li {margin-bottom:8px;     list-style-type: initial;}

/* news page */
#newsHome .media, #newsPage .media {
    display: flex;
	align-items: center;
}
#newsPage .media {
    padding: 12px;
    background: #EBEBEB;
    background: #f6f6f6;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    transition: 0.4s cubic-bezier(0.1, 0.85, 0.5, 0.5) 0s;
    margin-top: 16px;
}
#newsPage .media:hover {
    border-left: 4px solid #024DDF;
}
#newsPage .media-body {
    font-size: 16px;
    line-height: 1.4;
}
#newsPage .media-heading {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 4px;
}

#newsPage .badge {
    margin-top: -5px;
    padding: 4px 8px;
    margin-left: 4px;
    text-transform: uppercase;
    font-weight: 600;
}
#newsPage .tag-new {
    color: #ffffff!important;
    background: #d93a3a;
    font-size: 14px;
}
#newsPage .mdate {
    margin-bottom: 8px;
    font-size: 14px;
}
#newsPage .mlink {
    color: #024DDF;
    margin-bottom: 8px;
    font-size: 14px;
}
#newsPage .media-right {
    vertical-align: middle;
}
#newsPage .media .media-right {
    align-items: center;
    display: flex;
}
#newsPage .readmore {
    fill: #024DDF;
    transform: rotate(270deg);
}
/* my account */
#txtPhoneSection .phoneTxt {margin-right:8px;}
#verifyButton, #sendVerify, #changeButton {margin:5px 0;}
#UserForm input[type="checkbox"], #UserForm input[type="radio"] {
	*margin-right:8px;
	*margin-top:0;
	border: 1px solid;
}
}
#myProfile .card { border-radius: 0;}
#myProfile .card .card-header   {
	background: #ebf4fd;
	color:#262626;font-weight:600;
	cursor:pointer;
    padding: 0.75rem 1.25rem;
}
#myProfile .card .card-body {}

.userContent input[type=checkbox]{*vertical-align:baseline!important;}
.card-body .heading {
    color: #024DDF;
    text-transform: uppercase;
    font-weight: 600;
	padding-top: 12px;
}
.heading hr {
    margin-top: 8px;
    margin-bottom: 16px;
}
.alert-grey {    color: #262626;
    background-color: #efefef;
    border-color: #efefef;}
.account-login #accountFunc {min-width:147px;}
.text-big {font-size:20px;}
ul.disc {padding:0 24px;}
ul.disc li {list-style-type:disc;border:none;margin-bottom:8px;}
.pushSection-verified {padding-top:77px;}
.pushSection-reset {padding-top:25px;}
.pushSection-unverified {padding-top:54px;}
.emailReferenceCheckbox, .preferenceCenter div{line-height:1.5;}
.prefcenter {line-height:1.5; }
.prefcenter label {margin-bottom:8px;}
.greybg {background:#f6f6f6;margin-bottom:16px;padding:16px;border: 1px solid rgb(153, 153, 153);  border: 1px solid #ebebeb;}
#profileTC {}
#myProfile #profileTC .card-header {
	background-color: #f9f2de;
    border: 1px solid #F2bd2a;
    color: #262626!important;
	border-radius:0;
	}
#myProfile #profileTC  {border:none;}
/* Privacy Policy */
.staticContent {
padding-top:16px;
}

.staticContent a {color:#024DDF;}
.systempageContainer {
	 display:flex;

}
#quickLinks {display:block;}
.systempageMenu {
	 min-height: 100vh;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 3px;
}

.systempageMenu .sidebar-heading {
     padding: 16px;
    font-weight: 900;
    font-size: 16px;
    background-color: rgb(246, 246, 246);
	    display: flex;
		    -webkit-box-pack: justify;
    justify-content: space-between;
}



.systempageMenu button {
color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    text-transform: inherit;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-weight: 600;
    background-color: rgb(246, 246, 246);
    margin: initial;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 16px;
}
.systempageMenu a {
	display: block;
    width: 100%;
    color: rgb(38, 38, 38);
    font-weight: 600;
    font-size: 14px;
    padding: 16px;
    border-bottom: 1px solid rgb(191, 191, 191);
}
.systempageMenu {
	padding: 0;
	position: relative;
    flex-shrink: 0;
    width: 250px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 3px;top: 0px;
    z-index: 1;}
.stickyMenu { position:sticky;top: 0px;}
.systempageContent { padding-left:24px;}
.systempageContent .SectionHeading {
	font-size: 18px;
    position: relative;
    padding-bottom: 4px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px;
}
.systempageContent .SectionHeading::before {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 40px;
    content: "";
    border-bottom: 4px solid rgb(167, 51, 255);
}

.systempageContent .subheading {
	padding: 40px 0px 0px;
	font-size: 18px;
    margin: 0px 0px 16px;
    border-bottom: 2px solid rgb(191, 191, 191);
	font-weight:600;
}

.systempageContent p {
	color: rgb(100, 100, 100);
    margin: 0px;
}

.systempageContent P+P {
	margin: 16px 0px 0px;
}

.SectionHeading + P {margin: 16px 0px 0px;}

.systempageContent ol, .systempageContent ul {
	padding: 0px 0px 0px 24px;
	list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.systempageContent li {
	color: rgb(100, 100, 100);
}

ol.bracketList, .systempageContent ol.bracketList {
	 counter-reset: list;
    margin: 0;
}

ol.bracketList > li, .systempageContent ol.bracketList > li {
	list-style: none;
    position: relative;
	padding:8px;
}

ol.bracketList > li:before, .systempageContent ol.bracketList > li:before {
	counter-increment: list;
    content: "(" counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.4em;
}

ol.romanList, .systempageContent ol.romanList  {
	 counter-reset: list;
    margin: 0;
}

ol.romanList > li, .systempageContent ol.romanList > li {
	list-style: none;
    position: relative;
	padding:8px;
}

ol.romanList > li:before, .systempageContent ol.romanList > li:before {
	counter-increment: list;
    content: "(" counter(list, lower-roman) ") ";
    position: absolute;
    left: -1.4em;
}

.systempageContent .miniSection  {
	display: flex;
    margin: 32px 0px 0px;
}

.systempageContent .miniSection .miniSectionDet {
	margin-left: 16px;
}

.systempageContent .miniSection svg {
	display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    fill: currentcolor;
    transition: transform 0.2s ease-out 0s;
}

.bold-text, .systempageContent .bold-text {
	margin: 0px;display: block;
    font-weight: 600;
	font-size:16px;
	line-height:1.5;
	color:#262626;
}
.bold-text.grey, .systempageContent .bold-text.grey  {
	color: rgb(100, 100, 100);
	font-size: 16px;
    margin: 1em 0px 0.5em;
	line-height:1.5;
}

.systempageContent span {
	display: block;
    color: rgb(38, 38, 38);
    font-weight: 600;
    margin: 1em 0px 0.5em;
}

.systempageContent a {margin: 0px; color:#024DDF;}
.systempageContent .disc {list-style-type: disc;
    padding: 0px 0px 0px 24px; }
	.systempageContent .disc .disc li {
		list-style-type:circle;
	}
.systempageContent .disc li {color: rgb(100, 100, 100); list-style-type: disc;font-size:16px; line-height:1.5; border:none;}
.systempageContent .disc li+li {margin: 1rem 0px 0px;}


.equalHeight {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}


/* overwrite ui-dialog */
  .ui-dialog {z-index:10000;}
.ui-dialog .ui-dialog-content {overflow:hidden;padding:16px;}
.ui-dialog {padding:0;}
.ui-dialog .ui-dialog-titlebar {
	border:none;
	background:#024DDF;

	color:#ffffff;
	padding:8px 16px;
}
.ui-dialog .ui-dialog-titlebar-close {right:16px;}
.ui-dialog .ui-dialog-buttonpane {text-align:center;padding:8px;margin-top:0;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:none;}

/* google passes */
#label_savetogooglewallet h2, #savetogooglewallet_all h2 { color:rgb(150, 45, 148)!important }


@media (min-width: 768px) and (max-width: 1023px){
	.footer .collapse {
	display: block;
}
.tab-func li { flex: 0 1 auto; }
 .sidenav.showing {
        width: 40vw;
    }
    .footer .collapse {
        display: block;
    }
    .togglebtn svg {
        display: none;
    }

	  .navbar-header a {
        padding: 10px;
        margin-left: -10px;
    }
	#logoLink {
		padding: 10px;
		padding: 24px 4px;
	}
    .container > .navbar-header {
        width: auto;
    }
    .navbar-toggle {
        margin: 0!important;
        padding: 0!important;
        padding-top: 10px!important;
        padding-right: 10px!important;
    }
	.nav-line {
    height: auto;
}


.nav-function .container {
        padding: 0 6px;
		margin:0;
    }
#header #topAlert .alert-message { }
}
@media (min-width: 767px) and (max-width: 1023px){
   #logoLink {
		padding: 10px;
		padding: 24px 4px;
	}


}

@media only screen and (min-width: 1023px) {
	.sidenav.showing { width:40vw;}
	.togglebtn svg {
        display: none;
    }
	.tab-func li {margin:8px 8px 8px 0;   flex: 0 1 auto;}
	#mobileWizard .purchaseProgress .progress-step {font-size:16px;}
}

@media only screen and (max-width: 1048px) {
    .searchBox .search-input {
        font-size: 16px;
		    width: auto!important;
    }
    .orderContent .nav-navbar li a, .faqContent .nav-navbar li a {padding:12px;}

}


@media only screen and (max-width: 982px)  {
	.nav-line > .container {width:100%;}
	.nav-info li.account-login {margin:0;}
	#logoLink {padding:8px 0;}
    .navbar-default .navbar-brand {
        width: 135px;
         height: 35px;
    }
    .navbar-default .navbar-brand-ttm {
        width: 135px;
    }
    .navbar-toggle {
        display: flex !important;
        margin: 0px 0px 0px -10px !important;
        padding: 15px 10px;
        border: transparent;
        border-radius: 0px;
        float: left;
    }
   
    .nav-info li.searchBox {
        padding: 10px 0;
    }
    .searchBox .search-btn,
    .clearSearch,
    .searchBox {
        font-size: 16px;
        padding: 8px;
    }


    #bs-navbar2.sidenav > .navbar-nav > li:first-child {
        display: block;
        width: calc((100% + 24px * 2));
        margin: -24px -0px 24px -24px;
        padding: 10px 44px;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        border-bottom: 1px solid #BFBFBF;
    }
    .navbar-nav .navbar-toggle,
    .navbar-nav .navbar-toggle:hover {
        margin: -10px 0 -10px -44px !important;
        padding: 10px;
        background: none !important;
    }
    .navbar-nav .navbar-toggle svg {
        fill: #646464;
        transform: rotate(90deg);
    }
    #bs-navbar2.sidenav .navbar-nav li {
        clear: both;
        width: 100%;
		position: relative;
    }
    .navbar-default .navbar-nav > li:not(:first-child) > a {
        padding: 16px 56px 16px 24px;
        line-height: 25px;
        text-align: left;
        justify-content: left;
        color: #262626;
        font-size: 16px;
    }
    .navbar-nav li {
        clear: both;
        width: 100%;
    }
    .navbar-default .navbar-nav > li:not(:first-child) > a {
        padding: 16px;
    }
    #bs-navbar2 .navbar-nav.bottom-nav > li:first-child {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #bs-navbar .nav {
        display: none;
    }
    .navbar-toggle {
        display: block;
    }
    .sidenav.showing {
        overflow-y: scroll;
    }
	
	.nav-info .account-login a {
		margin: 0;
		padding:10px;
	}
	.account-login #accountFunc {
		top:60px;
	}
	#mainBanner h1.banner-title {font-size:22px;padding:10% 5%;}
	#ticketyourevent2 #mainBanner h1.banner-title{font-size:22px;padding:10% 5%;}
	#ctaContainer, #ctaContainer2 {padding:5%;}
	#ctaContainer h3, #ctaContainer2 h3 {font-size:20px;}
	#ctaContainer h5, #ctaContainer2 h5 {font-size:18px;}
	#ctaContainer a.ctaBtn, #ctaContainer2 a.ctaBtn {padding:16px;font-size:16px;}
}


@media only screen and (max-width: 1160px) {
    #bs-navbar #FAQ {
        display: none;
    }
    #bs-navbar #Venues {
        display: none;
    }
    #bs-navbar #Categories,  #bs-navbar #Genres {
        display: none;
    }
}

@media only screen and (max-width: 1234px) {
    #bs-navbar #FAQ {
        display: none;
    }
    /*#bs-navbar #Venues {
        display: ;
    }*/
}

@media only screen and (min-width: 1161px) {
    #moreMenu {
        display: none;
    }
}


@media only screen and (max-width:500px) {
    .searchContainer {
        width: 100%!important;
        float: none;
        margin: 0;
    }
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
		padding:8px;
	}
}

@media only screen and (max-width: 900px) {
	#megaMenuContainer {width:500px;}
	.nav-info .account-login span {display:none;}
	.mfp-container {
		padding-left: 8px;
		padding-right: 8px;
		padding-top:8px;
	}
}
@media only screen and (max-width: 982px) {
	#moreMenu, #activity {display:none!important;}
	.navbar .navbar-toggler {
		display: block;
		font-size:inherit;
		 padding-left:4px;
	}
	.navbar-expand .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
	}
	.sidenav ul li#Help { 
	display:block;
	}
	#topbar-nav { 
	display: none; 
	}
}
@media only screen and (min-width: 901px) {
	.nav-info .account-login span {display:block;}
	.footer .collapse {
		display: block;
	}
		.container-lg {
		max-width: calc((100% - 40px * 2));
	}
}
@media only screen and (max-width: 833px) {
	.nav-info.searchContainer {width:343px!important; }
}
@media only screen and (max-width: 719px) {
	.nav-info.searchContainer {width:100%!important;margin:0!important;}
	.nav-info li.searchBox {margin-right:0;padding:16px 0;}
	.nav-info li.account-login {margin-right:-12px;}
	.account-login #accountFunc {top:42px;  }
	.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {padding:8px;}
	.nav-info li.account-login {
		position: absolute;
		top: 4px;
	}
	.logoContainer {width:100%;}
}
  @media only screen and (min-width: 768px) and (max-width:1050px) {
	.nav-info.searchContainer {width:343px;}
	.navbar-default .navbar-brand {margin:0;}

}

@media only screen and (min-width: 320px) and (max-width:767px) {
 .nav-info li.account-login {padding:0; }


}
@media only screen and (max-width: 767px) {
	.container {max-width: none;}
 .order_list>.tb_col.order_no {background-color:#262626; border: 1px solid #262626;}
 .order_item {
    border: 1px solid #cccccc;
    margin: 0 0 16px;
}
 .orderTicket, .orderTicket td {
    display: block!important;
}
	.sidenav.showing {width:100%;}
	.image-stacked .data div:not(.date) {
		font-size:20px;
		line-height:1.4;
	}
	.image-stacked.avatar .data {height:auto!important;}
	.activityContent .tab-func {
		margin:16px 0 0 0;
	}
	.activityContent .nav-tabs {display:block;}
	.activityContent .nav-tabs li.active a {
		padding-bottom: 8px;
		border-top: 3px solid #024DDF;
		background-color:#024DDF;
		border-color: #024DDF;
		color:#ffffff;
		border-bottom-color: transparent;

	}
	#priceList #autoMode,#priceList #manualMode {width:100%; margin:8px 0;}
	.promoCodeInput {width:100%; margin-bottom:8px;}
	.promoInput button {width:100%; margin:0;}
	#mapSelectArea .panel-heading span, #priceList .panel-heading span {
    padding: 8px;
}
	#form-ticket-checkout button {width:100%; margin:8px 0;}
	.flow-content .row-border {
		padding: 16px 0px;
	}


	#header #topAlert .alert-message {padding: 8px 16px;}
    .nav-function .container {
        padding: 0 6px;
    }
	#bs-navbar .container-lg {flex-wrap: wrap!important;}

    .nav-line {
        height: auto;
    }
    .nav-info li.searchBox {
        max-width: 100%;

        padding: 16px 0;
    }
    .navbar-default .navbar-brand {
        padding: 0;
        width: 135px;
        height: 35px;
		margin: 0;
    }
    .navbar-default .navbar-brand-ttm {
        padding: 0;
        width: 135px;
		margin: 0;
    }
    .navbar-header a {
        padding: 10px;
        margin-left: -10px;
    }
	
    .container > .navbar-header {
        width: auto;
    }
    .navbar-toggle {
        margin: 0!important;
        padding: 0!important;
        padding-top: 10px!important;
        padding-right: 10px!important;
		padding:10px!important ;
    }
    .searchBox {
        position: static;
    }
    .account-login {
        position: relative;
    }
    .nav-info li.account-login {
        padding: 0;
        margin-right: -5px;
    }
    .nav-info .account-login a {
        margin: 0;
    }
    .searchContainer {
        width: 100%;
    }
    .navbar-default .navbar-nav > li:not(:first-child) > a {
        padding: 16px;
    }
    .togglebtn:focus,
    .togglebtn:hover,
    .togglebtn:active,
    .togglebtn,
    .togglebtn:visited {
        width: 100%;
        float: left;
    }
    .footer .collapse {
        float: left;
        width: 100%;
    }

    .footer .footer-link {
        padding: 8px 0;
    }
	.collapse.show {display:block;}
    .togglebtn {
        margin: 0;
        padding: 16px 4px;
    }
    .collapseBox:first-child {
        margin-top: 24px;
    }
    .collapseBox {
        border-top: 1px solid rgb(191, 191, 191);
		 position:relative;
    }
    .collapseBox svg {
        fill: #ffffff;
        transform: rotate(0deg);
        position: absolute;
        top: 18px;
        right: 8px;
        transition: transform 300ms ease 0s;
    }
    .togglebtn:hover,
    .togglebtn:focus {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.176));
    }
    .togglebtn[aria-expanded="true"] {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.176));
    }
	.side_banner {position:relative;float:none;}
	.side_banner  img {margin:0 auto;}

	
	.image-stacked.avatar .data{height:auto!important;}
    .orderContent .nav-navbar li, .faqContent .nav-navbar li {padding:0 0 8px 0;}
    .orderContent .nav-navbar li.active:after, .faqContent .nav-navbar li.active:after {display:none;}
	.systempageMenu {
		display: block;
	}
		.systempageContainer {
		 display:block; position:relative;

	}
	.systempageMenu {box-shadow:none; min-height: auto;
    margin-bottom: 16px;width:100%;}
	.systempageMenu .list-group {width:100%;}
	.sidebar-heading svg {fill: rgb(2, 77, 223);
    transition: transform 0.5s ease 0s;display: inline-block!important;
    flex-shrink: 0;
    vertical-align: middle;}
	.systempageMenu .sidebar-heading.d-block {display:flex!important;font-weight:900!important;}
	.systempageMenu .sidebar-heading.hidden-xs {display:none!important;}
	#quickLinks.collapse, #quickLinks {display:none;}
	#quickLinks.collapse.show {display:block;
    background: #ffffff; }
	.systempageContent {padding-left: 15px; }
	.systempageMenu {     position: sticky;
    top: 0px;
    z-index: 1;
    width: 100%;
	height:100%;
	}
	.stickyMenu {
		display:block;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 0px;
    background: rgb(255, 255, 255);
	    max-height: 100vh;
    overflow: auto;
	}
	.systempageContent .subheading {
		padding: 65px 0px 0px;
    }
	footer .sitemap{text-align:center;}
	footer .copyrightLabel {text-align:center; margin-top:16px;}

	#tixtr-select {}
	#tixtr-select .q-mark{position: absolute;
    right: 5px;
    top: -10px;}
	#tixtr-select .grey-box {box-shadow:none;}
	#tixtr-select label.col_checkbox > div {    color: #024DDF;}
	#tixtr-select input[type="checkbox"]{margin:0!important;}
	#tixtr-select .repo_bg {

		margin: 8px 0;
		border: none;
		box-shadow: black;
		background: #f6f6f6;
		background: #ffffff;
	   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;     align-items: stretch;
	}
	#tixtr-select .repo_bg .tb_col {padding:4px 8px;}
	#tixtr-select .checked {border:1px solid rgb(2 108 223 / 40%);
	box-shadow: rgb(2 108 223 / 20%) 0px 2px 8px 0px;
	}
	#tixtr-select .tb_col div {margin-bottom:4px;}
	#tixtr-select .order-2 {
		background:#f6f6f6;
		justify-content: center;
		line-height: 1.5;
		display: flex;
		align-items: center;
		height:80px;
	}
	.xs-w100 {width:100%;}
	.table-bordered .orderTicket td:not(.initial) {
		text-align: left;
	}
	.order_tb .table-bordered .bg-info .hidden-desktop:not(.hex_Order_number) {
		float: left;
		width: 100%;
		padding: 0px 2px 5px;
		color: rgba(51, 51, 51, 0.75);
	}

	.jc-right, .jc-left {display:none;}
	
	.event-banner .masthead-text p, .masthead-text span {
			font-size: 20px;
		}
	.event-banner .masthead-text h1 {font-size:24px;}
}

@media only screen and (min-width: 720px) and (max-width:1023px) {
	.nac-info .searchContainer {width:100%!important;margin:0!important;}

	.navbar-header > .navbar-toggle {
    padding: 20px 10px!important;}
	.sidenav.showing {width:50vw;overflow-y: hidden;}
	.navbar-header > .navbar-toggle:hover, .navbar-header > .navbar-toggle:focus {border: 0px;
    background-color: transparent !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.176)) !important;}
	.nav-info .account-login a {
    margin: 0;
	padding:20px 10px;
}

}

@media only screen and (min-width: 983px) and (max-width:1024px) {
	#logoLink {
		padding: 24px 10px;
	}
	.nav-info .account-login a {
		padding:26px 10px;
	}
	.nav-info li.account-login {padding:11px 0;}
}


@media only screen and (max-width: 991px) {
 footer .sitemap {margin-left:0;}
 .orderContent .nav-tabs li {
    font-size: 16px;
}
}

@media only screen and (max-width: 840px) {
	#mapSelectArea .step, #priceList .step {display:none;}
}

@media (max-width: 991px) and (min-width: 768px) {
#sad .visible-table {
    display: inherit !important;
    margin-bottom: 16px;
}
}
@media (min-width: 981px) {
#mainbannerCTA {
    padding: 4% 0;
}
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1170px;
}

}
@media (min-width: 768px) {
.whiteNav .navbar-nav>li {
    float: none!important;
}
}
@media (max-width: 575px) {
 html {scroll-padding-top: 154px;} 
 .event-banner .masthead-wrap {    height: 300px;}
 .event-banner.adp .masthead-wrap {
		height: auto;
	}
}
