a {
    text-decoration: none;
}
body {
    color: brown;
    //background-color: tan;
    //background-color: maroon;
    background-color: burlywood;
    //background-color: brown;
    //background-color: #bf2121;
    //background-color: lightgrey;
    font-size: unset;
//    font-size: 20px;
    font-size: 14pt;
    margin-top: 0px;
    text-align: center;
    zoom: 1;
	font-family: Arial, Helvetica, sans-serif; Arial, Helvetica, sans-serif;
}
h1 {
    text-align: center;
}
html {
    scroll-behavior: smooth;
}
p {
    text-align: justify;
//    text-justify: inter-word;
}
/* Font format */
.bold {
    font-weight: bold;
}
.green {
    color: green;
}
/* =========== */
.gameInformationDivDescription {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

/* ======================================= */

.ListTickUl {
    list-style-type: none!important;
    text-align: left;
}
    
.ListTickUl li:before {
    content: '\2714\0020'!important;
    color: #2cba6c;
    font-family: 'ETMODULES'!important;
    margin-right: 20px;
    margin-left: -50px;
    font-size: 1.5em!important;

}
    

/*
.ListTickLi:before {
    content:"\2714\0020";
//list-style-type: '\2713';

}
.ListTickUl:nth-child(2) {}
.ListTickUl {
    text-align: left;
//    list-style-type: '\2713';

}
*/


.topMenuLogo img {
    box-shadow: 0px 0px 50px white;
    border-radius: 50px;
}
.topMenuLogo {
//    background-color: silver;
    box-shadow: 0px 0px 30px yell;
}
.myVideo {
    opacity: 100%;
    right: 0;
    top: 0;
    min-width: 100%;
    margin-top: -100px;
}
.myVideoDiv {
//    border: 1px red solid;
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;

    box-shadow: 0px 0px 25px silver;
    height: 394px;
    width: 700px;
//    height: 300px;
//    width: 50%;
    overflow: hidden;
    background-image: linear-gradient(transparent, white);
    z-index: 10000;
}
.align-bottom {
    position: absolute;
    bottom: 15px;
}
.border {
    border: tomato 1px solid;
}
.big {
    font-size: 30px;
}
.big2 {
    font-size: 50px;
}
.bigIcon {
    font-size: 1300%; opacity: 30%; color: green;
}
.bottom {
    position: relative;
    bottom: -8px;
}
.center {
    text-align-last: center;
}
.clickableOverlay {
    display: block;
    height: 80%;
    margin-left: -20px;
    margin-right: 0px;
    padding: 0px;
    position: absolute;
    width: 100%;
    z-index: 100002;
}
.clickableOverlayHowItWorks {
    display: block;
    padding: 10px;
    margin: -10px;
//    z-index: 100002;
}
.clickableOverlayHowItWorks:hover {
    color: white;
}
.cookieButton {
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 20px;
    background-color: transparent;
    border-radius: 20px;
    border-color: white;
    border-style:groove;
    color: white;
    font-family: unset;
    font-size: unset;
    font: optional;
}
.dropdown {
    display: none;
}
.floatingDivInCenterParent {
    margin-top: 5%;
    margin-bottom: 10%;
}
.floatingDivInCenterChild {
    border: 1px solid silver; 
    max-width: 500px; 
    background-color: white; 
    margin: 0 auto; 
    padding: 20px;
    text-align: center;
    box-shadow: 0px 0px 20px grey;
}
.hide {
    display: none;
}
.howItWorks {
    //    background-color: #bf2121;
    //    border: #bf2121 1px solid;
        border-radius: 50px;
    //    color: white;
    }
    .howItWorksBox {
        border: dotted #bf2121 1px;
        border-radius: 10px;
        display: inline-block;
        //font-size: 20px;
        font-weight: bold;
        padding: 10px;
        position: relative;
        width: 250px;
        background-color: rgb(255, 245, 203);
    //    height: 120px;
    }
    .howItWorksBox:hover {
    //    background-color: rgb(255, 237, 166);
        background-color: green;
        color: white;
    }

.intextLink {
    text-decoration: underline;
    font-weight: bold;
}
.intextLink:hover {
    color: tomato;
}
.marginTop {
    margin-top: 50px;
}
.marginBottom {
    margin-bottom: 50px;
}
.marginTop50px {
    margin-top: 20px;
}
.marginBottom50px {
    margin-bottom: 20px;
}
.marginBottom200px {
    margin-bottom: 200px;
}
.paddingLeft40px {
    padding-left: 40px;
}
.paddingRight40px {
    padding-right: 40px;
}
.pannel {
    background-color: rgb(241, 241, 241);
    box-shadow: 0px 0px 5px grey;
    margin: 50px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-top: 10px;
    width: 35%;
}
.pannelTransparent {
    box-shadow: 0px 0px 5px grey;
    margin: 50px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-top: 10px;
    width: 35%;
}
.pannelInvisible {
    margin: 50px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-top: 10px;
    width: 35%;
}
.moneyBackGuarantee {
    transform: rotate(10deg);
}
.moneyBackGuarantee:hover {
    opacity: 90%;
    transform: rotate(5deg);
}

.plainPage, p {
    border-radius: 50px;
    text-align: justify;
//    float: left;
//    text-align: center;
    margin: 20px;
}

.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.width {
    min-width: 200px;
}
.width50procent {
    width: 50%;
}
.width100procent {
    width: 100%;
}
.displayBlock {
    display: block;
}
.height100procent {
    height: 100%;
}

/* Common styles ========================= */
.backgroundColorRed {
    background-color: #bf2121;
}
.backgroundColorGreen {
    background-color: green;
}
.blue {
    color: blue;
}

.red, a {
    color: #bf2121;
}
.redButton {
    background-color: #bf2121;
    color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 5px grey;
    font-weight: bold;
    padding: 10px;
}
.redButton2 {
    color: white;
//    background-color: #bf2121;
    border-top-left-radius: 50px;
    border-color: 15px #bf2121;
    border-style: initial;
    font-weight: bold;
    padding: 10px;
    border-bottom-right-radius: 50px;
//    text-transform: uppercase;
    text-transform: capitalize;
    text-align: center;
}
.redButton2:hover {
    padding-bottom: 15px;
    color: white;
    font-weight: bold;
}
.transition {
    transition: ease 0.4s;
}
/* ======================================= */

/* Cart (add-to-cart.php) */
.cartBackground1 {
    color: black;
    opacity: 30%;
    display: inline;
    font-size: 1700%;
    position: absolute;
    left: 5%;
    top: 10%;
    z-index: -500;
    overflow: hidden;
    transform: rotate(-20deg);
    
}
.cartBackground2 {
    color: black;
    opacity: 30%;
    display: inline;
    font-size: 1200%;
    position: absolute;
    left: 80%;
    top: 70%;
    z-index: -500;
    overflow: hidden;
    transform: rotate(10deg);
    
}
.cartCell, .cartCellHeader  {
    background-color: cornsilk;
//    border: wheat 1px solid;
    border: white 1px solid;
    display: inline-block;
    //font-size: 20px;
    float: left;
    margin: 0px;
    padding: 10px;
    width: 100px;
}
.cartCell:hover, .cartCellGameName:hover {
    background-color: rgb(255, 244, 198)
}
.cartCellGameName, .cartCellGameNameHeader {
//    border: wheat 1px solid;
    border: white 1px solid;
    display: inline-block;
    float: left;
    margin: 0px;
    //font-size: 20px;
    padding: 10px;
    //width: 300px;
    width: 488px;
}
/*
.cartContinueShopping {

}
*/
.cartButton {
    font-weight: bold;
    font-size: 20px;
    color: white;
    border-radius: 5px;
    box-shadow: 0px 0px 5px grey;
//    border: 1px solid black;
    display: inline-block;
    padding: 20px;
//    margin: 20px;
    width: 200px;
    text-align: center;
}
.cartContinueShopping {
    background-color: cornsilk;
    color: #bf2121;
    width: 380px;
}
.cartContinueShopping:hover {
    background-color: khaki;
    transition: ease 0.4s;
}
.cartCheckout {
    background-color: green;
    border: none;
    cursor: pointer;
    //font-family: Arial, Helvetica, sans-serif; unset;
    width: 380px;
    margin: 0px;
}
.cartCheckout:hover {
    background-color: rgb(0, 97, 0);
    transition: ease 0.4s;
}
.cartDiscountCodeParent {
//    border: 1px solid red;
    display: block;
    text-align: center;
}
.cartDiscountCode {
    float: left;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 270px;
}
.cartDiscountCodeEmail {
    float: left;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 540px
}
.cartDiscountCodeFullWidth {
    font-weight: normal;
    font-style: normal;
    float: left;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 810px;
}
.cartMainDiv, .contactForm {
    box-shadow: 0px 0px 5px grey;
    opacity: 90%;
    background-color: cornsilk;
    //width: max-content;
    width: 1000px;

    //width: 812px;
    margin: 0px auto;
    margin-top: 10px;
    position: relative;
    text-align: right;
    overflow: auto;
//    zoom: 1.1;
}
.contactForm {
    text-align: unset;
    width: 60%;
}
.contactFormSmallTextBox {
    font-size: unset;
    //font-size: 18px;    
    width: 80%;
}


input[type=text], textarea {
    font-size: 5mm;
    font-size: 5mm;
    border-color: silver;
    border-radius: 1mm;
    border-style: solid;
    color: dimgray;
    padding: 2mm;
}
.contactFormMessageTextBox {
    margin-bottom: 5mm;
    margin-top: 2mm;
    width: 80%
}


.cartCellTotal {
//    border: red 1px solid;
    height: min-content;
//    border: wheat 1px solid;
//    border: black 1px solid;
    font-size: 20px;
//    margin-bottom: 100px;
    padding: 10px;
    float: right;
    width: 100px;
}
.chooseGameButton {
    background-color: green;
    color: white;
    font-weight: bold;
    display: block;
    float: right;

    margin-top: -10px;
    margin-right: -40px;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
    /*
    width: 50%;

    color: white;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    padding: 20px;
    */
}
.cartEmptyButton {
    display: inline-block;
    color: white;
    margin-top: 20px;
    padding: 20px;
    
}
/* List of the games (our-games.php) */
.gameBuy {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 200px;
}
.gameBuy:hover {
//    bottom: 10px;
//    border-top-left-radius: 50px;
//    border-bottom-right-radius: 30px;
}
.gameCity {
    position: absolute;
    top: 0px;
    right: 0px;
//    border: dotted 2px grey;
}
.gameFilterDiv {
    border: solid 2px silver;
    text-align: center;
}
.gameImgDiv img {
    box-shadow: 0px 0px 15px grey;
    height: 334px;
    width: 500px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.gameImgDiv {
    display: inline-block;
//    border: solid 2px #cccccc;
    float: left;
    height: 334px;
//    width: 500px;
    position: relative;
}

.gameInformationDiv {
    display: inline-block;
    background-color: #f7f8ff;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    box-shadow: 0px 0px 15px grey;
//    font-size: unset;
    height: 334px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    text-align: justify;
    text-justify: inter-word;
//    max-width: 905;
    width: 905px;
}

.gameInformationDiv:hover {
    background-color: #e8e8e8;
}


.gameMainDiv {
    border-radius: 50px;
//    float: left;
    text-align: center;
    margin: 20px;
}
.gamePlayDetails {
    display: inline-block;
//    font-size: 20px;
    font-weight: bold;
//    border: tomato 1px solid;
//    position: absolute;
//    bottom: 0px;
//    width: 200px;
}
.gamePrice {
    text-align: center;
    background-color: #bf2121;
    color: white;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    box-shadow: 0px 0px 20px white;
    font-weight: bold;
    font-size: 30px;
    
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: -10px;

    position: absolute;
    top: -5px;
    right: 10px;
//    border: dotted 2px grey;
}
.gameRating {
    color: orange;
//    color: moccasin;
//    border: lightcoral 1px solid;
    display: inline-block;
    font-size: 30px;
    position: absolute;
    left: 600px;
    top: 10px;
}
/* ======================================= */
/* Game detail (game-detail.php) */
.addToCart {
    box-shadow: 0px 0px 15px silver;
//    background-color: white;
    border: 1px solid #bf2121;
    float: right;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    text-align: right;
    width: 35%;
}
.addToCartBox {
    border: #bf2121 solid 1px;
    border-style: ridge;
    font-size: 20px;
    width: 40px;
}
.addToCartButton, .useCodeButton {
    border: solid 0px;
//    background-color: green;
//    background-color: #bf2121;
//    border: #bf2121 1px solid;
    color: white;
    font-weight: bold;
//    font-size: unset;
    font-size: 15px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 135px;
}
.useCodeButton {
    margin-top: unset;
    margin-bottom: unset;
}
.gameDetailBuy {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 200px;
}
.gameDetailBuy:hover {
//    bottom: 10px;
//    border-top-left-radius: 50px;
//    border-bottom-right-radius: 30px;
}
.gameDetailCity {
    position: absolute;
    top: 0px;
    right: 0px;
//    border: dotted 2px grey;
}
.gameDetailFilterDiv {
    border: solid 2px silver;
    text-align: center;
}
.gameDetailImgDiv img {
    box-shadow: 0px -10px 15px silver;
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    z-index: 1;
}
.gameDetailOverlay {
    position: absolute;
    display: inline-block;
    float: left;
    top: 50%;
    height: 50%;
    width: 100%;
    z-index: 10;
    background-image: linear-gradient(transparent, white);
}
.gameDetailImgDiv {
    border: 5px solid white;
    background-image: linear-gradient(#bf2121, transparent);
    z-index: 10;
    display: inline-block;
    float: left;
    width: 100%;
    position: relative;
    border-radius: 55px;
}
.gameDetailInformationDiv {
    margin-top: -400px;

    display: inline-block;
    background-color: #f7f8ff;
//    border-bottom-right-radius: 50px;
//    border-top-right-radius: 50px;
//    box-shadow: 0px 0px 15px white;
//    font-size: 20px;
//    height: 334px;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    text-align: justify;
    text-justify: inter-word;
    width: 905px;
    z-index: 10;
}
.gameDetailInformationDiv:hover {
//    background-color: #e8e8e8;
}
.gameDetailMainDiv {
    text-align: center;
    margin: 20px;
}
.gameDetailPlayDetails {
//    border: #bf2121 1px solid;
//    font-size: 60px;
    font-weight: bold;
}
.gameDetailPlayDetailsIcon {
//    margin-right: 0px;
}
.gameDetailPlayDetailsParent {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 20px;
}
.gameDetailPrice {
    text-align: center;
    background-color: #bf2121;
    color: white;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0px 0px 20px white;
    font-weight: bold;
    font-size: 30px;
    zoom: 1.2;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: -10px;

    position: absolute;
    top: -5px;
    right: 50px;
}
.gameDetailPrice:hover {
    padding-top: 30px;
    
}
.gameDetailRating {
//    border: lightcoral 1px solid;
    color: moccasin;
    display: inline-block;
    font-size: 30px;
    position: absolute;
    left: 600px;
    top: 10px;
}
.useCodeBox {
    border: #bf2121 solid 1px;
    border-style: ridge;
    font-size: 20px;
    width: 70%;
}
//.addToCartBox @@
/* ======================================= */


.checked {
    color: orange;
  }
.perGroup {
    position: relative;
    bottom: 20px;
}

.small {
    font-size: 16px;
}
.normalSize {
    font-size: 20px;
}









// ====================================================================================
.eventListItem {
//    zoom: 1;
    border: solid 2px #f5f5f5;
//    background-color: #fffafa;
    display: block;
    float: left;
    //font-family: Arial, Helvetica, sans-serif; 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    height: 300px;
    margin: 5px;
    padding: 0px;
    position: relative;
    width: 200px;
}
.eventListItem:hover {
    background-color: #f7f8ff;
}
.eventListItem a {
//    border: solid 1px silver;
    font-size: 17px;
    text-decoration: none;
    color: red;
    width: 80%;
    position: relative;
    padding: 5px;
    display: block;
}


.eventListItem a:hover {
    text-decoration: underline;
    color: #ed7f00;
}

.eventListItemDate {
    border-radius: 10px;
    border: dashed 1px silver;
    color: blue;
    font-size: 12px;
    padding: 5px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.eventListItemCity {
//    border: solid 1px silver;
    color: #383631;
    font-size: 12px;
    padding: 5px;
    position: absolute;
    bottom: 20px;
    left: 0px;
    text-transform: uppercase;
}
.eventListItemName {
//    color: slateblue;


}
.eventListItemShoppingCart {
    //border: solid 1px #f5f5f5;
    border-radius: 50%;
    color: #5b70d4;
    font-size: 12px;
    padding: 10px;
    position: absolute;
    bottom: 0%;
    left: 75%;
}
.footerDiv {
    
}
.footer {
    background-color: #f0f0f0;
    height: 260px;
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 1500px;
    padding-top: 40px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 15px grey;
}
.footerColumn {
    display: inline-block;
    width: 33%;
    float: left;
//    border: 1px red solid;
}

.loadingDiv {
    font-size: 0px;
    top: 0px;
    left: 0px;
    z-index: 10;
    background-color: transparent;
    opacity: 70%;
    padding-top: 0px;
    //display: flex;
    position: fixed; height:10%; width:100%; overflow:hidden; top:200; left:0;
    text-align: center;
//    border: red solid 1px;
    z-index: 10;
}

.loader {
    border: 10px solid #adadad; /* Light grey */
    border-top: 10px solid rgb(16, 138, 0); /* Blue */
//    border: 10px solid #e0757e; /* Light grey */
//    border-top: 10px solid red; /* Blue */
    border-radius: 100%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    z-index: 10000;
    margin: 0px auto;
  }
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }





.mainDiv {
    max-width: 1500px;
    min-width: 500px;
//    min-width: 1050px;
    overflow: hidden;
}
.mainMenuDiv {
    margin: 0px auto;
    text-align: center;
//    background-color: #213dbf;
    background-color: #bf2121;
    box-shadow: 0px 10px 15px -5px black;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}

.mainContentDiv {
    background-color: white;
    margin: 0px auto;
    //font-family: Arial, Helvetica, sans-serif; calibri;
    position: relative;
    text-align: left;
    box-shadow: 0px 0px 15px grey;
    padding-top: 0px;
    z-index: 1;    
}


.searchIcon, .shoppingCartIcon {
    float: right;
    position: relative;
//    border: solid 2px black;
    margin: 25px auto;

    display: inline;
    text-align: center;
    margin: 0px auto;
    margin-left: 5px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 12px;
    padding-bottom: 35px;
    font-size: 35px;
    height: 100px;
    top: 0px;
}
.soundDescription {
    padding-top: 5mm;
    size: 10mm;
    width: 100%;
}
.cartHover {
    background-color: khaki;
    box-shadow: 0px 0px 5px grey;
    bottom: 0px;
    display: inline-block;
    left: 0px;
    padding: 20px;
    position: fixed;
    text-align: center;
    width: 300px;
    z-index: 10;
}
.cartHover i {
    font-size: 40px;
    left: 10px;
    position: absolute;
    top: 10px;
//    border: solid 2px black;
}
.shoppingCartIcon i {
    z-index: -10;
}
.shoppingCartIcon a {
    height: 100%;
    left: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}
.topMenu .shoppingCartIcon a:hover {
    background-image: unset;
}
.scrollUpLink {
    color: #bf2121;
    font-size: 50px;
    position: fixed;
    text-align: right;
    bottom: 30px;
    right: 50px;
    font-size: 50px;
    z-index: 50;
    transform: rotate(180deg);
}


.table {
    //font-family: Arial, Helvetica, sans-serif; Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 1005px;
    margin: auto;
  }
  
  .table td, .table th {
    border: 1px solid #ddd;
    padding: 8px;
  }
  
  .table tr:nth-child(even){background-color: #f2f2f2;}
  
  .table tr:hover {background-color: #ddd;}
  
  .table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #bf2121;
    //background-color: #4CAF50;
    color: white;
  }


.ticket {
    border-top-left-radius: 50px;
    background-color: darkgrey;
    border: white dashed 1px;
    border-left: solid;
    border-right: solid;
    color: white;
    height: 130px;
    margin-bottom: 10px;
    width: 800px;
    overflow: hidden;
    font-size: 20px;

}

.ticket a {
    text-decoration: underline;
    color: white;
}

.ticketBuy  {
    margin: 0px auto;
    background-color: #ed7f00;
    border-left: white dashed 1px;
    display: inline-block;
    float: right;
    height: 100%;
    text-align: center;
    width: 70px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 25px;
    overflow: hidden;
}
.ticketDate {
    border-right: white dashed 1px;
    border-left: #435dbf solid 5px;
    border-top-left-radius: 50px;
    background-color: #213dbf ;
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 15px;
    text-align: center;
    height: 100%;
    width: 100px;
}
.ticketDateDay {
    font-size: 15px;
}
.ticketDateDate {
    font-size: 25px;
}
.ticketDateMonth, .ticketDateTime{
    font-size: 18px;
}
.ticketDate span {
    display: block;
}
.ticketInner {
    display: inline-block;
    padding: 10px;
}
.ticketInner H4 {
    margin-top: 0px;
}
.topMenu {
    color: white;
    height: 70px;
    margin: 0px auto;
    text-align: left;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif; "Lato", sans-serif;
    //font-style: italic;

    position: -webkit-sticky;
    position: sticky;
    top: 0px;

    
    text-align: center;
    background-color: #bf2121;
    box-shadow: 0px 5px 10px -5px black;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    //border: 1px solid;
}
.topMenuMobile {
    visibility: hidden;
    height: 0px;
}
.topMenuItem {
    position: relative;
    top: 18px;
}
.topMenu a {
    font-family: Arial, Helvetica, sans-serif; "Lato", sans-serif;
//    border: solid black 1px;
    color: white;
    display: inline;
    text-align: center;
    margin: 0px auto;
    margin-left: 5px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 12px;
    padding-bottom: 35px;
    text-decoration: none;
    font-variant: small-caps;
    font-size: 25px;
    height: 100px;
}
.topMenu a:hover {
//    background-image: linear-gradient(#213dbf, darkblue);
    background-image: linear-gradient(#bf2121, darkred);
}
.topMenu h1 {
    display: inline-table;
//    width: 250px;
    margin: 0px;
    margin-right: 100px;
    font-variant: small-caps;
    padding: 15px;
}
.topMenu input {
    border-radius: 5px;
    color: white;
    float: right;
    //font-family: Arial, Helvetica, sans-serif; monospace;
    font-variant: initial;
    font-size: 20px;
    position: relative;
    padding: 10px;
    margin-right: 10px;
    margin-top: 15px;
    //background-color: cornflowerblue;
    background-color: transparent;
    border: white 1px solid;
    width: 200px;
    
}
.topMenu input:focus {
    background-color: white;
    color: black;
    outline-width: 0px;
}


@media (max-width: 1520px) {
    .footerDiv {
        padding-bottom: 50px;
    }
    .gameImgDiv {
        width: 100%;
        height: unset;
        margin-bottom: 0px;
    }
    .gameImgDiv img {
        box-shadow: 0px 0px 15px grey;
        height: unset;
//        height: 334px;
        width: 100%;
//        width: 500px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: unset;
        margin-bottom: 0px;
    
    }
    
    .gameInformationDiv {
        margin-top: 0px;
        border-top-left-radius: unset;
        border-top-right-radius: unset;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;

        padding-bottom: 200px;
        margin-bottom: 100px;
        float: left;
        width: unset;
        height: unset;
    }
    
    .gamePlayDetails {
        display: block;
    }
}


/* How it works diagram tablet & phone resolution style ==================================================================================================*/
@media (max-width: 1350px) {
    .howItWorks i {
        display: none;
    }
    .howItWorksArrow {
        display: none;
    }
    .howItWorksBox {
        margin-top: 5px;
        width: 80%;
    }
    .cookieButton {
        margin-top: 10px;
        margin-left: 15%;
        margin-right: 15%;
        width: 70%;
    }
}

/* Phone resolution style ==================================================================================================*/

@media (max-width: 1100px) {
    div, span, p, a, body, table {
//        font-size: 15pt;
        font-size: 6mm;
        
    }
    .contactFormMessageTextBox {
        font-size: 6mm;
        height: 12mm;
    }
    .align-bottom {
        position: unset;
        margin-top: 15px;
        bottom: 15px;
    }
    .cartHover {
        zoom: 1.5;
    }

    .cartDiscountCodeFullWidth {
        max-width: 810px;
        padding-left: 10px;
        padding-right: 10px;
        width: unset;
    }

    .clickableOverlay {
        margin-top: -50px;
        width: 100%;
    }
    .gamePrice {
        //zoom: 1.2;
    }

    .gameImgDiv img {
//        all:unset;
        box-shadow: 0px 0px 15px grey;
        height: 334px;
        width: 100%;
    }

    .topMenu {
        visibility: hidden;
        height: 0px;
    }
    .topMenuItem {
        position: unset;
        top: unset;
    }
    .mobile-hidden {
        display: none;
    }

        /* Style The Dropdown Button */
        .dropbtn {
            color: white;
            padding: 16px;
            //font-size: 16px;
            border: none;
            cursor: pointer;
            font-size: 40px;
            background-color: transparent;
        }
        
        /* The container <div> - needed to position the dropdown content */
        .dropdown {
            display: block;
            box-shadow: 0px 10px 15px -5px black;
            background-color: #bf2121;
            top: 0;
            width: 100%;
            z-index: 5;
            position: sticky;
            position: -webkit-sticky;

//            text-align: center;
//            position: relative;
//            margin: 0px auto;
//            left: 0;
        }
        
        /* Dropdown Content (Hidden by Default) */
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: black;
            width: 100%;
            opacity: 80%;
        //    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }
        
        /* Links inside the dropdown */
        .dropdown-content a {
            color: white;
            padding: 20px 16px;
            text-decoration: none;
            display: block;
            zoom: 1.5;
        }
        
        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
        //    opacity: 50%;
            background-color: #353535;
        }

        /* Show the dropdown menu on hover */
        .dropdown:hover .dropdown-content {
            display: block;
        }
        
        /* Change the background color of the dropdown button when the dropdown content is shown */
        .dropdown:hover .dropbtn {
        //    background-color: #3e8e41;
        }















        
    
    .addToCart {
        background-color: rgb(255, 245, 203);
        padding: 0px;
        margin: 0;
        text-align: center;
        width: 100%;
    }
    .addToCartBox {
//        background-color: green;
        text-align: center;
        padding: 10px;
        //zoom: 1.2;
    }
    .addToCartButton {
        display: block;
        border: unset;
        background-color: green;
        font-size: unset;
        text-transform: capitalize;
        margin: 0px;
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 100%;

    }
    .big {
//        //font-size: 40px;
        padding-right: 20px;
    }
    .bigIcon {
        width: 100%;
        //border: black 1px solid;
    }
    .bottom {
//        bottom: -8px;
    }
    .chooseGameButton {
        float: unset;
        margin: unset;
        margin-bottom: 20px;
        padding-left: unset;
        padding-right: unset;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 100%;
    }
    .footer {
        margin-bottom: 110px;
        height: 770px;
        //font-size: 14pt;
    }
    .footerColumn {
        float: none;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
    }
    .gameBuy {
        display: none;
    }
    /*
    .gameInformationDivDescription {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    */

    .gameInformationDiv {
        max-height: unset;
        height: unset;
        padding-bottom: 20px;
    }
    /*
    .gameInformationDiv {
        font-size: unset;
        font-family: unset;
        font-style: unset;
        font-variant: unset;

        
        border-top-left-radius: unset;
        border-top-right-radius: unset;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;

        
        
        float: left;
        width: unset;

        display: unset;
//        all: unset;
    }
    */
    
    .cartButton {
        display: block;
        //font-size: larger;
        margin-top: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
        width: unset;
    }
    .cartCheckout {
        width: 100%;
    }
    .cartHover {
        width: 100%;
   }
    .cartHover i {
        left: 10%;
    }
    .cartMainDiv {
        box-shadow: 0px 0px 5px grey;
        opacity: 90%;
        background-color: cornsilk;
    
        width: unset;
        min-width: 400px;
        margin: 0px auto;
        margin-top: 10px;
        position: relative;
        text-align: right;
        overflow: auto;
//        border: greenyellow 1px solid;
    }
    .cartCellGameName {
        background-color: rgb(255, 244, 198);
        border: white 1px solid;
        width: 95%;
        white-space: nowrap;
        font-weight: bold;
        text-align: left;
    }
    .cartCell {
        border: white 1px solid;
        width: 24%;
        padding: 0;
        text-align: center;
    }
    .cartCellHeader {
        display: none;
    }
    .cartCellGameNameHeader {
        display: none;
    }
    .cartDiscountCode {
        display: block;
        width: 97%;
        padding: 5px;
//        border: black 1px solid;
    }
    .cartCellTotal {
//        border: black 1px solid;
        width: 25%;
        white-space: nowrap;
    }
    .contactForm {
        font-size: unset;
        text-align: unset;
        width: 100%;
    }
    .contactFormMessageTextBox, .contactFormSmallTextBox {
        //border: black 1px solid;
        //border-radius: 5px;
        //padding: 5px;
    }


    .gameDetailInformationDiv {
        all: unset;
        margin-top: -50px;
        display: inline-block;
        background-color: #f7f8ff;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        text-align: justify;
        text-justify: inter-word;
        z-index: 10;
    }
    .gameDetailPlayDetails {
//        all: unset;
//        //font-size: 40px;
        width: 100%;
    }
    .gameDetailPlayDetailsParent {
        margin-top: 50px;
        margin-bottom: 50px;
        width: 100%;
//        border: solid 1px green;
    }
    .gameDetailPrice {
        
//        //font-size: 50px;
//        //zoom: 2;
    }
    .gameDetailPrice {
        text-align: center;
        background-color: #bf2121;
        color: white;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        box-shadow: 0px 0px 20px white;
        font-weight: bold;

        zoom: unset;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: -10px;
    
        position: absolute;
        top: -5px;
        right: 50px;
    }
    .hiddenOnPhone {
        display: none;
        visibility: hidden;
    }
    .myVideoDiv {
        width: 100%;
    }
    .pannel {
        /*
        //font-size: unset;
        margin: unset;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
        width: unset;
        */
        all: unset;
    }
    .pannelTransparent {
        all: unset;
    }
    .pannelInvisible {
        all: unset;
    }
    .perGroup {
        
//        //font-size: 30px;

    }
    .gameRating {
//        //font-size: 40px;
        margin-top: 20px;
        position: unset;
//        top: 5px;
    }
    .input {
        all: unset;
    }
    .mobileInvisible {
        display: none;
    }
    .scrollUpLink {
        visibility: hidden;
        bottom: 0;
        //font-size: 110px;
        right: 0;
    }
    .shoppingCartIcon {
        visibility: hidden;
    }
    .table {
        width: 100%;
    }
    .useCodeButton {
        //font-size: large;
        width: 100%;
        margin: 0;
        text-transform: capitalize;
    }
}
/* ============================================================== */