﻿@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}

body {
    line-height: 1;
}

ol, ul, li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

article, aside, audio, canvas, datalist, details, embed, figcaption, figure, footer, header, keygen, menu, nav, output, progress, section, source, video, main {
    display: block;
    margin: 0;
}

* {
    box-sizing: border-box;
}

@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url("Fonts/brandon_blk-webfont.eot");
    src: url("Fonts/brandon_blk-webfont.eot?#iefix") format("embedded-opentype"), url("Fonts/brandon_blk-webfont.woff2?1") format("woff2"), url("Fonts/brandon_blk-webfont.woff?1") format("woff"), url("Fonts/brandon_blk-webfont.ttf?1") format("truetype"), url("Fonts/brandon_blk-webfont.svg#brandon_grotesqueblack") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('Fonts/brandon_blk-webfont.eot');
    src: url('Fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/brandon_blk-webfont.woff2?1') format('woff2'), url('Fonts/brandon_blk-webfont.woff?1') format('woff'), url('Fonts/brandon_blk-webfont.ttf?1') format('truetype'), url('Fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neutra_text';
    src: url("Fonts/neutra_text_tf_light_demi-webfont.eot");
    src: url("Fonts/neutra_text_tf_light_demi-webfont.eot?#iefix") format("embedded-opentype"), url("Fonts/neutra_text_tf_light_demi-webfont.woff2?1") format("woff2"), url("Fonts/neutra_text_tf_light_demi-webfont.woff?1") format("woff"), url("Fonts/neutra_text_tf_light_demi-webfont.ttf?1") format("truetype"), url("Fonts/neutra_text_tf_light_demi-webfont.svg#neutra_text_tf_lightdemi") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Whitney-Medium';
    src: url("Fonts/Whitney-Medium.eot?#iefix") format("embedded-opentype"), url("Fonts/Whitney-Medium.otf?1") format("opentype"), url("Fonts/Whitney-Medium.woff?1") format("woff"), url("Fonts/Whitney-Medium.ttf?1") format("truetype"), url("Fonts/Whitney-Medium.svg#Whitney-Medium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'whitney_lightregular';
    src: url("Fonts/whitney-light-webfont.eot");
    src: url("Fonts/whitney-light-webfont.eot?#iefix") format("embedded-opentype"), url("Fonts/whitney-light-webfont.woff2?1") format("woff2"), url("Fonts/whitney-light-webfont.woff?1") format("woff"), url("Fonts/whitney-light-webfont.ttf?1") format("truetype"), url("Fonts/whitney-light-webfont.svg#whitney_lightregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'whitney_semiboldregular';
    src: url("Fonts/whitney-semibold-webfont.eot");
    src: url("Fonts/whitney-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("Fonts/whitney-semibold-webfont.woff2?1") format("woff2"), url("Fonts/whitney-semibold-webfont.woff?1") format("woff"), url("Fonts/whitney-semibold-webfont.ttf?1") format("truetype"), url("Fonts/whitney-semibold-webfont.svg#whitney_semiboldregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Graphik-Regular', 'HelveticaNeue-Light', 'sans-serif';
    font-weight: 600;
    line-height: 120%;
    -webkit-text-size-adjust: auto;
    -webkit-font-smoothing: antialiased;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 12px;
}


h4, h5 {
    margin-bottom: 10px;
}

.global-loading {
    width: 100%;
    height: 100%;
    background: #fff url('../../imgs/site/baymavi.gif') no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999999999999999;
}

.site-header {
    width: 100%;
    z-index: 20;
    top: 0;
    background: rgb(6,66,124) url(imgs/bm_header_bg.png) repeat-x;
    /*background:rgba(6,66,124,0.7);*/
    /*background: -moz-linear-gradient(top, #ffffff 53%, #06427c 53%, #095aa5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, #ffffff), color-stop(53%, #06427c), color-stop(100%, #095aa5));
  background: -webkit-linear-gradient(top, #ffffff 53%, #06427c 53%, #095aa5 100%);
  background: -o-linear-gradient(top, #ffffff 53%, #06427c 53%, #095aa5 100%);
  background: -ms-linear-gradient(top, #ffffff 53%, #06427c 53%, #095aa5 100%);
  background: linear-gradient(to bottom, #ffffff 53%, #06427c 53%, #095aa5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#095aa5',GradientType=0 );*/
    height: 80px;
}

    .site-header .nomenu {
        background: none;
    }

.sticky {
    top: 0;
}
/*.site-header.site-header-fixed {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
    position: fixed;top: -60px;
    z-index: 800;
}

.site-header.site-header-fixed .logo {
    width: 111px; height: 50px;top: 61px;
    background: url(/assets/imgs/baymavi_Logo_2.png) no-repeat!important;
   
}*/
.site-header .white-bg {
}

.site-header .container {
    padding-left: 155px;
}

.site-header .header-content {
    margin-top: 0;
}

    .site-header .header-content .header-message {
        padding-top: 23px;
        font-size: 18px;
        color: #597a96;
        font-weight: 700;
    font-family: 'Graphik-Regular', 'HelveticaNeue-Light', 'sans-serif';
    }

        .site-header .header-content .header-message .text-type1 {
            color: #119ddc;
        }

    .site-header .header-content .btn-group {
        float: right;
        padding-top: 10px;
    }

        .site-header .header-content .btn-group .btn {
            padding-left: 30px;
            padding-right: 30px;
            margin-left: 10px;
        }

.site-header .userbar {
    border-top: solid 0 transparent;
    top: 1px;
    float: right;
    position: relative;
}

#headertinymenu {
    background-color: #032d56;
    height: 30px;
    position: relative;
}

.site-header .userbar .btn {
}

.site-header .userbar .memberBalanceWithdrawinfo {
    float: left;
}

.site-header .userbar .balance-info {
    float: left;
    top: 0;
    right: 0;
}

    .site-header .userbar .balance-info .balanceHideArea {
        margin-right: 4px;
    }

    .site-header .userbar .balance-info li {
        padding-right: 0;
        margin-right: 0;
        border-right: solid 0 #c9d3d8;
        font-size: 13px;
        color: #fff;
    }

        .site-header .userbar .balance-info li:last-child {
            border: none;
        }

.site-header .userbar .usermenu {
    position: relative;
    float: right;
}

    .site-header .userbar .usermenu .icon-menuarrow {
        position: absolute;
        right: 0px;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background-image: url("../../imgs/site/icon-menuarrow.png");
    }

    .site-header .userbar .usermenu .user {
        display: block;
        color: #fff;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 10px 30px 0 0;
    }

        .site-header .userbar .usermenu .user .name {
            margin-right: 5px;
            cursor: pointer;
            margin-top: 3px;
            height: 15px;
            font-size: 13px;
        }

    .site-header .userbar .usermenu .member-type {
        font-size: 10px;
    font-family: 'Graphik-Regular', 'HelveticaNeue-Light', 'sans-serif';
    }

    .site-header .userbar .usermenu .menu {
        display: none;
        position: absolute;
        z-index: 10;
        padding: 20px 15px 10px;
        width: 310px;
    }

        .site-header .userbar .usermenu .menu li a {
            display: block;
            color: #010101;
            font-size: 10px;
            padding: 7px;
            font-weight: 600;
        }

    .site-header .userbar .usermenu ul li a span.glyphicon {
        font-size: 18px;
    }

    .site-header .userbar .usermenu.active ul {
        display: block;
        right: 0;
    }

.site-header .userbar.gold {
    border-color: #e3c288;
}

    .site-header .userbar.gold .icon-menuarrow {
        background-color: #e3c288;
    }

    .site-header .userbar.gold .menu {
        background-color: #e3c288;
    }

    .site-header .userbar.gold .member-type {
        color: #e3c288;
    }

    .site-header .userbar.gold .menu {
        background: #ddb671;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkYjY3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWNlYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, #ddb671 0%, #e9cea0 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ddb671), color-stop(100%, #e9cea0));
        background: -webkit-linear-gradient(left, #ddb671 0%, #e9cea0 100%);
        background: -o-linear-gradient(left, #ddb671 0%, #e9cea0 100%);
        background: -ms-linear-gradient(left, #ddb671 0%, #e9cea0 100%);
        background: linear-gradient(to right, #ddb671 0%, #e9cea0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddb671', endColorstr='#e9cea0',GradientType=1 );
    }

.site-header .userbar.silver {
    border-color: #bdbdbd;
}

    .site-header .userbar.silver .icon-menuarrow {
        background-color: #bdbdbd;
    }

    .site-header .userbar.silver .menu {
        background-color: #bdbdbd;
    }

    .site-header .userbar.silver .member-type {
        color: #bdbdbd;
    }

    .site-header .userbar.silver .menu {
        background: #a3a3a3;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, #a3a3a3 0%, #d7d7d7 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a3a3a3), color-stop(100%, #d7d7d7));
        background: -webkit-linear-gradient(left, #a3a3a3 0%, #d7d7d7 100%);
        background: -o-linear-gradient(left, #a3a3a3 0%, #d7d7d7 100%);
        background: -ms-linear-gradient(left, #a3a3a3 0%, #d7d7d7 100%);
        background: linear-gradient(to right, #a3a3a3 0%, #d7d7d7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#d7d7d7',GradientType=1 );
    }

.site-header .userbar.platinum {
    border-color: #b0bec5;
}

    .site-header .userbar.platinum .icon-menuarrow {
        background-color: #b0bec5;
    }

    .site-header .userbar.platinum .member-type {
        color: #b0bec5;
    }

    .site-header .userbar.platinum .menu {
        background: #91a4ae;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxYTRhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmQ4ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, #91a4ae 0%, #cfd8dc 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #91a4ae), color-stop(100%, #cfd8dc));
        background: -webkit-linear-gradient(left, #91a4ae 0%, #cfd8dc 100%);
        background: -o-linear-gradient(left, #91a4ae 0%, #cfd8dc 100%);
        background: -ms-linear-gradient(left, #91a4ae 0%, #cfd8dc 100%);
        background: linear-gradient(to right, #91a4ae 0%, #cfd8dc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91a4ae', endColorstr='#cfd8dc',GradientType=1 );
    }

.site-header .userbar.bronze {
    border-color: #c9bab5;
}

    .site-header .userbar.bronze .icon-menuarrow {
        background-color: #c9bab5;
    }

    .site-header .userbar.bronze .member-type {
        color: #c9bab5;
    }

    .site-header .userbar.bronze .menu {
        background: #c9bab5;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YmFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjlhOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #c9bab5 0%, #af9a93 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9bab5), color-stop(100%, #af9a93));
        background: -webkit-linear-gradient(top, #c9bab5 0%, #af9a93 100%);
        background: -o-linear-gradient(top, #c9bab5 0%, #af9a93 100%);
        background: -ms-linear-gradient(top, #c9bab5 0%, #af9a93 100%);
        background: linear-gradient(to bottom, #c9bab5 0%, #af9a93 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9bab5', endColorstr='#af9a93',GradientType=0 );
    }

.site-header .btn-signup {
    margin-top: 23px;
    margin-left: 10px;
    padding: 13px 25px;
    float: right;
    background: #0a945a;
}

.site-header .btn-login {
    margin-top: 23px;
    margin-left: 70px;
    float: right;
    padding: 13px 25px;
}

.site-header .logo {
    width: 119px;
    height: 117px;
    position: absolute;
    left: 0;
    text-indent: -9000px;
}

.site-header .main-nav {
    float: left;
    margin-top: 5px;
    margin-right: 30px;
    position: absolute;
    top: 0;
}

    .site-header .main-nav li {
        float: left;
        margin-left: 0;
        position: relative;
    }

        .site-header .main-nav li:first-child {
            margin-left: 0;
        }

        .site-header .main-nav li a span {
            color: #fff;
            width: 100%;
            text-align: center;
            display: block;
            height: 25px;
            margin-bottom: 5px;
            font-size: 21px;
        }

        .site-header .main-nav li a i {
            position: absolute;
            right: 17px;
            bottom: 23px;
        }

#page-sports .singlepage-content {
    margin-top: 0;
    height: auto;
}

.badge1 {
    position: relative;
}

    .badge1[data-badge]:after {
        content: attr(data-badge);
        position: absolute;
        top: -12px;
        right: -12px;
        font-size: 9px;
        background: green;
        color: white;
        width: 30px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        border-radius: 20%;
        box-shadow: 0 0 1px #333;
    }

#headermessage {
    float: left;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0;
    position: relative;
    padding: 10px;
}

    #headermessage a {
        color: #fff;
    }

    #headermessage .glyphicon {
        margin-top: 4px;
        margin-right: 4px;
        font-size: 17px;
    }

    #headermessage .badge {
        background-color: red;
        position: absolute;
        top: 0;
        right: 0;
    }

    #headermessage span.message {
        font-size: 12px;
        margin-top: -14px;
        display: block;
        margin-left: 22px;
    }

    #headermessage a {
        text-decoration: none;
    }

.site-header .main-nav li a {
    display: block;
    font-size: 13px;
    text-align: center;
    padding: 14px 26px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    margin-top: 5px;
    border-right: solid 1px #034075;
font-family: 'Graphik-Regular', 'HelveticaNeue-Light', 'sans-serif';
}

    .site-header .main-nav li a:hover {
        color: #fff;
        background: #074580;
        background: -moz-linear-gradient(top, #0a62b4 0%, #0d7bc8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a62b4), color-stop(100%, #0d7bc8));
        background: -webkit-linear-gradient(top, #0a62b4 0%, #0d7bc8 100%);
        background: -o-linear-gradient(top, #0a62b4 0%, #0d7bc8 100%);
        background: -ms-linear-gradient(top, #0a62b4 0%, #0d7bc8 100%);
        background: linear-gradient(to bottom, #0a62b4 0%, #0d7bc8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a62b4', endColorstr='#0d7bc8',GradientType=0 );
    }


    .site-header .main-nav li a.active {
        color: #fff;
        background: #074580;
        background: -moz-linear-gradient(top, #0a62b4 0%, #0d7bc8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a62b4), color-stop(100%, #0d7bc8));
        background: -webkit-linear-gradient(top, #0a62b4 0%, #0d7bc8 100%);
        background: -o-linear-gradient(top, #0a62b4 0%, #0d7bc8 100%);
        background: -ms-linear-gradient(top, #0a62b4 0%, #0d7bc8 100%);
        background: linear-gradient(to bottom, #0a62b4 0%, #0d7bc8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a62b4', endColorstr='#0d7bc8',GradientType=0 );
    }

.site-header .main-nav li .flag {
    border: solid 2px #fff;
    border-radius: 50%;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background-position: 60% 50%;
    display: block;
}

.site-header .main-nav li.lang {
    position: relative;
}

    .site-header .main-nav li.lang ul {
        position: absolute;
        top: -13px;
        left: -18px;
        display: none;
        border-radius: 5px;
    }

        .site-header .main-nav li.lang ul li {
            float: none;
            margin-left: 0;
            background: #ffffff;
            padding: 5px;
            border-bottom: solid 1px #f3f3f3;
        }

    .site-header .main-nav li.lang:hover ul {
        display: block;
    }

/**** Icons ***********/

.ico-platinum-member {
    width: 145px;
    height: 145px;
    background: url("../../imgs/site/ico-platinum-member.png") no-repeat;
}

.ico-support {
    background: url("../../imgs/site/support-icons.png") no-repeat;
    width: 120px;
    height: 120px;
    position: relative;
}

    .ico-support .ico {
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        background: url("../../imgs/site/support-icons.png") no-repeat;
    }

    .ico-support .ico1 {
        background-position: -139px -73px;
    }

    .ico-support .ico2 {
        background-position: -103px -138px;
    }

    .ico-support .ico3 {
        background-position: -53px -136px;
    }

    .ico-support .ico4 {
        background-position: 0px -136px;
    }

    .ico-support .ico5 {
        background-position: -146px -7px;
    }

.game-ico {
    background: url("../../imgs/site/game-icons.png") no-repeat;
    display: inline-block;
}

.ico-featured {
    background-position: 0 -323px;
    width: 30px;
    height: 30px;
}

.ico-hot {
    background-position: 0 -356px;
    width: 30px;
    height: 30px;
}

.ico-lastplayed {
    background-position: 0 -390px;
    width: 30px;
    height: 30px;
}

.ico-chat {
    background-position: 0 -423px;
    width: 26px;
    height: 26px;
}

.icon {
    background: url("../../imgs/site/icons.png") no-repeat;
    display: block;
}

.ico-envelope {
    background-position: 0 -32px;
    width: 22px;
    height: 25px;
}

    .ico-envelope.open {
        background-position: -22px -32px;
    }

.ico-close {
    background-position: -46px -44px;
    width: 14px;
    height: 14px;
}

.qm {
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    background-color: #dbe1e4;
    color: #4f5e6b;
    font-size: 13px;
    text-align: center;
    padding-top: 3px;
}

.status {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: solid 2px #fff;
    margin-right: 8px;
    display: inline-block;
}

    .status.pending {
        background-color: #ffca28;
    }

    .status.cancel {
        background-color: #f00;
    }

    .status.completed {
        background-color: #008000;
    }

.icon-time {
    background: url("../../imgs/site/icon-time.png") no-repeat;
    width: 43px;
    height: 44px;
    display: inline-block;
}

.icon-check {
    background: url("../../imgs/site/ico-check.png") no-repeat;
    width: 55px;
    height: 56px;
    display: inline-block;
}

/**** Icons ***********/


.star {
    width: 20px;
    height: 20px;
    display: inline-block;
}

    .star.bronze {
        background-position: -74px -66px;
    }

    .star.silver {
        background-position: -95px -66px;
    }

    .star.gold {
        background-position: -115px -66px;
    }

    .star.platinum {
        background-position: -137px -66px;
    }


.page-main-footer {
    width: 100%;
    background-color: #093663;
    z-index: 10;
}

    .page-main-footer .container {
        padding-left: 5px;
        padding-right: 5px;
    }

.license {
    margin: 23px auto 0;
    width: 750px;
}

    .license li {
        display: inline-block;
        text-align: center;
        width: 24%;
    }

        .license li .licence-logo {
            display: block;
            background: url("../../imgs/site/licences-logo.png") no-repeat;
            margin: auto;
            height: 33px;
        }

            .license li .licence-logo.gc {
                background-position: 0 0;
                width: 98px;
            }

            .license li .licence-logo.mga {
                background-position: 0 -38px;
                width: 155px;
            }

            .license li .licence-logo.ce {
                background-position: 0 -77px;
                width: 125px;
            }

            .license li .licence-logo.vs {
                background-position: 0 -115px;
                width: 70px;
            }

html {
    height: 100%;
    min-height: 100%;
}

/** Temel Tanımlamalar **/
.clear {
    clear: left;
}

.clearboth {
    clear: both;
}

.fleft {
    float: left;
}

.fright {
    float: right !important;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right;
}

.hidden {
    display: none !important;
}

.bold {
    font-weight: 700;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

p {
    margin: 0 0 10px;
    line-height: 155%;
}



a {
    color: #000;
    text-decoration: none;
}

    a:hover {
        text-decoration: none !important;
    }

::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

.container {
    position: relative;
}

/** Temel Tanımlamalar **/
.top-buffer {
    margin-top: 10px;
}

body {
    font-family: 'Graphik-Regular', 'HelveticaNeue-Light', 'sans-serif';
    font-size: 14px;
    line-height: 12px !important;
    color: #000;
    -webkit-font-smoothing: antialiased;
    /*background: #030f37;*/
    background-color: #e8ecf0;
    height: 100%;
}

.input-lg, .input-md {
    border-radius: 0 0;
}

#root {
    width: 100%;
    height: 100%;
}

#fullbg {
    display: none;
}

form .row {
    clear: both;
}

form .form-group2 {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

    form .form-group2.medium {
        width: 200px;
    }

    form .form-group2.left {
        margin-right: 20px;
    }

    form .form-group2.error .itext, form .input-validation-error {
        border: solid 1px #ef5350 !important;
        /*background-color: #ef5350!important;*/
        /*margin-bottom:0;*/
    }

#deposit form .input-validation-error {
    background-color: rgba(239, 83, 80, 0.15) !important;
}

.withdraw form .input-validation-error {
    background-color: rgba(239, 83, 80, 0.15) !important;
}

form .form-group2.error .errortext, .field-validation-error span {
    color: #e57373;
    font-size: 12px;
}

.field-validation-error {
    display: block;
    margin-top: 3px;
}


/*.form-group span.field-validation-error {
        padding: 10px; background-color: #e57373;margin-bottom: 10px;
    }*/

form label {
    margin-bottom: 15px;
    font-size: 14px;
    color: #333;
}

    form label input {
        margin-right: 5px !important;
    }

form .input-label {
    color: #a5abb4;
    display: block;
    padding-bottom: 10px;
}

form .itext {
    border: solid 1px #214871;
    background-color: #214871;
font-family: 'Graphik-Regular', 'HelveticaNeue-Light', 'sans-serif';
    color: #fff;
    padding: 10px;
    height: 40px;
    resize: none;
    width: 100%;
    border-radius: 3px;
}

    form .itext.big {
        color: #21bcef;
        font-size: 28px;
        padding: 9px 0;
        height: auto;
    }

form .xxsmall {
    width: 50px;
}

form .xsmall {
    width: 85px;
}

form .xxsmall + .xxsmall {
    margin-left: 5px;
}

form .xxsmall + select + .customselect {
    margin-left: 5px;
}



.btn {
    border: none;
    font-weight: bold;
    border-radius: 2px;
}

    .btn.wide {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .btn.half {
        width: 47%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .btn.huge {
        padding: 15px 90px;
        font-size: 15px;
    }

    .btn.small {
        padding: 9px 0;
        border: 1px solid transparent;
        font-size: 12px;
    }

    .btn.btn-radius {
        border-radius: 25px;
    }

    .btn.btn-default {
        color: #14a6f4;
        border: solid 2px #14a6f4;
    }

    .btn.btn-primary {
        background: #059fe7;
        border-bottom: solid 4px #046ee6;
    }

    .btn.btn-type6 {
        border-bottom: solid 4px green;
    }

    .btn.btn-primary:hover {
    }

    .btn:hover {
        border-bottom-color: transparent;
    }

    .btn.big {
        font-size: 20px;
        padding: 25px 45px;
    }

    .btn.btn-type2 {
        background: #bbc7cd;
        background: -moz-linear-gradient(top, #bbc7cd 0%, #a2b2ba 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbc7cd), color-stop(100%, #a2b2ba));
        background: -webkit-linear-gradient(top, #bbc7cd 0%, #a2b2ba 100%);
        background: -o-linear-gradient(top, #bbc7cd 0%, #a2b2ba 100%);
        background: -ms-linear-gradient(top, #bbc7cd 0%, #a2b2ba 100%);
        background: linear-gradient(to bottom, #bbc7cd 0%, #a2b2ba 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbc7cd', endColorstr='#a2b2ba',GradientType=0 );
    }

        .btn.btn-type2:hover {
            background: #8b9ba3;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiOWJhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OTdhODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(left, #8b9ba3 0%, #697a83 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8b9ba3), color-stop(100%, #697a83));
            background: -webkit-linear-gradient(left, #8b9ba3 0%, #697a83 100%);
            background: -o-linear-gradient(left, #8b9ba3 0%, #697a83 100%);
            background: -ms-linear-gradient(left, #8b9ba3 0%, #697a83 100%);
            background: linear-gradient(to right, #8b9ba3 0%, #697a83 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9ba3', endColorstr='#697a83',GradientType=1 );
        }

    .btn.btn-type3 {
        width: 100%;
        background-color: #213b5b;
        padding: 7px 0;
        font-size: 12px;
        color: #fff;
        text-align: center;
        border: none;
    }

    .btn.btn-type4 {
        color: #7b6225;
        background: #ebd3a4;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZDNhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U3Y2I5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmMwODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ebd3a4 0%, #e7cb95 50%, #e2c084 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebd3a4), color-stop(50%, #e7cb95), color-stop(100%, #e2c084));
        background: -webkit-linear-gradient(top, #ebd3a4 0%, #e7cb95 50%, #e2c084 100%);
        background: -o-linear-gradient(top, #ebd3a4 0%, #e7cb95 50%, #e2c084 100%);
        background: -ms-linear-gradient(top, #ebd3a4 0%, #e7cb95 50%, #e2c084 100%);
        background: linear-gradient(to bottom, #ebd3a4 0%, #e7cb95 50%, #e2c084 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd3a4', endColorstr='#e2c084',GradientType=0 );
    }

        .btn.btn-type4:hover {
            color: #7b6225;
            background: #d8be82;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4YmU4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmEzNWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(left, #d8be82 0%, #c6a35e 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d8be82), color-stop(100%, #c6a35e));
            background: -webkit-linear-gradient(left, #d8be82 0%, #c6a35e 100%);
            background: -o-linear-gradient(left, #d8be82 0%, #c6a35e 100%);
            background: -ms-linear-gradient(left, #d8be82 0%, #c6a35e 100%);
            background: linear-gradient(to right, #d8be82 0%, #c6a35e 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8be82', endColorstr='#c6a35e',GradientType=1 );
        }

    .btn.btn-type5 {
        border-radius: 3px;
        color: #fff;
        background: #bbc7cd;
        background: -moz-linear-gradient(top, #bbc7cd 0%, #a2b2ba 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbc7cd), color-stop(100%, #a2b2ba));
        background: -webkit-linear-gradient(top, #bbc7cd 0%, #a2b2ba 100%);
        background: -o-linear-gradient(top, #bbc7cd 0%, #a2b2ba 100%);
        background: -ms-linear-gradient(top, #bbc7cd 0%, #a2b2ba 100%);
        background: linear-gradient(to bottom, #bbc7cd 0%, #a2b2ba 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbc7cd', endColorstr='#a2b2ba',GradientType=0 );
    }

    .btn.btn-type6 {
        background: #00cf64;
        color: #fff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwY2Y2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGJiNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, #00cf64 0%, #00bb43 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00cf64), color-stop(100%, #00bb43));
        background: -webkit-linear-gradient(left, #00cf64 0%, #00bb43 100%);
        background: -o-linear-gradient(left, #00cf64 0%, #00bb43 100%);
        background: -ms-linear-gradient(left, #00cf64 0%, #00bb43 100%);
        background: linear-gradient(to right, #00cf64 0%, #00bb43 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cf64', endColorstr='#00bb43',GradientType=1 );
    }

        .btn.btn-type6:hover {
            background: #00a030;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGJiNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(left, #00a030 0%, #00bb43 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00a030), color-stop(100%, #00bb43));
            background: -webkit-linear-gradient(left, #00a030 0%, #00bb43 100%);
            background: -o-linear-gradient(left, #00a030 0%, #00bb43 100%);
            background: -ms-linear-gradient(left, #00a030 0%, #00bb43 100%);
            background: linear-gradient(to right, #00a030 0%, #00bb43 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a030', endColorstr='#00bb43',GradientType=1 );
        }


    .btn.btn-type7 {
        background: #00c6af;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzZhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGIzOTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #00c6af 0%, #00b397 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00c6af), color-stop(100%, #00b397));
        background: -webkit-linear-gradient(top, #00c6af 0%, #00b397 100%);
        background: -o-linear-gradient(top, #00c6af 0%, #00b397 100%);
        background: -ms-linear-gradient(top, #00c6af 0%, #00b397 100%);
        background: linear-gradient(to bottom, #00c6af 0%, #00b397 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6af', endColorstr='#00b397',GradientType=0 );
    }

        .btn.btn-type7:hover {
            background: #00b397;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjM5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2YWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #00b397 0%, #00c6af 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b397), color-stop(100%, #00c6af));
            background: -webkit-linear-gradient(top, #00b397 0%, #00c6af 100%);
            background: -o-linear-gradient(top, #00b397 0%, #00c6af 100%);
            background: -ms-linear-gradient(top, #00b397 0%, #00c6af 100%);
            background: linear-gradient(to bottom, #00b397 0%, #00c6af 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b397', endColorstr='#00c6af',GradientType=0 );
        }

    .btn.btn-type8 {
        color: #fff;
        padding: 5px;
        font-size: 10px;
        font-weight: 600;
        font-family: "neutra_text", Arial, Helvetica, sans-serif;
        background: #3f4a58;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNGE1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjMzM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #3f4a58 0%, #2b333d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f4a58), color-stop(100%, #2b333d));
        background: -webkit-linear-gradient(top, #3f4a58 0%, #2b333d 100%);
        background: -o-linear-gradient(top, #3f4a58 0%, #2b333d 100%);
        background: -ms-linear-gradient(top, #3f4a58 0%, #2b333d 100%);
        background: linear-gradient(to bottom, #3f4a58 0%, #2b333d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4a58', endColorstr='#2b333d',GradientType=0 );
    }

        .btn.btn-type8:hover {
            background: #2b333d;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiMzMzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRhNTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #2b333d 0%, #3f4a58 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b333d), color-stop(100%, #3f4a58));
            background: -webkit-linear-gradient(top, #2b333d 0%, #3f4a58 100%);
            background: -o-linear-gradient(top, #2b333d 0%, #3f4a58 100%);
            background: -ms-linear-gradient(top, #2b333d 0%, #3f4a58 100%);
            background: linear-gradient(to bottom, #2b333d 0%, #3f4a58 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b333d', endColorstr='#3f4a58',GradientType=0 );
        }



    .btn.btn-type9 {
        background-color: #FFEEB5;
        /* For WebKit (Safari, Chrome, etc) */
        background: #FFEEB5 -webkit-gradient(linear, left top, left bottom, from(#AE8913), to(#FFEEB5)) no-repeat;
        /* Mozilla,Firefox/Gecko */
        background: #FFEEB5 -moz-linear-gradient(top, #AE8913, #FFEEB5) no-repeat;
        /* IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#FFEEB5) no-repeat;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#AE8913)" no-repeat;
    }

        .btn.btn-type9:hover {
            background-color: #FFEEB5;
            /* For WebKit (Safari, Chrome, etc) */
            background: #FFEEB5 -webkit-gradient(linear, left top, left bottom, from(#AE8913), to(#FFEEB5)) no-repeat;
            /* Mozilla,Firefox/Gecko */
            background: #FFEEB5 -moz-linear-gradient(top, #AE8913, #FFEEB5) no-repeat;
            /* IE 5.5 - 7 */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#FFEEB5) no-repeat;
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE8913, endColorstr=#AE8913)" no-repeat;
        }

.btn-group li {
    float: left;
}

.btn-group.item-3 li {
    width: 32%;
}

    .btn-group.item-3 li:nth-child(2) {
        margin-left: 2%;
        margin-right: 2%;
    }

.btn-xs, .btn-group-xs > .btn {
    border-bottom-width: 2px !important;
}

.btn.btn-small {
    padding: 6px 10px;
    font-size: 13px;
}

.link-default {
    color: #fff;
    font-size: 19px;
    text-decoration: underline;
    font-family: "neutra_text", Arial, Helvetica, sans-serif;
}

.link-default {
    color: #fff;
    font-size: 19px;
    text-decoration: underline;
    font-family: "neutra_text", Arial, Helvetica, sans-serif;
}

select {
    width: 100%;
}

.customselect {
    background-color: #214871;
    border: solid 1px #214871;
    font-size: 13px;
    color: #fff;
    padding: 12px 5px;
    height: 40px;
    width: 98%;
    border-radius: 0;
}

.customSelectInner {
    background: url("../../imgs/site/ico-select.png") no-repeat center right;
    font-size: 13px;
    width: 100% !important;
}


.stdform .customselect {
    border: solid 2px #b0bec5;
    background-color: #fff;
    font-family: "brandon_grotesqueblack", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #546e7a;
    padding: 12px 15px;
    height: 45px;
    border-radius: 3px;
    text-transform: uppercase;
    float: left;
}

.stdform .customSelectInner {
    background: url("../../imgs/site/ico-select1.png") no-repeat center right;
    font-size: 13px;
    width: 100% !important;
}

.icheckbox_minimal, .iradio_minimal {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("../../imgs/site/minimal.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal {
    background-position: 0 0;
}

    .icheckbox_minimal.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal {
    background-position: -100px 0;
}

    .iradio_minimal.hover {
        background-position: -120px 0;
    }

    .iradio_minimal.checked {
        background-position: -140px 0;
    }

    .iradio_minimal.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal.checked.disabled {
        background-position: -180px 0;
    }


.altradio .iradio_minimal {
    background-position: -200px 0;
    width: 25px;
    height: 25px;
}

    .altradio .iradio_minimal.hover {
        background-position: -226px 0;
    }

    .altradio .iradio_minimal.checked {
        background-position: -226px 0;
    }

.altradio .icheckbox_minimal {
    background-position: -254px 0;
    width: 25px;
    height: 25px;
}

    .altradio .icheckbox_minimal.hover {
        background-position: -280px 0;
    }

    .altradio .icheckbox_minimal.checked {
        background-position: -280px 0;
    }

.Switch {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #f00;
    height: 28px;
    padding: 6px 6px 5px 6px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #ececec;
    cursor: pointer;
}

    .Switch span {
        display: inline-block;
        width: 35px;
    }

        .Switch span.On {
            color: #33d2da;
        }

    .Switch .Toggle {
        position: absolute;
        top: 1px;
        width: 37px;
        height: 25px;
        border-radius: 4px;
        background: #fff;
        background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffffff));
        background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
        background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
        background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
        background: linear-gradient(top, #ececec 0%, #ffffff 100%);
        box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
        z-index: 999;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        -ms-transition: all 0.15s ease-in-out;
    }

    .Switch.On .Toggle {
        left: 2%;
    }

    .Switch.Off .Toggle {
        left: 50%;
    }

    /* Round Switch */
    .Switch.Round {
        padding: 0px 25px;
        border-radius: 40px;
    }

        .Switch.Round.On {
            background: #00e676;
        }

        .Switch.Round.Off {
            background: #6d7c8c;
        }

        .Switch.Round .Toggle {
            border-radius: 40px;
            width: 23px;
            height: 23px;
            background: #fff;
        }

        .Switch.Round.On .Toggle {
            left: 3%;
        }

        .Switch.Round.Off .Toggle {
            left: 50%;
        }

.customcheck {
    float: left;
    margin-right: 50px;
    padding-top: 20px;
    position: relative;
}

    .customcheck input {
        position: absolute;
        left: -9000px;
    }

    .customcheck .Switch {
        margin-top: -10px;
        margin-right: 10px;
    }



/* Retina support */

.stars {
    width: 90px;
    height: 14px;
    background: url(../../imgs/site/stars.png) 0 0 no-repeat;
    margin-bottom: 10px;
}

    .stars .starpuan {
        width: 0;
        height: 14px;
        background: url(../../imgs/site/stars.png) 0 -20px no-repeat;
        display: block;
    }

.list-disc {
    padding-left: 20px;
}

    .list-disc li {
        margin-left: 20px;
        list-style: disc;
    }

.gico {
    background: url("../../imgs/site/game-icons.png") no-repeat;
    display: block;
}

.favico {
    width: 20px;
    height: 20px;
    background-position: 0 0;
}

    .favico:hover, .favico.selected {
        background-position: -23px 0;
    }

.ribbon {
    position: absolute;
    z-index: 1;
    left: -1px;
    top: -2px;
    width: 50px;
    height: 50px;
}

    .ribbon span {
        margin-top: 3px;
        color: #fff;
        display: block;
        font-size: 12px;
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .ribbon.new {
        background-position: 0 -33px;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .ribbon.hot {
        background-position: 0 -88px;
    }


.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #ffffff;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #ffffff;
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #ffffff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #ffffff;
        bottom: -10px;
    }



.bs-example-tooltips > .btn {
    margin-top: 5px;
    margin-bottom: 5px;
}



.bs-example-popover {
    padding-bottom: 24px;
    background-color: #f9f9f9;
    height: 300px;
}

    .bs-example-popover .popover {
        position: relative;
        display: block;
        float: left;
        width: 260px;
        margin: 20px;
    }


.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: 700;
    }

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    float: left;
    width: 100%;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

.alert .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
/*# sourceMappingURL=global.css.map */



/*input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;color: #999;
}*/

.tags {
}

    .tags a {
        font-family: "Open Sans", Arial;
        color: #fff;
        background-color: #6d7c8c;
        font-size: 18px;
        border: solid 1px #6d7c8c;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 10px 18px;
        text-decoration: none;
    }

        .tags a:hover {
            background-color: #00cf64;
            color: #ffffff;
        }

#page-sports .page-main-footer {
    display: none;
}


.table.ftable > thead > tr > th {
    border: none;
}

.table.ftable {
    border: none;
}

    .table.ftable tr {
        border: none;
        height: 50px;
    }

    .table.ftable tbody td {
        font-weight: 500;
        min-width: 130px;
        padding: 15px 5px;
        vertical-align: middle;
    }

    .table.ftable tbody td img{
        vertical-align: middle;
    }
    

        .table.ftable tbody td .min-amount {
            font-weight: bold;
        }

        .table.ftable tbody td .question-mark {
            border: 1px solid #ccc;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            display: inline-block;
            text-align: center;
            line-height: 19px;
            font-size: 12px;
        }

@media screen and (max-width: 767px) {
    #page-sports .singlepage-content {
        margin-top: 50px;
        height: auto;
    }
    .table.ftable tbody td.help-link {
        min-width: 30px;
    }

}

.table.ftable .table {
    margin-bottom: 0;
    border-radius: 5px;
}

.table.tt {
    background: none;
}

.borderr5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.darkform .input-lg {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.darkform .input-group-addon {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #214871;
    color: #ffffff;
    border: solid 1px #214871;
    font-size: 16px;
    text-align: right;
    padding-right: 3px;
}

.darkform .help-block {
    font-style: italic;
    margin-top: 0;
}

.darkform form label {
    font-size: 16px;
    font-weight: 300;
}

.darkform form input, .darkform form textarea {
    background-color: #214871;
    color: #ffffff;
}

.darkform .form-control {
    border: solid 1px #214871;
}

.darkform select {
    background-color: #214871;
    color: #ffffff;
    border: solid 1px #214871;
}

.nogap {
    margin: 0 0;
    padding: 0;
}


.singlepage-content .control-label {
    margin-top: 10px;
    font-size: 17px;
}

.singlepage-content .control-label-helper {
    font-size: 13px;
    margin-left: 15px;
}


#livecasino h5 {
    text-indent: -5000px;
    display: none;
}

#livecasino .lc-rightnav {
    background-color: #003560;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 20px;
}

#livecasino .photo {
    position: relative;
}

    #livecasino .photo span.photo_live {
        position: absolute;
        left: 46px;
        bottom: 63px;
        font-style: italic;
        color: #fff;
        z-index: 99999;
    }

    #livecasino .photo .band {
        bottom: 0;
        right: 0;
        position: absolute;
    }

    #livecasino .photo .livebadge {
        bottom: 56px;
        left: 33px;
        position: absolute;
        width: 69px;
        height: 34px;
        z-index: 9999;
    }

    #livecasino .photo .btn.playnow {
        bottom: 10px;
        right: 10px;
        position: absolute;
    }

#livecasino .winneritem {
    margin-bottom: 60px;
    display: block;
}

#livecasino .winimg img {
    width: 80px;
    height: 53px;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}

#livecasino .winheader {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: solid 2px #335b7d;
}

#livecasino .winamount {
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 5px;
}

#livecasino .wingame {
    color: #748599;
    font-weight: bold;
    font-size: 13px;
}

#livecasino .cup {
    background-position: 0 -63px;
    width: 25px;
    height: 28px;
    margin-top: -10px;
    margin-right: 10px;
}

#side-login {
    background-color: #333;
    padding: 20px;
    position: absolute;
    z-index: 9000;
    left: 0;
    top: 50%;
    margin-top: -160px;
}

#gameCatSection h1 {
    font-size: 25px;
}

#library {
    display: none;
}

.content-head {
    background-color: #042d59;
    padding-bottom: 15px;
    color: #fff;
    margin-bottom: 10px;
}

    .content-head p {
        color: #a1a8b1;
    }

.breadcrumb1 {
    padding: 20px 0;
    margin-top: 10px;
    color: #a1a8b1;
    margin-bottom: 15px;
}

    .breadcrumb1 ol {
        float: left;
    }

        .breadcrumb1 ol li {
            float: left;
            margin-right: 5px;
        }

    .breadcrumb1 a {
        color: #a1a8b1;
        border: none !important;
    }

.content-head h1 {
    color: #fff;
    font-family: "Open Sans";
    font-size: 27px;
    margin-bottom: 10px;
}




#iconflag {
    width: 110px;
    height: 56px;
    padding-top: 15px;
    position: relative;
    background: #000;
    color: white;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-align: center;
}

    #iconflag:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-bottom: 13px solid #eee;
        border-left: 55px solid transparent;
        border-right: 55px solid transparent;
    }

ul.logos li {
    float: left;
    margin-right: 10px;
}

#page-footer .content {
    float: left;
    margin-top: 10px;
    width: 50%;
}

#page-footer .divider {
    width: 100%;
    height: 2px;
}

#page-footer h5 {
    margin-top: 10px;
}

.cardo {
    background-color: #fff;
    text-align: center;
    font-size: 13px;
}

    .cardo .cardo-head {
        margin: 0 auto;
    }

        .cardo .cardo-head img {
        }

    .cardo .cardo-body {
        padding: 20px;
    }

        .cardo .cardo-body div {
            margin-bottom: 20px;
            line-height: 1.5em;
        }

        .cardo .cardo-body a.infolink {
            font-size: 10px;
            display: block;
            text-decoration: none;
            margin-top: 20px;
            border: none;
        }


/* centered columns styles */
.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: center;
    /* inline-block space fix */
    margin-right: -4px;
}

.col-fixed {
    /* custom width */
    width: 320px;
}

.col-min {
    /* custom min width */
    min-width: 320px;
}

.col-max {
    /* custom max width */
    max-width: 320px;
}

#userToggleHm {
    float: right;
    margin-top: 15px;
}
    /*.nav-toggle {
    margin-top: 25px;
    color: #fff;float: left;width: 24px;height: 24px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAiklEQVRIS+2UWwqAIBBFjy2kx8Z67auS2lfQSoqBhMBAiLEP0R9B5FznctAQeZnIfNIJkEl6oFKq7AAscLqKBmBWgjuMMK0LkNcvygEdsLoA2VugUQrZge1ZkRLXx/ymaXFbVCqN4lk0ApMS/NWiGJp6FslBrTRFtihYZLYoWFGCFgVn/noh+m96AZP+HhlSxO/eAAAAAElFTkSuQmCC')
}*/
    #userToggleHm .icc {
        font-size: 45px;
        color: #fff;
    }

.fi-die-six {
}

#loginregisterButtons {
    margin-top: 25px;
    float: right;
}

.userbar .comp {
    float: left;
    border-right: solid 1px #09539d;
    background-color: #064788;
    min-height: 78px;
    padding: 11px;
    padding-top: 15px;
}

.userbar .comp-header {
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: center;
}

    .userbar .comp-header a {
        color: #ffffff;
    }

.userbar .comp.noborder {
    border: none;
}

.catgamelisthead {
    padding: 15px;
    background-color: #f1f2ee;
    height: 65px;
}

.messagecard {
    background-color: orange;
    min-height: 20px;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    z-index: 9;
    font-weight: bold;
}

#homep a {
    color: #fff;
}

.gamecard {
    color: #fff;
    padding: 15px;
}

    .gamecard .row, .gamecard .row .col {
        margin-bottom: 10px;
    }

    .gamecard img.game-thumb {
        margin: 0 auto;
    }

    .gamecard .btn.wide {
        max-width: 300px;
    }

.whitebg {
    background-color: #fff;
    color: #333;
    padding: 10px;
    line-height: 1.4em;
}

#fttrmob {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #123981;
    color: #ffffff;
    z-index: 9999;
    display: none;
}

    #fttrmob ul {
        float: left;
        width: 100%;
    }

        #fttrmob ul li {
            float: left;
            width: 100%;
        }

            #fttrmob ul li a {
                float: left;
                color: #ffffff;
                font-size: 22px;
                text-align: center;
                font-weight: bold;
                padding: 10px 10px;
                margin: 0 3px;
                margin-bottom: 0;
                width: 100%;
                text-align: left;
                margin-bottom: 5px;
            }

                #fttrmob ul li a span {
                    float: left;
                    margin-top: 0;
                }

                    #fttrmob ul li a span.lbll {
                        float: left;
                        margin-top: 8px;
                        margin-left: 16px;
                    }


                #fttrmob ul li a.active {
                    background-color: #0e2e67;
                }

                    #fttrmob ul li a.active span {
                        color: #fff !important;
                    }

                #fttrmob ul li a:hover {
                    background-color: #0e2e67;
                }

                    #fttrmob ul li a:hover span {
                        color: #fff !important;
                    }

#userToggleHm [class^="icon-"] {
    float: left;
    text-align: center;
    margin-left: 7px;
    margin-right: 7px;
    font-size: 21px;
}

    #userToggleHm [class^="icon-"] span {
        display: block;
        margin-top: 4px;
    }

#mobdeposit {
    background-color: #0691d8;
    color: #fff;
    position: fixed;
    right: 0;
    bottom: 100px;
    z-index: 9999;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

#sportsopenSlip a {
    padding: 9px;
    color: #fff !important;
    display: block;
}

    #sportsopenSlip a .stickyamount {
        font-size: 11px;
        font-weight: bold;
        float: left;
        margin-top: 10px;
        margin-right: 7px;
        margin-left: 3px;
    }

/* HEADER MENU V2*/
.site-header .userbar .usermenu ul {
}

    .site-header .userbar .usermenu ul li {
        float: left;
        width: 33%;
        text-align: center;
    }

        .site-header .userbar .usermenu ul li a {
            float: left;
            display: block;
            text-align: center;
            width: 100%;
        }

            .site-header .userbar .usermenu ul li a span {
                display: block;
                color: #000;
                margin-bottom: 5px;
            }

                .site-header .userbar .usermenu ul li a span.glyphicon {
                    font-size: 30px;
                }

.site-header .userbar .usermenu .menu {
    padding: 10px;
}


.secondary-mobile-header {
    background: #042d59;
  
    width:100%;
    top: 50px;
}


    .secondary-mobile-header ul {
        text-align: center;
    }

        .secondary-mobile-header ul li {
            display: inline-block;
            padding: 12px 0;
            border-right: 1px solid rgba(5, 159, 231, 0.44);
            height: 44px;
            width: 32%;
            margin: 0;
            font-family: Graphik-Regular,HelveticaNeue-Light,sans-serif;
            font-size: 13px;
            letter-spacing: -0.5px;
        }


            .secondary-mobile-header ul li:last-child {
                border-right: none;
            }

            .secondary-mobile-header ul li:hover a {
                color: #059fe7;
            }

            .secondary-mobile-header ul li a {
                color: #fff;
            }

                .secondary-mobile-header ul li a i {
                    padding-right: 10px;
                    color: #059fe7;
                }

                .secondary-mobile-header ul li a span {
                    margin-right: 6px;
                    background: #059fe7;
                    text-align: center;
                    line-height: 20px;
                    display: inline-block;
                    border-radius: 7px;
                    font-weight: 600;
                    color: #fff;
                    padding: 0 5px;
                    font-size: 12px;
                    font-family: Graphik-Regular,HelveticaNeue-Light,sans-serif;
                }

#homefooterul {
    margin: 20px auto;
    padding-bottom: 20px;
    text-align: center;
    width: 795px;
}

    #homefooterul li {
        float: left;
    }

        #homefooterul li a {
            float: left;
            color: #fff;
            display: block;
            margin: 10px;
        }

.footer-nav {
    text-align: center;
}

#numberCircle {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 4px;
    background: red;
    border: 2px solid #666;
    color: #fff;
    text-align: center;
    font: 11px Arial, sans-serif;
    position: absolute;
    top: -10px;
    right: -10px;
}



.m-t-10 {
    margin-top: 10px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.mobile-app-landing .page-content {
    background: #fff;
}

.mobile-app-landing .send-as-email {
    color: #fff;
}

    .mobile-app-landing .send-as-email a {
        color: #fff;
        font-weight: 600;
    }




.mobile-app-landing .sms-form {
    padding: 15px;
    max-width: 550px;
}

    .mobile-app-landing .sms-form .row > div {
        padding: 0;
    }

    .mobile-app-landing .sms-form select {
        width: 100%;
        height: 46px;
        border-radius: 0;
        border-right: none;
        box-shadow: 10px 10px 24px 0 rgba(0, 0, 0, 0.18);
        border: none;
    }

    .mobile-app-landing .sms-form input {
        font-size: 12px;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .mobile-app-landing .sms-form a {
        font-size: 14px;
        height: 46px;
        border-bottom: none !important;
        line-height: 27px;
        border-radius: 0;
    }

.mobile-app-landing .app-features {
    background: rgba(66, 165, 245, 0.06);
    border-radius: 20px;
    padding: 40px;
    overflow: hidden;
}

    .mobile-app-landing .app-features li {
        border-bottom: 2px solid rgba(13, 71, 161, 0.05);
        padding: 20px;
        overflow: hidden;
    }

        .mobile-app-landing .app-features li img {
            width: 50px;
        }

        .mobile-app-landing .app-features li .feature-icon {
            width: 20%;
            float: left;
            padding-right: 10px;
        }

        .mobile-app-landing .app-features li .feature-content {
            width: 80%;
            float: left;
        }

        .mobile-app-landing .app-features li .feature-title {
            color: #0d47a1;
            font-weight: 600;
            margin-bottom: 10px;
            font-size: 20px;
        }

        .mobile-app-landing .app-features li .feature-description {
            font-size: 14px;
            line-height: 18px;
            color: #191b24;
        }

.mobile-app-landing .install-guide-column {
    padding-left: 20px;
}

.mobile-app-landing .app-install-guide {
    overflow: hidden;
    margin-bottom: 40px;
}

    .mobile-app-landing .app-install-guide li .step-count {
        width: 50px;
        height: 50px;
        border-radius: 100px;
        background-color: #33e2d1;
        color: #fff;
        line-height: 50px;
        font-size: 23px;
        font-weight: 700;
        text-align: center;
        float: left;
        margin-right: 30px;
    }

    .mobile-app-landing .app-install-guide li .step-title {
        color: #0d47a1;
        opacity: 0.5;
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 5px;
    }

    .mobile-app-landing .app-install-guide li .step-detail img {
        height: 22px;
        float: left;
        margin-right: 10px;
        display: inline-block;
    }

    .mobile-app-landing .app-install-guide li .step-detail span {
        color: #0d47a1;
        font-weight: 600;
        font-size: 21px;
        display: inline-block;
        float: left;
    }

    .mobile-app-landing .app-install-guide li {
        display: block;
        clear: both;
        padding: 15px 0px;
        border-bottom: 2px solid rgba(13, 71, 161, 0.05);
        overflow: hidden;
    }


.mobile-app-landing.content-head {
    padding-bottom: 0px;
    margin-bottom: 0;
    background-image: linear-gradient(137deg, rgba(0, 0, 0, 0), #000000), linear-gradient(#053786, #053786);
}

    .mobile-app-landing.content-head .container {
        padding-top: 50px;
    }

.mobile-app-landing h1 {
    font-size: 70px !important;
    line-height: 90px;
    font-weight: 500;
    margin-top: 100px;
}


.mobile-app-landing h3 {
    color: #0d47a1;
    font-size: 34px !important;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 30px;
}

.mobile-app-landing h4 {
    color: #42a5f5;
    font-size: 25px !important;
    margin: 20px 0;
}

.mobile-app-landing .btn {
    height: 50px;
    border-bottom: none !important;
    border-radius: 0;
}

.mobile-app-landing .hint-text {
    color: #191b24;
    opacity: 0.3;
    padding: 30px;
}

    .mobile-app-landing .hint-text .glyphicon {
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
        margin-top: 10px;
        font-size: 25px;
    }

.mobile-app-landing .btn .glyphicon {
    margin-right: 8px;
}

@media (max-width: 767px) {
    .mobile-app-landing {
        text-align: center;
    }

        .mobile-app-landing h1 {
            font-size: 40px !important;
            line-height: 50px;
            margin-top: 20px;
        }

        .mobile-app-landing .app-preview {
            margin-top: 30px;
        }

        .mobile-app-landing .hint-text {
            text-align: left;
            font-weight: 600;
            background: rgba(51, 226, 209, 0.36);
            opacity: 0.6;
            margin-left: -10px;
            margin-right: -5px;
            margin-bottom: 0px;
            font-size: 11px;
            line-height: 16px;
        }

            .mobile-app-landing .hint-text .glyphicon {
                margin-bottom: 100%;
                margin-top: 0px;
            }

        .mobile-app-landing .install-guide-column {
            padding-top: 20px;
        }

        .mobile-app-landing .app-install-guide {
            text-align: left;
        }

    .app-features-column {
        background: rgba(66, 165, 245, 0.06);
        padding-top: 30px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: -5px;
    }

    .mobile-app-landing .app-features {
        padding: 20px;
        border-radius: 0;
        background: transparent;
        display: inline-block;
    }

        .mobile-app-landing .app-features li {
            border-color: #0d47a1;
            padding: 25px 0;
            text-align: left;
        }
}


.flowspinner {
    width: 100px;
    position: relative;
    height: 200px;
    margin: 0 auto;
    margin-top: 50px;
}

    .flowspinner:after {
        position: absolute;
        width: 50px;
        height: 50px;
        border-left: 5px solid #1a8eff;
        border-right: 5px solid #1a8eff;
        border-top: 5px solid transparent;
        border-left: 5px solid transparent;
        border-radius: 9999px;
        content: '';
        left: 0px;
        background: transparent;
        bottom: 0px;
        top: 0px;
        right: 0;
        margin: auto;
        -webkit-animation: spinme 400ms linear infinite;
        animation: spinme 400ms linear infinite;
    }

@-webkit-keyframes spinme {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes spinme {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}


/********* 2FA PAGES *********/
.twoFAContainer .white {
    background: #fff;
    padding: 40px 0;
}

.twoFAContainer .back {
    border: none !important;
    margin: 40px auto 0;
    padding: 10px 15px;
    background: #ddd;
    border-radius: 4px;
    color: #191b24;
    font-family: Graphik-Medium,HelveticaNeue-Light,sans-serif;
}

.twoFAContainer .option {
    display: flex;
    border: 2px solid #ddd !important;
    padding: 20px;
    max-width: 300px;
    margin: 10px auto;
    justify-content: center;
    font-family: Graphik-Medium,HelveticaNeue-Light,sans-serif;
}

    .twoFAContainer .option:hover, .twoFAContainer .back:hover {
        background: #bac2ce;
    }

.twoFAContainer .content {
    display: flex;
    flex-direction: column;
    font-family: Graphik-Regular,HelveticaNeue-Light,sans-serif;
}

    .twoFAContainer .content .live-chat {
        border: none !important;
        text-decoration: underline;
        font-weight: 600;
        text-align: center;
        margin-top: 100px;
    }

    .twoFAContainer .content h3 {
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: -0.5px;
        color: #636569;
        font-family: Graphik-Medium,HelveticaNeue-Light,sans-serif;
        margin: 0 0 20px;
    }

        .twoFAContainer .content h3 strong {
            font-weight: 900;
            font-family: Graphik-Semibold,HelveticaNeue-Light,sans-serif;
        }

    .twoFAContainer .content .form-group {
        max-width: 600px;
        margin: auto;
        width: 100%;
    }

        .twoFAContainer .content .form-group .button {
            display: flex;
            flex-direction: row;
            font-size: 12px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: -0.43px;
            text-align: center;
            color: #636569;
            max-width: 150px;
            text-decoration: none;
            padding: 0 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            align-items: center;
            justify-content: center;
            margin: auto;
            min-height: 38px;
            cursor: not-allowed;
            transition: all .2s ease;
        }

            .twoFAContainer .content .form-group .button.active {
                cursor: pointer;
                border: 2px solid #0d47a1;
                background: #fff;
                color: #333;
                font-family: Graphik-Semibold,HelveticaNeue-Light,sans-serif;
            }

            .twoFAContainer .content .form-group .button .countdown {
                margin-right: 7px;
                display: none;
                font-family: Graphik-Semibold,HelveticaNeue-Light,sans-serif;
            }

                .twoFAContainer .content .form-group .button .countdown.active {
                    display: flex;
                }

        .twoFAContainer .content .form-group .form-input {
            background: #fff;
            background-image: none;
            border: .05rem solid #caced7;
            border-radius: .1rem;
            color: #50596c;
            display: block;
            font-size: .9rem;
            height: 50px;
            padding: 10px 10px 10px 40px;
            line-height: 1rem;
            max-width: 100%;
            outline: none;
            position: relative;
            transition: all .2s ease;
            width: 100%;
            background-repeat: no-repeat;
            background-position: 13px 12px;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='23' viewBox='0 0 18 23'%3E%3Cg%3E%3Cpath d='M8.421 16.917c1.152 0 2.095-.951 2.095-2.114 0-1.163-.943-2.115-2.095-2.115-1.152 0-2.095.952-2.095 2.115 0 1.163.943 2.114 2.095 2.114z' transform='translate(.86)'/%3E%3Cpath d='M14.706 7.401H13.66V5.287C13.659 2.368 11.312 0 8.42 0 5.53 0 3.183 2.368 3.183 5.287V7.4H2.136C.984 7.401.04 8.353.04 9.516V20.09c0 1.164.943 2.115 2.095 2.115h12.57c1.152 0 2.095-.951 2.095-2.115V9.516c0-1.163-.943-2.115-2.095-2.115zM5.174 5.287c0-1.808 1.456-3.278 3.247-3.278s3.247 1.47 3.247 3.278V7.4H5.174V5.287zm9.532 14.802H2.136V9.516h12.57v10.573z' transform='translate(.86)'/%3E%3C/g%3E%3C/svg%3E");
        }

            .twoFAContainer .content .form-group .form-input:focus {
                border-color: #42a5f5;
                box-shadow: 0 0 0 0.1rem rgba(66, 165, 245, 0.2);
            }

    .twoFAContainer .content .btn {
        display: flex;
        max-width: 375px;
        height: 50px;
        border-radius: 4px;
        background-color: #0d47a1;
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.75px;
        text-align: center;
        color: #ffffff;
        border: 0;
        width: 100%;
        align-items: center;
        justify-content: center;
        margin: 20px auto;
    }

        .twoFAContainer .content .btn:hover {
            opacity: 0.8;
        }

    .twoFAContainer .content .steps {
        display: flex;
        flex-direction: row;
        flex: 1 1 33%;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
    }

    .twoFAContainer .content .step {
        display: flex;
        padding: 20px;
        max-width: 375px;
        width: 100%;
        box-shadow: 0 6px 10px 0 rgba(209, 217, 227, 0.3);
        background-color: #ffffff;
        flex-direction: column;
        min-height: 425px;
        justify-content: center;
        align-items: center;
    }


        .twoFAContainer .content .step .wraper {
            display: flex;
            flex-direction: column;
        }

            .twoFAContainer .content .step .wraper img {
                max-width: 129px;
                margin: 0 auto 20px;
            }

            .twoFAContainer .content .step .wraper .content {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

        .twoFAContainer .content .step .apps {
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            width: 100%;
        }

        .twoFAContainer .content .step span {
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.29;
            letter-spacing: -0.5px;
            color: #6d7278;
        }

        .twoFAContainer .content .step p {
            font-size: 14px;
            letter-spacing: -0.43px;
            color: #636569;
            text-align: center;
        }

        .twoFAContainer .content .step h2 {
            font-size: 18px;
            font-weight: 500;
            letter-spacing: -0.57px;
            color: #212121;
            font-family: Graphik-Semibold,HelveticaNeue-Light,sans-serif;
            margin-bottom: 20px;
        }

        .twoFAContainer .content .step a {
            border: none !important;
            display: inline-flex;
        }


        .twoFAContainer .content .step .qrShow {
            display: flex;
            flex-direction: column;
            width: 100%;
            text-decoration: none;
            color: navy;
            justify-content: center;
            align-items: center;
            margin: 20px 0 10px;
        }

        .twoFAContainer .content .step .manuel {
            display: none;
            flex-direction: row;
            width: 100%;
            align-items: center;
            justify-content: center;
        }

            .twoFAContainer .content .step .manuel.active {
                display: flex;
            }

            .twoFAContainer .content .step .manuel button {
                display: flex;
                height: 36px;
                border-radius: 2px;
                border: solid 1px #979797;
                font-size: 13px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.38;
                letter-spacing: -0.46px;
                text-align: center;
                color: #3d3d3d;
                background: #fff;
                max-width: 100px;
                width: 100%;
            }

            .twoFAContainer .content .step .manuel input {
                background-color: #d8d8d8;
                height: 45px;
                width: 100%;
                margin-right: 15px;
                border-radius: 2px;
                padding: 10px;
                display: flex;
                align-items: center;
            }


.twoFAContainer #thirdPage {
    display: flex;
    flex-direction: column;
    align-content: center;
}

    .twoFAContainer #thirdPage img {
        margin: 30px auto 80px;
    }


@media only screen and (max-width: 480px) {
    .twoFAContainer .white {
        padding: 0;
    }

    .twoFAContainer .content .form-group {
        margin: 20px auto 0;
    }

    .twoFAContainer .content .steps {
        margin: 0 -15px;
    }

    .twoFAContainer .content .step p {
        text-align: left;
    }

    .twoFAContainer .content .step .wraper {
        flex-direction: row;
        width: calc(100% + 14px);
        margin: 0 -7px;
    }


        .twoFAContainer .content .step .wraper .content {
            align-items: flex-start;
        }

    .twoFAContainer .content .step {
        min-height: inherit;
        margin-bottom: 10px;
    }

    .twoFAContainer .content .live-chat {
        margin: 20px;
    }
}
/********* 2FA PAGES *********/

/* Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}