@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

*:not(.fas):not(.fab):not(.fa) {
    font-family: 'Lato' !important;
    letter-spacing: 0.3px;
}

#sliderImage, #sliderImage2
{
    pointer-events:none;
}


.costCentreLogoImageHolderSelected {
    cursor: pointer;
}

@media (max-width: 400px) {
    #headerNav {

        zoom: 0.8;
    }
}

@media (min-width: 1024px) and (max-width: 1400px) {

    .bookingCalendarAndBasket {
        display: flex;
    }

    .productDetailsContainer {
        display: flex;
        zoom: 0.8;
    }

    div.productDetailsContainer,
    .productPrimaryOptionsContainer {
        margin-top: 40px;
    }

    .productButtons {

        display: flex;

        justify-content: center;

        gap: 20px;
    }
}

@media (min-width: 1024px) {
	#headerNavMenuHeader #menu-top
	{
		display:block !important;
		max-height:0;
		transition:0.5s;
		overflow:hidden;
		top: 45px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		
	}
	#headerNavMenuHeader
	{
		transition:3s;
		
	}
	#headerNavMenuHeader:hover
	{
		transition:0.5s;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
    #headerNavMenuHeader:hover #menu-top
	{
		display:block !important;
		max-height: 600px;
		overflow:hidden;
	}
	#page-wrapper:has(#headerNavMenuHeader:hover) div.container, #page-wrapper:has(#headerNavMenuHeader:hover) #footer
	{
		filter: blur(5px) opacity(0.7);
		
	}
	div.container, #footer
	{
		transition:0.5s;
	}
    #headerLogo img
    {
        height: 65px !important;
    }
    #headerNav
    {
        padding-top:0 !important;
    }
    #headerLogo
    {
        margin-bottom:0 !important;
        margin-top: 0 !important;
        display: flex;
    }
    .infoContent2Col .infoContentCentralise:has(.productSecondary), .menu#menu, .infoContent2Col .infoContentCentralise:has(#frmOrder)
    {
        box-shadow: 0 0 5px 5px #0000001c;
    }
    .tickTransparent
    {
        height: 40px;
    }

table:has(>tbody> tr> td .tickTransparent)
    {
        
margin: 30px auto;
    }
    
        .seatViewBlock2 > div
    {
        font-size:20px;
        line-height:55px;
    }

    .seatViewBlock table {
        display: flex;
        justify-content: center;
        margin: 30px auto;
        background: white;
        width: fit-content;
        padding: 20px;
        border-radius: 20px;
        box-shadow: 0 0 5px 5px #0000001c;
        transition: 0.3s;
        text-align: left;
        color: red;
    }

    .returnToStadium+div {
        margin-top: 55px !important;
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }

    .returnToStadium+div+table {
        display: flex;
        justify-content: center;
        transform: scale(1.5);
    }

    table:has(>tbody> tr> td.basketContentRow) td {}

    table:has(>tbody> tr> td.basketContentRow) tr {
        font-size: 17px;
        min-height: 35px;
        padding: 10px 0 !important;
        display: flex;
        justify-content: space-between;
    }

    table:has(>tbody> tr> td.basketContentRow) {
        background: white;
        border-radius: 15px;
        padding: 25px !important;
        text-align: left;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        box-shadow: 0 -3px 3px 3px #0000003d;
        transition: 0.3s;
    }

    table:has(>tbody> tr> td.grandTotalsLabel) {
        background: white;
        border-radius: 15px;
        padding: 25px !important;
        text-align: left;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: 2px solid #ec6d0c;
        box-shadow: 0 3px 3px 3px #0000003d;
        transition: 0.3s;
    }

    form:has(#receipt)+div:has(>a) a {
        color: #ff0000 !important;
        font-size: 20px;
    }

    form:has(#receipt)+div:has(>a) {
        transition: 0.3s;
        background: white;
        margin: 60px auto 25px auto;
        border-radius: 20px;
        width: max-content;
        padding: 20px;
        box-shadow: 0 0 5px 5px #0000003d;
    }

    div:has(>input.ibBookNow):hover,
    .seatViewBlock table:hover {
        box-shadow: 0 0 5px 5px #0000003d;
        transform: scale(1.1);
    }

    div:has(>input.ibBookNow) {
        transition: 0.3s;
        background: white;
        margin: 20px auto;
        border-radius: 20px;
        width: max-content;
        padding: 20px;
    }

    table:has(>tbody> tr> td.basketBook) td {

        text-align: center !important;
    }

    #divBookingCalendar,
    #divBookingBasket,
    div:has(>input.ibBookNow) {
        box-shadow: 0 0 5px 5px #00000017;
        transition: 0.5s;
    }

    #divBookingCalendar:hover,
    #divBookingBasket:hover,
    div:has(>input.ibBookNow):hover {
        box-shadow: 0 0 5px 5px #00000069;
    }

    #receipt table {

        margin: auto;
    }

    #divBookingBasket {
        background: white;
        margin: 0 20px;
        border-radius: 20px;
    }

    .bookingButtonGreen,
    .bookingButtonGreenOutline {
        width: -webkit-fill-available;
    }

    .bookingButtonGreenOutlineSmall {

        font-size: 18px;

        margin-bottom: 20px;

        width: -webkit-fill-available;
    }

    .costCentreLogoImageHolderSelected {
        background-color: #ec6d0c8a;
    }

    .costCentreLogo:has(.costCentreLogoImageHolderSelected):hover {
        background-color: #ec6d0c;
    }


    .noEvents {

        font-size: 20px;
    }

    .upcomingEventDivder,
    .upcomingEvent,
    .upcomingEventDisabled {
        width: 100% !important;
    }

    div[style="font-size:8pt;"] {
        font-size: 18px !important;
        line-height: 28px;
    }

    div[style="font-size:9pt;"] {
        font-size: 19px !important;
        line-height: 30px;
    }

    div[style="font-size:10pt;"] {
        font-size: 20px !important;
        line-height: 32px;
    }

    div[style="font-size:11pt;"] {
        font-size: 22px !important;
        line-height: 34px;
    }

    div[style="font-size:12pt;"],
    div[style="font-size:13pt;"],
    div[style="font-size:14pt;"] {
        font-size: 24px !important;
        line-height: 36px;
    }

    .addTickets a {
        color: #ffffff;
    }

    .addTickets:hover a {
        color: #ffffff;

    }

    .addTickets:has(a):hover {
        box-shadow: 0 0 5px 5px #0000003d;
    }

    .addTickets:has(a) {
        transition: 0.3s;
        background-color: #ec6d0c;
        border-radius: 25px;
        border-width: 2px;
        border-style: solid;
        border-color: #808080;
        margin: 30px auto 15px auto;
        padding: 8px;
        cursor: pointer;
        font-weight: bold;
        max-width: 500px;
        font-size: 20px;
        box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }

    .curvedBoxHeader,
    .curvedBox {
        text-align: center;
    }

    #divPromoCode:hover {
        box-shadow: 0 0 6px 6px #0000005e;
        transform: scale(1.1);
    }

    #GiftVoucherCode {
        min-width: 150px;
    }

    #divPromoCode {
        transition: 0.5s;
        justify-content: center;

        margin: 30px auto;

        background: white;

        width: fit-content;

        padding: 20px;

        border-radius: 20px;

        box-shadow: 0 0 5px 5px #0000003d;
    }

    #matches .frontPageAnnouncementTitle {

        text-align: center;
    }

    .upcomingEvent:hover,
    .upcomingEventDisabled:hover {
        box-shadow: 0 0 6px 6px #0000005e;
        transform: scale(1.02);
    }

    .upcomingEvent,
    .upcomingEventDisabled {
        transition: 0.5s;

        background: white;
        padding: 20px;
        border: 1px solid #f36000;
        border-radius: 5px;
        box-shadow: 0 0 5px 5px #0000001c;
        margin-bottom: 30px;
    }

    #matches .frontPageMessage {

        text-align: center;
    }


    .feature .productSecondary {
        box-shadow: 0 0 5px 5px #0000000f;
    }

    .feature .productResultsContainer:not(:has(.productSecondaryPrice)) .productSecondary:hover {
        background: #f47522;
        color: white;

    }

    .feature .productResultsContainer:not(:has(.productSecondaryPrice)) .productSecondary .productSecondaryTitle {
        font-size: 25px !important;
    }

    .feature .productResultsContainer:not(:has(.productSecondaryPrice)) .productSecondary {
        box-shadow: 0 0 5px 5px #0000003d;
        border-radius: 20px;
        background: #f1f2f2;
        font-weight: bold;

    }

    #divMask {
        width: 100vw;
    }

    #frmSignUp {
        padding: 20px;
        margin: 15px;
        border: 1px solid #00000000;
        border-radius: 25px;
        background: white;
        box-shadow: 0 0 5px 5px #0000008a;
    }

    #frmSignUp div .interest:hover {
        box-shadow: 0 0 3px 3px #00000087;
    }

    #frmSignUp div .interest {
        display: inline-block;
        width: 24%;
        padding: 20px !important;
        background: white;
        margin: 5px;
        border-radius: 10px;
        box-shadow: 0 0 2px 2px #00000045;
        transition: 0.3s;
    }

    #frmSignUp div:has(>div>input[type='checkbox'])>p,
    #frmSignUp div:has(>div>input[type='checkbox'])>div {
        flex-grow: 1;
        flex-basis: 0;
    }

    #frmSignUp div:has(>div>input:not([type='checkbox'])) input {

        min-width: 28vw;

    }

    #frmSignUp div:has(>div>input:not([type='checkbox'])) {

        width: 34%;

        display: inline-block;

    }

    .curvedBox:not(:has(form:nth-of-type(2))):has(>#frmReturningCustomers) {
        display: flex;
        align-items: stretch;
        gap: 30px;
    }

    #frmReturningCustomers:hover,
    .curvedBox:not(:has(form:nth-of-type(2)))>div:has(.registerHeader):hover {
        box-shadow: 0 0 6px 8px #00000066;
    }

    #frmReturningCustomers,
    .curvedBox:not(:has(form:nth-of-type(2)))>div:has(.registerHeader) {
        border: 2px solid #ff000000;
        transition: 0.5s;
        border-radius: 20px;
        padding: 40px;
        flex-grow: 1;
        flex-basis: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #fcfcfc;
        box-shadow: 0 0 4px 4px #00000047;
    }

    .productResultsContainer, .productSecondaryContainer {
        margin-top: 40px !important;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    div:has(>p > #chkSubscribe) .interest {
        padding: 5px;
    }

    div:has(>p > #chkSubscribe) {
        text-align: center !important;
        align-items: center;
    }

    #backToTop {
        transition: 0.5s;
        border-radius: 100%;
        line-height: 0;
    }

    #backToTop:hover {
        transform: scale(1.8);
        background: #ec6d0c;

    }

    .registerSubHeader {
        display: block;
        margin-bottom: 10px !important;
        font-size: 20px !important;
        color: #f47522 !important;
    }

    #usernameLoginForm,
    #passwordLoginForm,
    .registerField {
        margin: 10px auto 15px auto !important;
        font-size: 18px !important;
        height: 40px;
        min-width: 250px;
        background-color: #ffffff !important;
    }

    #cbxLogin,
    #cbxNewMember {
        display: flex !important;
        justify-content: center;
        text-align: center !important;
    }

    .socialMedia a:hover {
        transform: scale(1.2);
        transition: 0.5s;
        background-color: #ffffff;

    }

    #footer .links a {
        color: white !important;
        font-size: 20px;
    }

    #footer .phone,
    #footer .company,
    #footer .address {
        font-size: 20px;
        line-height: 40px;
    }

    .socialMedia a {
        background-color: #ececec;
        border-radius: 50px;
        transition: 0.5s;
        width: 60px;
        height: 60px;
        margin: 15px;
    }

    #venueMap {
        width: 80% !important;
        overflow-x: auto;
        margin-left: 10%;
        zoom: 1.5;
        margin-top: 40px;
    }

    .sectionTitle,
    .noEvents {
        text-align: center;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .searchTitle,
    .searchTitleMobile {
        padding: 20px 10px;
    }

    .searchTitle,
    #sectionLinks2 {
        margin-right: 0px !important;
    }

    #SearchForm input[name="searchText"] {
        min-width: 210px;
        height: 40px;
    }

    .productPrimaryPhotoThumbnailImage,
    .photoWithThumbnailsThumbnailImage {
        opacity: 0.6;
    }

    .productPrimaryPhotoThumbnailImage:hover,
    .photoWithThumbnailsThumbnailImage:hover {
        border: 0;
        opacity: 1;
    }

    .feature .tabcontent {

        font-size: 18px;

        padding-top: 20px;

        line-height: 25px;

    }

    .wishlistButton:hover {
        background-color: #009a9c !important;

    }

    .wishlistButton,
    .shopButton {
        background-image: none !important;
        margin: 0px !important;
        margin-top: 15px !important;
    }

    .shopButton:hover,
    .shopSmallButton:hover,
    .wishlistButton:hover {
        padding: 10px !important;
    }

    .selectQuantityButton:hover {
        background-color: #ec6d0c;

    }

    .selectQuantityButton {

        background-color: #00c1c4;
        width: 40px;
        height: 40px;
    }

    input[type=text].selectQuantityEntry {
        height: 40px !important;
        background: #000000;
        font-size: 21px;
    }

    .selectQuantity {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .productPrimaryOptions {
        padding: 15px !important;
    }

    #OptionS {
        width: 100%;
        font-size: 18px;
        height: 40px;
    }

    .productPrimaryPrice {

        font-size: 30px;

        line-height: 50px;

        text-align: center;

        font-weight: 800;
    }

    .infoContent2Col {

        width: 100% !important;
    }

    #sectionLinks2 input[type=submit] {
        width: -webkit-fill-available;
    }

    #sectionLinks2 {
        padding: 5px 0px !important;
        width: 100% !important;
        margin: auto !important;
    }

    .searchTitle select:-ms-expand {
        display: none !important;

    }

    .searchTitle select {
        -webkit-appearance: none;
        /* Safari & Chrome */
        -moz-appearance: none;
        /* Firefox */
        appearance: none;
        background-position: right .5em center;
        background-image: url('data:image/svg+xml;utf8,<svg fill="%23666" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
        background-repeat: no-repeat;
    }

    .searchTitle select {
        font-size: 20px;
        height: 40px;
        margin-bottom: 15px !important;

    }

    .menuSearchItem>form>div {
        justify-content: space-between;
    }

    .menuSearchItem {
        padding: 15px;
    }

    .infoContent2Col {
        display: flex !important;
        justify-content: space-evenly;
        align-items: flex-start;
    }

    .productSecondaryPrice {
        font-size: 20px;
    }

    .productSecondaryTitle {
        font-size: 18px;
        line-height: 26px;
        padding: 5px 0;
    }

    .menu#menu:hover {
        box-shadow: 0 0 5px 5px #00000059;

    }

    .productSecondary {
        border-color: #ffffff00;
        padding: 15px;
        height: auto !important;
        width: auto;
        flex: 0 0 32%;
    }
    .productSecondary img
    {
        transition:0.3s;
        opacity:0.6;
    }
.productSecondary:hover img
    {
       transform:scale(1.05); 
        opacity:1;
    }
    .productSecondary:hover {
        padding: 15px !important;
        box-shadow: 0 0 5px 5px #00000059;
        border-color: #ffffff00;
        border: none;
        border-radius: 10px;
    }

    .menu#menu {
        transition: 0.5s;
        width: 330px;
        display: block;
    }

    .bookingSectionsOverlap,
    .bookingCalendarAndBasket {
        top: 0 !important;
    }

    #headerNavMenuHeader ul li {
        padding: 25px 16px !important;
    }

    #headerNavMenuHeader ul li:hover {
        background: #000000 !important;
        border-radius: 0;
    }

    #headerNavMenuHeader ul li::after {
        display: none !important;
    }


    #headerNavMenuItems,
    #headerNavMenuHeader ul {
        background-color: rgb(236 109 12) !important;
        padding: 0px !important;
    }


    div:hover>.costCentreLogoImageHolder {
        background-color: #ec6d0c;
    }

    .containerNonSlider,
    .containerWithSlider {
        padding: 30px 0 !important;
    }

    #slider,
    .containerWithSlider {
        max-width: 90%;
        margin: auto;
    }

    #footer {
        padding: 50px 5% !important;
        text-align: center;
        color: white;
    }

    .container .containerNonSlider {
        padding: 30px 5% !important;
    }

    #header {
        max-width: 100%;
        align-items: center;
        padding: 15px 5% !important;
        position: fixed;
        z-index: 999999999;
        background: #ececec;
        box-shadow: 0 0 5px 3px #00000059;
    }

    #page-wrapper {
        width: 100% !important;
        max-width: 2200px !important;
    }

    .frontPageMessage p {
        font-size: 17px;
    }

    .frontPageAnnouncementTitle {
        font-size: 18px;
    }

    .sectionTitle {
        font-size: 22px;
    }

    .matchTitleLine {
        font-size: 18px;
    }

    .costCentreLogoImageHolder,
    .costCentreLogoImageHolderSelected,
    .costCentreLogosName {
        width: 100%;
    }

    .costCentreLogo:hover {
        box-shadow: 0 0 8px 5px #00000061;
        transform: scale(1.05);
    }

    .costCentreLogo {
        margin: 15px 2vw 40px 2vw;
        padding: 0;
        box-shadow: 0 0 5px 5px #8e8e8e57;
        transition: 0.5s;
    }

}

@media (max-width: 1023px) {

     .infoContent2Col .infoContentCentralise:has(.productSecondary), .menu#menu
    {
        box-shadow: 0 0 5px 5px #0000001c;
    }
    .tickTransparent
    {
        height: 40px;
    }
 .tickTransparent
    {
        height: 40px;
    }

table:has(>tbody> tr> td .tickTransparent)
    {
        
margin: 30px auto;
    }
    .seatViewBlock2 > div
    {
        font-size:20px;
        line-height:55px;
    }

    .seatViewBlock table {
        display: flex;
        margin: 30px auto;
        background: white;
        width: fit-content;
        padding: 20px;
        border-radius: 20px;
        box-shadow: 0 0 5px 5px #0000001c;
        transition: 0.3s;
        text-align: left;
        color: red;
        font-size: 14px;
    }

    .returnToStadium+div {
        margin-top: 55px !important;
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }

    .returnToStadium+div+table {
        display: flex;
        justify-content: center;
        transform: scale(1.5);
    }
    table:has(>tbody> tr> td.basketContentRow) td {}

    table:has(>tbody> tr> td.basketContentRow) tr {
        font-size: 17px;
        min-height: 35px;
        padding: 10px 0 !important;
        display: table;
    }

    table:has(>tbody> tr> td.basketContentRow) {
        background: white;
        border-radius: 15px;
        padding: 25px !important;
        text-align: left;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        box-shadow: 0 -3px 3px 3px #0000003d;
        transition: 0.3s;
    }

    table:has(>tbody> tr> td.grandTotalsLabel) {
        background: white;
        border-radius: 15px;
        padding: 25px !important;
        text-align: left;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: 2px solid #ec6d0c;
        box-shadow: 0 3px 3px 3px #0000003d;
        transition: 0.3s;
    }

    form:has(#receipt)+div:has(>a) a {
        color: #ff0000 !important;
        font-size: 20px;
    }

    form:has(#receipt)+div:has(>a) {
        transition: 0.3s;
        background: white;
        margin: 60px auto 25px auto;
        border-radius: 20px;
        width: max-content;
        padding: 20px;
        box-shadow: 0 0 5px 5px #0000003d;
    }

    div:has(>input.ibBookNow):hover {
        box-shadow: 0 0 5px 5px #0000003d;
        transform: scale(1.1);
    }

    div:has(>input.ibBookNow) {
        transition: 0.3s;
        background: white;
        margin: 20px auto;
        border-radius: 20px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    table:has(>tbody> tr> td.basketBook) td {

        text-align: center !important;
    }

    #divBookingCalendar,
    #divBookingBasket,
    div:has(>input.ibBookNow) {
        box-shadow: 0 0 5px 5px #00000017;
        transition: 0.5s;
    }

    #divBookingCalendar:hover,
    #divBookingBasket:hover,
    div:has(>input.ibBookNow):hover {
        box-shadow: 0 0 5px 5px #00000069;
    }

    #receipt table {

        margin: auto;
    }

    #divBookingBasket {
        background: white;
        height: 70vh;
        top: 30vh;
        overflow-y: scroll;
        transition: 1.5s !important;
    }

    .bookingButtonGreen,
    .bookingButtonGreenOutline {
        width: -webkit-fill-available;
    }

    .bookingButtonGreenOutlineSmall {
        font-size: 16px;
        margin-bottom: 20px;
        width: -webkit-fill-available;
        line-height: 25px;
    }

    .costCentreLogoImageHolderSelected {
        background-color: #ec6d0c8a;
    }

    div[style="font-size:8pt;"] {
        font-size: 17px !important;
        line-height: 25px;
    }

    div[style="font-size:9pt;"] {
        font-size: 18px !important;
        line-height: 26px;
    }

    div[style="font-size:10pt;"] {
        font-size: 18px !important;
        line-height: 26px;
    }

    div[style="font-size:11pt;"] {
        font-size: 19px !important;
        line-height: 26px;
    }

    div[style="font-size:12pt;"],
    div[style="font-size:13pt;"],
    div[style="font-size:14pt;"] {
        font-size: 20px !important;
        line-height: 28px;
    }

    .addTickets a {
        color: #ffffff;
    }

    .addTickets:hover a {
        color: #ffffff;

    }

    .addTickets:has(a):hover {
        box-shadow: 0 0 5px 5px #0000003d;
    }

    .addTickets:has(a) {
        transition: 0.3s;
        background-color: #ec6d0c;
        border-radius: 25px;
        border-width: 2px;
        border-style: solid;
        border-color: #808080;
        margin: 30px auto 15px auto;
        padding: 8px;
        cursor: pointer;
        font-weight: bold;
        max-width: 500px;
        font-size: 20px;
        box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }

    .curvedBoxHeader,
    .curvedBox {
        text-align: center;
    }

    #divPromoCode:hover {
        box-shadow: 0 0 6px 6px #0000005e;
        transform: scale(1.1);
    }

    #GiftVoucherCode {
        min-width: 150px;
    }

    #divPromoCode {
        transition: 0.5s;
        justify-content: center;

        margin: 30px auto;

        background: white;

        width: fit-content;

        padding: 20px;

        border-radius: 20px;

        box-shadow: 0 0 5px 5px #0000003d;
    }

    #matches .frontPageAnnouncementTitle {

        text-align: center;
    }

    .upcomingEvent:hover,
    .upcomingEventDisabled:hover {
        box-shadow: 0 0 6px 6px #0000005e;
        transform: scale(1.02);
    }

    .upcomingEvent,
    .upcomingEventDisabled {
        transition: 0.5s;

        background: white;
        padding: 20px;
        border: 1px solid #f36000;
        border-radius: 5px;
        box-shadow: 0 0 5px 5px #0000001c;
        margin-bottom: 30px;
    }

    #matches .frontPageMessage {

        text-align: center;
    }

    #divMask {

        width: 100vw;
    }

    .productButtons {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    div:has(>.ibBookNowTall) {

        text-align: center !important;
    }

    .productPrimaryPhotoMobile .slick-dots {
        display: none;
    }

    div.productDetailsContainer button.active {
        background-color: #ec6d0c;
        color: white;
    }

    div.productDetailsContainer button {
        margin: 0 !important;
        text-align: center;
    }

    div.productDetailsContainer {
        width: 100%;
        display: flex;
        flex-direction: column;
        border: 1px solid black;
        margin-bottom: 10px;
    }

    .productPrimaryPhotoMobile .slick-slide img {
        max-height: 80vw;
    }

    .productPrimaryPhotoMobile .slick-slide {
        flex: 25%;
    }

    .productPrimaryPhotoMobile .slick-track {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    #headerNavMenuHeader ul ul li {
        background: #ec6d0c;
        border-radius: 0;
        border: 1px solid white;
    }

    #headerNavMenuHeader ul li ul .menuSearchItem,
    #headerNavMenuHeader ul li ul form,
    #headerNavMenuHeader ul li ul .menuItemSeparator {
        display: none;
    }

    #headerNavMenuHeader ul li ul {
        width: 100% !important;
        background-color: #000000 !important;
        zoom: 0.7;
    }

    #headerNavMenuHeader {
        z-index: 9999999999;
    }

    .container {
        margin-top: 90px !important;
    }

    .productSecondaryPhotoContainer {
        height: auto;
    }

    .productSecondaryPhoto {
        max-width: 100%;
    }

    tr:has(.basketBook) {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;
    }

    .curvedBoxHeader {}

    #divPromoCode {

        flex-direction: column;

        text-align: left !important;
    }

    .upcomingEvent,
    .upcomingEventDisabled {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
        gap: 20px;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .curvedBox:has(.registerHeader) table tr {
        display: flex !important;
        flex-direction: column;
        padding: 20px 0;
    }

    #page-wrapper {

        overflow-x: hidden;
    }

    #headerNav,
    #headerNav img {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        height: 30px !important;
    }

    #mobileMenuButton {
        width: 40px !important;
    }

    #headerLogo img {
        height: 45px !important;
    }

    #frmSignUp {
        padding: 20px;
        border: 1px solid #00000000;
        border-radius: 25px;
        background: white;
        box-shadow: 0 0 5px 5px #0000008a;
    }

    #frmSignUp div .interest:hover {
        box-shadow: 0 0 3px 3px #00000087;
    }

    #frmSignUp div .interest {
        display: inline-block;
        padding: 20px !important;
        background: white;
        margin: 5px;
        border-radius: 10px;
        box-shadow: 0 0 2px 2px #00000045;
        transition: 0.3s;
        width: 100%;
    }

    #frmSignUp div:has(>div>input[type='checkbox'])>p,
    #frmSignUp div:has(>div>input[type='checkbox'])>div {
        flex-grow: 1;
        flex-basis: 0;
    }

    #frmSignUp div:has(>div>input:not([type='checkbox'])) input {}

    #frmSignUp div:has(>div>input:not([type='checkbox'])) {
        display: inline-block;
    }

    .curvedBox:not(:has(form:nth-of-type(2))):has(>#frmReturningCustomers) {
        display: flex;
        align-items: stretch;
        gap: 30px;
        flex-direction: column;
    }

    #frmReturningCustomers:hover,
    .curvedBox:not(:has(form:nth-of-type(2)))>div:has(.registerHeader):hover {
        box-shadow: 0 0 6px 8px #00000066;
    }

    #frmReturningCustomers,
    .curvedBox:not(:has(form:nth-of-type(2)))>div:has(.registerHeader) {
        border: 2px solid #ff000000;
        transition: 0.5s;
        border-radius: 20px;
        padding: 30px;
        flex-grow: 1;
        flex-basis: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #fcfcfc;
        box-shadow: 0 0 4px 4px #00000047;
    }

    .productResultsContainer>div {
        flex-basis: 46%;
        flex-grow: 1;
    }

    .productResultsContainer {
        margin-top: 40px !important;
        margin-bottom: 30px;
        flex-wrap: wrap;
        display: flex;
    }

    div:has(>p > #chkSubscribe) .interest {
        padding: 5px;
    }

    div:has(>p > #chkSubscribe) {
        text-align: center !important;
        align-items: center;
    }

    #backToTop {
        transition: 0.5s;
        border-radius: 100%;
        line-height: 0;
    }

    #backToTop:hover {
        transform: scale(1.8);
        background: #ec6d0c;

    }

    .registerSubHeader {
        display: block;
        margin-bottom: 10px !important;
        font-size: 20px !important;
        color: #f47522 !important;
    }

    #usernameLoginForm,
    #passwordLoginForm,
    .registerField {
        margin: 10px auto 15px auto !important;
        font-size: 18px !important;
        height: 40px;
        min-width: 250px;
        background-color: #ffffff !important;
    }

    #cbxLogin,
    #cbxNewMember {
        text-align: center !important;
    }

    .socialMedia a:hover {
        transform: scale(1.2);
        transition: 0.5s;
        background-color: #ffffff;

    }

    #footer .links a {
        color: white !important;
        font-size: 20px;
        text-decoration: underline;
    }

    #footer .phone,
    #footer .company,
    #footer .address {
        font-size: 20px;
        line-height: 40px;
    }

    .socialMedia a {
        background-color: #ececec;
        border-radius: 50px;
        transition: 0.5s;
        width: 60px;
        height: 60px;
        margin: 15px;
    }

    #venueMap div {}

    .sectionTitle,
    .noEvents {

        text-align: center;
    }

    .searchTitle,
    .searchTitleMobile {
        padding: 20px 10px;
    }

    .searchTitle,
    #sectionLinks2 {
        margin-right: 0px !important;
    }

    #SearchForm input[name="searchText"] {
        min-width: 210px;
        height: 40px;
    }

    .productPrimaryPhotoThumbnailImage,
    .photoWithThumbnailsThumbnailImage {
        opacity: 0.6;
    }

    .productPrimaryPhotoThumbnailImage:hover,
    .photoWithThumbnailsThumbnailImage:hover {
        border: 0;
        opacity: 1;
    }

    .feature .tabcontent {

        font-size: 18px;

        padding-top: 20px;

        line-height: 25px;

    }

    .wishlistButton:hover {
        background-color: #009a9c !important;

    }

    .wishlistButton,
    .shopButton {
        background-image: none !important;
        margin: 0px !important;
        margin-top: 15px !important;
    }

    .shopButton:hover,
    .shopSmallButton:hover,
    .wishlistButton:hover {
        padding: 10px !important;
    }

    .selectQuantityButton:hover {
        background-color: #ec6d0c;

    }

    .selectQuantityButton {

        background-color: #00c1c4;
        width: 40px;
        height: 40px;
    }

    input[type=text].selectQuantityEntry {
        height: 40px !important;
        background: #000000;
        font-size: 21px;
    }

    .selectQuantity {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .productPrimaryOptions {
        padding: 15px !important;
    }

    #OptionS {
        width: 100%;
        font-size: 18px;
        height: 40px;
    }

    .productPrimaryPrice {

        font-size: 30px;

        line-height: 50px;

        text-align: center;

        font-weight: 800;
    }

    .infoContent2Col {

        width: 100% !important;
    }

    #sectionLinks2 input[type=submit] {
        width: -webkit-fill-available;
    }

    #sectionLinks2 {
        padding: 5px 0px !important;
        width: 100% !important;
        margin: auto !important;
    }

    .searchTitle select:-ms-expand {
        display: none !important;

    }

    .searchTitle select {
        -webkit-appearance: none;
        /* Safari & Chrome */
        -moz-appearance: none;
        /* Firefox */
        appearance: none;
        background-position: right .5em center;
        background-image: url('data:image/svg+xml;utf8,<svg fill="%23666" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
        background-repeat: no-repeat;
    }

    .searchTitle select {
        font-size: 20px;
        height: 40px;
        margin-bottom: 15px !important;

    }

    .menuSearchItem>form>div {
        justify-content: space-between;
    }

    .menuSearchItem {
        padding: 15px;
    }

    .infoContent2Col {
        display: flex !important;
        justify-content: space-evenly;
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .productSecondaryPrice {
        font-size: 20px;
    }

    .productSecondaryTitle {
        font-size: 18px;
        line-height: 26px;
        padding: 5px 0;
    }

    .menu#menu:hover {
        box-shadow: 0 0 5px 5px #00000059;

    }

    .productSecondary {
        border-color: #ffffff00;
        padding: 15px;
        height: auto !important;
        width: 46%;
        border: 1px solid #00000024;
        border-radius: 10px;
        margin: 2%;
        background: #ececec;
        word-wrap: break-word;
    }

    .productSecondary:hover {
        padding: 15px !important;
        box-shadow: 0 0 5px 5px #00000059;
        border-color: #ffffff00;
        border: none;
    }

    .menu#menu {
        transition: 0.5s;
        width: 100%;
        display: block;
    }

    .bookingSectionsOverlap,
    .bookingCalendarAndBasket {
        top: 0 !important;
    }

    #headerNavMenuHeader ul li {
        padding: 25px 16px !important;
    }

    #headerNavMenuHeader ul li:hover,
    #headerNavMenuHeader ul li:active {
        background: #000000 !important;
        border-radius: 0;
    }

    #headerNavMenuHeader ul li::after {
        display: none !important;
    }


    #headerNavMenuItems,
    #headerNavMenuHeader ul {
        background-color: rgb(236 109 12) !important;
        padding: 0px !important;
    }

    #headerNavMenuHeader>ul {
        width: 100vw !important;
        right: -20px !important;
        box-shadow: 0 13px 13px 3px #00000038;
        overflow-y: scroll;
        overscroll-behavior: contain;
        max-height: 80vh;
    }

    div:hover>.costCentreLogoImageHolder {
        background-color: #ec6d0c;
    }

    .containerNonSlider,
    .containerWithSlider {
        padding: 30px 0 !important;
    }

    #slider,
    .containerWithSlider {
        max-width: 90%;
        margin: auto;
    }

    #footer .links .linkSeparator {
        display: none;
    }

    #footer .links {
        display: flex;
        gap: 20px;
        flex-direction: column;
        border-top: 4px solid #ececec;
        padding-top: 25px !important;
    }

    #footer {
        padding: 50px 5% !important;
        text-align: center;
        color: white;
    }

    .container .containerNonSlider {
        padding: 30px 5% !important;
    }

    #header {
        max-width: 100%;
        margin: auto;
        padding: 10px !important;
        align-items: center;
        position: fixed;
        z-index: 9999999;
        background: #ececec;
        box-shadow: 0 0 5px 4px #00000052;
        top: 0;
    }

    #page-wrapper {
        width: 100% !important;
        max-width: 2200px !important;
    }

    .frontPageMessage p {
        font-size: 17px;
    }

    .frontPageAnnouncementTitle {
        font-size: 18px;
    }

    .sectionTitle {
        font-size: 22px;
    }

    .matchTitleLine {
        font-size: 18px;
    }

    .costCentreLogoImageHolder,
    .costCentreLogoImageHolderSelected,
    .costCentreLogosName {
        width: 100%;
    }

    .costCentreLogo:hover {
        box-shadow: 0 0 7px 3px #00000061;
    }

    .costCentreLogo {
        margin: 15px 2vw 40px 2vw;
        padding: 0;
        flex: 0 0 96%;
        box-shadow: 0 0 5px 5px #8e8e8e57;
    }




}


.box.highlight {
    text-align: left;
    background-color: #ffffff;
    padding: 5px;
    border-radius: 5px;
    height: inherit;
}

.box.post {
    position: relative;
    z-index: 199;
}

.box.post:after {
    content: '';
    display: block;
    clear: both;
}

.box.post .inner {
    margin-left: calc(30% + 2em);
}

.box.post .inner> :last-child {
    margin-bottom: 0;
}

.box.post .image {
    width: 30%;
}

.boxbrown {
    background-color: #F3F6FF;
    margin: 0.25em;
    border-radius: 5px;
    color: #803030;
    display: block;
    outline: 0;
    padding: 0.25em !important;
    text-decoration: none;
    width: 100%;
    z-index: 9999;
    opacity: 1;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.boxslate {
    background-color: #ffffff;
    margin: 0.25em;
    border-radius: 5px;
    color: #444444;
    display: block;
    outline: 0;
    padding: 0.25em !important;
    text-decoration: none;
    width: 100%;
    z-index: 9999;
    opacity: 1;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    background-color: #42983c;
    border-radius: 5px;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    min-width: 9em;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.button:hover {
    background-color: #f0f0f0;
}

.button2 {
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
    margin: 0px 5px 0px 5px;
    background-color: #ffffff;
    color: #42983c;
    font-weight: bold;
    cursor: pointer;
    height: auto;
}

.button2 {
    display: inline-block;
    float: right;
}

.button2:hover {
    background-color: #f0f0f0;
}

.button2Minor {
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
    margin: 0px 5px 0px 5px;
    background-color: #ffffff;
    color: #42983c;
    font-weight: bold;
    cursor: pointer;
    height: auto;
}

.button2Minor {
    display: inline-block;
    float: right;
}

.button2Minor {
    color: #474747;
    font-weight: normal;
}

.button2Minor:hover {
    background-color: #f0f0f0;
}

.collection {
    padding-bottom: 6px;
}

.collectionLink {
    color: #474747;
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 2000px;
    background-color: #ececec;
    padding-top: 95px;
}

.containerNonSlider,
.containerWithSlider {
    padding: 30px;
    z-index: 10;
    position: relative;
}

.containerWithSlider {
    margin-top: 0px;
}

.contributor {
    padding-bottom: 3px;
    font-style: italic;
}

.contributorAbout {
    padding-bottom: 12px;
    cursor: pointer;
}

.contributorLink {
    color: #474747;
    font-weight: bold;
}

.curvedBox {
    border: 0px;
    overflow-x: unset;
}

.curvedBox td {
    padding-top: 6px;
    padding-bottom: 6px;
}

.curvedBoxHeader {
    color: black !important;
}

.curvedBoxHeader {
    color: #42983c;
    margin-bottom: 0.3em;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -0.025em;
    line-height: 1em;
}

.dropotron {
    background-color: #e3e5e3;
    border-radius: 5px;
    color: #000;
    min-width: 10em;
    padding: 1em 0;
    text-align: left;
    box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.5);
    list-style: none;
}

.dropotron>li {
    line-height: 2em;
    padding: 0 1.1em 0 1em;
}

.dropotron>li>a {
    color: #000;
    text-decoration: none;
    border: 0;
}

.dropotron>li.active>a {
    color: #fff;
    background-color: #42983c;
}

.dropotron>li:hover>a {
    color: #fff;
    background-color: #42983c;
}

.dropotron.level-0 {
    border-radius: 0 0 5px 5px;
    font-size: 0.9em;
    padding-top: 0;
    margin-top: -1px;
}

.first {
    margin-top: 12px;
}

.icon {
    text-decoration: none;
    position: relative;
    text-decoration: none;
    padding: 0 10px;
}

.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}

.icon>.label {
    display: none;
}

.icon.major {
    text-align: center;
    cursor: default;
    background-color: #42983c;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 5em;
    height: 5em;
    line-height: 5em;
    box-shadow: 0 0 0 7px white, 0 0 0 8px #e0e0e0;
    margin: 0 0 2em 0;
}

.icon.major:before {
    font-size: 36px;
}

.image {
    border: 0;
    display: inline-block;
    position: relative;
    width: 100%;
}

.image img {
    display: block;
    width: 100%;
}

.image.left.footer {
    display: block;
    float: left;
    margin: 0 1em 5em 0;
    position: relative;
    top: 0.25em;
    width: max-content;
}

.image-feature {
    position: relative;
    text-align: center;
    margin: 0 0.5em 2em 0.5em;
}

.image-feature>a {
    display: block;
}

.image-feature header {
    background: #CDD1D9;
    left: 0;
    padding: 1.5em 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.image-feature header:before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #CDD1D9;
    bottom: -0.5em;
    content: '';
    display: block;
    height: 1em;
    left: 50%;
    margin-left: -0.5em;
    position: absolute;
    width: 1em;
}

.image-feature header h3 {
    font-size: 1.3em;
    margin: 0;
}

.image-feature .image {
    margin: 0;
}

.image-feature p {
    margin: 0;
}

.image-feature footer {
    background: #CDD1D9;
    color: #000000;
    left: 0;
    padding: 0.5em;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.image-feature footer .button.alt {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
    color: #fff !important;
}

.image-feature .image {
    max-height: 30em;
    overflow: hidden;
}

.imagefeatured {
    display: block;
    width: 100%;
}

.imagefeatured img {
    display: block;
    width: 100%;
}

.imagefit {
    display: block;
    max-width: 100%;
    height: auto;
}

.imageleft {
    display: block;
    float: left;
    margin: 0 0.25em 0.25em 0;
    position: relative;
    width: max-content;
    max-width: 185px;
    height: 100%;
}

.imageleft img {
    display: block;
    width: 100%;
}

.imageRelated {
    width: 100%;
    max-width: 250px;
}

.imageright {
    display: block;
    float: right;
    margin: 0 0 0.25em 0.25em;
    position: relative;
    width: max-content;
    height: 100%;
}

.orange {
    color: #42983c;
}


.registerHeader {}

.registerHeader {
    color: #42983c;
    margin-bottom: 0.3em;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -0.025em;
    line-height: 1em;
}

.registerHeaderBlue {}

.registerHeaderBlue {
    color: #42983c;
    margin-bottom: 0.3em;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -0.025em;
    line-height: 1em;
}

.registerSubHeader {}

.registerSubHeader {
    color: #42983c;
    margin-bottom: 0.3em;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -0.025em;
    line-height: 1em;
}

.searchbar {
    width: 390px;
}

.searchField {
    display: inline-block;
}

.searchRow {
    display: block;
}


.simpleHeading {
    color: #42983c;
}

.simplePage {
    padding-top: 20px;
    min-height: 200px;
}

.sliderHighlights {
    display: none;
    text-align: left;
    width: 33%;
    max-width: 400px;
    margin: 0px 10px 0px auto;
    margin-right: 10px;
    margin-left: auto;
    padding: 10px 10px 10px 0px;
}

.sliderHighlightsContainer1 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0px;
    z-index: 100;
}

.sliderHighlightsContainer2 {
    display: block;
    width: 100%;
    max-width: 1800px;
    text-align: center;
    margin: auto;
    margin-bottom: 0px;
    z-index: 100;
}

.sliderHighlightTitle {
    color: #474747;
}

.sliderHighlightTitleOrange {
    color: #42983c;
}

.sliderMain {
    width: 100%;
    height: 400px;
    background-size: cover;
    margin: 0px 0px 0px 0px;
    text-align: center;
    display: block;
    z-index: 0;
    position: relative;
}

.textBlock {
    padding-bottom: 12px;
}

.wrapper {
    padding: 5em 0 3em 0;
}

.wrapper.style1 {
    background: #e3e5e3;
    padding: 1em;
    margin: 2em 0;
    border-radius: 5px;
}

.wrapper.style2 {
    background-color: #fff;
    padding: 0em 0em 0em 0em;
}

.wrapper.style3 {
    margin-bottom: 6em;
}

.wrapper.style3 .button {
    background: #fff;
    color: #474747;
}

.wrapper.style3 .button:hover {
    background: #e0e0e0;
    !important;
}

.wrapper.style4 {
    background-color: #f6faf7;
    color: #000;
    padding: 1em;
    margin: 2em 0;
    border-radius: 5px;
}

.wrapper.style4 .button {
    background: #ffffff;
    color: #42983c;
    float: right;
}

.wrapper.style4 .button:hover {
    background: #e3e5e3;
    color: #ffffff;
}

.wrapper {
    padding: 2rem 0 1px 0;
}

* {
    box-sizing: inherit;
}

*:before {
    box-sizing: inherit;
}

*:after {
    box-sizing: inherit;
}

a {
    color: #384665;
    font-weight: bold;
    text-decoration: underline;
}

a:hover {
    color: #42983c;
    text-decoration: none;
}

abbr {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

acronym {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

address {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

applet {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

article {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

article {
    display: block;
}

article.special {
    text-align: left;
}

aside {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

aside {
    display: block;
}

audio {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

b {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

b {
    font-weight: 600;
}

big {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

blockquote,
.callout {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

blockquote,
.callout {
    quotes: none;
}

blockquote:before,
.callout:before {
    content: '';
    content: none;
}

blockquote:after,
,
.callout:after {
    content: '';
    content: none;
}

blockquote,
.callout {
    margin: 0;
}

blockquote,
.callout {
    border-left: solid 0.5em #e0e0e0;
    font-style: italic;
    padding: 1em 0 1em 2em;
}

body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
    font-family: "finalsix", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5rem;
    -webkit-text-size-adjust: none;
    background: #f1f2f2;
    text-align: center;
}

canvas {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

caption {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

center {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

cite {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

code {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

dd {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

del {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

details {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

details {
    display: block;
}

dfn {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

dl {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

dl {
    margin: 0;
}

dt {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

em {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

em {
    font-style: italic;
}

embed {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

figcaption {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

figcaption {
    display: block;
}

figure {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

figure {
    display: block;
}

footer {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;

}

footer {
    display: block;
}

footer {
    margin: 0 0 3em 0;
}

footer> :last-child {
    margin-bottom: 0;
}

footer.major {
    padding-top: 3em;
}

form {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;

}


header {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;

}

header {
    display: block;
}

header h1 {
    color: #384665;
    font-size: 1em;
}

header p {
    color: #999;
    font-size: 1.25em;
    position: relative;
    margin-top: -1.25em;
    margin-bottom: 2.25em;
}

header.major {
    text-align: left;
    margin: 0 0 2em 0;
}

header.major h2 {
    font-size: 2.25em;
    font-weight: bold;
}

header.major p {
    position: relative;
    border-top: solid 1px #e0e0e0;
    padding: 1em 0 0 0;
    margin: 0;
    top: -1em;
    font-size: 1.5em;
    letter-spacing: -0.025em;
}

hgroup {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

hgroup {
    display: block;
}

hr {
    border-top: solid 1px #e0e0e0;
    border: 0;
    margin-bottom: 1.5em;
}

html {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

html {
    box-sizing: border-box;
}

i {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

i {
    font-style: italic;
}

iframe {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

img {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

imgreview {
    display: flex;
    align-items: center;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    color: #474747;
    font-size: 14pt;
    font-weight: normal;
    line-height: 1.65em;
}

input[type=button],
input[type=submit],
button,
.icoButton,
.icoButtonOver,
.ibBookNow,
.ibBookNowOver,
.ibBookNowTall,
.ibBookNowOverTall,
.ibBookNowSelected,
.Bookings2DivCalendarTimes,
.Bookings2DivCalendarTimesOver,
.Bookings2DivCalendarShowMore,
.Bookings2DivCalendarShowMoreOver,
.ibShowMoreTickets,
.ibShowMoreTicketsOver,
.ibMoveSeatSpace,
.ibMoveSeatSpaceOver {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    min-width: 9em;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: -0.025em;
}

input[type=email] {
    line-height: 1em;
}

input[type=email]:focus {
    border-color: #42983c;
}

input[type=email] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: border-color 0.2s ease-in-out;
    -webkit-transition: border-color 0.2s ease-in-out;
    -ms-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
    background: #fff;
    border: solid 1px #e0e0e0;
    border-radius: 5px;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0.75em;
    text-decoration: none;
    width: 100%;
}

input[type=reset] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    background-color: #42983c;
    border-radius: 5px;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    min-width: 9em;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: -0.025em;
}

input[type=text],
input[type=password] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: border-color 0.2s ease-in-out;
    -webkit-transition: border-color 0.2s ease-in-out;
    -ms-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
    display: block;
    outline: 0;
    padding: 0.75em;
    text-decoration: none;
    border: 1px solid #42983c;
    background-color: #ececec;
    border-radius: 10px;
    font-size: 1rem;
    line-height: 1em;
    width: 100%;
    padding: 5px;
    /*margin: auto; - to allow centralise, but mostly not wanted */
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

input[type=text]:focus,
input[type=password]:focus {
    border-color: #42983c;
}

input[type=text].selectQuantityEntry {
    width: 60px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0px 2px 0px 2px;
}

ins {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

kbd {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

label {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

label {}

legend {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;

}

mark {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

mark {
    background-color: transparent;
    color: inherit;
}

menu {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

menu {
    display: block;
}

nav {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;

    float: right;
}

nav {
    display: block;
}

object {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

ol {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

ol {
    list-style: none;
}

ol {
    margin: 0;
}

ol {
    list-style: decimal;
    padding-left: 1.25em;
}

ol li {
    padding-left: 0.25em;
}

output {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

pre {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

q {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

q {
    quotes: none;
}

q:before {
    content: '';
    content: none;
}

q:after {
    content: '';
    content: none;
}

.reviewername {
    background-image: url("/Pantolwen/PublicFiles/image/Pantolwen_reviewer_logo_60px.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 10px 0px 10px 70px;
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 3px;
}

ruby {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

s {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

samp {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

section {
    display: block;
}

section.special {
    text-align: left;
}


small {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;

}

strike {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

strong {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;

}

strong {
    font-weight: 600;
}

sub {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

sub {
    font-size: 0.8em;
    position: relative;
    top: 0.5em;
}

summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

sup {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

sup {
    font-size: 0.8em;
    position: relative;
    top: -0.5em;
}

textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: border-color 0.2s ease-in-out;
    -webkit-transition: border-color 0.2s ease-in-out;
    -ms-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
    border: solid 1px #e0e0e0;
    border-radius: 5px;
    display: block;
    outline: 0;
    padding: 0.75em;
    text-decoration: none;
    width: 100%;
}

textarea:focus {
    border-color: #42983c;
}

tfoot {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

th {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

thread {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

time {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

tt {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

u {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;

}

ul {
    list-style: none;
}

ul {
    margin: 0;
}

ul {
    list-style: disc;
    padding-left: 1em;
}

ul li {
    padding-left: 0.5em;
}

ul.links {
    list-style: none;
    padding-left: 0;
}

ul.links li {
    line-height: 2.5em;
    padding-left: 0;
}

ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0;
}

ul.icons li {
    display: inline-block;
    line-height: 1em;
    padding-left: 1.5em;
}

ul.icons li:first-child {
    padding-left: 0;
}

ul.icons li a {
    font-size: 2em;
    border: 0;
}

ul.icons li span {
    font-size: 2em;
    border: 0;
}

ul.menu {
    list-style: none;
    padding-left: 0;
}

ul.menu li {
    border-left: solid 1px #e0e0e0;
    display: inline-block;
    padding: 0 0 0 1em;
    margin: 0 0 0 1em;
}

ul.menu li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

ul.footer {
    list-style: none;
    float: right;
}

ul.actions {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    cursor: default;
    list-style: none;
    margin-left: -1em;
    padding-left: 0;
}

ul.actions li {
    padding: 0 0 0 1em;
    vertical-align: middle;
}

ul.actions.special {
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 100%;
    margin-left: 0;
}

ul.actions.special li:first-child {
    padding-left: 0;
}

ul.actions.stacked {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
}

ul.actions.stacked li {
    padding: 1.25em 0 0 0;
}

ul.actions.stacked li:first-child {
    padding-top: 0;
}

ul.actions.fit {
    width: calc(100% + 1em);
}

ul.actions.fit li {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    width: 100%;
}

ul.actions.fit li>* {
    width: 100%;
}

ul.actions.fit.stacked {
    width: 100%;
}

ul.menu li {
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    line-height: 2rem;
}

var {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

#backToTop {
    display: block;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
}

#banner {
    background-image: url("../../images/banner.jpg");
    background-position: center center;
    background-size: cover;
    height: 28em;
    text-align: center;
    position: relative;
}

#banner header {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #212121;
    background: rgba(27, 27, 27, 0.75);
    color: #fff;
    padding: 1.5em 0;
}

#banner header h2 {
    display: inline-block;
    margin: 0;
    font-size: 1.25em;
    vertical-align: middle;
}

#banner header h2 em {
    opacity: 0.75;
}

#banner header h2 a {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

#banner header h2 a:hover {
    border-bottom-color: transparent;
}

#banner header .button {
    vertical-align: middle;
    margin-left: 1em;
}

#banner {
    height: 18rem;
}

#bookContainer {
    display: flex;
    flex-wrap: wrap;
}

#bookDetailsFrame {
    flex: 1;
    order: 1;
    padding-left: 20px;
    padding-right: 20px;
}

#bookMainFrame {
    flex: 4;
    order: 2;
    padding-left: 20px;
    padding-right: 20px;
}

#cta {
    text-align: center;
    padding: 3.5em 0;
}

#cta header h2 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

#cta header .button {
    vertical-align: middle;
    margin-left: 1em;
}

#divTopBar {
    min-height: 198px;
}

#footer {
    padding: 2em 2em 2em 4em;
    background-color: #ececec;
    background-image: url('../image/hive/footer.png');
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0.7rem;
}

#footer p {
    color: #ffffff !important;
}

#footer h3 {
    color: #ffffff !important;
    font-size: 1.2em;
    padding-bottom: 0.5em;
}

#footer a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

#footer a:hover {
    text-decoration: underline;
}

#footer .container {
    margin-bottom: 4em;
}

#footer .icons {
    text-align: center;
    margin: 0;
}

#footer .icons a {
    color: #999;
}

#footer .icons a:hover {
    color: #474747;
}

#footer .copyright {
    color: #999;
    margin-top: 1.5em;
    text-align: center;
    font-size: 0.9em;
}

#header {
    text-align: left;
    padding: 1.5em 0 0 0;
    display: flex;
    width: 100%;
}

#header h1 {
    color: #535a69;
    font-size: 1em;
    padding: 0 0 2.75em 0;
    margin: 0;
}

#header h1 a {
    font-size: 1.5em;
    letter-spacing: -0.025em;
    border: 0;
}

#header h2 {
    color: #42983c;
    font-size: 1.25rem;
    letter-spacing: -0.025em;
    font-weight: bold;
}

#headerLogo {
    flex: 1;
    margin: 10px 0px 50px 0px;
}

#headerLogo img {
    height: 80px;
}

#headerNav {
    flex: 2;
    text-align: right;
    margin: 10px 0px 10px 5px;
    font-size: 1.1rem;
    vertical-align: middle;
    padding-top: 20px;
}

.menuMobileIcon,
.menuDownButton {
    display: inline-block;
    height: 25px;
    margin: 0px 0px 0px 3px;
    vertical-align: middle;
    cursor: pointer;
}

.headerNavLabel {
    display: inline-block;
    color: #ee7933;
    font-weight: 600;
    vertical-align: middle;
    cursor: pointer;
}

.headerNavSeparator {
    width: 1px;
    height: 30px;
    background: linear-gradient(#f0d4c3, #ee7933, #f0d4c3);
    display: inline-block;
    margin: 0px 15px 0px 15px;
    vertical-align: middle;
}

#headerNavMenuHeader {
    width: 400px;
    position: relative;
    border: 1px solid #ee7933;
    border-radius: 5px;
    display: inline-block;
    margin: 0px 0px 0px 15px;
    font-size: 1.4rem;
    padding: 5px 10px 5px 10px;
    color: #ee7933;
    text-align: left;
    font-weight: 800;
    vertical-align: middle;
    cursor: pointer;
}

#headerNavMenuHeader img {
    height: 20px;
    vertical-align: middle;
}

.headerNavMenuText {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    padding: 5px 20px 5px 5px;
}

.headerNavMenuText:hover {
    border-radius: 5px;
    background-color: #fed7c0;
}

@keyframes fadeInFromTop {
    from {
        background-color: rgba(238, 121, 51, 0.0);
    }

    to {
        background-color: rgba(238, 121, 51, 0.7);
    }
}

#headerNavMenuItems,
#headerNavMenuHeader ul {
    width: 400px;
    display: none;
    position: absolute;
    top: 50px;
    right: -1px;
    background-color: rgb(238, 121, 51);
    background-color: rgba(238, 121, 51, 0.7);
    color: #ffffff;
    text-align: left;
    padding: 10px 30px 10px 56px;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    font-weight: 600;
    animation: fadeInFromTop;
    animation-duration: 0.6s;
    list-style-type: none;
}

.headerNavMenuItem,
#headerNavMenuHeader ul li {
    margin: 0px 0px 0px 0px;
    padding: 5px;
    border-radius: 5px;
}

.headerNavMenuItem a,
#headerNavMenuHeader ul li a {
    color: #ffffff;
}

.headerNavMenuItem:hover,
#headerNavMenuHeader ul li:hover {
    background-color: rgb(238, 121, 51);
}

.headerNavMenuSeparator,
#headerNavMenuHeader ul li::after {
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgba(238, 121, 51, 0.7), rgba(255, 255, 255, 0.7), rgba(238, 121, 51, 0.7));
    display: block;
    margin: 10px 0px 5px 0px;
}

.headerNavMenuSeparator,
#headerNavMenuHeader ul li:last-child::after {
    content: none;
}

#headerNavMenuHeader ul li ul {
    display: none;
    position: static;
    margin-top: 10px;
    width: 90%;
    padding: 0px 0px 0px 20px;
}

#headerNavMenuHeader ul li ul li:hover {
    background-color: rgb(248, 131, 61);
}

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

.basketQty {
    position: absolute;
    border-radius: 9px;
    width: 18px;
    height: 18px;
    background-color: #28924a;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    top: -3px;
    left: 10px;
    font-size: 0.5rem;
    padding: 0px;
    display: none;
    cursor: pointer;
}

@keyframes basketQtyChangeAnimation {
    from {
        width: 18px;
        height: 18px;
        border-radius: 9px;
        background-color: #28924a;
        top: -3px;
        left: 10px;
        font-size: 0.5rem;
    }

    50% {
        width: 30px;
        height: 30px;
        border-radius: 15px;
        background-color: #e0e0e0;
        top: -9px;
        left: 1px;
        font-size: 1rem;
    }

    to {
        width: 18px;
        height: 18px;
        border-radius: 9px;
        background-color: #28924a;
        top: -3px;
        left: 10px;
        font-size: 0.5rem;
    }
}

.basketQtyChange {
    animation-name: basketQtyChangeAnimation;
    animation-duration: 1s;
}

.divBasketQty {
    position: absolute;
    top: -3px;
    left: 3px;
    width: 12px;
    text-align: center;
    cursor: pointer;
}

#memnav {
    text-align: center;
    cursor: default;
    background-color: #42983c;
    padding: 0;
    color: #fff;
}

#memnav:after {
    content: '';
    display: block;
    width: 100%;
}

#memnav>ul {
    margin: 0;
}

#memnav>ul>li {
    position: relative;
    display: inline-block;
    margin-left: 0.5em;
}

#memnav>ul>li a {
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    border: 0;
    display: block;
}

#memnav>ul>li:first-child {
    margin-left: -1em;
}

#memnav>ul>li:hover a {
    color: #000;
}

#memnav>ul>li.current {
    font-weight: 600;
}

#memnav>ul>li.current:before {
    content: '';
    display: block;
    position: absolute;
}

#memnav>ul>li.current a {
    color: #fff;
}

#memnav>ul>li.active a {
    color: #Fff;
}

#memnav>ul>li.active.current:before {
    opacity: 0;
}

#memnav>ul>li>ul {
    display: none;
}

#m-searchbar h2 {
    color: #42983c;
    font-size: 1.25rem;
    letter-spacing: -0.025em;
    font-weight: bold;
}

#nav {
    text-align: center;
    cursor: default;
    padding: 10px 0px 10px 0px;
}

#nav:after {
    content: '';
    display: block;
    width: 100%;
}

#nav>ul {
    margin: 0;
}

#nav>ul>li {
    position: relative;
    display: inline-block;
    margin-left: 0.5em;
}

#nav>ul>li a {
    color: #000;
    text-decoration: none;
    border: 0;
    display: block;
}

#nav>ul>li:first-child {
    margin-left: -1em;
}

#nav>ul>li:hover a {
    color: #42983c;
}

#nav>ul>li.current {
    font-weight: 600;
}

#nav>ul>li.current:before {
    content: '';
    display: block;
    position: absolute;
}

#nav>ul>li.current a {
    color: #333;
}

#nav>ul>li.active a {
    color: #000;
}

#nav>ul>li.active.current:before {
    opacity: 0;
}

#nav>ul>li>ul {
    display: none;
}

#navPanel {
    display: none;
}

#reviewertext {
    text-align: justify;
}

.reviewertext {
    text-align: justify;
    margin-bottom: 2rem;
}

#sliderImage {
    z-index: 0;
    height: 400px;
    cursor: pointer;
    display: block;
    width: 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

#sliderImage2 {
    z-index: 0;
    height: 400px;
    cursor: pointer;
    display: block;
    width: 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

#sliderImage2 {
    opacity: 0;
}


@media screen and (max-width: 880px) {

    .sliderMain,
    #sliderImage,
    #sliderImage2 {
        height: 300px;
    }
}

@media screen and (max-width: 600px) {

    .sliderMain,
    #sliderImage,
    #sliderImage2 {
        height: 200px;
    }
}

#textcenter {
    text-align: center;
}

#textleft {
    text-align: left;
}

#textright {
    text-align: right;
}

#titleBar {
    display: none;
}

#versionbox {
    border: 1px solid;
    margin: 50px 0 10px 50px;
    padding: 10px;
    box-shadow: -5px -5px #888888;
    cursor: pointer;
}

#versionbox:hover {
    background-color: #f0f0f0;
}

#page-wrapper {
    width: 90%;
    max-width: 2000px;
    text-align: left;
    margin: auto;
}

@media screen and (max-width: 1200px) {

    .searchbar {
        width: 240px;
    }

}

@media screen and (max-width: 900px) {
    .sliderHighlights {
        width: 80%;
    }

    .containerWithSlider,
    .containerNonSlider {
        padding-top: 0px;
    }

    .containerNonSlider .bookingCalendarAndBasket {
        margin-top: 30px;
    }

}

.newsArticle {
    display: block;
    padding-bottom: 30px;
}

.newsDate {
    font-style: italic;
    font-weight: bold;
}

.newsHeadline {
    font-weight: bold;
}

.newsContent {
    display: block;
    font-weight: normal;
}

.newsImage {
    width: 100%;
    max-width: 800px;
}

.newsImageHolder {
    padding-bottom: 20px;
}

.imagecredit {
    display: block;
    font-style: italic;
    font-size: 90%;
}

.icon {
    display: inline-block;
    background-image: url('../image/hive/facebook.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    margin-right: 6px;
}

.facebook {
    background-image: url('../image/hive/facebook.png');
}

.twitter {
    background-image: url('../image/hive/twitter.png');
}

.instagram {
    background-image: url('../image/hive/instagram.png');
}

#footer .socialMedia {
    padding: 30px 0px 10px 0px;
}

#footer .phone {
    padding: 0px 0px 10px 0px;
}

#footer .company {
    font-weight: 600;
    padding: 0px 0px 10px 0px;
}

#footer .address {
    padding: 0px 0px 15px 0px;
    margin-top: -8px;
}

#footer .links {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#footer .links a {
    color: #000000;
    font-weight: 600;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
}

.linkSeparator {
    width: 1px;
    height: 16px;
    background: linear-gradient(#ee7933, #000000, #ee7933);
    display: inline-block;
    margin: 0px 15px 0px 15px;
    vertical-align: middle;
}

.menuDownButton {
    float: right;
    margin-top: 5px;
}

@keyframes fadeInFromRight {
    from {
        width: 0vw;
    }

    to {
        width: 90vw;
    }
}

@media (max-width: 1190px) {
    .headerNavLabel {
        display: none;
    }
}

#mobileMenuButton {
    background-image: url('../image/hive/menuButton.png');
    width: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 5px;
    width: 25px;
}

@media (max-width: 980px) {
    .menuDownButton {
        display: none;
    }

    .headerNavMenuText {
        display: none;
    }

    #headerNavMenuItems {
        display: none;
        right: 0vw;
        width: 90vw;
        background-color: rgb(238, 121, 51);
        padding-top: 50px;
        padding-bottom: 50px;
        animation: fadeInFromRight;
        animation-duration: 0.6s;
    }

    .headerNavMenuItem:hover {
        background-color: rgb(248, 131, 61);
    }

    #headerNavMenuHeader {
        border: 0px;
        width: 40px;
    }

    .closeButton {
        background-image: url('../image/hive/cross.png') !important;
    }
}

@media screen and (max-width: 520px) {
    .headerNavSeparator {
        display: none;
    }

    .menuMobileIcon {
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 1023px) {

    .upcomingEventDivder,
    .upcomingEvent,
    .upcomingEventDisabled {
        width: 100% !important;
    }

    #page-wrapper {
        width: 100%;
    }

    .menuMobileIcon {
        margin-right: 20px;
    }

    .containerNonSlider,
    .containerWithSlider {
        width: 100%;
        background-color: #ececec;
    }

    body {
        background-color: #ececec;
    }

    #headerLogo img {
        height: 35px;
    }

    #headerNav {
        margin: 10px 10px 0px 10px;
        padding: 0px 0px 0px 0px;
    }

    #headerLogo {
        margin: 10px 10px 5px 10px;
        padding: 0px 0px 0px 0px;
    }

    #header {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    #mobileMenuButton {
        margin: 0px 0px 0px 3px;
    }

    #headerNavMenuHeader {
        padding: 0px;
        margin: 0px;
    }
}

.menu {
    width: 240px;
}

.searchTitle,
#sectionLinks2 {
    width: inherit;
    margin-right: 10px;
    display: block;
}

#sectionLinks2 {
    padding-right: 10px;
}

.infoContentCentralise {
    background-color: #ffffff;
    padding: 20px;
}

.productResult,
.productResultOver {
    font-size: 0.9rem;
    height: 270px;
}

.productResultPhotoContainer {
    margin-bottom: 6px;
}

.normalTextTDCenter,
.normalTextTDCenter td {
    font-size: 0.5rem;
    padding: 0px;
}

.bookingSectionsOverlap,
.bookingCalendarAndBasket {
    top: -140px;
    position: relative;
}

@media screen and (max-width: 880px) {

    .bookingSectionsOverlap,
    .bookingCalendarAndBasket {
        top: -100px;
    }
}

@media screen and (max-width: 600px) {

    .bookingSectionsOverlap,
    .bookingCalendarAndBasket {
        top: -0px;
    }

    .divBookingSelector {
        background-color: #ececec;
        background-image: none;
    }

    .containerWithSlider {
        padding: 10px;
    }
}

@media (max-width: 1023px) {
    .divBookingSelectorInner
    {
        
flex-direction: column;
        
min-width: auto;
    }
    #divCalendarHoursButtons {
        display: block;
    }

    #divCalendarHoursButtons button {
        font-size: 80%;
        float: none;
    }
}

#menu li {
    padding: 10px;
    list-style-type: none;
    cursor: pointer;
    border-bottom: 1px solid white;
}

#menu li:hover {
    background-color: black;
    color: white;
}

.infoContent2Col {
    display: block;
    width: 100%;
}

.infoContent2Col .infoContentCentralise {
    display: inline-block;
}

.productSecondary {
    height: 300px;
}