@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
* {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Open Sans', sans-serif;
    outline: 0;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

*, :before, :after {
    box-sizing: inherit;
    outline: 0;
}

*, :before, :after {
    box-sizing: inherit;
}

a, li, header *, input[type="button"], input[type="reset"] {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

html {
    box-sizing: border-box;
}

/* General */
body{margin:0;padding:0;}
img{max-width:100%;border:none;vertical-align:middle;}

.pad40 {
    padding: 40px 0;
}

/* Header */
.header{width: 100%; max-width: 960px; margin: 0 auto;}
.header .logo{width:100%;float:left;padding-top:21px;}
.header .sponsor{width:50%;float:left;text-align:right;margin-top: 60px;}
.header .langChanger a {color:#FFF;font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: bold; height: 15px;text-decoration: none;width: 50%; float: right;text-align: right;}
.show2 {display:none;}
.header_socialbar { float: left;}
.header_socialbar .tweeter { float: left; margin-right: 5px; width: 162px;}

header.headerScrolled .mainlogo {
	height: 65px;
}



header.headerScrolled #primaryMenu {
    margin-top: 30px;
}

header.headerScrolled #primaryMenu li a {
    font-size: 15px;
}



.hnav {list-style-type:none; overflow:hidden; height:22px; margin:0; padding: 3px 0 0 110px;}
.hnavItem > a{color: #FFF; text-decoration: none; padding: 1px 8px; line-height: 20px; font-size: 11px;display: block;}


/* Navigation Bar */
.navContainer{width: 100%; max-width: 960px; height: 30px; margin: 0 auto; background-color: #fff;}
.navItem.first {margin-left: 10px;}
.navItem.selected > a{color:#F7B729;}
.navItem > a{color: #FFF; line-height: 26px; text-decoration: none; margin: 0 6px; display: block;}

.navItem.mMain {background-image: none;}
.language_block {}

.language_block li {
	margin: 0px 5px !important;
}
.language_block a, .language_block a.active {
	border: 1px solid #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    float: left;
    overflow: hidden;
    position: relative;
}

.language_block svg {
	float: left;
}

/* Main Content */
.content{
	    display: table;
    padding: 20px;
    margin: 0 auto;
    width: 97%;
    margin-top: 180px;
}



.content.seatingPlan {margin-top: -20px;}
.mainContent{
	min-height: 550px;
}

/* Auxiliary Menu */
.auxMenu{display:none;margin:0 auto 2px;padding:2px; max-width:950px;background-color: #fff;}
.auxMenuItem{background-color:#808080;margin-bottom:2px;height:46px;line-height:46px; margin: 5px;}
.auxMenuItemText{background-attachment:fixed;display:block;color:#FFF;font-family: 'Open Sans', sans-serif;font-size:20px;line-height:45px;text-decoration:none;text-indent:30px;margin:0 .77em;}

.auxMenuItemText.tickets{background:url(/img/menuIconTickets.png) transparent 0 50% no-repeat;}
.auxMenuItemText.basket{background:url(/img/menuIconBasket.png) transparent 0 50% no-repeat;}
.auxMenuItemText.orders{background:url(/img/menuIconOrders.png) transparent 0 50% no-repeat;}
.auxMenuItemText.profile{background:url(/img/menuIconProfile.png) transparent 0 50% no-repeat;}
.auxMenuItemText.login{background:url(/img/menuIconLogin.png) transparent 0 50% no-repeat;}
.auxMenuItemText.resetPass{background:url(/img/menuIconReset.png) transparent 0 50% no-repeat;}
.auxMenuItemText.register{background:url(/img/menuIconRegister.png) transparent 0 50% no-repeat;}
.auxMenuItemText.myTickets{background:url(/img/menuIcon-eTicket3.png) transparent 0 50% no-repeat;}
.infotest{background:url(/img/menuIcon-eTicket3.png) transparent 0 50% no-repeat;}
.auxMenuItem a:hover{color:#020202;}

.userInputElement.hide {
    display: none;
}

.registerSections {padding:20px 0px 0px 0px;}
.registerSection .day, .registerSection .month, .registerSection .year {
	width: 32%;
	height: 45px;
	margin-right: 5px;
	border: 1px solid #BBBBBB;
	border-radius: 25px;
	padding: 5px;
}

.registerSection .day {
	width: 24% !important;
}

.registerSection .month {
	width: 40% !important;
}

.registerSection .year {
	width: 30% !important;
}

/* Generic Styles */
.title{font-size:21px;}
.title .text {background-color: #fff; height: 27px; display: inline-block; padding: 0 5px !important;}
.primary{
	line-height: 50px;
    color: #111111;
    font-size: 28px;
    letter-spacing: 0.8px;
    font-weight: 600;
    border-radius: 3px;
    margin-top: 10px;
}
.secondary{
	    padding: 10px;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    background-color: #dc0a15;
    letter-spacing: 0.2px;
    border-radius: 3px;
}

.secondaryHeader {
	font-size: 18px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 5px;
}

.headings{
	margin-top: 20px;
	border-radius: 4px;
    overflow: hidden;
}
.heading{
	background-color: #000;
    color: #fff;
    line-height: 42px;
    font-size: 13px;
    font-weight: 700;
    display: block;
    float: left;
    width: 25%;
    border: none;
    text-align: center;
    padding: 0px 15px;
}
.heading.title{text-align:left;}
.headings .deliveryType{width:100%;text-align:left;margin-top:10px;}
.noProducts{text-align:center;padding:10px;}
.noProducts .message{display:block;text-align:center;color:#707070;font-size:14px;font-style:italic;font-weight:700;}
.sectionContentContainer{}
.sectionContent{}
.sectionContent .comment{font-weight:700;font-size:13px;padding:10px;}
.sectionContent .comment .accent{color:#000;}
.sectionContent .text{padding:0 10px;}
.userInput{margin:10px 0;}
.userInputText{
	margin: 0 0 10px;
    padding: 1px 20px 0;
    float: left;
    width: 45%;
    min-width: 130px;
}
.userInputElement{font-size:13px;border:1px solid #bbb;height:38px;width:204px;padding: 0 5px; }
.userInputCaption{display:block;}
.userInputCaption a, .userInputCaption a:hover, .userInputCaption a:visited{color:black;font-weight:bold;}
.userInputBoolElement{width:70px;}
.userTextQty{width:25%;text-align:center;float:left;}
.userButtonQty{width:33%;max-width:32px;}
.userTextElementQty{font-size:13px;border:1px solid #bbb;height:38px;width:25%;text-align:center;}
.mandatory{background:url(/img/mandatoryField.png) transparent 0 14px no-repeat;}
.button{
	font-weight: 600;
    color: #969696;
    background-color: #232323;
    border: none;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 10px;
    border: 2px solid #969696;
    cursor: pointer;
    text-decoration: none;
    border-radius: 25px;
    min-width: 245px;
}
.buttonMax{font-family: 'Open Sans', sans-serif;font-weight: bold;color:white;  background-color: #707070; border:none;width:230px;height:40px;margin-bottom:10px;margin-left:10px;text-align:center;font-size:18px;letter-spacing: 1px;}
.button:hover, .buttonMax:hover {
	background-color: #969696;
    color: #fff;
}

.noMarginButton {
	margin: 0px !important;
}
.errorMessage{padding: 15px 15px 15px 40px;margin-bottom:5px;font-weight:bold;font-size:14px;color:#d8000c;background:url(/img/error.png) #ffbaba left center no-repeat;border:1px solid red;}
.accountInfo{
	font-size: 14px;
    margin-top: 20px;
}
.infoSection{
	    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f3f3f3;
    padding-top: 5px;
}
.accountInfo .caption{
	display: block;
    color: #808080;
    margin-bottom: 5px;
}
.accountInfo .info{
	display: block;
    margin-bottom: 5px;
}

.checkboxLeft {float:left;}
.userInputBoolElement {
	width: 20px;
    height: 17px;
}

/* Product List */
.performanceSearch {margin: 0; padding: 0; background-color: #e9e9e9; border-bottom: 2px solid; border-left: 2px solid; border-right: 2px solid; border-color: #FFFFFF; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } 
.productList{    margin-right: 10px;}

.productList a, .productList a:hover, .productList a:active, .productList a:visited {
    text-decoration: none;
}

.productList .noProducts .message a,.productList .noProducts .message a:hover,.productList .noProducts .message a:active,.productList .noProducts .message a:visited{text-decoration:none;color:blue;}
.productList .show1 a,
.productList .show2 a, 
.productList .show1 a:hover,
.productList .show2 a:hover,
.productList .show1 a:active,
.productList .show2 a:active,
.productList .show1 a:visited,
.productList .show2 a:visited {text-decoration:none;color:red;}
.productList .products{
	    background-color: transparent;
    margin-top: 20px;
}

.buyProductButton {
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    color: #fff;
}

.buyProductButton:hover {
	background-color: #969696 !important;
    color: #ffffff;
}

.buyProductButton:hover i {
	color: #ffffff !important;
}

.productList .product{
	margin-top: 40px;
    width: 100%;
    float: left;
    border-radius: 5px;
    -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.2);
    background-image: url(/img/paokbc/productBg.jpg);
    background-size: cover;
    color: #fff;
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-font-smoothing: subpixel-antialiased;
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}

.productList .product .productInner {
    background-color: rgb(39 39 39 / 85%);
    padding: 20px 20px 20px 20px;
    width: 100%;
    float: left;
}

.productList .text {
    margin-top: 5px;
    float: left;
    width: 100%;
    text-align: center;
}


.productList .availability {
    background-color: #0077bf;
    display: inline-block;
}

.productAvailabilityBox {
	position: absolute;
    margin: 0px !important;
    padding: 5px;
    font-size: 10px;
    letter-spacing: 0.5px;
    line-height: 20px;
    left: 10px;
    top: 10px;
    font-weight: 600;
}

.productAvailabilityBox.low:hover {
	cursor: inherit !important;
}
.productAvailabilityBox.mid {
    background-color: #a7ab85 !important;
    color: #757575 !important;
}

.productList .availability {
	background-color: transparent;
    display: inline-block;
    border: 1px solid #fff;
}

.productList .availability i {
	color: #fff;
	font-size: 16px;
    margin: 0px 5px;
}

.productList .availability.mid {
    background-color: #a7ab85 ;
}

.productList .availability.low {
    background-color: #b99a88;
    cursor: no-drop;
    color: #ffffff;
}



.productList .availability.low i {
	color: #b99a88;
}

.parkingProduct {
	display: inline-block;
}

.parkingProduct.availability {
	background-color: #ffffff;
 
    border: 1px solid #162b38;
 
    text-transform: uppercase;
    color: #162b38;
}

.parkingProduct.availability.mid {
    background-color: #ffffff;

    border: 1px solid #162b38;

    text-transform: uppercase;
    color: #162b38;
}

.parkingProduct.availability.low {
    background-color: #ffffff;

    border: 1px solid #7b7b7b;

    text-transform: uppercase;
    color: #7b7b7b;
}

.parkingProduct.availability i {
	color: #162b38;
}

.parkingProduct.availability:hover {
	background-color: #f1f1f1;
}

.parkingProduct.availability.mid:hover {
	background-color: #f1f1f1;
}

.parkingProduct.availability.low:hover {
	background-color: #fff;
}

.availabilityList {
    background-color: #87f18f;
    width: 33.333%;
    color: #fff;
	font-weight: 400;
    float: left;
    height: 25px;
	line-height: 25px;
	text-align: center;
}

.availabilityList.mid {
    background-color: #a7ab85;
}

.availabilityList.low {
    background-color: #ed1c25;
}




.productList .productTitle{display:block;font-weight:700;font-size:14px;}
.productList .productVenue {
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
    padding: 5px 30px;
}

.productList .productVenue i {
    font-size: 25px;
    float: left;
    width: 30px;
    text-align: center;
    color: #fff;
}

.productList .productType {
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 25px;
    padding: 5px 30px;
}

.productList .productType i {
    font-size: 25px;
    float: left;
    width: 30px;
    text-align: center;
    color: #fff;
}

.productList .productImage{float:left;height:70px;width:70px;padding:7px;}


.productList .products text tspan { font-size:18px;  }


.productsFilterSection div {
	cursor: pointer;
    padding: 10px;
    background-color: transparent;
    color: #232323;
    display: inline-block;
    min-width: 100px;
    text-align: center;
    margin-right: 5px;
    border: 1px solid #232323;
    border-radius: 4px;
}

.productsFilterSection div:hover {
	opacity: 0.9;
}

.productsFilterSection div.selected {
	background-color: #969696;
    color: #fff;
}

.productHeaderType {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 10px;
    background-color: transparent;
    font-size: 11px;
    border: 1px solid #fff;
    font-weight: 600;
}

.productInnerLeft {
    float: left;
    width: 100%;
}

.productInnerTeams {
    text-align: center;
    float: left;
    width: 100%;
}

.productTeamsFirstTeam {
    width: 45%;
    float: left;
    text-align: right;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.productTeamsFirstTeam span:nth-of-type(1) {
    font-size: 18px;
    float: left;
    width: 70%;
    padding-top: 48px;
}

.productTeamsFirstTeam span:nth-of-type(2) {
}

.productInnerTeams img {
/*     width: 120px; */
    height: 120px;
    padding: 17px;
}

.productTeamsVS {
    width: 10%;
    float: left;
    line-height: 115px;
    font-size: 18px;
}

.singleTeamLogo {
	height: 80px;
}

.productTeamsSecondTeam {
    width: 45%;
    float: right;
    text-align: left;
    font-size: 24px;
    font-weight: 400;
}

.productTeamsSecondTeam span:nth-of-type(1) {
}

.productInnerTeams .productTeamsSecondTeam img {
	padding: 21px;
    padding-top: 30px;
}

.productTeamsSecondTeam span:nth-of-type(2) {
    font-size: 18px;
    float: right;
    width: 70%;
    padding-top: 48px;
}


.productInnerRight {
    width: 100%;
    float: left;
    text-align: center;
    display: table;
    margin-top: 20px;
    margin-bottom: 10px;
}



.bigAlert {
	width: 100%;
	float: left;
}

.spDescontainer {text-indent: 10px; font-weight: bold; margin: 5px auto;}

/* Preemptions */
.preemptions{padding:10px;}
.preemptions .title{background:url(/img/boxTitle.png) #000 repeat-x;text-transform:uppercase;font-size:23px;color:#fff;text-indent:0;padding:10px;}

.preemptionShowProduct {
    background-color: #fff;
    border: 1px solid #d0d0d0;
    padding: 15px 15px 10px 15px !important;
    margin-bottom: 40px;
}

/* Login */
.loginLinks{font-size:13px;padding:10px;}
.loginLinks .caption{font-weight:700;display:block;margin-top:10px;}
.loginLinks .link{font-weight:400;text-decoration:none;color:#000;}

.search {list-style-type:none;text-decoration:none;margin:0;padding:0;}
.searchItem {text-align:center; background-color:#e9e9e9; width: 300px; float: left; min-height: 40px;padding-top: 10px;}

.loginPageContent {
    width: 100%;
    background-image: url(/img/paokbc/loginImage.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 120px;
    min-height: 640px;
}

.loginFormWrapper {
width: 55%;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.12);
    margin: 95px auto 0px auto;
}

.loginTop {
    width: 50%;
    float: left;
    border-right: 1px solid #000;
    padding: 40px;
    margin-bottom: 30px;
}

.loginBottom {
    width: 50%;
    float: right;
    padding: 40px;
    margin-bottom: 30px;
}

.form-wrapper .button {
    width: 100%;
}

.form-wrapper .form-title {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 15px;
}

.form-wrapper .userInputText {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-wrapper .input-wrapper {
display: block;
    width: 100%;
    padding: 6px 10px;
    height: 38px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inputElementMark {
    border: 1px solid black !important;
    height: 40px !important;
    border-radius: 5px;
}

.userInputElement {
    font-size: 13px;
    height: 45px;
    padding: 6px 10px;
    width: 210px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
}



.form-wrapper .userInputElement {
width: 100%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    border-radius: 25px;
}

/* Login DX */
.box{
	    width: 100%;
    float: left;
}
.box.main {width: 100%; float: none;}
.loginDx .data{padding-top:5px;}
.loginDx .data .text{text-indent: 5px; float: left;}
.loginDx .data .user{text-indent: 15px;color:#000;font-weight:bold;font-style:italic;}
.loginDx .links {padding:0px;width:100%;}
.loginDx .details {}
.loginDx .links ul {list-style-type:none;text-decoration:none;margin:0;padding:0;font-size:0.7em;border-bottom: thin solid #E9E9E9;
border-left: thin solid #E9E9E9;
border-right: thin solid #E9E9E9;}
.loginDx .links ul li {text-align:left; background-color:whitesmoke; font-weight:bold;height:21px;padding:6px 0 0 0;text-indent:20px;border-bottom: thin solid #222;}
.loginDx .links ul li:hover {background-color:#000;text-decoration:none;}
.loginDx .links ul li:hover a {color: #fff;}
.loginDx .links ul li a {color:#231F20;text-decoration:none; display: block; height:21px; font-weight: bold; font-size: 1.2em;}
.loginDx .links ul li a:hover { color:#fff;}

/* Basket */
.basketForm .product .productText{float:left;width:25%;text-align:center;padding: 15px;}
.basketForm .product .productType{font-weight:700;color:#000;display:block;}
.basketForm .total .first{display:block;float:left;width:60%;}


.basketHeadings {
	background-color: #000;
	width: 100%;
} 
.basketHeadings .heading {
	width: 33%;
}
.basketHeadings .heading:nth-of-type(2), .basketHeadings .heading:nth-of-type(2)  {
	
}

.basketForm .total .caption{
    display: block;
    float: left;
    width: 15%;
    font-weight: 700;
    color: #000;
    text-align: right;
}
.basketForm .total .amount{
	display: block;
    float: left;
    width: 15%;
    text-align: center;
}
.basketForm .total {border-top:1px solid #bbb;}
.basketForm .fees{    padding-top: 30px !important;}
.basketForm .fees .caption{display:block;float:left;width:15%;text-align:left;font-weight:700;color:#000;}
.basketForm .fees .first{display:block;float:left;width:60%;}
.basketForm .fees .amount{display:block;float:left;width:25%;}
.basketForm .feesItem .caption{display:block;float:left;width:15%;text-align:left;}
.basketForm .feesItem .first{display:block;float:left;width:60%;text-align:center;}
.basketForm .feesItem .amount{display:block;float:left;width:25%;text-align:center;}
.basketForm .product{
	font-size: 12px;
    background-color: #f9f9f9;
    margin-top: 10px;
    position: relative;
    width: 100%;
    float: left;
    margin-top: 20px;
}
.basketForm .fees{font-size:12px;padding:5px 0;}
.basketForm .feesItem{font-size:12px;padding:5px 0;}
.basketForm .total {
	padding: 15px 0px;
    font-weight: bold;
    float: left;
    width: 100%;
}
.basketForm .product .productTitle{font-weight:100;text-align:left;}

.removeBasketItem {
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 40%;
}

.removeBasketItem i {
	color: #9c9c9c;
    font-size: 13px;
}

.basketForm .userButton {
	margin-top: 30px;
}

.basketForm .userButton span:nth-last-of-type(1) {
	float: right;
}

/* Section Selection */
.sectionSelectionForm{padding:10px;}
.sectionSelectionForm .selectionMethodTitle{font-weight:700;font-size:16px;display:block;color:#000;margin-bottom: 10px;}
.sectionSelectionForm .fieldSection{display:block;width:280px;height:28px;font-size:16px;}
.sectionSelectionForm .userInput{margin:10px 2px;padding:0;}
.sectionSelectionSection{float:left;margin-right:10px;margin-bottom:10px;}

.productPageContent {
    width: 100%;

}

.productPageWrapper {
    width: 95%;
    margin: auto;
}

.productLeft { 
	float: left;
    width: 50%;
}

.showProductContent {
	
}

.showProductContent .deliveryMethods {
	width: 45%;
	float: right;
}

.showProductContent .deliveryMethods .headings {
	width: 100%;
	float: left;
}

.showProductContent .deliveryMethods .headings .heading {
	margin-top: 0px;
	width: 100%;
	float: left;
	text-align: left;
}

.showProductContent .addToBasket {
	    float: left;
    width: 100%;
    margin-top: 20px;
}


.userInputBoolElement {
    width: 70px;
	margin: 5px;
}

.userTextQty {
    width: 25%;
    text-align: center;
    float: left;
}

.userButtonQty {
    width: 33%;
    max-width: 32px;
}

.productMinus {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: transparent;
    color: #dc0a15;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    cursor: pointer;
    border: 1px solid #dc0a15;
}

.productPlus {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: transparent;
    color: #dc0a15;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    cursor: pointer;
    border: 1px solid #dc0a15;
}

.productMinus.passive, .productPlus.passive {
	background-color: #bbbbbb !important;
	cursor: default !important;
}

.userTextElementQty {
	font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    border: none;
    height: 25px;
    width: 25%;
    text-align: center;
    background-color: transparent;
}

.sectionSelectionForm {
    background-color: rgba(255, 255, 255, 0.95);
    margin-top: 0px;
    padding: 10px;
    text-align: center;
}

#venueViewID {
	margin: auto;
}

.sectionSelectionForm #toolbar {
    padding: 15px 10px 0px;
    text-align: center;
    margin-top: 20px;
}

#titleSection {
    font-size: 20px;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.showSectionsButton {
display: none;
}

.seatImageOver {
-webkit-filter:opacity(0.5) ;
}

.availabilitiesContainer {
    width: 100%;
    float: left;
    background-color: rgba(255, 255, 255, 0.95);
    text-align: center;
}

.availabilitiesContainer .availabilityListItem {
    width: 320px;
    color: #000;
    background-color: #fff;
    padding: 10px;
    display: inline-block;
    margin: 0px 10px;
    border: 1px solid #dadada;
}

.availabilitiesContainer .availabilityListItem .availabilityList {
    width: 25px;
}

.availabilitiesContainer .availabilityListItem span {
    float: left;
    padding: 12px;
    font-size: 14px;
    font-weight: 400;
}

#sellable { width:100%; text-align: center; }
#sellable th {
	border-bottom: 1px solid #c5c5c5;
    padding: 0 20px;
    line-height: 30px;
    color: #000;
}
#sellable td { padding: 10px 20px; }
#sellable td#deleteIcon { text-align: right; }
#sellable td select {
	background-color: #ffffff;
    color: #162b38;
    border: 1px solid #000000;
    height: 30px;
    margin: 10px 0;
    line-height: 30px;
    padding: 0 10px;
    width: 100%;
}




/* Tickets Selection */
.productItemsForm .products{padding:5px 5px 10px;}
.productItemsForm .product{border-bottom:1px dotted silver;font-size:12px;padding:5px 0;}
.productItemsForm .product .productText{float:left;width:25%;text-align:center;line-height:38px;}
.productItemsForm .total{border-bottom:1px dotted silver;font-size:12px;padding:5px 0;}
.productItemsForm .product .productType{font-weight:700;text-align:left;}
.deliveryMethods{margin-bottom: 10px;}
.deliveryMethods .productText{display:block;text-align:left;font-weight:bold;font-size: 14px;line-height:38px;text-indent:5px;}
.deliveryMethods .productText input {
	    height: 30px;
    width: 25px;
    vertical-align: middle;
    margin-right: 5px;
}

/* Register */

.registerPageContent {
	background-size: cover;
}
.registerSection {
    width: 33%;
    padding: 10px 30px 30px 30px;
    float: left;
}

.registerFormWrapper {
    margin-top: 160px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.12);
    width: 100%;
    max-width: 1350px;
    margin-bottom: 50px;
    margin: 70px auto;
}

.registerSection .userInputText {
	margin-top: 10px;
}

.registerFormWrapper .userButton {
	padding: 0px 20px 20px 20px;
}

.registerFormWrapper .userButton span:nth-last-of-type(1) {
	float: right;
}



/* Checkout */
.checkoutForm .product .productText{float:left;width:25%;text-align:center;}
.checkoutForm .product .productType{font-weight:700;color:#000;display:block;}
.checkoutForm .total .first{display:block;float:left;width:60%;text-align:center;}
.checkoutForm .total .caption{display:block;float:left;width:15%;text-align:left;font-weight:700;color:#000;}
.checkoutForm .total .amount{display:block;float:left;width:25%;text-align:center;}
.checkoutForm .total {
	border-top: 1px solid #dedede;
    font-size: 16px !important;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 10px !important;
}
.checkoutForm .fees{border-top:1px solid #bbb;}
.checkoutForm .fees .first{display:block;float:left;width:60%;}
.checkoutForm .fees .caption{display:block;float:left;width:15%;text-align:left;font-weight:700;color:#000;}
.checkoutForm .fees .amount{display:block;float:left;width:25%;}
.checkoutForm .feesItem .first{display:block;float:left;width:60%;text-align:left;}
.checkoutForm .feesItem .caption{display:block;float:left;width:15%;text-align:left;}
.checkoutForm .feesItem .amount{display:block;float:left;width:25%;text-align:center;}
.checkoutForm{padding:5px 5px 10px;}
.checkoutForm .product,.checkoutForm .total,.checkoutForm .fees,.checkoutForm .feesItem{font-size:12px;padding:5px 0;}
.checkoutForm .product .productTitle{font-weight:700;text-align:left;font-size: 13px;}
.productExtras{
	    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.itemInfoContainer{
	    padding: 5px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #f3f3f3;
    padding-top: 15px;
}
.itemInfoContainer .caption{color:#000;font-weight:bold;}
.itemInfoContainer .accountSelection{float:left;width:50%;line-height:20px;min-width:300px;}
.itemInfoContainer .seatInfo{float:left;width:100%;line-height:20px;min-width:300px;text-align:left;}
.showSeatContainer{padding:3px;}
.productExtras a.showSeat,.productExtras a.showSeat:hover,a.showSeat:active,a.showSeat:visited{float:right;text-decoration:none;color:black;border: 1px solid #000;display:block;width:100px;text-align:center;background-color:#F3DA07;padding:5px;cursor:pointer;font-weight:bold;}

.coupons .heading{width:50%}

.checkoutForm .product {
	margin-top: 10px;
	margin-bottom: 10px;
}

.checkoutProfileContainer {
	width: 25%;
    float: left;
    padding: 5px;
    margin-top: 30px;
}

.checkoutBasketContainer {
	width: 75%;
    float: right;
    padding-left: 20px;
    margin-top: 27px;
}

.registrantSections {
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.registrantSection {
	width: 33%;
	float: left;
}

.registrantSection .userInputText {
	width: 100%;
}

.registrantSection .userInputElement {
    width: 100%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
}

/* Payment */
.showPaymentForm .paymentCards{
	    margin-top: 20px;
    margin-bottom: 20px;
}
.securityInfo{
	
}

.paymentContainer .paymentButton .button {
	color: #fff !important;
    background-color: #000 !important;
}


.paymentInfo {
	width: 50%;
	float: left;
}
.paymentInfo .total {
	width: 100%;
	float: left;
	padding: 5px;
	margin-bottom: 20px;
}

.paymentInfo .total .caption{color:#000;font-weight:bold;font-size:18px;}
.paymentInfo .total .amount{font-weight:bold;font-size:18px;}
.paymentInfo .expDateSelect{width: 122px; height:38px;}

.paymentInfo .userInputText {
	margin: 0px;
    width: 50%;
    margin-bottom: 15px;
    float: left;
    padding: 5px 18px;
}

.paymentInfo .userInputText .userInputElement {
	width: 100%;
	border-radius: 4px;
}

.paymentContainer .userButton {
	width: 100%;
    float: left;
    padding: 5px 20px;
}

.paymentContainer .userButton .button {
	min-width: 245px;
}

/* Show Order */
.showOrderForm .product .productText{float:left;width:25%;text-align:center;}
.showOrderForm .product .productType{font-weight:700;color:#000;display:block;}
.showOrderForm .total .caption{display:block;float:left;width:75%;text-align:right;font-weight:700;color:#000;}
.showOrderForm .total .amount{display:block;float:left;width:25%;text-align:center;}
.showOrderForm .total {border-top:1px solid #bbb;}
.showOrderForm .fees{border-top:1px solid #bbb;}
.showOrderForm .fees .caption{display:block;float:left;width:50%;text-align:left;font-weight:700;color:#000;}
.showOrderForm .fees .amount{display:block;float:left;width:25%;}
.showOrderForm .feesItem .caption{display:block;float:left;width:50%;text-align:left;}
.showOrderForm .feesItem .amount{display:block;float:left;width:25%;text-align:center;}
.showOrderForm{padding:5px 5px 10px;}
.showOrderForm .product,.showOrderForm .total,.showOrderForm .fees,.showOrderForm .feesItem{border-bottom:1px dotted silver;font-size:12px;padding:5px 0;}
.showOrderForm .product .productTitle{font-weight:700;text-align:left;}

.walletButton {
	float: left;
	margin-top: 5px;
}

/* Search Orders */
.headings .orderTitle{width:75%;text-align:left;}
.headings .orderTotal{width:25%;}
.orderHistoryForm .orderText{display:block;}
.orderHistoryForm .orderItems{padding:5px 5px 10px;}
.orderHistoryForm .orderItem{border-bottom:1px dotted silver;font-size:12px;padding:5px 0;cursor:pointer;}
.orderHistoryForm .orderItem .orderText{float:left;width:25%;text-align:center;}
.orderHistoryForm .orderItem .orderInfo{text-align:left;width:75%;line-height:16px;}
.orderHistoryForm .orderItem .orderStatus{display:block;}
.orderHistoryForm .orderItem .orderDate{display:block;}
.orderHistoryForm .orderItem .orderTotal{width:25%;font-weight:bold;line-height:38px;}
.orderHistoryForm .orderItemInfo{display:block;font-weight:bold;}
.orderHistoryForm .orderItem .orderStatus .invalid{font-weight:bold;color:red;}
.orderHistoryForm .orderItem .orderStatus .valid{font-weight:bold;color:green;}

/* News */
.newsSection{margin-bottom:10px;}

/* Contact Info */
.contactInfoContainer{min-height:45px;background-color: #000;}
.info span{float:left; color:#999;font-size: 11px;font-weight:normal;margin:14px 46px;}
.info span a {font-size: 11px; font-weight: normal; color: #c0c0c0; text-decoration: none; font-style: normal; }
.info span:hover {font-size: 11px; font-weight: normal; text-decoration: none; font-style: normal; }
.infoName{color:#F8E004;}

/* Sitemap */
.siteMapItem{color:#fff;float:left;width:32%;margin-left:2%;line-height:1.7em;}
.siteMapItem h2{font-size:1.7em;letter-spacing:-1px;line-height:1.7em;border-bottom:1px solid #FFF;font-weight:400;text-transform:capitalize;}
.siteMapItem li{margin:0;padding:0;}
.siteMapItemContent{margin-top:-10px;}
.siteMapItemContent ul{padding-left:15px;}
.contactInfo,.sitemap{max-width:970px;width:96%;margin:0 auto;}
.info.first h3,.siteMapItem.first{margin-left:0;}


.myTickets {
    float: left;
    text-align: left !important;
}

.myTicketsNavigation {
	text-align: left !important;
    margin: 20px 0px !important;
    width: 100% !important;
}

.myTickets .myTicket .qrImage {
    float: left;
}

.myTicketsNavigation .buttonThird {
	margin-left: 0px;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

.flexgrid {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
    
/* FOOTER
=========================*/
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {margin-bottom: 30px;display: none}
#colophone {background-color: #000}
.tablerow.fullwidth {display: table;width: 100%}

.ccq {width: 33%}

.flexgr{width:50%;color:#FFF;font-size:16px}
.flexgr a{text-decoration:none;color:#FFF;}

.flexgr a img{
    vertical-align: -2px;
    max-width: 60px;
}

.footer {
	width: 100%;
	float: left;
	margin-top: 50px;
}

.footer .sponsors {
	width: 100%;
	text-align: center;
}

.footer .sponsors ul {

}

.footer .sponsors ul li {
	display: inline-block;
    padding: 10px 30px;
}

.footer .sponsors ul li a img{
	width: 120px;
}

.footer .footerBottom {
	background-color: #000;
	width: 100%;
	float: left;
	padding: 35px;
	color: #fff;
	margin-top: 20px;

}

.footer .footerSocial {
	float: left;
}

.footerLinks a {
	display:block;
	text-decoration: none;
	color: #fff;
}

.footer .footerSocial .social {
	margin-top: 20px;
	margin-bottom: 20px;
}

.footer .footerSocial .social a {
	color: #fff;
	text-decoration: none;
}

.footer .poweredBy {
	float: right;
	padding-top: 25px;
}

.mLogoImage,.mNav{display:none;}


/* Media Queries */

@media all and (min-width: 900px) { 

.form-wrapper .button {
    width: 100%;
    max-width: 250px;
}

.register .userButton, .userButtonPadding {
	padding: 5px 20px;
}
}

@media all and (max-width: 1200px) { 
	.button {
		min-width: initial !important;
		    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
	}
	
	.buttonSecondary {
		min-width: initial !important;
		    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
	}
	
	.buttonThird {
		min-width: initial !important;
		    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
	}
	
	.basketForm .userButton span:nth-last-of-type(1) {
		float: none;
	}
	
	.registerFormWrapper .userButton span:nth-last-of-type(1) {
		float: none;
	}
	
	.paymentInfo {
		width: 100%;
	}
}
@media all and (max-width: 935px) {
	.loginDx{display: none;}
	.box{width:100%;}
}

@media all and (max-width: 970px) {
	.content{padding-bottom: 1px;}
	.siteMapItem ul{list-style-image:url(/img/list_arrow.png);}
	.header .sponsor{display:none;}
	.siteMapItem.first{display:none;}
	.info h3,.siteMapItem{width:100%;margin:0;}
	.footer .sponsor,.footer .supporters,.footer .ads{display:block;}
}

@media all and (max-width: 715px) {
	.itemInfoContainer .seatInfo{text-align:left;}
	.show1 {display:none;}
	.show2 {display:block;}
}

@media all and (max-width: 630px) {
	.unicef_btn {display: none;}
	.basketForm .product .productType {display: none;}
	.checkoutForm .product .productType {display: none;}
}



@media all and (max-width: 560px) {	   
										  
	.footer .copy {width: 100%; text-align: center;padding: 0;line-height: 50px;margin-top: 8px;}
	.footer .poweredby {width: 100%; text-align: center;padding: 0;line-height: 20px;}
	.redfunzone_top {display: none;}
	.basketForm .product .productTitle, .checkoutForm .product .productType {font-size: 12px;}
	.header{height:140px;}
	.header .logo{text-align:center;}
	.logoImage{display:none;}
	.nav{display:none;height:45px;}
	.navItem > a{display:block;font-size:15px;line-height:40px;font-size: 22px; font-weight: bold;background: url(../img/navHomeArrows.png) right no-repeat;}
	.navContainer {height: 40px;}
	.mNav, .mainContent, .footer{display:block;width:100%;}
	.mNav .navItem{width:100%;border:none;border-radius: 0;background-color: #de0613;height: 40px; margin-bottom: 10px;}
	
	.mLogoImage{display:block;}
	.productList .productImage {display:none;}
	.redTop {display: none;}
}

/* GRID
=========================*/

.gridrow{max-width:1260px;width:100%;margin:0 auto;padding:0 0}
.fullwidth{width:100%;max-width:100%}
.fullwidth{width:100%;max-width:100%}
.flexgrid{  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;}
.align-center{align-items:center}
.clearfix{clear:both}
.prel{position:relative}
.pabs{position:absolute}
.absimage{top:0;bottom:0;left:0;right:0;background-position:top center;background-repeat:no-repeat;background-size:cover;position:absolute}
.uppercase{text-transform:uppercase}
img {max-width:100%}


.redbg {
	background-color: #000;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
	}
.greyc{color:#888888}
.redc{color:#000}
.normaltext {font-size: 1.6rem;line-height: 1}
.dark-c{color:#111111;transition:all 0.3s ease;}
.silverbg{background-image: linear-gradient(to bottom, #cdcaca, #d6d4d5, #e0dfe0, #eae9ea, #f4f4f4)}
.textshadowed{text-shadow:0 1px 4px #000}
.white-c,
.whitec{color:#FFFFFF;}


.prolight   {font-family: 'Open Sans', sans-serif; font-weight: 300}
.proregural {font-family: 'Open Sans', sans-serif; font-weight: 400}
.promedium  {font-family: 'Open Sans', sans-serif; font-weight: 400}
.probold    {font-family: 'Open Sans', sans-serif; font-weight: 700}
.problack   {font-family: 'Open Sans', sans-serif; font-weight: 700}

@media (max-width: 899px) {
	.gridrow {
	    padding: 0 12px;
	}
	
	.tablerow.fullwidth.pad40 {
	    padding: 18px 0;
	}
	
	#footer1UP {
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	}
	
	.footer-logo {
	    width: 100%;
	    display: block;
	}
	
	.footer-logo .footerlogoimage {
	    max-width: 200px;
	}
	
	.footer-social {
	    width: 100%;
	    text-align: left;
	    justify-content: flex-start;
	    margin-top: 10px;
	}
	
	.footer-social span {
	    display: none;
	}
	
	.footer-social a {
	    font-size: 16px;
	    width: 32px;
	    height: 32px;
	    line-height: 1.4;
	}
	
	.footer-social i {
	    width: 22px;
	}
	
	.copyright.fullwidth {
	    height: auto;
	}
	
	.copyright .flexgrid {
	    flex-direction: column;
	    text-align: left;
	    max-width: none;
	    align-items: flex-start;
	    padding: 0 12px;
	}
	
	.flexgr {
	    display: block;
	    width: 100%;
	    font-size: 13px;
	}
	
	.copyright .flexgrid .flexgr:last-child {
	    text-align: left;
	    padding: 5px 0;
	    border-top: 1px solid #fff;
	    margin-top: 5px;
	}
	
	.copyright .flexgrid .flexgr:last-child a:last-child {
	    margin-bottom: 5px;
	}
	
	.copyright .flexgrid .flexgr:last-child a:last-child {
	    display: block;
	    clear: both;
	    margin-top: 5px;
	}
	
	#nav-icon1{width:30px;height:45px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}
	#nav-icon1 span{display:block;position:absolute;height:4px;width:100%;background:#fff;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
	#nav-icon1 span:nth-child(1){top:0}
	#nav-icon1 span:nth-child(2){top:9px}
	#nav-icon1 span:nth-child(3){top:18px}
	
	
	#primaryMenu {
	    position: absolute !important;
	    display: block !important;
	    height: 0px !important;
	    overflow: hidden;
	    background-color: #1d1d1d;
	    top: 23px;
	    width: 100%;
	    padding: 0px !important;
	}
	
	#primaryMenu.openMenu {
		height: 100vh !important;
	}
	

	
	#primaryMenu nav.gridrow {
		display: block !important;
	}
	
	#primaryMenu li {
		width: 100%;
	    text-align: center;
	    line-height: 20px !important;
	    margin: 10px 0px !important;
	}
	
	.language_block li {
		width: 23px !important;
		display: inline-block !important;
    	float: none;
	}
	
	#primaryMenu li.lang {
		width: 100%;
		position: relative !important;
	} 
	
	#primaryMenu li a:hover:after, #primaryMenu li.dropdown:hover .dropbtn:after, #primaryMenu li.activemenu a:after {
		display: none;
	}
	
	.productsFilterSection div {
	    width: 100%;
	    font-size: 10px;
	    margin-bottom: 2px;
	    padding: 5px;
	}
	
	.productInnerLeft {
		margin-top: 35px;
	}
	
	.content {
		padding: 10px;
	}
	
	.homePageContent {
	    margin-top: 0px !important;
	}
	
	.primary {
		margin-top: 0px;
	    font-size: 16px;
	    line-height: 35px;
	}
	
	.productList .products {
		margin-top: 5px;
	}
	
	.productList .product {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.productAvailabilityBox {
		text-align: center;
	    left: 10px;
	    right: 10px;
	    top: 41px;
	    font-size: 9px;
	    border: none !important;
	}
	
	.productHeaderType {
		text-align: center;
	    left: 10px;
	    right: 10px;
	    top: 10px;
	    font-size: 9px;
	    border: none;
    	border-bottom: 1px solid;
	}
	
	.productList .product .productInner {
		padding: 50px 10px 0px 10px;
	}
	
	.productInnerLeftCaption {
		line-height: 22px !important;
	}
	
	.singleTeamLogo {
		height: 40px;
	}
	
	.productList .text {
		margin-top: 0px;
	}
	
	.productInnerRight {
	    margin-top: 5px;
    	margin-bottom: 5px;
	}
	
	.productList .productVenue {
		line-height: initial !important;
	    padding: 0px;
	    margin-top: 5px;
	    
	}
	
	.productList .productVenue i {
		font-size: 15px;
	}
	
	.productList .productType {
		line-height: initial !important;
	    padding: 0px;
	    margin-top: 5px;
	    width: 100%;
	}
	
	.buyProductButton {
		width: 100%;
	}
	
	.productTeamsFirstTeam span:nth-of-type(1) {
		line-height: initial !important;
		padding: 0px;
		    width: 100%;
		    font-size: 12px;
	}
	
	.productInnerTeams img {
		width: initial;
	    padding: 0px;
	    height: 40px;
	}
	
	.productTeamsSecondTeam  {
		font-size: 12px;
	}
	
	.productTeamsVS {
		line-height: initial !important;
		font-size: 12px;
	}
	
	.productInnerTeams .productTeamsSecondTeam img {
		padding: 0px;
	}
	
	.productTeamsSecondTeam span:nth-of-type(1) {
	    position: absolute;
    	margin-top: 17px;
    	font-size: 12px;
	}
	
	.productTeamsSecondTeam span:nth-of-type(2) {
		padding: 0px;
	    width: 100%;
	    font-size: 12px;
	}
	
	.productTeamsFirstTeam {
		font-size: 12px;
	}
	
	.productInnerTeams {
		margin-top: 10px;
	}
	
	.content {
		    margin-top: 0px;
	}
	
	.seatmapContainer {
		max-width: 320px;
	}
	
	.productPageWrapper {
		width: 100%;
		margin: 0px;
	}
	
	.availabilitiesContainer .availabilityListItem {
		margin: 0px;
    	width: 100%;
	}
	
	.mainContent.seatingMap .sectionContent {
		margin-top: 10px;
	}
	
	.availabilitiesContainer .availabilityListItem .availabilityList {
	    width: 10px;
	    height: 10px;
	    padding: 5px;
	}
	
	.availabilitiesContainer .availabilityListItem span {
		padding: 5px;
    	font-size: 11px;
	}
	
	.loginFormWrapper {
		width: 100%;
	}
	
	.loginTop, .loginBottom {
		width: 100%;
		    padding: 15px;
		    margin: 0px;
	}
	
	.loginPageContent {
		background-size: cover;
	}
	
	.checkoutProfileContainer {
		width: 100%;
		margin: 0px;
	}
	
	.checkoutBasketContainer {
		width: 100%;
		margin: 0px;
		    padding: 0px;
	}
	
	.accountInfo {
		font-size: 12px;
		margin: 0px;
	}
	
	.infoSection {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	
	.accountInfo .caption {
		margin-bottom: 2px;
	}
	
	.accountInfo .info {
		margin-bottom: 2px;
	}
	
	.headings {
		margin-top: 10px;
	}
	
	.heading {
	    padding: 5px;
	        line-height: initial;
	} 
	
	.checkoutForm .product .productTitle {
		font-size: 10px;
	}
	
	.checkoutForm .product .productText {
		font-size: 10px;
	}
	
	.itemInfoContainer {
		padding: 0px;
	}
	
	.registrantSection {
		width: 100%;
	}
	
	.itemInfoContainer .seatInfo {
		margin-top: 5px;
	}
	
	.checkoutForm .fees .first, .checkoutForm .feesItem .first, .checkoutForm .total .first, .basketForm .fees .first, .basketForm .feesItem .first, .basketForm .total .first {
	width: 0%;
	}
	
	.checkoutForm .fees .caption, .checkoutForm .feesItem .caption, .checkoutForm .feesItem .amount, .checkoutForm .fees .amount, .checkoutForm .total .caption, .checkoutForm .total .amount, .basketForm .fees .caption, .basketForm .feesItem .caption, .basketForm .feesItem .amount, .basketForm .total .caption, .basketForm .total .amount   {
	width: 50%;
	}
	
	.productList {
		margin: 0px;
	}
	
	.paymentInfo {
		width: 100%;
	}
	
	.paymentInfo .userInputText {
	width: 100%;
	}
	
	.showPaymentForm .paymentCards {
		margin-top: 5px;
		margin-bottom: 15px;
	}
	
	.paymentCards img {
		height: 30px;
	}
	
	.myTickets .myTicket .qrImage {
		width: 100%;
		text-align: center;
	}
	
	.registerSection {
		width: 100%;
	}
	
	.productLeft {
		width: 100%;
	}
	
	.showProductContent .deliveryMethods {
		width: 100%;
	}
}

@media screen and (max-width: 550px) {
	.seatmapWidthAndHeight {
		width: 400px;
	}
}

@media screen and (max-width: 375px) {
	.seatmapWidthAndHeight {
		width: 280px;
	}
}

@media screen and (max-width: 320px) {
	.seatmapWidthAndHeight {
		width: 260px;
	}
}


/* HEADER
=========================*/
#Identity{height:auto;position:fixed;width:100%;left:0;right:0;top:0;z-index:999}
.wrapheader{
	    position: relative;
    transition: all .3s ease-out;
    float: left;
    width: 150px;
}
.wrapheader.sticky{height:80px}
.redLINES {width: calc((100% / 2) - (450px / 2));height: 100%;overflow:hidden}
#primaryMenu{
	height: 45px;
    float: left;
    padding-left: 15px;
    margin-top: 55px;
}
#primaryMenu.stickyx .gridrow{display:none}
#primaryMenu.stickyx {height: 2px}
.wrapheader.sticky img.mainlogo{height:76px}
.mainlogo{
	margin: 0 auto;
    text-align: center;
    display: block;
    transition: all .3s ease-out;
    height: 125px;
}

.prnav {
	width: 100%;
}

.redlogo {
	padding: 10px;
    max-width: 200px;
}
#primaryMenu li{
	display: inline-block;
    margin: 0px 15px;
}

#primaryMenu li.lang {
	position: absolute;
	right: 0px;
}
#primaryMenu nav.gridrow{align-items:center;display:flex;justify-content:space-between;height:100%}
#primaryMenu li .dropbtn,
#primaryMenu li a{
	text-decoration: none;
    color: #FFF;
    position: relative;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}
#TopMenu .flexgrid li{display:block;position:relative}

#primaryMenu li a:hover:after, #primaryMenu li.dropdown:hover .dropbtn:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	background: #fff;
	height: 4px;
}

#primaryMenu li a:after, #primaryMenu li.dropdown .dropbtn:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	background: #fff;
	height: 0px;
	transition: all .2s ease-out;
}


#TopMenu .flexgrid li a{color:#FFF;text-decoration:none}
#TopMenu .flexgrid{justify-content:space-between}
#TopMenu{font-size:1.6rem;padding:5px 0 8px;opacity:1;transition:all .3s ease-out}
.wrapheader.sticky #TopMenu{height:0;overflow:hidden;opacity:0;padding:0}
.redLINES.leftside span{float:right}
.redLINES span{height:100%;width:50px;display:block;float:left;font-size:0!important}
.redLINES.leftside span:nth-child(odd){background:#FFF}
.redLines{overflow:hidden}
.redLINES.rightside span{float:left}
.redLINES.rightside span:nth-child(odd){background:#FFF}
.socialli a{background-color:#ad0006;border-radius:100%;margin-right:3px;padding:5px;width:27px;text-align:center;line-height:1;font-size:15px}
.socialli a:last-child{margin-right:0}
.socialli a i {
	    width: 20px;
}
#primaryMenu .wpml-ls-legacy-dropdown{width:auto;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;display:block;background:rgba(0,0,0,0.2);border-radius:20px}
#primaryMenu .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{position:relative;padding-right:calc(0px + 0.7em + .7em);background-color:transparent;border:0}
#primaryMenu .wpml-ls-legacy-dropdown a{background-color:transparent}
#primaryMenu li.wpml-ls-item:hover:after,#primaryMenu li.wpml-ls-item.activemenu:after,#primaryMenu li.lang:hover:after,#primaryMenu li.lang.activemenu:after{display:none}
#primaryMenu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{border:0;background:#b5080e;margin-top:-10px;padding-top:15px;border-radius:0 0 15px 15px}
#primaryMenu .wpml-ls-legacy-dropdown a{background-color:transparent;border:0}
#primaryMenu .dropdown-content .menuwrapper a:hover {text-decoration: underline}
#primaryMenu .dropdown-content .menuwrapper a:hover:after,
#primaryMenu li.wpml-ls-item a:hover:after,
#primaryMenu .dropdown-content .menuwrapper a:after{display:none}


#punch {display:none;}
.dropbtn:before {content:"";background-image: url(../imgs/w-down-arrow.png);position: absolute;right: 0;width:0; height: 0;display:block;top: 0;background-size:16px;opacity:.8}
.active .dropbtn:before {content:"";background-image: url(../imgs/w-up-arrow.png);position: absolute;right: 0;width:0; height:0;display:block;top: 0;background-size:16px;opacity:.8}


.headerImageOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left: 0px;	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 40%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 40%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.headerImage {
    position: relative;
    margin-top: 145px;
    height: 350px;
    overflow: hidden;
    background-image: url(/img/paokbc/paokbc-bg.jpg);
    background-size: cover;
    background-position: center top -400px;
}

.nearestRaceCounter {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0px;
    color: #565656;
}

.nearestRaceCounterInner {
	margin-top: 25px;
}

.nearestTitle {
font-size: 30px;
    font-weight: bold;
        color: #232323;
}

.nearestTimer {
    margin: auto;
    display: table;
        margin-top: 5px;
}

.nearestTimer span {
	float: left;
}

.nearestTimerValue {
	font-size: 35px;
}

.nearestTimerBlock {
	
}

.nearestTimerDesc {
    padding: 0px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
}

.nearestTimerDots {
    font-size: 35px;
    text-align: center;
    width: 17px;
    margin-top: 43px;
    line-height: 25px;
}



.nearestRaceNextMatch {
	    margin-top: 2%;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bold;
        color: #232323;
}

.nearestRaceDateAndTime {
	    margin-top: 10px;
    font-size: 20px;
}

.nearestMatchLink {
    margin-top: 30px !important;
    display: inline-block;
    text-transform: uppercase;
}

.blink {
  animation: blink 1s step-start 1s infinite;
  -webkit-animation: blink 1s step-start 1s infinite;
}
@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}

.buttonSecondary {
	cursor: pointer;
    background-color: #232323;
    color: #969696;
    min-width: 245px;
    height: 50px;
    margin: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 45px;
    padding: 0;
    -ms-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    text-decoration: none;
    border: 2px solid #969696;
    border-radius: 25px;
}

.buttonSecondary:hover {
	background-color: #969696;
	color: #fff;
}

.buttonThird {
	cursor: pointer;
    background-color: #fff;
    color: #232323;
    min-width: 245px;
    height: 45px;
    margin: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 38px;
    padding: 0;
    -ms-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    text-decoration: none;
    border: 1px solid #232323;
    border-radius: 25px;	
}

.buttonThird:hover {
	background-color: #969696;
	color: #fff;
	border: 1px solid #969696;
}


@media(max-width:899px){
body {padding-top: 100px}

.gridrow.ultabs,
#primaryMenu,
#TopMenu{display:none}  
#punch {display: block;width: 54px;position: absolute;padding: 20px 12px 0}
/* #punch span{display:block;width:100%;height:3px;background-color: #FFF;border-radius:25px}
#punch span:nth-child(2){margin:4px 0} */
.redlogo{width:60%}
.redLINES.rightside{display:none}
.redlogo{width:100%;padding:0;clear:both;display:block;padding-top:10px;height:auto;padding-bottom:10px;    max-width: initial;}
.redLINES.leftside{width:100%;height:30px}
.redLINES.leftside span{float:left;width: calc(100%/15)}
.prnav {
	padding: 25px;
}
.mainlogo{height:58px;margin-top: 0px;}
.wrapheader.sticky img.mainlogo {height: 50px}
.wrapheader{display:block;clear:both;height:auto;width: 100%;}
#SocialWall{position:relative;display:none}

  	.headerImage {
		margin-top: 8px !important;
		height: 250px;
	}
	
	
	.nearestRaceNextMatch {
		font-size: 16px;
		margin-top: 20px;
		padding: 5px;
	}
	
	.nearestRaceDateAndTime {
		font-size: 16px;
    	margin-top: 5px;
    	padding: 5px;
	}
	
	.nearestRaceCounterInner {
		margin-top: 10px;
	}
	
	.nearestTitle {
		font-size: 14px;
	    padding: 5px;
	}
	
	.nearestTimerDesc {
		margin-top: 5px;
		font-size: 12px;
	}
	
	.nearestTimerDots {
		margin-top: 20px;
	    font-size: 20px;
	}
	
	.nearestTimerValue {
		font-size: 20px;
	}
	
	.nearestMatchLink {
		margin-top: 20px !important;
	}
	
	#sellable {
		font-size: 10px;
	}
	
	#sellable td {
		padding: 0px;
	}
	
	#sellable th {
		padding: 0px 5px;
	}
	
	#sellable td select {
		font-size: 10px;
    	width: 100% !important;
	}
	
	.heading {
		font-size: 12px;
	}
	
	.deliveryMethods .productText {
		font-size: 12px;
	}
	
	.showSectionsButton {
		display: block;
		font-size: 12px;
	}
	
} /* END MOBILE */


.homePageContent {
    margin-top: 20px;
    padding-bottom: 50px;
}
/* .showPayment input{
	background-color: white!important;
    border: 1px solid rgb(191, 191, 191);
} */
.loginDx{
	display:none!important;
}

#fbSync,#gplusSync{
border: none;
background-color: transparent;
}
@media(max-width:950px){
	.headerBanner {
	display:none;
	}
	
}
@media(min-width:950px){
	
	.footer .footerBottom {
	background-color: #000;
	width: 100%;
	float: left;
	padding: 35px;
	color: #fff;
	margin-top: 20px;
		display:flex;
	justify-content: space-between;
}
}

.b2bTicket  {
	background-color: #232323;
    width: 100% !important;
    padding: 10px 0px !important;
}

.b2bTicket a {
	color: #fff !important;
}


rect {
    stroke:  black;
}