@import url('//fonts.googleapis.com/css?family=Fira+Sans');

body {
    margin: 0px;
    background-color: #000;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 15px;
    -webkit-text-size-adjust: 100%;
	
}

.exitem {
    line-height: 110%;
}
div#optionsRight {
    color: #ccc;
    width: 95%;
}
#lblGameMode{
color: #ccc;
}

.flagicon {
    text-align: left;   
    vertical-align: top;
    margin-right: 4px;
    width: 30px;
}


.gamepartlist {
    clear: both;
    font-size: 14px;
}

.gameflag {
    float: left;
    width: 5%;
    min-width: 75px;
    max-width: 130px;
    margin-right: 10px;
    margin-bottom: 5px;
    border:1px solid #cccccc; 

    /* padding:5px; background-color:#e8e8d8;
 border-radius:7px;*/
}

.gamelist {
    margin-top: 5px;
    width: 95%;
    line-height: 150%;
}

.gamewindow {
    width: 95%;

}

@media all and (-ms-high-contrast:none) {
    #svgpoint {
        min-height: 700px; /* fix for IE svg scaling*/
    }
}


.allgames {
    font-size: 14px;
    text-align: right;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 15px;
}

    .allgames a {
        color: #505050;
    }

a {
    color: #225588;
    text-decoration: none;
}



    a:hover {
        color: #996633;
        border-bottom: dotted 1px #336699;
    }

.enabledlink {
    color: #225588;
    text-decoration: none;
}

.disabledlink {
    color: #808080;
    text-decoration: none;
}

    .disabledlink:hover {
        color: #808080;
        text-decoration: none;
        border-bottom: none;
    }



#logo a {
    border: none;
}

    #logo a img {
        border: none;
    }

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.flag1 {
    box-shadow: -3px 3px 3px #cccccc;
}


.gameimg1 {
    -moz-box-shadow: inset 0px 2px 8px #333; /* FF3.5+ */
    -webkit-box-shadow: inset 0px 2px 8px #000; /* Saf3.0+*/
    box-shadow: inset 0px 2px 8px #333; /* Opera 10.5, IE 9 */
    -moz-border-radius: 30px; /* FF1+ */
    -webkit-border-radius: 30px; /* Saf3-4 */
    border-radius: 30px; /* Opera 10.5, IE 9, Saf5, Chrome */
    height: 60px;
    width: 60px;
}

#questionLabel {
    font-size: 18px;
}

.app-buttons {
    text-align: center;
    margin-bottom: 25px;
}


.mapicon img {
    height: 117px;
    width: 150px;
    border: 1px solid #dddddd !important;
    border-radius: 10%;
    -webkit-filter: saturate(95%);
    -webkit-filter: brightness(95%);
    -webkit-transition: all 0.5s;
}

    .mapicon img:hover {
        -webkit-filter: saturate(110%);
        width: 152px;
        -webkit-filter: brightness(110%);
    }

.mapicon a:hover {
    border-bottom: none;
}




/*MEDIA QUERIES*/


@media (max-width: 1250px) {

    .imgBanner2 {
        display: none;
    }

    #leftcol {
        width: 95%;
        margin-left: 2.5%;
    }

    #mainnav {
        margin-left: 20px;
    }

    #rtcol {
        display: none;
    }

    .featureditem {
        height: 230px;
        overflow: hidden;
    }




    #header-content-wrapper {
        width: 95%;
        margin-left: 2.5%;
    }

    #header .spacer {
        display: none;
    }
}

@media (max-width: 1000px) {



    #contentwrapper2 {
        width: 600px;
    }
}


@media (max-width:500px) {
    #lnkReview {
        display: none;
    }


    #divLanguageDropDown {
        display: none;
    }


    .featureditem {
        padding: 4px;
        border-radius:3px;
        margin-left:14px;
    }

        .featureditem h4 {
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 5px;
        }
        .featureditem p {
            padding: 5px;
            font-size: 14px;
        }

    .divFeaturedImage {
        max-height: 100px;
        overflow:hidden;
    }
}




@media (max-width:400px) {
    .top10-wrapper {
        display: none;
    }





    .searchbox {
        width: 150px;
    }

    #socialmedia {
        width: 150px;
    }



    #HUD {
        font-size: .85em !important;
    }

    .sectionheadtext {
        width: 75%;
    
    }


    #logo {
        width: 100%;
        width: 150px;
        padding-left: 10px;
    }



    #onlineimg {
        margin-left: -20px;
    }


    .btn-wrapper {
        display: none;
    }

    #pagetitle {
        font-size: 25px;
    }


        #pagetitle + div {
            padding: 15px !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
        }


    .gamesublist.vertical span > div {
        float: left;
        box-sizing: border-box;
        /*height:37px; */
        overflow: visible;
        margin: 0px 2% 3px 0px;
        min-width: 300px;
        width: 90%;
        /*max-width:500px;*/
    }

    .extitle {
        font-size: 15px;
    }

    #contentwrapper2 {
        width: 350px;
    }

.exitem {
    padding: 3px;
    /*padding-left:35px;
text-indent:-35px;*/
}


.exicon {
    margin-right: 5px;
    margin-top: 3px;
    float: left;
    min-height: 23px;
}

.textlink {
    margin-left: 5px;
    min-height: 23px;
    width: 400px;
    line-height: 150%;
}

.red {
    background-color: #990000;
}

.darkyellow {
    background-color: #e5b233;
    color: #000;
}

.yellow {
    background-color: #fbda73;
    color: #000;
}

.green {
    background-color: #0a7430;
    font-size: 10px;
}