/* Load font */
/* Ue everywere the following font: font-family: OpenSans, sans-serif; */
@font-face {
     font-family: OpenSans;
     src: url('../fonts/OpenSans-Regular.ttf');
}

/* HTML tags */
html {
    font-family: OpenSans, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

strong, b {
    font-family: OpenSans, sans-serif;
    font-weight: bold;
}

body {
    margin: 0;
    background-color: #EEE;
    color: #666666;
}

table {
    border-collapse: collapse;
}

table td, table th {
    padding: 0;
}

a, a:visited, a:active, a:link {
    text-decoration: none;
    color: inherit;
    padding: 0;
    margin: 0;
}

/* Some other stuff */
.clear {
    clear: both;
}

.underline {
    text-decoration: underline;
}

/****************** Banners ******************/
.banner {
    padding: 0;
    margin-top: 2px;
    margin-bottom: 2px;
    position: relative;
    overflow: hidden;
}

.banner img {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
}

/****************** Contents ******************/
.contents {
    position: relative;
}

.contents_inner {
    /*background-color: #c5c8ca; */
    /*background-color: #ffffff;*/
    line-height: 20px;
}

.centered_contents {
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.centered_contents.nbp {
    padding-bottom: 0px;
}

/****************** Product page ******************/
.contents_product {
    display: block;
    width: 95%;
    max-width: 450px;
    margin: 0 auto;
}

.contents_product .poster_wrapper {
    position: relative;
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

.contents_product .poster {
    display: inline-block;
    width: 100%;
}

.contents_product .product_info {
    width: 90%;
    margin: 0 auto;
}

.contents_product .game_title_buttons {
    display: block;
    padding-top: 16px;
}

/** Product rating **/
.contents_product .product_rating strong {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.contents_product .game_rating {
    display: inline-block;
    height: 19px;
    vertical-align: middle;
}

.contents_product .product_rating {
}

/** Age rating stuff **/
.contents_product .age_rating {
    font-family: OpenSans, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.contents_product .age_rating .highlight {
    color: #129170;
}

/** Description section **/
.contents_product .game_desc_title {
    font-family: OpenSans, sans-serif;
    font-weight: bold;
    color: #0796f0;
    text-transform: uppercase;
}

/****************** Prebuy page ******************/
.centered_contents.payment {
    background-color: transparent;
}

.payment .payment_method {
    color: #ffffff;
    margin: 0 auto;
    padding: 0 10px;
}

.payment .method_info {
    text-align: center;
}

.payment .method_info .description {
    color: #000000;
    padding-top: 10px;
    font-size: 0.8em;
}

.payment .payment_method .method_image_vertical {
    float: left;
}

.payment .method_info .method_text {
    font-family: OpenSans, sans-serif;
    color: #b2ddf8;
    font-weight: bold;
}

.payment .method_info .method_contents {
    margin-top: 8px;
}

.payment .method_info .inline_image {
    float: left;
}

/*** Common styles with the Gameloft Club login page and the MyDownloads page ***/
.payment .method_info .method_button,
.login .method_button,
.downloads .method_button {
    display: inline-block;
    float: right;
    margin-left: 5px;
}

.payment .outer_input,
.login .outer_input,
.downloads .outer_input {
    width: 60%;
    float: left;
    margin-right: 8px;
}

.payment .outer_input .styled_input,
.login .outer_input .styled_input,
.downloads .outer_input .styled_input {
    width: 100%;
}

.payment .method_button.special,
.login .method_button.special,
.downloads .method_button.special {
    display: inline-block;
    float: left;
    margin-left: 5px;
}

.payment .btn_bblue_bg,
.login .btn_bblue_bg,
.downloads .btn_bblue_bg {
    padding: 8px;
}

/****************** Gameloft Club Login page ******************/
.login {
    color: #ffffff;
}

.login .container_button_bg {
    padding-left: 30px;
    padding-right: 30px;
}

.login .outer_input {
    width: 50%;
}

.login .method_button.special {
    margin-left: 10px;
}

/****************** GA Promote ******************/
.promote_option {
    float: left;
    width: 50%;
}

/****************** Game image, button, title ******************/
.game_image {
    text-align: center;
    min-height: 56px;
    position: relative;
}

.game_image img {
    border: 0px !important;
    width: 79px;
    height: 79px;
}


/****************** Game listing *******************/
#game_list {
    width: 100%;
    margin: 0;
    padding: 0;
}

/*** default 2 games per page ***/
#game_list .game_box {
    display: inline-block;
    margin: 0;
    float: left;
    width: 50%;
    color: #312f2f;
}

#game_list .game_contents {
    height: 110px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    /*border-right: 2px solid #e5e5e5;*/
}
#game_list .game_box:nth-child(even) > div {
    border-right: 0px !important;
}

#game_list .game_rating {
    position: relative;
    float: left;
    left: 58px;
    bottom: 7px;
}

#game_list .game_rating img {
    width: 11px;
}

/** For download page, for example **/
.container_button_bg {
    border-radius: 6px;
    padding: 10px 15px 10px 15px;
    background: #FFFFFF; /* Old browsers */
    background: white;
    border: 1px solid #EEE;
}

.game_title {
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/****************** Delimiters ******************/
.delimiter {
    height: 3px;
}

.delimiter_6 {
    height: 6px;
}

.delimiter_12 {
    height: 12px;
}

.delimiter_border_1 {
    height: 1px;
    width: 100%;
    background-color: #D4D4D4;
}

.delimiter_border_2 {
    height: 2px;
    width: 100%;
    background-color: #C2C2C2;
}

/**************** FROM V2.5 ****************/
/* Gameloft Account Button CSS */
.ga_button {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Buttons */

.center{
    margin-right: auto !important;
    margin-left: auto !important;
}

.green_button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
    font: 18px/100% OpenSans, sans-serif;
    padding: .5em 0em !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-weight: bold;
    position: relative;
    width: 100%;
    color: #ffffff !important;
    border: solid 0px #33CC33;
    background: #33CC33;
    background: -webkit-gradient(linear, left top, left bottom, from(#2EB82E), to(#47D147));
    background: -moz-linear-gradient(top, #2EB82E, #47D147);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2EB82E', endColorstr='#47D147');
}

.red_button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
    font: 18px/100% OpenSans, sans-serif;
    padding: .5em 0em !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-weight: bold;
    position: relative;
    width: 100%;
    color: #ffffff !important;
    border: solid 0px #EB474B;
    background: #DB1D1D;
    background: -webkit-gradient(linear, left top, left bottom, from(#B82E2E), to(#D14747));
    background: -moz-linear-gradient(top, #B82E2E, #D14747);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B82E2E', endColorstr='#D14747');
}

.button_80 {
    width: 80px !important;
    padding: 9px !important;
}

.button {
    width: auto !important;
    padding: 9px !important;
}

.btext{
    position: relative;
    z-index: 100;
}

/*****************************************************************************************************/
/*                                          MENU STYLES                                              */
/*****************************************************************************************************/

/* General styles for all menus */
.cbp-spmenu {
    background: #ffffff;
    position: fixed;

}
.cbp-spmenu-3d {
    box-shadow: 0.5em 0 0.7em 0 rgba(2, 3, 3, 0.2)
}

.cbp-spmenu h3 {
    color: #E8E8E8;
    font-size: 1.9em;
    padding: 15px;
    margin: 0;
    font-weight: 300;
    background: #0d77b6;
}

.cbp-spmenu a {
    display: block;
    color: #B0B0B0;
    font-size: 1.1em;
    /*width: 240px;*/
    overflow: hidden;
}

.cbp-spmenu a:active {
    background: #C8C8C8;
    color: #202020;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
    top: 40px;
    width: 240px;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;

    /* default max height */
    height: 100%;
    /* Firefox */
    height: -moz-calc(100% - 40px);
    /* WebKit */
    height: -webkit-calc(100% - 40px);
    /* Opera */
    height: -o-calc(100% - 40px);
    /* Standard */
    height: calc(100% - 40px);
}

.cbp-spmenu-vertical a {
    /*padding: 0.8em;*/
}

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}

.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 15px;
    border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left */

.cbp-spmenu-left {
    left: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 240px;
}

.cbp-spmenu-push-toleft {
    left: -240px;
}

.header {
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    background-color: #282828;
    color: #ffffff;
    padding: 0px;
}

.header-adapter {
    height: 40px;
}


.header a {
    position: relative;
    top: 6px;
    vertical-align: middle;
    font-size: 20px;
    margin: 0;
    padding: 0;
}

.header span {
    position: relative;
    top: 6px;
    vertical-align: middle;
    font-size: 20px;
    margin: 0;
    padding: 0;
}

.menu-left {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 40px;
    width: 40px;
    text-align: center;
}

.menu-left img {
    margin-top: 10px;
    vertical-align: middle;
}

/* CSS3 Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    transition: left 0.3s ease;
}

.overlay {
    position: fixed;
    z-index: 900;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    display: none;
    opacity: 0.5;
}

/* Inits */
.gloft-cbp-menu {
    /*font-size:*/
}

/*************************** RESPONSIVE LISTING FOR GAME LISTING ***************************/
/* 3 game per row with bigger height */
@media screen and (max-width: 255px) {
    #game_list .game_contents {
        height: 140px;
    }
}

@media screen and (min-width: 300px) {
    #game_list .game_box {
        width: 33%;
    }
}

/* Some text adjustments */
@media screen and (max-width: 240px), screen and (max-width: 320px) {
    #game_list .game_title {
        word-break: break-all;
    }
}

/* 4 games per row */
@media screen and (min-width: 430px) {
    #game_list .game_box {
        width: 25%;
    }
}

/* 4 games per row with adjustments */
@media screen and (min-width: 800px) {
    html {
        font-size: 18px;
    }

    /****************** Game listing ******************/
    #game_list .game_contents {
        height: 145px;
    }

    #game_list .game_rating {
        left: 94px;
        bottom: 10px;
    }

    #game_list .game_rating img {
        width: auto !important;
    }

    /****************** Game image, button, title ******************/
    .game_image {
        min-height: 90px;
        text-align: center;
    }

    .game_image img {
        /*position: absolute;*/
        width: 105px;
        height: 105px;
    }

    .game_title {
        font-size: 16px !important;
    }

    /****************** Buttons backgrounds and buttons ******************/
    /** Buttons **/
    .game_button {
        font-size: 16px;
    }

    .rate_button {
        font-size: 14px;
    }
}

/* 5 games per row or more */
@media screen and (min-width: 1000px) {

    /****************** Game listing ******************/
    #game_list .game_box {
        width: 20%;
    }
}

/* Responsive MENU CSS */
 /* menu responsive styles */
@media screen and (max-width: 240px) {
    .cbp-spmenu-vertical {
        font-size: 60%;
        width: 190px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }
}

@media screen and (min-width: 241px) and (max-width: 320px) {
    .cbp-spmenu-vertical {
        font-size: 100%;
        width: 210px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -210px;
    }
}

@media screen and (min-width: 321px) and (max-width: 540px) {
    .cbp-spmenu-vertical {
        font-size: 100%;
        width: 230px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -230px;
    }
}

@media screen and (min-width: 541px) and (max-width: 750px) {
    .cbp-spmenu-vertical {
        font-size: 130%;
        width: 350px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -350px;
    }
}

@media screen and (min-width: 751px) {
    .cbp-spmenu-vertical {
        font-size: 150%;
        width: 400px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -400px;
    }
}
/* Game Pill CSS - describing the plates for a game **/

.game-pill {
    height: 100%;
    background: white;
    border: 1px solid #EEE;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden; /* do not show the last part of the long game names */
}

.game-pill-padding {
    padding: 4px;
}

/* Manu Adjustments */

.gloft-cbp-menu {
    overflow: hidden;
}

.gloft-cbp-menu div {
    width: 100%;
}

.gloft-cbp-menu div a {
    word-break: break-all;
    padding: 0.8em;
}

/* Lazy loade CSS */
.loader-wait-container {
    position: relative;
    display: none;
    padding: 5px;
}
.loader-wait-anim {
    top: 50%;
    left: 50%;
    margin-left: -22px;
    position: relative;
    background: url("data:image/gif;base64,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") no-repeat;
    width: 25px;
    height: 25px;
}

/* Copyright CSS*/
.copyright {
    padding: 10px;
    text-align: center;
}

.hidden {
    display: none;
}

/* Section Heading */
.section-heading {
    font-family: OpenSans, sans-serif;
    font-size: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* More Link */
.more-link {
    outline: none;
    margin-top: 5px;
    cursor: pointer;
    text-decoration: underline;
    text-align: center;
}

.disable-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.game_desc {
    overflow: hidden;
}

/* Carousel CSS (Swiper) */
.s0 {
    margin: 0 auto;
}

/* Added styling ( */
.plate-shape-1 {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Sections */

.basic-section {
    background: #FFFFFF;
    padding: 5px;
}

.basic-section a {
    display: block;
}

.promote-plate {
    width: 95%;
    background: #FFFFFF;
    margin: 0 auto;
}

.promote-plate > div {
    padding: 15px;
}

.promote-option .button {
    width: auto !important;
    padding: 5px !important;
}

/* Plate Wrappers */
.nf-plate-wrapper {
    width: 95%;
    margin: 0 auto;
}

.nf-plate-wrapper > div {
    padding: 10px;
}

.sub-plate {
    background: #FFFFFF;
}

.inline-center {
    text-align: center;
}

.heavy {
    font-weight: bold;
}

.logo-image {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 3px;
    right: 0;
}

.small_center_text {
    font-size:75%;
    text-align: center;
    width: 100%;
}

.medium_center_text {
    font-size:87%;
    text-align: center;
    width: 100%;
}

.normal_center_text {
    font-size:100%;
    text-align: center;
    width: 100%;
}

.normal_center_text a {
    text-decoration: underline !important;
}

.big_link {
    font-weight: bold;
    text-decoration: underline !important;
}

/*************************** TRIANGLE PLAY BUTTON ***************************/
/*container for triangle button used on the banners*/
/* the banner triangle */
/* If you want to use the triangle as a link to different location than the banner location, use triangle_css3, of course, there are small issues with IE browser.*/
.triangle {
    /*triangle*/
    width: 0 !important;
    height: 0 !important;
    border-style: solid;
    border-width: 0 0 20px 30px;
    border-color: transparent transparent #47D147 transparent;
    height: 100%;
    line-height: 0px;
    /*triangle form for IE*/
    _border-color: #000000 #000000 #47D147 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

    /*position*/
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;

    /*web layout*/
    cursor: pointer;
}

/* the banner triangle, compatible with most browsers except IE versions older than 9 */
.triangle_css3 {
    /*triangle*/
    background: none repeat scroll 0 0 #47D147;
    height: 50%;
    width: 40%;
    -ms-transform: rotate(-30deg); /* IE 9 */
    -ms-transform-origin: 100% 0 0; /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 100% 0 0; /* Chrome, Safari, Opera */
    transform: rotate(-30deg); /* general case */
    transform-origin: 100% 0 0; /* general case */

    /*position*/
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;

    /*web layout*/
    cursor: pointer;
}

.triangle_link {
    /*position*/
    position: absolute;
    font-weight: bold;
    bottom: 2px;
    right: 3px;
    color: #ffffff !important;
    display: block !important; /* used to increase the clickable area */
    white-space: nowrap;
    font-size: 100%;
    text-align: right;
    z-index: 150;
    text-shadow: 1px 2px 3px #666;
    width: auto;
    height: auto;
}

@media screen and (max-width: 300px) {
    .triangle_link {
        bottom: 1px;
        right: 1px;
    }
}


.special_section {
    width: 100% !important;
    text-align: center !important;
    color: #ffffff !important;
    font-size:75% !important;
    background-color:rgba(0, 0, 0, 0.5);
}

.poster_center {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 100%;
    max-width: 450px;
}

.optin {
    height: 20px;
    width: 20px;
}

.optin_text {
    font-size: 110%;
    vertical-align: middle;
}


.cc-compliance {
    right: 10px;
    position: absolute;
    font-size: 2em;
    color: white;
    float: right;
    top: 2px;
}

.cc-compliance a{
    color: white !important;
}

.cc-window .cc-message a {
    font-size: 11px;
    text-decoration: underline;
    font-weight: bold;
}

.cookie_header{
    background-color: #000000;
    bottom: 0;
    color: #eeeeee;
    display: none;
    padding: 5px 0;
    position: fixed;
    text-align: center;
    z-index: 1;
}

.cookie_header_nojs{
    background-color: #000000;
    bottom: 0;
    color: #eeeeee;
    display: inline-block;
    padding: 5px 0;
    position: fixed;
    text-align: center;
    z-index: 1;
    width: 100%;
    font-size: 0.8em;
}

.cookie_header a{
    color: #eeeeee;
}

.cookie_header_nojs a{
    color: #eeeeee;
    text-decoration: underline;
}

.cookie_header button{
    border-radius: 5px;
    box-shadow: 1px 1px 1px #eeeeee;
    height: 30px;
    margin: 10px auto;
    width: 80px;
}

.cookie_header_nojs button{
    border-radius: 5px;
    box-shadow: 1px 1px 1px #eeeeee;
    height: 30px;
    margin: 10px auto;
    width: 80px;
}

.cookie_link {
    color:white;
    text-decoration:underline;
    font-size:11px;
    white-space:nowrap;
}

.main_container {
    padding: 5% 2%;
}

.main_title {
    color: #878a8f;
    font-weight: 900;
    font-size: 30px;
}

.cookie_table{
    border-collapse: collapse;
    border: 2px solid black;
    table-layout: fixed;
    width: 100%;
}

.cookie_table td, th{
    border: 1px solid black;
    font-size: 0.8em;
    word-break:break-all;
}

.cp_title {
    color: #878a8f;
    font-weight: 500;
    font-size: 20px;
}

.cp_page a {
    word-wrap: break-word;
    text-decoration: underline;
}

.cc-style {
    background-color: #a0a0a0;
    color: white;
}