html,
body {
    overflow-x: hidden;
}

body {
    font-family: 'PT Sans', sans-serif;
    background: #071220;
}

body.no-scroll {}

body.show-nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

a {
    color: #ffe362;
}

a:hover,
a:focus,
a:active {
    color: #ffe362;
}

select {
    -webkit-appearance: none;
}

hr {
    border-color: #525252;
}

/* Password toggle icon */

.recovery-panel .password-eye-icon {
    top: 8px;
}

.slider-reg-form .password-eye-icon {
    color: #000;
}

.form-group,
.field-wrap {
  position: relative;
}

.password-eye-icon {
  position: absolute;
  top: 4px;
  right: 12px;
  color: #000;
  cursor: pointer;
  font-size: 18px;
}

/* END: Password toggle icon */

.form-fields input[type=date], 
.form-fields input[type=time], 
.form-fields input[type=datetime-local], 
.form-fields input[type=month] {
    min-width: 95%;
    -webkit-appearance: none;
    line-height: 1.42857143;
}


button[disabled] {
    cursor: not-allowed !important;
}

#error404 {
    color: #fff;
    font-size: 100px;
    margin: 0 0 40px;
    transition: all .3s ease-in-out;
}

#error404 h1 {
    color: #fff;
    font-size: 100px;
    line-height: 100px;
    margin: 0 0 30px;
    text-align: center;
}

#error404 p {
    font-weight: 400;
    font-size: 19px;
    margin-bottom: 60px;
    text-align: left;
}

#error404 a,
#error404 button {
    display: block;
    margin: 0 auto 27px;
    max-width: 100%;
    width: 200px;
}

#error404 button {
    margin-bottom: 60px;
}

/* REALITY CHECK MODAL STYLE*/
.btn-end {
    color: #fff;
    background-color: #ed572e;
    padding: 6px 15px;
}
.btn-end:hover, 
.btn-end:focus {
    background-color: #d2431c;
    color: #fff;
}
.btn-continue {
    color: #fff;
    background-color: #14b314;
    padding: 6px 15px;
    margin-right: 10px;
}
.btn-continue:hover, 
.btn-continue:focus {
    background-color: #0e9f0e;
    color: #fff;
}
#realityCheckModal .modal-content {
    background: #fff;
    position: relative;
    padding: 25px 20px;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    border-radius: 4px;
}
#realityCheckModal .close {
    color: #000;
    font-size: 28px;
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
}
#realityCheckModal .modal-header {
    border: none;
}
#realityCheckModal .realitycheck-title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: #000;
    display: block;
    text-align: left;
    margin-bottom: 5px;
}
#realityCheckModal .realitycheck-info {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    display: block;
    text-align: left;
    margin-bottom: 25px;
}
#realityCheckModal .realitycheck-info #amountWon {
    color: #4bb90f;
    font-weight: bold;
}
#realityCheckModal .realitycheck-info #amountLost {
    color: #e74418;
    font-weight: bold;
}
#realityCheckModal .close {
   z-index: 900;
   position: absolute;
   right: 10px;
   top: 10px; 
}


/*Validation style*/

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    padding-right: 30px;
}

.validated-field-error,
.validated-field-success {
    background-color: #fff;
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 18px; 
}

select.validated-field-error,
select.validated-field-success {
    background-position: 93%;
}

.validated-field-error {
    background-image: url(../img/reg-error-icon.svg);
    color: #ef5e5e;
    border: 1px solid #ef5e5e;
}

.validated-field-success {
    background-image: url(../img/reg-success-icon.svg);
    color: #4f8a10;
    border: 1px solid #4f8a10;
}

.form-fields .field-wrap {
    overflow: hidden;
    margin-bottom: 10px;
}

.validated-message {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin: 8px 0 12px;
}

.validated-message.validated-message-error {
    color: #ef5e5e;
}

.validated-message.validated-message-success {
    color: #4f8a10;
}

/*********************************/
/************Loader**********/


.reg-form {
    position: relative;
    padding-bottom: 20px;
}

.reg-loader {
    width: 100%;
    background: #05182f center center no-repeat;
    background-image: url(../img/reg-loader.gif), linear-gradient(to right, #05182f 0%, #0c2a50 100%);
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.reg-restricted-error {
    width: 100%;
    height: 100%;
    background: #05182f;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    padding: 100px 0;
    font-size: 36px;
    text-align: center;
    display: none;
}

.reg-load-error {
    width: 100%;
    height: 100%;
    background: #05182f;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    padding: 100px 0;
    font-size: 36px;
    text-align: center;
    display: none;
}

.reg-errors-block {
    display: block;
    width: auto;
    text-align: center;
    padding: 40px 20px;
    border-radius: 6px;
    margin: auto;
    font-size: 20px;
    line-height: 38px;
    font-weight: bold;
    color: #fff;
}

/* Signup page */

.signup-image {
    margin: 0 auto;
    display: block;
    max-width: 600px;
}

.dynamicSlider{
    background: #000;
    display: block;
    height: 150px;
    position: relative;
    width: 100%;
}

#home .dynamicSlider {
    height: 370px;
}

.dynamicSlide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 10;
    display:block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
}
.dynamicSlide.active {
    z-index: 20;
    opacity: 1;
}
.dynamicSlide .slide-image-wrap {
    bottom: 0;
    height: 100%;
    left: 50%;
    margin-left: -683px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1366px;
}

.dynamicSlide .slide-image {
    width: auto;
    margin: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.dynamicSlide .slide-html-wrap {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.dynamicSlide .slide-html {
   	position: relative;
    padding: 10px;
    text-align: left;
    max-width: 320px;
}
.dynamicSlide .slide-html .slide-title {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    line-height: 36px;
    margin: 0 0 10px;
    display: block;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
}
.dynamicSlide .slide-text {
    font-size: 22px;
    color: #fff;
    text-align: left;
    line-height: 34px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 18px;
    display: block;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
    display: none;
}
.dynamicSlide .slide-subtitle {
    font-size: 40px;
    color: #ffe9c9;
    font-weight: bold;
    line-height: 50px;
    margin: 0;
    display: none;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.dynamicSlide .btn-slide {
    padding: 6px 15px;
    line-height: 34px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    border-radius: 6px;
    display: inline-block;
}
.dynamicSlide .btn-slide:hover,
.dynamicSlide .btn-slide:focus {
    text-decoration: none;
}


/************************************************************************************/


/*                                      Campaign                                    */

#campaign{
    background:#000;
}

.campaign-wrap {
    background-size: cover;
    overflow:hidden;
}


/*campaign-header*/

.campaign-wrap .campaign-header {
    height: 150px;
    line-height: 150px;
    margin: 0 auto;
    padding: 0 15px;
}

.campaign-wrap .campaign-header .header-logo {
    display: block;
    margin: 0 auto;
    max-width: 232px;
    width: 100%;
}

.campaign-wrap .campaign-header .header-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: auto;
}

.campaign-wrap .campaign-header .header-menu li {
    float: left;
    height: 91px;
    text-align: center;
    width: 33.333%;
}

.campaign-wrap .campaign-header .header-menu li:first-child {
    margin-left: 0;
}

.campaign-wrap .campaign-header .header-menu li a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    text-align: center;
}

.campaign-wrap .campaign-header .header-menu .menu-icon {
    background-image: url('../img/campaign-header-menu-sprite.png?');
    background-size: 300% 100%;
    display: block;
    height: 60px;
    margin: 0 auto 15px;
    width: 60px;
}

.campaign-wrap .campaign-header .header-menu .menu-icon.menu-icon-sports {
    background-position: 0% 0%;
}

.campaign-wrap .campaign-header .header-menu .menu-icon.menu-icon-livecasino {
    background-position: 50% 0%;
}

.campaign-wrap .campaign-header .header-menu .menu-icon.menu-icon-slots {
    background-position: 100% 0%;
}


/*campaign-body*/

.campaign-wrap .campaign-body {
    margin: auto;
    width: 100%;
    max-width:960px;
    margin:20px auto 30px;
}

@media (max-width: 767px) {
    .campaign-wrap .campaign-body {
        margin:0 auto 15px;
    }
}

.campaign-wrap .campaign-image-wrap {
    height: 380px;
    line-height: 380px;
    text-align:center;
}

@media (max-width: 767px) {
    .campaign-wrap .campaign-image-wrap {
        height: auto;
        margin-bottom: 5px;
    }
}

.campaign-wrap .campaign-image {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}

@media (max-width: 767px) {
    .campaign-wrap .campaign-image {
        display: block;
        margin: 0 auto;
        width:auto;
        height:140px;
    }
}

.campaign-wrap .campaign-box {
    background-color: rgba(12, 32, 44, 0.8);
    border-radius: 5px;
    margin: 0 auto;
    max-width: 450px;
    padding: 10px 15px;
    width: 90%;
}

.campaign-wrap .campaign-box a {
    color: #fff;
    display: block;
    text-align: center;
}

.campaign-wrap .campaign-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 auto;
    max-width: 260px;
    text-align: center;
}
.campaign-wrap .campaign-title p {
    font-size: 23px;
    line-height: 23px;
    margin-bottom: 15px;
}

.campaign-wrap .campaign-title strong {
    color: #ffe362;
    font-weight: 700;
}

.campaign-wrap .campaign-affiliate-logo {
    display: block;
    margin: 15px auto 20px;
    max-width: 300px;
    width: 100%;
}

.campaign-wrap .campaign-reg-form {
    margin: 0 auto;
    max-width: 280px;
}

.campaign-wrap .field-label {
    color: #fff;
    float: right;
    font-size: 11px;
    line-height: 32px;
}

.campaign-wrap .form-group {
    margin-bottom: 7px;
}

.campaign-wrap .form-control {
    background-color: #fff;
    color: #000;
    border: 0 !important;
}

.campaign-wrap .btn-campaign {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 10px auto 8px;
}


/*campaign-footer*/

.campaign-wrap .campaign-footer {
    background-color: #000;
    color: #fff;
    padding-top: 10px 0;
    width: 100%;
}

.campaign-wrap .footer-inner {
    background-color: transparent;
    padding: 15px;
}

.campaign-wrap .footer-top {
    line-height: 60px;
}

.campaign-wrap .footer-top .footer-logo {
    display: block;
    margin: 0 auto;
    max-width: 120px;
}

.campaign-wrap .footer-center {
    overflow: hidden;
    width: auto;
}

.campaign-wrap .footer-center .footer-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.campaign-wrap .footer-center .footer-menu li {
    display: inline-block;
    margin: 0 5px;
}

.campaign-wrap .footer-center .footer-menu li a {
    color: #ffa019;
    font-weight: 600;
    line-height: 60px;
}

.campaign-wrap .footer-bottom {
    margin: 0 auto;
    max-width: 300px;
    text-align: center;
    width: 100%;
}

.campaign-wrap .footer-bottom .footer-copyright {
    line-height: 16px;
}

.campaign-wrap .footer-bottom .footer-social {
    height: 32px;
    list-style-type: none;
    margin: 0;
    margin-top: 10px;
    padding: 0;
}

.campaign-wrap .footer-bottom .footer-social-sprite {
    background-image: url('../img/campaign-footer-social-sprite.png');
    background-size: 300% 100%;
    display: inline-block;
    height: 32px;
    margin-right: 10px;
    width: 32px;
}

.campaign-wrap .footer-bottom .footer-social-sprite:last-child {
    margin-left: 0;
}

.campaign-wrap .footer-bottom .footer-social-sprite-facebook {
    background-position: 0% 0%;
}

.campaign-wrap .footer-bottom .footer-social-sprite-twitter {
    background-position: 50% 0%;
}

.campaign-wrap .footer-bottom .footer-social-sprite-instagram {
    background-position: 100% 0%;
}

.campaign-wrap .footer-bottom .footer-social li a {
    display: block;
    height: 100%;
    width: 100%;
}


/************************************************************************************/


/*                                  Slide Menu                                      */

.slide-menu {
    font-size: 15px;
    font-weight: bold;
    height: 200%;
    overflow-x: auto;
    position: relative;
}

.slide-menu .slide-menu-buttons {
    min-width: 100%;
    position: absolute;
}

.slide-menu .slide-menu-buttons-scroll {
    border-bottom: 1px solid #454d57;
    cursor: default;
    display: inline-block;
    height: 52px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.slide-menu .slide-menu-buttons li {
    display: inline-block;
    list-style-type: none;
    padding: 0 5px;
}

.slide-menu .slide-menu-buttons li a {
    color: #76101c;
    display: block;
    line-height: 42px;
    margin-bottom: 5px;
    padding-top: 5px;
}

.slide-menu .slide-menu-buttons li a:hover,
.slide-menu .slide-menu-buttons li a:focus {
    outline: none;
    text-decoration: none;
}

.slide-menu .slide-menu-buttons li a.active {
    border-bottom: 5px solid #fff;
    color: #fff;
    margin-bottom: 0;
}


/************************************************************************************/


/*                                  Validation                                      */

.validation-page {
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
}

.validation-page .validation-heading {
    color: #fff;
    margin: 50px 0 50px 0;
    text-align: center;
}

.validation-page .validation-text {
    color: #c5d1e1;
    margin: 50px 0 50px 0;
    text-align: center;
}


/************************************************************************************/


/*                                    Subpage                                       */

.subpage-inner {
    margin: 0 auto;
    max-width: 920px;
    padding: 0 20px;
}

.header-title {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 25px 0;
    padding: 15px 0;
    text-align: center;
}

.header-menu {
    background: #05182f;
    margin-bottom: 25px;
    overflow: hidden;
}

.header-menu .header-title {
    background: none;
    box-shadow: none;
    margin: 0;
}

.header-menu-inner {
    height: 42px;
    text-align: center;
}

.header-menu-inner .slide-menu .slide-menu-buttons-scroll {
    padding: 0 20px;
}

.header-menu-inner .slide-menu .slide-menu-buttons li {
    padding: 0 5px;
}

.header-menu-inner .slide-menu .slide-menu-buttons li a {
    color: #c5d1e1;
    line-height: 32px;
    margin-bottom: 5px;
    padding-top: 5px;
}

.header-menu-inner .slide-menu .slide-menu-buttons li a.active {
    border-bottom: 5px solid #ffe362;
    color: #ffe362;
    margin-bottom: 0;
}


/************************************************************************************/


/*                                    Homepage                                      */

body#homepage {
    background: #071220;
}

#home {
    background-color: #071220;
}

#home .home-menu {
    list-style: none;
    margin: 20px 0 10px;
    padding: 0;
    white-space: nowrap;
}

#home .home-bottom-menu {
    margin: 20px 0 35px;
}

#home .home-menu li {
    display: inline-block;
    text-align: center;
    width: 25%;
}

#home .home-menu li a:focus,
#home .home-menu li a:hover {
    text-decoration: none;
}

#home .home-menu li a .home-menu-icon {
    display: block;
    height: 22px;
    margin: 0 auto;
    width: 22px;
}

#home .home-menu li a .home-menu-text {
    display: block;
    font-weight: 700;
}

#home .home-top-menu li a .home-menu-text {
    color: #c5d1e1;
    font-size: 14px;
}

#home .home-bottom-menu li a .home-menu-text {
    color: #ffe362;
    font-size: 16px;
}

#home .home-slider-container {
    height: 370px;
    left: 0;
    padding: 17px 35px;
    position: absolute;
    right: 0;
    top: 72px;
    z-index: 30;
}

#home .home-slider-content {
    background: rgba(28, 33, 40, .7);
    border-radius: 10px;
    bottom: 17px;
    color: #fff;
    font-weight: 700;
    left: 35px;
    right: 35px;
    padding: 20px 25px;
    position: absolute;
    text-align: center;
    top: 17px;
}

#home .home-slider-content h3 {
    font-size: 30px;
    margin: 0;
}

#home .home-slider-content h2 {
    color: #ffe362;
    font-size: 48px;
    margin: 0;
}

#home .home-slider-content p {
    font-size: 24px;
    margin: 0;
}

#home .home-slider-content ul {
    list-style-type: none;
    margin-bottom: 25px;
    padding: 0;
}

#home .home-slider-content li {
    background: url(/img/homepage/check-icon.png) left center no-repeat;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    padding-left: 27px;
    text-align: left;
}

#home .home-slider-content a,
#home .home-slider-content button {
    display: block;
    margin: 16px auto;
    max-width: 180px;
}

#home .home-bottom-section {
    padding: 0 15px;
}

#home .home-bottom-section .home-copyright-text {
    color: #fff;
    font-weight: 700;
    line-height: 30px;
}

#home .home-bottom-section .home-social {
    float: right;
}

#home .home-bottom-section .home-social a {
    margin: 0 5px;
}

#home .home-bottom-section .home-social a img {
    height: 30px;
    width: 30px;
}


/************************************************************************************/


/*                                Recovery Password                                 */

.recovery-page {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}
.recovery-page .panel-default {
    background: transparent;
    border: none; 
    box-shadow: none;
}
.recovery-page .panel-default .panel-heading {
    background: transparent;
    border: none; 
    box-shadow: none;
}
.recovery-page .panel-title {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}
.recovery-page .panel-step {
    color: #fff;
    margin-left: 5px;
}
.recovery-page .alert {
    display: none;
    color: #fff;
    border-radius: 0;
    font-size: 16px;
}
.recovery-page .alert-danger {
    background-color: #e54135;
    border-color: #e54135;
}
.recovery-page .alert-success {
    background-color: #7ad84f;
    border-color: #7ad84f;
}
.recovery-page .reg-field input {
    border: none;
    -webkit-border-radius: 12px;
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #fff;
    color: #0b131d;
    height: 45px;
}
.recovery-page .form-control::-webkit-input-placeholder {
    /* Safari, Chrome and Opera */
    color: #0b131d;
}
.recovery-page .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #0b131d;
}
.recovery-page .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #0b131d;
}
.recovery-page .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #0b131d;
}
.recovery-page .form-control::-ms-input-placeholder {
    /* Edge */
    color: #0b131d;
}
.recovery-page .form-control:placeholder-shown {
    /* Standard one last!  color: #aae2f5;*/
    color: #0b131d;
}
#recovery .btn {
    border-radius: 8px;
    height: 45px;
    width: 100%;
}
#recovery .panel-footer {
    color: #fff;
    background: none;
    border: none;
    font-size: 11px;
    line-height: 1.5;
    margin-top: 30px;
}


/************************************************************************************/


/*                                       FAQ                                        */

.question-answer {
    margin-bottom: 15px;
}

.question-answer .question {
    display: block;
    color: #ffe362;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.question-answer .answer {
    color: #c5d1e1;
    display: block;
    line-height: 22px;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
}

.question-answer .answer em {
    font-weight: bold;
    font-style: normal;
    color: #ffe362;
}

.question-answer .answer a {
    color: #ffe362;
}

.question-answer .table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
    background: rgba(0, 0, 0, 0.2);
}

.question-answer .table > tbody > tr > td {
    border-top: 1px solid #222;
}

.question-answer .table > thead > tr > th {
    border-bottom: 1px solid #222;
}

.question-answer .answer .contribution-table {
    width: 100%;
}

.question-answer .answer .contribution-table th,
.question-answer .answer .contribution-table td {
    width: 65%;
}

.question-answer .answer .contribution-table .percent {
    width: 35%;
    text-align: center;
    vertical-align: middle;
}


/************************************************************************************/


/*                                       btn                                        */

.btn {
    padding: 6px 12px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 0;
}

.btn-login {
  background-color: #ffe362;
  color: #000;
  outline: none;
  border-radius: 4px;
}
.btn-login:focus,
.btn-login:hover {
  color: #000;
  outline: none;
}
.btn-register {
  background-color: #ffe362;
  color: #000;
  outline: none;
  border-radius: 4px;
}
.btn-register:focus,
.btn-register:hover {
  color: #000;
  outline: none;
}
.btn-loading {
  text-shadow: 0 1px 0 #333;
  color: #000;
  pointer-events: none;
}
.game-loading {
  pointer-events: none;
}
@keyframes loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
.btn-loading {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(25%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(left top, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -webkit-linear-gradient(left top, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right bottom, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 60px 80px;
  animation: loading 1.5s linear infinite;
}

.btn-primary {
    background-color: #ffe362;
    border: 2px solid #ffe362;
    border-radius: 6px;
    color: #000;
    font-weight: bold;
}

.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    background-color: transparent;
    border-color: #ffe362;
    color: #ffe362;
}

.btn-primary-dark {
    background-color: #ffe362;
    border: 2px solid #ffe362;
    border-radius: 4px;
    color: #000;
    font-weight: bold;
}

.btn-primary-dark:hover,
.btn-primary-dark:focus {
    background-color: transparent;
    border-color: #ffe362;
    color: #ffe362;
}

.btn-secondary {
    background-color: #ffe362;
    border: 2px solid #ffe362;
    border-radius: 6px;
    color: #000;
    font-weight: bold;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: transparent;
    border-color: #ffe362;
    color: #ffe362;
}

.btn-tertiary {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 6px;
    color: #000;
    font-weight: bold;
}

.btn-tertiary:hover,
.btn-tertiary:focus {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.btn-sm {
    padding: 6px 8px;
}

.btn-lg {
    font-size: 12px;
    padding: 10px 15px;
}

.btn-xl {
    padding: 10px 15px;
    font-size: 24px;
}

.btn-lg.btn-rounded {
    border-radius: 6px;
}

.btn-full {
    width: 100%;
}

.btn-transparent-two-lines {
    background: none;
    border-radius: 0;
    color: #fff;
    text-align: left;
    padding: 0 5px;
    font-size: 13px;
    font-weight: bold;
}

.btn-transparent-two-lines:hover,
.btn-transparent-two-lines:focus,
.btn-transparent-two-lines:active {
    color: #fff;
    box-shadow: none !important;
}

.btn-transparent-two-lines .btn-line {
    line-height: 18px;
    display: block;
}

.btn-transparent-two-lines .btn-line:first-child {
    color: #ffe362;
    font-weight: bold;
    line-height: 22px;
}

.btn-transparent-two-lines .btn-arrow {
    font-size: 10px;
    margin-left: 10px;
}

.btn-transparent-two-lines .populateName {
    white-space: nowrap;
}

#sports-frame {
    position: absolute;
    top: 60px;
    bottom: 44px;
    left: 0;
    right: 0;
}

#sports-frame iframe {
    border: none;
    width: 100%;
    height: 100%;
}

.tc-text,
.pp-text {
    color: #ffe362;
}

.tc-text:hover,
.tc-text:focus,
.pp-text:hover,
.pp-text:focus {
    color: #ffe362;
}

.login-form {
    margin-bottom: 20px;
}

.cover-overlay {
    z-index: 0;
    position: fixed;
    top: 0;
    bottom: -60px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

body.show-nav .cover-overlay {
    opacity: 1;
    z-index: 1010;
}

.cover {
    background: #05182f;
    background: -webkit-linear-gradient(left, #05182f 0%, #0c2a50 100%);
    background: linear-gradient(to right, #05182f 0%, #0c2a50 100%);
    position: fixed;
    width: 100%;
    max-width: 290px;
    overflow-y: auto;
    padding: 0 10px 20px;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 10;
    -webkit-transform: translate3d(-290px, 0, 0);
    -moz-transform: translate3d(-290px, 0, 0);
    -ms-transform: translate3d(-290px, 0, 0);
    -o-transform: translate3d(-290px, 0, 0);
    transform: translate3d(-290px, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cover .alert-hide {
    display: none;
}

.cover.show {
    z-index: 15;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.cover .cover-top {
    padding: 10px 10px 18px;
    margin: 0 -10px 20px;
}

.cover .cover-top .cover-top-title {
    font-size: 16px;
    color: #ddd;
    float: left;
    margin-left: 10px;
    line-height: 42px;
}

.cover .cover-top .cover-top-close {
    float: right;
    margin-right: 10px;
    font-size: 38px;
    color: #fff;
    line-height: 50px;
    height: 42px;
    cursor: pointer;
}

.cover .cover-title {
    display: block;
    color: #ccc;
    font-size: 16px;
    line-height: 28px;
    margin: 8px 15px 8px;
}

.cover .cover-title.cover-title-underline {
    border-bottom: 1px solid #454545;
}

.cover .cover-separator {
    margin-top: 30px;
    width: 100%;
}

.cover .cover-text {
    color: #ccc;
    text-align: center;
    font-size: 14px;
    margin: 10px 15px;
}

.cover .form-group,
.support-page .form-group {
    margin-bottom: 6px;
    padding: 0 5px;
    width: 100%;
}

.cover .form-group .field-label {
    display: block;
    width: 100%;
    color: #fff;
    font-weight: normal;
}

.cover .form-error {
    text-align: center;
    line-height: 22px;
    color: #ef5e5e;
    padding-top: 7px;
}

.signup-cover .form-control,
.login-cover .form-control {
    background: #fff;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    color: #000;
    font-size: 13px;
    padding-left: 14px;
    padding-right: 14px;
}

.support-page .form-control {
    background: #3c3c3c;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fefefc;
    font-size: 13px;
    padding-left: 14px;
    padding-right: 14px;
}

.cover .form-control::-webkit-input-placeholder {
    /* Safari, Chrome and Opera */
    color: #777;
}

.cover .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #777;
}

.cover .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #777;
}

.cover .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #777;
}

.cover .form-control::-ms-input-placeholder {
    /* Edge */
    color: #777;
}

.cover .form-control:placeholder-shown {
    /* Standard one last!  color: #aae2f5;*/
    color: #777;
}

.support-page .contact-alert.contact-error {
    display: none;
    padding: 15px 20px;
    color: #fff;
    background-color: #a94442;
    margin: 20px auto;
    font-size: 14px;
    text-align: center;
}

.support-page .contact-alert.contact-success {
    background-color: #3c763d;
    display: none;
    padding: 15px 20px;
    color: #fff;
    margin: 20px auto;
    font-size: 14px;
    text-align: center;
}

.cover .form-control:focus {
    box-shadow: none;
}

.cover .has-error {
    border: 1px solid #ef5e5e;
    box-shadow: 0 0 3px #ef5e5e;
}

.reg-field.quickreg-tc {
    height: auto;
}

.date-wrap .date-day,.date-wrap .date-month,.date-wrap .date-year {
    display: inline-block;
    width: 33.3333%
}

.date-wrap .date-day {
    padding-right: 3px
}

.date-wrap .date-month {
    padding: 0 3px
}

.date-wrap .date-year {
    padding-left: 3px
}


#reg-tc {
    margin-top: 2px;
    margin-right: 10px;
    float: left;
}

#reg-emails {
    margin-top: 2px;
    margin-right: 10px;
    float: left;
}

.reg-step.active {
    display: block;
}

.reg-step {
    display: none;
}

.reg-terms {
    float: left;
    margin-right: 5px !important;
}

.reg-text {
    font-size: 18px;
    color: #ffe362;
    text-shadow: 0 1px 2px #000;
    padding-bottom: 20px;
    font-weight: bold;
    display: block;
    text-align: center;
}

.reg-sub-text {
    font-size: 14px;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    padding-bottom: 20px;
    display: block;
}

.reg-button {
    margin: 20px auto;
    display: block;
}

.quickreg-submit {
    margin-top: 12px;
    text-align: center;
}

.reg-label {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
    margin-bottom: 2px;
    line-height: 18px;
    display: block;
    overflow: hidden;
}

.menu-logo {
    text-align: center;
    display: block;
}

.menu-logo img {
    width: 240px;
}

.menu-title {
    background: rgba(40, 88, 132, 0.2);
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 38px;
    padding-left: 25px;
    margin-bottom: 10px;
}

.user-options {
    padding-top: 20px;
    display: table;
    width: 100%;
}

.user-option {
    padding: 0 5px;
    text-align: center;
}

.user-option .btn-group {
    float: left;
}

.login-and-register-cover-title {
    color: #fff;
    cursor: default;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 0 15px 5px;
}

.login-cover-text {
    color: #ffe362;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    display: block;
    margin-top: 10px;
}

.login-cover-text-default {
    cursor: default;
}

.login-cover-white_text {
    color: #fff;
    cursor: default;
}

.login-cover a:hover,
.login-cover a:focus {
    color: #fff;
    text-decoration: underline;
}

.login-cover-text-gray {
    border-top: 1px solid #3d3d3d;
    color: #fff;
    cursor: default;
    padding: 10px 0 5px 0;
}

.login-cover-text-tall {
    padding: 20px 0;
    display: block;
}


/** SPECIAL - Start **/

.input-holder {
    margin: 15px 0 15px 0!important;
}


/** SPECIAL - End **/

.menu-list {
    margin: 0 -10px;
    padding: 0;
}

.menu-list li {
    list-style-type: none;
}

.menu-list li a {
    display: block;
    color: #c5d1e1;
    line-height: 34px;
    padding: 3px 0 3px 15px;
    font-size: 15px;
    font-weight: bold;
}

.menu-list li a:focus,
.menu-list li a:hover,
.menu-list li a.active {
    background-color: #ffe362;
    color: #05182f;
    text-decoration: none;
}

.menu-list.menu-sub-list {
    margin: 0;
}

.menu-list.menu-sub-list,
.menu-list.menu-sub-icon-list {
    margin: 0;
}

.menu-list.menu-sub-list li a {
    padding: 3px 0 3px 59px;
    color: #c5d1e1;
}

.menu-list.menu-sub-list li a:focus,
.menu-list.menu-sub-list li a:hover,
.menu-list.menu-sub-list li a.active {
    color: #05182f;
}

.menu-list li a .menu-sub-arrow {
    float: right;
    margin-right: 15px;
    color: #c5d1e1;
    line-height: 34px;
}

.menu-list li a:focus .menu-sub-arrow,
.menu-list li a:hover .menu-sub-arrow,
.menu-list li a.active .menu-sub-arrow {
    color: #05182f;
}

.menu-list li a .menu-icon {
    background-repeat: no-repeat;
    float: left;
    height: 22px;
    margin: 6px 10px 0 0;
    width: 22px;
}

.menu-list li a .menu-icon-lang {
    float: left;
    height: 34px;
    line-height: 34px;
    margin: 0 10px 0 -2px;
    text-align: center;
    width: 24px;
}

.menu-icon.menu-icon-xmas {
    background-image: url(../img/menu-icons/inactive/xmas-icon.svg);
}

.menu-list li a:hover .menu-icon.menu-icon-xmas,
.menu-list li a:focus .menu-icon.menu-icon-xmas,
.menu-list li a.active .menu-icon.menu-icon-xmas {
    background-image: url(../img/menu-icons/active/xmas-icon.svg);
}

.menu-icon.menu-icon-home {
    background-image: url(../img/menu-icons/inactive/homepage-icon.svg);
}

.menu-list li a:hover .menu-icon.menu-icon-home,
.menu-list li a:focus .menu-icon.menu-icon-home,
.menu-list li a.active .menu-icon.menu-icon-home {
    background-image: url(../img/menu-icons/active/homepage-icon.svg);
}

.menu-icon.menu-icon-casino {
    background-image: url(../img/menu-icons/inactive/casino-icon.svg);
}

.menu-list li a:hover .menu-icon.menu-icon-casino,
.menu-list li a:focus .menu-icon.menu-icon-casino,
.menu-list li a.active .menu-icon.menu-icon-casino {
    background-image: url(../img/menu-icons/active/casino-icon.svg);
}

.menu-icon.menu-icon-live-casino {
    background-image: url(../img/menu-icons/inactive/live-casino-icon.svg);
    background-size: contain;
}

.menu-list li a:hover .menu-icon.menu-icon-live-casino,
.menu-list li a:focus .menu-icon.menu-icon-live-casino,
.menu-list li a.active .menu-icon.menu-icon-live-casino {
    background-image: url(../img/menu-icons/active/live-casino-icon.svg);
}

.menu-icon.menu-icon-sportsbook {
    background-image: url(../img/menu-icons/inactive/sports-icon.svg);
}

.menu-list li a:hover .menu-icon.menu-icon-sportsbook,
.menu-list li a:focus .menu-icon.menu-icon-sportsbook,
.menu-list li a.active .menu-icon.menu-icon-sportsbook {
    background-image: url(../img/menu-icons/active/sports-icon.svg);
}

.menu-icon.menu-icon-promos {
    background-image: url(../img/menu-icons/inactive/promotions-icon.svg);
}

.menu-list li a:hover .menu-icon.menu-icon-promos,
.menu-list li a:focus .menu-icon.menu-icon-promos,
.menu-list li a.active .menu-icon.menu-icon-promos {
    background-image: url(../img/menu-icons/active/promotions-icon.svg);
}

.menu-icon.menu-icon-cashback {
    background-image: url(../img/menu-icons/inactive/cashback-icon.svg);
    background-size: 22px;
}

.menu-list li a:hover .menu-icon.menu-icon-cashback,
.menu-list li a:focus .menu-icon.menu-icon-cashback,
.menu-list li a.active .menu-icon.menu-icon-cashback {
    background-image: url(../img/menu-icons/active/cashback-icon.svg);
    background-size: 22px;
}

.menu-icon.menu-icon-vip {
    background-image: url(../img/menu-icons/inactive/vip-icon.png);
    background-size: 22px;
}

.menu-list li a:hover .menu-icon.menu-icon-vip,
.menu-list li a:focus .menu-icon.menu-icon-vip,
.menu-list li a.active .menu-icon.menu-icon-vip {
    background-image: url(../img/menu-icons/active/vip-icon.png);
    background-size: 22px;
}

.menu-icon.menu-icon-support {
    background-image: url(../img/menu-icons/inactive/support-icon.svg);
}

.menu-list li a:hover .menu-icon.menu-icon-support,
.menu-list li a:focus .menu-icon.menu-icon-support,
.menu-list li a.active .menu-icon.menu-icon-support {
    background-image: url(../img/menu-icons/active/support-icon.svg);
}

.menu-icon.menu-icon-live-support {
    background-image: url(../img/menu-icons/inactive/live-support-icon.svg);
}

.menu-list li a:hover .menu-icon.menu-icon-live-support,
.menu-list li a:focus .menu-icon.menu-icon-live-support,
.menu-list li a.active .menu-icon.menu-icon-live-support {
    background-image: url(../img/menu-icons/active/live-support-icon.svg);
}

.menu-icon.menu-icon-banking {
    background-image: url(../img/menu-icons/inactive/banking-icon.svg);
}

.menu-list li a:hover .menu-icon.menu-icon-banking,
.menu-list li a:focus .menu-icon.menu-icon-banking,
.menu-list li a.active .menu-icon.menu-icon-banking {
    background-image: url(../img/menu-icons/active/banking-icon.svg);
}

.menu-icon.menu-icon-about {
    background-image: url(../img/menu-icons/inactive/about-icon.svg);
}

.menu-list li a:hover .menu-icon.menu-icon-about,
.menu-list li a:focus .menu-icon.menu-icon-about,
.menu-list li a.active .menu-icon.menu-icon-about {
    background-image: url(../img/menu-icons/active/about-icon.svg);
}

.menu-icon.menu-icon-legal {
    background-image: url(../img/menu-icons/inactive/legal-icon.svg);
}

.menu-list li a:hover .menu-icon.menu-icon-legal,
.menu-list li a:focus .menu-icon.menu-icon-legal,
.menu-list li a.active .menu-icon.menu-icon-legal {
    background-image: url(../img/menu-icons/active/legal-icon.svg);
}

.menu-icon.menu-icon-affiliate {
    background-image: url(../img/menu-icons/inactive/affiliate-icon.svg);
    background-size: 22px;
}

.menu-list li a:hover .menu-icon.menu-icon-affiliate,
.menu-list li a:focus .menu-icon.menu-icon-affiliate,
.menu-list li a.active .menu-icon.menu-icon-affiliate {
    background-image: url(../img/menu-icons/active/affiliate-icon.svg);
    background-size: 22px;
}

/*LANGUAGE SPRITES*/
.lang-sel-img {
    display: inline-block;
    width: 27px;
    height: 27px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    background-image: url(../img/languages-sprites.png?v=3);
    background-repeat: no-repeat;
    background-size: 500% 300%;
    vertical-align: middle;
}

.lang-sel-en {
    background-position: 0% 0%;
}
/*.lang-sel-de {
    background-position: 25% 0%;
}*/
.lang-sel-es {
    background-position: 50% 0%;
}
.lang-sel-cz {
    background-position: 75% 0%;
}
.lang-sel-fi {
    background-position: 100% 0%;
}
.lang-sel-be {
    background-position: 0% 50%;
}
.lang-sel-it {
    background-position: 25% 50%;
}
.lang-sel-no {
    background-position: 50% 50%;
}
.lang-sel-sv {
    background-position: 75% 50%;
}
.lang-sel-en-ca {
    background-position: 100% 50%;
}
.lang-sel-fr,
.lang-sel-it,
.lang-sel-de {
    background-position: 0 100%;
}

/*END:\\ LANGUAGE SPRITES*/

#page {
    background: #071220;
    width: 100%;
    z-index: 20;
    overflow: hidden;
    min-height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#homepage #page {
    background: none;
}

body.show-nav #error404,
body.show-nav #page {
    -webkit-transform: translate3d(290px, 0, 0);
    -moz-transform: translate3d(290px, 0, 0);
    -ms-transform: translate3d(290px, 0, 0);
    -o-transform: translate3d(290px, 0, 0);
    transform: translate3d(290px, 0, 0);
}

#nav {
    width: 100%;
    height: 60px;
}

.navbar-theme {
    background: #05182f;
    background: -webkit-linear-gradient(top, #05182f 0%, #0c2a50 100%);
    background: linear-gradient(to bottom, #05182f 0%, #0c2a50 100%);
    border-radius: 0;
    height: 60px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1000;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#homepage .navbar-theme {
    background: #071220;
}

.cover-logo {
    display: block;
}

.cover-logo img {
    width: 128px;
}

body.show-nav .navbar-theme {
    -webkit-transform: translate3d(290px, 0, 0);
    -moz-transform: translate3d(290px, 0, 0);
    -ms-transform: translate3d(290px, 0, 0);
    -o-transform: translate3d(290px, 0, 0);
    transform: translate3d(290px, 0, 0);
}

.nav-button-search {
    margin-left: 40px;
}

#promotions {
    overflow: hidden;
}

.promos-page,
.support-page {
    padding: 0 20px;
    margin: 0 auto;
    max-width: 920px;
}

.support-page {
    padding-bottom: 50px;
}

.promo {
    border-bottom: 1px solid #343434;
    margin-bottom: 40px;
    padding: 0 15px 40px;
}

.promo:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.promo hr {
    border-color: #cfd9e3;
    margin: 25px auto 0;
    max-width: 400px;
    width: 100%;
}

.promo .promo-text {
    overflow: hidden;
    padding: 0 20px;
}

.promo .promo-image {
    float: left;
    position: relative;
    width: 221px;
}

.promo .promo-image img {
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    max-width: 221px;
    width: 100%;
}

.promo .promo-title {
    display: block;
    color: #ffe362;
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    padding: 20px 0 10px;
}

.promo .promo-info {
    color: #fff;
    display: block;
    font-size: 14px;
    height: 66px;
    line-height: 20px;
    min-height: 100px;
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
}

.promo .promo-info h2 {
    margin-top: 10px;
}

.promo-info p:last-child {
    margin: 0;
}

.promo .text-fade {
    background: url('../img/text-fade.png') bottom center repeat-x;
    bottom: 0;
    height: 10px;
    position: absolute;
    width: 100%;
}

.promo .promo-less {
    display: none;
    float: left;
    margin: 19px auto 0;
}

.promo .promo-less:hover,
.promo .promo-less:link {
    text-decoration: none;
}

.promo .promo-more {
    float: left;
    margin: 19px auto 0;
}

.promo .promo-more:hover,
.promo .promo-more:link {
    text-decoration: none;
}

@media (max-width: 768px) {
    .promo {
        background: none;
        box-shadow: none;
        border-radius: 0;
    }
    .promo .promo-image {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .promo .promo-image img {
        padding-top: 0;
    }
    .promo .promo-text {
        padding: 5px 5px 0 5px;
        text-align: center;
        width: 100%;
    }
    .promo .promo-title {
        padding-bottom: 8px;
    }
    .promo .promo-less,
    .promo .promo-more {
        float: none;
    }
}


/** SUPPORT PAGE - Start **/

.support-page .support-description p {
    color: #c5d1e1;
}

.support-page .info-container {
    float: left;
    line-height: 34px;
    margin: 10px 0;
    width: 100%;
}

.support-page .info-container a {
    color: #ffe362;
}

.support-page .info-image {
    background-image: url(../img/support-icons.png);
    overflow: hidden;
    float: left;
    margin-right: 15px;
    width: 34px;
    height: 34px;
    margin-right: 10px;
    background-size: 200% 100%;
    background-repeat: no-repeat;
}

.support-page .email-icon {
    background-position: 0% 0%;
}

.support-page .phone-icon {
    background-position: 100% 0%;
}

.support-page .contact_us-title {
    color: #fff;
    cursor: default;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    padding: 15px 0 15px 5px;
    text-align: center;
}

.contact-form {
    margin: 0 auto;
    max-width: 500px;
}

.contact-form .form-control::-webkit-input-placeholder {
    /* Safari, Chrome and Opera */
    color: #feffff;
}

.contact-form .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #feffff;
}

.contact-form .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #feffff;
}

.contact-form .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #feffff;
}

.contact-form .form-control::-ms-input-placeholder {
    /* Edge */
    color: #feffff;
}

.contact-form .form-control:placeholder-shown {
    /* Standard one last!  color: #aae2f5;*/
    color: #feffff;
}

.support-page .form-group textarea {
    height: 120px;
}


/** SUPPORT PAGE - End **/


/** BANKING PAGE - Start **/

.banking-page {
    padding: 0 20px;
    max-width: 720px;
    margin: 0 auto;
}

.banking-page .tab-content {
    width: 100%;
}

.banking .banking-image img {
    width: 110px;
}

.banking .banking-info-wrap {
    margin-bottom: 20px;
}

.banking .banking-info {
    padding: 0 10px;
}

.banking .banking-info span {
    display: block;
    white-space: nowrap;
}

.banking .banking-info .banking-title {
    color: #fffeff;
    font-weight: bold;
}

.banking .banking-info .banking-text {
    color: #c5d1e1;
}

.banking-description {
    color: #c5d1e1;
    clear: both;
    line-height: 22px;
    margin-bottom: 20px;
    min-height: 110px;
}

@media (max-width: 450px) {
    .banking .banking-image {
        width: 100%;
        text-align: center;
    }
    .banking .banking-image img {
        width: 100%;
        max-width: 240px;
    }
    .banking .banking-info-wrap {
        float: none;
        margin: 0 auto 20px;
        width: 80%;
        min-width: 280px;
        overflow: hidden;
    }
    /*    
    .banking .banking-info:last-child {
        float: right;
        width: auto;
        max-width: 50%;
    }*/
    .banking-description {
        display: none;
    }
}

.banking-page .banking-buttons {
    float: left;
    margin: 10px 0 0;
    max-width: 920px;
    padding: 0;
    width: 100%;
}

.banking-page .banking-button {
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    width: 33.33333%;
    padding: 0 5px;
}

@media (min-width: 360px) {
    .banking-page .banking-button {
        width: 25%;
    }
}

@media (min-width: 450px) {
    .banking-page .banking-button {
        width: 20%;
    }
}

@media (min-width: 540px) {
    .banking-page .banking-button {
        width: 16.66666%;
    }
}

.banking-page .banking-button img {
    max-width: 110px;
    width: 100%;
    border: 2px solid #dadada;
}

.banking-page a {
    background-color: #fff;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}


/*sprites*/

.banking-button-sprite {
    background-size: 500% 700%;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.banking-button-sprite {
    background-image: url(../images/banking-button-sprite.png?v=2);
}

.banking-page .banking-button.active .banking-button-sprite img {
    border: 2px solid #ffe362;
}

.banking-button-sprite-image {
    background-color: #fff;
    max-width: 110px;
    width: 100%;
}

.banking-button-sprite-banktransfer {
    background-position: 0 0
}
.banking-button-sprite-neteller {
    background-position: 25% 0
}
.banking-button-sprite-skrill {
    background-position: 50% 0
}
.banking-button-sprite-visa {
    background-position: 75% 0
}
.banking-button-sprite-astropay {
    background-position: 100% 0
}
.banking-button-sprite-mastercard {
    background-position: 0 16.666667%
}
.banking-button-sprite-ideal {
    background-position: 25% 16.666667%
}
.banking-button-sprite-paysafecard {
    background-position: 50% 16.666667%
}
.banking-button-sprite-dotpay {
    background-position: 75% 16.666667%
}
.banking-button-sprite-siru {
    background-position: 100% 16.666667%
}
.banking-button-sprite-giropay {
    background-position: 0 33.333333%
}
.banking-button-sprite-maestro {
    background-position: 25% 33.333333%
}
.banking-button-sprite-monetaru {
    background-position: 50% 33.333333%
}
.banking-button-sprite-multibanco {
    background-position: 75% 33.333333%
}
.banking-button-sprite-neosurf {
    background-position: 100% 33.333333%
}
.banking-button-sprite-poli {
    background-position: 0 50%
}
.banking-button-sprite-sofort {
    background-position: 25% 50%
}
.banking-button-sprite-solo {
    background-position: 50% 50%
}
.banking-button-sprite-switch {
    background-position: 75% 50%
}
.banking-button-sprite-astropay-white {
    background-position: 100% 50%
}
.banking-button-sprite-trustly {
    background-position: 0 66.666667%
}
.banking-button-sprite-trustpay {
    background-position: 25% 66.666667%
}
.banking-button-sprite-ukash {
    background-position: 50% 66.666667%
}
.banking-button-sprite-qiwi {
    background-position: 75% 66.666667%
}
.banking-button-sprite-webmoney {
    background-position: 0 83.333333%
}
.banking-button-sprite-indexru {
    background-position: 25% 83.333333%
}
.banking-button-sprite-mbankomat {
    background-position: 50% 83.333333%
}
.banking-button-sprite-zimpler {
    background-position: 75% 83.333333%
}
.banking-button-sprite-cashlib {
    background-position: 0 100%
}
.banking-button-sprite-interacetransfer {
    background-position: 25% 100%
}
.banking-button-sprite-interaconline {
    background-position: 50% 100%
}
.banking-button-sprite-ecopayz {
    background-position: 75% 100%
}
.banking-button-sprite-mifinity {
    background-position: 100% 66.666667%
}
.banking-button-sprite-ezeewallet {
    background-position: 100% 83.333333%
}

.banking-button-sprite-rapidtransfer, .banking-image-sprite-rapidtransfer {
    background-size: 60%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/pm/rapidtransfer.svg);
}

.footer-banking .footer-btn.banking-button-sprite.banking-button-sprite-nodapay {
    background-size: 70%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/pm/rapidtransfer.svg?=v2);
}

.footer-banking .footer-btn.banking-button-sprite.banking-button-sprite-noda-identity-verification {
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/pm/noda-identity-verification.png);
}

.footer-banking .footer-btn.banking-button-sprite.banking-button-sprite-sepaviagenome {
    background-size: 70%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/footer/footer-sepaviagenome-white.png?v=2);
}
.banking-button-sprite-sepaviagenome, .banking-image-sprite-sepaviagenome {
    background-size: 60%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/footer/footer-sepaviagenome.png?v=2);
}

.footer-banking .footer-btn.banking-button-sprite.banking-button-sprite-pay4fun {
    background-size: 70%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/pm/pay4fun.png);
}
.banking-button-sprite-pay4fun, .banking-image-sprite-pay4fun {
    background-size: 60%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/pm/pay4fun.png);
}

.footer-banking .footer-btn.banking-button-sprite.banking-button-sprite-nodapay {
    background-size: 70%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/pm/nodapay.png?=v2);
}
.banking-button-sprite-nodapay, .banking-image-sprite-nodapay {
    background-size: 60%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/pm/nodapay.png);
}

.footer-banking .footer-btn.banking-button-sprite.banking-button-sprite-interac {
    background-size: 60%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/pm/interac.png);
}
.banking-button-sprite-interac, .banking-image-sprite-interac {
    background-size: 50%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/pm/interac.png);
}

.footer-banking .footer-btn.banking-button-sprite.banking-button-sprite-contiant {
    background-size: 70%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/pm/contiant-white.png);
}
.banking-button-sprite-contiant, .banking-image-sprite-contiant {
    background-size: 60%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-position: center;
    background-image: url(../img/pm/contiant.png);
}

/** BANKING PAGE - End **/


.navbar-theme .menu-nav-button {
    float: left;
    display: block;
    z-index: 100;
}

.navbar-theme .menu-nav-button span {
    text-shadow: 0 0 2px #000;
    color: #ffe362;
    text-align: center;
    line-height: 60px;
    display: block;
    padding: 0 10px;
    font-size: 32px;
}

.navbar-theme .menu-nav-button:hover,
.navbar-theme .menu-nav-button:focus {
    text-decoration: none;
}

.navbar-theme .nav-buttons {
    padding: 10px 0;
    float: right;
    z-index: 100;
}

.navbar-theme .nav-buttons .nav-button {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.nav-logo {
    float: left;
    height: 60px;
    line-height: 60px;
    max-width: 45%;
    padding-left: 3px;
}

.nav-logo img {
    border-style: none;
    background: none;
    max-width: 185px;
    width: 100%;
}

.banner-shadow {
    background-image: url(../img/banner-shadow.png);
    background-repeat: repeat-x;
    height: 4px;
    position: absolute;
    width: 100%;
    z-index: 21;
}

.banner-top-shadow {
    background-position: center top;
    top: 0;
}

.banner-bottom-shadow {
    background-position: center bottom;
    bottom: 0;
}


.about-button-wrap {
    padding: 5px 25px;
}

.promos-page table {
    width: 100%;
    text-align: center;
}

.promos-page table thead th {
    background: #0382d3;
    color: #fff;
    padding: 0 10px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
}

.promos-page table tbody tr:nth-child(odd) {
    background: #e1ebf5;
}

.promos-page table tr {
    background: #fff;
    font-size: 16px;
    color: #000;
}

.promos-page table tr td {
    padding: 0 10px;
    line-height: 32px;
    font-weight: bold;
}

.long-text {
    color: #fff;
    padding: 25px;
    overflow: hidden;
    font-size: 15px;
}

.long-text a {
    color: #154E94;
}

.long-text h1 {
    font-weight: bold;
    color: #ffe362;
}

.long-text h2 {
    font-size: 18px;
    font-weight: bold;
    color: #ffe362;
}

.long-text h3 {
    color: #ffe362;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 0;
}

.long-text h4 {
    color: #dfdbdc;
    font-weight: bold;
}

.long-text table {
    width: 100% !important;
}


/* ERRRRRR */

.gamessearch {
    background: none;
    border: 0;
    height: auto;
    padding: 0;
    text-align: center;
}

.games-search {
    background: url('../img/search-icon.png');
    background-color: #383838;
    background-repeat: no-repeat;
    border: 0;
    color: #fff;
    height: 40px;
    margin: 20px auto 0;
    max-width: 400px;
    min-width: 200px;
    padding: 0 5px 0 45px;
    width: 30%;
}

.games-search img {
    width: 25px;
}

.games-categories {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.games-category {
    position: absolute;
    width: 100%;
    overflow: hidden;
    padding: 20px 10px 10px;
    min-height: 376px;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in-out;
}

.games-category.active {
    position: relative;
    opacity: 1;
    z-index: 20;
    webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

/***********************************/
/* Games Navigation Menu - General */

.games-category-title {
    display: block;
    font-size: 15px;
    font-weight: 700;
    height: 52px;
    line-height: 52px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.games-category-title .slide-menu .slide-menu-buttons li a {
    border-bottom: 5px solid transparent;
    color: #c7cccf;
    line-height: 42px;
    padding: 5px 5px 0 5px;
}

.games-category-title .slide-menu .slide-menu-buttons li a.active {
    margin: 0;
}

/*************************************/
/* Games Navigation Menu - Version 1 */

.games-category-title {
    background: transparent;
}

.games-category-title .slide-menu .slide-menu-buttons li a:hover {
    color: #ffe362;
}

.games-category-title .slide-menu .slide-menu-buttons li a.active {
    border-bottom: 5px solid #ffe362;
    color: #ffe362;
}

/*************************************/
/* Games Navigation Menu - Version 2 */
/*
.games-category-title {
    background: #fff;
}

.games-category-title .slide-menu .slide-menu-buttons li a {
    line-height: 32px;
    padding: 0 8px;
}

.games-category-title .slide-menu .slide-menu-buttons li a.active {
    background-color: #ffa700;
    border: none;
    border-radius: 12px;
    color: #fff;
}

/*******************************/
/* Games Navigation Menu - End */

.search-button-wrap.search-button-hidden {
    display: none !important;
}

.games-options {
    width: 100%;
    padding: 0 20px;
    margin: 20px auto 0;
}

/******************************/
/* Games Search Bar - General */

.games-options #games-search.form-control {
    border: none;
    box-shadow: none;
    color: #fefefc;
    font-size: 16px;
    height: 44px;
    padding-left: 44px;
}

/********************************/
/* Games Search Bar - Version 1 */

.games-options #games-search.form-control {
    background: #3c3c3c url(../img/search-icon.png) center left no-repeat;
    border-radius: 5px;
}

/********************************/
/* Games Search Bar - Version 2 */
/*
.games-options #games-search.form-control {
    background: #fff url(../img/search-icon.png) center left no-repeat;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

/**************************/
/* Games Search Bar - End */

.games-options #games-search.form-control:focus {
    box-shadow: none;
}

.games-options .form-control::-webkit-input-placeholder {
    color: #feffff;
}

.games-options .form-control:-moz-placeholder {
    color: #feffff;
}

.games-options .form-control::-moz-placeholder {
    color: #feffff;
}

.games-options .form-control:-ms-input-placeholder {
    color: #feffff;
}

.games-options .form-control::-ms-input-placeholder {
    color: #feffff;
}

.games-options .form-control:placeholder-shown {
    color: #feffff;
}

/*sdsad*/

.games-screen.unloaded .game {
    position: absolute;
    display: none;
}

.games-screen.loading .game {
    position: absolute;
    visibility: hidden;
}

.games-screen {
    overflow: hidden;
    width: 100%;
}

.games-screen.loading {
    background: url(../img/loader.gif) center center no-repeat;
    height: 405px;
    width: 100%;
}

.games-screen.unloaded {
    width: 100%;
    height: 0;
    min-height: 0;
}

.btn-expand-wrap {
    text-align: center;
    padding: 20px 0;
    display: none;
}

.btn-expand-wrap .btn-games {
    width: 100%;
    max-width: 300px;
    margin: 0 10px 25px;
}

.btn-expand-all {
    display: none;
    margin-bottom: 0;
}


/*sadasd*/

.game {
    min-width: 100px;
    width: 33.33333%;
    text-align: center;
    position: relative;
    float: left;
    padding: 10px;
}

@media (min-width: 440px) {
    .game {
        width: 25%;
    }
}

@media (min-width: 768px) {
    .game {
        width: 16.66666%;
    }
}

@media (min-width: 1000px) {
    .game {
        width: 12.5%;
    }
}

.game img {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    max-width: 100px;
    width: 100%;
}

.game .game-name {
    color: #fff;
    margin-top: 4px;
    line-height: 18px;
    height: 18px;
    font-size: 11px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.game .game-type {
    color: #ccc;
    line-height: 8px;
    height: 13px;
    font-size: 9px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.game:hover,
.game:focus {
    text-decoration: none;
}

.col-nopadding {
    padding-left: 0;
    padding-right: 0;
}

.support-header {
    display: block;
    text-align: left;
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    margin: 20px 0;
}

.support-text {
    color: #c5d1e1;
    display: block;
    line-height: 27px;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: left;
}

.chat-panel {
    border: none;
    border-radius: 4px;
    background: #2f2f2f;
    margin-bottom: 20px;
}

.chat-panel .panel-heading {
    background: none;
    border-bottom: none;
    padding: 15px 30px 10px;
}

.chat-panel .panel-heading .panel-title {
    color: #fff;
    font-weight: bold;
    text-align: left;
}

.chat-panel .chatpanel-link {
    display: block;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.chat-panel .panel-body {
    padding: 10px 30px 10px;
}

.contact-field {
    overflow: hidden;
    margin-bottom: 25px;
}

.contact-field .form-control {
    border: none;
    box-shadow: 2px 2px 5px #bbb inset;
    background-color: #fff;
    font-size: 15px;
}

.contact-field textarea.form-control {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 125px;
    min-height: 125px;
}

.chat-panel .panel-footer {
    border: 1px solid #ddd;
    padding: 20px 30px;
    background: #cbcbcb;
    border: none;
    overflow: hidden;
}

.connect-link-wrap {
    padding: 0 5px;
}

.connect-icons .connect-icon {
    float: left;
    background-color: #fff;
    background-image: url(../img/connect-icons.png);
    background-repeat: no-repeat;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 42px;
    width: 42px;
    margin: 5px 5px 10px 0;
}

.connect-icons .connect-icon-email {
    background-position: 0% 0%;
}

.connect-icons .connect-icon-fb {
    background-position: 50% 0%;
}

.connect-icons .connect-icon-twitter {
    background-position: 100% 0%;
}

.connect-icons .connect-icon-yt {
    background-position: 0% 100%;
}

.connect-icons .connect-icon-phone {
    background-position: 50% 100%;
}

.connect-icons .connect-icon-skype {
    background-position: 100% 100%;
}

.connect-icons .connect-text {
    font-size: 16px;
    color: #000;
    background: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 5px 0 10px;
    padding: 0 5px;
    line-height: 42px;
    height: 42px;
    overflow: hidden;
}

.connect-icons .connect-text a {
    font-size: 16px;
    color: #000;
    display: block;
}

.banking-nav {
    border: none;
    padding: 0 10px 20px;
    margin: 0 auto;
    max-width: 920px;
    text-align: center;
}

.banking-nav li {
    margin: 0 10px 0 0;
    display: inline-block;
}

.banking-nav li a {
    background: none;
    color: #ff2800;
    font-size: 15px;
    font-weight: bold;
    border: 2px solid #ff2800 !important;
    margin: 0;
    border-radius: 4px !important;
    padding: 6px 20px;
    margin: 0 5px;
}

.banking-nav li a:hover,
.banking-nav li a:focus {
    background: none;
    color: #ff2800;
    border: none;
}

.banking-nav li.active a {
    background: #ff2800;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border: 2px solid #ff2800 !important;
}

.banking-nav li.active a:hover,
.banking-nav li.active a:focus {
    background: #ff2800;
    color: #fff;
    border: 2px solid #ff2800 !important;
}

.banking-tabs {
    overflow: hidden;
    z-index: 19;
}

.banking-tabs .tab-pane {
    padding-bottom: 20px;
    max-width: 920px;
    margin: 0 auto;
    overflow: hidden;
}

.banking-options {
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    width: 100%;
}

.banking-options li {
    list-style-type: none;
    padding: 0;
}

.banking-option-image {
    background: #f3ecf4;
    float: left;
    height: 76px;
    max-width: 250px;
    width: 28%;
    min-width: 76px;
    padding: 5px 10px;
    text-align: center;
    line-height: 66px;
}

.banking-option-image img {
    border-radius: 5px;
    width: 100%;
    max-width: 87px;
}

.banking-option-info {
    overflow: hidden;
}

.banking-option-time {
    background: #f3ecf4;
    float: left;
    padding: 0 5px;
}

.banking-option-amount {
    background: #e0d3e3;
    float: left;
    padding: 0 5px;
}

.banking-options li:nth-child(even) .banking-option-image {
    background: #fcf6fd;
}

.banking-options li:nth-child(even) .banking-option-time {
    background: #fcf6fd;
}

.banking-options li:nth-child(even) .banking-option-amount {
    background: #ece0ef;
}

.banking-headers {
    max-width: 920px;
    margin: 0 auto;
}

.banking-labels-method {
    float: left;
    max-width: 250px;
    width: 28%;
    min-width: 76px;
    padding: 3px 0;
    text-align: center;
    color: #ff2800;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

.banking-label-wrap {
    background: #fcf6fd;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    z-index: 20;
    position: relative;
}

.banking-labels {
    overflow: hidden;
}

.banking-labels .banking-label {
    line-height: 30px;
    color: #ff2800;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.banking-labels .banking-label-amount {
    padding: 3px 0;
    background: #ece0ef;
}

.banking-labels .banking-label-time {
    padding: 3px 0;
}

.banking-option-text {
    line-height: 76px;
    height: 76px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 24px;
    padding-bottom: 3px;
    color: #ff2800;
    clear: both;
    text-align: center;
    display: block;
    font-weight: bold;
}

.banking-option-time .banking-option-text {
    font-size: 16px;
}

#live-chat {
    height: 44px;
    width: 100%;
}

.livechat {
    background: #000;
    background: -webkit-linear-gradient(top,#000,#040f1d);
    background: linear-gradient(180deg,#000 0,#040f1d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#040f1d',GradientType=0);;
    position: fixed;
    height: 100%;
    bottom: -100%;
    margin-bottom: 44px;
    padding-bottom: 44px;
    width: 100%;
    z-index: 1000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.livechat.shown {
    bottom:-104px;
}

body.show-nav .livechat {
    -webkit-transform: translate3d(290px, 0, 0);
    -moz-transform: translate3d(290px, 0, 0);
    -ms-transform: translate3d(290px, 0, 0);
    -o-transform: translate3d(290px, 0, 0);
    transform: translate3d(290px, 0, 0);
}

.livechat-headers {
    background-color: #1c1c1c;
    width: 100%;
    height: 44px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    position: relative;
}

.livechat-header {
    display: block;
    height: 44px;
    font-size: 13px;
    font-weight: bold;
    color: #d5d5d5;
    line-height: 44px;
    position: relative;
    overflow: hidden;
}

.livechat-header:hover,
.livechat-header:focus {
    color: #ffe362;
    text-decoration: none;
}

.livechat-header img {
    height: 22px;
    margin: 0 10px;
    width: 25px;
}

.livechat #chatContainer{
    position: absolute;
    top: 44px;
    bottom: 60px;
    width: 100%;
}

.livechat .cxm-chat-btn {
    background-color: #ffe362;
    border: 2px solid #ffe362;
    color: #000;
}

.livechat .cxm-chat-btn:focus,
.livechat .cxm-chat-btn:hover {
    background-color: transparent;
    color: #ffe362;
}

.notifications-header {
    background: url(../img/notifications.png) center left no-repeat;
    float: left;
    width: 50px;
    height: 44px;
    display: block;
    color: #ffe362;
    line-height: 44px;
    padding-left: 23px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-left: 5px;
}

.notifications-header:hover,
.notifications-header:focus {
    color: #ffe362;
    text-decoration: none;
}

.signup-header {
    background: #ff2800;
    color: #fff;
    padding: 0 10px;
    float: right;
    line-height: 44px;
    height: 44px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
}

.signup-header:hover,
.signup-header:focus {
    color: #fff;
    text-decoration: none;
}

.footer-header {
    padding: 0;
    float: left;
    line-height: 44px;
    height: 44px;
}

.footer-header:hover,
.footer-header:focus {
    text-decoration: none;
}

/* START - NEW FOOTER 16.09.2021 */

.footer-wrapper {
    background-color: #030c16;
    padding: 20px 15px 30px;
}
.footer .footer-menu {
    padding: 0;
    margin: 0;
}
.footer .footer-menu .footer-text {
    padding: 0;
    color: #9eaab7;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
}
#footer-links {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#footer-links li {
    padding: 0 10px;
}
#footer-links .footer-btn {
    background-image: url(../img/footer/footer-sprite.png);
    background-repeat: no-repeat;
    background-size: 800% 100%;
    display: block;
    height: 50px;
    margin: 0 auto;
    max-width: 117px;
    text-align: center;
    width: 100%;
}
.footer-btn-mga {
    background-position: 14.285714% 0;
}
.footer-btn-cil {
    background-position: 28.571428% 0;
}
.footer-btn-secure {
    background-position: 42.857142% 0;
}
.footer-btn-18plus {
    background-position: 57.142857% 0;
}
.footer-btn-gc {
    background-position: 71.428571% 0;
}
.footer-btn-ga {
    background-position: 85.714285% 0;
}
.footer-btn-igp {
    background-position: 100% 0;
}
#footer-links .footer-btn.footer-btn-gcb-seal {
    background-image: url(../img/footer/gcb_seal.svg);
    background-position: center;
    background-size: 75%;
}
#footer-links .tobique-seal > div {
    margin: auto;
    width: fit-content;
}
#footer-links .footer-btn img {
    max-width: 100%;
}
#footer-links #ceg-seal-container > div {
    margin: 0 auto;
}
#footer-links #ceg-seal-container a img {
    width: auto;
    max-width: inherit;
}
#footer-links .footer-btn-wagerfree,
#footer-links .footer-btn-wagerfree-fi {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    display: block;
    height: 50px;
    margin: 0 auto;
    max-width: 90px;
    text-align: center;
    width: 100%;
}
#footer-links .footer-btn-wagerfree,
#footer-links .footer-btn-wagerfree:hover {
    background-image: url(../img/footer/footer-wagerfree.png);
}
#footer-links .footer-btn-wagerfree-fi,
#footer-links .footer-btn-wagerfree-fi:hover {
    background-image: url(../img/footer/footer-wagerfree-fi.png);
}
 
/* START - BANKING */

#footer-banking {
    height: 90px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#footer-banking .footer-banking-scroll {
    height: 200%;
    overflow-x: auto;
    position: relative;
}

#footer-banking .footer-banking-wrapper {
    min-width: 100%;
    position: absolute;
}

#footer-banking .footer-banking-list {
    cursor: default;
    display: inline-block;
    margin: 0 -15px;
    padding: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

#footer-banking .footer-banking-list li {
    display: inline-block;
    list-style-type: none;
    margin: 20px 10px
}

#footer-banking .footer-banking-list li:last-child {
    margin-right: -15px;
}

.footer-banking .footer-btn.banking-button-sprite {
    background-color: transparent;
    width: 100%;
    max-width: 80px;
    display: block;
    margin: 0 auto;
    text-align: center;
    background-image: url(../images/banking-button-sprite.png?v=32);
}

.footer-banking .footer-btn {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 50px;
    margin: 0 auto;
    max-width: 80px;
    text-align: center;
    width: 100%;
}

.footer-banking .banking-button-image-creditcard {
    background-image: url(../img/footer/banking/inactive/creditcard.png);
}

.footer-banking .banking-button-image-nodapay {
    background-image: url(../img/footer/banking/inactive/nodapay.png);
}

.footer-banking .banking-button-image-instantpaymentviacontiant {
    background-image: url(../img/footer/banking/inactive/instantpaymentviacontiant.png);
}

.footer-banking .banking-button-image-mifinity {
    background-image: url(../img/footer/banking/inactive/mifinity.png);
}

.footer-banking .banking-button-image-interace {
    background-image: url(../img/footer/banking/inactive/interace.png);
}

.footer-banking .banking-button-image-astropaycard {
    background-image: url(../img/footer/banking/inactive/astropaycard.png);
}

.footer-banking .banking-button-image-rapidtransferviasqco {
    background-image: url(../img/footer/banking/inactive/rapidtransferviasqco.png);
}

.footer-banking .banking-button-image-cashlib {
    background-image: url(../img/footer/banking/inactive/cashlib.png);
}

.footer-banking .banking-button-image-paysafecard {
    background-image: url(../img/footer/banking/inactive/paysafecard.png);
}

.footer-banking .banking-button-image-neteller {
    background-image: url(../img/footer/banking/inactive/neteller.png);
}

.footer-banking .banking-button-image-skrill {
    background-image: url(../img/footer/banking/inactive/skrill.png);
}

.footer-banking .banking-button-image-neosurfvoucher {
    background-image: url(../img/footer/banking/inactive/neosurfvoucher.png);
}

.footer-banking .banking-button-image-muchbetter {
    background-image: url(../img/footer/banking/inactive/muchbetter.png);
}

.footer-banking .banking-button-image-ecopayz {
    background-image: url(../img/footer/banking/inactive/ecopayz.png);
}

.footer-banking .banking-button-image-ezeewallet {
    background-image: url(../img/footer/banking/inactive/ezeewallet.png);
}

.footer-banking .banking-button-image-jeton {
    background-image: url(../img/footer/banking/inactive/jeton.png);
}

.footer-banking .banking-button-image-flexepin {
    background-image: url(../img/footer/banking/inactive/flexepin.png);
}

.footer-banking .banking-button-image-funangacashtocode {
    background-image: url(../img/footer/banking/inactive/funangacashtocode.png);
}

.footer-banking .banking-button-image-coinspaid {
    background-image: url(../img/footer/banking/inactive/coinspaid.png);
}

.footer-banking .banking-button-image-binancepay {
    background-image: url(../img/footer/banking/inactive/binancepay.png);
}

.footer-banking .banking-button-image-siru {
    background-image: url(../img/footer/banking/inactive/siru.png);
}

.footer-banking .banking-button-image-multibancoviapaysage {
    background-image: url(../img/footer/banking/inactive/multibancoviapaysage.png);
}

.footer-banking .banking-button-image-mbway {
    background-image: url(../img/footer/banking/inactive/mbway.png);
}

.footer-banking .banking-button-image-pay4fun {
    background-image: url(../img/footer/banking/inactive/pay4fun.png);
}

.footer-banking .footer-btn img {
    width: 100%;
    max-width: 80px;
}

/* END - BANKING */

/* END - NEW FOOTER 16.09.2021 */

.bottom-icon {
    height: 44px;
    width: 38px;
    background-image: url(../img/bottom-icons.png);
    background-size: 400% 100%;
    background-repeat: no-repeat;
    display: block;
}

.bottom-icon.bottom-icon-account {
    background-position: 0% 0%;
}

.bottom-icon.bottom-icon-promotions {
    background-position: 33.33333% 0%;
}

.bottom-icon.bottom-icon-sportsbook {
    background-position: 100% 0%;
}

.bottom-icon.bottom-icon-home {
    background-position: 66.66666% 0%;
}

.livechat-message {
    background: #393939;
    height: 44px;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 30;
}

.livechat-message .input-wrap {
    width: auto;
    overflow: hidden;
}

.livechat-message .form-control {
    background: #fff;
    border: none;
    border-radius: 0;
    color: #000;
    height: 44px;
    width: 100%;
}

.livechat-message .form-control:focus {
    box-shadow: none;
}

.livechat-message .send-button {
    float: right;
    background: #ffe362;
    font-size: 15px;
    color: #071220;
    border-radius: 0;
    border: none;
    padding: 5px 12px;
    line-height: 100%;
    height: 44px;
}

.livechat-message .send-button:hover,
.livechat-message .send-button:focus {
    background: #ffe362;
    color: #071220;
}

.messages-btn {
    position: fixed;
    bottom: 0;
    right: 0;
    cursor: pointer;
    z-index: 1029;
}

.messages-btn-nonew .no-messages-image {
    display: block;
}

.messages-btn-nonew .new-messages-image {
    display: none;
}

.messages-btn-new .no-messages-image {
    display: none;
}

.messages-btn-new .new-messages-image {
    display: block;
}

.no-messages-image {
    background: url(../img/notifications-nonew.png) no-repeat;
    width: 120px;
    height: 32px;
}

.new-messages-image {
    background: url(../img/notifications-new.png);
    width: 92px;
    height: 76px;
    position: relative;
}

.new-messages-image .messages-count {
    position: absolute;
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    top: 11px;
    left: 5px;
}

.oryxCashier {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.oryxCashier .ocMask {
    background-color: #000;
    opacity: 0.7;
}

.oryxCashier .btn {
    padding: 0;
}

.modal-content {
    background-color: #1f1f1f;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.modal-header {
    border-bottom: 1px solid #1f1f1f;
    min-height: 16.43px;
    padding: 15px;
}

.messages-modal {
    color: #fff;
}

#acceptTCModal .modal-body {
    color: #333;
}

.messages-modal .modal-dialog {
    margin: 80px auto 10px;
    max-width: 450px;
    min-width: 300px;
}

.messages-modal .modal-title {
    font-size: 16px;
    text-align: center;
    color: #ffe362;
}

.messages-modal .modal-text {
    color: #ff2800;
    font-weight: bold;
    text-shadow: 0 1px 2px #000;
    line-height: 20px;
    padding-bottom: 15px;
    display: block;
}

.messages-modal .modal-terms {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    height: 400px;
    max-width: 100%;
    min-width: 100%;
    width: 418px;
    color: #ccc;
}

.messages-list {
    padding: 0;
    margin: 0;
}

.messages-list .message {
    list-style-type: none;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
}

.messages-list .message span {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #777;
}

.messages-list .message .message-text {
    padding: 20px 0;
    border-bottom: 1px solid #202020;
}

.messages-list .message .message-time {
    color: #555;
    width: 40px;
    position: absolute;
    right: 0;
    top: 20px;
}

.messages-list .message:last-child .message-text {
    border: none;
}

.messages-list .new-message {
    background: url(../img/new-message-indicator.png) center left no-repeat;
}

.messages-list .new-message .message-text {
    color: #999;
}

.close {
    color: #fff;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    margin: 10px;
    opacity: 0.2;
}

#conversation {
    background: #030c17;
    border-bottom: 1px solid #030c17;
    overflow: auto;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 104px;
    padding: 10px;
}

#conversation .msg-left,
#conversation .msg-right {
    display: block;
    margin: 2px 0;
}

#conversation .msg-left ul {
    list-style-type: none;
    margin-left: 20px;
    padding: 5px;
    float: left;
    position: relative;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #102238;
}

#conversation .msg-left ul:after {
    border-color: rgba(0, 0, 0, 0) #102238;
    border-style: solid;
    border-width: 10px 10px 0 0;
    bottom: auto;
    right: auto;
    left: -10px;
    top: 5px;
    position: absolute;
    content: "";
    display: block;
}

#conversation .msg-right ul {
    list-style-type: none;
    text-align: right;
    margin-right: 20px;
    padding: 5px;
    float: right;
    position: relative;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
}

#conversation .msg-right ul:after {
    border-color: rgba(0, 0, 0, 0) #fff;
    border-width: 10px 0 0 10px;
    border-style: solid;
    bottom: auto;
    left: auto;
    right: -10px;
    top: 5px;
    position: absolute;
    content: "";
    display: block;
}

#conversation .msg-left ul li {
    background: none;
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    color: #fff;
    max-width: 250px;
    word-wrap: break-word;
}

#conversation .msg-left ul li.msg-title {
    font-size: 12px;
}

#conversation .msg-left ul li {
    text-align: left;
}

#conversation .msg-right ul li {
    background: none;
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    color: #000;
    max-width: 250px;
    word-wrap: break-word;
}

#conversation .msg-right ul li.msg-title {
    font-size: 12px;
}

#conversation .msg-right ul li {
    text-align: left;
}

#new-msg span {
    font-size: 60px;
    line-height: 10px;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

#new-msg span span {
    -webkit-animation-duration: 1800ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: new-msg-anim;
    -moz-animation-duration: 1800ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: new-msg-anim;
    padding: 1px;
    position: relative;
}

@-webkit-keyframes new-msg-anim {
    0% {
        top: 0;
    }
    55% {
        top: 0;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    }
    60% {
        top: -20px;
        text-shadow: 5px 20px 5px rgba(0, 0, 0, 0.5);
    }
    80% {
        top: 4px;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    }
    90% {
        top: -3px;
        text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5);
    }
    95% {
        top: 1px;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    }
    100% {
        top: 0;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    }
}

@-moz-keyframes new-msg-anim {
    0% {
        top: 0;
    }
    55% {
        top: 0;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    }
    60% {
        top: -20px;
        text-shadow: 5px 20px 5px rgba(0, 0, 0, 0.5);
    }
    80% {
        top: 4px;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    }
    90% {
        top: -3px;
        text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5);
    }
    95% {
        top: 1px;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    }
    100% {
        top: 0;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    }
}

/* modeSelectModal - start */ 

.btn-fun-modal {
    padding: 20px 0;
    background: #303F9F;
    color: #FFFFFF;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-radius: 4px;
    font-weight: 700;
}

.btn-fun-modal:hover,
.btn-fun-modal:focus {
    color: #fff;
}

.btn-real-modal {
    padding: 20px 0;
    background: #FF5252;
    color: #FFFFFF;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-radius: 4px;
    font-weight: 700;
}

.btn-real-modal:hover,
.btn-real-modal:focus {
    color: #fff;
}

#modeSelectModal {
    background-color: rgba(0,0,0, 0.7);
}

#modeSelectModal .modal-content {
    background-color: #fff;
    margin: 100px auto;
    max-width: 400px;
}

#modeSelectModal .modal-header {
    text-align: center;
    border: none;
}

#modeSelectModal .modal-header h4 {
    opacity: 0.7;
}

/* modeSelectModal - end */

/* profileLoader - start */

#profileLoader .ec-account-form .ec-input {
    background-color: #fff;
    color: #000;
}

#profileLoader .ec-account-form select.ec-input {
    cursor: pointer;
}

#profileLoader .ec-account-form .ec-input-disabled {
    background-color: #a9a9a9;
    border-radius: 4px;
    color: #000;
    cursor: default;
    padding: 6px 12px;
}

#profileLoader .ec-account-form .ec-btn {
    background-color: #ffe362;
    border: 2px solid #ffe362;
    border-radius: 6px;
    color: #000;
    font-weight: bold;
    margin-top: 10px;
    width: 100%;
}

#profileLoader .ec-account-form .ec-btn:focus,
#profileLoader .ec-account-form .ec-btn:hover {
    background-color: transparent;
    border-color: #ffe362;
    color: #ffe362;
}

/* profileLoader - end */


#cashbackModal .modal-dialog {
    max-width: 860px;
    margin: 30px auto 74px;
    width: 860px;
    border-radius: 0;
}

#cashbackModal .modal-content {
    background: linear-gradient(to bottom, #00182f, #002a4d);
    color: #fff;
    position: relative;
    padding: 20px 10px
}

#cashbackModal .close {
    color: #fff;
    font-size: 28px;
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1
}

#cashbackModal .modal-header {
    border: none
}

#cashbackModal .modal-content .cashback-title {
    line-height: 30px;
    font-size: 32px;
    font-weight: 700;
    color: #ffe269;
    display: block;
    text-align: center
}

#cashbackModal .modal-content .cashback-subtitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
}

#cashbackModal .modal-content .cashback-content {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #fff;
}

#cashbackModal .modal-content .close {
    z-index: 900;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 40px;
    font-weight: normal;
}

#cashbackModal .nav {
  text-align: center;
}

#cashbackModal .nav > li {
  display: inline-block;
  float: none;
}

#cashbackModal .nav > li a {
    color: #c5d1e1;
    line-height: 32px;
    padding: 0;
    margin: 0 10px 5px;
    font-size: 16px;
    font-weight: bold;
}

#cashbackModal .nav > li a:hover,
#cashbackModal .nav > li a:focus {
  background: none;
}

#cashbackModal .nav > .nav-item.active a {
    border-bottom: 3px solid #ffe362;
    color: #ffe362;
    margin-bottom: 0;
    border-radius: 0;
    background: none;
    padding: 0;
}

@media (max-width: 720px) {
  #cashbackModal .modal-dialog {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    height: 100%;
  }
  #cashbackModal .modal-content {
    height: 100%;
    border-radius: 0;
  }
}




/*GDPR*/
.gdpr-cover {
    padding: 0;
}
.gdpr-cover-inner {
    height: 100%;
    overflow-y: auto;
    padding: 0 10px;
}
.gdpr-cover-title {
  font-size: 23px;
  font-weight: 600;
  color: #fff;
}
.gdpr-menu {
  position: relative;
  height: 100%;
  padding-bottom: 170px;
}
.gdpr-cover-list {
  margin-bottom: 20px;
  padding-bottom: 100px;
  position: relative;
}
.gdpr-cover-list > div {
  overflow: hidden;
  transition: 200ms all ease-in-out;
  border-bottom: 1px solid #e0e0e0;
}
.gdpr-cover-list .gdpr-list-content {
  display: block;
  font-size: 14px;
  opacity: 0.87;
  color: #fff;
  padding-bottom: 20px;
}
.gdpr-cover-list .gdpr-list-title {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #428bca;
  height: 40px;
  line-height: 40px;
}
.gdpr-cover-list .gdpr-list-title.collapsed {
  color: #b3c1c5
}
.gdpr-cover-list .gdpr-list-title.collapsed .gdpr-list-icon.critical { background-image: url("../img/gdpr-critical-inactive.svg"); }
.gdpr-cover-list .gdpr-list-title.collapsed .gdpr-list-icon.info { background-image: url("../img/gdpr-info-inactive.svg"); }
.gdpr-cover-list .gdpr-list-title.collapsed .gdpr-list-icon.marketing { background-image: url("../img/gdpr-marketing-inactive.svg"); }
.gdpr-cover-list .gdpr-list-icon {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
  margin-right: 15px;
  background-size: cover;
}

.gdpr-cover-list .gdpr-list-icon.critical { background-image: url("../img/gdpr-critical-active.svg"); }
.gdpr-cover-list .gdpr-list-icon.info { background-image: url("../img/gdpr-info-active.svg"); }
.gdpr-cover-list .gdpr-list-icon.marketing { background-image: url("../img/gdpr-marketing-active.svg"); }

.gdpr-cover-list .checkbox-wrapper {
  display: block;
  float: right;
  margin-top: 10px;
}
.gdpr-cover-list .checkbox-wrapper input {
  margin: 0;
  vertical-align: middle;
}
.gdpr-cover-list .gdpr-list-title > span {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.gdpr-info-step .tab-pane-title { 
    display: block;
    font-size: 16px;
    color: #fff;
    margin: 12px 0;
}

.gdpr-info-step .tab-pane-text {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
    opacity: 0.87;
}

/*BUTTON WRAPPER*/
.button-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: transparent;
  padding: 10px 16px 20px;
}
.button-wrapper .btn-gdpr {
  width: 48%;
  margin: 0 1%;
  display: inline-block;
  float: left;
  background: #ffe362;
  color: #000;
  border-radius: 4px;
  font-weight: bold;
  border: 2px solid #ffe362;
  transition: 200ms all ease-in-out;
}
.button-wrapper .btn-gdpr.disabled {
  background: #a8b6ba;
  border: 2px solid #a8b6ba;
  transition: 200ms all ease-in-out;
}





.shake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


.gdpr-popup {
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    z-index: 20000;
    -webkit-transition: .6s;
    transition: .6s;
    padding: 20px;
    width: 80%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center
}

.gdpr-popup .gdpr-popup-text {
    color: #fff;
    font-weight: 700;
    display: block;
    font-size: 16px;
    overflow: hidden;
    width: auto;
    line-height: 25px;
    margin-top: 6px;
}

.gdpr-popup .cookie-popup-link {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
}
.gdpr-popup .cookie-popup-link a {
    color: #fff;
    text-decoration: underline;
}

.gdpr-popup .gdprSaveAllTrigger {
    display: block;
    margin: auto;
    line-height: 25px;
    text-transform: uppercase;
}

.gdpr-popup.gdpr-popup-show {
    bottom: 60px
}

#toast-container > div {
    background-color: #0b223e;
    padding: 15px;
}

#toast-container > .toast-info {
    background-image: none !important;
}

.toast-title,
.toast-message {
    text-align: center;
}

.toast-message > div {
    padding: 0 !important;
}

.toast-message .btn {
    background: #ffe362;
    color: #000;
    border-radius: 6px;
    font-weight: 700;
    border: 2px solid #ffe362;
}

.toast-message .btn:active,
.toast-message .btn:focus,
.toast-message .btn:hover {
    background: transparent;
    border: 2px solid #ffe362;
    color: #ffe362;
}

#toast-container>.toast-warning {
    background-position: 14px 10px;
}


#kycModal #kycModalClose {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #e19797;
    font-size: 30px;
    font-weight: 700;
    opacity: 1;
    z-index: 10001
}

#kycModal .modal-dialog {
    margin: 0 auto;
    height: 100%;
}

#kycModal .modal-dialog .modal-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #fff;
}

#kycModal .modal-dialog .modal-content .modal-body {
    height: 100%;
}

#kycModal .modal-dialog .modal-content .kyc-modal-title {
    color: #000;
}

#kycModal #kycModalBody {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
}

#kycModal #kycModalBody iframe {
    width: 100%;
    height: 100%;
    border: 0;
    box-shadow: none
}

#kycModal #kycModalBody .modal-body {
    padding: 0
}


#reg-step-2 h2 { color: #fff }
#reg-step-2 p { color: #fff; margin-bottom: 20px }

/* LANGUAGE MODAL START */

#languageModal.modal {
    background: hsla(0,0%,9%,.7);
}

#languageModal .modal-dialog {
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
}

#languageModal .modal-content {
    background-color: #071220;
    border-radius: 15px;
}

#languageModal .close {
    color: #fff;
    font-size: 28px;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 100;
}

#languageModal .modal-header {
    border-bottom: none;
    padding: 25px 30px;
}

#languageModal .modal-header h3 {
    color: #ffe362;
    font-weight: 600;
    margin: 0;
}

#languageModal .modal-body {
    padding: 0 30px 40px;
}

#languageModal .language-list {
    list-style: none;
    margin: 0;
}

#languageModal .language-list a {
    display: block;
}

#languageModal .lang-sel-text {
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
}

#languageModal .lang-sel img {
    float: right;
    height: 13px;
}

/* LANGUAGE MODAL END */