﻿#homecontainer {
    padding-top: 93px;
}

.mainNav-activeState {
    display: none !important;
}

header {
    width: 100%;
}

    header .logo {
        display: flex;
        align-items: center;
        width: 200px;
    }

@media (min-width: 1680px) {

    .wrapper {
        width: auto;
    }

}

@media (min-width: 1440px) and (max-width:1679px) {

    .wrapper {
        width: auto;
    }
}

@media (min-width: 1366px) and (max-width: 1439px) {
    .wrapper {
        width: auto;
    }
}

@media (min-width: 1280px) and (max-width: 1365px) {

    .wrapper {
        width: auto;
    }

}

@media (min-width: 1024px) and (max-width: 1279px) {

    .wrapper {
        width: auto;
    }

}

@media only screen and (max-width: 1023px) {
    .wrapper {
        width: auto;
    }
}

.bingo-header {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 1200px;
    height: auto;
    background: linear-gradient(270deg, #191919 0%, #2400F6 60%);
}

header .toplink {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    font-size: 13px;
    height: 28px;
}

.bingo-navigation {
    display: flex;
    width: 100%;
    height: 77px !important;
}

.bingo-navigation .wrapper {
    position: relative;
    display: flex;
    width: 100%;
}

.wrapper {
    max-width: 1608px;
    margin: 0 auto;
    padding: 0 10px;
}

.floatLeft {
    float: left !important;
}

.floatRight {
    float: right !important;
}

header .toplink a {
    display: inline-block;
    padding-top: 5px;
    padding-right: 13px;
    text-decoration: none !important;
}

a.white {
    color: #fff;
}

.dlApps {
    padding-left: 35px;
    background: url('/content/images/sprite/sprite-set-small-01.png') no-repeat 8px -238px;
}


#navigation .wrapper {
    padding-bottom: 0;
}

nav ul {
    margin: 0 auto;
    padding: 0;
}

    nav ul li {
        list-style: none;
    }
/* Left side navigation - 1st level */
nav.side ul {
    border: 1px solid #bbbbbd;
}

    nav.side ul li {
    }

        nav.side ul li a {
            display: block;
            background: rgba(226,225,229,1);
            background: -moz-linear-gradient(top, rgba(226,225,229,1) 0%, rgba(236,235,240,0.85) 50%, rgba(226,225,229,0.7) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,225,229,1)), color-stop(50%, rgba(236,235,240,0.85)), color-stop(100%, rgba(226,225,229,0.7)));
            background: -webkit-linear-gradient(top, rgba(226,225,229,1) 0%, rgba(236,235,240,0.85) 50%, rgba(226,225,229,0.7) 100%);
            background: -o-linear-gradient(top, rgba(226,225,229,1) 0%, rgba(236,235,240,0.85) 50%, rgba(226,225,229,0.7) 100%);
            background: -ms-linear-gradient(top, rgba(226,225,229,1) 0%, rgba(236,235,240,0.85) 50%, rgba(226,225,229,0.7) 100%);
            background: linear-gradient(to bottom, rgba(226,225,229,1) 0%, rgba(236,235,240,0.85) 50%, rgba(226,225,229,0.7) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e1e5', endColorstr='#e2e1e5', GradientType=0 );
            color: #4c4c4c;
            font: 13px PT Sans, Arial, sans-serif;
            padding: 5px 10px;
            border-top: 1px solid #f7f7f7;
            border-bottom: 1px solid #bababa;
        }

            nav.side ul li a.current, nav.side ul li a:hover {
                background: #cf3126;
                color: #fff;
                border-top: 1px solid #f36d64;
                border-bottom: 1px solid #d62f23;
            }

.leftnavactive {
    background: #cf3126 !important;
    color: #fff !important;
    border-top: 1px solid #f36d64 !important;
    border-bottom: 1px solid #d62f23 !important;
}
/* Left side navigation - 2nd level */
nav.side ul li ul li {
    border: none;
}

    nav.side ul li ul li a {
        background: #ecebf2 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIOCyEA/jUJrgAAAEZJREFUKM9jYBh+IC0t7QQ+eSYC+jko0fyfEs14ASOaH08yMDCwIQmpMzAw3ETi/5o1a5Y5sQF2nmbOZiLFW6Rq/jEMky8AXNkMCbpNegcAAAAASUVORK5CYII=') no-repeat scroll 110px 5px;
        font-size: 11px;
        border-bottom: none;
        border-top: 1px solid #d2d1d7;
        color: #4c4c4c;
        padding-right: 20px;
    }

        nav.side ul li ul li a.clicked {
            background: #ecebf2 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIOCyIOMqB3agAAACVJREFUKM9jYBgFQwQwogukpaV9ZWBg4MKh/tusWbO4R4NtyAEA2cMFAlLzn/cAAAAASUVORK5CYII=') no-repeat scroll 110px 5px;
            font-size: 11px;
            border-bottom: none;
            border-top: 1px solid #d2d1d7;
            color: #4e4d52;
        }

            nav.side ul li ul li a.clicked:hover {
                background: #fdfcff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIOCyIOMqB3agAAACVJREFUKM9jYBgFQwQwogukpaV9ZWBg4MKh/tusWbO4R4NtyAEA2cMFAlLzn/cAAAAASUVORK5CYII=') no-repeat scroll 110px 5px;
                font-size: 11px;
                border-bottom: none;
                border-top: 1px solid #d2d1d7;
                color: #4e4d52;
            }

        nav.side ul li ul li a:hover {
            background: #fdfcff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIOCyEA/jUJrgAAAEZJREFUKM9jYBh+IC0t7QQ+eSYC+jko0fyfEs14ASOaH08yMDCwIQmpMzAw3ETi/5o1a5Y5sQF2nmbOZiLFW6Rq/jEMky8AXNkMCbpNegcAAAAASUVORK5CYII=') no-repeat scroll 110px 5px;
            font-size: 11px;
            border-bottom: none;
            border-top: 1px solid #d2d1d7;
            color: #4e4d52;
        }
/* Left side navigation - 3rd level */
nav.side ul li ul {
    border: none;
}

    nav.side ul li ul li ul li a {
        color: #262626;
        background: #f6f5f7 !important;
        font-size: 11px;
        border-top: none;
        border-bottom: none
    }

        nav.side ul li ul li ul li a.current {
            font-style: italic;
            background: #dedce0 !important;
        }

    nav.side ul li ul li ul li ul li a.current:hover {
        color: #d62f23;
        background: #dedce0 !important;
        border-top: none;
        border-bottom: none
    }

    nav.side ul li ul li ul li a:hover {
        color: #242328;
        background: #dedce0 !important;
        font-size: 11px;
        border-bottom: none;
        border-top: none;
    }
/* Left side navigation - 4th level */
nav.side ul li ul {
    border: none !important;
}

    nav.side ul li ul li ul li ul li a {
        color: #262626;
        background: #d4d2d6 !important;
        padding: 5px 10px 5px 20px;
        border-top: none;
        border-bottom: none
    }

        nav.side ul li ul li ul li ul li a.current {
            font-style: normal;
            border-top: none;
            border-bottom: none;
            color: #d62f23 !important;
        }

            nav.side ul li ul li ul li ul li a.current:hover {
                color: #d62f23 !important;
                background: #d5d4d9 !important;
                border-top: none;
                border-bottom: none;
            }

        nav.side ul li ul li ul li ul li a:hover {
            color: #d62f23;
            border-bottom: none;
        }

/* Header Links */
/* Header Links */
nav.toplink-menu ul li {
    float: left;
    padding-right: 10px;
}

    nav.toplink-menu ul li:first-child, nav.toplink-menu ul li:first-child a {
        border-left: 0px;
    }

    nav.toplink-menu ul li a {
        display: block;
        padding: 5px 15px;
    }

        nav.toplink-menu ul li a:hover {
            text-decoration: none;
        }

        nav.toplink-menu ul li a.chat {
            background: url('/content/images/sprite/sprite-set-small-01.png') no-repeat 8px -146px;
            padding-right: 10px;
            padding-left: 30px;
            color: #fff;
            font-weight: 600;
            cursor: pointer
        }

        nav.toplink-menu ul li a.logout {
            font-weight: 600;
            cursor: pointer;
        }

        nav.toplink-menu ul li a.dropdown {
            background: url('/content/images/sprite/sprite-set-arrows-01.png') no-repeat right -85px;
            padding-right: 20px;
            padding-left: 10px;
        }

nav.toplink-menu ul li {
    position: relative;
}

    nav.toplink-menu ul li ul {
        position: absolute;
        left: -1px;
        top: 27px;
        z-index: 9999;
        display: block;
        border-right: 1px solid #002147;
        border-bottom: 1px solid #002147;
        background: #00397a;
        display: none;
    }

    nav.toplink-menu ul li:last-child ul {
        position: absolute;
        left: -56px !important;
        top: 27px;
        z-index: 9999;
        display: block;
        border-right: 1px solid #002147;
        border-bottom: 1px solid #002147;
        background: #00397a;
        display: none;
    }

    nav.toplink-menu ul li ul li {
        padding-right: 0px;
    }

        nav.toplink-menu ul li ul li:first-child {
            border-left: 1px solid #6a6a6a !important;
        }

            nav.toplink-menu ul li ul li:first-child a {
                border-left: 1px solid #2a2a2b !important;
            }

        nav.toplink-menu ul li ul li a {
            float: none;
            padding: 8px 10px 5px 10px;
            display: block;
            min-width: 130px;
            background: #4a4a4c;
            color: #fff;
            font-size: 12px;
            border-top: 1px solid #646464;
            border-bottom: 1px solid #444547;
        }

            nav.toplink-menu ul li ul li a:hover {
                color: #e0311c;
                background: #303133 !important;
            }

nav.global {
    margin-left: 50%;
    left: -295px;
    position: absolute;
    margin-top: 25px;
}

    nav.global ul li {
        float: left;
        font-size: 16px !important;
        background: url('/content/images/common/header/bg-nav-divider-n.png') no-repeat left bottom;
        position: relative;
    }


        nav.global ul li a span.bonus,
        nav.global ul li a:hover span.bonus {
            background: #be0000;
            display: inline-block;
            font-size: 9px;
            color: #fff;
            padding: 1px 2px;
            position: absolute;
            top: 12px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            text-transform: uppercase;
        }

        nav.global ul li:last-child a {
            background: url('/content/images/common/header/bg-nav-divider-n.png') no-repeat right bottom;
        }

        nav.global ul li a,
        nav.global ul li a:hover {
            display: block;
            padding: 14px 1px;
            color: #fff;
            font-family: 'Roboto Condensed', Arial, sans-serif;
            font-weight: bold;
            text-shadow: 0px 1px 2px #006085;
            position: relative;
            text-align: center;
            min-width: 60px;
            text-decoration: none !important;
            font-size: 13px !important;
            border-left: 1px solid rgba(255, 255, 255, 0.30);
            border-right: 1px solid rgba(255, 255, 255, 0.30);
        }

header section.login {
    position: relative;
    width: 260px;
    margin-left: auto;
}

    header section.login #myAccount {
        position: absolute;
        top: 0px !important;
        right: 0;
        width: 294px !important;
        height: 76px !important;
    }

.top-bar-social-icon {
    border: 0 none !important;
    padding-right: 0 !important;
}

    .top-bar-social-icon > a {
        border: 0 none !important;
        padding: 5px 15px 5px 5px !important;
    }

.top-bar-social-icon-last {
    border: 0 none !important;
    padding-right: 0 !important;
}

    .top-bar-social-icon-last > a {
        border: 0 none !important;
        padding: 5px 20px 5px 5px !important;
    }

.newtopmenu {
    border: 0px;
    padding: 0px;
    margin: 8px 1px 0px 0px;
    background: url(/content/images/new.png) no-repeat;
    width: 22px;
    height: 13px;
    float: right;
    display: inline;
}

iframe.universal-qd {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 5
}
/*==========================================================================
    Marketing prefernces Iframe
    =======================================================================*/
#marketingpreferences-iframe {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 6;
}
/*=============================================================================
    ==========================================================================*/

.hide {
    display: none !important;
}