@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic&subset=latin,latin-ext);

#gift-panel * ::-webkit-input-placeholder { color: #909;}
#gift-panel * :-moz-placeholder { color:#fff; opacity:  1;}
#gift-panel * ::-moz-placeholder { color: #fff; opacity:  1;}
#gift-panel * :-ms-input-placeholder { color:    #fff;}
#gift-panel * :placeholder-shown { color: #fff;}

@font-face {
    font-family: 'Conv_CodenameCoderFree4F-Bold';
    src: url('../../font/CodenameCoderFree4F-Bold.eot');
    src: local('☺'), url('../../font/CodenameCoderFree4F-Bold.woff') format('woff'),
    url('../../font/CodenameCoderFree4F-Bold.ttf') format('truetype'),
    url('../../font/CodenameCoderFree4F-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-family: 'ref';
    src: url('../../font/28EE85_0_0.eot');
    src: url('../../font/28EE85_0_0.eot?#iefix') format('embedded-opentype'), url('../../font/28EE85_0_0.woff') format('woff'), url('../../font/28EE85_0_0.ttf') format('truetype');
}

body.GrBgBody {
    background: #cdcdcd !important;
}

.GrBgHeader {
    position: absolute;
    min-width: 100%;
    height: 520px;
    top: 0px;
    left: 0px;
    background: #cdcdcd url(../images/icon/GrBgHeader.png) center bottom no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.userShopBg, .backgroundContent {
    background-attachment: fill !important;
    -webkit-background-size: fill !important;
    -moz-background-size: fill !important;
    -o-background-size: fill !important;
    background-size: fill !important;
    background-repeat: no-repeat !important;
}
/*Loader*/
.please-wait-rect {
    min-height: 120px;
    background: url(https://gamesrepublic.com/content/images/bx-loader.gif) center center no-repeat;
    z-index: 220;
}

.btnGreen {
    padding: 4px 10px;
    background-color: #86aa20 !important;
    color: #FFF !important;
    text-transform: uppercase;
}

    .btnGreen:hover, .btnGreen:focus {
        text-decoration: none;
    }
/* ICONS */
.icons {
    display: block;
    background: url(../images/icon/sprite_icon.png) no-repeat;
}
/* Facebook */
.facebook {
    width: 28px;
    height: 28px;
    background-position: -35px -70px;
}
/*.facebook:hover { background-position: -35px -70px; }*/
/* Twitter */
.twitter {
    width: 28px;
    height: 28px;
    background-position: -400px -650px;
}
/*.twitter:hover { background-position: -35px -35px; }*/
/* YouTube */
.youtube {
    width: 28px;
    height: 28px;
    background-position: -350px -750px;
}
/*.youtube:hover { background-position: -35px 0; }*/
/* Instagram */
.instagram {
    width: 28px;
    height: 28px;
    background-position: -400px -750px;
}
/* Gr blog */
.grblog {
    width: 28px;
    height: 28px;
    background-position: -300px -750px;
}
/* LogIn */
.login {
    width: 28px;
    height: 28px;
    background-position: -350px -700px; /*background-color: #cdcdcd;*/
}
/*.login:hover { background-position: -35px -105px; }*/
/* Basket */
.basket {
    width: 28px;
    height: 28px;
    background-position: -300px -700px;
}
/* Exclamation */
.exclamation {
    position: absolute;
    display: block;
    width: 21px;
    height: 21px;
    right: -4px;
    top: -4px;
    background-color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}

    .exclamation i {
        position: absolute;
        display: block;
        width: 3px;
        height: 17px;
        top: 2px;
        left: 9px;
        background: url(../images/icon/sprite_icon.png);
        background-position: -280px -250px;
    }
/* Bell */
.bell {
    position: absolute;
    display: block;
    width: 21px;
    height: 21px;
    right: -4px;
    top: -4px;
    background-color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}

    .bell i {
        position: absolute;
        display: block;
        width: 12px;
        height: 13px;
        top: 4px;
        left: 4.5px;
        background: url(../images/icon/sprite_icon.png);
        background-position: -280px -300px;
    }

.regular-row {
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(255,255,255,1) !important;
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(255,255,255,1) !important;
    box-shadow: inset 0px 0px 5px 2px rgba(255,255,255,1) !important;
}

.uncommon-row {
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(36,145,186,1) !important;
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(36,145,186,1) !important;
    box-shadow: inset 0px 0px 5px 2px rgba(36,145,186,1) !important;
}

.rare-row {
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(239,15,59,1) !important;
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(239,15,59,1) !important;
    box-shadow: inset 0px 0px 5px 2px rgba(239,15,59,1) !important;
}

.epic-row {
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(233,189,53,1) !important;
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(233,189,53,1) !important;
    box-shadow: inset 0px 0px 5px 2px rgba(233,189,53,1) !important;
}

.legendary-row {
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(103,40,134,1) !important;
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(103,40,134,1) !important;
    box-shadow: inset 0px 0px 5px 2px rgba(103,40,134,1) !important;
}

header.headerGR {
    position: relative;
    height: 70px;
    background: #3c3c40 repeat-x bottom center;
    z-index: 999;
    width: 100%;
    min-width: 1200px;
}

    header.headerGR .headerGR--wrapper {
        height: 70px;
    }

    header.headerGR #headerContent {
        width: 1140px;
        margin: 0 auto;
    }
        /* headerGR__logo */
        header.headerGR #headerContent .headerGR__logo {
            float: left;
            margin-right: 5px;
        }

            /*swiateczne*/
            /*header.headerGR #headerContent .headerGR__logo h1 {
                width: 240px;
                height: 58px;
                color: #fff;
                margin: 4px 0px 9.5px 5px;
            }

            header.headerGR #headerContent .headerGR__logo a {
                display: block;
                width: 212px;
                height: 58px;
                color: #eb173e;
                text-indent: -2000px;
                display: block;
                background: url(../images/logoGRchristmas.png) no-repeat;
            }*/

            header.headerGR #headerContent .headerGR__logo h1 {
                width: 240px;
                height: 43px;
                color: #fff;
                margin: 17.5px 0px 9.5px 5px;
            }

            header.headerGR #headerContent .headerGR__logo a {
                display: block;
                width: 212px;
                height: 37px;
                color: #eb173e;
                text-indent: -2000px;
                display: block;
                background: url(../images/logoGR.png) no-repeat;
            }
        /* headerGR__menu */
        header.headerGR #headerContent nav.headerGR__menu {
            float: left;
            margin: 19px 10px 0 0;
        }

            header.headerGR #headerContent nav.headerGR__menu ul.menu {
                margin: 0;
                padding: 0;
                width: 100%;
            }

                header.headerGR #headerContent nav.headerGR__menu ul.menu li {
                    float: left;
                    position: relative;
                    list-style: none;
                }

                    header.headerGR #headerContent nav.headerGR__menu ul.menu li:first-child a {
                        padding-right: 18px;
                    }

                header.headerGR #headerContent nav.headerGR__menu ul.menu > li:first-child:hover:after {
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-top: 7px solid #3c3c40;
                }

                header.headerGR #headerContent nav.headerGR__menu ul.menu li:first-child:hover ul.secondLayer {
                    display: block;
                    -webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
                    -moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
                    box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
                }

                header.headerGR #headerContent nav.headerGR__menu ul.menu li:first-child:hover a {
                    color: #3c3c40;
                    background-color: #eee;
                    text-decoration: none;
                }

                header.headerGR #headerContent nav.headerGR__menu ul.menu > li:first-child:hover > a {
                    height: 35px;
                }

                header.headerGR #headerContent nav.headerGR__menu ul.menu > li:first-child:after {
                    content: " ";
                    position: absolute;
                    top: 14px;
                    right: 4px;
                    width: 0;
                    height: 0;
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-top: 7px solid #FFF;
                }

                header.headerGR #headerContent nav.headerGR__menu ul.menu li.support a {
                    color: #eb173e;
                }

                header.headerGR #headerContent nav.headerGR__menu ul.menu li a {
                    display: block;
                    position: relative;
                    color: #FFF;
                    font-size: 12px;
                    text-transform: uppercase;
                    font-family: Open Sans;
                    font-weight: 500;
                    padding: 8px;
                }

                header.headerGR #headerContent nav.headerGR__menu ul.menu li ul.secondLayer {
                    position: absolute;
                    display: none;
                    margin: 0;
                    padding: 0;
                    z-index: 9999;
                }

                    header.headerGR #headerContent nav.headerGR__menu ul.menu li ul.secondLayer li {
                        width: 135px;
                    }

                        header.headerGR #headerContent nav.headerGR__menu ul.menu li ul.secondLayer li a {
                            text-transform: none;
                            padding: 2px 8px 2px 15px;
                        }

                        header.headerGR #headerContent nav.headerGR__menu ul.menu li ul.secondLayer li:first-child a {
                            font-size: 14px;
                            text-transform: uppercase;
                            padding-top: 10px;
                            padding-bottom: 8px;
                        }
        /* headerGR__search */
        header.headerGR #headerContent .headerGR__search {
            float: left;
            height: 22px;
            margin: 24px 0;
        }

            header.headerGR #headerContent .headerGR__search input {
                float: left;
                width: 315px;
                height: 24px;
                background-color: #59595c;
                outline: 0;
                padding: 2px 8px;
            }

            header.headerGR #headerContent .headerGR__search span {
                display: block;
                float: left;
                width: 28px;
                height: 28px;
                margin-left: 1px;
                background-position: -400px -700px;
            }
        /* headerGR__panel */

        header.headerGR #headerContent .headerGR__panel {
            float: left;
            height: 22px;
            margin: 24px 0 24px 4px;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile,
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket {
            float: left;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket.active a {
            height: 48px;
            background-color: #eee;
            color: #3c3c40;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile {
            margin-right: 4px;
            width: 110px;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile.active > a {
            height: 48px;
            background-color: #eee;
            color: #3c3c40;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket {
            width: 155px;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile > a,
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile > span,
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket > a,
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket > span {
            float: left;
            display: block;
            height: 28px;
            line-height: 28px;
            color: #FFF;
            font-size: 12px;
            font-family: Open Sans;
            font-weight: 300;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile > a {
            width: calc(100% - 30px);
            background-color: #59595c;
        }
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket > a {
            width: calc(100% - 40px);
            background-color: #59595c;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile > a:hover,
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket > a:hover,
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile > a:active,
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket > a:active,
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile > a:focus,
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket > a:focus {
            text-decoration: none;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile > a i,
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket > a i {
            display: block;
            float: left;
            height: 19px;
            margin: 4.5px 4px;
            background: url(../images/icon/sprite_icon-header-footer.png);
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile > a i {
            width: 19px;
            background-position: 0 0;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile.active > a i {
            background-position: -300px -200px;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket > a i {
            width: 21px;
            background-position: -50px 0;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket.active > a i {
            background-position: -250px -200px;
        }

        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile > span,
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket > span {
            float: right;
            min-width: 15px;
            padding: 0 5px;
            background-color: #eb173e;
            text-align: center;
        }
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--profile > span {
            width: 20px;
        }
        header.headerGR #headerContent .headerGR__panel .headerGR__panel--basket > span {
            width: 30px;
        }
        /* headerGR__action */
        header.headerGR #headerContent .headerGR__action {
            float: right;
        }

        header.headerGR #headerContent a.headerGR__action--card {
            float: left;
            margin: 22.5px 5px;
            cursor: pointer;
        }

        header.headerGR #headerContent .headerGR__action--card span {
            position: relative;
            float: left;
            width: 29px;
            height: 25px;
            margin-right: 5px;
            background-position: -70px 0;
        }

        header.headerGR #headerContent .headerGR__action--card .text {
            float: left;
            font-size: 12px;
            line-height: 25px;
            text-transform: uppercase;
            font-family: Open Sans;
            font-weight: 500;
            color: #FFF;
        }

        header.headerGR #headerContent .headerGR__action--icon {
            float: left;
            margin: 24px 0 0;
        }

            header.headerGR #headerContent .headerGR__action--icon .icons {
                float: left;
                position: relative;
                margin-right: 5px;
            }
/* Footer */
/*footer {
        clear: both;
        width: 100%;
        height: 70px;
        background-color: #3c3c40;
        border-top: 2px solid #ef0e38;
    }
    footer .footerContent {
        width: 1140px;
        margin: 0 auto;
    }
    footer .footerContent a.logo {
        width: 212px;
        float: left;
        height: 37px;
        color: #eb173e;
        margin: 16.5px 20px 16.5px 0;
        text-indent: -2000px;
        display: block;
        background: url(../images/logoGR.png) no-repeat;
    }
    footer .partners {
        float: left;
    }
    footer .partners a {
        display: block;
        float: left;
        margin: 16.5px 10px 16.5px 0;
        background: url(../images/icon/sprite_icon.png);
    }
    footer .partners .partner-11bs {
        width: 76px;
        height: 37px;
        background-position: 0 -750px;
    }
    footer .partners .partner-gdn {
        width: 98px;
        height: 37px;
        background-position: -100px -750px;
    }
    footer .partners .partner-paypal {
        width: 57px;
        height: 38px;
        background-position: -200px -750px;
    }
    footer .menu-footer {
        float: left;
    }
    footer .menu-footer ul {
        margin: 0;
        padding: 0;
    }
    footer .menu-footer ul li {
        float: left;
        list-style: none;
        line-height: 70px;
    }
    footer .menu-footer ul li a {
        padding: 5px 10px;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        color: #FFF;
    }
    footer .menu-action {
        float: right;
    }
    footer .menu-action a {
        float: left;
        margin: 21px 0 21px 2px;
    }*/

footer {
    overflow: hidden;
    clear: both;
    background-color: #3c3c40;
}

    footer .footerContent {
        width: 1140px;
        margin: 0 auto;
    }

        footer .footerContent .footerGR-logo {
            float: left;
            position: relative;
            width: 337px;
            height: 310px;
            background-color: #47474a;
        }

            footer .footerContent .footerGR-logo .mark {
                position: absolute;
                width: 240px;
                height: 235px;
                top: 50%;
                margin-top: -117.5px;
                left: 50%;
                margin-left: -120px;
                background: url(../images/icon/sprite_icon-header-footer.png);
                background-position: 0 -50px;
            }

            footer .footerContent .footerGR-logo .logo a {
                display: block;
            }

                footer .footerContent .footerGR-logo .logo a img {
                    display: block;
                    margin: 0 auto;
                    padding: 27px 0 20px;
                }

            footer .footerContent .footerGR-logo .bitstudios {
                float: left;
                padding-left: 23px;
            }

                footer .footerContent .footerGR-logo .bitstudios i {
                    float: left;
                    display: block;
                    width: 88px;
                    height: 37px;
                    margin-right: 10px;
                    background: url(../images/icon/sprite_icon-header-footer.png);
                    background-position: -100px 0;
                }

                footer .footerContent .footerGR-logo .bitstudios span {
                    display: block;
                    float: left;
                    margin-top: -3px;
                    color: #FFF;
                    font-size: 14.14px;
                    font-family: Open Sans;
                    font-weight: 300;
                    text-transform: uppercase;
                }

            footer .footerContent .footerGR-logo .copy {
                float: left;
                clear: both;
                margin-top: 10px;
                padding-left: 23px;
                color: #FFF;
                font-size: 11.2px;
                font-family: Open Sans;
                opacity: 0.3;
                line-height: 14px;
            }

        footer .footerContent .footerGR-info {
            float: left;
            width: 803px;
        }

            footer .footerContent .footerGR-info .footerGR-info--box {
                float: left;
                padding-left: 60px;
            }

                footer .footerContent .footerGR-info .footerGR-info--box .title {
                    padding: 33px 0 25px;
                    font-size: 18px;
                    font-family: Open Sans;
                    font-weight: 300;
                    color: #FFF;
                    text-transform: uppercase;
                }

                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter {
                    padding-left: 10px;
                }

                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.links {
                        list-style: none;
                        padding: 0;
                        margin: 0;
                    }

                        footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.links li {
                            float: left;
                            width: 165px;
                            height: 35px;
                            line-height: 35px;
                        }

                            footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.links li:nth-child(2n+3) {
                                clear: both;
                            }

                            footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.links li a {
                                color: #eb173e;
                                font-size: 14px;
                                font-family: Open Sans;
                                font-weight: 500;
                            }

                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.links li a:hover {
                                    text-decoration: none;
                                }

                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment {
                        list-style: none;
                        padding: 0;
                        margin: 0;
                    }

                        footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li {
                            float: left;
                            width: 72px;
                            height: 33px;
                            background-color: #FFF;
                            border-right: 1px solid #8c8c8f;
                            border-bottom: 1px solid #8c8c8f;
                            margin-right: 2px;
                            margin-bottom: 2px;
                        }

                            footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li:nth-child(2n+3) {
                                clear: both;
                            }

                            footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li a {
                                display: block;
                            }

                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i {
                                    display: block;
                                    background: url(../images/icon/sprite_icon-header-footer.png);
                                }

                                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i.paypal {
                                        width: 64px;
                                        height: 17px;
                                        margin: 8px 4px;
                                        background-position: -200px 0;
                                    }

                                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i.mastercard {
                                        width: 41px;
                                        height: 25px;
                                        margin: 4px 15.5px;
                                        background-position: -300px 0;
                                    }

                                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i.maestro {
                                        width: 41px;
                                        height: 25px;
                                        margin: 4px 15.5px;
                                        background-position: -350px 0;
                                    }

                                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i.visa {
                                        width: 49px;
                                        height: 15px;
                                        margin: 8.5px 11.5px;
                                        background-position: -250px -50px;
                                    }

                                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i.paysafecard {
                                        width: 68px;
                                        height: 13px;
                                        margin: 10px 2px;
                                        background-position: -250px -300px;
                                    }

                                    
                                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i.sofort {
                                        width: 48px;
                                        height: 30px;
                                        background: url(../images/icon/sofort_48x34.png) !important;
                                        margin: 1px 12px;
                                    }

                                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i.payU {
                                        width: 48px;
                                        height: 24px;
                                        background: url(../images/icon/payu_48x24.png) !important;
                                        margin: 4.5px 12px;
                                    }

                                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i.visadebit {
                                        width: 45px;
                                        height: 25px;
                                        margin: 4px 12px;
                                        background-position: -300px -50px;
                                    }

                                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i.jcb {
                                        width: 40px;
                                        height: 30px;
                                        margin: 1.5px 16px;
                                        background-position: -350px -250px;
                                    }

                                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i.discover {
                                        width: 45px;
                                        height: 27px;
                                        margin: 3px 12px;
                                        background-position: -300px -250px;
                                    }

                                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.payment li i.blueIcon {
                                        width: 45px;
                                        height: 27px;
                                        margin: 3px 12px;
                                        background-position: -250px -250px;
                                    }

                    footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus {
                        list-style: none;
                        padding: 0;
                        margin: 0;
                    }

                        footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li {
                            float: left;
                            clear: both;
                            margin-bottom: 5px;
                        }

                            footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a {
                                float: left;
                                display: block;
                                font-size: 12px;
                                font-family: Open Sans;
                                text-transform: uppercase;
                                color: #FFF;
                                line-height: 28px;
                            }

                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a:hover {
                                    text-decoration: none;
                                }

                            footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li span {
                                display: block;
                                float: left;
                                width: 28px;
                                height: 28px;
                                margin-right: 15px;
                                background-color: #47474a;
                            }

                            footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li i {
                                display: block;
                                background: url(../images/icon/sprite_icon-header-footer.png);
                            }

                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a.face i {
                                    width: 9px;
                                    height: 17px;
                                    margin: 5.5px 9.5px;
                                    background-position: -250px -100px;
                                }
                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a.face:hover span {
                                    background: #3350ae;
                                }

                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a.twit i {
                                    width: 18px;
                                    height: 15px;
                                    margin: 6.5px 5px;
                                    background-position: -300px -100px;
                                }
                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a.twit:hover span {
                                    background: #00c4fc;
                                }

                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a.yt i {
                                    width: 19px;
                                    height: 20px;
                                    margin: 4px 4.5px;
                                    background-position: -350px -100px;
                                }
                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a.yt:hover span {
                                    background: #cf0700;
                                }

                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a.inst i {
                                    width: 17px;
                                    height: 17px;
                                    margin: 5.5px 5.5px;
                                    background-position: -250px -150px;
                                }
                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a.inst:hover span {
                                    background: #2d5c82;
                                }

                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a.gr-blog i {
                                    width: 24px;
                                    height: 11px;
                                    margin: 8.5px 2px;
                                    background-position: -300px -150px;
                                }
                                footer .footerContent .footerGR-info .footerGR-info--box .boxFotter ul.followus li a.gr-blog:hover span {
                                    background: #eb173e;
                                }



/*footer .footerBox {
        float: left;
    }
    footer .footerBox .boxes {
        height: 109px;
        margin-top: 12px;
        border-left: 1px solid #959597;
    }
    footer .footerBox:first-child .boxes {
        border-left: 0;
        margin-top: 0;
    }
    footer .footerBox:first-child .bitBox {
        float: left;
        margin-right: 100px;
    }
    footer .footerBox:first-child .bitBox .title {
        margin-top: 48px;
        padding-left: 0;
    }
    footer .footerBox .title {
        font-family: Open Sans;
        padding-left: 11px;
        color: #FFF;
        margin-top: 11px;
    }
    footer .footerLogo {
        float: left;
        margin-top: 51px;
        margin-right: 90px;
    }
    footer .copy {
        clear: both;
        float: left;
        opacity: 0.3;
        margin-top: 15px;
        font-size: 10px;
        font-family: Open Sans;
        color: #FFF;
    }
    footer .imagesSprite {
        display: block;
        float: left;
        background: url(../images/icon/sprite_icon.png);
    }
    footer .bit {
        width: 92px;
        height: 39px;
        margin-top: 10px;
        margin-left: 5px;
        margin-right: 50px;
        background-position: 0 -800px;
    }
    footer .paypal {
        clear: both;
        width: 179px;
        height: 48px;
        margin-left: 10px;
        margin-right: 41px;
        background-position: -100px -800px;
    }
    footer .gdn {
        clear: both;
        width: 178px;
        height: 50px;
        margin-top: 10px;
        margin-left: 10px;
        background-position: 0 -850px;
    }
    footer .footerBox .boxes ul {
        margin: 10px 0 0 0;
        padding: 0 0 0 10px;
    }
    footer .footerBox .boxes ul li {
        list-style: none;
        margin-bottom: 5px;
    }
    footer .footerBox .boxes ul li a {
        color: #FFF;
    }
    footer .footerBox:nth-child(3) {
        width: 170px;
    }*/
/*Login Registry Box AND Basket Box*/
header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .closeBox, header.headerGR #headerContent .headerGR__action--icon .basketBox .closeBox {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #000;
}

    header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .closeBox:hover, header.headerGR #headerContent .headerGR__action--icon .basketBox .closeBox:hover {
        text-decoration: none;
        transform: scale(1.5);
        transform-origin: 0 0;
        top: 0px;
        right: 7.5px;
    }

    header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .closeBox:focus, header.headerGR #headerContent .headerGR__action--icon .basketBox .closeBox:focus {
        text-decoration: none;
    }
/* My Profile Box */
header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox.active .myProfileContent {
    display: none;
    position: absolute;
    width: calc(100% - 20px);
    margin-top: 60px;
    padding: 20px 10px;
    left: 0;
    clear: both;
    background-color: #cdcdcd;
    z-index: 9999;
    -webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
    -moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
    box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
}

header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox.active .myProfileContent {
    display: block;
}

header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .myProfileContent .content {
    position: relative;
    width: 1140px;
    margin: 0 auto;
}

    header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .myProfileContent .content .header {
        font-size: 19.57px;
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
        text-transform: uppercase;
    }

    header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .myProfileContent .content .navigation {
        border-bottom: 0;
    }
/* Login Registry Box */
header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox {
    float: left;
    margin-left: 14px;
}

    header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox.active .login {
        height: 48px;
        background-color: #eee;
        background-position: -35px -105px;
    }

    header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox.active .loginRegistryContent {
        display: block;
    }

    header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent {
        display: none;
        position: absolute;
        width: calc(100% - 20px);
        margin-top: 46px;
        padding: 35px 10px 15px;
        left: 0;
        clear: both;
        background-color: #eee;
        z-index: 9999;
        -webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
        -moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
        box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
    }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent img.progress {
            display: block;
            margin: 0 auto;
        }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .content {
            position: relative;
            width: 1140px;
            margin: 0 auto;
        }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .header {
            margin-bottom: 20px;
            text-transform: uppercase;
            font-family: Open Sans;
            font-weight: 500;
            color: #3c3c40;
            font-size: 19.57px;
        }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox {
            overflow: hidden;
            min-height: 155px;
            padding: 10px 0;
            border-right: 1px solid #3d3c41;
            margin-left: 50px;
            padding-right: 50px;
        }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .pushButton {
                float: right;
                padding: 5px 15px;
                text-transform: uppercase;
                font-family: Open Sans;
                font-weight: 500;
                color: #FFF;
                font-size: 12.61px;
                background-color: #86aa20;
            }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .buttonGr {
                margin-left: 20px;
                padding: 5px 35px;
                text-transform: uppercase;
                font-family: Open Sans;
                font-weight: 500;
                color: #FFF !important;
                font-size: 12.61px;
                background-color: #86aa20;
                text-decoration: none !important;
            }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .resetButton {
                float: right;
                padding: 5px 15px;
            }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .goBack {
                float: right;
                margin-top: 5px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 12px;
                text-decoration: underline;
            }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__login .formBox .action {
            float: right;
            width: auto;
            margin-top: 5px;
        }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__login .formBox .action label {
                margin-bottom: 13px;
            }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .action label {
            float: left;
            text-transform: uppercase;
            font-size: 13px;
        }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .action label span {
                text-decoration: underline;
            }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .action label input {
                margin-left: 10px;
            }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .action a {
            color: #3c3c40;
            text-decoration: underline;
        }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .action a:hover {
                text-decoration: underline;
            }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .action a.registerButton {
                float: left;
            }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .reset {
            clear: both;
            float: right;
            margin-top: 10px;
        }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox .reset a {
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 12px;
                text-decoration: underline;
            }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox label {
            clear: both;
            height: 28px;
            line-height: 28px;
            margin-right: 30px;
            font-family: Open Sans;
            font-weight: 500;
            color: #3c3c40;
            font-size: 16px;
            margin: 0;
        }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox label input[type="text"], header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .resetPasswordContent input[type="text"] {
                float: right;
                width: 180px;
                outline: 0;
                background-color: #cbcbcb;
                color: #3c3c40;
                margin: 0 0 10px 40px;
            }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox label input[type="email"] {
                float: right;
                width: 180px;
                outline: 0;
                background-color: #cbcbcb;
                color: #3c3c40;
                margin: 0 0 10px 40px;
            }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox label input[type="password"] {
                float: right;
                width: 180px;
                outline: 0;
                background-color: #cbcbcb;
                color: #3c3c40;
                margin: 0 0 10px 40px;
            }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .formBox label select {
                float: right;
                width: 187px;
                outline: 0;
                background-color: #cbcbcb;
                color: #3c3c40;
                margin: 0 0 10px 40px;
                border: 0;
            }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__login {
            width: 37.8%;
        }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__login {
            float: left;
        }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .resetPasswordContent {
            float: left;
        }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__register {
            float: left;
        }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__register .action label {
                width: 198px;
            }

                header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__register .action label input {
                    float: right;
                    margin-top: 8px;
                }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__register .buttonGr {
                display: block;
                float: right;
                margin-left: 0;
                margin-top: -10px;
            }

        header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__socialMedia {
            float: left;
        }

            header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__socialMedia .socialBox {
                margin-left: 50px;
            }

                header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__socialMedia .socialBox .icons {
                    display: block;
                    float: left;
                    width: 103px;
                    height: 103px;
                    margin: 35px 0;
                }

                header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__socialMedia .socialBox a.fb {
                    margin-right: 10px;
                    background-position: -70px -35px;
                }

                header.headerGR #headerContent .headerGR__action--icon .loginRegistryBox .loginRegistryContent .loginRegistryContent__socialMedia .socialBox a.tw {
                    background-position: -70px -140px;
                }
/* Basket Box */
header.headerGR #headerContent .headerGR__action--icon .basketBox {
    float: left;
}

    header.headerGR #headerContent .headerGR__action--icon .basketBox.active .basket {
        height: 48px;
        background-color: #eee;
        background-position: -35px -180px;
    }

    header.headerGR #headerContent .headerGR__action--icon .basketBox.active .basketContent {
        display: block;
    }

    header.headerGR #headerContent .headerGR__action--icon .basketBox .icons {
        margin-right: 0;
    }

    header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent {
        display: none;
        position: absolute;
        width: 362px;
        margin-top: 48px;
        margin-left: -207px;
        clear: both;
        background-color: #eee;
        z-index: 9999;
        -webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
        -moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
        box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
    }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent img.progress {
            display: block;
            margin: 0 auto;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent.basketContentAndCards {
            clear: both;
            position: absolute;
            width: calc(830px - 20px);
            margin-top: 60px;
            margin-left: -767px;
            background-color: #cdcdcd;
        }

            header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent.basketContentAndCards .basketContent__listProducts ul {
                margin: 20px 0 20px 10px;
            }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__listProducts ul {
            margin: 10px 0;
            padding: 0 0 0 15px;
            list-style: none;
        }

            header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__listProducts ul li {
                clear: both;
                height: 45px;
                margin: 10px 0;
            }

                header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__listProducts ul li .basketContent__listProducts--list {
                    display: block;
                }

                    header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__listProducts ul li .basketContent__listProducts--list .basketContent__listProducts--product {
                        float: left;
                        display: table;
                        height: 45px;
                    }

                        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__listProducts ul li .basketContent__listProducts--list .basketContent__listProducts--product img {
                            display: table-cell;
                            margin-right: 10px;
                        }

                        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__listProducts ul li .basketContent__listProducts--list .basketContent__listProducts--product .titleGames {
                            width: 200px;
                            display: table-cell;
                            vertical-align: middle;
                            color: #3c3c40;
                            font-size: 12px;
                            line-height: 16px;
                            font-family: Open Sans;
                            font-weight: 500;
                        }

                        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__listProducts ul li .basketContent__listProducts--list .basketContent__listProducts--product a.titleGames:hover {
                            text-decoration: none;
                        }

                    header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__listProducts ul li .basketContent__listProducts--list .basketContent__listProducts--price {
                        float: right;
                        width: 70px;
                        height: 45px;
                        line-height: 45px;
                        text-align: center;
                        border-left: 1px solid #3d3c41;
                        color: #3c3c40;
                        font-size: 12px;
                        font-family: Open Sans;
                        font-weight: 500;
                    }

                    header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__listProducts ul li .basketContent__listProducts--list a.removeGames {
                        float: right;
                        font-size: 25px;
                        color: #3c3c40;
                        line-height: 42px;
                        font-weight: 500;
                    }

                        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__listProducts ul li .basketContent__listProducts--list a.removeGames:hover {
                            text-decoration: none;
                        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__summary {
            float: left;
            width: calc(100% - 20px);
            padding: 20px 10px;
            border-top: 1px solid #3d3c41;
            font-size: 14.34px;
            font-family: Open Sans;
            font-weight: 500;
            color: #3c3c40;
        }

            header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__summary .basketContent__summary--item {
                width: 110px;
                float: left;
                line-height: 30px;
            }

            header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__summary .basketContent__summary--totalPrice {
                width: 110px;
                float: left;
                line-height: 30px;
                text-align: right;
            }

            header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__summary a.basketContent__summary--checkout {
                display: block;
                float: right;
                padding: 5px 15px;
                background-color: #3d3c41;
                text-transform: uppercase;
                color: #FFF;
            }

                header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__summary a.basketContent__summary--checkout:hover {
                    text-decoration: none;
                }
        /* Basket Box Played Cards and Basket Box Games in cart */
        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .basketContent__header {
            color: #3c3c40;
            font-size: 15.67px;
            font-family: Open Sans;
            font-weight: 500;
        }
        /* Basket Box Played Cards */
        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent {
            float: left;
            width: 300px;
            height: 300px;
            border-right: 1px solid #3d3c41;
            margin-right: 10px;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent.noLogin .gamesContent {
            width: 342px;
            padding: 10px;
        }

            header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent.noLogin .gamesContent .cardsContent__more {
                margin-top: 100px;
                margin-bottom: 100px;
            }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent.basketContentAndCards .cardsContent {
            width: 410px;
            height: 320px;
            margin: 10px;
            padding-right: 10px;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .emptyCart {
            color: #3c3c40;
            font-size: 15.67px;
            font-family: Open Sans;
            font-weight: 500;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard {
            overflow: hidden;
        }

            header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard ul {
                margin: 20px 0 20px 10px;
                padding: 0;
                list-style: none;
            }

                header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard ul li:last-child a {
                    margin-right: 0;
                }

                header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard ul li a {
                    position: relative;
                    display: block;
                    float: left;
                    width: 108px;
                    margin-right: 20px;
                }

                    header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard ul li a:hover .info {
                        display: block;
                    }

                    header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard ul li a:hover .close {
                        display: block;
                    }

                    header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard ul li a .info {
                        position: absolute;
                        display: none;
                        width: 100%;
                        height: 100%;
                        padding-top: 35px;
                        background: #3b3b40;
                        opacity: 0.9;
                        z-index: 1;
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 14.92px;
                        color: #fff;
                        text-align: center;
                    }

                        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard ul li a .info span {
                            clear: both;
                            display: block;
                        }

                            header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard ul li a .info span:nth-child(2) {
                                font-size: 13.2px;
                            }

                            header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard ul li a .info span:nth-child(3) {
                                font-size: 11px;
                            }

                    header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard ul li a .close {
                        position: absolute;
                        display: none;
                        right: -16px;
                        background-color: #3b3b40;
                        color: #FFF;
                        padding: 0 6px;
                        font-size: 10px;
                    }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__gamesCard {
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__more {
            clear: both;
            margin: 50px auto 0;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent.empty .cardsContent__more {
            margin-top: 100px;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .gamesContent.empty {
            width: 100%;
            margin-left: 0;
            padding: 60px 0 70px;
            text-align: center;
        }

            header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .gamesContent.empty .cardsContent__more {
                margin-top: 10px;
            }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__more span {
            display: block;
            text-align: center;
            font-size: 12px;
            font-family: Open Sans;
            font-weight: 500;
            color: #3c3c40;
            text-transform: uppercase;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__more a, header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .gamesContent .cardsContent__more a {
            display: block;
            clear: both;
            width: 170px;
            margin: 7px auto 0;
            padding: 5px 0;
            color: #FFF;
            font-size: 12px;
            font-family: Open Sans;
            font-weight: 500;
            background-color: #3d3c41;
            text-transform: uppercase;
            text-align: center;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .gamesContent .cardsContent__more a {
            height: 20px;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__more a:hover, header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .gamesContent .cardsContent__more a:hover {
            text-decoration: none;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .cardsContent .cardsContent__more a {
            text-decoration: none;
        }
        /* Basket Box Games in cart */
        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .gamesContent {
            float: left;
            margin-left: 0;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent.basketContentAndCards .gamesContent {
            width: 346px;
            padding: 10px;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .sumation {
            overflow: hidden;
            clear: both;
            margin: 15px 15px 0;
            padding-bottom: 15px;
            border-bottom: 1px solid #3d3c41;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .sumation .sumation__gamesAndCards {
            float: left;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 14.34px;
            line-height: 25px;
            color: #3d3c41;
            text-transform: uppercase;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .sumation .sumation__price {
            float: right;
            line-height: 25px;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .sumation .sumation__price .oldPrice {
            color: #6e6d71;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 14.34px;
            text-decoration: line-through;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .sumation .sumation__price .price {
            font-family: Open Sans;
            font-weight: 500;
            font-size: 17.65px;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .sumation .sumation__action {
            float: right;
            margin-left: 15px;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .sumation .sumation__action a {
            height: 20px;
            text-transform: uppercase;
            color: #FFF;
            padding: 6px 20px;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 13.34px;
            background-color: #3d3c41;
        }

        header.headerGR #headerContent .headerGR__action--icon .basketBox .basketContent .sumation .sumation__action a:hover {
            text-decoration: none;
        }
/* Section */
section.contentSection {
    position: relative;
    overflow: hidden;
    width: 1140px;
    min-height: 520px;
    margin: 20px auto 40px;
}

body.homePage section.contentSection {
    overflow: hidden;
    width: 1140px;
}

    section.contentSection.customUserShop {
        margin: 180px auto 50px;
    }


    section.contentSection.backgroundEnabled {
        width: 1160px;
        overflow: hidden;
        padding: 10px 10px 0;
        background: url(../images/backgroundEnabled.png) repeat;
    }

    section.contentSection.timePromotion {
        margin-top: 142px;
    }

section.sectionBg {
    position: relative;
    width: 1120px;
    margin-top: 20px;
    padding: 10px 13px 40px;
    background-color: #cdcdcd;
}

section .header {
    margin-top: 10px;
    font-size: 19.57px;
    font-family: Open Sans;
    font-weight: 500;
    color: #3c3c40;
    text-transform: uppercase;
}
/* START My Profile */
.navigation {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .navigation ul {
        overflow: hidden;
        margin: 0;
        padding: 20px 0 0 0;
        list-style: none;
        border-bottom: 1px solid #3c3c40;
    }

        .navigation ul li {
            float: left;
        }

            .navigation ul li.active a {
                font-size: 11.43px;
                width: 107px;
                height: 106px;
                margin: 0 5px;
            }

            .navigation ul li a {
                display: block;
                width: 87px;
                height: 86px;
                margin: 10px 15px;
                background-color: #3c3c40;
                font-size: 9.13px;
                font-family: Open Sans;
                font-weight: 500;
                text-align: center;
            }

            .navigation ul li a {
                color: #FFF;
                text-transform: uppercase;
            }

                .navigation ul li a:hover {
                    font-size: 11.43px;
                    width: 107px;
                    height: 106px;
                    margin: 0 5px;
                }

            .navigation ul li ul.submenu {
                display: none;
                position: absolute;
                left: 0;
                width: 1100px;
                height: auto;
                padding: 10px 0 10px 20px;
                z-index: 1;
                border-top: 1px solid #3c3c40;
                border-bottom: 0;
            }

            .navigation ul li a:hover, .navigation ul li a:focus {
                text-decoration: none;
            }

            .navigation ul li a .menuBox {
                position: relative;
                height: 86px;
                padding-top: 20px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            .navigation ul li a:hover .menuBox {
                height: 106px;
            }

            .navigation ul li a .menuBox span {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
            }

            .navigation ul li.active a .menuBox span {
                bottom: 10px;
            }

            .navigation ul li.afifliation.active ul.submenu {
                display: block;
            }

            .navigation ul li.afifliation.active .menuBox {
                height: 106px;
            }

            .navigation ul li.afifliation.active ul .menuBox {
                height: 42px;
            }

            .navigation ul li.afifliation.active span {
                bottom: 10px;
            }

            .navigation ul li a:hover .menuBox span {
                bottom: 10px;
            }

            .navigation ul li:hover ul {
                display: block;
            }

            .navigation ul li.afifliation:hover {
                height: 169px;
            }

                .navigation ul li.afifliation:hover a {
                    width: 107px;
                    height: 106px;
                    margin: 0 5px;
                    font-size: 11.43px;
                }

                    .navigation ul li.afifliation:hover a .menuBox {
                        height: 106px;
                    }

                    .navigation ul li.afifliation.active a i.afifliation-show, .navigation ul li.afifliation:hover a i.afifliation-show {
                        width: 45px;
                        height: 42px;
                        background-position: -300px -550px;
                    }

                .navigation ul li.afifliation:hover span {
                    bottom: 10px;
                }

                .navigation ul li.afifliation:hover ul.submenu li a .menuBox {
                    height: 42px;
                }

                    .navigation ul li.afifliation:hover ul.submenu li a .menuBox:hover { /*height: 52px;*/
                    }

                .navigation ul li.afifliation:hover ul.submenu li a {
                    width: auto;
                    height: auto;
                    margin: 0;
                }

            .navigation ul li.afifliation.active {
                height: 169px;
            }

            .navigation ul li.active .menuBox {
                height: 106px;
            }

            .navigation ul li ul.submenu li {
                height: auto;
                margin-right: 20px;
            }

            .navigation ul li ul.submenu a {
                width: auto;
                height: auto;
                margin: 0;
                padding: 0;
                background: transparent;
            }

            .navigation ul li ul.submenu li .menuBox {
                float: left;
                width: 42px;
                height: 42px;
                padding: 0;
                margin: 0 10px 0 5px;
                background-color: #3c3c40;
            }

            .navigation ul li ul.submenu li span {
                float: left;
                display: block;
                line-height: 42px;
                color: #3c3c40;
                font-size: 14px;
                font-family: Open Sans;
                font-weight: 500;
            }

            .navigation ul li ul.submenu li.active a .menuBox, .navigation ul li ul.submenu li a .menuBox:hover {
                width: 52px;
                height: 52px !important;
                margin: 0 5px 0 0;
            }

            .navigation ul li ul.submenu {
            }

            .navigation ul li ul.submenu {
            }
            /* START Navigation icons */
            .navigation ul li a i {
                display: block;
                margin: 0 auto;
                background: url(../images/icon/sprite_icon.png);
            }

            .navigation ul li.myGames a i {
                width: 43px;
                height: 32px;
                background-position: -65px -250px;
            }

            .navigation ul li.myGames a:hover i {
                width: 53px;
                height: 40px;
                background-position: 0 -250px;
            }

            .navigation ul li.myGames.active a i {
                width: 53px;
                height: 40px;
                background-position: 0 -250px;
            }

            .navigation ul li.yourGrDeck a i {
                width: 48px;
                height: 40px;
                background-position: -65px -300px;
            }

            .navigation ul li.yourGrDeck a:hover i {
                width: 60px;
                height: 51px;
                background-position: 0 -300px;
            }

            .navigation ul li.yourGrDeck.active a i {
                width: 60px;
                height: 51px;
                background-position: 0 -300px;
            }

            .navigation ul li.observedGames a i {
                width: 35px;
                height: 35px;
                background-position: -65px -355px;
            }

            .navigation ul li.observedGames a:hover i {
                width: 46px;
                height: 42px;
                background-position: 0 -355px;
            }

            .navigation ul li.observedGames.active a i {
                width: 46px;
                height: 42px;
                background-position: 0 -355px;
            }

            .navigation ul li.finances a i {
                width: 34px;
                height: 31px;
                background-position: -65px -400px;
            }

            .navigation ul li.finances a:hover i {
                width: 45px;
                height: 42px;
                background-position: 0 -400px;
            }

            .navigation ul li.finances.active a i {
                width: 45px;
                height: 42px;
                background-position: 0 -400px;
            }

            .navigation ul li.widgetCreator a i {
                width: 26px;
                height: 32px;
                background-position: -65px -445px;
            }

            .navigation ul li.widgetCreator a:hover i {
                width: 36px;
                height: 45px;
                background-position: 0 -445px;
            }

            .navigation ul li.widgetCreator.active a i {
                width: 36px;
                height: 45px;
                background-position: 0 -445px;
            }

            .navigation ul li.afifliation a i.afifliation-show {
                width: 35px;
                height: 33px;
                background-position: -350px -550px;
            }

            .navigation ul li.afifliation a:hover i.afifliation-show {
                width: 45px;
                height: 42px;
                background-position: -300px -550px;
            }

            .navigation ul li.afifliation.active a:hover i.afifliation-show {
                width: 45px;
                height: 42px;
                background-position: -300px -550px;
            }

            .navigation ul li.widgetList a i {
                width: 31px;
                height: 31px;
                background-position: -65px -500px;
            }

            .navigation ul li.widgetList a:hover i {
                width: 44px;
                height: 44px;
                background-position: 0 -500px;
            }

            .navigation ul li.widgetList.active a i {
                width: 44px;
                height: 44px;
                background-position: 0 -500px;
            }

            .navigation ul li.myShop a i {
                width: 35px;
                height: 32px;
                background-position: -65px -550px;
            }

            .navigation ul li.myShop a:hover i {
                width: 47px;
                height: 43px;
                background-position: 0 -550px;
            }

            .navigation ul li.active a.myShop i {
                width: 47px;
                height: 43px;
                background-position: 0 -550px;
            }

            .navigation ul li.ordestHistory a i {
                width: 24px;
                height: 32px;
                background-position: -65px -700px;
            }

            .navigation ul li.ordestHistory a:hover i {
                width: 29px;
                height: 39px;
                background-position: 0 -700px;
            }

            .navigation ul li.ordestHistory.active a i {
                width: 29px;
                height: 39px;
                background-position: 0 -700px;
            }

            .navigation ul li.settings a i {
                width: 32px;
                height: 31px;
                background-position: -65px -600px;
            }

            .navigation ul li.settings a:hover i {
                width: 43px;
                height: 43px;
                background-position: 0 -600px;
            }

            .navigation ul li.settings.active a i {
                width: 43px;
                height: 43px;
                background-position: 0 -600px;
            }

            .navigation ul li.logOut a i {
                width: 28px;
                height: 31px;
                background-position: -120px -250px;
            }

            .navigation ul li.logOut a:hover i {
                width: 38px;
                height: 42px;
                background-position: -120px -300px;
            }

            .navigation ul li.logOut .active a i {
                width: 38px;
                height: 42px;
                background-position: -120px -300px;
            }

            .navigation ul li.sub-finances a i {
                width: 28px;
                height: 25px;
                margin-top: 8.5px;
                background-position: 0 -650px;
            }

            .navigation ul li.sub-finances.active a .menuBox i, .navigation ul li.sub-finances a .menuBox:hover i {
                margin-top: 13.5px;
            }

            .navigation ul li.sub-widgetCreator a i {
                width: 21px;
                height: 26px;
                margin-top: 8px;
                background-position: -50px -650px;
            }

            .navigation ul li.sub-widgetCreator a .menuBox:hover i, .navigation ul li.sub-widgetCreator.active a .menuBox i {
                margin-top: 13px;
            }

            .navigation ul li.sub-widgetList a i {
                width: 26px;
                height: 26px;
                margin-top: 8px;
                background-position: -100px -650px;
            }

            .navigation ul li.sub-widgetList a .menuBox:hover i, .navigation ul li.sub-widgetList.active a .menuBox i {
                margin-top: 13px;
            }

            .navigation ul li.sub-shopCustomization a i {
                width: 27px;
                height: 24px;
                margin-top: 9px;
                background-position: -150px -650px;
            }

            .navigation ul li.sub-shopCustomization a .menuBox:hover i, .navigation ul li.sub-shopCustomization.active a .menuBox i {
                margin-top: 14px;
            }

            .navigation ul li.sub-productFeed a i {
                width: 24px;
                height: 24px;
                margin-top: 9px;
                background-position: -350px -800px;
            }

            .navigation ul li.sub-productFeed a .menuBox:hover i, .navigation ul li.sub-productFeed.active a .menuBox i {
                margin-top: 14px;
            }
/* END Navigation icons */
/* START Optimal style section */
section .container {
    clear: both;
    float: left;
    margin-top: 20px;
}

    section .container .header {
        font-size: 25px;
        line-height: 28px;
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
    }
/* END Optimal style section */
/* START yourGrDeck-Box */
section .yourGrDeck-Box {
    width: 100%;
}

    section .yourGrDeck-Box .cards {
        clear: both;
        float: left;
        width: calc(100% - 30px);
        margin-top: 20px;
        padding: 15px;
        background-color: #d7d7d7;
    }

        section .yourGrDeck-Box .cards .card {
            float: left;
            font-size: 18px;
            font-family: Open Sans;
            font-weight: 500;
            color: #3c3c40;
        }

            section .yourGrDeck-Box .cards .card span {
                display: inline-block;
                padding: 20px;
                margin: 0 20px 0 30px;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 28px;
                color: #FFF;
                background-color: #3c3c40;
            }

                section .yourGrDeck-Box .cards .card span i {
                    display: inline-block;
                    width: 16px;
                    height: 24px;
                    margin-right: 5px;
                    background: url(../images/icon/sprite_icon.png);
                    background-position: -120px 0;
                }

            section .yourGrDeck-Box .cards .card:first-child span {
                margin-left: 0;
            }
/* END yourGrDeck-Box */
/* START Check Your Cards */
section .checkCards-Box {
    width: 100%;
}
    /* START All Cards */
    section .checkCards-Box .allCards {
        width: calc(69%);
        float: left; /*padding: 0 0 0 20px;*/
        /*margin-right: 1%;*/
    }

        section .checkCards-Box .allCards .allCards__cards {
            position: relative;
            overflow: hidden;
            height: 198px;
            padding: 0 15px;
        }

            section .checkCards-Box .allCards .allCards__cards.allCards__cards--Slider {
                padding: 0 15px;
            }

            section .checkCards-Box .allCards .allCards__cards .prevArrow, section .checkCards-Box .allCards .allCards__cards .nextArrow {
                position: absolute;
                bottom: 50px;
                display: block;
                width: 11px;
                height: 15px;
                background: url(../images/icon/sprite_icon.png) no-repeat;
                background-position: -220px -180px;
            }

            section .checkCards-Box .allCards .allCards__cards .prevArrow {
                transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
            }

            section .checkCards-Box .allCards .allCards__cards .nextArrow {
                right: 0;
            }

            section .checkCards-Box .allCards .allCards__cards .title {
                margin-top: 15px;
                margin-bottom: 10px;
                font-size: 16px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
            }

        section .checkCards-Box .allCards ul {
            margin: 0;
            padding: 0 15px 0 3.5px;
            list-style-type: none;
        }

        section .checkCards-Box .allCards .allCards__cards.allCards__cards--Slider ul {
            padding: 0 15px 0 15px;
        }

        section .checkCards-Box .allCards ul li {
            float: left;
            width: 108px !important;
            x padding: 5px;
            margin-left: 6px;
        }

            section .checkCards-Box .allCards ul li:hover {
                background-color: #ababab;
            }

            section .checkCards-Box .allCards ul li.blankCard:hover {
                background: none;
            }

            section .checkCards-Box .allCards ul li:first-child {
                margin-left: 0;
            }

            section .checkCards-Box .allCards ul li a {
                display: block;
                width: 108px;
                height: 138px;
                background-color: #bebebf;
                border-radius: 4px;
            }

        section .checkCards-Box .allCards .allCards__cards {
            float: left;
            clear: both;
        }
        /*Slider*/
        section .checkCards-Box .allCards .bx-wrapper {
            max-width: 750px !important;
        }

            section .checkCards-Box .allCards .bx-wrapper .bx-viewport {
                background: none !important;
            }

            section .checkCards-Box .allCards .bx-wrapper .bx-controls .bx-prev {
                position: absolute;
                bottom: 50px;
                display: block;
                width: 11px;
                height: 15px;
                left: -10px;
                background: url(../images/icon/sprite_icon.png) no-repeat;
                background-position: -220px -180px;
                transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
            }

            section .checkCards-Box .allCards .bx-wrapper .bx-controls .bx-next {
                position: absolute;
                bottom: 50px;
                display: block;
                width: 11px;
                height: 15px;
                right: -10px;
                background: url(../images/icon/sprite_icon.png) no-repeat;
                background-position: -220px -180px;
            }
        /* START Expired Cards */
        section .checkCards-Box .allCards .allCards__cards.allCards__expiredCards .more {
            float: right;
            margin-top: -18px;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 16px;
            color: #3c3c40;
            text-decoration: underline;
        }

            section .checkCards-Box .allCards .allCards__cards.allCards__expiredCards .more i {
                display: inline-block;
                width: 13px;
                height: 18px;
                margin-right: 5px;
                background: url(../images/icon/sprite_icon.png) no-repeat;
                background-position: -145px 0;
            }
        /* END Expired Cards */
        /* START Burned Cards */
        section .checkCards-Box .allCards .allCards__cards.allCards__burnedCards ul li a .GrCard {
            opacity: 0.5; /*background-color: #cdcdcd;*/
        }
        /* END Burned Cards */
        section .checkCards-Box .allCards .allCards__cards ul li a .GrCard {
            opacity: 0.8; /*background-color: #3c3c40;*/
        }
    /* END All Cards */
    /* START Preview Card */
    section .checkCards-Box .previewCard {
        float: right;
        width: 30%;
        background-color: #d7d7d7;
    }
        /* START Preview Card Card */
        section .checkCards-Box .previewCard .previewCard__card {
            float: left;
            width: calc(100% - 24px);
            padding: 12px;
        }

            section .checkCards-Box .previewCard .previewCard__card .cardBox {
                width: 231px;
            }
        /* START Preview Card Details */
        section .checkCards-Box .previewCard .previewCard__details {
            float: right;
        }

            section .checkCards-Box .previewCard .previewCard__details .detail {
                max-width: 60px;
                padding: 7px;
                background-color: #3c3c40;
                margin-bottom: 1px;
            }

                section .checkCards-Box .previewCard .previewCard__details .detail i {
                    display: block;
                    margin: 0 auto 5px;
                    background: url(../images/icon/sprite_icon.png);
                }

                section .checkCards-Box .previewCard .previewCard__details .detail.mark img {
                    display: block;
                    width: 35px;
                    height: 35px;
                    margin: 0 auto; /*background-position: -120px -355px;*/
                }

                section .checkCards-Box .previewCard .previewCard__details .detail.time i {
                    width: 16px;
                    height: 22px;
                    background-position: -120px -400px;
                }

                section .checkCards-Box .previewCard .previewCard__details .detail.confirmation i {
                    width: 22px;
                    height: 22px;
                    background-position: -120px -445px;
                }

                section .checkCards-Box .previewCard .previewCard__details .detail.zoom i {
                    width: 22px;
                    height: 22px;
                    background-position: -120px -500px;
                }

                section .checkCards-Box .previewCard .previewCard__details .detail span {
                    display: block;
                    text-align: center;
                    font-size: 12.03px;
                    font-family: Open Sans;
                    font-weight: 500;
                    color: #FFF;
                }

                section .checkCards-Box .previewCard .previewCard__details .detail.confirmation {
                    position: relative;
                }

                    section .checkCards-Box .previewCard .previewCard__details .detail.confirmation .tooltip {
                        position: absolute;
                        width: 150px;
                        padding: 10px;
                        background-color: #FFF;
                        left: -170px;
                        top: 15px;
                    }

                    section .checkCards-Box .previewCard .previewCard__details .detail.confirmation:hover .tooltip {
                        opacity: 1;
                    }
        /* END Preview Card Details */
        /* END Preview Card Card */
        /* START Preview Card Description */
        section .checkCards-Box .previewCard .previewCard__description {
            clear: both;
            margin-top: 20px;
            padding: 0 15px;
        }

            section .checkCards-Box .previewCard .previewCard__description h1 {
                margin: 0;
                padding: 0;
                font-size: 24px;
                line-height: 26px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
            }

            section .checkCards-Box .previewCard .previewCard__description h2 {
                margin: 0;
                padding: 0;
                font-size: 14px;
                line-height: 16px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
            }

            section .checkCards-Box .previewCard .previewCard__description p {
                margin: 20px 0 0;
                padding: 0;
                font-size: 18px;
                line-height: 20px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
            }

                section .checkCards-Box .previewCard .previewCard__description p.citation {
                    display: inline-block;
                    font-size: 16px;
                    line-height: 22px;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-style: italic;
                    color: #3c3c40;
                }

                    section .checkCards-Box .previewCard .previewCard__description p.citation i {
                        display: block;
                        float: left;
                        width: 21px;
                        height: 20px;
                        margin-right: 5px;
                        background: url(../images/icon/sprite_icon.png);
                        background-position: -120px -550px;
                    }
        /* END Preview Card Description */
        /* START Preview Card Action */
        section .checkCards-Box .previewCard .previewCard__action {
            display: block;
            width: 100%;
            margin-top: 20px;
        }

            section .checkCards-Box .previewCard .previewCard__action .useIt {
                float: left;
                width: 70%;
                text-align: center;
                color: #FFF;
                padding: 5px 0;
                background-color: #eb173e;
            }

            section .checkCards-Box .previewCard .previewCard__action .giftIt {
                float: left;
                width: 30%;
                text-align: center;
                color: #FFF;
                padding: 5px 0;
                background-color: #3c3c40;
            }

            section .checkCards-Box .previewCard .previewCard__action .burn {
                float: left;
                width: 100%;
                text-align: center;
                color: #FFF;
                padding: 5px 0;
                background-color: #eb173e;
            }
/* END Preview Card Action */
/* END Preview Card */
/* END Check Your Cards */
/* END My Profile */

section.expandedBasket .expandedBasket__selectionGames .header .headerTitle {
    float: left;
}

section.expandedBasket .expandedBasket__selectionGames .content {
}

section.expandedBasket .expandedBasket__selectionGames.showCard .sidebarCards {
    display: block;
    width: 210px;
    margin-right: 10px;
}

section.expandedBasket .expandedBasket__selectionGames.showCard .sidebarGames {
    display: block;
    width: calc(100% - 220px);
}

section.expandedBasket .expandedBasket__selectionGames .sidebarCards {
    display: none;
}

section.expandedBasket .expandedBasket__selectionGames .sidebarGames {
    width: 100%;
}

section.expandedBasket .expandedBasket__selectionGames .content .leftColumn, section.expandedBasket .expandedBasket__selectionGames .content .rightColumn {
    float: left;
}
/* START Expanded Basket */
section.expandedBasket .expandedBasket__selectionGames {
    float: left;
    width: 820px;
}

    section.expandedBasket .expandedBasket__selectionGames .warning {
        float: left;
        clear: both;
        line-height: 40px;
        width: calc(100% - 20px);
        padding: 0 10px;
        margin-bottom: 20px;
        background-color: #e1e1e1;
        border: 1px solid #db8391;
    }

        section.expandedBasket .expandedBasket__selectionGames .warning p {
            float: left;
            margin-bottom: 0;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 14px;
            color: #000;
        }

        section.expandedBasket .expandedBasket__selectionGames .warning a {
            float: right;
            margin: 0 10px;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 14px;
            color: #000;
        }

            section.expandedBasket .expandedBasket__selectionGames .warning a span {
                font-weight: bold;
            }

            section.expandedBasket .expandedBasket__selectionGames .warning a:hover {
                text-decoration: none;
            }

    section.expandedBasket .expandedBasket__selectionGames .expandedBasket__selectionGames-Box {
        overflow: hidden;
        border-bottom: 1px solid #FFF;
    }

    section.expandedBasket .expandedBasket__selectionGames .headerTitle {
        margin-bottom: 17px;
        padding: 15px 0;
        font-size: 24.42px;
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
        border-bottom: 1px solid #e1e1e1;
        text-transform: none;
    }

    section.expandedBasket .expandedBasket__selectionGames .expandedBasket__selectionGames--card {
        float: left;
        margin-right: 10px;
    }
    /* Card Box */
    section.expandedBasket .expandedBasket__selectionGames .content .leftColumn .cardBox {
        overflow: hidden;
        width: 184px;
        padding: 12px;
        background-color: #e1e1e1;
    }

        section.expandedBasket .expandedBasket__selectionGames .content .leftColumn .cardBox .title {
            font-family: Open Sans;
            font-weight: 500;
            color: #3c3c40;
            font-size: 14px;
        }

        section.expandedBasket .expandedBasket__selectionGames .content .leftColumn .cardBox .card {
            margin-top: 10px;
        }

    section.expandedBasket .expandedBasket__selectionGames .content .leftColumn a.showAllCard {
        display: block;
        clear: both;
        margin: 10px;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 13px;
        color: #3c3c40;
        border-bottom: 1px solid #a8a8a9;
    }

        section.expandedBasket .expandedBasket__selectionGames .content .leftColumn a.showAllCard:hover {
            text-decoration: none;
        }

    section.expandedBasket .expandedBasket__selectionGames .content .leftColumn .action {
        clear: both;
        float: left;
        width: 100%;
        margin-top: 5px;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 13px;
    }

        section.expandedBasket .expandedBasket__selectionGames .content .leftColumn .action a:first-child {
            float: left;
            text-decoration: underline;
            color: #3c3c40;
        }

        section.expandedBasket .expandedBasket__selectionGames .content .leftColumn .action a:last-child {
            float: right;
            color: #3c3c40;
        }

            section.expandedBasket .expandedBasket__selectionGames .content .leftColumn .action a:last-child:hover {
                text-decoration: none;
            }

            section.expandedBasket .expandedBasket__selectionGames .content .leftColumn .action a:last-child span {
                font-weight: bold;
            }

    section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul {
        margin: 0 0 20px;
        padding: 0;
        list-style: none;
    }

        section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li { /*width: 600px;*/
            height: 60px;
            padding: 3px;
            background-color: #e1e1e1;
        }

            section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li:nth-child(2n+2) {
                background: none;
            }

            section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li img {
                float: left;
                width: 60px;
                height: 60px;
                margin-right: 10px;
            }

            section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li div {
                float: left;
                line-height: 60px;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14px;
            }

            section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li .title a {
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14px;
                color: #000;
            }

                section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li .title a:hover {
                    text-decoration: none;
                }

            section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li .cards {
                border-left: 1px solid #000;
                line-height: 20px;
                margin: 20px 0 20px 10px;
                cursor: pointer;
            }

                section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li .cards i {
                    display: block;
                    float: left;
                    width: 23px;
                    height: 21px;
                    margin: 0 8px;
                    background: url(../images/icon/sprite_icon.png) no-repeat;
                    background-position: -120px -600px;
                }

            section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li .price, section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li .oldPrice, section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li .discount {
                float: right;
            }

            section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li .oldPrice, section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li .discount {
                margin: 0 3px;
                font-size: 12px;
            }

            section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li .oldPrice {
                text-decoration: line-through;
            }

            section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li a.remove {
                float: right;
                display: block;
                line-height: 60px;
                padding: 0 10px;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14px;
                color: #3c3c40;
            }

                section.expandedBasket .expandedBasket__selectionGames .content .rightColumn ul li a.remove:hover {
                    text-decoration: none;
                }




    section.expandedBasket .expandedBasket__payments {
        float: right;
        width: 268px;
    }

    section.expandedBasket .expandedBasket__payments a.title {
        display: block;
        padding: 5px 0;
        text-align: center;
        background-color: #3c3c40;
        color: #FFF;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 16px;
    }

    section.expandedBasket .expandedBasket__payments .btn-large.proceed {
        float: right;
        margin: 20px 0;
        padding: 11px 74px;
    }

    section.expandedBasket .expandedBasket__payments .bloq {
        margin: 0;
    }

    section.expandedBasket .expandedBasket__payments .bloq small {
        line-height: 0;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod {
        margin: 7px 0 0;
        padding: 0;
        list-style: none;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li {
        overflow: hidden;
        width: 100%;
        min-height: 52px;
        line-height: 52px;
        background-color: #e1e1e1;
        margin-bottom: 1px;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li input {
        float: left;
        display: block;
        line-height: 50px;
        display: block;
        margin: 19px 12px;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-methodPayment .methodBox,
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-payPal .methodBox,
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-paysafeCard .methodBox,
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-sofort .methodBox,
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-payu .methodBox,
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-storeCredit .methodBox {
        float: left;
        margin: 10px 2px 10px 0;
        background-color: #fff;
        cursor: pointer;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-storeCredit .methodBox {
        position: relative;
        width: 220px;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-storeCredit .storeCredit_desc {
        clear: both;
        margin-left: 35px;
        margin-bottom: 15px;
        margin-top: 15px;
        line-height: 16px;
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 300;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-storeCredit .methodBox p {
        position: absolute;
        margin: 0;
        right: 3px;
        bottom: 3px;
        font-size: 10px;
        line-height: 10px;
        font-family: "Open Sans";
        font-weight: 300;
    }
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-storeCredit .methodBox p span {
        font-size: 13px;
    }
     section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-methodPayment .methodPayment_desc {
        display: none;
        clear: both;
        margin-left: 35px;
        margin-bottom: 15px;
        line-height: 16px;
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 300;
    }

     section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-methodPayment .methodPayment_desc_off {
        display: block !important;
        clear: both;
        margin-left: 35px;
        margin-bottom: 15px;
        line-height: 16px;
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 300;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-payPal .payPal_desc {
        display: none;
        clear: both;
        margin-left: 35px;
        margin-bottom: 15px;
        line-height: 16px;
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 300;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-payPal .payPal_desc_off {
        display: block !important;
        clear: both;
        margin-left: 35px;
        margin-bottom: 15px;
        line-height: 16px;
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 300;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-paysafeCard .paysafeCard_desc {
        display: none;
        clear: both;
        margin-left: 35px;
        margin-bottom: 15px;
        line-height: 16px;
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 300;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-paysafeCard .paysafeCard_desc_off {
        display: block !important;
        clear: both;
        margin-left: 35px;
        margin-bottom: 15px;
        line-height: 16px;
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 300;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-sofort .sofort_desc {
        display: none;
        clear: both;
        margin-left: 35px;
        margin-bottom: 15px;
        line-height: 16px;
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 300;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-sofort .sofort_desc_off {
        display: block !important;
        clear: both;
        margin-left: 35px;
        margin-bottom: 15px;
        line-height: 16px;
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 300;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-payu .payu_desc {
        display: none;
        clear: both;
        margin-left: 35px;
        margin-bottom: 15px;
        line-height: 16px;
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 300;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-payu .payu_desc_off {
        display: block !important;
        clear: both;
        margin-left: 35px;
        margin-bottom: 15px;
        line-height: 16px;
        font-size: 12px;
        font-family: "Open Sans";
        font-weight: 300;
    }

        section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-methodPayment .payment-method-off,
        section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-payPal .payment-method-off,
        section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-paysafeCard .payment-method-off,
        section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-payu .payment-method-off,
        section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-sofort .payment-method-off { 
            margin-left: 35px;
        }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-paysafeCard .paysafeCard_desc.active {
        display: block;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-sofort .sofort_desc.active {
        display: block;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .wrapp-payu .payu_desc.active {
        display: block;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .visa {
        width: 36px;
        height: 10px;
        background-position: 0 0;
        margin: 10.5px 3.5px;
    }
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .masterCard {
        width: 31px;
        height: 17px;
        background-position: -50px 0;
        margin: 6.5px 6px;
    }
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .iconBlue {
        width: 34px;
        height: 21px;
        background-position: -100px 0;
        margin: 4.5px;
    }
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .iconOrange {
        width: 35px;
        height: 22px;
        background-position: -150px 0;
        margin: 4px;
    }
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .jcb {
        width: 27px;
        height: 21px;
        background-position: -204px 0;
        margin: 4.5px 8px;
    }
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .payPal {
        width: 74px;
        height: 18px;
        background-position: 0 -50px;
        margin: 6px;
    }
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .paysafeCard {
        width: 107px;
        height: 19px;
        background-position: -100px -50px;
        margin: 5.5px 7px;
    }

    
section.expandedBasket .expandedBasket__payments ul.paymentMethod li .methodBox i.sofort {
    width: 100px;
    height: 20px;
    background-image: url(../images/icon/sofort_100x38.png) !important;
}

section.expandedBasket .expandedBasket__payments ul.paymentMethod li .methodBox i.payu {
    width: 60px;
    height: 30px;
    background: url(../images/icon/payu_60x30.png) !important;
    margin: 2px 7px;
}

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .sofort {
        width: 107px;
        height: 19px;
        background-position: -100px -48px;
        margin: 5.5px 7px;
    }
    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .storeCredit {
        width: 91px;
        height: 9px;
        background-position: 0 -100px;
        margin: 10.5px 9px
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li .methodBox i {
        display: block;
        background-image: url(../images/icon/iconPayment.png);
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li.check {
        margin-top: 5px;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li #discount-code-panel, section.expandedBasket .expandedBasket__payments ul.paymentMethod li #gift-panel {
        clear: both;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li #gift-panel input[type="email"], section.expandedBasket .expandedBasket__payments ul.paymentMethod li #gift-panel textarea {
        width: calc(100% - 50px);
        margin: 0 20px 0 20px;
        padding: 4px 5px;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li #discount-code-panel input[type="text"] {
        width: 180px;
        margin: 0 10px 10px 20px;
        padding: 4px 5px;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li #gift-panel input[type="submit"], section.expandedBasket .expandedBasket__payments ul.paymentMethod li #discount-code-panel input[type="submit"] {
        float: left;
        margin: 0 10px 10px 0;
        line-height: 20px;
        background-color: #85ac01;
        border: 0;
        color: #FFF;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li #discount-code-panel input[type="submit"] {
        width: 28px;
        line-height: 28px;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li #gift-panel input[type="submit"] {
        float: none;
        margin: 0 auto 10px;
        padding: 4px 10px;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li #gift-panel textarea {
        margin-bottom: 10px;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li span.tooltip {
        position: absolute;
        width: 180px;
        padding: 5px 25px;
        color: #000000;
        background: #FFFFFF;
        text-align: center;
        visibility: hidden;
        border-radius: 5px;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li span.tooltip:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-bottom: 8px solid #FFFFFF;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

    section.expandedBasket .expandedBasket__payments ul.paymentMethod li:hover input[disabled] + span.tooltip {
        visibility: visible;
        opacity: 1;
        bottom: -47px;
        left: 50%;
        margin-left: -115px;
        z-index: 999;
    }

    section.expandedBasket .expandedBasket__payments .privacyPolicy {
        float: left;
        margin: 10px 0;
    }

    section.expandedBasket .expandedBasket__payments .privacyPolicy input {
        float: left;
        display: block;
        margin-top: 60px;
    }

    section.expandedBasket .expandedBasket__payments .privacyPolicy span {
        display: block;
        margin-left: 20px;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 12px;
        margin-top: 20px;
    }

    section.expandedBasket .expandedBasket__payments .privacyPolicy span a {
        color: #000;
        text-decoration: underline;
    }

    section.expandedBasket .expandedBasket__payments .privacyPolicy span span {
        display: inline-block;
        margin: 0;
        text-decoration: underline;
    }

    section.expandedBasket .expandedBasket__payments .amountPay {
        clear: both;
        overflow: hidden;
        margin-top: 20px;
    }

    section.expandedBasket .expandedBasket__payments .amountPay p {
        display: block;
        float: left;
        width: 100%;
    }

    section.expandedBasket .expandedBasket__payments .amountPay p span {
        float: left;
        display: block;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14px;
        color: #3c3c40;
    }

    section.expandedBasket .expandedBasket__payments .amountPay p:last-child span {
        font-size: 16px;
    }

    section.expandedBasket .expandedBasket__payments .amountPay p:last-child span:last-child {
        font-size: 35px;
        line-height: 35px;
    }

    section.expandedBasket .expandedBasket__payments .amountPay p span:last-child {
        float: right;
    }

    section.expandedBasket .expandedBasket__payments a.payment {
        clear: both;
        display: block;
        width: 100%;
        margin-top: 20px;
        padding: 15px 0;
        text-align: center;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 16px;
        background-color: #85ac01;
        color: #FFF;
    }

    section.expandedBasket .expandedBasket__payments a.payment:hover {
        text-decoration: none;
    }



    section.expandedBasket .expandedBasket__payments #payment-refund-validation-summary-info.validation-summary-errors {
        position: relative;
        margin: 10px 0 20px;
    }
    section.expandedBasket .expandedBasket__payments #payment-refund-validation-summary-info.validation-summary-errors .arrow-down {
        margin: 0 0 0 -20px;
        left: 50%;
    }




section.expandedBasket .expandedBasket__selectionGames .expandedBasket__selectionGames-info {
    float: left;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #e1e1e1;
}

    section.expandedBasket .expandedBasket__selectionGames .expandedBasket__selectionGames-info div {
        overflow: hidden;
        display: table;
        width: calc(100% - 16px);
        padding: 12px 8px;
        background-color: #e1e1e1;
        margin-bottom: 11px;
    }

        section.expandedBasket .expandedBasket__selectionGames .expandedBasket__selectionGames-info div span {
            display: table-cell;
            vertical-align: middle;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 14px;
        }

        section.expandedBasket .expandedBasket__selectionGames .expandedBasket__selectionGames-info div p {
            float: right;
            margin: 0;
        }

            section.expandedBasket .expandedBasket__selectionGames .expandedBasket__selectionGames-info div p span {
                clear: both;
                display: block;
                text-align: right;
            }

                section.expandedBasket .expandedBasket__selectionGames .expandedBasket__selectionGames-info div p span.discount {
                    color: #85ac01;
                }

        section.expandedBasket .expandedBasket__selectionGames .expandedBasket__selectionGames-info div a {
            float: right;
            padding: 8px 25px;
            background-color: #3c3c40;
            color: #FFF;
        }

            section.expandedBasket .expandedBasket__selectionGames .expandedBasket__selectionGames-info div a:hover {
                text-decoration: none;
            }

/* END Expanded Basket */
/* START Search Section */
section .searchContent {
    overflow: hidden;
    clear: both;
}

body.homePage section .searchContent {
    width: 1140px;
    margin: 0 auto;
}

    section .searchContent .searchBox {
        float: left;
        width: 255px;
        margin-bottom: 10px;
        background: #eee;
        padding: 8px 0;
    }

        section .searchContent .searchBox.loading {
            opacity: 0.5;
        }

        section .searchContent .searchBox .box .title {
            font-size: 16px;
            font-family: Open Sans;
        }

        section .searchContent .searchBox .box .searchBox--search {
            background: #fdfdfd;
        }

            section .searchContent .searchBox .box .searchBox--search button {
                display: block;
                float: left;
                width: 13px;
                height: 13px;
                margin: 8.5px;
                background: url(../images/icon/sprite_icon.png) no-repeat;
                background-position: -400px -600px;
                border: 0;
            }

        section .searchContent .searchBox .box ul li a.icon i {
            float: left;
            margin-right: 10px !important;
            background: url(../images/icon/sprite_icon.png) no-repeat;
        }

        section .searchContent .searchBox .box ul li a.all-platforms i {
            width: 22px;
            height: 21px;
            margin: 2px 0;
            background-position: -180px -250px;
        }

        section .searchContent .searchBox .box ul li a.windows i {
            width: 18px;
            height: 19px;
            margin: 7px 0;
            background-position: -180px -300px;
        }

        section .searchContent .searchBox .box ul li a.mac i {
            width: 20px;
            height: 23px;
            margin: 5px 0;
            background-position: -180px -355px;
        }

        section .searchContent .searchBox .box ul li a.linux i {
            width: 18px;
            height: 22px;
            margin: 5.5px 0;
            background-position: -180px -400px;
        }

        section .searchContent .searchBox .box ul li a.android i {
            width: 17px;
            height: 21px;
            margin: 6px 0;
            background-position: -180px -445px;
        }

        section .searchContent .searchBox .box ul li a.steam i {
            width: 22px;
            height: 16px;
            margin: 8.5px 0;
            background-position: -180px -500px;
        }

        section .searchContent .searchBox .box ul li a.drmFree i {
            width: 22px;
            height: 17px;
            margin: 8px 0;
            background-position: -180px -550px;
        }

        section .searchContent .searchBox .box ul li a.otherDRM i {
            width: 22px;
            height: 19px;
            margin: 7px 0;
            background-position: -180px -600px;
        }

        section .searchContent .searchBox .title {
            margin: 0 5px;
            padding: 7px 0;
        }

        section .searchContent .searchBox input {
            width: 200px;
            margin: 0;
            padding: 4px 20px 4px 0;
            background: #fdfdfd;
            color: #999;
            outline: 0;
        }

        section .searchContent .searchBox select {
            width: 250px;
            background: #d4d4d4;
            color: #999;
        }

        section .searchContent .searchBox ul {
            margin: 0 0 10px;
            padding: 0;
            list-style: none;
        }

            section .searchContent .searchBox ul li a:hover, section .searchContent .searchBox ul li a:focus {
                text-decoration: none;
            }

            section .searchContent .searchBox ul li a {
                display: block;
                width: calc(100% - 16px);
                height: 26px;
                line-height: 26px;
                padding: 0 8px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 14px;
            }

                section .searchContent .searchBox ul li a.active {
                    background-color: #fafafa;
                }

            section .searchContent .searchBox ul.type li {
                padding-left: 20px;
                height: 18px;
                margin-bottom: 6px;
            }

                section .searchContent .searchBox ul.type li a {
                    display: inline-block;
                    width: auto;
                    height: auto;
                    line-height: 18px;
                }

                section .searchContent .searchBox ul.type li:hover, section .searchContent .searchBox ul.type li.active {
                    background: #fafafa;
                }

                section .searchContent .searchBox ul.priceLimit li {
                padding-left: 20px;
                height: 18px;
                margin-bottom: 6px;
            }

                section .searchContent .searchBox ul.priceLimit li a {
                    display: inline-block;
                    width: auto;
                    height: auto;
                    line-height: 18px;
                    background-color: transparent;
                }

                section .searchContent .searchBox ul.priceLimit li:hover, section .searchContent .searchBox ul.priceLimit li.active {
                    background: #fafafa;
                }

    section .searchContent .gamesBox {
        float: right;
        width: calc(100% - 278px);
        margin-left: 20px;
        margin-bottom: 10px;
    }

    section .searchContent .gamesBox__tabs {
        width: calc(100% - 20px);
        padding: 10px 10px 0;
        float: left;
        background-color: #eeeeee;
    }

        section .searchContent .gamesBox__tabs ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            section .searchContent .gamesBox__tabs ul li {
                float: left;
            }

                section .searchContent .gamesBox__tabs ul li a {
                    display: block;
                    font-family: Open Sans;
                    font-weight: 500;
                    margin: 0 5px;
                    color: #3c3c40;
                    height: 24px;
                }

                    section .searchContent .gamesBox__tabs ul li a.active {
                        position: relative;
                        font-weight: bold;
                        text-decoration: none;
                        border-bottom: 2px solid #f4012f;
                    }

    section .searchContent .gamesBox__listGame .progress {
        display: block;
        margin: 0 auto;
    }

    section .searchContent .gamesBox__listGame {
        clear: both;
        overflow: hidden;
        width: calc(100% - 30px);
        padding: 15px;
        background-color: #eeeeee;
    }

        section .searchContent .gamesBox__listGame ul {
            overflow: hidden;
            width: 100%;
            padding: 0 0 20px;
            margin: 0;
            list-style: none;
            border-bottom: 1px solid #fff;
        }

            section .searchContent .gamesBox__listGame ul li {
                position: relative;
                clear: both;
                float: left;
                width: 100%;
                height: 60px;
                margin-bottom: 5px;
            }

                section .searchContent .gamesBox__listGame ul li:nth-child(2n+1) {
                    background-color: #fafafa;
                }

                section .searchContent .gamesBox__listGame ul li .warning {
                    float: left;
                    position: relative;
                }

                    section .searchContent .gamesBox__listGame ul li .warning i {
                        display: block;
                        float: left;
                        width: 18px;
                        height: 19px;
                        margin: 20.5px 10px;
                        background: url(../images/icon/sprite_icon.png) no-repeat;
                        background-position: -280px 0;
                    }

                    section .searchContent .gamesBox__listGame ul li .warning .info {
                        display: none;
                        position: absolute;
                        width: 255px;
                        left: 35px;
                        margin-left: 10px;
                        padding: 0 10px;
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 14px;
                        color: #3c3c40;
                        background-color: #FFF;
                    }

                        section .searchContent .gamesBox__listGame ul li .warning .info:before {
                            content: " ";
                            position: absolute;
                            top: 22.5px;
                            left: -6px;
                            width: 0;
                            height: 0;
                            border-style: solid;
                            border-width: 7.5px 6px 7.5px 0;
                            border-color: transparent #ffffff transparent transparent;
                        }

                    section .searchContent .gamesBox__listGame ul li .warning .distinction {
                        display: inline-block;
                        font-weight: bold;
                        line-height: 60px;
                        color: #ef0e38;
                    }

                section .searchContent .gamesBox__listGame ul li span.descriptionBox img {
                    float: left;
                    display: block;
                    max-width: 102px;
                    max-height: 60px;
                    margin-right: 20px;
                }

                section .searchContent .gamesBox__listGame ul li span.descriptionBox span {
                    max-width: 450px;
                    display: block;
                    float: left;
                    line-height: 60px; /*margin-right: 20px;*/
                    color: #3c3c40;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                section .searchContent .gamesBox__listGame ul li span.infoBox {
                    display: block;
                    float: right;
                    margin-right: 10px;
                }

                    section .searchContent .gamesBox__listGame ul li span.infoBox .preOrder {
                        float: left;
                        padding: 2px 4px;
                        margin: 18px 10px 18px 0;
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 11px;
                        color: #3c3c40;
                        text-transform: uppercase;
                        background-color: #c4c4c4;
                    }

                    section .searchContent .gamesBox__listGame ul li span.infoBox .dlc {
                        float: left;
                        padding: 2px 4px;
                        margin: 18px 10px 18px 0;
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 11px;
                        color: #3c3c40;
                        text-transform: uppercase;
                        background-color: #d1d1d1;
                    }

                    section .searchContent .gamesBox__listGame ul li span.infoBox .free {
                        float: left;
                        padding: 2px 4px;
                        margin: 18px 10px 18px 0;
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 11px;
                        color: #3c3c40;
                        text-transform: uppercase;
                        background-color: #c4c4c4;
                    }

                section .searchContent .gamesBox__listGame ul li .promotion-price__Boxes {
                    position: relative;
                    float: right;
                    margin: 18px 0;
                    bottom: 0;
                }

                section .searchContent .gamesBox__listGame ul li span.infoBox .icons {
                    float: left;
                    display: block;
                    background: none;
                    margin: 20px 10px 20px 0;
                }

                    section .searchContent .gamesBox__listGame ul li span.infoBox .icons i {
                        display: inline-block;
                        background: url(../images/icon/sprite_icon.png) no-repeat;
                    }

                        section .searchContent .gamesBox__listGame ul li span.infoBox .icons i.drmFree {
                            width: 14px;
                            height: 12px;
                            background-position: -280px -35px;
                        }

                        section .searchContent .gamesBox__listGame ul li span.infoBox .icons i.steam {
                            width: 16px;
                            height: 12px;
                            background-position: -300px -35px;
                        }

                        section .searchContent .gamesBox__listGame ul li span.infoBox .icons i.windows {
                            width: 11px;
                            height: 12px;
                            background-position: -320px -35px;
                        }

                        section .searchContent .gamesBox__listGame ul li span.infoBox .icons i.mac {
                            width: 11px;
                            height: 12px;
                            background-position: -334px -35px;
                        }

                        section .searchContent .gamesBox__listGame ul li span.infoBox .icons i.linux {
                            width: 10px;
                            height: 12px;
                            background-position: -350px -35px;
                        }

                        section .searchContent .gamesBox__listGame ul li span.infoBox .icons i.android {
                            width: 10px;
                            height: 12px;
                            background-position: -365px -35px;
                        }

                        section .searchContent .gamesBox__listGame ul li span.infoBox .icons i.gog {
                            width: 12px;
                            height: 12px;
                            background-position: -380px -35px;
                        }

                        section .searchContent .gamesBox__listGame ul li span.infoBox .icons i.origin {
                            width: 9px;
                            height: 12px;
                            background-position: -400px -35px;
                        }

                        section .searchContent .gamesBox__listGame ul li span.infoBox .icons i.uplay {
                            width: 15px;
                            height: 12px;
                            background-position: -420px -35px;
                        }

                        section .searchContent .gamesBox__listGame ul li span.infoBox .icons i.drm {
                            width: 20px;
                            height: 12px;
                            background-position: -350px -50px;
                        }

                section .searchContent .gamesBox__listGame ul li span.infoBox a {
                    float: left;
                    display: block;
                    font-family: Open Sans;
                    font-size: 14px;
                    background-color: #ef0e38;
                    color: #FFF;
                    padding: 4px 12px;
                    margin: 16px 0;
                }

                    section .searchContent .gamesBox__listGame ul li span.infoBox a:hover {
                        text-decoration: none;
                    }

        section .searchContent .gamesBox__listGame .loadingbox.list {
            float: right;
            position: absolute;
            z-index: 1;
            right: 10px;
            width: 150px;
            top: 5px;
        }

    section .searchContent a.allGames {
        display: block;
        width: 100%;
        text-align: center;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14px;
        color: #FFF;
        padding: 6px 0;
        background-color: #3c3c40;
    }

    section .searchContent a.allGames {
        text-decoration: none;
    }
/* END Search Section */
/* START Games View */
.yourGames-Box {
    width: 100%;
    border-bottom: 1px solid #3c3c40;
}

    .yourGames-Box a.redeem {
        float: right;
        padding: 8px 15px;
        background-color: #3c3c40;
        color: #FFF;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 16px;
    }

        .yourGames-Box a.redeem:hover {
            text-decoration: none;
        }

    .yourGames-Box .header {
        margin-bottom: 10px;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 27.85px;
        color: #3c3c40;
        text-transform: none;
    }

    .yourGames-Box .header-info {
        margin-bottom: 40px;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 16px;
        color: #3c3c40;
    }

    .yourGames-Box .box {
        float: right;
        margin-top: -60px;
    }

        .yourGames-Box .box .title {
            float: left;
            line-height: 32px;
            margin-right: 10px;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 16px;
            color: #3c3c40;
        }

        .yourGames-Box .box select {
            width: 132px;
            border: 0;
            background-color: #cbcbcb;
            outline: 0;
            -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.54);
            -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.54);
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.54);
        }

            .yourGames-Box .box select option {
                outline: 0;
            }

    .yourGames-Box .gamesBox {
        margin-bottom: 20px;
    }

.grSuggestions-Box .header {
    margin-bottom: 30px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 27.85px;
    color: #3c3c40;
    text-transform: none;
    text-transform: none;
}
/* END Games View */
/* START Slider Content */
section .slidersContent {
    overflow: hidden;
    margin: 20px 0 0;
}

body.homePage section .slidersContent {
    width: 1140px;
    margin: 0 auto;
}

    section .slidersContent ul {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    section .slidersContent .largeSlider {
        position: relative;
        float: left;
        width: 862px;
        max-height: 296px;
        margin-left: 3px;
        margin-top: 0px;
        margin-right: 10px;
        -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    }

        section .slidersContent .largeSlider .myCard {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 73px 73px 0 0;
            border-color: #3c3c40 transparent transparent transparent;
        }

            section .slidersContent .largeSlider .myCard i {
                position: absolute;
                top: -64px;
                left: 9px;
                display: block;
                width: 37px;
                height: 32px;
                background: url(../images/icon/sprite_icon.png);
                background-position: -180px -180px;
            }

        section .slidersContent .largeSlider img {
            display: block;
            width: 100%;
            max-height: 255px;
        }

        section .slidersContent .largeSlider .controls {
            display: block;
            float: left;
            padding: 12px;
            background-color: #3c3c40;
        }

            section .slidersContent .largeSlider .controls i {
                display: block;
                width: 11px;
                height: 16px;
                background: url(../images/icon/sprite_icon.png) no-repeat;
            }

        section .slidersContent .largeSlider .next i {
            background-position: -280px -70px;
        }

        section .slidersContent .largeSlider .prev i {
            background-position: -280px -70px;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

        section .slidersContent .largeSlider .description {
            width: calc(100% - 77px);
            height: 41px;
            background-color: #EEE;
            margin: 0 auto;
        }

        section .slidersContent .largeSlider .promotion-price__Boxes {
            margin: 8px;
        }

        section .slidersContent .largeSlider .bx-wrapper, section .slidersContent .largeSlider .bx-wrapper .bx-viewport {
            max-height: 296px !important;
            height: 296px !important;
        }

            section .slidersContent .largeSlider .bx-wrapper .bx-viewport ul li img {
                max-height: 300px !important;
            }

            section .slidersContent .largeSlider .bx-wrapper .bx-viewport ul li .controlsAndDescription {
                position: absolute;
                width: 100%;
                bottom: -41px;
                background-color: #EEE;
            }

            section .slidersContent .largeSlider .bx-wrapper .bx-controls {
                position: absolute;
                width: 100%;
                bottom: 0;
            }

                section .slidersContent .largeSlider .bx-wrapper .bx-controls .bx-controls-direction {
                    position: absolute;
                    width: 100%;
                    height: 40px;
                    bottom: 0;
                }

                    section .slidersContent .largeSlider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
                        display: block;
                        padding-left: 25px;
                        width: 10px;
                        height: 17px;
                        left: 0;
                        bottom: 11px;
                        margin: 0;
                        background: url(../images/icon/sprite_icon.png) no-repeat;
                        background-position: -230px -180px;
                    }

                    section .slidersContent .largeSlider .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
                        display: block;
                        padding-right: 25px;
                        width: 10px;
                        height: 17px;
                        right: 0;
                        bottom: 11px;
                        margin: 0;
                        background: url(../images/icon/sprite_icon.png) no-repeat;
                        background-position: -230px -180px;
                        transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                    }

        section .slidersContent .largeSlider .description .title {
            float: left;
            line-height: 41px;
            color: #3c3c40;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 20px;
            margin-left: 12px;
        }

        section .slidersContent .largeSlider .infoBox {
            position: absolute;
            right: 0;
            bottom: 35px;
            float: right;
        }

            section .slidersContent .largeSlider .infoBox div {
                float: right;
                margin: 6px 0;
                padding: 4px 12px;
                font-size: 17.38px;
                font-family: Open Sans;
                color: #FFF;
            }

            section .slidersContent .largeSlider .infoBox .free {
                float: left;
                padding: 0 2px;
                margin-top: 12px;
                margin-right: 10px;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 11px;
                color: #3c3c40;
                text-transform: uppercase;
                background-color: #c4c4c4;
            }

        section .slidersContent .largeSlider .no-slide .description {
            width: 100%;
        }

    section .slidersContent .smallSlider {
        position: relative;
        float: right;
        width: 255px;
        max-height: 296px;
        margin-left: 3px;
        margin-top: 0px;
        -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    }

        section .slidersContent .smallSlider .bx-wrapper .bx-controls {
            position: absolute;
            width: 100%;
            bottom: 0;
        }

            section .slidersContent .smallSlider .bx-wrapper .bx-controls .bx-controls-direction {
                position: absolute;
                width: 100%;
                height: 40px;
                bottom: 0;
            }

                section .slidersContent .smallSlider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
                    display: block;
                    width: 10px;
                    height: 17px;
                    top: auto;
                    left: 5px;
                    bottom: 11.5px;
                    margin-top: 0;
                    background: url(../images/icon/sprite_icon.png) no-repeat;
                    background-position: -240px -180px;
                }

                section .slidersContent .smallSlider .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
                    display: block;
                    width: 10px;
                    height: 17px;
                    top: auto;
                    right: 5px;
                    bottom: 11.5px;
                    margin-top: 0;
                    background: url(../images/icon/sprite_icon.png) no-repeat;
                    background-position: -240px -180px;
                    transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                }

            section .slidersContent .smallSlider .bx-wrapper .bx-controls .bx-pager {
                display: none !important;
            }

        section .slidersContent .smallSlider img {
            display: block;
            width: 100%;
        }

        section .slidersContent .smallSlider .controls {
            display: block;
            float: left;
            padding: 12px 5px;
            background-color: #cdcdcd;
        }

            section .slidersContent .smallSlider .controls i {
                display: block;
                width: 11px;
                height: 16px;
                background: url(../images/icon/sprite_icon.png) no-repeat;
            }

        section .slidersContent .smallSlider .next i {
            background-position: -300px -70px;
        }

        section .slidersContent .smallSlider .prev i {
            background-position: -300px -70px;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

        section .slidersContent .smallSlider .controlsAndDescription {
            width: 100%;
            height: 40px;
            background-color: #EEE;
        }

        section .slidersContent .smallSlider .description {
            position: relative;
            width: calc(100% - 42px);
            height: 40px;
            margin: 0 auto;
            background-color: #EEE;
        }

            section .slidersContent .smallSlider .description .title {
                float: left;
                line-height: 40px;
                color: #3c3c40;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14px;
                margin: 0 8px;
            }

            section .slidersContent .smallSlider .description .infoBox {
                position: absolute;
                top: -28px;
                right: -16px;
            }

                section .slidersContent .smallSlider .description .infoBox div {
                    float: right;
                    padding: 4px 12px;
                    font-size: 17.38px;
                    font-family: Open Sans;
                    color: #FFF;
                }

                section .slidersContent .smallSlider .description .infoBox .free {
                    float: left;
                    padding: 0 2px;
                    margin-top: 5px;
                    margin-right: 10px;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 11px;
                    color: #3c3c40;
                    text-transform: uppercase;
                    background-color: #c4c4c4;
                }

        section .slidersContent .smallSlider .promotion-price__Boxes {
            margin: 8px;
        }

        section .slidersContent .smallSlider .no-slide .description {
            width: 100%;
        }

            section .slidersContent .smallSlider .no-slide .description .title {
                margin-left: 8px;
            }
/* END Slider Content */
/* START Module Card */
.moduleCards {
    position: relative;
    width: calc(100% - 4px);
    height: 167px;
    margin: 0 auto 20px;
    background-color: #c4c4c4;
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

    .moduleCards .bg {
        position: absolute;
        top: 0;
        width: 100%;
        height: 167px;
        background: url(../images/moduleCardBg.png) no-repeat center center;
    }

    .moduleCards .photos {
        position: relative;
        width: 50%;
        float: left;
    }

        .moduleCards .photos img {
            display: block;
            height: 168px;
            float: right;
        }

    .moduleCards .information {
        position: relative;
        width: 50%;
        float: left;
    }

        .moduleCards .information span {
            display: block;
            margin-top: 50px;
            margin-bottom: 10px;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 19.14px;
            color: #3c3c40;
            text-align: center;
            text-transform: uppercase;
        }

        .moduleCards .information a {
            display: block;
            width: 150px;
            padding: 8px 0;
            margin: 0 auto;
            text-align: center;
            background-color: #eb173e;
            color: #FFF;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 14.83px;
            text-transform: uppercase;
        }

            .moduleCards .information a:hover {
                text-decoration: none;
            }
/* END Module Card */
/* START Games Content */
body.homePage section .sliderBox,
body.homePage section .sliderBox .bx-viewport {
    height: 222px !important;
}

body.homePage section .sliderBox.gamesBox,
body.homePage section .sliderBox.gamesBox .bx-viewport {
    height: 211px !important;
}

section .gamesBox {
    overflow: hidden;
    width: 100%;
}

body.homePage section .gamesBox.sliderBox,
body.homePage section .sliderBox {
    overflow: hidden;
    width: 1140px;
    margin: 0 auto 20px;
}

    section .gamesBox .gameContent {
        float: left;
        width: 19.2%;
        margin-bottom: 20px;
        margin-right: 1%;
    }

        section .gamesBox .gameContent:hover .informationBox {
            display: block;
        }

        section .gamesBox .gameContent a:hover {
            text-decoration: none;
        }

        section .gamesBox .gameContent.newGame {
            width: calc(19.2% - 4px);
            margin-top: 2px;
            margin-left: 2px;
            -moz-box-shadow: 0px 0px 5px rgba(235,23,62,1);
            -webkit-box-shadow: 0px 0px 5px rgba(235,23,62,1);
            box-shadow: 0px 0px 5px rgba(235,23,62,1);
        }

            section .gamesBox .gameContent.newGame a .descriptionGames {
                width: 100%;
                margin: 0 auto;
            }

                section .gamesBox .gameContent.newGame a .descriptionGames .descriptionGames-action {
                }

        section .gamesBox .gameContent:nth-child(5n+5) {
            margin-right: 0;
        }

    section .gamesBox .gameContent {
        display: block;
        position: relative;
        /*padding-bottom: 2px;*/
    }

        section .gamesBox .gameContent .myCard {
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 51px 51px 0;
            border-color: transparent #3c3c40 transparent transparent;
        }

            section .gamesBox .gameContent .myCard i {
                position: absolute;
                top: 3px;
                right: -50px;
                display: block;
                width: 37px;
                height: 32px;
                background: url(../images/icon/sprite_icon.png);
                background-position: -180px -180px;
                transform: scale(0.8);
                -webkit-transform: scale(0.8);
                -moz-transform: scale(0.8);
                -o-transform: scale(0.8);
            }

        section .gamesBox .gameContent img {
            display: block;
            width: 100%;
        }

        section .gamesBox .gameContent .descriptionGames {
            position: relative;
            display: block;
            width: calc(100% - 1px);
            height: 80px;
            margin-left: 1px;
            background-color: #e2e4e4;
        }

            section .gamesBox .gameContent .descriptionGames .descriptionGames-action {
                position: absolute;
                width: calc(100% - 10px);
                right: 0;
                bottom: 0;
                padding: 4px 5px;
            }

                section .gamesBox .gameContent .descriptionGames .descriptionGames-action a.info i {
                    float: left;
                    width: 19px;
                    height: 19px;
                    margin-top: 1px;
                    margin-right: 5px;
                    background-position: -280px -380px;
                }

                section .gamesBox .gameContent .descriptionGames .descriptionGames-action .gift i {
                    float: left;
                    width: 20px;
                    height: 20px;
                    margin-right: 5px;
                    background-position: -350px -355px;
                }

                section .gamesBox .gameContent .descriptionGames .descriptionGames-action .status {
                    float: left;
                    padding: 0 5px;
                    margin: 4px 5px 0 0;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 11px;
                    line-height: 16px;
                    background-color: #c4c4c4;
                    text-transform: uppercase;
                }

                section .gamesBox .gameContent .descriptionGames .descriptionGames-action .new-product {
                    float: left;
                    padding: 0 5px;
                    margin: 4px 5px 0 0;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 11px;
                    line-height: 16px;
                    background-color: #f00;
                    text-transform: uppercase;
                    color: #FFF;
                }

                section .gamesBox .gameContent .descriptionGames .descriptionGames-action a.getIt {
                    float: right;
                    color: #3c3c40;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 14px;
                }

                    section .gamesBox .gameContent .descriptionGames .descriptionGames-action a.getIt span {
                        display: block;
                        float: left;
                        line-height: 20px;
                    }

                    section .gamesBox .gameContent .descriptionGames .descriptionGames-action a.getIt i {
                        display: block;
                        float: left;
                        width: 19px;
                        height: 20px;
                        margin-left: 5px;
                        background: url(../images/icon/sprite_icon.png) no-repeat;
                        background-position: -280px -355px;
                    }

                section .gamesBox .gameContent .descriptionGames .descriptionGames-action a:hover {
                    text-decoration: none;
                }

        section .gamesBox .gameContent .informationBox {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 55px);
            padding: 15px 0 40px;
            background: url(../images/bgHoverGamesContent.png) repeat;
        }

            section .gamesBox .gameContent .informationBox .tableBox {
                display: table;
                width: 100%;
                height: 100%;
            }

                section .gamesBox .gameContent .informationBox .tableBox .tableCellBox {
                    display: table-cell;
                    vertical-align: middle;
                }

            section .gamesBox .gameContent .informationBox span {
                display: block;
                text-align: center;
                font-family: Open Sans;
                color: #FFF;
                font-size: 12px;
            }

            section .gamesBox .gameContent .informationBox a {
                display: block;
                text-align: center;
                font-family: Open Sans;
                color: #FFF;
                font-size: 12px;
            }

            section .gamesBox .gameContent .informationBox .sale { /*padding-top: 10px;*/
                color: #f20131;
                font-size: 14.42px;
            }

            section .gamesBox .gameContent .informationBox .time {
                padding: 2px 0 3px;
                font-size: 14.42px;
            }

            section .gamesBox .gameContent .informationBox .title, section .gamesBox .gameContent .informationBox .more {
                font-weight: 500;
            }

            section .gamesBox .gameContent .informationBox .more {
                text-decoration: underline;
            }

            section .gamesBox .gameContent .informationBox .icons {
                display: table;
                margin: 2px auto;
                background: none;
            }

                section .gamesBox .gameContent .informationBox .icons i {
                    display: block;
                    float: left;
                    margin: 0 3px;
                    background: url(../images/icon/sprite_icon.png) no-repeat;
                }

                    section .gamesBox .gameContent .informationBox .icons i.drmFree {
                        width: 20px;
                        height: 16px;
                        background-position: -220px -250px;
                    }

                    section .gamesBox .gameContent .informationBox .icons i.steam {
                        width: 22px;
                        height: 15px;
                        background-position: -220px -300px;
                    }

                    section .gamesBox .gameContent .informationBox .icons i.windows {
                        width: 14px;
                        height: 13px;
                        background-position: -220px -355px;
                    }

                    section .gamesBox .gameContent .informationBox .icons i.mac {
                        width: 15px;
                        height: 17px;
                        background-position: -220px -400px;
                    }

                    section .gamesBox .gameContent .informationBox .icons i.linux {
                        width: 13px;
                        height: 17px;
                        background-position: -220px -445px;
                    }

                    section .gamesBox .gameContent .informationBox .icons i.android {
                        width: 13px;
                        height: 17px;
                        background-position: -220px -500px;
                    }

                    section .gamesBox .gameContent .informationBox .icons i.gog {
                        width: 18px;
                        height: 18px;
                        background-position: -240px -550px;
                    }

                    section .gamesBox .gameContent .informationBox .icons i.drm {
                        width: 20px;
                        height: 12px;
                        background-position: -220px -275px;
                    }

                    section .gamesBox .gameContent .informationBox .icons i.origin {
                        width: 14px;
                        height: 18px;
                        background-position: -240px -500px;
                    }

                    section .gamesBox .gameContent .informationBox .icons i.uplay {
                        width: 22px;
                        height: 17px;
                        background-position: -240px -600px;
                    }

            section .gamesBox .gameContent .informationBox .card i {
                display: block;
                width: 21px;
                height: 22px;
                margin: 3px auto;
                background: url(../images/icon/sprite_icon.png) no-repeat;
                background-position: -280px -180px;
            }

            section .gamesBox .gameContent .informationBox .yourCard {
                font-weight: 500;
                font-size: 14px;
            }

        section .gamesBox .gameContent .descriptionGames .text {
            display: block;
            padding: 4px 5px;
            color: #3c3c40;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 14px;
        }

        section .gamesBox .gameContent .descriptionGames .information {
            position: absolute;
            right: 4px;
            bottom: 6px;
            z-index: 1;
        }

            section .gamesBox .gameContent .descriptionGames .information .free {
                float: right;
                padding: 0 2px;
                margin-top: 2px;
                margin-left: 4px;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 11px;
                color: #3c3c40;
                text-transform: uppercase;
                background-color: #c4c4c4;
            }

            section .gamesBox .gameContent .descriptionGames .information .dlc-preOrder {
                float: left;
                padding: 0 2px;
                margin-top: 2px;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 11px;
                color: #3c3c40;
                text-transform: uppercase;
                background-color: #c4c4c4;
            }

            section .gamesBox .gameContent .descriptionGames .information .promotion-price__Boxes {
                position: relative;
                bottom: 0;
            }
/* END Games Content */
/* START Shop Content */
section .shopContent {
    margin-top: 20px;
}

    section .shopContent .box {
        float: left;
        padding: 15px;
        background-color: #bababa;
    }

    section .shopContent .shopContent-register {
        width: 750px;
        margin-right: 10px;
    }

        section .shopContent .shopContent-register .shopContent-register__header i {
            float: left;
            display: block;
            width: 57px;
            height: 50px;
            margin-right: 15px;
            background: url(../images/icon/sprite_icon.png) no-repeat;
            background-position: -280px -105px;
        }

        section .shopContent .shopContent-register .shopContent-register__header .title {
            float: left;
            line-height: 50px;
            font-family: Open Sans;
            font-size: 18px;
            color: #3c3c40;
        }

        section .shopContent .shopContent-register ul {
            clear: both;
            float: left;
            margin: 30px 0 0;
            padding: 0;
            list-style: none;
        }

            section .shopContent .shopContent-register ul li {
                float: left;
                width: 32%;
                margin-right: 2%;
            }

                section .shopContent .shopContent-register ul li:last-child {
                    margin-right: 0;
                }

                section .shopContent .shopContent-register ul li .shopContent-register--header {
                    float: left;
                    margin-bottom: 20px;
                }

                section .shopContent .shopContent-register ul li span {
                    float: left;
                }

                    section .shopContent .shopContent-register ul li span i {
                        display: block;
                        background-color: #ef0e38;
                        color: #FFF;
                        font-family: Open Sans;
                        font-size: 18px;
                        padding: 5px 10px;
                        height: 20px;
                        margin-right: 10px;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                        font-style: normal;
                    }

                section .shopContent .shopContent-register ul li div {
                    color: #3c3c40;
                }

                section .shopContent .shopContent-register ul li .text {
                    clear: both;
                    margin-top: 20px;
                }

    section .shopContent .shopContent-category {
        width: 320px;
    }

        section .shopContent .shopContent-category ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            section .shopContent .shopContent-category ul li {
                margin-bottom: 30px;
            }

            section .shopContent .shopContent-category ul .img {
                float: left;
                display: block;
                margin-left: 15px;
                background: url(../images/icon/sprite_icon.png) no-repeat;
            }

            section .shopContent .shopContent-category ul li.gamers .img {
                width: 39px;
                height: 59px;
                background-position: -350px -105px;
            }

            section .shopContent .shopContent-category ul li.bloggers .img {
                width: 44px;
                height: 58px;
                background-position: -350px -190px;
            }

            section .shopContent .shopContent-category ul li.developers .img {
                width: 43px;
                height: 76px;
                background-position: -357px -268px;
            }

            section .shopContent .shopContent-category ul li .info {
                margin-left: 90px;
            }

                section .shopContent .shopContent-category ul li .info div {
                    font-size: 16px;
                    font-family: Open Sans;
                    color: #3c3c40;
                }

                section .shopContent .shopContent-category ul li .info .title {
                    margin-bottom: 10px;
                    font-size: 18px;
                }

                section .shopContent .shopContent-category ul li .info .text {
                    font-weight: 500;
                }

        section .shopContent .shopContent-category a.more {
            float: right;
            font-size: 16px;
            font-family: Open Sans;
            font-weight: 500;
            color: #3c3c40;
            text-decoration: underline;
        }
/* END Shop Content */
/* START Custom Shop */
.customShop {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 170px;
    background: url(../images/epicBundleBg.png) no-repeat top center;
    border-bottom: 1px solid #cfcfcf;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

    .customShop .customShop-Box {
        width: 1140px;
        margin: 0 auto;
    }

        .customShop .customShop-Box .customShop__logo {
            float: left;
            margin: 15px 20px 15px 0;
            max-height: 140px;
            min-height: 140px;
            width: 50%; /*background: url(../images/icon/sprite_icon.png) no-repeat;*/
            background-position: -280px -400px;
        }

        .customShop .customShop-Box .customShop__photo {
            float: left;
            width: 560px;
            height: 100px;
            margin: 35px 0;
            background: url(https://gamesrepublic.com/uploads/shops/97/backgrounds/shopheaderbackgroundimage_shoplogogamezone1.jpg);
        }

        .customShop .customShop-Box .customShop__action {
            float: right;
            margin-top: 69px;
        }

            .customShop .customShop-Box .customShop__action a {
                display: block;
                float: left;
                width: 33px;
                height: 33px;
                margin-left: 1px;
                background-color: #3c3c40;
            }

                .customShop .customShop-Box .customShop__action a:hover {
                    text-decoration: none;
                }

            .customShop .customShop-Box .customShop__action .customShop__action--page {
                width: auto;
                padding: 0 8px;
            }

                .customShop .customShop-Box .customShop__action .customShop__action--page i {
                    float: left;
                    width: 19px;
                    height: 20px;
                    margin: 7px 6.5px 7px 0;
                    background-position: -280px -550px;
                }

                .customShop .customShop-Box .customShop__action .customShop__action--page span {
                    float: left;
                    line-height: 33px;
                    font-size: 14.67px;
                    color: #FFF;
                    font-family: Open Sans;
                    font-weight: 500;
                }

            .customShop .customShop-Box .customShop__action .customShop__action--facebook i {
                width: 10px;
                height: 19px;
                margin: 7px 11.5px;
                background-position: -300px -250px;
            }

            .customShop .customShop-Box .customShop__action .customShop__action--twitter i {
                width: 20px;
                height: 16px;
                margin: 8.5px 6.5px;
                background-position: -300px -300px;
            }

            .customShop .customShop-Box .customShop__action .customShop__action--google i {
                width: 21px;
                height: 19px;
                margin: 7px 6px;
                background-position: -300px -355px;
            }

            .customShop .customShop-Box .customShop__action .customShop__action--youtube i {
                width: 24px;
                height: 17px;
                margin: 8px 4.5px;
                background-position: -300px -650px;
            }
/* END Custom Shop */
/* START GrCard */
.GrCard {
    position: relative;
    float: left;
    width: calc(100% - 16px);
    height: 280px;
    padding: 8px;
    background-color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .GrCard .GrCard__Bg {
        height: 270px;
        border: 5px solid #ee0e38;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .GrCard .GrCard__Bg img {
            display: block;
            max-height: 133px;
            height: 133px;
            margin-top: 10px;
        }

        .GrCard .GrCard__Bg .description {
            height: 117px;
            padding: 10px 10px 0;
            background: #3b3b40 url(../images/signal.png) no-repeat center bottom;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
        }

            .GrCard .GrCard__Bg .description span {
                margin-top: 40px;
                display: block;
                color: #FFF;
                font-family: 'ref';
                font-weight: normal;
                font-size: 30px;
                text-align: center;
                text-transform: uppercase;
            }

            .GrCard .GrCard__Bg .description p {
                color: #FFF;
                margin: 10px 0 0;
                padding: 0;
                text-align: center;
                font-size: 9px;
                font-family: Open Sans;
                font-weight: 500;
                font-style: italic;
                text-transform: uppercase;
            }

        .GrCard .GrCard__Bg .mark {
            position: absolute;
            width: 28px;
            height: 26px;
            bottom: 3px;
            left: 50%;
            margin-left: -13px; /*background: url(../images/mark.png) no-repeat center bottom; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;*/
        }

            .GrCard .GrCard__Bg .mark img {
                display: block;
                width: 100% !important;
                max-height: none !important;
                height: auto !important;
                margin: 0;
            }

        .GrCard .GrCard__Bg .GrCardType {
            position: absolute;
            width: calc(100% - 22px);
            height: 35px;
            line-height: 30px;
            text-align: center;
            color: #FFF;
            text-transform: uppercase;
            font-family: Open Sans;
            font-size: 10px;
            background: url(../images/GrCardType.png) no-repeat center center;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
        }

        .GrCard .GrCard__Bg .GrCardTitle {
            position: absolute;
            width: calc(100% - 22px);
            height: 35px;
            line-height: 35px;
            top: 145px;
            text-align: center;
            color: #FFF;
            text-transform: uppercase;
            font-family: 'ref';
            font-weight: normal;
            font-size: 13px;
            background: url(../images/GrCardType.png) no-repeat center center;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

            .GrCard .GrCard__Bg .GrCardTitle span {
                display: block;
                transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
            }
    /* END GrCard */
    /* START GrCard Small */
    .GrCard.GrCard__small {
        width: calc(100% - 8px);
        height: auto;
        padding: 4px;
    }

        .GrCard.GrCard__small .GrCard__Bg {
            height: auto;
            border-width: 2px;
        }

            .GrCard.GrCard__small .GrCard__Bg img {
                width: 100%;
                max-height: 62px;
                height: 62px;
            }

            .GrCard.GrCard__small .GrCard__Bg .GrCardType {
                width: calc(100% - 12px);
                height: 16px;
                line-height: 15px;
                font-size: 5px;
            }

            .GrCard.GrCard__small .GrCard__Bg .GrCardTitle {
                width: calc(100% - 12px);
                top: 75px;
                height: 16px;
                line-height: 15px;
                font-size: 6px;
            }

            .GrCard.GrCard__small .GrCard__Bg .description {
                height: 40px;
                padding-top: 15px;
            }

                .GrCard.GrCard__small .GrCard__Bg .description span {
                    margin-top: 0;
                    font-size: 14px;
                    line-height: 14px;
                }

                .GrCard.GrCard__small .GrCard__Bg .description p {
                    margin-top: 0;
                    font-size: 4px;
                    line-height: 8px;
                }

            .GrCard.GrCard__small .GrCard__Bg .mark {
                width: 12px;
                height: 11px;
                margin-left: -6px;
            }
    /* EMD GrCard Small */
    /* START GrCard Medium */
    .GrCard.GrCard__medium .GrCard__Bg .GrCardType {
        height: 30px;
        line-height: 28px;
        font-size: 8px;
    }

    .GrCard.GrCard__medium .GrCard__Bg .GrCardTitle {
        height: 30px;
        line-height: 32px;
        top: 145px;
        font-size: 12px;
    }

    .GrCard.GrCard__medium {
        height: 245px;
    }

        .GrCard.GrCard__medium .GrCard__Bg {
            height: 235px;
        }

            .GrCard.GrCard__medium .GrCard__Bg img {
                width: 100%;
                max-height: 133px;
                height: 133px;
            }

            .GrCard.GrCard__medium .GrCard__Bg .description {
                height: 82px;
            }

                .GrCard.GrCard__medium .GrCard__Bg .description span {
                    font-size: 24px;
                }

                .GrCard.GrCard__medium .GrCard__Bg .description p {
                    font-size: 7px;
                }
    /* END GrCard Medium */
    /* START GrCard Large */
    .GrCard.GrCard__large {
        height: 360px;
    }

        .GrCard.GrCard__large .GrCard__Bg {
            height: 350px;
        }

            .GrCard.GrCard__large .GrCard__Bg img {
                max-width: 240px;
                width: 100%;
                max-height: 200px;
                height: 200px;
            }

            .GrCard.GrCard__large .GrCard__Bg .GrCardType {
                height: 41px;
                line-height: 36px;
                font-size: 12px;
            }

            .GrCard.GrCard__large .GrCard__Bg .GrCardTitle {
                height: 41px;
                line-height: 37px;
                top: 210px;
                font-size: 15px;
            }

            .GrCard.GrCard__large .GrCard__Bg .description {
                height: 130px;
            }

                .GrCard.GrCard__large .GrCard__Bg .description span {
                    margin-top: 50px;
                    font-size: 38px;
                }

                .GrCard.GrCard__large .GrCard__Bg .description p {
                    font-size: 11px;
                }

            .GrCard.GrCard__large .GrCard__Bg .mark {
                width: 30px;
                height: 28px;
                margin-left: -15px;
            }

/* END GrCard Large */
/* START New Product Right */
.newProductRight {
    width: 380px !important;
    margin-right: 0 !important;
    background: none !important;
}

    .newProductRight .product-block {
        overflow: hidden;
        margin-bottom: 10px;
        border-top: 0 !important;
        padding: 0 12px !important;
        background-color: #eee;
    }

.iii-new-product-card-price-infobox .iii-priceBox {
    float: left;
    width: 100%;
    background: #3c3c40;
}

    .iii-new-product-card-price-infobox .iii-priceBox.discountBox {
        width: 290px;
    }

.newProductRight .iii-new-product-card-price-infobox.product-block {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.iii-new-product-card-price-infobox .iii-priceBox .text {
    float: left;
    margin-left: 10px;
    text-transform: uppercase;
    color: #FFF;
    font-size: 18.81px;
    font-family: Open Sans;
    font-weight: 500;
    line-height: 54px;
    margin-right: 20px;
}

.newProductRight .iii-new-product-card-price-infobox .discount {
    float: right;
    width: 70px;
    line-height: 54px;
    padding: 0 10px;
    background-color: #eb173e;
    font-family: Open Sans;
    font-size: 28px;
    color: #FFF;
}

.newProductRight .iii-new-product-card-price-infobox .oldPrice {
    float: right;
    line-height: 54px;
    margin-right: 10px;
    font-family: Open Sans;
    font-size: 15.59px;
    color: #3c3c40;
    color: #FFF;
    text-decoration: line-through;
}

.newProductRight .iii-new-product-card-price-infobox .price {
    float: right;
    line-height: 54px;
    margin-right: 10px;
    font-family: Open Sans;
    font-size: 28px;
    color: #FFF;
}

.newProductRight .iii-new-product-card-price-infobox .addBox {
}

.newProductRight .iii-new-product-card-price-infobox button {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14.51px;
    color: #FFF;
    border: 0;
    background-color: #86aa20;
}

.newProductRight .iii-new-product-card-price-infobox p.comingSoon {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14.51px;
    color: #FFF;
    border: 0;
    background-color: #c5c5c5;
    text-align: center;
}

.newProductRight .iii-new-product-card-price-infobox p.earlyAccess {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14.51px;
    color: #FFF;
    border: 0;
    background-color: #de5162;
    text-align: center;
}

.iii-new-product-card-description.product-block {
    padding: 10px 12px !important;
    line-height: 50px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px;
}

    .iii-new-product-card-description.product-block p {
        display: block;
        overflow: hidden;
        color: #575757;
    }

    .iii-new-product-card-description.product-block span {
        display: block;
        float: right;
    }

        .iii-new-product-card-description.product-block span i {
            float: left;
        }

            .iii-new-product-card-description.product-block span i.drmfree {
                width: 22px;
                height: 17px;
                margin: 3px 4px;
                background-position: -180px -550px;
            }

            .iii-new-product-card-description.product-block span i.drmnotfree {
                width: 22px;
                height: 11px;
                margin: 6.5px 4px;
                background-position: -180px -580px;
            }

            .iii-new-product-card-description.product-block span i.steam {
                width: 22px;
                height: 16px;
                margin: 4px 4px;
                background-position: -180px -500px;
            }

            .iii-new-product-card-description.product-block span i.gog {
                width: 18px;
                height: 18px;
                margin: 3px 6px;
                background-position: -240px -850px;
            }

            .iii-new-product-card-description.product-block span i.origin {
                width: 14px
                height: 19px;
                margin: 2.5px 5.5px;
                background-position: -200px -850px;
            }

            .iii-new-product-card-description.product-block span i.uplay {
                width: 22px;
                height: 17px;
                margin: 3.5px 4px;
                background-position: -220px -600px;
            }

            .iii-new-product-card-description.product-block span i.windows {
                width: 18px;
                height: 19px;
                margin: 2.5px 4px;
                background-position: -180px -300px;
            }

            .iii-new-product-card-description.product-block span i.mac {
                width: 20px;
                height: 23px;
                margin: 0.5 4px;
                background-position: -180px -355px;
            }

            .iii-new-product-card-description.product-block span i.linux {
                width: 18px;
                height: 22px;
                margin: 1px 4px;
                background-position: -180px -400px;
            }

            .iii-new-product-card-description.product-block span i.android {
                width: 17px;
                height: 21px;
                margin: 1px 4px;
                background-position: -180px -445px;
            }

        .iii-new-product-card-description.product-block span img {
            display: block;
            float: left;
            max-height: 26px;
            margin-left: 2px;
        }

.developedBox {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

    .developedBox p {
        clear: both;
        line-height: 22px !important;
    }

.iii-new-product-card-time p {
    float: left;
    margin: 0 !important;
    line-height: 50px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px !important;
    color: #eb173e;
}

.iii-new-product-card-time .time {
    float: right;
    line-height: 50px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 18px;
    color: #eb173e;
}

.iii-new-collection-card .iii-new-collection-card__header {
    overflow: hidden;
    border-bottom: 1px solid #3c3c40;
    margin: 10px 0;
    padding-bottom: 10px;
}

    .iii-new-collection-card .iii-new-collection-card__header span {
        float: left;
        display: block;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 18.34px !important;
        color: #3c3c40;
    }

    .iii-new-collection-card .iii-new-collection-card__header a {
        float: right;
        display: block;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14.01px !important;
        color: #3c3c40;
        text-decoration: underline;
    }

.iii-new-collection-card .iii-new-collection-card__content .cards {
    float: left;
    width: 108px;
    margin-right: 20px;
    margin-bottom: 20px;
}

    .iii-new-collection-card .iii-new-collection-card__content .cards img {
        display: block;
        width: 100%;
    }

.iii-new-collection-card .iii-new-collection-card__content .information {
    float: left;
    width: 208px;
    margin-bottom: 10px;
}

    .iii-new-collection-card .iii-new-collection-card__content .information h3.titleGames {
        margin: 0 0 10px 0;
        line-height: 20px;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 18px !important;
        color: #3c3c40;
    }

        .iii-new-collection-card .iii-new-collection-card__content .information h3.titleGames span {
            display: block;
            clear: both;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 12px !important;
            color: #3c3c40;
        }

    .iii-new-collection-card .iii-new-collection-card__content .information .time {
        margin-bottom: 10px;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14px !important;
        color: #3c3c40;
    }

    .iii-new-collection-card .iii-new-collection-card__content .information .discount {
        margin-bottom: 10px;
        font-family: Open Sans;
        font-weight: 700;
        font-size: 18px !important;
        color: #3c3c40;
    }

    .iii-new-collection-card .iii-new-collection-card__content .information button {
        background-color: #86aa20;
        padding: 6px 30px;
        border: 0;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14.51px !important;
        color: #FFF;
        -webkit-box-shadow: 0px 2px 8px -1px rgba(1, 1, 1, 0.3);
        -moz-box-shadow: 0px 2px 8px -1px rgba(1, 1, 1, 0.3);
        box-shadow: 0px 2px 8px -1px rgba(1, 1, 1, 0.3);
    }

.iii-new-wideo-container.product-block h3 {
    line-height: 20px;
    padding-bottom: 10px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 18px;
    color: #3c3c40;
    border-bottom: 1px solid #3c3c40;
}

.iii-new-wideo-container.product-block iframe {
    clear: both;
    display: block;
    width: 100%;
    margin: 10px 0;
}

.iii-new-wideo-container.product-block .description p {
    display: block;
    margin-bottom: 10px !important;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px;
    color: #3c3c40;
}

    .iii-new-wideo-container.product-block .description p span {
        font-weight: 500;
        font-size: 18px;
        color: #ef0e38;
    }

    .iii-new-wideo-container.product-block .description p a {
        color: #3c3c40;
        text-decoration: underline;
    }

.iii-new-wideo-container.product-block .avatar {
    float: left;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #848486;
}

    .iii-new-wideo-container.product-block .avatar img {
        display: block;
        float: left;
        max-width: 90px;
        width: 100%;
        height: 90px;
        margin-right: 15px;
        background-color: #666666;
    }

    .iii-new-wideo-container.product-block .avatar .avatarInfo {
        float: left;
        width: calc(100% - 105px);
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14.01px;
        color: #3c3c40;
    }

        .iii-new-wideo-container.product-block .avatar .avatarInfo .name {
            font-size: 16px;
            font-weight: 500;
        }

        .iii-new-wideo-container.product-block .avatar .avatarInfo p {
            margin-bottom: 0 !important;
        }

        .iii-new-wideo-container.product-block .avatar .avatarInfo #iii-blogger-review-rating {
            width: 100% !important;
            margin-top: 10px;
        }

            .iii-new-wideo-container.product-block .avatar .avatarInfo #iii-blogger-review-rating img {
                display: block;
                float: left;
                max-width: 20px;
                width: 100%;
                height: auto;
                background: transparent;
            }

        .iii-new-wideo-container.product-block .avatar .avatarInfo .avatarDescription {
            margin-top: 20px;
        }

            .iii-new-wideo-container.product-block .avatar .avatarInfo .avatarDescription a {
                float: right;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14.01px;
                color: #3c3c40;
                text-decoration: underline;
            }

.iii-new-wideo-container.product-block .wideo {
    clear: both;
}

    .iii-new-wideo-container.product-block .wideo span {
        padding: 10px 0;
        display: block;
        float: left;
    }

    .iii-new-wideo-container.product-block .wideo .action {
        float: right;
    }

        .iii-new-wideo-container.product-block .wideo .action a {
            float: left;
            color: #3c3c40;
            padding: 10px 0;
            margin: 0 5px;
            text-decoration: underline;
        }

.iii-new-wideo-container.product-block .buttons a {
    float: left;
    clear: both;
    display: block;
    margin-bottom: 10px;
    padding: 5px 20px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 15.77px;
    color: #FFF;
    background-color: #3c3c40;
}

    .iii-new-wideo-container.product-block .buttons a:hover, .iii-new-wideo-container.product-block .buttons a:focus {
        text-decoration: none;
    }

.iii-new-earn-container.product-block {
    padding: 10px 12px !important;
}

.iii-new-earn-container p {
    text-align: center;
}

.iii-new-earn-container a {
    display: block;
    width: 100px;
    margin: 10px auto 0;
    padding: 5px 20px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 15.77px;
    color: #FFF;
    background-color: #3c3c40;
    text-align: center;
}

.iii-new-sellit-container.product-block {
    padding: 10px 12px !important;
}

.iii-new-sellit-container {
    text-align: center;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px !important;
    color: #3c3c40;
}

    .iii-new-sellit-container a {
        display: block;
        clear: both;
        width: 140px;
        margin: 10px auto 0;
        padding: 6px 12px;
        background-color: #eb173e;
        color: #FFF;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 15.77px !important;
    }

        .iii-new-sellit-container a:hover {
            text-decoration: none;
            color: #FFF;
        }

.iii-new-product-protection p {
    float: left;
    margin: 0 !important;
    line-height: 50px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px !important;
    color: #3c3c40;
}

.iii-new-product-card-gameinfo p {
    float: left;
    margin: 0 10px 0 0 !important;
    line-height: 50px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px !important;
    color: #3c3c40;
}

.iii-new-product-card-gameinfo img {
    float: left;
    display: block;
    max-height: 28px;
    margin: 11px 2px;
}

.iii-new-product-card-gameinfo a.more {
    float: right;
    margin: 0 !important;
    line-height: 47px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 12px !important;
    color: #3c3c40;
    text-decoration: underline;
}

    .iii-new-product-card-gameinfo a.more i {
        float: right;
        width: 12px;
        height: 8px;
        margin: 21px 0 21px 4px;
        background-position: -220px -550px;
    }

.iii-new-product-card-gameinfo .developedBox {
    display: none;
}

.iii-new-product-card-gameinfo.active .developedBox {
    display: block;
}

.iii-new-product-card-gameinfo.active .more .arrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.iii-new-product-card-requirements p {
    float: left;
    margin: 0 !important;
    line-height: 50px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px !important;
    color: #3c3c40;
}

.iii-new-product-card-requirements a.more {
    float: right;
}

    .iii-new-product-card-requirements a.more i {
        float: right;
        width: 12px;
        height: 8px;
        margin: 21px 0 21px 4px;
        background-position: -220px -550px;
    }

.iii-new-product-card-requirements .developedBox {
    display: none;
}

.iii-new-product-card-requirements.active .developedBox {
    display: block;
}

.iii-new-product-card-requirements.active .arrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.iii-new-product-customer-support p {
    float: left;
    margin: 0 !important;
    line-height: 50px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px !important;
    color: #3c3c40;
}

.iii-new-product-customer-support .support {
    float: right;
    line-height: 50px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 12px;
    color: #3c3c40;
}

    .iii-new-product-customer-support .support a {
        color: #3c3c40;
        text-decoration: underline;
    }

.iii-new-product-card-languages p {
    float: left;
    margin: 0 !important;
    line-height: 50px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px !important;
    color: #3c3c40;
}

    .iii-new-product-card-languages p + p {
        width: 260px;
        padding: 15px 0 10px;
        margin-left: 5px !important;
        line-height: 20px;
    }
/* END New Product Right */
/* START New Product Left */
.iii-product-recommended {
    overflow: hidden;
}

    .iii-product-recommended ul {
        margin: 0;
        padding: 0;
    }

        .iii-product-recommended ul li {
            float: left;
            width: 33%;
            list-style: none;
            margin-right: 0.5%;
        }

            .iii-product-recommended ul li:last-child {
                margin-right: 0;
            }

    .iii-product-recommended.gamesBox .gameContent {
        width: auto;
    }

    .iii-product-recommended .gameContent img {
        display: block;
        width: 100%;
    }

    .iii-product-recommended .gameContent .descriptionGames {
        position: relative;
        display: block;
        width: calc(100% - 1px);
        height: 80px;
        margin-left: 1px;
        background-color: #e2e4e4;
    }

    .iii-product-recommended .information {
        position: absolute;
        right: 4px;
        bottom: 6px;
        z-index: 1;
    }

        .iii-product-recommended .information .free {
            float: right;
            padding: 0 2px;
            margin-top: 6px;
            margin-left: 4px;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 11px;
            color: #3c3c40;
            text-transform: uppercase;
            background-color: #c4c4c4;
        }

        .iii-product-recommended .information .dlc-preOrder {
            float: left;
            padding: 0 2px;
            margin-top: 6px;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 11px;
            color: #3c3c40;
            text-transform: uppercase;
            background-color: #c4c4c4;
        }

        .iii-product-recommended .information .pricBox-Content {
            float: left;
        }
            /*.iii-product-recommended .information .pricBox-Content.promotion { width: 100px; }*/
            .iii-product-recommended .information .pricBox-Content.promotion .price {
                background-color: #f20131;
            }

            .iii-product-recommended .information .pricBox-Content:hover .discount, .iii-product-recommended .information .pricBox-Content:hover .price, .iii-product-recommended .information .pricBox-Content:hover .dlc-preOrder {
                display: none;
            }

            .iii-product-recommended .information .pricBox-Content:hover .addToCart {
                display: block;
                width: 100%;
            }

            .iii-product-recommended .information .pricBox-Content.promotion:hover .addToCart {
                background-color: #ef0e38;
            }

        .iii-product-recommended .information .discount {
            display: block;
            float: left;
            padding: 3px 4px;
            font-family: Open Sans;
            color: #FFF;
            font-size: 14.89px;
            background-color: #3c3c40;
        }

    .iii-product-recommended .descriptionGames .text {
        display: block;
        padding: 4px 5px;
        color: #3c3c40;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14px;
    }

    .iii-product-recommended .bx-wrapper .bx-viewport {
        background: transparent;
    }

    .iii-product-recommended .bx-controls-direction a {
        width: 16px !important;
        height: 26px !important;
        background: url(../images/icon/sprite_icon.png) no-repeat;
        background-position: -300px -800px;
    }

        .iii-product-recommended .bx-controls-direction a:hover {
            background-position: -300px -800px;
        }

        .iii-product-recommended .bx-controls-direction a.bx-prev {
            left: -28px;
        }

        .iii-product-recommended .bx-controls-direction a.bx-next {
            right: -28px;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }
/* END New Product Left */
/* START Afifliation */
.transactionCredit {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

    .transactionCredit .graphBox {
        overflow: hidden;
        float: left;
        width: 745px;
        margin-right: 15px;
    }

        .transactionCredit .graphBox .filtersBox {
            float: left;
            width: 100%;
            margin-top: 5px;
        }

            .transactionCredit .graphBox .filtersBox a {
                display: block;
                float: left;
                padding: 0 5px;
                color: #3c3c40;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14px;
                text-align: left;
            }

                .transactionCredit .graphBox .filtersBox a:hover, .transactionCredit .graphBox .filtersBox a:focus {
                    text-decoration: none;
                }

            .transactionCredit .graphBox .filtersBox .filtersDate {
                float: right;
            }

            .transactionCredit .graphBox .filtersBox a.active {
                font-weight: 700;
            }

        .transactionCredit .graphBox .graph {
            float: left;
            width: 100%; /*height: 440px;*/ /*line-height: 440px;*/
            margin-bottom: 20px;
            background-color: #d7d7d7;
        }

            .transactionCredit .graphBox .graph .no-data {
                height: 250px;
                line-height: 250px;
                text-align: center;
            }

        .transactionCredit .graphBox .paymentBox {
            overflow: hidden;
            clear: both;
            margin-bottom: 20px;
        }

            .transactionCredit .graphBox .paymentBox .payoff {
                float: left;
                width: 257px;
                height: 77px;
                line-height: 77px;
                margin-right: 4px;
                color: #3c3c40;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 18px;
                background-color: #d7d7d7;
                text-align: center;
            }

                .transactionCredit .graphBox .paymentBox .payoff input[type="checkbox"] {
                    margin-right: 5px;
                    cursor: pointer;
                    -webkit-appearance: none;
                    appearance: none;
                    border: 1px solid #3c3c40;
                    border-radius: 1px;
                    box-sizing: border-box;
                    position: relative;
                    box-sizing: content-box;
                    width: 24px;
                    height: 24px;
                    transition: all .2s linear;
                }

                    .transactionCredit .graphBox .paymentBox .payoff input[type="checkbox"]:checked {
                        background-color: #86aa20;
                    }

                    .transactionCredit .graphBox .paymentBox .payoff input[type="checkbox"]:focus {
                        outline: 0 none;
                        box-shadow: none;
                    }

            .transactionCredit .graphBox .paymentBox span {
                float: left;
                width: 484px;
                height: 36px;
                margin-bottom: 5px;
                line-height: 36px;
                color: #3c3c40;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 16px;
                background-color: #d7d7d7;
                text-align: center;
            }

                .transactionCredit .graphBox .paymentBox span:last-child {
                    margin-bottom: 0;
                }

    .transactionCredit .creditBox {
        float: left;
        width: 360px;
    }

        .transactionCredit .creditBox ul.informationTable {
            overflow: hidden;
            margin: 0 0 20px 0;
            padding: 0;
            list-style: none;
        }

            .transactionCredit .creditBox ul.informationTable li {
                overflow: hidden;
                width: 100%;
                margin-bottom: 10px;
                padding: 8px 0;
                background-color: #3c3c40;
            }

                .transactionCredit .creditBox ul.informationTable li .info {
                    float: left;
                    width: calc(100% - 20px);
                    margin: 0 10px 10px 10px;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 16px;
                    color: #cdcdcd;
                }

                .transactionCredit .creditBox ul.informationTable li .summation {
                    float: left;
                    width: calc(100% - 20px);
                    margin: 0 10px;
                    text-align: right;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 25px;
                    color: #cdcdcd;
                }

        .transactionCredit .creditBox .storeCredit .storeCredit-left {
            width: 100px;
            float: left;
        }

            .transactionCredit .creditBox .storeCredit .storeCredit-left span {
                clear: both;
                display: block;
                text-align: center;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
            }

                .transactionCredit .creditBox .storeCredit .storeCredit-left span.credit {
                    margin-top: 20px;
                    font-size: 63.53px;
                    line-height: 63.53px;
                }

        .transactionCredit .creditBox .storeCredit .storeCredit-center {
            float: left;
            width: 70px;
            line-height: 116px;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 67.49px;
            color: #3c3c40;
            text-align: center;
        }

        .transactionCredit .creditBox .storeCredit .storeCredit-right {
            float: left;
        }

            .transactionCredit .creditBox .storeCredit .storeCredit-right ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }

                .transactionCredit .creditBox .storeCredit .storeCredit-right ul li {
                    width: 190px;
                    padding: 8px 0;
                    margin-bottom: 4px;
                    background-color: #d7d7d7;
                    text-align: center;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 18px;
                    color: #3c3c40;
                }

.allTransaction {
    clear: both;
}

    .allTransaction .allTransaction__header {
        padding: 10px 0;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 18px;
        color: #3c3c40;
    }

    .allTransaction table {
        width: 100%;
        background-color: #c4c4c4;
        border-bottom: 5px solid #c4c4c4;
    }

        .allTransaction table, .allTransaction table tr th, .allTransaction table tr td {
            border: 0;
        }

            .allTransaction table tr {
                border-left: 5px solid #c4c4c4;
                border-right: 5px solid #c4c4c4;
            }

                .allTransaction table tr:first-child {
                    border-left: 5px solid #d7d7d7;
                    border-right: 5px solid #d7d7d7;
                }

                .allTransaction table tr th {
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 16px;
                    color: #3c3c40;
                    border-right: 5px solid #c4c4c4;
                    background-color: #d7d7d7;
                }

                    .allTransaction table tr th:first-child {
                        width: 340px;
                    }

                    .allTransaction table tr th:last-child {
                        width: 130px;
                    }

                .allTransaction table tr td {
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 14px;
                    color: #3c3c40;
                }

                .allTransaction table tr th:last-child {
                    border-right: 0;
                }

                .allTransaction table tr:nth-child(2n + 3) {
                    background-color: #cecece;
                }

    .allTransaction .pageNumber {
        position: relative;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #d6d6d6;
    }

        .allTransaction .pageNumber .controls {
            display: block;
            float: left;
            width: 75px;
            text-align: center;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 14px;
            color: #3c3c40;
            padding: 4px 0;
            background-color: #d1d1d1;
        }

    .allTransaction .controls:hover {
        text-decoration: none;
    }

    .allTransaction .pageNumber .number {
        float: left;
        width: calc(100% - 150px);
        line-height: 28px;
        text-align: center;
        color: #3c3c40;
    }
/* END Afifliation */
/* START Widget Creator */
.widgetCreatorBox {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-family: Open Sans;
    font-weight: 500;
    color: #3c3c40;
}

    .widgetCreatorBox .widgetCreatorDescription {
        float: left;
        width: 350px;
        margin-right: 10px;
        padding-left: 10px;
        text-align: right;
    }

        .widgetCreatorBox .widgetCreatorDescription h3 {
            margin: 0;
            padding: 0;
            font-size: 25px;
            line-height: 40px;
            font-weight: 500;
        }

        .widgetCreatorBox .widgetCreatorDescription p {
            font-size: 16px;
        }

    .widgetCreatorBox .widgetCreatorAcceptRegulations {
        float: left;
        width: 720px;
        padding: 15px;
        background-color: #d7d7d7;
    }

        .widgetCreatorBox .widgetCreatorAcceptRegulations p {
            font-size: 18px;
        }

        .widgetCreatorBox .widgetCreatorAcceptRegulations label {
            margin-bottom: 20px;
        }

            .widgetCreatorBox .widgetCreatorAcceptRegulations label, .widgetCreatorBox .widgetCreatorAcceptRegulations label a {
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 16px;
            }

                .widgetCreatorBox .widgetCreatorAcceptRegulations label a {
                    text-decoration: underline;
                }

    .widgetCreatorBox .widgetCreatorSelectProduct {
        float: left;
        width: 720px;
        padding: 15px; /*height: 200px;*/
    }

        .widgetCreatorBox .widgetCreatorSelectProduct .steps {
            height: 31px;
            border-bottom: 1px solid #3c3c40;
        }

            .widgetCreatorBox .widgetCreatorSelectProduct .steps a {
                display: block;
                float: left;
                height: 31px;
                line-height: 31px;
                padding: 0 10px;
                color: #3c3c40;
            }
                /*.widgetCreatorBox .widgetCreatorSelectProduct .steps a:hover,*/
                .widgetCreatorBox .widgetCreatorSelectProduct .steps a.active {
                    border-left: 1px solid #3c3c40;
                    border-right: 1px solid #3c3c40;
                    border-bottom: 1px solid #d7d7d7;
                }
                /*.widgetCreatorBox .widgetCreatorSelectProduct .steps a:hover,*/
                .widgetCreatorBox .widgetCreatorSelectProduct .steps a:first-child.active {
                    border-left: 0;
                }

                .widgetCreatorBox .widgetCreatorSelectProduct .steps a:hover, .widgetCreatorBox .widgetCreatorSelectProduct .steps a:focus {
                    text-decoration: none;
                }

                .widgetCreatorBox .widgetCreatorSelectProduct .steps a.active {
                    font-size: 22.26px;
                }

        .widgetCreatorBox .widgetCreatorSelectProduct .step {
            display: none;
        }

            .widgetCreatorBox .widgetCreatorSelectProduct .step.active {
                display: block;
            }

            .widgetCreatorBox .widgetCreatorSelectProduct .step .widgetCreatorSelectProduct--title {
                margin: 20px 0;
                font-size: 16px;
            }

            .widgetCreatorBox .widgetCreatorSelectProduct .step .widgetCreatorSelectProductBox {
                float: left;
                margin: 20px 0 30px;
            }

                .widgetCreatorBox .widgetCreatorSelectProduct .step .widgetCreatorSelectProductBox label {
                    float: left;
                    width: 48%;
                    margin-bottom: 20px;
                    font-family: Open Sans;
                    font-weight: 500;
                    color: #3c3c40;
                    font-size: 18px;
                }

                    .widgetCreatorBox .widgetCreatorSelectProduct .step .widgetCreatorSelectProductBox label input, .widgetCreatorBox .widgetCreatorSelectProduct .step .widgetCreatorSelectProductBox label select {
                        clear: both;
                        width: 100%;
                        height: 35px;
                        line-height: 35px;
                        margin: 10px 0 0 0;
                        font-size: 14px;
                        border: 0;
                        outline: 0;
                        color: #3c3c40;
                        padding: 0;
                        background-color: #c1c1c1;
                    }

                    .widgetCreatorBox .widgetCreatorSelectProduct .step .widgetCreatorSelectProductBox label input {
                        width: calc(100% - 10px);
                        padding: 0 5px;
                    }

                    .widgetCreatorBox .widgetCreatorSelectProduct .step .widgetCreatorSelectProductBox label:nth-child(2n+1) {
                        margin-right: 4%;
                    }

                    .widgetCreatorBox .widgetCreatorSelectProduct .step .widgetCreatorSelectProductBox label select:disabled {
                        opacity: 0.5;
                    }

            .widgetCreatorBox .widgetCreatorSelectProduct .step .GR-widgetBox {
                margin-bottom: 20px;
                padding: 15px 0 20px;
                background-color: #FFF;
            }

                .widgetCreatorBox .widgetCreatorSelectProduct .step .GR-widgetBox h4 {
                    line-height: 25px;
                    font-family: Open Sans;
                    font-weight: 500;
                }

                .widgetCreatorBox .widgetCreatorSelectProduct .step .GR-widgetBox .widget-720 h4 {
                    line-height: 18px;
                }

                .widgetCreatorBox .widgetCreatorSelectProduct .step .GR-widgetBox .btn.ico {
                    background: #85AC01;
                }

                .widgetCreatorBox .widgetCreatorSelectProduct .step .GR-widgetBox .widget-160 .btn.submit, .widgetCreatorBox .widgetCreatorSelectProduct .step .GR-widgetBox .widget-720 .btn.submit {
                    font-size: 13px;
                    line-height: 20px;
                }

                .widgetCreatorBox .widgetCreatorSelectProduct .step .GR-widgetBox .widget-mode {
                    display: block;
                    margin: 0 auto;
                }

                .widgetCreatorBox .widgetCreatorSelectProduct .step .GR-widgetBox #widget-buy-it-from-me input {
                    width: calc(100% - 52px);
                }

            .widgetCreatorBox .widgetCreatorSelectProduct .step .action {
                float: left;
                width: 100%;
            }

                .widgetCreatorBox .widgetCreatorSelectProduct .step .action p {
                    float: left;
                    line-height: 30px;
                }

                .widgetCreatorBox .widgetCreatorSelectProduct .step .action a {
                    padding: 4px 30px;
                    color: #cdcdcd;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 14px;
                    background-color: #3c3c40;
                }

                    .widgetCreatorBox .widgetCreatorSelectProduct .step .action a:hover {
                        text-decoration: none;
                    }

                    .widgetCreatorBox .widgetCreatorSelectProduct .step .action a.action-fr {
                        float: right;
                        margin-left: 10px;
                    }

            .widgetCreatorBox .widgetCreatorSelectProduct .step .widgetCode {
                float: left;
                width: 100%;
                margin-bottom: 20px;
            }

                .widgetCreatorBox .widgetCreatorSelectProduct .step .widgetCode textarea {
                    width: calc(100% - 10px);
                    height: 200px;
                    padding: 5px;
                    color: #cdcdcd;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 14px;
                    background-color: #3c3c40;
                }
/* END Widget Creator */
/* START Widgets List */
.widgetsListBox {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-family: Open Sans;
    font-weight: 500;
    color: #3c3c40;
}

    .widgetsListBox .widgetsListDescription {
        margin-bottom: 30px;
    }

        .widgetsListBox .widgetsListDescription h3 {
            margin: 0;
            padding: 0;
            font-size: 25px;
            line-height: 40px;
            font-weight: 500;
        }

        .widgetsListBox .widgetsListDescription p {
            font-size: 16px;
        }

    .widgetsListBox .widgetsListTable {
        float: left;
        width: 100%;
    }

        .widgetsListBox .widgetsListTable table {
            width: 100%;
            background-color: #c4c4c4;
            border-bottom: 5px solid #c4c4c4;
        }

            .widgetsListBox .widgetsListTable table, .widgetsListBox .widgetsListTable table tr th, .widgetsListBox .widgetsListTable table tr td {
                border: 0;
            }

                .widgetsListBox .widgetsListTable table tr {
                    border-left: 5px solid #c4c4c4;
                    border-right: 5px solid #c4c4c4;
                }

                    .widgetsListBox .widgetsListTable table tr:first-child {
                        border-left: 5px solid #d7d7d7;
                        border-right: 5px solid #d7d7d7;
                    }

                    .widgetsListBox .widgetsListTable table tr th {
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 16px;
                        color: #3c3c40;
                        border-right: 5px solid #c4c4c4;
                        background-color: #d7d7d7;
                    }

                    .widgetsListBox .widgetsListTable table tr td {
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 14px;
                        color: #3c3c40;
                    }

                        .widgetsListBox .widgetsListTable table tr td .game:nth-child(2) {
                            font-weight: 500;
                        }

                        .widgetsListBox .widgetsListTable table tr td .game:last-child {
                            font-size: 12px;
                        }

                        .widgetsListBox .widgetsListTable table tr td .active, .widgetsListBox .widgetsListTable table tr td .inactive {
                            line-height: 16px;
                        }

                            .widgetsListBox .widgetsListTable table tr td .active i {
                                display: inline-block;
                                width: 16px;
                                height: 16px;
                                margin-right: 10px;
                                background: url(../images/icon/sprite_icon.png) no-repeat;
                                background-position: -200px -650px;
                            }

                            .widgetsListBox .widgetsListTable table tr td .inactive i {
                                display: inline-block;
                                width: 16px;
                                height: 16px;
                                margin-right: 10px;
                                background: url(../images/icon/sprite_icon.png) no-repeat;
                                background-position: -240px -650px;
                            }

                        .widgetsListBox .widgetsListTable table tr td a {
                            display: inline-block;
                            margin-right: 5px;
                            background: url(../images/icon/sprite_icon.png) no-repeat;
                        }

                            .widgetsListBox .widgetsListTable table tr td a.icon__dollars {
                                width: 11px;
                                height: 19px;
                                background-position: -280px -600px;
                            }

                            .widgetsListBox .widgetsListTable table tr td a.icon__showCode {
                                width: 14px;
                                height: 17px;
                                background-position: -280px -650px;
                            }

                            .widgetsListBox .widgetsListTable table tr td a.icon__power {
                                width: 16px;
                                height: 18px;
                                background-position: -280px -700px;
                            }

                            .widgetsListBox .widgetsListTable table tr td a.icon__basket {
                                width: 18px;
                                height: 19px;
                                background-position: -280px -750px;
                            }

                        .widgetsListBox .widgetsListTable table tr td:first-child {
                            width: 165px;
                        }

                        .widgetsListBox .widgetsListTable table tr td:nth-child(3) {
                            width: 125px;
                        }

                        .widgetsListBox .widgetsListTable table tr td:nth-child(4) {
                            width: 125px;
                        }

                        .widgetsListBox .widgetsListTable table tr td:last-child {
                            width: 125px;
                        }

                    .widgetsListBox .widgetsListTable table tr th:last-child {
                        border-right: 0;
                    }

                    .widgetsListBox .widgetsListTable table tr:nth-child(2n + 3) {
                        background-color: #cecece;
                    }

        .widgetsListBox .widgetsListTable .pageNumber {
            position: relative;
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid #d6d6d6;
        }

            .widgetsListBox .widgetsListTable .pageNumber .controls {
                display: block;
                float: left;
                width: 75px;
                text-align: center;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14px;
                color: #3c3c40;
                padding: 4px 0;
                background-color: #d1d1d1;
            }

        .widgetsListBox .widgetsListTable .controls:hover {
            text-decoration: none;
        }

        .widgetsListBox .widgetsListTable .pageNumber .number {
            float: left;
            width: calc(100% - 150px);
            line-height: 28px;
            text-align: center;
            color: #3c3c40;
        }
/* END Widgets List */
/* START Ordest History */
.ordestHistoryBox {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-family: Open Sans;
    font-weight: 500;
    color: #3c3c40;
}

    .ordestHistoryBox .ordestHistoryBox-header {
        float: left;
        margin-bottom: 20px;
    }

        .ordestHistoryBox .ordestHistoryBox-header h3 {
            font-family: Open Sans;
            font-weight: 500;
            font-size: 25px;
            color: #3c3c40;
        }

    .ordestHistoryBox .ordestHistoryTable {
        float: left;
        width: 100%;
    }

        .ordestHistoryBox .ordestHistoryTable table {
            width: 100%;
            background-color: #c4c4c4;
            border-bottom: 5px solid #c4c4c4;
        }

            .ordestHistoryBox .ordestHistoryTable table, .ordestHistoryBox .ordestHistoryTable table tr th, .ordestHistoryBox .ordestHistoryTable table tr td {
                border: 0;
            }

                .ordestHistoryBox .ordestHistoryTable table tr {
                    border-left: 5px solid #c4c4c4;
                    border-right: 5px solid #c4c4c4;
                }

                    .ordestHistoryBox .ordestHistoryTable table tr:first-child {
                        border-left: 5px solid #d7d7d7;
                        border-right: 5px solid #d7d7d7;
                    }

                    .ordestHistoryBox .ordestHistoryTable table tr th {
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 16px;
                        color: #3c3c40;
                        border-right: 5px solid #c4c4c4;
                        background-color: #d7d7d7;
                    }

                    .ordestHistoryBox .ordestHistoryTable table tr td {
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 14px;
                        color: #3c3c40;
                    }

                        .ordestHistoryBox .ordestHistoryTable table tr td .active, .ordestHistoryBox .ordestHistoryTable table tr td .inactive {
                            line-height: 16px;
                        }

                            .ordestHistoryBox .ordestHistoryTable table tr td .active i {
                                display: inline-block;
                                width: 16px;
                                height: 16px;
                                margin-right: 10px;
                                background: url(../images/icon/sprite_icon.png) no-repeat;
                                background-position: -200px -650px;
                            }

                            .ordestHistoryBox .ordestHistoryTable table tr td .inactive i {
                                display: inline-block;
                                width: 16px;
                                height: 16px;
                                margin-right: 10px;
                                background: url(../images/icon/sprite_icon.png) no-repeat;
                                background-position: -240px -650px;
                            }

                        .ordestHistoryBox .ordestHistoryTable table tr td:first-child {
                            width: 140px;
                            font-size: 12px;
                        }

                        .ordestHistoryBox .ordestHistoryTable table tr td:nth-child(2) {
                            width: 75px;
                        }

                        .ordestHistoryBox .ordestHistoryTable table tr td:nth-child(3) {
                            font-weight: 500;
                        }

                        .ordestHistoryBox .ordestHistoryTable table tr td:nth-child(4) {
                            width: 110px;
                        }

                        .ordestHistoryBox .ordestHistoryTable table tr td:nth-child(5) {
                            width: 65px;
                        }

                        .ordestHistoryBox .ordestHistoryTable table tr td:nth-child(6) {
                            width: 85px;
                        }

                        .ordestHistoryBox .ordestHistoryTable table tr td:last-child {
                            width: 160px;
                        }

                        .ordestHistoryBox .ordestHistoryTable table tr td:first-child {
                        }

                    .ordestHistoryBox .ordestHistoryTable table tr:nth-child(2n + 3) {
                        background-color: #cecece;
                    }

                    .ordestHistoryBox .ordestHistoryTable table tr td a {
                        clear: both;
                        float: left;
                        text-decoration: underline;
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 12px;
                        color: #3c3c40;
                        margin-right: 10px;
                    }

                    .ordestHistoryBox .ordestHistoryTable table tr td div i {
                        display: inline-block;
                        margin-right: 10px;
                        background: url(../images/icon/sprite_icon.png) no-repeat;
                    }

                    .ordestHistoryBox .ordestHistoryTable table tr td div.completed i {
                        width: 16px;
                        height: 16px;
                        background-position: -200px -650px;
                    }

                    .ordestHistoryBox .ordestHistoryTable table tr td div.confirmation i {
                        width: 16px;
                        height: 16px;
                        background-position: -240px -650px;
                    }

                    .ordestHistoryBox .ordestHistoryTable table tr td div.processing i {
                        width: 18px;
                        height: 14px;
                        background-position: -200px -700px;
                    }

                    .ordestHistoryBox .ordestHistoryTable table tr td div.claimed i {
                        width: 17px;
                        height: 17px;
                        background-position: -150px -700px;
                    }

                    .ordestHistoryBox .ordestHistoryTable table tr td div.waiting i {
                        width: 17px;
                        height: 17px;
                        background-position: -240px -700px;
                    }

        .ordestHistoryBox .ordestHistoryTable .pageNumber {
            position: relative;
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid #d6d6d6;
        }

            .ordestHistoryBox .ordestHistoryTable .pageNumber .controls {
                display: block;
                float: left;
                width: 75px;
                text-align: center;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14px;
                color: #3c3c40;
                padding: 4px 0;
                background-color: #d1d1d1;
            }

        .ordestHistoryBox .ordestHistoryTable .controls:hover {
            text-decoration: none;
        }

        .ordestHistoryBox .ordestHistoryTable .pageNumber .number {
            float: left;
            width: calc(100% - 150px);
            line-height: 28px;
            text-align: center;
            color: #3c3c40;
        }
/* END Ordest History */
/* SRART Shop Customization */
.shopCustomizationBox {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-family: Open Sans;
    font-weight: 500;
    color: #3c3c40;
}

    .shopCustomizationBox h3 {
        font-size: 25px;
        color: #090a1c;
        font-family: Open Sans;
        font-weight: 500;
    }

        .shopCustomizationBox h3 a {
            color: #3c3c40;
        }

            .shopCustomizationBox h3 a:hover, .shopCustomizationBox h3 a:focus, .shopCustomizationBox a.btnSave:hover, .shopCustomizationBox a.btnSave:focus {
                text-decoration: none;
            }

    .shopCustomizationBox a.btnSave {
        float: left;
        display: block;
        margin-bottom: 20px;
        padding: 4px 10px;
    }

    .shopCustomizationBox .platformsBox {
        float: left;
        clear: both;
    }

        .shopCustomizationBox .platformsBox .activeShop {
            float: left;
            width: 150px;
            padding: 5px;
            margin-right: 20px;
            background-color: #d7d7d7;
            font-family: Open Sans;
            font-weight: 500;
            color: #3c3c40;
            font-size: 16px;
        }

        .shopCustomizationBox .platformsBox .defaultPlatforms {
            float: left;
            line-height: 32px;
        }

            .shopCustomizationBox .platformsBox .defaultPlatforms label {
                float: right;
                margin: 0 0 0 10px;
            }

                .shopCustomizationBox .platformsBox .defaultPlatforms label input {
                    float: left;
                    margin: 9.5px 8px;
                    line-height: 32px;
                }

                .shopCustomizationBox .platformsBox .defaultPlatforms label i.icon {
                    display: block;
                    float: left;
                    background: url(../images/icon/sprite_icon.png) no-repeat;
                }

                .shopCustomizationBox .platformsBox .defaultPlatforms label i.all {
                    width: 22px;
                    height: 21px;
                    margin: 5.5px 0;
                    background-position: -180px -250px;
                }

                .shopCustomizationBox .platformsBox .defaultPlatforms label i.windows {
                    width: 18px;
                    height: 19px;
                    margin: 6.5px 0;
                    background-position: -180px -300px;
                }

                .shopCustomizationBox .platformsBox .defaultPlatforms label i.mac {
                    width: 20px;
                    height: 23px;
                    margin: 4.5px 0;
                    background-position: -180px -355px;
                }

                .shopCustomizationBox .platformsBox .defaultPlatforms label i.linux {
                    width: 18px;
                    height: 22px;
                    margin: 5px 0;
                    background-position: -180px -400px;
                }

                .shopCustomizationBox .platformsBox .defaultPlatforms label i.android {
                    width: 17px;
                    height: 21px;
                    margin: 5.5px 0;
                    background-position: -180px -445px;
                }

.shopCustomizationContent .shopCustomizationLinks {
    width: 375px;
    margin-right: 12px;
}

.shopCustomizationContent .shopCustomizationLook {
    width: 733px;
    padding-bottom: 30px;
}

.shopCustomizationContent .shopCustomizationLinks, .shopCustomizationContent .shopCustomizationLook {
    float: left;
}

    .shopCustomizationContent .shopCustomizationLinks .contentShop, .shopCustomizationContent .shopCustomizationLook .contentShop {
        overflow: hidden;
        padding: 10px;
        background-color: #d7d7d7;
    }

    .shopCustomizationContent .shopCustomizationLinks label {
        margin-bottom: 20px;
        line-height: 28px;
    }

        .shopCustomizationContent .shopCustomizationLinks label input {
            float: right;
            width: 220px;
            outline: 0;
            background: #dde0e1;
            font-family: Open Sans;
            font-weight: 500;
            color: #3c3c40;
            font-size: 14px;
        }

    .shopCustomizationContent .shopCustomizationLinks .btnSave, .shopCustomizationContent .shopCustomizationLook .btnSave {
        clear: none;
        float: left;
        display: block;
        padding: 4px 10px;
        margin-right: 15px;
    }

        .shopCustomizationContent .shopCustomizationLinks .btnSave:hover, .shopCustomizationContent .shopCustomizationLinks .btnSave:focus, .shopCustomizationContent .shopCustomizationLook .btnSave:hover, .shopCustomizationContent .shopCustomizationLook .btnSave:focus {
            text-decoration: none;
        }

    .shopCustomizationContent .shopCustomizationLook .contentShop {
        padding: 10px 20px;
    }

        .shopCustomizationContent .shopCustomizationLook .contentShop .selectPhotoBox {
            float: left;
            margin-bottom: 20px;
        }

            .shopCustomizationContent .shopCustomizationLook .contentShop .selectPhotoBox .photoBox {
                float: left;
                margin-right: 30px;
            }

                .shopCustomizationContent .shopCustomizationLook .contentShop .selectPhotoBox .photoBox span {
                    float: left;
                    display: block;
                    margin-bottom: 10px;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 16px;
                    color: #3c3c40;
                }

                .shopCustomizationContent .shopCustomizationLook .contentShop .selectPhotoBox .photoBox select {
                    display: block;
                    clear: both;
                    width: 140px;
                    height: 36px;
                    outline: 0;
                    border: 0;
                    background-color: #dde0e1;
                }

                .shopCustomizationContent .shopCustomizationLook .contentShop .selectPhotoBox .photoBox .boxes {
                    overflow: hidden;
                    display: block;
                    clear: both;
                    width: 150px;
                    line-height: 30px;
                    padding: 2px;
                    background-color: #dde0e1;
                }

                    .shopCustomizationContent .shopCustomizationLook .contentShop .selectPhotoBox .photoBox .boxes .color {
                        float: right;
                        width: 26px;
                        height: 26px;
                        margin: 3px;
                    }

                    .shopCustomizationContent .shopCustomizationLook .contentShop .selectPhotoBox .photoBox .boxes span {
                        margin-bottom: 0;
                    }

                .shopCustomizationContent .shopCustomizationLook .contentShop .selectPhotoBox .photoBox.bg-col .color {
                    background: #36c858;
                }

                .shopCustomizationContent .shopCustomizationLook .contentShop .selectPhotoBox .photoBox.accent .color {
                    background: #c836b5;
                }

        .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox {
            overflow: hidden;
            clear: both;
        }

            .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox a {
                display: inline-block;
                margin-right: 20px;
                text-decoration: underline;
                color: #090a1c;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14px;
            }

        .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox {
            margin-bottom: 20px;
        }

            .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox {
                float: left;
                width: 236px;
                margin-left: 20px;
            }

                .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox:first-child {
                    width: 180px;
                    margin-left: 0;
                }

                .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox h5, .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .size {
                    float: left;
                    margin: 0;
                    padding: 0;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 14px;
                    color: #090a1c;
                }

                .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .size {
                    float: right;
                    font-size: 12px;
                }

                .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .box {
                    clear: both;
                    float: left;
                    width: 100%;
                    min-height: 160px;
                    margin-bottom: 5px;
                    padding: 12px 5px;
                    border: 2px dashed #3c3c40;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .box i {
                        display: block;
                        width: 49px;
                        height: 48px;
                        margin: 0 auto 10px;
                        background: url(../images/icon/sprite_icon.png) no-repeat;
                        background-position: -300px -600px;
                    }

                    .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .box span {
                        display: block;
                        text-align: center;
                    }

                    .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .box a {
                        display: block;
                        width: 80px;
                        line-height: 22Spx;
                        padding: 5px 0;
                        margin: 10px auto 0;
                        background-color: #3c3c40;
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 22px;
                        color: #cdcdcd;
                        text-align: center;
                        text-decoration: none;
                    }

                .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .actionBox {
                    float: left;
                    clear: both;
                }
                /* Fixed old style */
                .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .box {
                    min-height: 172px;
                }

                .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .fileupload-preview.thumbnail {
                    width: auto;
                    max-width: 160px;
                    display: block;
                    margin: 0 auto;
                    background: transparent;
                }

                    .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .fileupload-preview.thumbnail span {
                        color: #3c3c40;
                    }

                .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .btn-file {
                    display: block;
                    width: 80px;
                    height: 22px;
                    line-height: 22px;
                    padding: 5px 0;
                    margin: 10px auto 0;
                    background-color: #3c3c40;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 22px;
                    color: #cdcdcd;
                    text-align: center;
                    text-decoration: none;
                }

                .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .actionBox button {
                    margin: 0;
                    padding: 0;
                    background: transparent !important;
                    text-decoration: underline;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 14px;
                    color: #3c3c40;
                }

                .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .iii-progress-panel progress {
                    display: block;
                    max-width: 160px;
                    margin: 10px auto;
                }

                .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .iii-progress-panel strong, .shopCustomizationContent .shopCustomizationLook .contentShop .uploadPhotoBox .uploadBox .iii-progress-panel p {
                    font-size: 10px;
                }
/* END Shop Customization */
/* START Settings */
.settingsBox {
    float: left;
    width: 100%;
}

    .settingsBox h3, .settingsBox h4 {
        margin: 0 0 20px;
        padding: 0;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 25px;
        color: #3c3c40;
    }

    .settingsBox h4 {
        display: inline-block;
        margin: 0 0 10px;
        font-size: 16px;
        color: #090a1c;
    }

    .settingsBox .settingsContent .panelSettings {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .settingsBox .settingsContent .avatarBox, .settingsBox .settingsContent .settigs, .settingsBox .settingsContent .passwordBox {
        float: left;
        margin-right: 7px;
    }

    .settingsBox .settingsContent .passwordBox {
        margin-right: 0;
    }

    .settingsBox .settingsContent .panelSettings {
        float: left;
        padding: 10px;
        color: #3c3c40;
        background-color: #d7d7d7;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /*avatarBox*/
    .settingsBox .settingsContent .avatarBox {
        width: 212px;
    }

        .settingsBox .settingsContent .avatarBox .size {
            display: inline-block;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 12px;
            color: #090a1c;
        }

        .settingsBox .settingsContent .avatarBox .uploadBox {
            float: left;
            width: 155px;
            margin-left: 20px;
        }

            .settingsBox .settingsContent .avatarBox .uploadBox h5, .settingsBox .settingsContent .avatarBox .uploadBox .size {
                float: left;
                margin: 0;
                padding: 0;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14px;
                color: #090a1c;
            }

            .settingsBox .settingsContent .avatarBox .uploadBox .size {
                float: right;
                font-size: 12px;
            }

            .settingsBox .settingsContent .avatarBox .uploadBox .box {
                clear: both;
                float: left;
                margin-bottom: 5px;
                padding: 12px 5px;
                border: 2px dashed #3c3c40;
            }

                .settingsBox .settingsContent .avatarBox .uploadBox .box i {
                    display: block;
                    width: 49px;
                    height: 48px;
                    margin: 0 auto 10px;
                    background: url(../images/icon/sprite_icon.png) no-repeat;
                    background-position: -300px -600px;
                }

                .settingsBox .settingsContent .avatarBox .uploadBox .box span {
                    display: block;
                    text-align: center;
                }

                .settingsBox .settingsContent .avatarBox .uploadBox .box a {
                    display: block;
                    width: 80px;
                    line-height: 22px;
                    padding: 5px 0;
                    margin: 10px auto 0;
                    background-color: #3c3c40;
                    font-family: Open Sans;
                    font-weight: 500;
                    font-size: 22px;
                    color: #cdcdcd;
                    text-align: center;
                    text-decoration: none;
                }

            .settingsBox .settingsContent .avatarBox .uploadBox .actionBox {
                float: left;
                clear: both;
            }

                .settingsBox .settingsContent .avatarBox .uploadBox .actionBox a {
                    float: right;
                    text-decoration: underline;
                    color: #3c3c40;
                    margin: 0 4px;
                }

        .settingsBox .settingsContent .avatarBox .activateFacebook, .settingsBox .settingsContent .avatarBox .activateTwitter {
            float: left;
            width: 100%;
            height: 39px;
            line-height: 39px;
            margin-bottom: 5px;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 14px;
            color: #FFF;
        }

            .settingsBox .settingsContent .avatarBox .activateFacebook .iconActivate {
                float: left;
                width: 50px;
            }

            .settingsBox .settingsContent .avatarBox .activateTwitter .iconActivate {
                float: left;
                width: 50px;
            }

            .settingsBox .settingsContent .avatarBox .activateFacebook i, .settingsBox .settingsContent .avatarBox .activateTwitter i {
                float: left;
                display: block;
                background: url(../images/icon/sprite_icon.png) no-repeat;
            }

        .settingsBox .settingsContent .avatarBox .activateFacebook {
            background-color: #3b5998;
        }

            .settingsBox .settingsContent .avatarBox .activateFacebook i {
                width: 14px;
                height: 28px;
                margin: 5.5px 18px;
                background-position: -300px 0;
            }

        .settingsBox .settingsContent .avatarBox .activateTwitter {
            background-color: #55acee;
        }

            .settingsBox .settingsContent .avatarBox .activateTwitter i {
                width: 27px;
                height: 22px;
                margin: 8.5px 11.5px;
                background-position: -350px 0;
            }

            .settingsBox .settingsContent .avatarBox .activateFacebook span, .settingsBox .settingsContent .avatarBox .activateTwitter span {
                display: block;
                float: left;
                line-height: 39px;
            }
    /*avatarBox*/
    /*settigs*/
    .settingsBox .settingsContent .settigs {
        width: 445px;
    }

        .settingsBox .settingsContent .settigs .loadingbox {
            clear: both;
        }

        .settingsBox .settingsContent .settigs label {
            display: block;
            float: left;
            clear: both;
            width: 100%;
            line-height: 38px;
            margin-bottom: 20px;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 16px;
        }

            .settingsBox .settingsContent .settigs label input[type="text"], .settingsBox .settingsContent .settigs label select {
                float: right;
                width: 190px;
                height: 32px; /*margin: 0 15px 0 0;*/
                line-height: 32px;
                border: 0;
                color: #3c3c40;
            }

            .settingsBox .settingsContent .settigs label select {
                width: 252px;
            }

            .settingsBox .settingsContent .settigs label.dateOfBirth input[type="text"] {
                float: none;
                display: inline-block;
                width: 36px;
                margin: 0 2px;
            }

            .settingsBox .settingsContent .settigs label.dateOfBirth .dob-inputs {
                float: right;
            }

                .settingsBox .settingsContent .settigs label.dateOfBirth input[type="text"]:last-child {
                    width: 49px;
                }

        .settingsBox .settingsContent .settigs a.btnSave.btnGreen {
            clear: both;
        }

        .settingsBox .settingsContent .settigs .panelSettings.panelOptions label {
            position: relative;
            height: 26px;
            line-height: 26px;
        }

            .settingsBox .settingsContent .settigs .panelSettings.panelOptions label:last-child {
                margin-bottom: 0;
            }

            .settingsBox .settingsContent .settigs .panelSettings.panelOptions label span {
                display: none;
            }

            .settingsBox .settingsContent .settigs .panelSettings.panelOptions label:hover span {
                display: block;
            }

            .settingsBox .settingsContent .settigs .panelSettings.panelOptions label span {
                position: absolute;
                width: auto;
                color: #FFFFFF;
                padding-top: 10px;
                background: #000000;
                font-size: 12px;
                height: 50px;
                line-height: 18px;
                text-align: center;
                visibility: hidden;
                border-radius: 6px;
            }

                .settingsBox .settingsContent .settigs .panelSettings.panelOptions label span:after {
                    content: '';
                    position: absolute;
                    top: 100%;
                    left: 50%;
                    margin-left: -8px;
                    width: 0;
                    height: 0;
                    border-top: 8px solid #000000;
                    border-right: 8px solid transparent;
                    border-left: 8px solid transparent;
                }

            .settingsBox .settingsContent .settigs .panelSettings.panelOptions label:hover span {
                visibility: visible;
                opacity: 0.8;
                bottom: 30px;
                left: 0; /*margin-left: -76px;*/
                z-index: 999;
            }
    /*settigs*/
    /*passwordBox*/
    .settingsBox .settingsContent .passwordBox {
        width: 449px;
    }

        .settingsBox .settingsContent .passwordBox p {
            font-family: Open Sans;
            font-weight: 500;
            font-size: 12px;
        }

        .settingsBox .settingsContent .passwordBox label {
            display: block;
            float: left;
            clear: both;
            width: 100%;
            line-height: 38px;
            margin-bottom: 20px;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 16px;
        }

            .settingsBox .settingsContent .passwordBox label input[type="text"], .settingsBox .settingsContent .passwordBox label input[type="password"] {
                float: right;
                width: 235px;
                height: 32px;
                line-height: 32px;
                margin: 0;
                color: #3c3c40;
            }
    /*passwordBox*/
    .settingsBox .settingsContent .panelSettings input[type="text"], .settingsBox .settingsContent .panelSettings input[type="password"], .settingsBox .settingsContent .panelSettings select {
        background-color: #dde0e1;
    }

    .settingsBox .settingsContent a.btnSave:hover, .settingsBox .settingsContent a.btnSave:focus {
        text-decoration: none;
    }

    .settingsBox .settingsContent a.btnSave {
        float: left;
        display: block; /*margin-bottom: 20px;*/
        padding: 4px 10px;
    }
/* END Settings */
/* START panelTabs */
.panelTabs.nav-tabs > li > a {
    line-height: 32px;
    margin: 0;
    padding: 0 10px;
}

.panelTabs.nav-tabs > li:first-child > a {
    padding-left: 0;
}

.panelTabs.nav-tabs > li.active:first-child > a {
    border-left: 0;
    border-right: 1px solid #3c3c40;
    border-bottom: 1px solid #cdcdcd;
}

.panelTabs.nav-tabs > li.active > a {
    border-left: 1px solid #3c3c40;
    border-right: 1px solid #3c3c40;
    border-bottom: 1px solid #cdcdcd;
}

.panelTabs.nav-tabs > li > a, .panelTabs.nav-tabs > .active > a:hover, .panelTabs.nav-tabs > .active > a:focus, .panelTabs.nav > li > a:hover, .panelTabs.nav > li > a:focus {
    background: transparent;
    color: #3c3c40;
}
/* END panelTabs */
/* notification */
div.notification {
    position: absolute;
    width: 15px;
    height: 15px;
    left: auto !important;
    line-height: 15px !important;
    top: -4px !important;
    right: -4px !important;
    background-color: #FFF;
    font-family: Open Sans;
    font-weight: 500;
    color: #ef0e38;
    text-align: center;
    font-size: 10px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-style: normal;
}

button.addToCart {
    clear: both;
    display: none;
    border: 0;
    background: #3d3c41;
    font-size: 12px;
    padding: 3px 5px;
    width: 100%;
    color: #fff;
    margin: 0;
}

section .searchContent .searchBox .box ul li a.windows i {
    width: 18px;
    height: 19px;
    margin: 3.5px 0;
    background-position: -180px -300px;
}

section .searchContent .searchBox .box ul li a.mac i {
    width: 20px;
    height: 23px;
    margin: 1.5px 0;
    background-position: -180px -355px;
}

section .searchContent .searchBox .box ul li a.linux i {
    width: 18px;
    height: 22px;
    margin: 2px 0;
    background-position: -180px -400px;
}

section .searchContent .searchBox .box ul li a.android i {
    width: 17px;
    height: 21px;
    margin: 2.5px 0;
    background-position: -180px -445px;
}

section .searchContent .searchBox .box ul li a.steam i {
    width: 22px;
    height: 16px;
    margin: 5px 0;
    background-position: -180px -500px;
}

section .searchContent .searchBox .box ul li a.uplay i {
    width: 22px;
    height: 17px;
    margin: 4.5px 0;
    background-position: -220px -600px;
}

section .searchContent .searchBox .box ul li a.drmFree i {
    width: 22px;
    height: 17px;
    margin: 4.5px 0;
    background-position: -180px -550px;
}

section .searchContent .searchBox .box ul li a.otherDRM i {
    width: 22px;
    height: 19px;
    margin: 3.5px 0;
    background-position: -180px -600px;
}
/* PopUp Gift It */
.giftItPopUp {
    width: 526px !important;
    margin-left: -263px !important;
}

section.giftItBox {
    overflow: hidden;
    position: relative;
    padding: 14px;
}

    section.giftItBox a.close {
        position: absolute;
        top: 14px;
        right: 14px;
        font-family: Open Sans;
        font-weight: 700;
        color: #3c3c40;
        font-size: 30px;
    }

        section.giftItBox a.close:hover, section.giftItBox a.close:focus {
            text-decoration: none;
        }

    section.giftItBox .title {
        margin-bottom: 20px;
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
        font-size: 16px;
    }

    section.giftItBox .giftItBox__content {
        overflow: hidden;
    }

        section.giftItBox .giftItBox__content .cardsBoxes {
            float: left;
            width: 220px;
            margin-right: 15px;
        }

        section.giftItBox .giftItBox__content .formBoxes {
            float: left;
            width: calc(100% - 235px);
        }

            section.giftItBox .giftItBox__content .formBoxes form label {
                margin-bottom: 10px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3d3c41;
                font-size: 14px;
            }

                section.giftItBox .giftItBox__content .formBoxes form label input {
                    width: 100%;
                    margin-top: 5px;
                    outline: 0;
                    background-color: #FFF;
                    color: #3d3c41;
                }

                section.giftItBox .giftItBox__content .formBoxes form label textarea {
                    width: 100%;
                    height: 90px;
                    margin-top: 5px;
                    outline: 0;
                    background-color: #FFF;
                    color: #3d3c41;
                }

            section.giftItBox .giftItBox__content .formBoxes form button {
                margin-top: 10px;
                padding: 4px 40px;
                border: 0;
                background-color: #86aa20;
                font-family: Open Sans;
                font-weight: 500;
                color: #FFF;
                font-size: 12.61px;
                text-transform: uppercase;
            }
/* PopUp Download Panel */
.panelDownload {
    width: 824px !important;
    margin-left: -412px !important;
    background-color: #cdcdcd !important;
}

section.panelDownloadBox {
    overflow: hidden;
    position: relative;
}

    section.panelDownloadBox a.close {
        position: absolute;
        top: 14px;
        right: 14px;
        font-family: Open Sans;
        font-weight: 700;
        color: #3c3c40;
        font-size: 30px;
    }

    section.panelDownloadBox .panelDownload__header {
        overflow: hidden;
    }

        section.panelDownloadBox .panelDownload__header img {
            float: left;
            max-width: 283px;
        }

        section.panelDownloadBox .panelDownload__header .nameBox-gameTitle {
            float: left;
            width: calc(100% - 311px);
            padding: 14px;
        }

            section.panelDownloadBox .panelDownload__header .nameBox-gameTitle .nameBox {
                width: 100%;
                padding-bottom: 10px;
                margin-bottom: 10px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 18px;
                border-bottom: 1px solid #3c3c40;
            }

            section.panelDownloadBox .panelDownload__header .nameBox-gameTitle .info {
                overflow: hidden;
            }

                section.panelDownloadBox .panelDownload__header .nameBox-gameTitle .info .downloadLinks {
                    float: left;
                    font-family: Open Sans;
                    font-weight: 500;
                    color: #3c3c40;
                    font-size: 14px;
                    line-height: 14px;
                    color: #ef0e38;
                }

                section.panelDownloadBox .panelDownload__header .nameBox-gameTitle .info .number {
                    float: right;
                    font-family: Open Sans;
                    font-weight: 500;
                    color: #3c3c40;
                    font-size: 14px;
                    line-height: 14px;
                    color: #3c3c40;
                }

            section.panelDownloadBox .panelDownload__header .nameBox-gameTitle .gameTitle {
                margin-top: 20px;
                margin-bottom: 20px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 26.26px;
            }

            section.panelDownloadBox .panelDownload__header .nameBox-gameTitle .actionLinks a {
                float: left;
                margin-right: 10px;
                padding-left: 10px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 14px;
                line-height: 14px;
                text-decoration: underline;
                border-left: 1px solid #3c3c40;
            }

                section.panelDownloadBox .panelDownload__header .nameBox-gameTitle .actionLinks a:first-child {
                    border-left: 0;
                    padding-left: 0;
                }

    section.panelDownloadBox .panelDownload__content {
        margin-top: 15px;
        padding: 14px;
    }

        section.panelDownloadBox .panelDownload__content .activationKeys .activationKey {
            overflow: hidden;
            margin-bottom: 20px;
        }

            section.panelDownloadBox .panelDownload__content .activationKeys .activationKey .titleGame {
                margin-bottom: 10px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 18px;
            }

            section.panelDownloadBox .panelDownload__content .activationKeys .activationKey .keyBox {
                width: 100%;
            }

                section.panelDownloadBox .panelDownload__content .activationKeys .activationKey .keyBox .key {
                    float: left;
                    overflow: hidden;
                    position: relative;
                    width: calc(100% - 145px);
                    height: 28px;
                    line-height: 28px;
                    text-align: center;
                    font-family: Open Sans;
                    font-weight: 500;
                    color: #3c3c40;
                    font-size: 16px;
                    background-color: #dde0e1;
                }

                    section.panelDownloadBox .panelDownload__content .activationKeys .activationKey .keyBox .key a {
                        position: absolute;
                        right: 3px;
                        top: 3px;
                        padding: 4px 10px;
                        background-color: #9d9ea1;
                        color: #dde0e1;
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 14px;
                        line-height: 14px;
                    }

                        section.panelDownloadBox .panelDownload__content .activationKeys .activationKey .keyBox .key a:hover {
                            text-decoration: none;
                        }

        section.panelDownloadBox .panelDownload__content a.btnLargePopUp {
            float: right;
            padding: 4px 20px;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 14px;
            background-color: #3c3c40;
            color: #dde0e1;
        }

        section.panelDownloadBox .panelDownload__content .expiredButton {
            text-align: center;
        }

            section.panelDownloadBox .panelDownload__content .expiredButton a {
                float: none;
                margin: 0 auto;
            }

        section.panelDownloadBox .panelDownload__content .gameSelect {
            overflow: hidden;
            margin-bottom: 20px;
        }

            section.panelDownloadBox .panelDownload__content .gameSelect .gameFile, section.panelDownloadBox .panelDownload__content .gameSelect .bonusFile {
                float: left;
                width: 80px;
                line-height: 32px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                border-bottom: 1px solid #3c3c40;
            }

            section.panelDownloadBox .panelDownload__content .gameSelect a.gameFile:hover, section.panelDownloadBox .panelDownload__content .gameSelect a.bonusFile:hover, section.panelDownloadBox .panelDownload__content .gameSelect a.gameFile:focus, section.panelDownloadBox .panelDownload__content .gameSelect a.bonusFile:focus {
                text-decoration: none;
            }

            section.panelDownloadBox .panelDownload__content .gameSelect .bonusFile {
                width: 110px;
                padding-left: 10px;
            }

                section.panelDownloadBox .panelDownload__content .gameSelect .gameFile.active, section.panelDownloadBox .panelDownload__content .gameSelect .bonusFile.active {
                    border-bottom: 0;
                }

            section.panelDownloadBox .panelDownload__content .gameSelect .gameFile.active {
                border-right: 1px solid #3c3c40;
                border-bottom: 1px solid #cdcdcd;
            }

            section.panelDownloadBox .panelDownload__content .gameSelect .bonusFile.active {
                border-bottom: 1px solid #cdcdcd;
                border-left: 1px solid #3c3c40;
                border-right: 1px solid #3c3c40;
            }

            section.panelDownloadBox .panelDownload__content .gameSelect .select {
                float: left;
                width: 100%;
                height: 32px;
                border-bottom: 1px solid #3c3c40;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
            }

            section.panelDownloadBox .panelDownload__content .gameSelect select {
                float: right;
                outline: 0;
                border: 0;
            }

        section.panelDownloadBox .panelDownload__content .gameFileBox ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            section.panelDownloadBox .panelDownload__content .gameFileBox ul li {
                clear: both;
                width: calc(100% - 16px);
                height: 31px;
                line-height: 31px;
                padding: 0 8px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 14px;
            }

        section.panelDownloadBox .panelDownload__content .gameFileBox {
            overflow: hidden;
            margin-bottom: 20px;
        }

            section.panelDownloadBox .panelDownload__content .gameFileBox ul li:nth-child(2n+2) {
                background-color: #d9d9d9;
            }

            section.panelDownloadBox .panelDownload__content .gameFileBox ul li .title {
                float: left;
            }

            section.panelDownloadBox .panelDownload__content .gameFileBox ul li .size {
                float: right;
            }

            section.panelDownloadBox .panelDownload__content .gameFileBox ul li .size {
                margin-right: 50px;
            }

            section.panelDownloadBox .panelDownload__content .gameFileBox ul li a {
                float: right;
                line-height: 31px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 14px;
                text-decoration: none;
            }

                section.panelDownloadBox .panelDownload__content .gameFileBox ul li a.download {
                    text-decoration: underline;
                }

        section.panelDownloadBox .panelDownload__content .help-downloadAll {
            overflow: hidden;
        }

            section.panelDownloadBox .panelDownload__content .help-downloadAll a.help {
                float: left;
                line-height: 28px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 14px;
                text-decoration: underline;
            }

            section.panelDownloadBox .panelDownload__content .help-downloadAll a.btnLargePopUp {
                float: right;
                margin-left: 4px;
            }

        section.panelDownloadBox .panelDownload__content a.btnLargePopUp:hover {
            text-decoration: none;
        }
/* PopUp Claim Your Gift */
.ClaimYourGiftPopUp {
    width: 610px !important;
    margin-left: -305px !important;
    background: red;
}

section.ClaimYourGiftPopUpBox {
    overflow: hidden;
    position: relative;
    padding: 14px;
}

    section.ClaimYourGiftPopUpBox a.close {
        position: absolute;
        top: 14px;
        right: 14px;
        font-family: Open Sans;
        font-weight: 700;
        color: #3c3c40;
        font-size: 30px;
    }

        section.ClaimYourGiftPopUpBox a.close:hover, section.ClaimYourGiftPopUpBox a.close:focus {
            text-decoration: none;
        }

    section.ClaimYourGiftPopUpBox .title {
        margin-bottom: 20px;
        padding-bottom: 10px;
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
        font-size: 16px;
        border-bottom: 1px solid #3d3c41;
    }

    section.ClaimYourGiftPopUpBox .ClaimYourGiftPopUpBox__content .photoBoxes {
        float: left;
        margin-right: 20px;
    }

    section.ClaimYourGiftPopUpBox .ClaimYourGiftPopUpBox__content .cardsBoxes {
        float: left;
        padding-left: 10px;
        width: 220px;
        margin-right: 20px;
    }

    section.ClaimYourGiftPopUpBox .ClaimYourGiftPopUpBox__content .informationBoxes {
        float: left;
        font-family: Open Sans;
        font-weight: 500;
        padding-top: 50px;
    }

    section.ClaimYourGiftPopUpBox.photosGiftPopup .informationBoxes {
        padding-top: 0;
    }

}

section.ClaimYourGiftPopUpBox .ClaimYourGiftPopUpBox__content .informationBoxes p {
    margin: 0;
}

section.ClaimYourGiftPopUpBox .ClaimYourGiftPopUpBox__content .informationBoxes h1 {
    padding: 0;
    margin: 0;
    font-family: Open Sans;
    font-weight: 500;
    color: #3c3c40;
    font-size: 26px;
    line-height: 30px;
}

section.ClaimYourGiftPopUpBox .ClaimYourGiftPopUpBox__content .informationBoxes h3 {
    padding: 0;
    margin: 0 0 20px 0;
    font-family: Open Sans;
    font-weight: 500;
    color: #3c3c40;
    font-size: 20px;
    line-height: 24px;
    border-bottom: 0;
}

section.ClaimYourGiftPopUpBox .ClaimYourGiftPopUpBox__content .informationBoxes p.informationBoxes-login {
    margin-bottom: 5px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 22px;
}

section.ClaimYourGiftPopUpBox .ClaimYourGiftPopUpBox__content .informationBoxes p.informationBoxes-email {
    margin-bottom: 20px;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 16px;
}

section.ClaimYourGiftPopUpBox .ClaimYourGiftPopUpBox__content .informationBoxes p.info {
    font-family: Open Sans;
    font-weight: 500;
    font-size: 18px;
}

section.ClaimYourGiftPopUpBox .ClaimYourGiftPopUpBox__content .informationBoxes input[type="submit"], section.ClaimYourGiftPopUpBox .ClaimYourGiftPopUpBox__content .informationBoxes button {
    position: absolute;
    bottom: 14px;
    right: 14px;
    color: #cdcdcd;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px;
    background-color: #3c3c40;
    padding: 5px 50px;
    border: 0;
    outline: 0;
}
/* PopUp Use Card */
.useCardPopUp {
    width: 300px !important;
    margin-left: -150px !important;
}

section.useCardPopUpBox {
    overflow: hidden;
    position: relative;
    padding: 14px;
}

    section.useCardPopUpBox a.close {
        position: absolute;
        top: 14px;
        right: 14px;
        font-family: Open Sans;
        font-weight: 700;
        color: #3c3c40;
        font-size: 30px;
    }

        section.useCardPopUpBox a.close:hover, section.useCardPopUpBox a.close:focus {
            text-decoration: none;
        }

    section.useCardPopUpBox .title {
        margin-bottom: 20px;
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
        font-size: 16px;
    }

    section.useCardPopUpBox .cardsBoxes {
        width: 220px;
        margin: 0 auto;
    }

        section.useCardPopUpBox .cardsBoxes .useCard--question {
            overflow: hidden;
            width: 220px;
            margin: 20px auto;
        }

            section.useCardPopUpBox .cardsBoxes .useCard--question p {
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 16px;
                text-align: center;
            }

        section.useCardPopUpBox .cardsBoxes .GrCard {
            float: none;
        }

        section.useCardPopUpBox .cardsBoxes .useCard--question p:first-child {
            font-size: 18px;
        }

        section.useCardPopUpBox .cardsBoxes .useCard--question .action a {
            float: left;
            width: 49%;
            margin-right: 2%;
            padding: 4px 0;
            text-align: center;
            background-color: #ef0e38;
            color: #FFF;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 14px;
        }

            section.useCardPopUpBox .cardsBoxes .useCard--question .action a:last-child {
                margin-right: 0;
                background-color: #3b3b40;
            }

            section.useCardPopUpBox .cardsBoxes .useCard--question .action a:hover, section.useCardPopUpBox .cardsBoxes .useCard--question .action a:focus {
                text-decoration: none;
            }

        section.useCardPopUpBox .cardsBoxes .useCard {
            width: 220px;
            margin: 10px auto 0;
        }

            section.useCardPopUpBox .cardsBoxes .useCard i {
                display: block;
                width: 30px;
                height: 31px;
                margin: 0 auto 5px;
                background: url(../images/icon/sprite_icon.png) no-repeat;
                background-position: -350px -70px;
            }

            section.useCardPopUpBox .cardsBoxes .useCard a {
                clear: both;
                float: left;
                width: 100%;
                padding: 4px 0;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14px;
                color: #FFF;
                background-color: #3b3b40;
                text-align: center;
            }

            section.useCardPopUpBox .cardsBoxes .useCard p {
                font-family: Open Sans;
                font-weight: 500;
                font-size: 18px;
                color: #3c3c40;
                text-align: center;
            }

            section.useCardPopUpBox .cardsBoxes .useCard a:hover, section.useCardPopUpBox .cardsBoxes .useCard a:focus {
                text-decoration: none;
            }
/* PopUp Change Mail */
.ChangeMailPopUp {
    width: 318px !important;
    margin-left: -159px !important;
}

section.ChangeMailBox {
    overflow: hidden;
    position: relative;
    padding: 14px;
}

    section.ChangeMailBox a.close {
        position: absolute;
        top: 14px;
        right: 14px;
        font-family: Open Sans;
        font-weight: 700;
        color: #3c3c40;
        font-size: 30px;
    }

        section.ChangeMailBox a.close:hover, section.ChangeMailBox a.close:focus {
            text-decoration: none;
        }

    section.ChangeMailBox .title {
        margin-bottom: 20px;
        padding-bottom: 10px;
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
        font-size: 16px;
        border-bottom: 1px solid #3d3d3f;
    }

    section.ChangeMailBox .ChangeMail__content {
        overflow: hidden;
    }

        section.ChangeMailBox .ChangeMail__content .oldMail p {
            margin: 0;
            padding: 0;
            font-family: Open Sans;
            font-weight: 500;
            color: #3c3c40;
            font-size: 16px;
        }

        section.ChangeMailBox .ChangeMail__content label {
            margin-top: 20px;
            font-family: Open Sans;
            font-weight: 500;
            color: #3c3c40;
            font-size: 16px;
        }

            section.ChangeMailBox .ChangeMail__content label input {
                width: 100%;
                height: 36px;
                line-height: 36px;
                margin-top: 5px;
                border: 0;
                background-color: #e5e5e6;
                color: #3c3c40;
                outline: 0;
            }

    section.ChangeMailBox a.buttonMail {
        float: right;
        display: block;
        margin-top: 20px;
        padding: 5px 30px;
        background-color: #3c3c40;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 16px;
        color: #FFF;
    }

        section.ChangeMailBox a.buttonMail:hover, section.ChangeMailBox a.buttonMail:focus {
            text-decoration: none;
        }
/* PopUp Order Summary */
.OrderSummaryPopUp {
    width: 784px !important;
    margin-left: -392px !important;
}

section.OrderSummaryBox {
    overflow: hidden;
    position: relative;
    padding: 14px;
}

    section.OrderSummaryBox a.close {
        position: absolute;
        top: 14px;
        right: 14px;
        font-family: Open Sans;
        font-weight: 700;
        color: #3c3c40;
        font-size: 30px;
    }

        section.OrderSummaryBox a.close:hover, section.OrderSummaryBox a.close:focus {
            text-decoration: none;
        }

    section.OrderSummaryBox .title {
        margin-bottom: 20px;
        padding-bottom: 10px;
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
        font-size: 16px;
        border-bottom: 1px solid #3d3d3f;
    }

    section.OrderSummaryBox .OrderSummary__content .information {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
        font-size: 16px;
    }

        section.OrderSummaryBox .OrderSummary__content .information .idCart {
            float: left;
        }

        section.OrderSummaryBox .OrderSummary__content .information .date {
            float: right;
        }

    section.OrderSummaryBox .OrderSummary__content .tableBox {
        float: left;
        clear: both;
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #d2d2d2;
    }

        section.OrderSummaryBox .OrderSummary__content .tableBox table {
            width: 100%;
        }

            section.OrderSummaryBox .OrderSummary__content .tableBox table tr:nth-child(2n) {
                background-color: #d2d2d2;
            }

            section.OrderSummaryBox .OrderSummary__content .tableBox table td {
                height: 25px;
                border: 0;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                font-size: 14px;
            }

                section.OrderSummaryBox .OrderSummary__content .tableBox table td:first-child {
                    text-align: left;
                }

            section.OrderSummaryBox .OrderSummary__content .tableBox table tr td:last-child {
                text-align: right;
            }

    section.OrderSummaryBox .OrderSummary__content .action {
        float: left;
        width: 100%;
    }

        section.OrderSummaryBox .OrderSummary__content .action a {
            float: left;
            display: block;
            padding: 5px 30px;
            background-color: #3c3c40;
            font-family: Open Sans;
            font-weight: 500;
            font-size: 16px;
            color: #FFF;
        }

    section.OrderSummaryBox .OrderSummary__content a:hover, section.OrderSummaryBox .OrderSummary__content a:focus {
        text-decoration: none;
    }

    section.OrderSummaryBox .OrderSummary__content .action .total {
        float: right;
        line-height: 30px;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 18px;
        color: #3c3c40;
    }


    /*  START PopUp Basket  */

    .basketPopUp {
        width: 320px;
        margin-left: -160px;
    }

    section.basketBox_popUp {
        overflow: hidden;
        position: relative;
        width: 100%;
        background-color: #cdcdcd;
        box-shadow: 0px 0px 17.46px 0.54px rgba(0, 0, 0, 0.47); 
        text-shadow: 0px 0px 17.46px rgba(0, 0, 0, 0.47);
    }
    section.basketBox_popUp a.close {
        position: absolute;
        top: 7px;
        right: 7px;
        font-size: 14px;
        line-height: 14px;
        color: #67676a;
    }
    section.basketBox_popUp a.close:hover,
    section.basketBox_popUp a.close:active,
    section.basketBox_popUp a.close:focus {
        text-decoration: none; 
    }

    section.basketBox_popUp .title {
        height: 70px;
        line-height: 70px;
        padding: 0 16px;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        font-weight: 600;
    }

    section.basketBox_popUp .payBox {
        width: 100%;
    }

    section.basketBox_popUp .payBox a {
        display: table;
        height: 26px;
        line-height: 26px;
        margin: 12.5px auto;
        padding: 0 15px;
        color: #fff;
        background-color: #eb173e;
    }
    section.basketBox_popUp .payBox a:hover,
    section.basketBox_popUp .payBox a:active,
    section.basketBox_popUp .payBox a:focus {
        text-decoration: none; 
    }

/*  END PopUp Basket  */

/*  START PopUp Credit Card  */

    .creditCardPopUp {
        width: 360px;
        margin-left: -180px;
    }

    .creditCardPopUp section.creditCardBox_popUp {
        overflow: hidden;
        position: relative;
        width: 100%;
        background-color: #cdcdcd;
        box-shadow: 0px 0px 17.46px 0.54px rgba(0, 0, 0, 0.47); 
 
    }

    .creditCardPopUp section.creditCardBox_popUp a.close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 20px;
        line-height: 20px;
        color: #67676a;
    }

    .creditCardPopUp section.creditCardBox_popUp a.close:hover,
    .creditCardPopUp section.creditCardBox_popUp a.close:active,
    .creditCardPopUp section.creditCardBox_popUp a.close:focus {
        text-decoration: none; 
    }

    .creditCardPopUp section.creditCardBox_popUp .title {
        width: calc(100% - 16px);
        height: 40px;
        line-height: 40px;
        margin: 0 8px;
        border-bottom: 1px solid #3c3c40;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__desc {
        width: calc(100% - 40px);
        padding: 10px 20px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 300;
        color: #000;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__desc p.info {
        font-weight: 500;
        color: #eb173e;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox__method {
        overflow: hidden;
        width: 223px;
        margin: 0 auto 10px;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox__method .methodBox {
        float: left;
        width: 43px;
        height: 30px;
        margin-right: 2px;
        background: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox__method .methodBox:last-child {
        margin-right: 0;    
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox__method .methodBox .visa {
        width: 36px;
        height: 10px;
        background-position: 0 0;
        margin: 10.5px 3.5px;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox__method .methodBox .masterCard {
        width: 31px;
        height: 17px;
        background-position: -50px 0;
        margin: 6.5px 6px;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox__method .methodBox .iconBlue {
        width: 34px;
        height: 21px;
        background-position: -100px 0;
        margin: 4.5px;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox__method .methodBox .iconOrange {
        width: 35px;
        height: 22px;
        background-position: -150px 0;
        margin: 4px;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox__method .methodBox .jcb {
        width: 27px;
        height: 21px;
        background-position: -204px 0;
        margin: 4.5px 8px;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox__method .methodBox i {
        display: block;
        background-image: url(../images/icon/iconPayment.png);
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__payBox {
        width: calc(100% - 16px);
        padding: 0 8px; 
        height: 53px;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__payBox a {
        display: block;
        float: left;
        width: 120px;
        height: 35px;
        line-height: 35px;
        margin: 13px 0;
        text-align: center;
        background-color: #eb173e;
        color: #fff;
        font-size: 15.3px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__payBox a:hover,
    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__payBox a:active,
    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__payBox a:focus {
        text-decoration: none; 
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__payBox img {
        float: right;
        display: block;
        margin: 14.5px 0;
    }

    .creditCardPopUp section.creditCardBox_popUp.creditCardBox_popUpThankYou p {
        font-size: 16px;
    }

    .creditCardPopUp section.creditCardBox_popUp.creditCardBox_popUpThankYou p:last-child {
        font-size: 13px;
    }

    .creditCardPopUp section.creditCardBox_popUp.creditCardBox_popUpThankYou .icon i {
        display: block;
        width: 84px;
        height: 83px;
        margin: 20px auto 20px;
        background: url(../images/creditCardThankYou.png);
    }

    .creditCardPopUp section.creditCardBox_popUp.creditCardBox_popUpThankYou .creditCardBox_popUp__payBox a {
        float: none;
        width: 170px;
        margin: 0 auto;
    }


    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__content table,
    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__content table td {
        width: 100%;
        padding: 0;
        background-color: #fff;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__content .separator {
        float: left;
        width: 100%;
        height: 4px;
        background-color: #e8e8e8;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__content .box {
        float: left;
        width: 100%;
        line-height: 39px;
        border-bottom: 1px solid #e8e8e8;
    }
    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__content .box.smallBox {
        float: left;
        width: calc(50% - 0.5px);
    }
    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__content .box.smallBox:nth-child(2n+1) {
        border-right: 1px solid #e8e8e8;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__content .box label {
        display: none;
    }

    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__content .box iframe {
        height: 39px !important;
    }

    #card-number { background: #9a9b9c; display: inline-block; height: 22px; padding: 3px 2px 3px 5px; font-weight: 300; font-size: 13px; line-height: 20px; color: #fff; vertical-align: middle; border: 0;}


    .creditCardPopUp section.creditCardBox_popUp .creditCardBox_popUp__content input, #card-number, #cvv, #expiration-date, #postal-code {
        background-color: #fff;
        width: calc(100% - 32px);
        height: 39px;
        line-height: 39px;
        padding: 0 16px;
        margin: 0;
        outline: 0;
        color: #b2b3b1;
        font-size: 17px;

        /*font-family: 'Open Sans', sans-serif;*/
        font-family: Tahoma;
        font-weight: 300;
        height: 41px !important;
    }

/*  END PopUp Credit Card  */

/*  START PopUp Card Payment  */


    body #iii_dialog.cardPaymentPopUp {
        width: 806px;
        margin-left: -403px;
        background: transparent !important;
    }

    .cardPaymentBox_popUp .cardPayment_content {
        width: 766px;
        height: 223px;
        padding: 50px 40px;
        background: url(../images/popUp-CardPaymentBg.png) no-repeat;
    }
    .cardPaymentBox_popUp .cardPayment_content .title {
        float: left;
        clear: both;
        width: 390px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        color: #dd0f3b;
        text-transform: uppercase;
        font-size: 21px;
        line-height: 24px;
        border-bottom: 1px solid #8f8f91;
    }
    .cardPaymentBox_popUp .cardPayment_content .text {
        float: left;
        clear: both;
        width: 390px;
        margin-bottom: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 15px;
        color: #3c3c40;

    }
    .cardPaymentBox_popUp .cardPayment_content .info {
        float: left;
        clear: both;
        width: 390px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 17px;
        color: #3c3c40;
    }

    .cardPaymentBox_popUp .creditCardBox_popUp__close {
        width: calc(100% - 12px);
        margin: -6px auto 0;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background: #dd0f3b;
        box-shadow: 0px 0px 17.46px 0.54px rgba(0, 0, 0, 0.47); 
        text-shadow: 0px 0px 17.46px rgba(0, 0, 0, 0.47);
    }
    .cardPaymentBox_popUp .creditCardBox_popUp__close a {
        display: block;
        width: 100%;
        color: #fff;
        font-size: 22px;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
    }

    .cardPaymentBox_popUp .creditCardBox_popUp__close a:hover {
        text-decoration: none;
    }

/*  END PopUp Card Payment  */

.reasonOwn.iii-why-so-serious ul li {
    background: url(../images/icon/listStyle.png) no-repeat !important;
}

.gamesBox.iii-why-so-serious ul {
    float: left;
    width: 100%;
    margin: 20px 0 0 !important;
}

    .gamesBox.iii-why-so-serious ul li {
        clear: both;
        float: left;
        width: 100%;
        height: 60px;
        padding: 0 !important;
        margin: 0 0 5px 0 !important;
        background: transparent !important;
    }

        .gamesBox.iii-why-so-serious ul li:last-child {
            margin-bottom: 0 !important;
        }

        .gamesBox.iii-why-so-serious ul li:nth-child(2n+1) {
            background-color: #f0f0f0 !important;
        }

        .gamesBox.iii-why-so-serious ul li span.descriptionBox img {
            float: left;
            display: block;
            max-width: 102px;
            max-height: 60px;
            margin-right: 20px;
        }

        .gamesBox.iii-why-so-serious ul li span.descriptionBox span {
            max-width: 320px;
            display: block;
            float: left;
            line-height: 60px; /* margin-right: 20px; */
            color: #3c3c40;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .gamesBox.iii-why-so-serious ul li .warning {
            float: left;
            position: relative;
        }

            .gamesBox.iii-why-so-serious ul li .warning i {
                display: block;
                float: left;
                width: 18px;
                height: 19px;
                margin: 20.5px 10px;
                background: url(../images/icon/sprite_icon.png) no-repeat;
                background-position: -280px 0;
            }

            .gamesBox.iii-why-so-serious ul li .warning .info {
                display: none;
                position: absolute;
                width: 255px;
                left: 35px;
                margin-left: 10px;
                padding: 0 10px;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 14px;
                color: #3c3c40;
                background-color: #FFF;
            }

            .gamesBox.iii-why-so-serious ul li .warning .distinction {
                display: inline-block;
                font-weight: bold;
                line-height: 60px;
                color: #ef0e38;
            }

        .gamesBox.iii-why-so-serious ul li span.infoBox {
            display: block;
            float: right;
            margin-right: 10px;
        }

            .gamesBox.iii-why-so-serious ul li span.infoBox .preOrder {
                float: left;
                padding: 2px 4px;
                margin: 16px 10px 16px 0;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 11px;
                color: #3c3c40;
                text-transform: uppercase;
                background-color: #c4c4c4;
            }

            .gamesBox.iii-why-so-serious ul li span.infoBox .icons {
                float: left;
                display: block;
                background: none;
                margin: 20px 10px 20px 0;
            }

            .gamesBox.iii-why-so-serious ul li span.infoBox .discount {
                float: left;
                font-family: Open Sans;
                font-size: 14px;
                background-color: #3c3c40;
                color: #FFF;
                padding: 4px 12px;
                margin: 16px 0;
            }

            .gamesBox.iii-why-so-serious ul li span.infoBox .dlc {
                float: left;
                padding: 2px 4px;
                margin: 16px 10px 16px 0;
                font-family: Open Sans;
                font-weight: 500;
                font-size: 11px;
                color: #3c3c40;
                text-transform: uppercase;
                background-color: #d1d1d1;
            }

            .gamesBox.iii-why-so-serious ul li span.infoBox.promotion .price {
                background-color: #ef0e38;
            }

            .gamesBox.iii-why-so-serious ul li span.infoBox .price {
                float: left;
                font-family: Open Sans;
                font-size: 14px;
                background-color: #3c3c40;
                color: #FFF;
                padding: 4px 12px;
                margin: 16px 0;
            }

            .gamesBox.iii-why-so-serious ul li span.infoBox .addToCart {
                float: left;
                clear: none;
                width: auto;
                font-family: Open Sans;
                font-size: 14px;
                background-color: #3c3c40;
                color: #FFF;
                padding: 4px 12px;
                margin: 16px 0;
                text-transform: none;
            }

            .gamesBox.iii-why-so-serious ul li span.infoBox.promotion .addToCart {
                background-color: #ef0e38;
            }

            .gamesBox.iii-why-so-serious ul li span.infoBox .priceBox:hover .price, .gamesBox.iii-why-so-serious ul li span.infoBox .priceBox:hover .discount {
                display: none;
            }

            .gamesBox.iii-why-so-serious ul li span.infoBox .priceBox:hover .addToCart {
                display: block;
            }

            .gamesBox.iii-why-so-serious ul li span.infoBox .icons i {
                display: inline-block;
                background: url(../images/icon/sprite_icon.png) no-repeat;
            }

                .gamesBox.iii-why-so-serious ul li span.infoBox .icons i.drmFree {
                    width: 14px;
                    height: 12px;
                    background-position: -280px -35px;
                }

                .gamesBox.iii-why-so-serious ul li span.infoBox .icons i.steam {
                    width: 16px;
                    height: 12px;
                    background-position: -300px -35px;
                }

                .gamesBox.iii-why-so-serious ul li span.infoBox .icons i.windows {
                    width: 11px;
                    height: 12px;
                    background-position: -320px -35px;
                }

                .gamesBox.iii-why-so-serious ul li span.infoBox .icons i.mac {
                    width: 11px;
                    height: 12px;
                    background-position: -334px -35px;
                }

                .gamesBox.iii-why-so-serious ul li span.infoBox .icons i.linux {
                    width: 10px;
                    height: 12px;
                    background-position: -350px -35px;
                }

                .gamesBox.iii-why-so-serious ul li span.infoBox .icons i.android {
                    width: 10px;
                    height: 12px;
                    background-position: -365px -35px;
                }

.gamesBox.iii-why-so-serious .showAllBox {
    clear: both;
    height: 35px;
    line-height: 35px;
    background: url(../images/icon/GrBgShowAll.png) center bottom repeat-x;
}

    .gamesBox.iii-why-so-serious .showAllBox a {
        float: right;
        margin-right: 20px;
        color: #000;
        text-decoration: underline;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14px;
    }

.contentSectionGamesPanel {
    position: relative;
    width: 1140px;
    padding: 0 13px 40px; /*Zmiana*/
    background-color: #cdcdcd;
    overflow: hidden;
    margin: 0 auto 50px;
}

.gamesPanelContent, .gamesPanel .product-right {
    background: transparent !important;
}

.gamesPanel .product-right {
    padding: 0;
}

.gamesPanel .product-page h1 {
    display: block;
    padding-left: 15px;
    margin: 0 0 15px; /*Zmiana*/
    font-family: Open Sans;
    font-weight: 500;
    color: #3c3c40;
    font-size: 21px;
}

.gamesPanel .product-page .wishlist {
    float: right;
    margin-top: -10px;
    padding-right: 15px;
}

    .gamesPanel .product-page .wishlist a {
        display: inline-block;
        height: 31px;
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
        font-size: 14px;
    }

    .gamesPanel .product-page .wishlist span.on {
        display: inline-block;
        height: 31px;
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
        font-size: 14px;
    }

        .gamesPanel .product-page .wishlist span.on span {
            float: left;
            line-height: 31px;
        }

    .gamesPanel .product-page .wishlist a span {
        float: left;
        line-height: 31px;
    }

    .gamesPanel .product-page .wishlist a.add i {
        display: inline-block;
        width: 22px;
        height: 22px;
        margin-left: 10px;
        margin-top: 4.5px;
        background: url(../images/icon/sprite_icon.png) no-repeat;
        background-position: -100px -700px;
    }

    .gamesPanel .product-page .wishlist span.on i {
        display: inline-block;
        width: 31px;
        height: 31px;
        margin-left: 10px;
        background: url(../images/icon/sprite_icon.png) no-repeat;
        background-position: -350px -70px;
    }

.gamesPanel .bread-crumbs {
    padding-left: 15px;
    padding-bottom: 7px; /*Zmiana*/
}

    .gamesPanel .bread-crumbs a, .gamesPanel .bread-crumbs span {
        color: #3c3c40;
    }
/* Shop Page */
section.containerBox {
    position: relative;
    width: 1140px;
    margin: 0 auto;
}

    section.containerBox .shopContent {
        float: left;
        width: 100%;
        padding: 10px;
        margin: 0 0 50px;
        background-color: #cdcdcd;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        section.containerBox .shopContent .shopContent_header {
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }

            section.containerBox .shopContent .shopContent_header h2 {
                float: left;
                margin: 0;
                padding: 0;
                color: #3c3c40;
                font-size: 22px;
                font-family: Open Sans;
                font-weight: 500;
            }

            section.containerBox .shopContent .shopContent_header .filter {
                float: right;
                margin-top: 12px;
                margin-right: 20px;
                background-color: #9e9e9e;
            }

                section.containerBox .shopContent .shopContent_header .filter input {
                    width: 150px;
                    margin: 0;
                    color: #FFF;
                    text-transform: uppercase;
                    outline: 0;
                }

                section.containerBox .shopContent .shopContent_header .filter span {
                    display: block;
                    float: left;
                    width: 10px;
                    height: 11px;
                    padding: 8px;
                    background: #9e9e9e url(../images/icon/icon_magnifier.png) center no-repeat;
                }

                section.containerBox .shopContent .shopContent_header .filter input::-webkit-input-placeholder {
                    color: #FFF;
                }

                section.containerBox .shopContent .shopContent_header .filter input:-moz-placeholder {
                    color: #FFF;
                    opacity: 1;
                }

                section.containerBox .shopContent .shopContent_header .filter input:focus {
                    background-color: #9e9e9e;
                }

            section.containerBox .shopContent .shopContent_header .createShop {
                float: right;
            }

                section.containerBox .shopContent .shopContent_header .createShop a {
                    display: block;
                    padding: 10px 25px;
                    color: #f3f0ea;
                    font-size: 14px;
                    font-family: Open Sans;
                    font-weight: 500;
                    text-decoration: none;
                    background-color: #3c3c40;
                }

                    section.containerBox .shopContent .shopContent_header .createShop a:hover, section.containerBox .shopContent .shopContent_header .createShop a:focus {
                        text-decoration: underline;
                    }

        section.containerBox .shopContent .shopContent_section {
            float: left;
            width: 100%;
            box-shadow: 0px 0px 3.55px 1.45px rgba(0, 0, 0, 0.17);
        }

            section.containerBox .shopContent .shopContent_section .shopBox__tabs {
                width: calc(100% - 20px);
                padding: 10px;
                float: left;
                background-color: #d9d9d9;
            }

                section.containerBox .shopContent .shopContent_section .shopBox__tabs ul {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }

                    section.containerBox .shopContent .shopContent_section .shopBox__tabs ul li {
                        float: left;
                    }

                        section.containerBox .shopContent .shopContent_section .shopBox__tabs ul li a {
                            font-family: Open Sans;
                            font-weight: 500;
                            padding: 0 5px;
                            color: #3c3c40;
                        }

                            section.containerBox .shopContent .shopContent_section .shopBox__tabs ul li a.active {
                                position: relative;
                                font-weight: bold;
                            }

                                section.containerBox .shopContent .shopContent_section .shopBox__tabs ul li a.active::before {
                                    content: " ";
                                    position: absolute;
                                    width: 0;
                                    height: 0;
                                    margin: 0 auto;
                                    bottom: -10px;
                                    left: 0;
                                    right: 0;
                                    border-style: solid;
                                    border-width: 0 10px 5px 10px;
                                    border-color: transparent transparent #c4c4c4 transparent;
                                }

            section.containerBox .shopContent .shopContent_section .shopBox__content {
                float: left;
                width: 100%;
                padding: 15px 18px;
                background-color: #c4c4c4;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                section.containerBox .shopContent .shopContent_section .shopBox__content ul {
                    float: left;
                    width: 100%;
                    margin: 0 0 10px;
                    padding: 0 0 10px;
                    border-bottom: 1px solid #d6d6d6;
                }

                    section.containerBox .shopContent .shopContent_section .shopBox__content ul li {
                        float: left;
                        width: calc(33.3% - 8px);
                        margin-right: 9px;
                        padding: 1px;
                        list-style: none;
                    }

                        section.containerBox .shopContent .shopContent_section .shopBox__content ul li:nth-child(3n+3) {
                            margin-right: 0;
                        }

                        section.containerBox .shopContent .shopContent_section .shopBox__content ul li:nth-child(6n+1), section.containerBox .shopContent .shopContent_section .shopBox__content ul li:nth-child(6n+2), section.containerBox .shopContent .shopContent_section .shopBox__content ul li:nth-child(6n+3) {
                            background-color: #d1d1d1;
                        }

                        section.containerBox .shopContent .shopContent_section .shopBox__content ul li img {
                            display: block;
                            float: left;
                            max-width: 59px;
                        }

                        section.containerBox .shopContent .shopContent_section .shopBox__content ul li a.title {
                            display: block;
                            float: left;
                            line-height: 59px;
                            margin-left: 8px;
                            color: #3c3c40;
                            font-size: 14px;
                            font-family: Open Sans;
                            font-weight: 500;
                            text-transform: uppercase;
                        }

                section.containerBox .shopContent .shopContent_section .shopBox__content .pageNumber {
                    position: relative;
                    margin-top: 10px;
                }

                    section.containerBox .shopContent .shopContent_section .shopBox__content .pageNumber .controls {
                        display: block;
                        float: left;
                        width: 75px;
                        text-align: center;
                        font-family: Open Sans;
                        font-weight: 500;
                        font-size: 14px;
                        color: #3c3c40;
                        padding: 4px 0;
                        background-color: #d1d1d1;
                    }

                        section.containerBox .shopContent .shopContent_section .shopBox__content .pageNumber .controls:hover {
                            text-decoration: none;
                        }

                    section.containerBox .shopContent .shopContent_section .shopBox__content .pageNumber .number {
                        float: left;
                        width: calc(100% - 150px);
                        line-height: 28px;
                        text-align: center;
                    }

.titleName {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 20px 0;
}

body.homePage .titleName {
    width: 1140px;
    margin: 0 auto;
}

    .titleName .line {
        float: left;
        width: 41%;
        border-bottom: 1px solid #eeeeee;
    }

    .titleName .title {
        float: left;
        width: 18%;
        text-align: center;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14px;
        color: #eb173e;
        text-transform: uppercase;
        margin-top: -10px;
        font-weight: 700;
        background: transparent;
    }

    .titleName .title a {
        color: #eb173e;
        text-decoration: none;
        font-weight: 700;
    }

.sliderBox {
    position: relative;
    /*float: left;*/
    margin: 0 0 20px;
}

.sliderBox:hover::after {
    content: " ";
    position: absolute;
    width: 52px;
    height: 100%;
    right: 0;
    top: 0;
    background: url(../images/shadow.png) no-repeat top right;
}

    .sliderBox.no-slide-shadow:hover::after {
        display: none;
    }

.sliderBox:hover::before {
    content: " ";
    position: absolute;
    width: 52px;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/shadow.png) no-repeat top right;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 1;
}

.sliderBox.no-slide-shadow:hover::before {
    display: none;
}

.sliderBox:hover .bx-wrapper .bx-controls-direction a {
    display: block;
}
    .sliderBox .no-slide {
        overflow: hidden;
    }

    .sliderBox .bx-wrapper .bx-viewport {
        background: transparent;
    }

    .sliderBox .bx-wrapper .bx-controls-direction a {
        display: none;
        width: 16px;
        height: 26px;
        background: url(../images/icon/sprite_icon.png) no-repeat;
        background-position: -300px -800px;
    }

    .sliderBox .bx-wrapper .bx-prev {
        left: 10px;
    }

    .sliderBox .bx-wrapper .bx-next {
        right: 10px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .sliderBox ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .sliderBox ul.no-slide li:last-child {
            margin-right: 0;
        }

        .sliderBox ul li {
            position: relative;
            float: left;
            width: calc(33.3% - 6.3px);
            margin-right: 10px;
        }

            .sliderBox ul li img {
                display: block;
                width: 100%;
            }

            .sliderBox ul li .description {
                width: 100%;
                line-height: 38px;
                padding: 0 10px;
                background-color: #eeeeee;
                font-size: 14px;
                font-family: Open Sans;
                font-weight: 500;
                color: #3c3c40;
                box-sizing: border-box;
            }

                .sliderBox ul li .description .promotion-price__Boxes {
                    margin: 7px 0;
                }

    .sliderBox ul.no-slide.item3 li {
        width: calc(33.3% - 6.3px);
    }

    .sliderBox ul.no-slide.item2 {
        overflow: hidden;
        width: 700px;
        margin: 0 auto;
    }

    .sliderBox ul.no-slide.item2 li {
        width: calc(50% - 6.3px);
    }

    .sliderBox ul.no-slide.item1 {
        overflow: hidden;
        width: 370px;
        margin: 0 auto;
    }

    .sliderBox ul.no-slide.item1 li {
        width: 100%
    }

    .sliderBox.gamesBox ul li {
        width: 208px;
    }

    .sliderBox.gamesBox ul.no-slide.item5 li,
    .sliderBox.gamesBox ul.no-slide li {
        width: calc(20% - 8px);
    }

    .sliderBox.gamesBox ul.no-slide.item4 {
        overflow: hidden;
        width: 920px;
        margin: 0 auto;
    }

    .sliderBox.gamesBox ul.no-slide.item4 li {
        width: calc(25% - 8px);
    }

    .sliderBox.gamesBox ul.no-slide.item3 {
        overflow: hidden;
        width: 700px;
        margin: 0 auto;
    }

    .sliderBox.gamesBox ul.no-slide.item3 li {
        width: calc(33.3% - 8px);
    }

    .sliderBox.gamesBox ul.no-slide.item2 {
        overflow: hidden;
        width: 480px;
        margin: 0 auto;
    }

    .sliderBox.gamesBox ul.no-slide.item2 li {
        width: calc(50% - 8px);
    }

    .sliderBox.gamesBox ul.no-slide.item1 {
        overflow: hidden;
        width: 260px;
        margin: 0 auto;
    }

    .sliderBox.gamesBox ul.no-slide.item1 li {
        width: calc(100% - 8px);
    }

    .sliderBox.gamesBox ul li .gameContent {
        width: auto;
        margin-bottom: 0;
        box-shadow: none;
    }

    .sliderBox .price-Boxes {
        position: absolute;
        right: 0;
        bottom: 36px;
    }

        .sliderBox .price-Boxes:hover button.addToCart {
            display: block;
        }

        .sliderBox .price-Boxes:hover .price, .sliderBox .price-Boxes:hover .discount {
            display: none;
        }

.price-Boxes .price, .price-Boxes .discount {
    float: left;
    padding: 4px 10px;
    color: #fff;
    font-family: Open Sans;
    font-size: 17.2px;
}

.price-Boxes .price, .price-Boxes button.addToCart {
    background-color: #eb173e;
}

.price-Boxes .discount {
    background-color: #3c3c40;
}

.promotion-price__Boxes {
    float: right;
    width: 100px;
}

    .promotion-price__Boxes:hover .addToCart {
        display: block;
        border: 0;
    }

    .promotion-price__Boxes.promotion__Boxes:hover .promotion, .promotion-price__Boxes:hover .promotion, .promotion-price__Boxes:hover .price {
        display: none;
    }

    .promotion-price__Boxes .promotion {
        float: left;
        width: 44px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-family: Open Sans;
        font-size: 14px;
        color: #FFF;
        background-color: #eb173e;
    }

    .promotion-price__Boxes .price {
        float: left;
        width: 100px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-family: Open Sans;
        font-size: 14px;
        color: #FFF;
        background-color: #3c3c40;
    }

    .promotion-price__Boxes .comingSoon {
        float: left;
        width: 100px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-family: Open Sans;
        font-size: 14px;
        color: #FFF;
        background-color: #c5c5c5;
    }

    .promotion-price__Boxes .addToCart {
        display: none;
        width: 100px;
        height: 24px;
        line-height: 19px;
        text-align: center;
        font-family: Open Sans;
        font-size: 12px;
        color: #FFF;
        background-color: #eb173e;
        cursor: pointer;
    }

    .promotion-price__Boxes.promotion__Boxes .promotion {
        display: block;
    }

    .promotion-price__Boxes.promotion__Boxes .price {
        width: 56px;
    }

.widgetSearchHeader {
    overflow: hidden;
    width: 360px !important;
    background-color: #eeeeee;
    z-index: 999;
    margin: 17px 0 0;
    padding: 0;
    -webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
    -moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
    box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.54);
}

    .widgetSearchHeader li {
        float: left;
        width: 100%;
        margin-left: 2px;
        border: 0;
        border-bottom: 1px solid #3c3c40;
        list-style: none;
    }

        .widgetSearchHeader li.ui-autocomplete-item-li-hover {
            background-color: #EB173E;
        }

            .widgetSearchHeader li.ui-autocomplete-item-li-hover a span.title span {
                color: #FFF;
            }

        .widgetSearchHeader li a {
            display: block;
        }

            .widgetSearchHeader li a img {
                float: left;
                max-width: 62px;
                width: 100%;
                height: 62px;
            }

            .widgetSearchHeader li a span.title {
                display: table;
                float: left;
                max-width: 170px;
                height: 62px;
                margin-left: 9px;
            }

                .widgetSearchHeader li a span.title span {
                    display: table-cell;
                    vertical-align: middle;
                    font-family: Open Sans;
                    color: #3c3c40;
                    font-size: 14px;
                }

                    .widgetSearchHeader li a span.title span span {
                        font-size: 12px;
                    }

        .widgetSearchHeader li .promotion-price__Boxes {
            margin: 19px 5px;
        }

    .widgetSearchHeader .show-more-autocomplete-item {
        display: table;
        width: 100%;
        height: 44px;
        border-bottom: 0;
    }

        .widgetSearchHeader .show-more-autocomplete-item:hover {
            background: transparent;
        }

        .widgetSearchHeader .show-more-autocomplete-item a {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            color: #3c3c40;
            font-family: Open Sans;
            text-decoration: underline;
        }

.pageNumber {
    clear: both;
    position: relative;
    margin-top: 10px;
}

    .pageNumber .controls {
        display: block;
        float: left;
        width: 75px;
        text-align: center;
        font-family: Open Sans;
        font-weight: 500;
        font-size: 14px;
        color: #3c3c40;
        padding: 4px 0;
    }

        .pageNumber .controls:hover {
            text-decoration: none;
        }

    .pageNumber .number {
        float: left;
        width: calc(100% - 150px);
        line-height: 28px;
        text-align: center;
    }
/* STYLE OLD PAGE */
.shopCustomizationContent {
    margin-top: 10px;
}

    .shopCustomizationContent.tab-content {
        padding: 0;
    }

    .shopCustomizationContent h3, .shopCustomizationContent h4 {
        font-family: Open Sans;
        font-weight: 500;
        color: #3c3c40;
        font-size: 20px;
    }

    .shopCustomizationContent.tab-content .panel-content .panel-left {
        width: auto;
    }

    .shopCustomizationContent.tab-content .panel-content .panel-right {
        width: 855px;
    }

#iii-user-profile-shop-smallslider-filter-publisher, #iii-user-profile-shop-smallslider-filter-category {
    width: 245px;
}

#iii-user-profile-shop-upcomming-filter-publisher, #iii-user-profile-shop-upcomming-filter-category {
    width: 245px;
}

#iii-user-profile-shop-hotdeals-filter-publisher, #iii-user-profile-shop-hotdeals-filter-category {
    width: 245px;
}

#iii-user-profile-shop-step-1 {
    color: #3c3c40;
    font-family: Open Sans;
    font-weight: 500;
}

    #iii-user-profile-shop-step-1 h3, .shopCustomizationContent.tab-content #panel-products .products-mini ul li p {
        font-weight: 500;
    }

    #iii-user-profile-shop-step-1 .panel-right, #iii-user-profile-shop-step-2 .panel-right {
        width: 380px !important;
    }

#iii-user-profile-shop-url-preview, #iii-user-profile-shop-url-summary, #iii-user-profile-shop-name-summary {
    line-height: 24px;
}

.widgetCreatorBox .widgetCreatorConfirmName {
    float: left;
    width: 720px;
    padding: 15px;
    background-color: #d7d7d7;
}

    .widgetCreatorBox .widgetCreatorConfirmName h3 {
        font-weight: 500;
    }

#products-tab #panel-products .panel-left .jspScrollable li img {
    width: 64px;
    height: 40px;
}

#slider-tab #panel-sliders .panel-left .jspScrollable li img {
    width: 226px;
    height: 113px;
}

#smallslider-tab #panel-sliders .panel-left .jspScrollable li img {
    width: 226px;
    height: 113px;
}

#upcomming-tab #panel-sliders .panel-left .jspScrollable li img {
    width: 226px;
    height: 113px;
}

#iii-avatar-image-control #iii-avatar-remove-button, #iii-avatar-image-control #iii-avatar-image-button {
    border: 0;
    background: transparent;
    text-decoration: underline;
    font-family: Open Sans;
    font-weight: 500;
    font-size: 14px;
    color: #3c3c40;
    text-align: center;
    width: 135px;
}

    #iii-avatar-image-control #iii-avatar-remove-button:hover, #iii-avatar-image-control #iii-avatar-image-button:hover {
        background: transparent !important;
    }

#iii-own-user-name-password {
    float: right;
    width: 190px;
    height: 32px;
    margin: 5px 120px 0 0;
    line-height: 32px;
    border: 0;
    color: #3c3c40;
}

.panelSettings #iii-username-submit, .panelSettings #iii-email-submit, .panelSettings #iii-paypal-submit, .panelSettings #iii-born-date-submit {
    float: right;
    width: 105px;
    margin-top: 4px;
    margin-left: 15px;
}

#iii-password-submit {
    border: 0;
}

#product-available-dlcs li {
    position: relative;
}

    #product-available-dlcs li .loadingbox.list {
        float: right;
        position: absolute;
        z-index: 1;
        right: 10px;
        width: 150px;
        top: 5px;
    }

body .iii-new-product-card-gameinfo a {
    color: #3c3c40;
    text-decoration: underline;
}

body .product-page .comment-form h4 {
    color: #000;
}

body .iii-product-card-photos .bx-wrapper .bx-controls-direction a {
    width: 15px;
    height: 21px;
    margin-top: 0;
}

body .iii-product-card-photos .bx-wrapper .bx-prev {
    background: url(../images/icon/sprite_icon.png) no-repeat;
    background-position: -350px -600px;
}

body .iii-product-card-photos .bx-wrapper .bx-next {
    background: url(../images/icon/sprite_icon.png) no-repeat;
    background-position: -350px -600px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

body .gamesPanel .product-right {
    margin-top: 15px;
}

.iii-product-card-header-photo {
    margin: 0 !important;
}

#product-page {
    padding-top: 5px;
    background: #cdcdcd;
}

body #page-body {
    min-height: 0 !important;
}

#page-body {
    padding: 0 !important;
}

#social-bar {
    width: 1090px !important;
}

body .contentSectionGamesPanel {
    margin-top: 20px;
}

body #iii_dialog {
    background: #EEE !important;
}

body .modal.modal-medium {
    width: 750px;
}

body .modal.modal-paysafecard {
    width: 690px;
    top: 5% !important;
    left: 45% !important
}

#checkoutForm > div.modal-body > div.part-right {
    width: 320px;
}
/* STYLE OLD PAGE */
/*Reklama */
#iii-ad-campaign-banner {
  margin: auto;
  max-width: 1140px;
  width: 100%;
position: static;
cursor: pointer;
}

#iii-ad-campaign-banner a {
display:block;}

    #iii-ad-campaign-banner div {
        display: block;
        text-align: center;
        margin: auto auto;
        max-height: 240px;
    }

        #iii-ad-campaign-banner div img {
            max-height: 240px;
        }

#content-section.advAware {
  margin-top: auto;
}
/* Popup Anomaly */
body #iii_dialog.anomalyPopup {
    width: 806px;
    margin-left: -403px;
    background: transparent !important;
}

.anomalyPopup .anomalyBox {
    position: relative;
    display: block;
    width: 806px;
    height: 368px;
    background: url(../images/popupAnomaly.png) no-repeat;
}

    .anomalyPopup .anomalyBox a.close {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        border: 1px solid #d78b65;
        color: #d78b65;
        text-decoration: none;
        border-radius: 50%;
        text-align: center;
        font-size: 12px;
        cursor: pointer;
    }

    .anomalyPopup .anomalyBox .description_box {
        float: right;
        width: 402px;
        margin-right: 60px;
        padding-top: 25px;
    }

        .anomalyPopup .anomalyBox .description_box .info, .anomalyPopup .anomalyBox .description_box .text {
            color: #FFF;
            text-align: center;
            text-transform: uppercase;
            font-family: 'ref';
        }

        .anomalyPopup .anomalyBox .description_box .text {
            font-size: 29.52px;
            line-height: 32px;
        }

        .anomalyPopup .anomalyBox .description_box .info .small_header {
            font-size: 27.7px;
            line-height: 30px;
        }

        .anomalyPopup .anomalyBox .description_box .info .large_header {
            font-size: 55.97px;
            line-height: 60px;
        }

        .anomalyPopup .anomalyBox .description_box .register {
            display: block;
            width: 210px;
            height: 30px;
            margin: 10px auto;
            border: 0;
            background-color: #eb173e;
            color: #FFF;
            text-transform: uppercase;
            font-size: 18.63px;
            font-family: Open Sans;
            font-weight: 700;
            box-shadow: 0px 0px 5.58px 0.42px rgba(67, 27, 24, 1);
        }

        .anomalyPopup .anomalyBox .description_box .log-in {
            display: block;
            color: #FFF;
            text-transform: uppercase;
            font-family: 18.63px;
            font-family: Open Sans;
            font-weight: 700;
            text-decoration: underline;
            text-align: center;
            margin: 10px auto;
        }
/* Popup Anomaly2 */
body #iii_dialog.anomalyPopup2 {
    width: 806px;
    margin-left: -403px;
    background: transparent !important;
}

.anomalyPopup2 .anomalyBox2 {
    position: relative;
    display: block;
    width: 806px;
    height: 368px;
    background: url(../images/popupAnomaly2.png) no-repeat;
}

.anomalyPopup2 .anomalyBox2 a.close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    text-decoration: none;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    background-color: #1c384c;
}

.anomalyPopup2 .anomalyBox2 .description_box {
    float: right;
    width: 402px;
    margin-right: 20px;
    padding-top: 25px;
}

.anomalyPopup2 .anomalyBox2 .description_box .info,
.anomalyPopup2 .anomalyBox2 .description_box .text,
.anomalyPopup2 .anomalyBox2 .description_box .text_small {
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Conv_CodenameCoderFree4F-Bold';
}

.anomalyPopup2 .anomalyBox2 .description_box .text {
    font-size: 48.86px;
    line-height: 52px;
}

.anomalyPopup2 .anomalyBox2 .description_box .text_small {
    font-size: 25.56px;
    line-height: 28px;
}

.anomalyPopup2 .anomalyBox2 .description_box .info .small_header {
    font-size: 27.89px;
    line-height: 30px;
}

.anomalyPopup2 .anomalyBox2 .description_box .info .large_header {
    font-size: 52.42px;
    line-height: 60px;
}

.anomalyPopup2 .anomalyBox2 .description_box .shop {
    display: block;
    width: 206px;
    height: 34px;
    margin: 10px auto;
    border: 0;
    padding: 0;
    background-color: #FFF;
    color: #000;
    text-transform: uppercase;
    font-size: 31.23px;
    line-height: 31px;
    font-family: 'Conv_CodenameCoderFree4F-Bold';
}

/* THEME DARK */
body.themeDark {
    background-color: #272727;
}

    body.themeDark .sliderBox ul li .description {
        background-color: #111111;
        color: #C3C3BF;
    }

    body.themeDark section .gamesBox .gameContent .descriptionGames {
        background-color: #1D1B1B;
    }

    body.themeDark section .searchContent .gamesBox__listGame {
        background-color: #111111;
    }

        body.themeDark section .searchContent .gamesBox__listGame ul li:nth-child(2n+1) {
            background-color: #050505;
        }

    body.themeDark section .gamesBox .gameContent .descriptionGames .text {
        color: #C3C3BF;
    }
/* Affiliate Content */
.affiliateContent {
    background-color: #eeeeee;
    min-height: 990px !important;
}

    .affiliateContent .affiliateContent--header {
        display: table;
        width: 100%;
        height: 115px;
    }

        .affiliateContent .affiliateContent--header .affiliateContent--header-mark {
            display: table-cell;
            vertical-align: middle;
            width: 140px;
        }

            .affiliateContent .affiliateContent--header .affiliateContent--header-mark i {
                display: block;
                width: 84px;
                height: 81px;
                margin: 0 auto;
                background: url(../images/markGR.png);
            }

        .affiliateContent .affiliateContent--header .affiliateContent--header-title {
            display: table-cell;
            vertical-align: middle;
            font-family: Open Sans;
            font-weight: 600;
        }

            .affiliateContent .affiliateContent--header .affiliateContent--header-title p {
                margin: 0;
                font-size: 20px;
            }

                .affiliateContent .affiliateContent--header .affiliateContent--header-title p strong {
                    display: block;
                    font-weight: 600;
                    font-size: 28px;
                    line-height: 32px;
                }

    .affiliateContent .affiliateContent--section {
        float: left;
        width: 100%;
        padding-bottom: 40px;
    }

        .affiliateContent .affiliateContent--section .bgBox {
            float: left;
            width: 100%;
            height: 174px;
        }

        .affiliateContent .affiliateContent--section .affiliateContent--section-content {
            clear: both;
            width: 892px;
            margin: 0 auto;
        }

            .affiliateContent .affiliateContent--section .affiliateContent--section-content .listBox {
                float: left;
                width: 100%;
                margin-top: 50px;
                margin-bottom: 20px;
            }

                .affiliateContent .affiliateContent--section .affiliateContent--section-content .listBox ul {
                    margin: 0;
                    padding: 0;
                }

                    .affiliateContent .affiliateContent--section .affiliateContent--section-content .listBox ul li {
                        overflow: hidden;
                        float: left;
                        position: relative;
                        width: 280px;
                        height: 150px;
                        padding-top: 36px;
                        margin-right: 26px;
                        list-style: none;
                        font-family: Open Sans;
                        font-size: 14px;
                        color: #3c3c40;
                    }

                        .affiliateContent .affiliateContent--section .affiliateContent--section-content .listBox ul li strong {
                            font-weight: 600;
                        }

                        .affiliateContent .affiliateContent--section .affiliateContent--section-content .listBox ul li:nth-child(3n+3) {
                            margin-right: 0;
                        }

                        .affiliateContent .affiliateContent--section .affiliateContent--section-content .listBox ul li::after {
                            content: " ";
                            position: absolute;
                            width: calc(100% - 36px);
                            top: 0;
                            left: 0;
                            height: 28px;
                            border-bottom: 1px solid #3c3c40;
                            margin-left: 25px;
                            margin-bottom: 10px;
                        }

                        .affiliateContent .affiliateContent--section .affiliateContent--section-content .listBox ul li::before {
                            content: " ";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 28px;
                            height: 28px;
                            background: url(../images/markGR.png) no-repeat center;
                            -webkit-background-size: cover;
                            -moz-background-size: cover;
                            -o-background-size: cover;
                            background-size: cover;
                        }

            .affiliateContent .affiliateContent--section .affiliateContent--section-content .actionBox {
                float: left;
                width: 100%;
                padding-top: 15px;
                background-color: #e4e4e4;
            }

                .affiliateContent .affiliateContent--section .affiliateContent--section-content .actionBox .boxes {
                    float: left;
                    display: table;
                    width: 33%;
                    height: 154px;
                    text-align: center;
                    border-left: 1px solid #d4d4d4;
                    border-right: 1px solid #f7f7f7;
                }

                    .affiliateContent .affiliateContent--section .affiliateContent--section-content .actionBox .boxes:first-child {
                        border-left: 0;
                    }

                    .affiliateContent .affiliateContent--section .affiliateContent--section-content .actionBox .boxes:last-child {
                        border-right: 0;
                    }

                    .affiliateContent .affiliateContent--section .affiliateContent--section-content .actionBox .boxes .desc {
                        display: table-cell;
                        vertical-align: middle;
                        padding: 0 20px;
                        height: 110px;
                        font-size: 14px;
                        font-family: Open Sans;
                        color: #3c3c40;
                    }

                        .affiliateContent .affiliateContent--section .affiliateContent--section-content .actionBox .boxes .desc strong {
                            font-weight: 600;
                        }

                    .affiliateContent .affiliateContent--section .affiliateContent--section-content .actionBox .boxes .info {
                        display: table-row;
                        font-size: 14px;
                        font-family: Open Sans;
                        color: #3c3c40;
                        font-weight: 600;
                    }

                        .affiliateContent .affiliateContent--section .affiliateContent--section-content .actionBox .boxes .info a {
                            color: #3c3c40;
                            text-decoration: underline;
                        }

                .affiliateContent .affiliateContent--section .affiliateContent--section-content .actionBox .actionBox-publisher {
                    background: url(../images/publisherBg.png) no-repeat center center;
                }

                .affiliateContent .affiliateContent--section .affiliateContent--section-content .actionBox .actionBox-affiliate {
                    background: url(../images/affiliateBg.png) no-repeat center center;
                }

                .affiliateContent .affiliateContent--section .affiliateContent--section-content .actionBox .actionBox-questions {
                    background: url(../images/questionsBg.png) no-repeat center center;
                }

            .affiliateContent .affiliateContent--section .affiliateContent--section-content .socialBox {
                float: left;
                width: 100%;
                height: 70px;
                background-color: #3c3c40;
            }

                .affiliateContent .affiliateContent--section .affiliateContent--section-content .socialBox .socialBox-mark {
                    float: left;
                }

                    .affiliateContent .affiliateContent--section .affiliateContent--section-content .socialBox .socialBox-mark i {
                        display: block;
                        width: 51px;
                        height: 50px;
                        margin: 8.5px 28px;
                        background: url(../images/markGR.png) no-repeat center;
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                        background-size: cover;
                    }

                .affiliateContent .affiliateContent--section .affiliateContent--section-content .socialBox .socialBox-text {
                    float: left;
                    line-height: 70px;
                    font-size: 15px;
                    color: #FFF;
                    font-family: Open Sans;
                }

                .affiliateContent .affiliateContent--section .affiliateContent--section-content .socialBox .socialBox-icons {
                    float: right;
                    margin: 21px 15px;
                }

                    .affiliateContent .affiliateContent--section .affiliateContent--section-content .socialBox .socialBox-icons a {
                        display: block;
                        float: left;
                        margin: 0 4px;
                    }
.product-page .iii-why-so-serious ul li {
    background: url(/content/images/pntr-icoz1.png) no-repeat !important;
}

.product-page .iii-product-entry ul li {
    background: url(/content/images/pntr-icoz2.png) no-repeat !important;
}

#User-Email-Confirmation, #User-Email { position: absolute; top: -3000px; left: -4000px;}