:root {

    /* Layout */

    /*Backgrounds*/

    /* Image (1920x1080, jpg, > 200kb) or hex color */

    /* Primary Colors */

    /* Secondary Colors */

    /* General Dropdown/Dropup Menu */ /* New */ /* New */ /* New */ /* New */

    /* Buttons */

    /* Google font or purchased */

    /* Typography */

    /* Header */ /* New */ /* New */ /* New */ /* New */ /* New */ /* New */ /* New */ /* New */ /* New */ /* New */ /* New */ /* New */

    /* Slider */

    /* Games Navigation and Filters */

    /* Games Wrapper */

    /* Games Bottom Bar */


    /* Footer */ /* New */

    /* Bottom Bar */

    /* Live Chat */ /* New */

    /* Page: FAQ / SUPPORT */

    /* Page: BANKING; */

    /* Page: PROMOTION */ /* New */

    /* Page: RECOVERY */

    /* Page: RECOVERY */

    /* Page: SPORTS */

    /* Page: GAMEPAGE */

    /* Page: Jurisdiction */

    /* Page: Campaign */

    /* Modal: Registration */ /* New */

    /* Modal: Log in */ /* New */

    /* Modal: Promotion */ /* New */

    /* Modal: T&C Modals */

    /* Modal: LICENSE */

    /* Homepage light */

    /* Homepage dark */

    /* UI Helpers */

}
a:focus,
a:active {
    outline: none;
}
html,
body {
    min-width: 960px;
    height: 100%;
}
body {
    font-family: PT Sans, sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    background-color: #030c16;
    width: 100%;
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: 14px;
    line-height: inherit;
}
a {
    color: #000;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #000;
    text-decoration: #000;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: normal;
    line-height: 1;
    color: #ffe362;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #2d3a41;
}
/* Password toggle icon */
.slider-reg-form .password-eye-icon {
    color: #fff;
}
.form-group,
.field-wrap {
    position: relative;
}
.password-eye-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 12px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
}
.field-wrap .validated-field-error ~ .password-eye-icon,
.field-wrap .validated-field-success ~ .password-eye-icon {
    right: 32px !important;
    color: #fff !important;
}
.validated-field-error[data-password-field] {
    padding-right: 50px !important;
}
[data-password-field] {
    padding-right: 30px !important;
}
[data-password-field]:focus + .password-eye-icon,
[data-password-field].validated-field-success + .password-eye-icon,
[data-password-field].validated-field-error:focus + .password-eye-icon {
    color: #fff !important;
}
.field-wrap .password-eye-icon {
    -webkit-transform: none;
            transform: none;
    top: 6px;
}
/* END: Password toggle icon */
input::-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
p {
    line-height: 25px;
    margin: 0 0 7px;
}
select.reg-field.form-control {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #083067;
}
.page > h1 {
    font-size: 32px;
    line-height: 32px;
    color: #e4c88e;
    margin: 0;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
}
.page-heading {
    font-size: 32px;
    font-weight: bold;
    color: #ffe362;
}
.page-image {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.long-text {
    background: none;
    color: #fff;
    padding: 40px 0 40px 0;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
}
#promoModal table {
    width: 100%;
    text-align: center;
}
#promoModal table thead th {
    background: #fff;
    color: #000;
    padding: 0 10px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
}
#promoModal table tbody tr:nth-child(odd) {
    background: #e1ebf5;
}
#promoModal table tr {
    background: #fff;
    font-size: 16px;
    color: #000;
}
#promoModal table tr td {
    padding: 0 10px;
    line-height: 32px;
    font-weight: bold;
}
.long-text strong {
    color: #fff;
}
.long-text a {
    color: #154e94;
    font-weight: bold;
}
.long-text h1 {
    font-size: 32px;
    color: #ffe362;
    font-weight: bold;
}
.long-text h2 {
    font-size: 26px;
    color: #ffe362;
    font-weight: normal;
}
.long-text h3 {
    font-size: 22px;
    color: #ffe362;
    font-weight: normal;
}
.long-text h4 {
    font-size: 16px;
    color: #ffe362;
    font-weight: normal;
}
.long-text p {
    font-size: 14px;
    color: #fff;
}
.page-title h1 {
    font-size: 32px;
    color: #ffe362;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
}
.seperator {
    border-bottom: 1px solid #454545;
    margin: 0 auto 40px;
    padding-top: 20px;
    width: 90%;
}
.long-text table {
    margin: 40px 0;
    max-width: 450px;
    width: 100%;
}
.long-text table td,
.long-text table th {
    text-align: center;
}
.intro {
    text-align: center;
}
.col-nopadding {
    padding-left: 0;
    padding-right: 0;
}
.col-nopadding-left {
    padding-left: 0;
}
.col-nopadding-right {
    padding-right: 0;
}
.date .date-wrap {
    padding: 0 2px;
}
#subpage-content {
    background-color: #071220;
}
.container-wrap {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.form-control {
    font-size: 13px;
}
#error404 {
    color: #fff;
    overflow: hidden;
    padding: 57px 0;
    text-align: center;
}
#error404 h1 {
    color: #fff;
    font-size: 200px;
    line-height: 190px;
    margin: 0 0 151px;
}
#error404 h3 {
    font-weight: normal;
    font-size: 32px;
    color: #fff;
    margin-top: 10px;
}
#error404 p {
    font-weight: 400;
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 62px;
    text-align: left;
}
#error404 a {
    font-size: 18px;
    line-height: 29px;
    margin: 0 auto;
    max-width: 100%;
    min-width: 277px;
}
#error404 a:last-child {
    margin-top: 27px;
}
button[disabled] {
    cursor: not-allowed !important;
}
#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;
}
#reg-step-2 {
    text-align: center
}
#reg-step-2 p > a {
    color: #ffe362;
}
#page {
    background: #071220;
    position: relative;
    width: auto;
}
#sports-page {
    background: #071220;
    position: relative;
    min-height: 100%;
    width: auto;
}
#game-page {
    background: #071220;
    width: 100%;
    height: 100%;
    position: absolute;
}
#sub-page {
    position: relative;
    min-height: 100%;
    width: auto;
}
.content-wrapper {
    width: 100%;
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
}
#navigation-header .content-wrapper {
    overflow: visible;
}
.header-title {
    padding-top: 25px;
}
.header-title h2 {
    color: #ffe362;
    display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 25px;
    padding: 15px 0;
    text-align: left;
}
.page-content-wrapper {
    background: #fff;
}
.page-content {
    min-height: 750px;
    padding: 40px 0;
    width: 100%;
}
.page-content-inner {
    padding-left: 40px;
    width: 60%;
}
.page-content-section {
    color: #222;
    font-size: 16px;
    margin-bottom: 30px;
}
.page-content-section .page-content-section-title {
    color: #222;
    display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    margin: 0 0 20px;
}
.cnt-overlay {
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative
}
.cnt-overlay .content {
    margin: 0 auto;
    z-index: 0;
    position: relative
}
.cnt-overlay .content .start,.cnt-overlay .content .signup {
    position: absolute;
    top: 0;
    width: 100%
}
.cnt-overlay .parallax {
    background-color: #000;
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -2
}
.cnt-overlay .parallax .scene {
    margin: 0 auto;
    padding: 0;
    height: 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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.cnt-overlay .parallax .background {
    z-index: -2;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.cnt-overlay .parallax .background .img {
    opacity: 1;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: absolute;
    top: -4%;
    left: -4%;
    width: 108%;
    height: 108%;
    margin: 0 auto;
    background-image: url(../img/homepage/homepage-background.jpg);
}
.cnt-overlay .parallax .background.hover .img {
    opacity: 0.5
}
/*ADDEDEDEDEDEDEDEDEDED*/
#homepage-image {
    background: url(../img/homepage/homepage-background.jpg);
    position:fixed;
    top:0;
    width:100%;
    z-index:0;
    height:100%;
    background-size: cover;
}
.homepage-wrapper {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    position: relative;
    padding-bottom: 100px;
    padding-top: 100px;
}
.homepage-logo {
    margin: 0;
    text-align: center;
    margin-bottom: 20px;
    z-index: 1;
}
.homepage-menu {
    margin: 0;
    text-align: center;
    margin-bottom: 60px;
    z-index: 1;
}
.homepage-menu > ul {
    padding: 0;
    margin: 0;
}
.homepage-menu > ul .devider {
    background-image: url(../img/homepage/devider.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 11px;
    display: inline-block;
}
.homepage-menu > ul > li {
    display: inline-block;
    line-height: 22px;
    padding: 0 15px;
}
.homepage-menu > ul > li > a {
    color: #fff;
    font-size: 20px;
}
.homepage-menu > ul > li > a:hover,
.homepage-menu > ul > li > a:focus {
    color: #d8b568;
}
.homepage-block {
    background-color: rgba(3, 11, 28, .8);
    width: 570px;
    padding: 40px;
    text-align: center;
    margin: 0 auto;
    z-index: 1;
}
.homepage-block h1 {
    color: #fff;
    margin-bottom: 20px;
}
.homepage-block p {
    font-size: 24px;
}
.homepage-block .btn-homepage {
    font-size: 22px;
    background: #ffe362;
    border-radius: 30px;
    color: #000;
    margin: 10px 0;
    padding: 10px 30px;
    font-weight: 600;
}
.homepage-block .sign-in-block {
    background: #1f2b44;
    position: relative;
    width: 55%;
    margin: auto;
    padding: 10px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
}
.homepage-block .sign-in-block a {
    color: #fff;
}
.homepage-block .sign-in-block a > span {
    color: #ffe362;
}
.campaign-wrap {
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 100%;
    min-width: 960px;
}
.campaign-bg {
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 10;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.campaign-fix {
    min-height: 1000px;
    z-index: 20;
}
.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
}
.video-container video {
    width: 100%;
}
.campaign-wrap video#bgvid {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #000;
    background-size: cover;
}
/*campaign-header*/
.campaign-wrap .campaign-header {
    height: 126px;
    margin: 0 auto;
    width: 960px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
}
.campaign-wrap .campaign-header .header-logo-wrap {
    float: left;
    margin-right: 80px;
    max-width: 266px;
    width: 100%;
}
.campaign-wrap .campaign-header .header-logo {
    width: 100%;
    height: 126px;
}
.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;
    width: 33.333%;
    height: 91px;
    text-align: center;
}
.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;
    line-height: 16px;
    font-weight: 300;
    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;
    max-width: 960px;
    width: 100%;
    height: 564px;
    position: absolute;
    left: 0;
    right: 0;
    top: 146px;
    bottom: 80px;
    z-index: 20;
}
.campaign-wrap .campaign-image-wrap {
    text-align: center;
    max-height: 500px;
}
.campaign-wrap .campaign-image {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}
.campaign-wrap .campaign-box {
    background-color: rgba(10, 28, 51, 0.8);
    border-radius: 5px;
    margin: 0 auto;
    padding: 35px;
    width: 100%;
    max-width: 430px;
}
.campaign-wrap .campaign-box a {
    color: #fff;
    display: block;
    text-align: center;
}
.campaign-wrap .campaign-title {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    height: 136px;
    margin: 0;
    text-align: center;
    line-height: 34px;
}
.campaign-wrap .campaign-title p {
    line-height: 34px;
}
.campaign-wrap .campaign-title strong {
    color: #ffe362;
    font-weight: 700;
}
.campaign-wrap .campaign-affiliate-logo {
    display: block;
    margin: 0 auto 30px;
    width: 300px;
}
.campaign-wrap .campaign-reg-form {
    margin: 0 auto;
    width: 280px;
}
.campaign-wrap .field-label {
    color: #fff;
    float: right;
    line-height: 32px;
}
.campaign-wrap .form-group {
    margin-bottom: 6px;
}
.campaign-wrap .form-control {
    color: #484848;
    border: 0 !important;
    width: 100%;
}
.campaign-wrap .btn-campaign {
    display: block;
    margin: 6px auto 0;
    font-weight: 700;
    border-radius: 4px;
}
/*campaign-footer*/
.campaign-wrap .campaign-footer {
    background-color: #000;
    bottom: 0;
    color: #000;
    height: 80px;
    position: absolute;
    width: 100%;
    z-index: 20;
}
.campaign-wrap .footer-inner {
    background-color: transparent;
    padding: 0 15px;
    max-width: 960px;
    margin: 0 auto;
}
.campaign-wrap .footer-left {
    float: left;
    line-height: 80px;
}
.campaign-wrap .footer-left .footer-logo {
    max-width: 160px;
    width: 100%;
}
.campaign-wrap .footer-left .footer-copyright {
    line-height: 60px;
    margin-left: 25px;
    color: #fff;
}
.campaign-wrap .footer-center {
    width: auto;
    overflow: hidden;
}
.campaign-wrap .footer-center .footer-menu {
    list-style-type: none;
    margin: 0;
    padding: 19px 0;
    width: 100%;
    text-align: right;
}
.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;
}
.social-sprite {
    background-image: url(../img/social-sprite.png);
    background-repeat: no-repeat;
    background-size: 400% 100%;
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}
.social-sprite.social-sprite-facebook {
    background-position: 0% 0%;
}
.social-sprite.social-sprite-gplus {
    background-position: 33.333333333% 0%;
}
.social-sprite.social-sprite-twitter {
    background-position: 66.66666666% 0%;
}
.social-sprite.social-sprite-instagram {
    background-position: 100% 0%;
}
.campaign-wrap .footer-right {
    float: right;
}
.campaign-wrap .footer-right .btn-campaign {
    background-color: #ffa019;
    color: #000;
    margin: 14px auto;
}
.campaign-wrap .footer-right .footer-social {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.campaign-wrap .footer-right .footer-social-sprite {
    background-image: url('../img/campaign-footer-social-sprite.png');
    background-size: 300% 100%;
    float: right;
    height: 32px;
    margin: 14px 0 0 10px;
    width: 32px;
}
.campaign-wrap .footer-right .footer-social-sprite:last-child {
    margin-left: 0;
}
.campaign-wrap .footer-right .footer-social-sprite-facebook {
    background-position: 0% 0%;
}
.campaign-wrap .footer-right .footer-social-sprite-twitter {
    background-position: 50% 0%;
}
.campaign-wrap .footer-right .footer-social-sprite-instagram {
    background-position: 100% 0%;
}
.campaign-wrap .footer-right .footer-social li a {
    display: block;
    height: 100%;
    width: 100%;
}
#jurisdiction {
    padding: 100px 0;
}
#jurisdiction .heading {
    text-align: center;
    color: #fff;
}
#jurisdiction .subheading {
    text-align: center;
    color: #fff;
}
.close {
    font-family: Arial;
}
.btn {
    padding: 6px 15px;
}
.btn-lg {
    padding: 10px 15px;
    font-size: 16px !important;
}
.btn-wide {
    padding: 6px 25px;
}
.btn-fullwidth {
    width: 100%;
}
.btn-play {
    background-image: url('/img/play-icon.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90px;
}
.btn-play:focus,
.btn-play:hover,
.btn-play:active {
    background-image: url('/img/play-icon.svg');
}
.btn-secondary {
    background: #ffffff;
    color: #000;
    border-radius: 6px;
    font-weight: bold;
    border: 2px solid #ffffff;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
}
.btn-primary {
    background: #ffe362;
    color: #000;
    border-radius: 6px;
    font-weight: bold;
    border: 2px solid #ffe362;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: transparent;
    color: #ffe362;
    border: 2px solid #ffe362;
}
.btn-primary-dark {
    background: #ffe362;
    color: #000;
    border-radius: 4px;
    font-weight: bold;
    border: 2px solid #ffe362;
}
.btn-primary-dark:hover,
.btn-primary-dark:focus,
.btn-primary-dark:active {
    background: transparent;
    color: #ffe362;
    border: 2px solid #ffe362;
}
.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;
}
.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 {
  background-color: transparent;
  border-color: #ffe362;
  color: #ffe362;
  outline: none;
}
.btn-loading {
  text-shadow: 0 1px 0 #333;
  color: #000;
  pointer-events: none;
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@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: -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;
  -webkit-animation: loading 1.5s linear infinite;
          animation: loading 1.5s linear infinite;
}
.btn-facebook {
  background-color: #3b5998;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  padding: 2px 10px;
  margin-right: 4px;
}
.btn-facebook:hover,
.btn-facebook:focus {
  color: #fff;
}
.btn-twitter {
  background-color: #00B2FF;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  padding: 2px 10px;
  margin-left: 4px;
}
.btn-twitter:hover,
.btn-twitter:focus {
  color: #fff;
}
/*CASHIER MODAL*/
#experienceCashier .ec-input-validation-wrap .ec-input-wrap {
	color: #000;
}
.ec-header-logo {
	position: absolute;
    left: 10px;
    top: 0px;
    background-image: url(../img/header-logo.svg);
    width: 150px;
    height: 89px;
    background-repeat: no-repeat;
}
@media (max-width: 768px) {
	.ec-header-logo {
		display: none;
	}
}
.experience-cashier-modal {
	background: rgba(0, 0, 0, 0.55);
}
/*CHANGE PASSWORD*/
#passwordModalLoader .ec-change-password-form {
	max-width: none;
}
#passwordModalLoader .ec-input {
	height: 34px;
	background-color: #083067;
    color: #ffffff;
}
#passwordModalLoader .ec-input::-webkit-input-placeholder {
	color: #ffffff;
}
#passwordModalLoader .ec-input::-moz-placeholder {
	color: #ffffff;
}
#passwordModalLoader .ec-input::-ms-input-placeholder {
	color: #ffffff;
}
#passwordModalLoader .ec-input-icon {
	height: 34px;
}
#passwordModalLoader .ec-input-icon i {
	line-height: 34px;
	color: #ffe362
}
#passwordModalLoader .ec-input-icon.ec-input-icon-off i {
	color: #fff;
}
#passwordModalLoader .ec-form-group label {
	color: #ffe362
}
#passwordModalLoader .ec-btn {
	width: 100%;
	background-color: #ffe362;
	color: #000;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
}
/*PROFILE MODAL*/
#profileModal .modal-body {
	max-width: 70%;
	margin: 0 auto;
}
#profileModalLoader .ec-account-details-form .ec-form-group>label {
	width: 35%;
}
#profileModalLoader .ec-account-details-form .ec-form-group>div {
	width: 65%;
}
#profileModalLoader .ec-date-container-readOnly {
	padding: 0
}
#profileModalLoader .ec-account-details-form .ec-form-group {
	margin-bottom: 8px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	overflow: hidden;
}
#profileModalLoader .ec-input {
	height: 34px;
	background-color: #083067;
}
#profileModalLoader .ec-account-details-form .ec-form-group>label {
	line-height: 34px;
}
#profileModalLoader .ec-input-disabled {
	padding: 0;
	cursor: not-allowed;
}
#profileModalLoader .ec-btn {
	background-color: #ffe362;
	color: #000;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    width: 100%;
}
/*Contact form*/
.cxm-chat-btn {
	background-color: #ffe362;
	color: #000;
	border-radius: 4px;
}
.cxm-chat-widget label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
.cxm-chat-widget-tab {
	background-color: #161616;
}
.cxm-chat-widget-tab-container {
	background-color: #161616;
}
.cxm-chat-widget-content {
	background-color: #161616;
}
/*********************************/
/*        Livechat bubbles       */
/*System msg*/
.cxm-chat-message.cxm-chat-message-user {
	background-color: #2f2f2f;

}
.cxm-chat-message.cxm-chat-message-user::after {
    border-color: transparent #2f2f2f transparent transparent;
}
/*User msg*/
.cxm-chat-message {
	background-color: #fff;
	padding-bottom: 20px;
}
.cxm-chat-message::after {
    border-color: #fff transparent transparent transparent;
}
/*Timestamp*/
.cxm-chat-message-time, .cxm-chat-system-msg-time {
	color: #ffe362;
	opacity: 1;
}
/*@import "parts/c-header-v1.css";*/
/*@import "parts/c-header-v2.css";*/
/*@import "parts/c-header-v3.css";*/
#gamepage #header .header-right .account-button .dropdown-menu {
    margin-left: 170px;
}
#gamepage #header .header-right .header-account .header-profile .header-username {
    text-align: right;
}
#header-placeholder {
    height: 70px;
    width: 100%;
}
#about #header-placeholder,
#casino #header-placeholder,
#homepage #header-placeholder,
#signuppage #header-placeholder,
#sub-page #header-placeholder {
    margin-bottom: 0;
}
#header-wrapper {
    height: 70px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1010;
}
#header-wrapper #navigation-header {
    background: #05182f;
    background: -webkit-linear-gradient(top,  #05182f 0%,#0c2a50 100%);
    background: linear-gradient(to bottom,  #05182f 0%,#0c2a50 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05182f', endColorstr='#0c2a50',GradientType=0 );
    height: 100%;
    min-width: 960px;
    position: relative;
    width: 100%;
    z-index: 20;
}
#gamepage #header-wrapper #navigation-header {
    background: transparent;
}
#gamepage #header .header-logo a img {
    height: 70px;
}
#sports-page #header-wrapper #navigation-header{
    background: #131313;
}
#header .header-logo {
    display: inline-block;
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 0;
    width: 20%;
}
#header .header-logo a {
    display: block;
    height: 100%;
}
#header .header-logo a img {
    max-width: 100%;
}
#header .header-right {
    display: block;
    float: right;
    height: 70px;
    margin: 0;
    padding: 0;
    width: 30%;
}
#header .header-right .header-account {
    display: block;
    height: 70px;
}
#header .header-right .header-account .header-login,
#header .header-right .header-account .header-profile {
    float: right;
    height: 100%;
    line-height: 70px;
    width: 100%;
}
#header .header-right .header-account .header-button-wrap {
    float: right;
    margin-right: 10px;
    width: auto;
}
/* Username & Password
#header .header-right .header-account .header-login .form-control {
    display: inline-block;
    vertical-align: middle;
}
*/
#header .header-right .header-account .header-profile {
    height: 100%;
}
#header .header-right .header-account .header-profile .header-profile-icon {
    height: 19px;
    margin: -4px 2px 0 0;
    width: 19px;
}
#header .header-right .header-account .header-profile .account-button,
#header .header-right .header-account .header-profile .balance-button {
    height: 100%;
    line-height: 70px;
}
#header .header-right .header-account .header-profile .header-username {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
#header .header-right .header-account .header-profile .header-username .fa {
    font-size: 16px;
    vertical-align: middle;
    font-weight: bold;
}
#header .header-right .header-account .header-profile .header-balance {
    color: #ffe362;
    display: block;
    font-weight: bold;
    text-align: center;
}
#header .header-menu {
    float: left;
    height: 70px;
    padding: 0;
    width: 50%;
}
#header .header-menu .main-menu {
    display: block;
    margin: 0;
    padding-left: 10px;
    width: 100%;
}
#header .header-menu .main-menu .main-menu-list {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#header .header-menu .main-menu .main-menu-list > li {
    float: left;
    position: relative;
}
#header .header-menu .main-menu .main-menu-list > li > a {
    color: #c5d1e1;
    display:inline-block;
    font-weight: bold;
    line-height: 70px;
    padding: 0px 10px;
    text-decoration: none;
}
#header .header-menu .main-menu .main-menu-list li.active > a {
    color: #ffe362;
}
#header .header-menu .main-menu .main-menu-list > li > a:hover,
#header .header-menu .main-menu .main-menu-list > li > a:focus {
    color: #ffe362;
}
#header .header-menu .main-menu .main-menu-list > li > a > i {
    font-weight: bold;
    padding-left: 4px;
}
#header .header-menu .main-menu .main-menu-list .dropdown-menu {
    background-color: #0a1b30;
    min-width: 140px;
    padding: 3px 0;
    top: 73%;
}
#header .header-menu .main-menu .main-menu-list .dropdown-menu > li > a {
    color: #fff;
    padding: 3px 13px;
}
#header .header-menu .main-menu .main-menu-list .dropdown-menu > li > a:hover {
    background-color: #fff;
    color: #0a1b30;
}
#header .header-right .account-button .dropdown-menu {
    background: #0a1b30;
    min-width: 140px;
    padding: 3px 0;
    top: 73%;
}
#header .header-right .account-button .dropdown-menu > li > a {
    color: #fff;
    padding: 3px 13px;
}
#header .header-right .account-button .dropdown-menu > li > a:hover {
    background: #fff;
    color: #0a1b30;
}
@media (max-width: 1100px) {
    #header .header-menu {
        width: 45%;
    }
    #header .header-right {
        width: 33%
    }

}
.dynamicSlider {
    background: #000;
    display: block;
    height: 350px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.dots-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 32px;
    height: 0;
}
.dots {
    display: inline-block;
    text-align: center;
    z-index: 20;
    position: relative;
}
.dots .dynamicSliderDot {
    z-index: 20;
    border: 2px solid rgba(255, 255, 255, .7);
    cursor: pointer;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 0 4px;
    border-radius: 50%;
    position: relative;
    background: transparent;
}
.dots .selection-indicator {
    z-index: 10;
    width: 22px;
    height: 22px;
    margin: 0 4px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.dots .selection-indicator::after {
    border-radius: 50%;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
.dots .selection-indicator.anim::after {
    animation: dotBounce linear .4s;
    animation-iteration-count: 1;
    -webkit-animation: dotBounce linear .4s;
    -webkit-animation-iteration-count: 1;
    -moz-animation: dotBounce linear .4s;
    -moz-animation-iteration-count: 1;
    -o-animation: dotBounce linear .4s;
    -o-animation-iteration-count: 1;
    -ms-animation: dotBounce linear .4s;
    -ms-animation-iteration-count: 1;
}
@keyframes dotBounce {
    0% {
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
        width: 12px;
        height: 12px;
    }
    5% {
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
        width: 10px;
        height: 9px;
    }
    50% {
        -webkit-transform: translate(0px, -8px);
                transform: translate(0px, -8px);
        width: 14px;
        height: 12px;
    }
    90% {
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
        width: 8px;
        height: 8px;
    }
    100% {
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
        width: 12px;
        height: 12px;
    }
}
@-webkit-keyframes dotBounce {
    0% {
        -webkit-transform: translate(0px, 0px);
        width: 12px;
        height: 12px;
    }
    5% {
        -webkit-transform: translate(0px, 0px);
        width: 10px;
        height: 9px;
    }
    50% {
        -webkit-transform: translate(0px, -8px);
        width: 14px;
        height: 13px;
    }
    90% {
        -webkit-transform: translate(0px, 0px);
        width: 8px;
        height: 8px;
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        width: 12px;
        height: 12px;
    }
}
.slider-arrows {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    width: 96%;
}
/* @media (max-width: 1400px) {
    .slider-arrows {
        display: none;
    }
} */
.dynamicSliderArrow {
    position: absolute;
    z-index: 800;
    background: rgba(255, 255, 255, 0.5);
    color: #fff;
    width: 50px;
    height: 50px;
    top: 145px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: none;
}
.dynamicSliderArrow.shown {
    display: block;
}
.dynamicSliderArrow:hover,
.dynamicSliderArrow:active,
.dynamicSliderArrow:focus {
    background: #fff;
    color: #000;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.dynamicSliderArrow.slider-arrow-right {
    right: 0;
}
.dynamicSliderArrow.slider-arrow-left {
    left: 0;
}
.slider-wrap {
    position: relative;
}
.dynamicSlide {
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 10;
    display: block;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
.dynamicSlide.active {
    z-index: 20;
    opacity: 1;
}
.dynamicSlide .slide-image-wrap {
    bottom: 0;
    height: 100%;
    left: 50%;
    margin-left: -1280px;
    position: absolute;
    right: 0;
    top: 0;
    width: 2560px;
}
.dynamicSlide .slide-image {
    width: auto;
    margin: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.dynamicSlide.slide-style-default .slide-html-wrap {
    width: 100%;
    max-width: 1170px;
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
}
.dynamicSlide.slide-style-default .slide-html {
    position: relative;
    padding: 30px 0;
    text-align: left;
    max-width: 600px;
    margin-top: 65px;
}
.dynamicSlide.slide-style-default .slide-html .slide-title {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    line-height: 36px;
    margin: 0;
    display: block;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
}
.dynamicSlide.slide-style-default .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);
}
.dynamicSlide.slide-style-default .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.slide-style-default .slide-text h2 {
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
    display: block;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}
.dynamicSlide.slide-style-default .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.slide-style-default .btn-slide:hover,
.dynamicSlide.slide-style-default .btn-slide:focus {
    text-decoration: none;
}
/* LIGHT */
.dynamicSlide.slide-style-light .slide-html-wrap {
    width: 100%;
    max-width: 1170px;
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
}
.dynamicSlide.slide-style-light .slide-html {
    position: relative;
    padding: 35px 18px 18px;
    text-align: left;
    max-width: 600px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    margin-top: 65px;
}
.dynamicSlide.slide-style-light .slide-title {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    line-height: 36px;
    margin: 0;
    display: block;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dynamicSlide.slide-style-light .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 1px 2px rgba(0, 0, 0, 0.3);
}
.dynamicSlide.slide-style-light .slide-subtitle {
    font-size: 40px;
    color: #ffe9c9;
    font-weight: bold;
    line-height: 50px;
    margin: 0;
    display: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dynamicSlide.slide-style-light .slide-text h2 {
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
    display: block;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.dynamicSlide.slide-style-light .btn-slide {
    padding: 6px 15px;
    line-height: 34px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    background: #000;
    border-radius: 6px;
    display: inline-block;
}
.dynamicSlide.slide-style-light .btn-slide:hover,
.dynamicSlide.slide-style-light .btn-slide:focus {
    text-decoration: none;
}
/* dark */
.dynamicSlide.slide-style-dark .slide-html-wrap {
    width: 100%;
    max-width: 1170px;
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
}
.dynamicSlide.slide-style-dark .slide-html {
    position: relative;
    padding: 35px 18px 18px;
    text-align: left;
    max-width: 600px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    margin-top: 65px;
}
.dynamicSlide.slide-style-dark .slide-title {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    line-height: 36px;
    margin: 0;
    display: block;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.dynamicSlide.slide-style-dark .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.3);
}
.dynamicSlide.slide-style-dark .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.slide-style-dark .slide-text h2 {
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
    display: block;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}
.dynamicSlide.slide-style-dark .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.slide-style-dark .btn-slide:hover,
.dynamicSlide.slide-style-dark .btn-slide:focus {
    text-decoration: none;
}
/************************************************************************************/
/*                                  layout                                          */
/* Animation Slide from left to right*/
.dynamicSlide.exit {
    animation: dynamicSlide-slide-exit ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: dynamicSlide-slide-exit ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: dynamicSlide-slide-exit ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: dynamicSlide-slide-exit ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: dynamicSlide-slide-exit ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
}
@keyframes dynamicSlide-slide-exit {
    0% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(1500px, 0px);
                transform: translate(1500px, 0px);
    }
}
@-webkit-keyframes dynamicSlide-slide-exit {
    0% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(1500px, 0px);
    }
}
.dynamicSlide.init {
    opacity: 0;
    -webkit-transform: translate(1500px, 0px);
            transform: translate(1500px, 0px);
}
.dynamicSlide.active {
    animation: dynamicSlide-slide-enter ease 1.3s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: dynamicSlide-slide-enter ease 1.3s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: dynamicSlide-slide-enter ease 1.3s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: dynamicSlide-slide-enter ease 1.3s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: dynamicSlide-slide-enter ease 1.3s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
}
.dynamicSlide.init.active {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
}
@keyframes dynamicSlide-slide-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate(-1500px, 0px);
                transform: translate(-1500px, 0px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
    }
}
@-webkit-keyframes dynamicSlide-slide-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate(-1500px, 0px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
    }
}
.dynamicSlide.init .slide-html-wrap {
    opacity: 0;
    -webkit-transform: translate(1500px, 0px);
            transform: translate(1500px, 0px);
}
.dynamicSlide.active .slide-html-wrap {
    animation: dynamicSlideText-slide-enter ease 1.3s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: dynamicSlideText-slide-enter ease 1.3s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: dynamicSlideText-slide-enter ease 1.3s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: dynamicSlideText-slide-enter ease 1.3s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: dynamicSlideText-slide-enter ease 1.3s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
}
.dynamicSlide.init.active .slide-html-wrap {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
}
@keyframes dynamicSlideText-slide-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate(-1500px, 0px);
                transform: translate(-1500px, 0px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate(30px, 0px);
                transform: translate(30px, 0px);
    }
    80% {
        -webkit-transform: translate(-10px, 0px);
                transform: translate(-10px, 0px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
    }
}
@-webkit-keyframes dynamicSlideText-slide-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate(-1500px, 0px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate(30px, 0px);
    }
    80% {
        -webkit-transform: translate(-10px, 0px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
    }
}
/* END: Animation Slide from left to right*/
/*@import "parts/c-games-wrap-v1.css";*/
/*@import "parts/c-games-wrap-v2.css";*/
/* Games wrap */
#games {
    background: #071220;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 60px;
}
.games-slider-wrap {
    max-width: 1400px;
    width: 100%;
    padding-top: 20px;
    overflow: hidden;
    margin: 0 auto;
}
.games-slider {
    width: 100%;
    position: relative;
}
.games-error {
    display: none;
    width: 100%;
    height: 650px;
    padding: 100px;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}
.games-loader {
    background: url(../img/loader.gif) center center no-repeat;
    width: 100%;
    height: 700px;
}
.games-screen {
    width: 100%;
    padding: 0 3px;
}
.games-screen:first-child {
    padding: 3px;
}
.games-screen.loading {
    background: url(../img/loader.gif) center center no-repeat;
    width: 100%;
}
.games-screen.unloaded {
    width: 100%;
    height: 0;
    min-height: 0;
    padding: 0;
}
.games-screen.games-screen-list {
    min-height: 0;
    margin-bottom: 40px;
}
.games-wrap {
    margin: 0;
    overflow: hidden;
    width: 100%;
    padding-top: 30px;
}
.game-center-wrap {
    width: 20%;
    float: left;
}
@media (max-width: 1100px) {
    .game-center-wrap {
        width: 25%;
    }
}
/* Games navigation */
.live-games-nav {
    width: 100%;
    height: 56px;
}
.games-nav-placeholder {
    background: transparent;
    height: 80px;
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
.games-nav {
    background: transparent;
    height: 100%;
    margin: 0 auto;
    max-width: 1170px;
    padding: 15px 15px 0;
    position: relative;
    width: 100%;
}
.games-nav .games-nav-list {
    border-bottom: 1px solid #454d57;
    cursor: default;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.games-nav .games-nav-list .search-bar {
    float: right;
}
.games-nav .games-nav-list > li {
    display: inline-block;
    float: left;
    list-style-type: none;
    margin-bottom: -1px;
    width: auto;
}
.games-nav .games-nav-list > li > a {
    background: none;
    background-position: bottom center;
    color: #8b97aa;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 46px;
    margin-right: 20px;
    padding-right: 7px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}
.games-nav .games-nav-list > li > a.active,
.games-nav .games-nav-list > li > a:focus,
.games-nav .games-nav-list > li > a:hover {
    border-bottom: 4px solid #ffe362;
    color: #ffe362;
}
.games-nav-list .game-menu-icon {
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    width: 16px;
}
.games-nav-list .game-menu-icon.game-menu-icon-all {
    background-image: url(../img/game-menu/all_games.svg);
}
.games-nav .games-nav-list > li > a:hover .game-menu-icon.game-menu-icon-all,
.games-nav .games-nav-list > li > a:focus .game-menu-icon.game-menu-icon-all,
.games-nav .games-nav-list > li > a.active .game-menu-icon.game-menu-icon-all {
    background-image: url(../img/game-menu/hover_all_games.svg);
}
.games-nav-list .game-menu-icon.game-menu-icon-new {
    background-image: url(../img/game-menu/new_games.svg);
}
.games-nav .games-nav-list > li > a:hover .game-menu-icon.game-menu-icon-new,
.games-nav .games-nav-list > li > a:focus .game-menu-icon.game-menu-icon-new,
.games-nav .games-nav-list > li > a.active .game-menu-icon.game-menu-icon-new {
    background-image: url(../img/game-menu/hover_new_games.svg);
}
.games-nav-list .game-menu-icon-video-slots {
    background-image: url(../img/game-menu/video_slots.svg);
}
.games-nav .games-nav-list > li > a:hover .game-menu-icon.game-menu-icon-video-slots,
.games-nav .games-nav-list > li > a:focus .game-menu-icon.game-menu-icon-video-slots,
.games-nav .games-nav-list > li > a.active .game-menu-icon.game-menu-icon-video-slots {
    background-image: url(../img/game-menu/hover_video_slots.svg);
}
.games-nav-list .game-menu-icon-video-poker {
    background-image: url(../img/game-menu/video_poker.svg);
}
.games-nav .games-nav-list > li > a:hover .game-menu-icon.game-menu-icon-video-poker,
.games-nav .games-nav-list > li > a:focus .game-menu-icon.game-menu-icon-video-poker,
.games-nav .games-nav-list > li > a.active .game-menu-icon.game-menu-icon-video-poker {
    background-image: url(../img/game-menu/hover_video_poker.svg);
}
.games-nav-list .game-menu-icon-table-games {
    background-image: url(../img/game-menu/table_games.svg);
}
.games-nav .games-nav-list > li > a:hover .game-menu-icon.game-menu-icon-table-games,
.games-nav .games-nav-list > li > a:focus .game-menu-icon.game-menu-icon-table-games,
.games-nav .games-nav-list > li > a.active .game-menu-icon.game-menu-icon-table-games {
    background-image: url(../img/game-menu/hover_table_games.svg);
}
.games-nav-list .game-menu-icon-live-games {
    background-image: url(../img/game-menu/live_games.svg);
}
.games-nav .games-nav-list > li > a:hover .game-menu-icon.game-menu-icon-live-games,
.games-nav .games-nav-list > li > a:focus .game-menu-icon.game-menu-icon-live-games,
.games-nav .games-nav-list > li > a.active .game-menu-icon.game-menu-icon-live-games {
    background-image: url(../img/game-menu/hover_live_games.svg);
}
.games-nav-list .game-menu-icon-other {
    background-image: url(../img/game-menu/other_games.svg);
}
.games-nav .games-nav-list > li > a:hover .game-menu-icon.game-menu-icon-other,
.games-nav .games-nav-list > li > a:focus .game-menu-icon.game-menu-icon-other,
.games-nav .games-nav-list > li > a.active .game-menu-icon.game-menu-icon-other {
    background-image: url(../img/game-menu/hover_other_games.svg);
}
.games-nav-list .game-menu-icon-jackpot-games {
    background-image: url(../img/game-menu/jackpot_games.svg);
}
.games-nav .games-nav-list > li > a:hover .game-menu-icon.game-menu-icon-jackpot-games,
.games-nav .games-nav-list > li > a:focus .game-menu-icon.game-menu-icon-jackpot-games,
.games-nav .games-nav-list > li > a.active .game-menu-icon.game-menu-icon-jackpot-games {
    background-image: url(../img/game-menu/hover_jackpot_games.svg);
}
.games-nav-list .game-menu-icon-faves {
    background-image: url(../img/game-menu/fav_heart.svg);
}
.games-nav .games-nav-list > li > a:hover .game-menu-icon.game-menu-icon-faves,
.games-nav .games-nav-list > li > a:focus .game-menu-icon.game-menu-icon-faves,
.games-nav .games-nav-list > li > a.active .game-menu-icon.game-menu-icon-faves {
    background-image: url(../img/game-menu/hover_fav_heart.svg);
}
/*
.games-nav-list .main-menu-sprite {
    display: inline-block;
    overflow: hidden;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background-image: url(../img/main-menu-sprites-inactive.png);
    background-size: 900% 100%;
    vertical-align: text-bottom;
    text-align: center;
}

.games-nav .games-nav-list li a:hover .main-menu-sprite,
.games-nav .games-nav-list li a:focus .main-menu-sprite,
.games-nav .games-nav-list li a.active .main-menu-sprite {
    background-image: url(../img/main-menu-sprites-active.png);
}

.games-nav-list .main-menu-sprite.sprite-all {
    background-position: 0% 0%;
}

.games-nav-list .main-menu-sprite.sprite-new {
    background-position: 12.5% 0%;
}

.games-nav-list .main-menu-sprite.sprite-slots {
    background-position: 25% 0%;
}

.games-nav-list .main-menu-sprite.sprite-table {
    background-position: 37.5% 0%;
}

.games-nav-list .main-menu-sprite.sprite-live {
    background-position: 50% 0%;
}

.games-nav-list .main-menu-sprite.sprite-vpoker {
    background-position: 87.5% 0%;
}

.games-nav-list .main-menu-sprite.sprite-other {
    background-position: 100% 0%;
}

.games-nav-list .main-menu-sprite.sprite-jackpot {
    background-position: 62.5% 0%;
}

.games-nav-list .main-menu-sprite.sprite-faves {
    background-position: 100% 0%;
}

.games-nav .games-nav-list > li > a .fa.fa-heart {
    color: var(--game-nav-link-color);
}
*/
.games-nav .games-nav-options {
    position: absolute;
    right: 15px;
    left: 860px;
    padding: 8px 0;
    height: 100%;
}
@media (max-width: 1080px) {
    .games-nav-options {
        display: none;
    }
}
.search-top {
    position: absolute;
    right: 0;
}
.search-games {
    float: right;
    max-width: 300px;
    width: 100%;
}
.search-games input {
    height: 40px;
    font-size: 15px;
}
.games-nav-options .search-top .form-control {
    padding-right: 0;
    padding-left: 40px;
    height: 40px;
    border: none;
    border-right: none;
    border-radius: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: #fff url(../img/search-icon.png) 12px center no-repeat;
    box-shadow: none;
    line-height: 40px;
}
.search-games .input-group-btn.provider-btn .btn {
    position: relative;
    z-index: 4;
    margin: 0;
    height: 40px;
    border: none;
    /*border: 2px solid black;*/
    border: none;
    border-left: none;
    background: #fff;
    color: #000;
    vertical-align: top;
    font-weight: normal;
    font-size: 13px;
}
.search-games .input-group-btn.provider-btn .btn:hover {
    background: #fff;
}
/* Game filters */
.games-filters-wrapper {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
}
.filter-title {
    height: 24px;
    font-size: 15px;
    line-height: 24px;
}
.game-category {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    margin: 2px 0 5px;
}
.reset-button {
    color: #ffe362;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    line-height: 22px;
    margin: 5px 0;
    white-space: nowrap;
}
.reset-button:hover,
.reset-button:focus,
.reset-button:active {
    color: #ffe362;
    text-decoration: none;
}
.resort-search {
    margin: 10px 0;
    padding: 0 5px 0 42px;
    width: 100%;
    height: 40px;
    outline: none;
    border: none;
    border-radius: 20px;
    background: #12325a;
    background-image: url(../img/search-icon.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #fff;
    line-height: 40px;
}
.resort-search::-webkit-input-placeholder {
    color: #fff;
}
.resort-search::-o-placeholder {
    color: #fff;
    opacity: 1;
}
.resort-search::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.resort-search::-ms-input-placeholder {
    color: #fff;
}
.filter-list {
    margin: 0;
    padding: 0;
    height: 36px;
    list-style: none;
}
.filter-list li {
    float: left;
}
.filter-list li a {
    display: block;
}
.filter-list li a:hover,
.filter-list li a:focus,
.filter-list li a:active {
    text-decoration: none;
}
.filter-list li a span {
    color: #5f6e82;
    display: block;
}
.filter-list li a.active span,
.filter-list li a:hover span,
.filter-list li a:focus span,
.filter-list li a:active span {
    color: #ffe362;
}
.filter-list li a .filter-icon {
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 28px;
}
.filter-list li a .filter-button {
    border: 1px solid #5f6e82;
    border-radius: 13px;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    line-height: 22px;
    margin: 5px 0;
    padding: 0 10px;
    white-space: nowrap;
}
.filter-list li a.active .filter-button,
.filter-list li a:active .filter-button,
.filter-list li a:focus .filter-button,
.filter-list li a:hover .filter-button {
    border: 1px solid #ffe362;
}
.filter-list li .tooltip .tooltip-inner {
    background: #192532;
    color: #fff;
}
.filter-list li .tooltip.top .tooltip-arrow {
    border-top-color: #192532;
}
.filter-list li .tooltip.top-left .tooltip-arrow {
    border-top-color: #192532;
}
.filter-list li .tooltip.top-right .tooltip-arrow {
    border-top-color: #192532;
}
.filter-list li .tooltip.right .tooltip-arrow {
    border-right-color: #192532;
}
.filter-list li .tooltip.left .tooltip-arrow {
    border-left-color: #192532;
}
.filter-list li .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #192532;
}
.filter-list li .tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #192532;
}
.filter-list li .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #192532;
}
.providers-sprites {
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(../img/providers-sprites-inactive.png?v=2);
    background-size: 300% 600%;
    background-repeat: no-repeat;
}
.games-providers-list li a.providers-sprites.active,
.games-providers-list li a.providers-sprites:hover {
    background-image: url(../img/providers-sprites-active.png?v=2);
}
.providers-sprites-all {
    background-position: 0% 0%;
}
.providers-sprites-Netent {
    background-position: 50% 0%;
}
.providers-sprites-QuickFire {
    background-position: 100% 0%;
}
.providers-sprites-Ezugi {
    background-position: 0% 20%;
}
.providers-sprites-1x2 {
    background-position: 50% 20%;
}
.providers-sprites-Oryx {
    background-position: 100% 20%;
}
.providers-sprites-Intervision {
    background-position: 0% 40%;
}
.providers-sprites-BSOFT {
    background-position: 50% 40%;
}
.providers-sprites-GART {
    background-position: 100% 40%;
}
.providers-sprites-RCT {
    background-position: 0% 60%;
}
.providers-sprites-Booming {
    background-position: 50% 60%;
}
.providers-sprites-Leander {
    background-position: 100% 60%;
}
.providers-sprites-PlaynGO {
    background-position: 0% 80%;
}
.providers-sprites-Evolution {
    background-position: 50% 80%;
}
.providers-sprites-isoftbet,
.providers-sprites-isoftbetreevo {
    background-position: 100% 80%;
}
.providers-sprites-hollywoodtv {
    background-position: 0% 100%;
}
.providers-sprites-PragmaticPlay {
    background-position: 50% 100%;
}
.providers-sprites-Gamomat {
    background-position: 100% 100%;
}
/* Load more games wrap */
.btn-expand-wrap {
    display: none;
    padding: 20px 0;
    text-align: center;
}
.expanded-text-wrap {
    margin-bottom: 20px;
}
.expanded-text {
    display: inline-block;
    padding: 0 50px;
    background: #071220;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}
.expanded-number {
    padding: 0 5px;
    color: #ffe362;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
}
.btn-expand-all {
    display: none;
    margin-left: 20px;
}
/* Games wrap with error screen */
.games-screen.unloaded .game-wrap {
    position: absolute;
    display: none;
}
.games-screen.loading .game-wrap {
    position: absolute;
    visibility: hidden;
}
/*Gamepage Addon*/
#games-bottom {
    background-color: #071220;
    padding-bottom: 50px;
}
#games-bottom .home-bottom-block {
    height: 450px;
    width: 100%;
    background: #0a1b30;
    border-radius: 6px;
    padding: 35px 25px;
}
#games-bottom .home-bottom-block h3 {
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    margin: 0;
}
#games-bottom .home-bottom-block h5 {
    text-align: center;
    color: #cfd9e5;
    margin-bottom: 20px;
}
#games-bottom .home-bottom-block.why-us-block .why-us-block-li {
    width: 100%;
    padding: 10px 0 5px;
    overflow: hidden;
    margin-bottom: 23px;
}
#games-bottom .home-bottom-block.why-us-block .why-us-block-li .why-us-block-img {
    display: block;
    float: left;
    width: 60px;
    margin-right: 15px;
}
#games-bottom .home-bottom-block.why-us-block .why-us-block-li .why-us-block-info {
    display: block;
    width: 230px;
    float: left;
}
#games-bottom .home-bottom-block.why-us-block .why-us-block-li .why-us-block-info .why-us-block-title {
    color: #ffe362;
    font-weight: bold;
    font-size: 16px;
    line-height: 27px;
    margin: 0;
}
#games-bottom .home-bottom-block.why-us-block .why-us-block-footer {
    text-align: center;
}
#games-bottom .home-bottom-block.why-us-block .why-us-block-footer .why-us-block-footer-title {
    color: #ffffff;
    font-size: 16px;
}
/*Jackpot Block*/
#games-bottom .home-bottom-block.jackpot-block .jackpot-games-button-wrap {
    text-align: center;
    padding: 10px 0;
}
#games-bottom .home-bottom-block.jackpot-block .jackpot-games .home-jackpot-game {
    margin-bottom: 10px;
    overflow: hidden;
}
#games-bottom .home-bottom-block.jackpot-block .jackpot-games .home-jackpot-game img {
    height: auto;
    width: 25%;
    float: left;
    border-radius: 6px;
}
#games-bottom .home-bottom-block.jackpot-block .jackpot-games .home-jackpot-game .game-content {
    float: left;
    padding-left: 15px;
    width: 75%;
}
#games-bottom .home-bottom-block.jackpot-block .jackpot-games .home-jackpot-game .game-name {
    color: #ffffff;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 27px;
}
#games-bottom .home-bottom-block.jackpot-block .jackpot-games .home-jackpot-game .game-provider {
    color: #aeb8c5;
    float: left;
    font-size: 12px;
    line-height: 27px;
    margin-left: 5px;
    text-transform: uppercase;
}
#games-bottom .home-bottom-block.jackpot-block .jackpot-games .home-jackpot-game .game-jackpot {
    width: 75%;
    line-height: 28px;
    float: left;
    font-size: 28px;
    color: #ffe362;
    font-weight: 600;
    padding-left: 15px;
}
/*Mobile Block*/
#games-bottom .home-bottom-block.mobile-block img.home-news-mobile-icon {
    display: block;
    margin: 9px auto 0;
    max-width: 250px;
    width: 100%;
}
#games-bottom .home-bottom-block.mobile-block img.home-news-mobile-os-icon {
    display: block;
    margin: 0 auto 20px;
}
#games-bottom .home-bottom-block.mobile-block a {
    display: block;
    margin: auto;
    max-width: 154px;
}
/*END : Gamepage Addon*/
.game-wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    -webkit-transition: 500ms -webkit-transform ease-out;
    transition: 500ms -webkit-transform ease-out;
    transition: 500ms transform ease-out;
    transition: 500ms transform ease-out, 500ms -webkit-transform ease-out;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    will-change: transform;
}
.game-wrap:hover {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-transition: 500ms -webkit-transform ease-out;
    transition: 500ms -webkit-transform ease-out;
    transition: 500ms transform ease-out;
    transition: 500ms transform ease-out, 500ms -webkit-transform ease-out;
    z-index: 50;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    will-change: transform;
}
.game-center-wrap {
    width: 20%;
    float: left;
}
@media (max-width: 1100px) {
    .game-center-wrap {
        width: 25%;
    }
}
.game-wrap .game-flag {
    display: none;
    position: absolute;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 0;
    height: 94px;
    width: 94px;
    z-index: 30;
    pointer-events: none;
}
.game-wrap .game-flag.flag-new {
    background-image: url(../img/game-new.png);
    display: block;
}
.game-wrap .game-flag.flag-popular {
    background-image: url(../img/game-popular.png);
    display: block;
}
.game-wrap .game-flag.flag-jackpot {
    background-image: url(../img/game-jackpot.png);
    display: block;
}
.game-wrap .jackpot-amount {
    background: rgba(13, 10, 24, 0.8);
    bottom: 30px;
    color: #efd25e;
    display: none;
    height: 30px;
    left: 0;
    line-height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 5;
}
.game-wrap.jackpot-game .jackpot-amount {
    display: block;
}
.game-wrap .game-image-wrap .game-image {
    width: 100%;
}
.game-wrap .game-icon-overlay {
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.game-wrap .game-play-overlay {
    background: rgba(255, 227, 98, 0.8);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 25;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.game-wrap:hover .game-play-overlay {
    opacity: 1;
}
.game-option {
    height: 100%;
    min-width: 125px;
    width: 100%;
}
.game-wrap .game-name {
    color: #fefefe;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
.game-wrap .game-name-overlay {
    bottom: 7px;
    color: var(--game-wrap-game-name-overlay-color);
    font-weight: 700;
    height: 40px;
    left: 16px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 16px;
    text-shadow: 0px 0px #000;
    white-space: normal;
    white-space: initial;
}
.game-wrap .game-type {
    color: #7c7c7c;
    width: 100%;
    margin-top: 3px;
    font-size: 10px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-transform: uppercase;
}
#gamepage .moreGames {
    padding: 15px 0 10px;
}
.game-wrap .game-image-wrap {
    position: relative;
    display: block;
    margin: 0 auto;
}
.game-wrap.game-wrap-category {}
.game-wrap .faveTrigger {
    position: absolute;
    right: 4px;
    bottom: 1px;
    z-index: 40;
    display: block;
    width: 17px;
    height: 15px;
    background: url(../img/fave-inactive.svg) center center no-repeat;
    background-size: 100% 100%;
}
.game-wrap .faveTrigger.isfave {
    background: url(../img/fave-active.svg) center center no-repeat;
    background-size: 100% 100%;
}
/*@import "parts/c-game-v2.css";*/
/*@import "parts/c-faq-v1.css";*/
.search-faq {
    width: 100%;
}
.search-faq input {
    font-size: 15px;
    height: 40px;
}
.search-faq .form-control {
    height: 40px;
    line-height: 40px;
    background: #fff url(../img/search-icon.png) 12px center no-repeat;
    border: 1px solid #acb8c4;
    border-radius: 8px !important;
    padding-left: 40px;
    box-shadow: none;
}
.search-faq .form-control:focus {
    box-shadow: none;
    background: #fff url(../img/search-icon.png) 12px center no-repeat;
}
.faq-default-text {
    font-size: 20px;
    color: #000;
    width: 100%;
    display: block;
    padding: 10px 0;
}
.content-tab-container {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin-bottom: 30px;
}
.content-tabs {
    margin: 0;
    padding: 0;
}
.content-tabs li {
    list-style-type: none;
    margin-bottom: 10px;
}
.content-tabs li a {
    line-height: 40px;
    font-size: 12px;
    width: 100%;
    display: block;
    padding: 0;
    color: #9dacba;
    font-weight: bold;
    padding: 0 15px;
    text-decoration: none;
    border-radius: 6px;
    -webkit-transition: .3s;
    transition: .3s;
}
.content-tabs li a:hover,
.content-tabs li a:focus {
    background: #d4d4d4;
    color: #000;
    -webkit-transition: .3s;
    transition: .3s;
}
.content-tabs li.active a {
    color: #000;
    background: #ffe362;
}
.tab-content-wrapper {
    background: #071220;
}
.tab-content.faq-content {
    width: 100%;
    padding: 0;
}
.content-accordion .panel {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.content-accordion .panel-heading {
    background: none;
    border: none;
    padding: 10px 0;
}
.content-accordion .panel-heading a {
    color: #ffe362;
    vertical-align: middle;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
}
.content-accordion .panel-heading a:focus {
    text-decoration: none;
}
.content-accordion .panel-heading a.collapsed {
    color: #9e9155;
    text-decoration: none;
}
.content-accordion .panel-heading .fa {
    font-size: 15px;
    line-height: 20px;
    margin-right: 5px;
}
.content-accordion .panel-heading a.collapsed .fa {
    color: #c63500;
}
.tab-content .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 0;
    padding: 0;
    color: #fff;
    font-size: 15px;
    width: 100%;
    line-height: 18px;
}
.content-accordion .panel-heading .question-category {
    padding: 5px;
    background: #129854;
    height: 20px;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 6px;
    color: #ffffff;
    margin-right: 10px;
}
.content-accordion .panel-content a {
    color: #0382d3;
}
.content-accordion .panel-content p {
    line-height: 22px;
}
/*@import "parts/c-footer-v1.css";*/
/*@import "parts/c-footer-v2.css";*/
.footer-wrapper {
    background-color: #030c16;
    padding-top: 20px;
    padding-bottom: 80px;
}
#sports-page .footer-wrapper{
    background: #0b223e;
}
#homepage .footer-wrapper {
    position:relative;
    z-index: 100;
}
.footer .footer-menu .footer-menu-list {
    list-style: none;
    padding: 30px 0px 10px;
    text-align: center;
}
.footer .footer-menu {
    padding: 0;
    margin: 0;
}
.footer .footer-menu .footer-menu-list > li {
    display: inline-block;
    padding: 0 10px;
    font-size: 14px
}
.footer .footer-menu .footer-menu-list > li:first-child {
    padding-left: 0;
}
.footer .footer-menu .footer-menu-list > li > a {
    color: #fff;
    font-weight: bold;
}
.footer .footer-menu .footer-text {
    padding: 0;
    color: #9eaab7;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
}
#footer-links {
    display: block;
    list-style: none;
    margin: 20px -15px 0;
    overflow: hidden;
    padding: 0;
}
#footer-links li {
    float: left;
    width: 14%;
}
#footer-links .footer-btn {
    background-image: url(../img/footer/footer-sprite-grey.png?v=4);
    background-repeat: no-repeat;
    background-size: 800% 100%;
    display: block;
    height: 50px;
    margin: 0 auto;
    max-width: 117px;
    text-align: center;
    width: 100%;
}
#footer-links .footer-btn:hover {
    background-image: url(../img/footer/footer-sprite.png?v=4);
}
.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);
}
#footer-links .footer-social {
    float: right;
    width: 5%;
}
#footer-links .footer-btn-sm {
    background-image: url(../img/footer/footer-social-sprite.png);
    background-repeat: no-repeat;
    background-size: 400% 100%;
    display: block;
    height: 50px;
    margin: 0 auto;
    max-width: 50px;
    text-align: center;
    width: 100%;
}
.footer-btn-twitter {
    background-image: url(../img/footer/twitter.svg) !important;
    background-position: center;
    background-size: 55% !important;
}
.footer-btn-gplus {
    background-position: 33.333334% 0%;
}
.footer-btn-facebook {
    background-position: 66.666667% 0%;
}
.footer-btn-instagram {
    background-position: 100% 0%;
}
#footer-links .footer-btn-sm img {
    max-width: 100%;
}
/*BANKING*/
.footer-banking {
    padding: 0;
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
    min-height: 50px;
}
.footer-banking .footer-menu-list {
    padding: 0;
    margin: 0;
    text-align: center;
}
.footer-banking li {
    padding: 0;
    list-style-type: none;
    display: inline-block;
    margin: 0 20px;
}
.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 .footer-btn img {
    width: 100%;
    max-width: 80px;
}
.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 .banking-button-image-sepa {
    background-image: url(../img/footer/banking/inactive/sepa.png);
}
.footer-banking .banking-button-image-bankibancustom {
    background-image: url(../img/footer/banking/inactive/bankibancustom.png);
}
.footer-banking .banking-button-image-cryptocurrencybitpace {
    background-image: url(../img/footer/banking/inactive/cryptocurrencybitpace.png);
}
/*END BANKING*/
/*@import "parts/c-footer-v4.css";*/
.bottom-bar {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 44px;
    background: #0b223e;
    z-index: 10000;
    min-width: 960px;
}
/*BOTTOM BAR ERROR*/
.bottom-games .bottom-games-error {
    height: 100%;
    overflow: hidden;
    position: relative;
    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;
}
.bottom-games .bottom-games-error h3 {
    color: #fff;
    text-align: center;
    margin: 0;
}
/*BOTTOM BAR ERROR*/
/* LIVE SUPPORT TABS*/
.livechat .livechat-tabs > li {
    float: left;
    width: 50%;
    margin: 0;
    text-align: center;
}
/*
.livechat .livechat-tabs.livechat-tabs-live > li {
    width: 50%;
}
.livechat .livechat-tabs.livechat-tabs-live .livechatChatTrigger {
    display: block;
}
*/
.livechat .nav-tabs>li>a,
.livechat .nav-tabs>li.active>a,
.livechat .nav-tabs>li.active>a:hover,
.livechat .nav-tabs>li.active>a:focus {
    background-color: transparent;
    color: #bcbcbc;;
    cursor: pointer;
    font-size: 90%;
    font-weight: bold;
    border: none;
    border-radius: 0;
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
}
.livechat .nav-tabs>li.active>a,
.livechat .nav-tabs>li.active>a:hover,
.livechat .nav-tabs>li.active>a:focus {
    background-color: transparent;
    border-bottom: 2px solid #ffe362;
    color: #ffe362;
}
.livechat .nav-tabs {
    border: none;
    width: 100%;
}
/* END LIVE SUPPORT TABS*/
/* LIVE SUPPORT CONTACT FORM*/
.bottom-bar .contact-form-content {
    width: 100%;
    height: 377px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #bcbcbc;
}
.bottom-bar .contact-form-content .contact-form {
    width: 80%;
    margin: 0 auto 0;
    padding: 0;
}
.bottom-bar .contact-form-content .contact-form label {
    font-size: 80%;
}
.bottom-bar .contact-form-content .contact-form .form-group {
    margin-bottom: 6px;
}
.bottom-bar .contact-form-content .contact-form input.form-control {
    max-height: 30px;
}
.bottom-bar .contact-alert.contact-error,
.bottom-bar .contact-alert.contact-success {
    background: url(../img/contact-error.svg) left center no-repeat;
    padding-left: 25px;
    line-height: 20px;
    font-size: 16px;
    text-align: left;
    margin: 10px auto 0;
    color: #de2424;
}
.bottom-bar .contact-alert.contact-success {
    background: url(../img/contact-success.svg) left center no-repeat;
    color: #37b767;
}
.bottom-bar .contact-form-header h3 {
    color: #fff;
    text-align: center;
}
.bottom-bar .contact-form-header p {
    color: #fff;
    text-align: center;
    font-size: 80%;
}
/* END LIVE SUPPORT CONTACT FORM*/
.bottom-bar .livechat-wrap {
    width: 300px;
    height: 44px;
    z-index: 3000;
    position: relative;
    float: right;
}
.bottom-bar .livechat-wrap .livechat {
    background: #000000;
    background: -webkit-linear-gradient(top,  #000000 0%,#040f1d 100%);
    background: linear-gradient(to bottom,  #000000 0%,#040f1d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#040f1d',GradientType=0 );
    width: 300px;
    height: 463px;
    position: absolute;
    right: 0;
    bottom: -419px;
    z-index: 3000;
    -webkit-transition: .3s;
    transition: .3s;
}
.bottom-bar .livechat-wrap .livechat.shown {
    bottom: 0;
}
.bottom-bar .livechat-button-container {
    position: relative;
    cursor: pointer;
    background-color: #ffe362;
}
.bottom-bar .livechat-button {
    background: url(../img/livechat.svg) 15px center no-repeat;
    background-size: 30px;
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    padding-left: 60px;
    width: 65%;
    float: left;
}
.bottom-bar .livechat-clock {
    float: left;
    line-height: 44px;
    text-align: center;
    display: inline-block;
    color: #000;
    font-size: 14px;
    pointer-events: none;
    font-weight: bold;
}
.bottom-bar .livechat-button-container > .glyphicon {
    float: right;
    display: inline-block;
    line-height: 44px;
    margin-right: 10px;
    cursor: pointer;
    color: #000;
    display: none;
}
.bottom-bar .livechat-button-container > .glyphicon {
    float: right;
    display: inline-block;
    line-height: 44px;
    margin-right: 10px;
    cursor: pointer;
    color: #000;
}
.bottom-bar .livechat .livechat-button-container .glyphicon-chevron-up {
    display: block;
}
.bottom-bar .livechat.shown .livechat-button-container .glyphicon-chevron-down {
    display: block;
}
.bottom-bar .livechat.shown .livechat-button-container .glyphicon-chevron-up {
    display: none;
}
.bottom-bar .livechat-wrap .livechat #chatContainer {
    height: 419px;
    width: 100%;
    position: relative;
}
.bottom-bar .livechat-button:hover,
.bottom-bar .livechat-button:focus,
.bottom-bar .livechat-button:active {
    padding-bottom: 0;
    color: #000;
    text-decoration: none;
}
.bottom-bar .livechat-wrap .livechat.shown .livechat-button {
    padding-bottom: 0;
    color: #000;
    text-decoration: none;
}
.bottom-bar .livechat-wrap .livechat.shown .livechat-button span {
    float: right;
    padding-right: 15px;
    padding-top: 15px;
}
.bottom-bar .livechat-wrap .livechat.not-shown .livechat-button span {
    display: none;
}
.bottom-bar .livechat-content {
    width: 100%;
    height: 334px;
    overflow-x: hidden;
    overflow-y: auto;
}
.bottom-bar .livechat-field {
    height: 44px;
    width: 100%;
    border: none;
    border-top: 1px solid #434343;
    background: #fff;
    color: #000;
    padding: 5px 10px;
}
.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;
}
#conversation {
    overflow: auto;
    padding: 10px;
    max-height: 333px;
    height: 333px;
}
#conversation .msg-left,
#conversation .msg-right {
    display: block;
    margin: 2px 0;
}
#conversation .msg-left ul {
    list-style-type: none;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    float: none;
    position: relative;
    border-radius: 3px;
    background-color: #102238;
    background-image: -webkit-linear-gradient(bottom, rgba(18, 19, 19, .1), rgba(255, 255, 255, .1));
    background-image: linear-gradient(to top, rgba(18, 19, 19, .1), rgba(255, 255, 255, .1));
}
#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: 10px;
    margin-left: 10px;
    padding: 10px;
    float: none;
    position: relative;
    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: 15px;
    color: #fff;
    max-width: 250px;
    word-wrap: break-word;
}
#conversation .msg-left ul li.msg-title {
    font-size: 10px;
}
#conversation .msg-left ul li {
    text-align: left;
}
#conversation .msg-right ul li {
    background: none;
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    color: #393939;
    max-width: 250px;
    word-wrap: break-word;
}
#conversation .msg-right ul li.msg-title {
    font-size: 10px;
}
#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);
    }
}
.bottom-bar .broadcast-wrap {
    position: relative;
    overflow: hidden;
}
@media (max-width: 1300px) {
    .broadcast-wrap {
        display: none;
    }
}
.bottom-bar .dropups-wrap {
    position: relative;
    width: auto;
    float: right;
    margin-right: 10px;
    height: 44px;
}
.bottom-bar .dropups-wrap .dropup {
    display: inline-block;
    line-height: 44px;
    padding: 0 10px;
    position: relative;
}
.bottom-bar .dropups-wrap .dropup > a {
    color: #bcbcbc;
}
.bottom-bar .dropups-wrap .dropdown-toggle {
    color: #bcbcbc;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
.bottom-bar .dropups-wrap .dropdown-toggle:hover,
.bottom-bar .dropups-wrap .dropdown-toggle:focus,
.bottom-bar .dropups-wrap .dropdown-toggle:active {
    text-decoration: none;
}
.bottom-bar .dropups-wrap .lang-dropup {
    border-radius: 4px;
    border: none;
    padding: 0;
    background: #0a1b30;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    left: -63px;
    right: -140px;
    max-width: 210px;
}
.bottom-bar .dropups-wrap .lang-dropup > li {
    display: block;
    float: left;
    width: 33.333333%;
}
.bottom-bar .dropups-wrap .lang-dropup > li > a {
    color: #fff;
    line-height: 32px;
    font-size: 13px;
    padding: 3px 10px;
    transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    -webkit-transition: background .2s linear;
}
.bottom-bar .dropups-wrap .lang-dropup > li > a:hover,
.bottom-bar .dropups-wrap .lang-dropup > li > a:focus {
    background: #fff;
    color: #0a1b30;
    transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    -webkit-transition: background .2s linear;
}
.bottom-bar .dropups-wrap .lang-dropup > li:nth-child(1) > a {
    border-top-left-radius: 4px;
}
.bottom-bar .dropups-wrap .lang-dropup > li:nth-child(3) > a {
    border-top-right-radius: 4px;
}
.bottom-bar .dropups-wrap .lang-dropup > li > a .lang-sel-img {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.bottom-bar .dropups-wrap .lang-dropup > li > a .lang-sel-text {
    display: block;
    font-weight: bold;
    height: 25px;
    line-height: 14px;
    text-align: center;
    white-space: break-spaces;
}
.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-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%;
}
.bottom-bar .dropups-wrap .help-dropup {
    border-radius: 4px;
    border: none;
    padding: 3px 0;
    background: #0a1b30;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    left: -100px;
    right: -100px;
    max-width: 160px;
}
.bottom-bar .dropups-wrap .help-dropup > li > a {
    color: #fff;
    padding: 3px 13px;
}
.bottom-bar .dropups-wrap .help-dropup > li > a:hover,
.bottom-bar .dropups-wrap .help-dropup > li > a:focus {
    background: #fff;
    color: #0a1b30;
}
.bottom-bar .dropups-wrap .dropdown-menu:before {
    position: absolute;
    bottom: -10px;
    left: 95px;
    display: inline-block;
    border-right: 10px solid transparent;
    border-top: 10px solid #0a1b30;
    border-left: 10px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.bottom-bar .dropups-wrap .dropdown-menu:after {
    position: absolute;
    bottom: -10px;
    left: 95px;
    display: inline-block;
    border-right: 10px solid transparent;
    border-top: 10px solid #0a1b30;
    border-left: 10px solid transparent;
    content: '';
}
.news-view {
    position: relative;
    overflow: hidden;
    width: auto;
    padding: 0;
    display: block;
}
.news-view:hover,
.news-view:focus,
.news-view:active {
    text-decoration: none;
}
.news-view .news-title {
    color: #ffe362;
    font-weight: bold;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    float: left;
    display: block;
    margin: 0 10px;
}
.news-view .news-content {
    position: relative;
    width: auto;
    overflow: hidden;
    display: block;
    height: 44px;
}
.news-view .news-content.loading {
    background: url(../img/news-loader.gif) center center no-repeat;
}
.news-view .news-content .broadcast-list {
    margin: 0;
    padding: 0;
    height: 44px;
    width: 100%;
    position: relative;
}
.news-view .news-content .broadcast-list li {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.news-view .news-content .broadcast-list li.active {
    opacity: 1;
    z-index: 20;
}
.news-view .news-content .broadcast-list li a {
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
}
.broadcast-list li a .broadcast-text {
    line-height: 44px;
    height: 44px;
    padding-left: 20px;
    padding-right: 60px;
    white-space: nowrap;
    position: absolute;
}
.news-view .news-content .news-text-fade-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    background: rgba(0, 0, 0, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(11, 34, 62, 1)), color-stop(100%, rgba(11, 34, 62, 0)));
    background: -webkit-linear-gradient(left, rgba(11, 34, 62, 1) 0%, rgba(11, 34, 62, 0) 100%);
    background: linear-gradient(to right, rgba(11, 34, 62, 1) 0%, rgba(11, 34, 62, 0) 100%);
}
.news-view .news-content .news-text-fade-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 20px;
    background: rgba(0, 0, 0, 0);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(11, 34, 62, 0)), color-stop(100%, rgba(11, 34, 62, 1)));
    background: -webkit-linear-gradient(left, rgba(11, 34, 62, 0) 0%, rgba(11, 34, 62, 1) 100%);
    background: linear-gradient(to right, rgba(11, 34, 62, 0) 0%, rgba(11, 34, 62, 1) 100%);
}
.bottom-bar .quickgame-wrap {
    position: relative;
    float: left;
    height: 44px;
}
.bottom-bar .quickgame-wrap .bottom-games-button {
    line-height: 44px;
    color: #d1d1d1;
    font-size: 14px;
    font-weight: bold;
    height: 44px;
    padding: 0 15px;
    display: block;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
}
.bottom-bar .quickgame-wrap .bottom-games-button:hover,
.bottom-bar .quickgame-wrap .bottom-games-button:focus,
.bottom-bar .quickgame-wrap .bottom-games-button.active {
    background-color: #040f1d;
    color: #ffe362;
    text-decoration: none;
}
.bottom-bar .quickgame-wrap .bottom-games-button span {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 5px;
    margin-bottom: -2px;
}
.bottom-bar .quickgame-wrap .bottom-games-button .recent-icon {
    background: url(../img/bottom-bar/recent-inactive-icon.svg) center center no-repeat;
}
.bottom-bar .quickgame-wrap .bottom-games-button:hover .recent-icon,
.bottom-bar .quickgame-wrap .bottom-games-button:focus .recent-icon,
.bottom-bar .quickgame-wrap .bottom-games-button.active .recent-icon {
    background: url(../img/bottom-bar/recent-active-icon.svg) center center no-repeat;
}
.bottom-bar .quickgame-wrap .bottom-games-button .favourite-icon {
    background: url(../img/bottom-bar/favorite-inactive-icon.svg) center center no-repeat;
}
.bottom-bar .quickgame-wrap .bottom-games-button:hover .favourite-icon,
.bottom-bar .quickgame-wrap .bottom-games-button:focus .favourite-icon,
.bottom-bar .quickgame-wrap .bottom-games-button.active .favourite-icon {
    background: url(../img/bottom-bar/favorite-active-icon.svg) center center no-repeat;
}
.bottom-bar .quickgame-wrap .bottom-games-button .popular-icon {
    background: url(../img/bottom-bar/popular-inactive-icon.svg) center center no-repeat;
}
.bottom-bar .quickgame-wrap .bottom-games-button:hover .popular-icon,
.bottom-bar .quickgame-wrap .bottom-games-button:focus .popular-icon,
.bottom-bar .quickgame-wrap .bottom-games-button.active .popular-icon {
    background: url(../img/bottom-bar/popular-active-icon.svg) center center no-repeat;
}
@media (max-width: 1080px) {
    .bottom-bar .quickgame-wrap .bottom-games-button.bottom-games-button-popular {
        display: none;
    }
}
.bottom-bar .bottom-games-wrap {
    background: #040f1d;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 4000;
    height: 0;
    padding: 0 50px;
}
.bottom-bar .bottom-arrow-wrap {
    height: 150px;
    width: 50px;
    position: absolute;
    top: 0;
}
.bottom-bar .bottom-arrow-wrap-left {
    left: 0;
}
.bottom-bar .bottom-arrow-wrap-right {
    right: 0;
}
.bottom-bar .bottom-arrow-wrap .bottom-list-arrow {
    display: block;
    width: 100%;
    height: 100%;
}
.bottom-bar .bottom-arrow-wrap-left .bottom-list-arrow {
    background: url(../img/bottom-arrow-left.png) center center no-repeat;
}
.bottom-bar .bottom-arrow-wrap-right .bottom-list-arrow {
    background: url(../img/bottom-arrow-right.png) center center no-repeat;
}
.bottom-bar .bottom-arrow-wrap .bottom-list-arrow.arrow-hidden {
    display: none;
}
.bottom-bar .bottom-games {
    text-align: center;
    width: 100%;
    height: 165px;
}
.bottom-bar .bottom-games .games-list-inner {
    height: 100%;
    overflow: hidden;
    padding: 15px 0;
    width: 100%;
}
.bottom-bar .bottom-game {
    width: 160px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}
.bottom-bar .bottom-game .game-link {
    width: 110px;
    margin: 0 auto;
    display: block;
}
.bottom-bar .bottom-game img {
    background: #040f1d;
    border-radius: 8px;
    display: block;
    width: 110px;
    height: 110px;
}
.bottom-bar .bottom-game span {
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    text-shadow: 0 1px 2px #000;
}
.bottom-bar .bottom-game .bottom-game-info {
    height: 40px;
    padding: 0 20px;
}
#homepage .bottom-bar {
    background: none;
    min-width: 1170px;
}
#homepage .bottom-bar .livechat-button {
    background: url(../img/livechat-white.svg) 15px no-repeat;
    background-size: 30px;
}
#homepage .bottom-bar .livechat-button-container {
    background: rgba(3, 11, 28, .8);
}
#homepage .bottom-bar .livechat-button,
#homepage .bottom-bar .livechat-clock {
    color: #fff;
}
#homepage .bottom-bar .dropups-wrap {
    float: left;
    background: #030a18;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#homepage .bottom-bar .dropups-wrap .dropdown-menu:before {
    display: none
}
#homepage .bottom-bar .dropups-wrap .dropdown-menu:after {
    display: none
}
#homepage .bottom-bar .dropups-wrap .dropup {
    width: 150px;
}
#homepage .bottom-bar .dropups-wrap .lang-dropup {
    left: 0;
    right: 0;
    width: 150px;
    padding: 10px 0;
    background: #1f2b44;
}
#homepage .bottom-bar .dropups-wrap .lang-dropup>li {
    width: 100%;
}
#homepage .bottom-bar .dropups-wrap .lang-dropup>li>a:focus,
#homepage .bottom-bar .dropups-wrap .lang-dropup>li>a:hover {
    background: #101829;
    color: #fff;
}
#homepage .bottom-bar .dropups-wrap .lang-dropup>li>a .lang-sel-text {
    display: inline-block;
    line-height: 24px;
}
#homepage .lang-sel-img {
    background-image: url(../img/bottom-bar/lang-icons-custom.png?v=3);
    background-size: 400% 200%;
    height: 24px;
    width: 24px;
    margin-right: 8px;
}
#homepage .lang-sel-en {
    background-position: 0% 0%;
}
#homepage .lang-sel-sv {
    background-position: 66.66666% 0%;
}
#homepage .lang-sel-en-ca {
    background-position: 100% 0%;
}
#homepage .lang-sel-fi {
    background-position: 0% 100%;
}
#homepage .lang-sel-no {
    background-position: 33.33333% 100%;
}
#homepage .lang-sel-be {
    background-position: 66.66666% 100%;
}
#homepage .lang-sel-fr,
#homepage .lang-sel-it,
#homepage .lang-sel-de {
    background-position: 100% 100%;
}
#homepage .bottom-bar .dropups-wrap .lang-dropup>li>a .lang-sel-img {
    display: inline-block;
    margin-right: 8px;
}
#homepage .bottom-bar .dropups-wrap .lang-dropup>li:nth-child(4) {
    margin: 0;
}
#homepage .bottom-bar .dropups-wrap .lang-dropup>li:nth-child(1)>a {
    border-radius: 0;
}
#homepage .dropdown-menu {
    min-width: 0;
}
#homepage .mga {
    height: 44px;
    display: inline-block;
    line-height: 44px;
    padding: 0 10px;
    background: #030a18;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-right: 10px
}
#homepage .mga img {
    height: 22px;
    margin: 0 5px;
}
#homepage .mga-alert {
    height: 44px;
    display: inline-block;
    line-height: 44px;
}
#homepage .mga-alert p {
    margin: 0;
    color: #fff;
    line-height: 44px;
}
#homepage .social-icons-list {
    float: right;
    height: 44px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-right: 30px;
}
#homepage .social-icons-list > li {
    display: inline-block;
    line-height: 44px;
}
#homepage .social-icons-list > li > a > img {
    height: 32px;
    margin: 0 5px;
}
.modal {
    background: rgba(22, 22, 22, 0.7);
}
#promoModal .modal-dialog {
    width: 800px;
}
#promoModal .modal-content {
    position: relative;
    min-height: 350px;
    padding: 0;
    border-radius: 4px;
}
#promoModal .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    opacity: 1;
    z-index: 10001;
}
#promoModal .modal-content .modal-body {
    width: 100%;
    height: 100%;
    min-height: 350px;
    overflow: hidden;
    padding: 30px;
    background: #040e1b;
    background: -webkit-linear-gradient(top,  #040e1b 0%,#0a1b30 100%);
    background: linear-gradient(to bottom,  #040e1b 0%,#0a1b30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040e1b', endColorstr='#0a1b30',GradientType=0 );
}
#promoModal .populatePromoTitle {
    color: #fff;
    font-size: 32px;
    margin-bottom: 20px;
    display: block;
}
#promoModal .promo-modal-text {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    display: block;
}
#promoModal .promo-modal-text h1,h2,h3 {
    margin-top: 0;
}
#promoModal .promo-modal-text a {
    color: #ffe362;
}
#promoModal .promo-modal-text h5 {
    font-size: 15px;
}
#promoModal .promo-modal-text h6 {
    font-size: 10px;
}
#promoModal .promo-modal-button-wrap {
    margin: 15px 0;
}
#promoModal .btn-cashback-modal {
  display: none;
}
#promoModal .btn-cashback-modal.showCashbackBtn {
  display: inline-block;
}
.media-body,
.media-left {
    width: 40%;
}
.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}
.media-left,
.media>.pull-left {
    padding-right: 10px;
}
#promoModal .populatePromoImage {
    border-radius: 4px;
}
#promoModal .promo-modal-footer {
    width: 50%;
}
#viewTCModal .modal-dialog,
#acceptTCModal .modal-dialog {
    max-width: 770px;
    margin: 30px auto 74px;
    width: 770px;
}
#viewTCModal .modal-content,
#acceptTCModal .modal-content {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#viewTCModal .modal-header,
#acceptTCModal .modal-header {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    padding: 8px 8px 9px;
}
#viewTCModal .modal-title,
#acceptTCModal .modal-title {
    color: #333;
    font-size: 32px;
    font-weight: bold;
    margin: 20px 0 5px;
    text-align: center;
}
#viewTCModal .modal-subtitle,
#acceptTCModal .modal-subtitle {
    color: #ef5e5e;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px;
    text-align: center;
}
#viewTCModal .close,
#acceptTCModal .close {
    color: #333;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    opacity: 1;
    text-shadow: 0 1px 0 #000;
}
#viewTCModal .modal-text,
#acceptTCModal .modal-text {
    color: #333;
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}
#viewTCModal .modal-terms,
#acceptTCModal .modal-terms {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #333;
    height: 370px;
    width: 100%;
}
#acceptTCModal .reg-accept-label {
    color: #000;
}
#greetingModal .modal-dialog {
    width: 560px;
}
#greetingModal .modal-header {
    border-bottom: none;
    padding: 25px 25px 15px;
}
#greetingModal .modal-header .close {
    opacity: 1;
}
#greetingModal .modal-header .close:hover {
    opacity: 1;
}
#greetingModal .modal-title {
    font-size: 32px;
}
#greetingModal .modal-body {
    padding: 0 25px 25px;
}
#greetingModal .modal-body p {
    font-size: 14px;
    margin-bottom: 20px;
}
/* PROFILE MODAL STYLE*/
#profileModal .modal-content{
    background: #040e1b;
    position: relative;
    padding: 20px 10px;
}
#profileModal .close{
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
}
#profileModal .modal-header{
    border: none;
}
#profileModal .profile-form{
    margin-top: 20px;
}
#profileModal .modal-content .profile-title{
    line-height: 30px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    text-align: center;
}
#profileModal .modal-content .close{
   z-index: 900;
   position: absolute;
   right: 10px;
   top: 10px;
}
#profileModal .form-error{
    line-height: 30px;
    font-size: 18px;
    display: none;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    color: #d8000c;
    background: transparent;
}
#profileModal .form-success{
    line-height: 30px;
    font-size: 18px;
    display: none;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    color: var(--registration-reg-form-error-color2);
    background: transparent;
}
/* CASHBACK MODAL STYLE*/
#cashbackModal .modal-dialog {
    max-width: 860px;
    margin: 30px auto 74px;
    width: 860px;
}
#cashbackModal .modal-content{
    background: #040e1b;
    position: relative;
    padding: 20px 10px;
}
#cashbackModal .close{
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
}
#cashbackModal .modal-header{
    border: none;
}
#cashbackModal .profile-form{
    margin-top: 20px;
}
#cashbackModal .modal-content .cashback-title{
    line-height: 30px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    text-align: center;
}
#cashbackModal .modal-content .close{
   z-index: 900;
   position: absolute;
   right: 10px;
   top: 10px;
}
#cashbackModalPromo .modal-dialog {
    width: 800px;
}
#cashbackModalPromo .modal-content {
    position: relative;
    min-height: 350px;
    padding: 0;
    border-radius: 4px;
}
#cashbackModalPromo .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    opacity: 1;
    z-index: 10001;
}
#cashbackModalPromo .modal-content .modal-body {
    width: 100%;
    height: 100%;
    min-height: 350px;
    overflow: hidden;
    padding: 30px;
    background: #040e1b;
    background: -webkit-linear-gradient(top,  #040e1b 0%,#0a1b30 100%);
    background: linear-gradient(to bottom,  #040e1b 0%,#0a1b30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040e1b', endColorstr='#0a1b30',GradientType=0);
}
#cashbackModalPromo .populatePromoTitle {
    color: #fff;
    font-size: 32px;
    margin-bottom: 20px;
    display: block;
}
#cashbackModalPromo .promo-modal-text {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    display: block;
}
#cashbackModalPromo .promo-modal-text h1,h2,h3 {
    margin-top: 0;
}
#cashbackModalPromo .promo-modal-text h5 {
    font-size: 15px;
}
#cashbackModalPromo .promo-modal-text h6 {
    font-size: 10px;
}
#cashbackModalPromo .promo-modal-button-wrap {
    margin: 15px 0;
}
#cashbackModalPromo .populatePromoImage {
    border-radius: 4px;
}
#cashbackModalPromo .promo-modal-footer {
    width: 50%;
}
/* CASHIER MODAL STYLE*/
#cashierModal .modal-content{
    background: #040e1b;
    position: relative;
    padding: 20px 10px;
    overflow: hidden;
}
#cashierModal .modal-header{
    border: none;
}
#cashierModal .modal-body{
    overflow: hidden;
}
#cashierModal .close{
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
}
#cashierModal .modal-content .change-password-form{
    margin-top: 20px;
}
#cashierModal .modal-content .change-password-form .form-control{
    margin-bottom: 20px;
}
#cashierModal .modal-content .change-password-title{
    line-height: 30px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    text-align: center;
}
#cashierModal .modal-content .close{
   z-index: 900;
   position: absolute;
   right: 10px;
   top: 10px;
}
/* CHANGE PASSWORD MODAL STYLE*/
#changePasswordModal .modal-dialog{
    width: 400px;
}
#changePasswordModal .modal-content{
    background: #040e1b;
    position: relative;
    padding: 20px 10px;
    overflow: hidden;
}
#changePasswordModal .modal-header{
    border: none;
}
#changePasswordModal .modal-body{
    overflow: hidden;
}
#changePasswordModal .close{
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
}
#changePasswordModal .modal-content .change-password-form{
    margin-top: 20px;
}
#changePasswordModal .modal-content .change-password-form .form-control{
    margin-bottom: 20px;
}
#changePasswordModal .modal-content .change-password-title{
    line-height: 28px;
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    text-align: center;
}
#changePasswordModal .modal-content .close{
   z-index: 900;
   position: absolute;
   right: 10px;
   top: 10px;
}
#changePasswordModal .change-password-error{
    line-height: 30px;
    font-size: 18px;
    display: none;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    color: #d8000c;
    background: transparent;
}
#changePasswordModal .change-password-success{
    line-height: 30px;
    font-size: 18px;
    display: none;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    color: var(--registration-reg-form-error-color2);
    background: transparent;
}
/* REALITY CHECK MODAL STYLE*/
#realityCheckModal .modal-content {
    background: #040e1b;
    position: relative;
    padding: 25px 20px;
    width: 500px;
    margin: 0 auto;
    border-radius: 4px;
}
#realityCheckModal .close {
    color: #ffffff;
    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: #ffffff;
    display: block;
    text-align: left;
    margin-bottom: 5px;
}
#realityCheckModal .realitycheck-info {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    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;
}
/* CASHBACK MODAL STYLE*/
#cashbackModal .modal-dialog {
    max-width: 860px;
    margin: 30px auto 74px;
    width: 860px;
}
#cashbackModal .modal-content{
    background: #040e1b;
    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: bold;
    color: #ffe269;
    display: block;
    text-align: center;
}
#cashbackModal .modal-content .cashback-subtitle{
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}
#cashbackModal .modal-content .cashback-content{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
#cashbackModal .modal-content .close{
   z-index: 900;
   position: absolute;
   right: 10px;
   top: 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: 30px auto 80px;

}
#kycModal .kyc-modal-title {
    color: #000;
    margin: 0;

}
#kycModal #kycModalBody {
    height: 620px;
    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;

}
/* LANGUAGE MODAL START */
#languageModal .modal-dialog {
    width: 500px;
}
#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 {
    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 */
.shake {
  -webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
          animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }

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

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

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

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

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

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
.gdpr-popup {
    position: fixed;
    bottom: -150px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 20000;
    -webkit-transition: .6s;
    transition: .6s;
    padding: 20px;
    width: 80%;
    max-width: 700px;
    margin: 0 auto;
    text-align: right;
    opacity: 0;
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
}
.gdpr-popup .gdpr-popup-text{
    color: #000;
    font-weight: 700;
    display: block;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    width: auto;
    line-height: 25px;
    margin-top: 6px;

}
.gdpr-popup .acceptCookieTrigger{
    display: block;
    margin: auto;
    line-height:25px;

}
.gdpr-popup .cookie-popup-link {
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    font-weight: 700;

}
.gdpr-popup .cookie-popup-link a {
    color: #fff;
    text-decoration: underline;

}
.gdpr-popup .btn {
    margin: 0 auto;
    display: block;
    text-transform: uppercase;

}
.gdpr-popup.gdpr-popup-show {
    bottom: 110px;
    opacity: 1;
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;

}
.cookie-button {
	position: relative;
}
.cookie-button > a {
    color: #bcbcbc

}
.cookie-button.gdpr-shown {}
.cookie-button.gdpr-shown:before {
    content: "";
    position: absolute;
    bottom: 70px;
    left: 40px;
    width: 110px;
    height: 370px;
    background-repeat: no-repeat;
    background-image: url("../img/cookie-arrow-vertical.svg");

}
.gdpr-overlay {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: #000;
	opacity: 0.9;
	z-index: 1040;
	-webkit-animation: fade-in 400ms ease-in-out;
	        animation: fade-in 400ms ease-in-out;
}
.gdpr-overlay .gdpr-wrapper {
    max-width: 40%;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    display: block;
    right: 18%;
    -webkit-animation: fade-in 400ms ease-in-out;
    animation: fade-in 400ms ease-in-out;

}
.gdpr-overlay .gdpr-wrapper .gdpr-title {
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 25px;
    -webkit-animation: fade-in 400ms ease-in-out;
    animation: fade-in 400ms ease-in-out;
    color: #fff;

}
.gdpr-overlay .gdpr-wrapper .gdpr-text {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: normal;
    position: relative;
    -webkit-animation: fade-in 400ms ease-in-out;
    animation: fade-in 400ms ease-in-out;
    color: #fff;

}
.gdpr-overlay.gdpr-overlay-shown {
    display: block;

}
.GDPRModal {
  width: 700px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%) !important;
          transform: translate(0, -50%) !important;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2000;

}
.GDPRModal .modal-content {
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, 0.02);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);

}
.GDPRModal .modal-content .modal-header {
    padding: 16px 24px;
    background-color: #038384;
    border: none;

}
.GDPRModal .modal-content .modal-header .modal-title {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: left;

}
.GDPRModal .modal-content .modal-header .close {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #fff;
    font-weight: normal;
    font-size: 30px;
    opacity: 1;
    z-index: 10001;
    border: none;
    background: none;

}
.GDPRModal .modal-content .modal-body {
    min-height: 200px;
    padding: 20px 15px;

}
.GDPRModal .modal-content .modal-body .gdpr-info-step {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-left: 8px;
    height: 100%;
    position: relative;
    min-height: 200px;
    padding-bottom: 36px;

}
.GDPRModal .modal-content .modal-body .gdpr-info-step > .tab-pane .tab-pane-title {
    display: block;
    font-size: 22px;
    color: #000;
    margin-bottom: 24px;
    text-align: left;

}
.GDPRModal .modal-content .modal-body .gdpr-info-step > .tab-pane .tab-pane-text {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    color: #000;
    opacity: 0.87;
    text-align: left;

}
.GDPRModal .modal-content .modal-body > .tab-content {
    display: inline-block;
    width: 65%;
    vertical-align: top;
    padding-left: 16px;
    height: 100%;
    position: relative;
    min-height: 370px;
    padding-bottom: 36px;

}
.GDPRModal .modal-content .modal-body > .tab-content > .tab-pane .tab-pane-title {
    display: block;
    font-size: 22px;
    color: #000;
    margin-bottom: 24px;
    text-align: left;

}
.GDPRModal .modal-content .modal-body > .tab-content > .tab-pane .tab-pane-text {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    color: #000;
    opacity: 0.87;
    text-align: left;

}
.GDPRModal .modal-content .modal-body > .tab-content:before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #000;
    opacity: 0.15;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;

}
.GDPRModal .modal-content .modal-body > .nav {
    display: inline-block;
    float: left;
    width: 35%;
    vertical-align: top;
    padding-right: 16px;
    border: none;

}
.GDPRModal .modal-content .modal-body > .nav > li {
    float: none;
    margin-bottom: 16px;

}
.GDPRModal .modal-content .modal-body > .nav > li > a, .GDPRModal .modal-content .modal-body > .nav > li > span {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    border: solid 2px #dce3ea;
    background: none;
    color: #b3c1c5;
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
    padding: 10px 15px;
    cursor: pointer;
    text-align: left;

}
.GDPRModal .modal-content .modal-body > .nav > li > a > i, .GDPRModal .modal-content .modal-body > .nav > li > span > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 15px;
    background-size: contain;
    background-repeat: no-repeat

}
.GDPRModal .modal-content .modal-body > .nav > li > a > i.info, .GDPRModal .modal-content .modal-body > .nav > li > span > i.info {
    background-image: url("../img/gdpr-info-inactive.svg");
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;

}
.GDPRModal .modal-content .modal-body > .nav > li > a > i.critical, .GDPRModal .modal-content .modal-body > .nav > li > span > i.critical {
    background-image: url("../img/gdpr-critical-inactive.svg");
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;

}
.GDPRModal .modal-content .modal-body > .nav > li > a > i.marketing, .GDPRModal .modal-content .modal-body > .nav > li > span > i.marketing {
    background-image: url("../img/gdpr-marketing-inactive.svg");
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;

}
.GDPRModal .modal-content .modal-body > .nav > li > a > span, .GDPRModal .modal-content .modal-body > .nav > li > span > span {
    display: inline-block;
    vertical-align: middle;

}
.GDPRModal .modal-content .modal-body > .nav > li.active > a, .GDPRModal .modal-content .modal-body > .nav > li.active > span {
    border: solid 2px #007fff;
    color: #007fff;
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;

}
.GDPRModal .modal-content .modal-body > .nav > li.active > a > i, .GDPRModal .modal-content .modal-body > .nav > li.active > span > i {}
.GDPRModal .modal-content .modal-body > .nav > li.active > a > i.info, .GDPRModal .modal-content .modal-body > .nav > li.active > span > i.info {
    background-image: url("../img/gdpr-info-active.svg");
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;

}
.GDPRModal .modal-content .modal-body > .nav > li.active > a > i.critical, .GDPRModal .modal-content .modal-body > .nav > li.active > span > i.critical {
    background-image: url("../img/gdpr-critical-active.svg");
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;

}
.GDPRModal .modal-content .modal-body > .nav > li.active > a > i.marketing, .GDPRModal .modal-content .modal-body > .nav > li.active > span > i.marketing {
    background-image: url("../img/gdpr-marketing-active.svg");
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;

}
.GDPRModal .modal-content .modal-body > .nav > li.active:after {
    content: "";
    background-image: url("../img/gdpr-check-icon.svg");
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    position: absolute;
    top: -4px;
    right: -5px;
    background-size: contain;

}
.GDPRModal .modal-content .modal-body .checkbox-wrapper {
    padding: 20px 0;
    text-align: left;

}
.GDPRModal .modal-content .modal-body .checkbox-wrapper input {
    display: inline-block;
    vertical-align: middle;
    margin: 0;

}
.GDPRModal .modal-content .modal-body .checkbox-wrapper label {
    margin: 0;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #0babac;
    cursor: pointer;

}
.GDPRModal .modal-content .modal-body .button-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;

}
.GDPRModal .modal-content .modal-body .button-wrapper .btn-gdpr {
    background: #183a62;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    border: 2px solid #183a62;
    margin-left: 15px

}
.GDPRModal .modal-content .modal-body .button-wrapper .btn-gdpr.disabled {
    background: #a8b6ba;
    border: 2px solid #a8b6ba;

}
/*@import "parts/c-modal-homepage-light.css";*/
.homepage-reg-wrapper {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}
.homepage-reg {
    position: absolute;
    right: 15px;
    top: -320px;
    width: 295px;
    height: 250px;
    overflow: hidden;
    z-index: 40;
    padding: 20px 35px;
    text-align: center;
    opacity: 1;
    border-radius: 8px;
    background: rgba(5, 27, 57, 0.8);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    webkit-transition: all .7s ease-out;
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
}
.homepage-reg-title {
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #ffffff;
    margin: 0 0 20px;
}
.homepage-reg-label {
    color: #ffffff;
    display: block;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
}
.homepage-reg .reg-field {
    margin-bottom: 15px;
}
.homepage-reg .reg-field .form-control {
    height: 30px;
    line-height: 30px;
}
#loginModal .modal-dialog {
    width: 360px;
    margin: 30px auto 74px;
}
#loginModal .modal-content {
    position: relative;
    min-height: 350px;
    padding: 0;
    border-radius: 4px;
}
#loginModal .close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    opacity: 1;
    z-index: 10001;
}
#loginModal .modal-content .modal-body {
    width: 100%;
    height: 100%;
    min-height: 350px;
    overflow: hidden;
    padding: 40px;
    background: #040e1b;
    background: -webkit-linear-gradient(top,  #040e1b 0%,#0a1b30 100%);
    background: linear-gradient(to bottom,  #040e1b 0%,#0a1b30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040e1b', endColorstr='#0a1b30',GradientType=0 );
}
#loginModal .login-title {
    display: block;
    font-size: 32px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}
#loginModal form label {
    color: #ffffff;
    font-size: 12px;
}
#loginModal .modal-form-footer button {
    display: block;
    margin: auto;
    width: 90%;
}
#loginModal .modal-body small {
    display: block;
    text-align: center;
}
#loginModal .modal-body a {
    color: #ffe362;
    display: block;
    margin: 10px 0;
}
#loginModal .modal-form-footer {
    border-bottom: none;
    padding-bottom: 30px;
}
#loginModal .modal-form-footer small {
    display: block;
    text-align: center;
    margin: 10px auto 20px;
}
#loginModal .reg-field .form-control {
    background-color: #083067;
    border: none;
    box-shadow: none;
    color: #ffffff;
}
#loginModal .reg-field .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ffffff;
}
#loginModal .reg-field .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ffffff;
   opacity: 1;
}
#loginModal .reg-field .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ffffff;
   opacity: 1;
}
#loginModal .reg-field .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #ffffff;
}
#loginModal .reg-field .form-control:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
#registerModal .modal-dialog {
    width: 660px;
    margin: 30px auto 74px;
}
#registerModal .modal-content {
    background: #040e1b;
    background: -webkit-linear-gradient(top,  #040e1b 0%,#0a1b30 100%);
    background: linear-gradient(to bottom,  #040e1b 0%,#0a1b30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040e1b', endColorstr='#0a1b30',GradientType=0 );
    position: relative;
    min-height: 482px;
    padding: 20px 10px;
}
#registerModal .close {
    color: #ffffff;
    font-size: 28px;
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
    z-index: 100;
}
#registerModal .reg-form {
    margin-top: 20px;
}
#registerModal .reg-loader {
    width: 100%;
    height: 400px;
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    right: 0;
    background-image: url(../img/loader.gif);
    background-image: url(../img/loader.gif), -webkit-linear-gradient(top, #05111f 0%, #0a1b2f 100%);
    background-image: url(../img/loader.gif), linear-gradient(to bottom, #05111f 0%, #0a1b2f 100%);
    background-repeat: no-repeat;
    background-position: center;
}
#registerModal .register-title {
    line-height: 30px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    text-align: center;
}
#registerModal .register-link {
    line-height: 30px;
    font-size: 15px;
    display: block;
    text-align: center;
    color: #ffe362;
    float: none;
}
#registerModal .reg-accept-label #reg-tc,
#registerModal .reg-accept-label #reg-emails {
    margin: 0px 10px 0 0;
    float: left;
}
#registerModal .reg-accept-label {
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 16px;
    padding: 3px 0;
    text-align: left;
    display: block;
}
#registerModal .reg-field .field-error {
    line-height: 1;
    padding: 5px 0;
    display: none;
    color: #c63500;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}
#registerModal .field-label {
    color: #ffffff
}
#registerModal .reg-field .form-control {
    background-color: #083067;
    border: none;
    box-shadow: none;
    color: #ffffff;
}
#registerModal .reg-field .form-control.has-error {
    background-color: #e54135;
}
#registerModal .reg-field .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ffffff;
}
#registerModal .reg-field .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ffffff;
   opacity: 1;
}
#registerModal .reg-field .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ffffff;
   opacity: 1;
}
#registerModal .reg-field .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #ffffff;
}
#registerModal .pp-text,
#registerModal .pp-text:active,
#registerModal .pp-text:hover,
#registerModal .tc-text,
#registerModal .tc-text:active,
#registerModal .tc-text:hover {
    color: #ffe362;
}
.reg-restricted-error {
    width: 100%;
    height: 100%;
    background: #071220;
    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: #071220;
    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: 100%;
    text-align: center;
    padding: 40px 20px;
    border-radius: 6px;
    margin: auto;
    font-size: 20px;
    line-height: 38px;
    font-weight: bold;
    color: #fff;
}
#signuppage {
    position: relative;
    width: 100%;
    background: #071220;
}
.signup-wrapper {
    padding: 50px 0;
}
.reg-form {
    min-height:400px;
    position: relative;
}
.reg-step {
    min-height: 100%;
    background-position: top center;
    display: none;
}
.reg-loader {
    width: 100%;
    height: 100%;
    background: #071220 url(../img/reg-loader.gif) center center no-repeat;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
}
.reg-step.active {
    display: block;
}
.reg-step .reg-step-inner {
    margin: 0 auto;
    width: 100%;
    padding: 0;
}
#reg-step-3 .reg-step-inner {
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
    text-align: center;
}
#reg-step-2 {
    text-align: center;
}
.reg-step-buttons {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 25px;
}
.reg-step-button {
    width: 50px;
    height: 50px;
    line-height: 44px;
    margin: 0 10px;
    border: 3px solid #aaa;
    border-radius: 50%;
    color: #0382d3;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    display: inline-block;
    position: relative;
    box-shadow: 0 1px 2px #000;
}
.reg-step-button:hover,
.reg-step-button:focus,
.reg-step-button:active {
    text-decoration: none;
}
.reg-step-button:before {
    content: "";
    width: 22px;
    height: 4px;
    background: #0382d3;
    margin: 23px -39px;
    position: absolute;
}
.reg-step-button.active {
    border: 3px solid #0382d3;
    color: #fff;
}
.reg-step-button.active:before {
    background: #0382d3;
}
.reg-step-button.error {
    border: 3px solid #d44e4e;
    color: #d44e4e;
}
.reg-step-button.error:before {
    background: #d44e4e;
}
.reg-step-button:first-child:before {
    display: none;
}
.reg-info {
    padding-left: 100px;
    padding-right: 40px;
}
.reg-title {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    margin-bottom: 40px;
    display: block;
    text-align: left;
}
.reg-subtitle {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 16px;
    display: block;
    text-align: center;
}
.reg-col-label {
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
}
.field-label {
    display: block;
    text-align: left;
    font-size: 10px;
    color: #fff;
}
.reg-button {
    text-align: center;
    width: 500px;
    margin: 0 auto;
}
.reg-button .btn {
    min-width: 210px;
}
.reg-fields {
    padding-top: 20px;
}
.reg-text {
    font-size: 24px;
    color: #000;
    line-height: 15px;
    text-align: center;
}
.reg-text {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    text-align: center;
}
.reg-sub-text {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    width: 330px;
    display: block;
    margin: 20px auto 10px;
}
/* Date picker css */
.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;
}
/*END // : Date picker css*/
.reg-field .popover {
    background: #ffe9c9;
    border: none;
    max-width: 240px;
}
.reg-field .popover.top .arrow::after {
    border-top-color: #ffe9c9;
}
.reg-field .popover.left .arrow::after {
    border-left-color: #ffe9c9;
}
.reg-field .popover.right .arrow::after {
    border-right-color: #ffe9c9;
}
.reg-field .popover.bottom .arrow::after {
    border-bottom-color: #ffe9c9;
}
.reg-field.form-control {
    border: 1px solid #083067;
    height: 32px;
    background-color: #083067;
    color: #fff;
    border-radius: 3px;
}
/*SAFARI FIX*/
select.reg-field.form-control {
    -webkit-appearance: none;
    line-height: 1.42857143;
}
date-input-polyfill[data-open="true"]{
    z-index:100000;
}
.form-fields input[type=date],
.form-fields input[type=time],
.form-fields input[type=datetime-local],
.form-fields input[type=month] {
    -webkit-appearance: none;
    line-height: 1.42857143 !important;
}
.reg-field.form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #083067 inset;
}
.reg-field.form-control::-webkit-input-placeholder {
   color: #fff;
}
.reg-field.form-control:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}
.reg-field.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}
.reg-field.form-control:-ms-input-placeholder {
   color: #fff;
}
.reg-field .form-control option {
    background: #083067;
    color: #fff;
    padding: 3px 0 3px 15px;
}
.reg-field .form-control-inactive {
    border: none;
    background: none;
    box-shadow: none;
}
.reg-field .date select {}
.reg-field .date select option {
    padding: 3px 0;
    text-align: center;
}
.reg-field .date-wrap:first-child {
    padding-left: 0;
    padding-right: 5px;
}
.reg-field .date-wrap:last-child {
    padding-right: 0;
    padding-left: 5px;
}
.reg-field .form-control::-webkit-input-placeholder {
    color: #fff;
}
.reg-field .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.reg-field .form-control::-ms-input-placeholder {
    color: #fff;
}
.reg-field .form-control.has-error {
    border: 1px solid #d44e4e;
    box-shadow: none;
    color: #d44e4e;
    background-color: transparent;
    background-image: url(../img/reg-error-background.png);
    background-position: 98% center;
    background-repeat: no-repeat;
}
.reg-field .form-control.has-error::-webkit-input-placeholder {
    color: #fff;
}
.reg-field .form-control.has-error::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.reg-field .form-control.has-error::-ms-input-placeholder {
    color: #fff;
}
.reg-form .form-error {
    line-height: 30px;
    font-size: 17px;
    display: none;
    font-weight: 600;
    text-align: center;
    padding-top: 15px;
    color: #d8000c;
}
.reg-accept-label {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 26px;
    padding: 3px 0;
    text-align: left;
}
.reg-accept-label .reg-terms {
    margin: 6px 10px 0;
    float: left;
}
.reg-accept-label.has-error {
    color: #d44e4e;
}
.reg-accept-label.has-error a {
    color: (--registration-reg-checkbox-error-link-color);
}
.reg-accept-label #reg-tc,
.reg-accept-label #reg-emails {
    margin: 7px 10px 7px 0;
    float: left;
}
.reg-success {
    padding: 40px 0;
}
.reg-success-title {
    font-size: 34px;
    font-weight: bold;
    color: #d6c063;
    line-height: 40px;
    display: block;
    text-align: center;
}
.reg-success-note {
    margin: 20px 0;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
.reg-success-contact {
    margin: 20px 0;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    display: block;
    color: #d6c063;
}
.tc-text,
.pp-text,
.tc-text:hover,
.pp-text:hover,
.tc-text:active,
.pp-text:active {
    color: #ffe362;
}
.reg-field .field-error {
    line-height: 1;
    padding: 5px 0;
    display: block;
    color: #e64e4e;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}
.popover {
    border-radius: 0;
    background: #e54135;
    color: #fff;
    width: 250px !important;
    border: 0;
    padding: 0;
}
.popover-title {
    border-radius: 0;
    border: 0;
    padding: 15px 0 0px 36px;
    background: url(../img/error-icon.png) #e54135 no-repeat 12px 14px;
    color: #760e06;
    font-weight: bold;
    font-size: 16px;
}
.popover.right>.arrow:after {
    border-right-color: #e54135;
}
.popover.left>.arrow:after {
    border-left-color: #e54135;
}
.popover.right {
    margin-left: 20px;
}
/*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: transparent;
    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) !important;
    color: #ef5e5e !important;
    border: 1px solid #ef5e5e !important;
}
.validated-field-success {
    background-image: url(../img/reg-success-icon.svg) !important;
    color: #4F8A10 !important;
    border: 1px solid #4F8A10 !important;
}
.form-fields .field-wrap {
    margin-bottom: 20px;
}
.validated-message {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin: 12px 0 8px;
}
.validated-message.validated-message-error {
    color: #ef5e5e;
}
.validated-message.validated-message-success {
    color: #4F8A10;
}
/*@import "parts/c-registration-v2.css";*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}
.ui-front {
    z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-autocomplete {
    background: #192532;
    border: 1px solid transparent;
    border-radius: 0 0 3px 3px;
    padding: 0 !important;
    position: absolute;
    left: 0;
    cursor: default;
    overflow-y: auto;
    max-height: 640px;
}
.ui-autocomplete li a {
    color: #fff;
}
.ui-autocomplete li:hover {
    background: #0c1823;
    border-radius: 2px;
}
.ui-autocomplete li:hover a {
    color: #fff;
}
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    /* support: IE10, see #8844 */

    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu {
    border-radius: 8px;
}
.ui-menu .ui-menu-item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.ui-menu .ui-menu-item:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 4px .4em;
    line-height: 1.5;
    min-height: 0;
    /* support: IE7 */

    font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
}
.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
    cursor: default;
}
/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}
.banking-page {
    width: 100%;
    padding-bottom: 50px;
    background-color: #071220;
}
.banking-page .faq-intro {
    padding: 5px 0 20px;
}
.banking-page .faq-intro h2 {
    font-size: 32px;
    line-height: 32px;
    color: #e4c88e;
    margin: 0;
    font-weight: normal;
    text-align: left;
}
.banking-page .faq-intro p {
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    margin-top: 20px;
    text-align: left;
    color: #e4c88e;
}
.faq-tab-container {
    position: relative;
}
.faq-tab-container>ul {
    padding: 14px 0;
    margin: 0 auto;
    list-style: none;
    float: right;
}
.faq-tab-container>ul>li {
    float: left;
    padding: 0 8px;
}
.faq-tab-container>ul>li>a {
    color: #aaa;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 0;
    float: left;
    margin-bottom: 2px;
}
.faq-tab-container>ul>li>a:hover,
.faq-tab-container>ul>li>a:focus {
    text-decoration: none;
    color: #ffe362;
}
.faq-tab-container>ul>li.active>a {
    color: #ffe362;
    margin-bottom: 0;
    border-bottom: 2px solid #ffe362;
    position: relative;
}
.faq-tab-container>ul>li.item-right {
    float: right !important;
}
.faq-tab-container>ul>li.item-right a {
    color: #ffe362;
    font-size: 16px;
}
.banking-page .banking-content {
    padding-top: 0;
}
.banking-page .banking-content .banking-desc {
    padding-bottom: 70px;
}
.banking-page .banking-content .banking-desc .icon-wrapper {
    padding-top: 24px;
}
.banking-page .banking-content .banking-desc h4 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    color: #ffe362;
    margin-top: 20px;
}
.banking-page .banking-content .banking-desc p,
.banking-page .banking-content .banking-desc ul {
    color: #fff;
    display: block;
    line-height: 18px;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.banking-page .banking-content .banking-desc ul {
    padding: 0 0 0 15px;
}
.banking-page .banking-content .banking-desc ul>li>span {
    color: #154e94;
    font-weight: bold;
}
.banking-page .withdrawal {
    padding: 70px 10px;
}
.banking-page .withdrawal h2 {
    font-size: 18px;
    line-height: 18px;
    color: #e4c88e;
    margin: 0;
    font-weight: bold;
    text-align: left;
}
.banking-page .withdrawal h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.banking-page .withdrawal p,
.banking-page .withdrawal ul {
    color: #fff;
    display: block;
    line-height: 20px;
    font-size: 15px;
    font-weight: normal;
}
.banking-page .banking-buttons {
    margin: 0;
    padding: 0;
}
.banking-page .banking-button {
    cursor: pointer;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 25%;
    padding: 0 10px;
}
.banking-page .banking-button img {
    width: 100%;
    border: 3px solid #d0d0d0;
}
.banking-page .banking-button.active img {
    border: 3px solid #ffe362;
}
.banking-desc .banking-button-sprite img {
    width: 100%;
}
.banking-button-sprite {
    display: block;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    background-image: url(../images/banking-button-sprite.png?v=612);
}
.banking-desc .banking-button-sprite {
    background-color: #fff;
    float: left;
}
.banking-page .banking-content .banking-desc ul li {
    list-style: none;
}
.banking-page .banking-content .banking-desc ul {
    padding: 0;
}
.banking-button-sprite,
.banking-image-sprite {
    background-repeat: no-repeat;
    background-size: 500% 700%;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%
}
.banking-button-sprite-banktransfer,.banking-image-sprite-banktransfer {
    background-position: 0 0
}
.banking-button-sprite-neteller,.banking-image-sprite-neteller {
    background-position: 25% 0
}
.banking-button-sprite-skrill,.banking-image-sprite-skrill {
    background-position: 50% 0
}
.banking-button-sprite-visa,.banking-image-sprite-visa {
    background-position: 75% 0
}
.banking-button-sprite-astropay,.banking-image-sprite-astropay {
    background-position: 100% 0
}
.banking-button-sprite-mastercard,.banking-image-sprite-mastercard {
    background-position: 0 16.666667%
}
.banking-button-sprite-ideal,.banking-image-sprite-ideal {
    background-position: 25% 16.666667%
}
.banking-button-sprite-paysafecard,.banking-image-sprite-paysafecard {
    background-position: 50% 16.666667%
}
.banking-button-sprite-dotpay,.banking-image-sprite-dotpay {
    background-position: 75% 16.666667%
}
.banking-button-sprite-siru,.banking-image-sprite-siru {
    background-position: 100% 16.666667%
}
.banking-button-sprite-giropay,.banking-image-sprite-giropay {
    background-position: 0 33.333333%
}
.banking-button-sprite-maestro,.banking-image-sprite-maestro {
    background-position: 25% 33.333333%
}
.banking-button-sprite-monetaru,.banking-image-sprite-monetaru {
    background-position: 50% 33.333333%
}
.banking-button-sprite-multibanco,.banking-image-sprite-multibanco {
    background-position: 75% 33.333333%
}
.banking-button-sprite-neosurf,.banking-image-sprite-neosurf {
    background-position: 100% 33.333333%
}
.banking-button-sprite-poli,.banking-image-sprite-poli {
    background-position: 0 50%
}
.banking-button-sprite-sofort,.banking-image-sprite-sofort {
    background-position: 25% 50%
}
.banking-button-sprite-solo,.banking-image-sprite-solo {
    background-position: 50% 50%
}
.banking-button-sprite-switch,.banking-image-sprite-switch {
    background-position: 75% 50%
}
.banking-button-sprite-astropay-white,.banking-image-sprite-astropay-white {
    background-position: 100% 50%
}
.banking-button-sprite-trustly,.banking-image-sprite-trustly {
    background-position: 0 66.666667%
}
.banking-button-sprite-trustpay,.banking-image-sprite-trustpay {
    background-position: 25% 66.666667%
}
.banking-button-sprite-ukash,.banking-image-sprite-ukash {
    background-position: 50% 66.666667%
}
.banking-button-sprite-qiwi,.banking-image-sprite-qiwi {
    background-position: 75% 66.666667%
}
.banking-button-sprite-webmoney,.banking-image-sprite-webmoney {
    background-position: 0 83.333333%
}
.banking-button-sprite-indexru,.banking-image-sprite-indexru {
    background-position: 25% 83.333333%
}
.banking-button-sprite-mbankomat,.banking-image-sprite-mbankomat {
    background-position: 50% 83.333333%
}
.banking-button-sprite-zimpler,.banking-image-sprite-zimpler {
    background-position: 75% 83.333333%
}
.banking-button-sprite-cashlib,.banking-image-sprite-cashlib {
    background-position: 0 100%
}
.banking-button-sprite-interacetransfer,.banking-image-sprite-interacetransfer {
    background-position: 25% 100%
}
.banking-button-sprite-mifinity,.banking-image-sprite-mifinity {
    background-position: 100% 66.666667%
}
.banking-button-sprite-ezeewallet,.banking-image-sprite-ezeewallet {
    background-position: 100% 83.333333%
}
.banking-button-sprite-interaconline,.banking-image-sprite-interaconline {
    background-position: 50% 100%
}
.banking-button-sprite-ecopayz,.banking-image-sprite-ecopayz {
    background-position: 75% 100%
}
.footer-banking .footer-btn.banking-button-sprite-interac {
    background-image: url(../img/pm/interac-gray.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}
.banking-button-sprite-interac,
.banking-image-sprite-interac,
.footer-banking .footer-btn.banking-button-sprite-interac:hover {
    background-image: url(../img/pm/interac.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}
.banking-page .banking-info {
    padding-left: 0;
    list-style: none;
}
.banking-page .banking-info li {
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 10px;
    color: #fff;
    background: url(../img/info-icon.svg) center left no-repeat;
    padding-left: 25px;
}
.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);
}
.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);
}
.banking-button-sprite-rapidtransfer {
	background-image: url('../img/pm/rapidtransfer.svg');
	background-position: center;
	background-size: 80%;
	background-repeat: no-repeat;
}
.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);
}
#chrPromoModal{
     background:rgba(0,0,0,0.7);
 }
#chrPromoModal .modal-dialog{
     margin-top:200px;
     margin-bottom:80px;
 }
#chrPromoModal .modal-dialog .modal-content {
   background: #fff;
   position: relative;
   min-height: 150px;
   padding: 0;
 }
#chrPromoModal .modal-dialog .modal-content .modal-body {
   padding: 40px 30px;
   text-align: left;
 }
#chrPromoModal .modal-dialog .modal-content .modal-body .media {
    padding-bottom: 10px;

}
#chrPromoModal .modal-dialog .modal-content .close {
   color: #000;
   font-size: 40px;
   font-weight: normal;
   position: absolute;
   top: 0;
   right: 5px;
   opacity: 1;
   text-shadow: none;
   z-index: 10000;
   outline: none;
 }
#chrPromoModal .modal-dialog .modal-content .chr-date {
   background: url(../img/calendar-icon-modal.png) center left no-repeat;
   line-height: 38px;
   font-size: 16px;
   font-weight: bold;
   color: #126968;
   text-align: left;
   display: inline-block;
   text-indent: 50px;
 }
#chrPromoModal .modal-dialog .modal-content .media .media-body,
 #chrPromoModal .modal-dialog .modal-content .media .media-left,
 #chrPromoModal .modal-dialog .modal-content .media .media-right {
   display: inline-block;
   vertical-align: top
 }
#chrPromoModal .modal-dialog .modal-content .media .media-left {
   padding-right: 22px;
   width: auto;
 }
#chrPromoModal .modal-dialog .modal-content .media .media-right {
   padding-left: 10px;
 }
#chrPromoModal .modal-dialog .modal-content .media .media-body,
 #chrPromoModal .modal-dialog .modal-content .media .media-body-full {
   font-size: 14px;
   color: #434343;
   line-height: 18px;
   width: calc(100% - 172px);
   padding-bottom: 10px;
 }
#chrPromoModal .modal-dialog .modal-content .media .media-body .media-heading,
 #chrPromoModal .modal-dialog .modal-content .media .media-body-full .media-heading {
   font-size: 28px;
   line-height: 36px;
   color: black;
   font-weight: bold;
   color: #000;
   margin-bottom: 17px;
 }
#chrPromoModal .modal-dialog .modal-content .media .media-body-full {
   margin-top: 20px;
 }
#chrPromoModal .modal-dialog .modal-content .media .media-body-full .media-heading {
   font-size: 18px;
 }
#chrPromoModal #chrBody {
   font-size: 15px;
   line-height: 1.6;
   letter-spacing: normal;
   color: rgba(0, 0, 0, 0.87);
 }
#chrPromoModal .btn-dark {
   border-radius: 8px;
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
   padding: 7px 40px;
   background-color: #12325a;
   font-size: 16px;
   font-weight: bold;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.75;
   letter-spacing: normal;
   text-align: center;
   color: #ffe362;
  }
/*@import "parts/page-banking-v2.css";*/
.promotions-page.promotions-page-modal {
    width: 100%;
}
.promotions-page.promotions-page-modal .promotion-wrap {
    position: relative;
    color: #fff;
    font-size: 15px;
    margin-bottom: 50px;
}
.promotions-page.promotions-page-modal .promotion-wrap .promotion .promo-img {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 4px;
}
.promotions-page.promotions-page-modal .promotion-wrap .promotion .promo-text h2 {
    font-size: 24px;
    color: #ffe362;
    line-height: 1;
    height: 50px;
    margin-bottom: 5px;
    margin-top: 15px;
}
.promotions-page.promotions-page-modal .promo-info {
    line-height: 20px;
    height: 80px;
    max-height: 100px;
    overflow: hidden;
    margin-bottom: 15px;
}
.promotions-page.promotions-page-modal .promotion-wrap .promotion .promo-text .promo-info a {
    color: #0382d3;
}
.promotions-page.promotions-page-modal .promotion-wrap .promotion .promo-text .promo-button {
    text-align: center;
    padding: 30px 0 0 0;
}
.promotions-page.promotions-page-modal .promo-footer:after,
.promotions-page.promotions-page-modal .promo-footer:before,
{
    clear: both;
}
.promotions-page.promotions-page-modal .promo-footer > .promo-open,
.promotions-page.promotions-page-modal .promo-footer > .promo-open {
    float: left;
    margin-right: 5px;
}
.promotions-page.promotions-page-modal .promo-footer > .promo-expire {
    float: right;
}
.promotions-page.promotions-page-modal .promotion-tabs {}
.promotions-page.promotions-page-modal .promotion-tab-container {
    position: relative;
}
.promotions-page.promotions-page-modal .promotion-tab-container > ul {
    padding: 14px 0;
    margin: 0 auto;
    list-style: none;
    float: right;
}
.promotions-page.promotions-page-modal .promotion-tab-container > ul > li {
    float: left;
    padding: 0 8px;
}
.promotions-page.promotions-page-modal .promotion-tab-container > ul > li > a {
    color: #aaa;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 0;
    float: left;
    margin-bottom: 2px;
}
.promotions-page.promotions-page-modal .promotion-tab-container > ul > li > a:hover,
.promotions-page.promotions-page-modal .promotion-tab-container > ul > li > a:focus {
    color: #ffe362;
}
.promotions-page.promotions-page-modal .promotion-tab-container > ul > li.active > a {
    color: #ffe362;
    margin-bottom: 0;
    border-bottom: 2px solid #ffe362;
    position: relative;
}
.promo-buttons {
    margin-top: 20px;
    margin-bottom: 20px;
}
.promo-expire {
    /* background-image: url("../img/promotions/expires.png"); */
    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
    padding-left: 30px;
    color: #0382d3;
    font-size: 12px;
    line-height: 11px;
    height: 25px;
    font-weight: 400;
    margin-top: 4px;
    display: inline-block;
}
.promo-expire .promo-expire-days {
    font-weight: 900;
    font-size: 14px;
    line-height: 14px;
}
.promo-section-title {
    color: #ffe362;
    margin-top: 0;
}
#sportsframe {
    width: 100%;
    min-height: 650px;
    background: #071220;
}
#sports-frame {
    width: 100%;
    min-height: 650px;
    position: relative;
}
#sports-frame #SBGDesktop {
    border: medium none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#sports-page .footer .footer-menu .footer-menu-list > li > a {
    opacity: 0.5;
    -webkit-transition: .3s;
    transition: .3s;
}
#sports-page .footer .footer-menu .footer-menu-list > li.active > a,
#sports-page .footer .footer-menu .footer-menu-list > li > a:hover,
#sports-page .footer .footer-menu .footer-menu-list > li > a:focus {
    opacity: 1;
}
/*@import "parts/page-games-v1.css";*/
#gameInner .close {
    z-index: 1020;
}
.gameframe {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 100%;
    top: 70px;
    bottom: 59px;
}
#gameInner {
    width: 1300px;
    height: 750px;
    padding-right: 270px;
}
#gameList {
    position: absolute;
    top: 70px;
    padding: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    display: none;
}
.game-cover {
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.gameFrame {
    border: medium none;
    margin: 0;
    padding: 0;
}
/* Game Controls */
.game-side {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    max-height: 100%;
    overflow: hidden;
    width: 250px;
    padding: 20px 10px 25px 10px;
    background-color: #0b274b;
    border-radius: 4px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    z-index: 980;
}
.game-side .game-controls-top {
    display: block;
    position: relative;
    z-index: 20;
}
.game-side .game-controls-top .game-controls .game-control {
    width: 34px;
    height: 34px;
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    margin-left: 10px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
    overflow: hidden;
    float: right;
}
.game-side .game-controls-top .game-controls .game-control:hover,
.game-side .game-controls-top .game-controls .game-control:focus,
.game-side .game-controls-top .game-controls .game-control:active {
    color: #0b274b;
    background: #ffffff;
    font-size: 18px;
}
.game-side .game-controls-top .game-controls .game-control .game-control-icon {
    line-height: 30px;
}
.game-side .game-controls-top .game-controls .game-control.game-shrink {
    display: none;
}
.game-side .game-controls-bottom {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    padding-top: 10px;
}
.game-side .game-controls-bottom .game-promo {
    color: white;
    font-size: 30px;
    text-align: center;
    padding: 20px 15px 20px 15px
}
.game-side .game-controls-bottom .game-promo .game-promo-text {
    padding: 0px 10px 20px 0;
}
.game-side .game-controls-bottom .game-menu {
    padding-top: 10px;
}
.game-side .game-controls-bottom .game-menu .game-menu-list {
    padding: 0;
    list-style: none;
    display: block;
    height: 28px;
    border-bottom: 3px solid #285da1;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}
.game-side .game-controls-bottom .game-menu .game-menu-list li {
    padding-bottom: 9px;
    display: block;
    text-align: center;
    width: 100%;
}
.game-side .game-controls-bottom .game-menu .game-menu-list li.active {
    color: #ffdb60;
    border-bottom: 3px solid #ffdb60;
    padding-bottom: 9px;
}
.game-side .game-controls-bottom .game-menu .game-menu-list li.active a {
    color: #ffdb60;
}
.game-side .game-controls-bottom .game-menu .game-menu-list li .fave-button {
    line-height: 38px;
}
.game-side .game-controls-bottom .game-menu .game-menu-list li a {
    color: #285da1;
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
}
/* Winners */
.game-side .game-controls-bottom .game-winners h3 {
    color: #fff;
    font-weight: 600;
}
.game-side .game-controls-bottom .game-winners .game-winners-list {
    padding: 10px 0;
    list-style: none;
}
.game-side .game-controls-bottom .game-winners .game-winners-list li {
    color: #fff;
    line-height: 30px;
    display: block;
    overflow: hidden;
}
.game-side .game-controls-bottom .game-winners .game-winners-list {
    color: #fff;
    margin-bottom: 10px;
}
.game-side .game-controls-bottom .game-winners .game-winners-list .winner-info {
    text-align: center;
}
.game-side .game-controls-bottom .game-winners .game-winners-list .winner-info.winner-username {
    font-weight: 600;
}
.game-side .game-controls-bottom .game-winners .game-winners-list .winner-info.winner-amount {
    color: #f4d763;
    font-weight: bold;
}
/* GAMEPAGE RESTRICTION */
.gamepage-restriction {
    background: #192532;
    border-radius: 15px;
    bottom: 59px;
    box-shadow: 0 0 5px #000;
    display: none;
    height: 300px;
    left: 0;
    margin: auto;
    padding: 15px 30px;
    position: absolute;
    right: 0;
    top: 115px;
    width: 650px;
    z-index: 1000;
}
.gamepage-restriction .restriction-title {
    color: #f8c001;
    display: block;
    font-weight: bold;
    text-align: center;
}
.gamepage-restriction .restriction-text {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin: 40px 0;
}
.gamepage-restriction .restriction-text a {
    color: #f8c001;
    text-decoration: none;
}
.gamepage-restriction .restriction-button {
    display: block;
    text-align: center;
}
/* Gamepage Recent/Popular */
.gamepage-game {
    display: inline-block;
    width: 33.3333%;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 8px;
}
.gamepage-game .game-link {
    width: 100%;
}
.gamepage-game img {
    width: 100%;
    height: 66.66px;
}
.gamepage-game .game-name {
    font-size: 10px;
    color: #fff;
    display: block;
    height: 26px;
    overflow: hidden;
    text-align: center;
    padding: 5px 0;
}
/*END :  ADDED STYLES TO GAMEPAGE*/
.game-side .game-controls-bottom .game-info {
    line-height: 16px;
    color: #fff;
    font-size: 16px;
    display: block;
    font-weight: bold;
    background: #2a2d2f;
    margin-bottom: 5px;
    padding: 15px;
    margin-left: -10px;
    margin-right: -10px;
}
.game-side .game-controls-bottom .game-info .game-info-header {
    line-height: 14px;
    color: #ffdb60;
    font-size: 10px;
    font-weight: 600;
    display: block;
}
.game-side .game-controls-bottom .game-info .game-info-text {
    color: #fff;
    font-size: 13px;
    display: block;
}
@media (max-width: 1340px) {
    .game-side .game-controls-bottom .game-info.game-info-provider {
        display: none;
    }
}
.game-side-controls {
    position: absolute;
    z-index: 960;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
}
.game-side-controls .game-control {
    width: 34px;
    height: 34px;
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    margin-left: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
    overflow: hidden;
    float: right;
    margin-bottom: 10px;
}
.game-side-controls .game-control:hover,
.game-side-controls .game-control:focus {
    color: #000;
    background: #fff;
    font-size: 18px;
}
/*GAME CONTROLS*/
#gamepage {
    background: #000;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 100%;
    overflow: hidden;
    width: auto;
    background-size: cover;
}
#gameInner .gameModalClose {
    font-size: 32px;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #000;
}
#gameInner .gameModalClose:hover {
    opacity: 0.5;
}
#gameInner h2 {
    font-weight: bold;
    color: #fff;
    margin-top: 0px;
    font-size: 23px;
}
#gameInner h5 {
    font-weight: bold;
    color: #d5c9e8;
    font-size: 12px;
    margin-bottom: 0px;
}
#gameInner p {
    padding-top: 2px;
    color: #fff;
    font-size: 12px;
}
/* Gamepage Background */
#gamepage-background {
    background-position: center;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
/*Viggo Sidebar*/
/* Gamepage text*/
.game-side .game-text-bottom {
    padding-top: 10px;
    text-align: center;
}
.game-side .game-text-bottom .btn-gamepage-join {
    padding: 10px 50px;
    font-size: 18px;
}
.game-side .game-text-bottom .game-text {
    font-size: 16px;
    line-height: 19px;
    display: block;
    margin-bottom: 10px;
}
.game-sidebar-info {
    position: relative;
}
.game-sidebar-info .btn-lg {
    padding: 10px 20px;
}
.game-sidebar-info .game-sidebar-info-block {
    margin: 10px 0;
    padding: 0 5px;
    overflow: hidden;
    text-align: center;
}
.game-sidebar-info .game-sidebar-info-block .game-sidebar-info-block-heading {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: 5px 0;
    text-align: center;
}
.game-sidebar-info .game-sidebar-info-block .game-sidebar-info-block-text {
    display: block;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}
/* license WARNING */
.licenseWarning {
    background-color: #000;
    z-index: 2000;
    display: none;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.license-warning-inner {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 500px;
    height: 220px;
    top: 115px;
    bottom: 59px;
    background: #fff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.20);
    border-radius: 4px;
    padding: 40px 30px;
    z-index: 1000;
    text-align: center;
}
.licenseWarning .license-warning-title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #000;
}
.licenseWarning .license-warning-info {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #000;
}
.licenseWarning > a {
    display: inline-block;
}
/************************************************************************************/
/*                                   News Page                                      */
.news-page .header-title h2{
    color: #ffe362;
    margin-bottom: 30px;
    text-transform: none;
    font-size: 30px;
    line-height: 1.4;
    font-weight: bold;
    padding: 40px 0 0;
    text-align: left;
}
.news-banner {
    height: 200px;
    background-color: grey;
    margin-bottom: 40px;
    margin-top: 30px;
}
.news-list {
    margin-bottom: 40px;
    overflow: hidden;
}
.news-list .news {
    overflow: hidden;
    margin-bottom: 40px;
}
.news-list .news-img {
    overflow: hidden;
    width: auto;
    max-width: 270px;
}
.news-list .news-img img {
    width: 100%;
    max-width: 230px;
    display: block;
    color: #fff;
    border-radius: 6px;
}
.news-list .news-body {
    width: 100%;
    max-width: 77%;
    float: right;
}
.news-list .news-title {
    margin: 0 0 5px;
    overflow: hidden;
    width: auto;
}
.news-view .news-hide {
    float: left;
    display: block;
    line-height: 44px;
    font-size: 22px;
    color: #777;
    margin-right: 4px;
}
.news-list .news-title a {
    color: #ffe362;
    margin: 0 0 5px;
    font-size: 26px;
    line-height: 1.33;
    font-weight: 700;
    overflow: hidden;
    width: auto;
}
.news-list .news-title a:hover,
.news-list .news-title a:focus {
    color: #ffe362;
    text-decoration: none;
}
.news-list .news-footer .news-date {
    float: left;
    display: block;
    padding: 0;
    color: #939da8;
    font-size: 13px;
    text-align: center;
    line-height: 1.85;
    vertical-align: middle;
}
.news-list .news-text {
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
    font-weight: normal;
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
}
.news-list .news-text a {
    color: #ffe362;
}
.news-list .news-footer {
    line-height: 36px;
}
.news-list .news-btn {
  float: right;
  margin-right: 5px;
}
.news-list .social-wrap {
    display: inline-block;
    vertical-align: middle;
}
.news-list .facebook_like {
    vertical-align: middle;
}
.news-list .twitter-share-button {
    vertical-align: middle;
}
.news-pagination {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 40px;
    text-align: center;
}
.news-pagination li {
  display: inline-block;
  padding: 10px 5px;
}
.news-pagination li:first-child {
  padding-left: 20px;
}
.news-pagination li:last-child {
  padding-right: 20px;
}
.news-pagination li a {
    color: #bec0c6;
    font-weight: bold;
    font-size: 16px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    display: block;
    border-radius: 100%;
}
.news-pagination li a.active {
  color: #020521;
  background: #ffe362;
}
.news-pagination li a.pagination-arrow {
    color: #020521;
    background: #646464;
    border-radius: 20px;
}
.pagination-arrow-left {
    margin-right: 20px;
}
.pagination-arrow-right {
    margin-left: 20px;
}
/*BLOG ITEM CSS*/
.news-item-header {
    padding: 30px 0 20px;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
}
.news-item-header a {
    color: #ffe362;
}
.news-title-wrap {
    overflow: hidden;
}
.news-title-wrap .news-title-right {
    float: right;
    display: block;
    text-align: right;
    padding: 15px 0;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
}
.news-title-wrap .news-title-right .news-date {
    display: inline-block;
    width: 100px;
    color: #ffe362;
    font-size: 14px;
    text-align: right;
    line-height: 40px;
    vertical-align: middle;
}
.news-title-wrap .news-title-right .news-rating {
    width: 120px;
    height: 24px;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    background: url(../img/rate-star-grey.png) repeat-x;
    vertical-align: middle;
}
.news-title-wrap .news-title-right .news-rating-sel {
    height: 100%;
    background: url(../img/rate-star-white.png) repeat-x;
    display: block;
}
.news-item-banner {
    overflow: hidden;
    height: 300px;
    width: 100%;
    margin-bottom: 30px;
}
.news-item-text {
    line-height: 24px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
}
.news-item-text a {
    color: #ffe362;
}
.news-item-text h2 {
    color: #fff;
}
.news-item-text h3 {
    color: #ffe362;
}
.news-item-footer {
    margin-bottom: 60px;
    line-height: 36px;
}
.news-item-footer .social-wrap {
    float: right;
    display: inline-block;
    vertical-align: middle;
}
.news-item-footer .facebook_like {
    vertical-align: middle;
}
.news-item-footer .twitter-share-button {
    vertical-align: middle;
}
/************************************************************************************/
/*                                   News Item                                      */
.news-page .header-title{
    margin:0;
    padding-bottom:0;
    text-align:left;
}
.news-page .header-info {
    text-align: center;
    padding-bottom: 14px
}
.news-page .news-date {
    float: none;
    display: block;
    width: auto;
    color: #fff;
    font-size: 12px;
    text-align: left;
    line-height: 1.85;
}
.news-title-wrap{
    overflow:hidden;
}
.news-title-wrap .header-title {
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    color: #ffe362;
    margin-bottom: 5px;
}
.news-title-wrap .header-title .header-title-social {
    float: right;
    font-size: 0;
}
.header-title-social > * {
    margin-left: 8px;
}
.news-title-wrap .news-title-left{
    display:block;
    float:left;
    text-align:left;
}
.news-title-wrap .news-title-left .news-date{
    color:#001a3a;
    display:block;
    font-size:14px;
    margin-bottom:20px;
    text-align:left;
    vertical-align:middle;
}
.news-item-text a{
    color: #ffe362;
}
.news-item-text h2{
    color: #fff;
}
.news-item-text h3{
    color: #ffe362;
}
.news-item-footer{
    line-height:36px;
    margin-bottom:60px;
}
.news-item-footer .social-wrap{
    display:inline-block;
    float:right;
    vertical-align:middle;
}
.news-item-footer .facebook_like{
    vertical-align:middle;
}
.news-item-footer .twitter-share-button{
    vertical-align:middle;
}
#recovery {
    background-color: #071220;
    padding: 150px 0;
}
#recovery .recovery-wrap {
    height: 100%;
    width: 100%;
    min-height: 500px;
}
#recovery .recovery-panel {
    background: none;
    border: none;
    box-shadow: none;
    border: none;
}
#recovery .recovery-panel .panel-heading {
    background: transparent;
    border: none;
}
#recovery .recovery-panel .panel-heading .panel-title {
    font-size: 36px;
    color: #fff;
    text-align: left;
    font-weight: bold;
    text-align: center;
}
#recovery .recovery-panel .panel-heading .panel-subtitle {
    font-size: 17px;
    color: #fff;
    text-align: left;
    font-weight: bold;
    margin-top: 60px;
}
#recovery .recovery-panel .panel-heading .panel-step {
    color: #fff;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 0 5px;
}
#recovery .panel {
    background: none;
}
#recovery .panel .panel-body .support-text {
    text-align: left;
}
#recovery .btn {
    border-radius: 8px;
    font-size: 20px;
    height: 45px;
    width: 100%;
}
#recovery .panel-footer {
    background: none;
    border: none;
    font-size: 11px;
    line-height: 1.5;
    margin-top: 30px;
}
#recovery .reg-field .form-control {
    height: 45px;
    border: 2px solid #ececec;
    border-radius: 8px;
    box-shadow: none;
    background: #ececec;
}
#recovery .reg-field .form-control::-webkit-input-placeholder {
    color: #555;
}
#recovery .reg-field .form-control::-moz-placeholder {
    color: #555;
}
#recovery .reg-field .form-control:-ms-input-placeholder {
    color: #555;
}
#recovery .reg-field .form-control::placeholder {
    color: #555;
}
#recovery .alert {
    font-size: 20px;
    color: #fff;
    text-align: center;
    display: none;
}
#recovery .alert-danger {
    background-color: #ef5e5e;
    border-color: #ef5e5e;
}
#recovery .alert-success {
    background-color: #0c935b;
    border-color: #0c935b;
}
.support-page {
    padding-bottom: 50px;
}
.support-contact .contact-block-label {
    display: block;
    width: 100%;
    position: relative;
    font-size: 14px;
    color: #2a3e53;
    margin-bottom: 10px;
    font-weight: bold;
}
.support-contact .contact-block-content {
    color: #000;
    display: block;
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 30px;
}
.support-contact .contact-block-content-list {
    list-style: none;
    float: left;
    padding: 0;
}
.support-contact .contact-block-content-list li {
    line-height: 30px;
}
.support-contact .contact-block-content a {
    color: #000;
    font-weight: bold;
}
.support-social-sprite {
    background-image: url(../img/support-social-sprite.png);
    background-size: 300% 100%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    display: inline-block;
}
.support-social-sprite.support-social-facebook {
    background-position: 0% 0%;
}
.support-social-sprite.support-social-twitter {
    background-position: 50% 0%;
}
.support-social-sprite.support-social-gplus {
    background-position: 100% 0%;
}
.support-info-sprite {
    background-image: url(../img/support-icons-sprite.png);
    background-size: 400% 100%;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 10px;
}
.support-info-sprite.support-info-address {
    background-position: 0% 0%;
}
.support-info-sprite.support-info-mail {
    background-position: 33.3333% 0%;
}
.support-info-sprite.support-info-phone {
    background-position: 66.6666% 0%;
}
.support-info-sprite.support-info-website {
    background-position: 100% 0%;
}
.support-info-sprite.support-info-empty {
    background: none;
}
.support-page .support-live-hours {
    margin: 20px 0 -10px;
    text-align: center;
}
.support-page .contact-form {
    padding-top: 30px;
}
.support-page .contact-form label {
    font-size: 10px;
}
.support-page .contact-alert.contact-error {
    background: url(../img/contact-error.svg) left center no-repeat;
    background-size: 18px;
    padding-left: 25px;
    line-height: 19px;
    font-size: 16px;
    text-align: left;
    margin: 13px auto;
    color: #de2424;
}
.support-page .contact-alert.contact-success {
    background: url(../img/contact-success.svg) left center no-repeat;
    background-size: 18px;
    padding-left: 25px;
    line-height: 19px;
    font-size: 16px;
    text-align: left;
    margin: 13px auto;
    color: #37b767;
}
#validation-page {
    background: #071220;
    width: 100%;
    text-align: center;
}
#validation-page .header-title h2 {
    text-align: center;
}
#validation-fail {
    min-height: 700px;
}
#validation-success {
    min-height: 700px;
}
#validation-page .validation-heading {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}
#validation-page .validation-text {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 30px;
}
#validation-page .validation-text a {
    font-weight: bold;
    color: #0382d3;
}
#validation-page .btn-wrapper {
    margin-bottom: 20px;
}
.signout-page {
    padding: 100px 0;
}
.signout-page .mobile-preview-img {
    width: 100%;
}
/*CASHIER FILES*/
/*
	VIGGO CASHIER
@import "cashier/ec-icons.css";
@import "cashier/ec-header.css";
@import "cashier/ec-navigation.css";
@import "cashier/ec-table.css";
@import "cashier/ec-buttons.css";
@import "cashier/ec-message.css";
@import "cashier/ec-loader.css";
@import "cashier/ec-forms.css";
@import "cashier/ec-payment.css";
@import "cashier/ec-pay-methods.css";
@import "cashier/ec-payment-sprites.css";
@import "cashier/ec-suggestions.css";
@import "cashier/ec-bonus.css";
@import "cashier/ec-limits.css";
@import "cashier/ec-transaction.css";
@import "cashier/ec-progress.css";
@import "cashier/ec-account.css";
@import "cashier/ec-balance-box.css";
@import "cashier/ec-field-types.css";
@import "cashier/ec-bonus-wallets";
@import "cashier/ec-general.css";
@import "cashier/ec-cancel-withdrawal.css";
@import "cashier/ec-swipe-menu.css";
@import "cashier/ec-simple-transaction-panels.css";
@import "cashier/ec-creditcard-display.css";
@import "cashier/ec-history-tabs.css";
@import "cashier/ec-bet.css";
@import "cashier/ec-cashback.css";
@import "cashier/ec-variables.css";
*/
.ec-account {
	max-width: 800px;
	margin: 0 auto;
	padding-top: 10px;
}
.ec-account-details {
	vertical-align: top;
}
.ec-account-details .ec-section-title {
    margin-bottom: 20px;

}
.ec-account-balances,
.ec-account-details-form-container,
.ec-account-details-password-container,
.ec-account-recent-transactions-container,
.ec-account-recent-transactions-container {
    padding: 0 10px;

    max-width: 320px;
    margin: 0 auto;
}
@media (min-width: 768px) {
	.ec-account-balances,
	.ec-account-details-form-container,
	.ec-account-details-password-container,
	.ec-account-recent-transactions-container {
	   	max-width: 100%;
	}
	.ec-account-details-form-container {
		width: 60%;
	    float: left;
	}
	.ec-account-details-password-container {
	    width: 40%;
		float: left;
	}

	.ec-account-details {
		float: left;
		width: 70%;
	}

	.ec-account-balances {
		float: left;
		width: 30%;
	}

	.ec-account-recent-transactions-container{
		width: 40%;
		float: left;
	}
}
.ec-account-details-form .ec-form-group {
    margin-bottom: 0;

}
.ec-account-details-form .ec-form-group > label,
		.ec-account-details-form .ec-form-group > div {
    float: left;

}
.ec-account-details-form .ec-form-group > label {
    float: left;
    width: 45%;

}
.ec-account-details-form .ec-form-group > div {
    float: left;
    width: 55%;

}
.ec-account-details-form .ec-form-group > label {
    text-align: right;
    text-transform: uppercase;
    color: #a9a9a9;
    font-weight: normal;
    box-sizing: border-box;
    padding-right: 15px;
    line-height:29px;

}
.ec-account-details-form .ec-form-group:after {
    content: "";
    display: table;
    clear: both;

}
@media (max-width: 419px) {
    .ec-account-details-form .ec-form-group {
        margin-bottom: 10px;

    }
    .ec-account-details-form .ec-form-group > label,
			.ec-account-details-form .ec-form-group > div {
        width: 100%;
        float: none;

    }
    .ec-account-details-form .ec-form-group > label {
        text-align: left;
        padding-right: 0;
        margin-bottom: 0;
        font-size: 0.8em;
        line-height: 1;
        margin-bottom: 5px;

    }
    .ec-account-details-form .ec-form-group .ec-input-disabled,
			.ec-account-details-form .ec-form-group .ec-switch-disabled {
        padding-top: 0;

    }
		}
.ec-change-password-form {
	position:relative;
	max-width: 320px;
}
.ec-account-form {
	position:relative;
}
.ec-account-form .ec-clearfix {
    margin-bottom: 20px;

}
.ec-account-edit {
	font-size: 14px;
	color: #12325a;
	display:inline-block;
	margin-left:10px;
	cursor:pointer;
	font-weight:normal;
}
.ec-account-recent-transactions-container .ec-section-title-wrapper .ec-section-title-main{
    width: 70%;
    float: left;

}
.ec-account-recent-transactions-container .ec-section-title-wrapper .ec-section-title-showAll{
    width: 30%;
    text-align: right;
    font-size: 10px;
    color: #179c9c;
    float: left;
    padding: 3px 0 0 0;
    cursor: pointer;

}
.ec-account-recent-transactions-container .ec-recent-transactions-massage{
    margin: 0 auto;
    width: 100%;
    display: inline-block;
    font-size: 15px;
    text-align: center;
    margin-top: 20px;
    font-weight: bold;

}
.ec-account-recent-transactions-container .ec-account-recent-transactions-loader{
    padding-top: 70px;

}
.ec-account-recent-transactions-container .ec-account-recent-transactions-table .ec-recent-transactions-row-container{
    display: inline-block;
    padding-bottom: 15px;
    width: 100%

}
.ec-account-recent-transactions-container .ec-account-recent-transactions-table .ec-recent-transactions-row{
    font-size: 13px;
    float: left;

}
.ec-account-recent-transactions-container .ec-account-recent-transactions-table .ec-recent-transactions-date{
    color: #454545;
    width: 30%;

    /*padding-right: 4%;*/

}
.ec-account-recent-transactions-container .ec-account-recent-transactions-table .ec-recent-transactions-type{
    width: 15%;
    text-align: center;

    /*padding-right: 4%;*/

}
.ec-account-recent-transactions-container .ec-account-recent-transactions-table .ec-recent-transactions-status{
    width: 25%;

    /*text-align: center;*/
    padding-left: 4%;

}
.ec-account-recent-transactions-container .ec-account-recent-transactions-table .ec-recent-transactions-amount{
    width: 30%;
    text-align: right;

}
.ec-account-recent-transactions-container .ec-account-recent-transactions-table .ec-recent-transactions-currency{

    /*float: left;*/
    padding: 0 0 0 5px;

    /*font-size: 9px;*/

}
.ec-account-recent-transactions-container .ec-text-red{
    color: #c30016;

}
.ec-account-recent-transactions-container .ec-text-green{
    color: #528f1a;

}
.ec-balance-status {
	max-width: 230px;
	min-width: 165px;
	margin: 10px auto;
	padding: 10px 30px;
	border-radius: 3px;
	border: 2px solid #6c9c0f;
	color: #6c9c0f;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
.ec-bs-value {
	font-size: 1.6em;
	line-height: 1;
	margin: 2px 0 3px 0;
}
.ec-bs-title {
	font-size: 0.9em;
	text-transform: uppercase;
}
.ec-balances .ec-balance-status {
    display: inline-block;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 20px;

}
.ec-balance-status-off {
	background-color: transparent;
	border: 2px solid #a9a9a9;
	color: #454545;
}
.ec-balance-box {
	width: 33.3333%;
	float: left;
}
.ec-balance-box .ec-balance-content-box{
    margin-top: 20px;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-left: 30px;
    padding: 10px 30px;
    border-radius: 5px;
    border: 2px solid #639d21;
    color: #639d21;
    font-weight: bold;
    text-align: center;

}
.ec-wallet-value{
    font-size: 2.5em;
    line-height: 1;
    margin: 0 0 8px 0;
}
.ec-wallet-title{
	font-size: 1em;
	text-transform: uppercase;
	display: inline-block;
}
/* casher balance box changes*/
.ec-select-type .ec-balance-box{
    width: 100%;

}
.ec-select-type .ec-balance-box .ec-balance-content-box{
    margin: 10px auto;
    border-color: #6c9c0f;
    color: #6c9c0f;

}
.ec-select-type .ec-balance-box .ec-wallet-value{
    font-size: 1.6em;

}
.ec-select-type .ec-balance-box .ec-wallet-title{
    font-size: 0.9em;

}
/*account balance box changes*/
.ec-account-balance-box .ec-balance-box{
    width: 100%;

}
.ec-account-balance-box .ec-balance-box .ec-balance-content-box{
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    border-color: #6c9c0f;
    color: #6c9c0f;

}
.ec-account-balance-box .ec-balance-box .ec-wallet-value{
    font-size: 1.6em;

}
.ec-account-balance-box .ec-balance-box .ec-wallet-title{
    font-size: 0.9em;

}
.ec-bet-box{
    max-width: 360px;
    margin: 0 auto;
    border-radius: 5px;
    border: solid 2px #e2e3e3;
    margin-bottom: 20px;
}
.ec-bet-box .ec-bet-box-wrapper {
    padding: 3%;

}
.ec-bet-box .ec-bet-box-wrapper > div {
    display: inline-block;
    width: 100%;

}
.ec-bet-box .ec-bet-box-wrapper .ec-bet-box-id{
    color: #0babac;
    font-size: 14px;
    display: inline-block;
    float: left;
    width:50%;

}
.ec-bet-box .ec-bet-box-wrapper .ec-bet-box-game{
    color: #0babac;
    font-size: 14px;
    display: inline-block;
    float: right;
    width:50%;
    text-align: right;
    padding-right: 10px;

}
.ec-bet-box .ec-bet-box-wrapper .bet-win-amount{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: #999;
    margin-top: 10px

}
.ec-bet-box .ec-bet-box-wrapper .bet-win-amount.bet-win-amount-win {
    color: #66a359;
    font-size: 18px;
    font-weight: bold;

}
.ec-bet-box .ec-bet-box-wrapper .bet-bet-amount{
    font-size: 13px;
    line-height: 1.38;
    color: #87939f;
    padding-top: 5px;

}
/*.ec-bet-box-win-amount-bank {
            font-weight: bold;
            font-size: 18px;
            padding-top: 5px;
            color: #66a359;
        }
        .ec-bet-box-bet-amount-bank {
            font-weight: bold;
            padding-top: 5px;
            color: #999;
            font-size: 13px;
            line-height: 1.38;
        }*/
.ec-bet-box .ec-bet-box-wrapper .ec-bet-box-date-time {
    font-size: 15px;
    padding-top: 10px;
    color: #000;

}
.ec-bet-box .ec-cancel-withdrawal-btn-wrapper {
    text-align: center;

}
.ec-sports-bet-wrapper .ec-sports-bet-inner{
    display:inline-block;
    position:absolute;
    top:60px;
    left:0;
    right:0;
    bottom:70px;

}
.ec-sports-bet-wrapper .ec-sports-bet-inner .ec-sports-bet-frame{
    border:none;
    overflow:hidden;
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    min-height:100%;
    min-width:100%;

}
.ec-sports-bet-wrapper .ec-cancel-sportsbook-view-btn-wrapper{
    position: absolute;
    bottom:20px;
    left:0;
    right:0;
    text-align:center;

}
.ec-bonus-balance-titel {
	text-align: center;
}
.ec-bonus-balance-container{
	overflow: hidden;
	max-width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	color: #639d21;

}
.ec-bonus-balance-container .ec-wallet-comtainer{
    width: 50%;
    float: left;
    height: 90px;
    margin-bottom: 15px;

}
.ec-bonus-balance-container .ec-wallet-balance{
    width: 45%;
    height: 100%;
    float: left;
    border-radius: 5px;
    background-color: #e6ebe1;
    color: #639d21;

}
.ec-bonus-balance-container .ec-wallet-balance .ec-wallet-balance-content{
    margin-top: 18px;
    font-weight: bold;

}
.ec-bonus-balance-container .ec-wallet-balance .ec-wallet-balance-content .ec-wallet-value{

    /*font-size: 1.5em;*/

}
.ec-bonus-balance-container .ec-wallet-balance .ec-wallet-balance-content .ec-wallet-title{

    /*font-size: 0.7em;*/

}
.ec-bonus-balance-container .ec-wallet-balance .ec-wallet-balance-amount{
    width: 100%;
    text-align: center;
    font-size: 2.5em;
    line-height: 1;
    margin: 0 0 8px 0;

}
.ec-bonus-balance-container .ec-wallet-balance .ec-wallet-balance-name {
    width: 100%;
    text-align: center;

}
.ec-bonus-balance-container .ec-wallet-balance .ec-wallet-order-number{
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #639d21;
    display: inline-block;
    margin-right: 5px;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    color: #fff;

}
.ec-bonus-balance-container .ec-wallet-balance .fa-check-circle{
    font-size: 1.5em;
    margin-right: 5px;
    overflow: hidden;

}
.ec-bonus-balance-container .ec-wallet-balance .ec-wallet-title{
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.ec-bonus-balance-container .ec-wallet-progress{
    width: 50%;
    height: 100%;
    float: left;
    margin-left: 5%;

}
.ec-bonus-balance-container .ec-wallet-progress .ec-wallet-progress-title{
    margin-top: 20px;
    margin-bottom:10px;
    font-size: 1.2em;
    font-weight: bold;

}
.ec-bonus-balance-container .ec-wallet-progress .ec-wallet-progress-cleared{
    font-weight: normal;

}
.ec-bonus-balance-container .ec-wallet-progress .ec-wallet-progressBar-container{
    width: 80%;
    position: relative;
    display: inline-block;

}
.ec-bonus-balance-container .ec-wallet-progress .ec-wallet-progressBar-container .ec-wallet-progressBar-progress{
    height: 13px;
    background-color: #639d21;
    position: relative;
    border-radius: 10px;

}
.ec-bonus-balance-container .ec-wallet-progress .ec-wallet-progressBar-container .ec-wallet-progressBar-background{
    width: 100%;
    height: 13px;
    background-color: #dcf3e2;
    position: absolute;
    border-radius: 10px;
    display: block;

}
.ec-bonus-balance-container .ec-wallet-progress .ec-wallet-info-popup-wrapper{
    position: relative;
    display: inline-block;

}
.ec-bonus-balance-container .ec-wallet-progress .ec-wallet-info-popup-wrapper .fa-info-circle{
    color: #dcf3e2;
    font-size: 20px;
    margin-left: 10px;

}
.ec-bonus-balance-container .ec-wallet-progress .ec-wallet-info-popup-wrapper .fa-info-circle:hover{
    color: #639d21;

}
.ec-bonus-balance-container .ec-wallet-progress .ec-wallet-info-popup-wrapper .ec-wallet-info-popup{
    display:none;
    width: 160px;
    height: 68px;
    padding: 5px 0;
    padding-top: 15px;
    top: 33px;
    left: 50%;
    margin-left: -75px;
    text-align: center;
    font-size: 14px;
    background-color: #fff;
    color: #000;
    border-radius: 6px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 1;

}
.ec-bonus-balance-container .ec-wallet-progress .ec-wallet-info-popup-wrapper .ec-wallet-info-popup::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -12px;
    bottom: 77%;
    left: 50%;
    box-sizing: border-box;
    border: 8px solid #000;
    border-color: #fff #fff transparent transparent;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.3);

}
.ec-bonus-balance-container .ec-wallet-progress .ec-wallet-info-popup-wrapper:hover .ec-wallet-info-popup {
    display: block;

}
.ec-bonus-balance-container .ec-bonus-balance-wrapper {
    width: 100%;
    display: inline-block;

}
.ec-bonus-balance-container .ec-bonus-balance-wrapper .ec-balance-box {}
.ec-bonus-balance-container .ec-wallet-value{
    font-size: 2.5em;

}
.ec-bonus-balance-container .ec-wallet-title{
    font-size: 1em;

}
.ec-bonus-balance-container .ec-wallet-inactive .ec-wallet-balance {
    background-color: #f4f4f4;
    color: #a9a9a9;

}
.ec-bonus-balance-container .ec-wallet-inactive .ec-wallet-balance .ec-wallet-order-number{
    background-color: #a9a9a9;

}
.ec-bonus-balance-container .ec-wallet-inactive .ec-wallet-progress {
    color: #dfdfdf;

}
.ec-bonus-balance-container .ec-wallet-inactive .ec-wallet-progress .ec-wallet-progressBar-background{
    background-color: #dfdfdf;

}
.ec-bonus-balance-container .ec-wallet-inactive .ec-wallet-progress .ec-wallet-progressBar-progress{
    background-color: #a9a9a9;

}
.ec-bonus-balance-container .ec-wallet-inactive .ec-wallet-progress .ec-wallet-info-popup-wrapper .fa-info-circle{
    color: #dfdfdf;

}
.ec-bonus-balance-container .ec-wallet-inactive .ec-wallet-progress .ec-wallet-info-popup-wrapper .fa-info-circle:hover{
    color: #a9a9a9;

}
@media (max-width: 880px) {
    .ec-bonus-balance-container .ec-wallet-comtainer {
        width: 100%;

    }
	}
@media (max-width: 400px) {
    .ec-bonus-balance-container .ec-wallet-balance .ec-wallet-title {
        max-width: 110px;

    }
		}
@media (max-width: 880px) {
    .ec-bonus-balance-container .ec-wallet-progress .ec-wallet-info-popup-wrapper .ec-wallet-info-popup {
        top: -23px;
        left: -166px;
        margin-left: 0;

    }
    .ec-bonus-balance-container .ec-wallet-progress .ec-wallet-info-popup-wrapper .ec-wallet-info-popup::after {
        bottom: 30%;
        left: 100%;
        border-color: transparent #fff #fff transparent;
        box-shadow: 1px 1.5px 2px 0 rgba(0, 0, 0, 0.3);

    }
			}
@media (max-width: 880px) {
    .ec-bonus-balance-container .ec-bonus-balance-wrapper .ec-balance-box .ec-balance-content-box {
        margin-bottom: 5px;

    }
			}
@media (max-width: 880px) {
    .ec-bonus-balance-container .ec-bonus-balance-wrapper .ec-balance-box {
        width: 100%;

    }
		}
.ec-show-bitcoin-wallet .ec-bitcoin-wallet-address-wrap{
    margin-top: 30px;
    min-height: 350px;

}
.ec-show-bitcoin-wallet .ec-bitcoin-wallet-address-wrap .ec-bitcoin-wallet-address-content-wrapper .ec-bitcoin-wallet-address-container {
    max-width: 350px;
    height: 30px;
    margin: 0 auto;
    margin-top: 80px;
    border-bottom: 3px solid #639d21;

}
.ec-show-bitcoin-wallet .ec-bitcoin-wallet-address-wrap .ec-bitcoin-wallet-address-content-wrapper .ec-bitcoin-wallet-address-container .ec-bitcoin-wallet-address {
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    color: #000;

}
.ec-show-bitcoin-wallet .ec-bitcoin-wallet-qr {
    margin-top: 30px;
    min-height: 350px;

}
.ec-show-bitcoin-wallet .ec-bitcoin-wallet-qr img {
    margin: 0 auto;
    display: inherit;
    height: 260px;

}
.ec-show-bitcoin-wallet .ec-section-title {
    max-width: 330px;
    text-transform: none;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 auto;

}
.ec-show-bitcoin-wallet .ec-bitcoin-section-continue-wrapper .ec-section-title {
    max-width: 400px;

}
.ec-show-bitcoin-wallet .ec-bitcoin-section-continue-wrapper .ec-bitcoin-btn-wrap .ec-bitcoin-btn {
    padding-top: 0.7em;
    font-size: 20px;
    height: 50px;

}
.ec-show-bitcoin-wallet .ec-bitcoin-btn-wrap {
    max-width: 350px;
    padding: 0 40px;
    margin: 0 auto;
    margin-top: 30px;

}
.ec-show-bitcoin-wallet .ec-bitcoin-btn-wrap .ec-bitcoin-btn {
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    background-color: #639d21;

}
.ec-bonuses-container {
	max-width: 800px;
	padding: 0 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: center
}
@media (min-width: 520px) and (max-width: 800px) {
    .ec-bonuses-container {
        max-width: 440px;

    }
	}
.ec-cashier-bonuses-title {
    font-size: 15px;
    margin: 0 auto;
    padding: 50px 15px 30px;
    font-weight: bold;
    text-align: left;
    color: #082d65;
    max-width: 800px;
}
.ec-bonuses {
	margin-bottom: 20px;
}
.ec-bonuses .ec-bonus-activate-button {
    margin-left:10px;

}
.ec-bonuses .ec-bonus-box,
	.ec-bonuses .ec-enter-bonus-box {
    width: 100%;
    height: 104px;
    overflow: hidden;
    margin-top: 1%;
    float: left

}
.ec-bonuses .ec-bonus-box {
    cursor: pointer;

}
.ec-bonuses .ec-bonus-box-view {
    cursor: auto;

}
.ec-bonuses .ec-bonus-code-item {
    position: relative;
    margin: auto;
    width: 100%;
    padding: 6px;
    border-radius: 5px;
    border: solid 2px #dce3ea;

}
.ec-bonuses .ec-bonus-code-item .ec-bonus-code-item-content {
    position: relative;
    margin-bottom: 0px;

}
.ec-bonuses .ec-bonus-code-item .ec-bonus-code-item-content .ec-bonus-code-input {
    width: 75%;
    background-color: white;
    display: inline-block;

}
.ec-bonuses .ec-bonus-code-item .ec-bonus-code-item-content .ec-bonus-code-validate {
    font-size: 12px;
    font-weight: 500;
    color: #007fff;
    cursor: pointer;
    width:25%;
    display: inline-block;
    text-align: center;

}
.ec-bonuses .ec-bonus-code-item .ec-bonus-code-item-content .ec-bonus-code-validate i {
    font-size: 12px;
    margin-left:7px;

}
.ec-bonuses .ec-bonus-code-item .ec-bonus-code-item-content .ec-bonus-code-validate.disabled {
    color: #87939f;

}
.ec-bonuses .ec-bonus-code-item .ec-bonus-code-item-content .ec-bonus-code-validate.invalid {
    color: #fe2828;

}
.ec-bonuses .ec-bonus-code-item.selected {
    border: solid 2px #007fff;
    background-color: #eaf3fc;

    /*.ec-bonus-box-content-wrap {

			}*/

}
.ec-bonuses .ec-bonus-code-item.selected .ec-bonus-grid-item-selected-icon {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 20px;
    color: #007fff;

}
.ec-bonuses .ec-bonus-code-item.selected .title {
    color: #007fff;

}
.ec-bonuses .ec-bonus-code-item.selected .ec-bonus-code-input {
    background-color: #eaf3fc;

}
.ec-bonuses .ec-bonus-code-item.selected.invalid {
    background-color: #eaf3fc;

}
.ec-bonuses .ec-bonus-code-item.invalid {
    border: solid 2px #fe2828;
    background-color: white;

}
.ec-bonuses:after {
    content: "";
    display: table;
    clear: both;

}
@media (max-width: 520px) {
    .ec-bonuses .ec-bonus-box,
	.ec-bonuses .ec-enter-bonus-box {
        float: none;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;

    }
		}
.ec-enter-bonus-box {
	padding-top: 13px;
	border-radius: 12px;
	text-align: center;
	background-color: #e5e5e5;
	border-radius: 4px;
	color: #353535;
	cursor: pointer;
}
.ec-enter-bonus-box span {
    display: block;

}
.ec-enter-bonus-box .ec-enter-bonus-field {
    display: inline-block;
    width: 70%;
    margin: 3px auto 5px;
    height: 28px;
    border-bottom: 1px solid #353535;
    color: #353535;
    box-sizing: border-box;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;

}
.ec-enter-bonus-box .ec-enter-bonus-field .ec-enter-bonus-field-icon {
    float: right;
    width: 20px;
    height: 28px;
    text-align: center;
    padding-top: 6px;

}
.ec-enter-bonus-box .ec-enter-bonus-field .ec-enter-bonus-field-icon i {
    display: inline-block;
    font-size: 1.5em;
    vertical-align:bottom;

}
.ec-enter-bonus-box .ec-enter-bonus-field .ec-enter-bonus-input{
    width: auto;
    overflow: hidden;
    height: 32px;
    margin: 0;

}
.ec-enter-bonus-box .ec-enter-bonus-field .ec-enter-bonus-input input {
    width: 100%;
    background: none;
    border-radius: 0;
    border: none;
    font-size: 1.2em;
    height: 28px;
    text-align: center;
    outline: none;
    font-family: inherit;

}
.ec-enter-bonus-box .ec-enter-bonus-field.field-hidden {
    width: 20px;

}
.ec-bonuses-title {
	margin: 5px;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color: #12325a
}
@media (max-width: 520px) {
    .ec-bonuses-title {
        text-align: center;

    }
	}
.ec-bonus-box {
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 12px;
	text-align: center;
	background: #eff1f3;
	color: #87939f;
	border: 2px solid #eff1f3;
	height: 76px;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.ec-bonus-box p {
    margin: 0;

}
.ec-bonus-box i {
    font-size: 2em;
    margin-bottom: 5px;

}
.ec-bonuses-page-bonuses .ec-bonus-box {}
.ec-bonuses-page-bonuses .ec-bonus-box:hover:not(.ec-bonus-box-on) {
    color: #007fff;
    background: #eaf3fc;

}
.ec-bonus-box:hover:not(.ec-bonus-box-on) {
    color: #87939f;
    border-color: #87939f;

}
.ec-bonus-text-min-max{
	width: 100%;
	font-size: 13px;
	margin-bottom: 15px;
	color: #454545;
	text-align: left;
}
.ec-bonus-text-min-max * {
    display: inline-block;
    margin-right:5px;

}
.ec-bonus-text-min-max .ec-bonus-text-min,
	.ec-bonus-text-min-max .ec-bonus-text-max{
    font-weight: bold;
    color: #000000;

}
.ec-bonus-description{
	margin-top:15px;
}
.ec-bonus-box-content {
}
.ec-bonus-box-on {
	color: #007fff;
	border-color: #007fff;
	background: #eaf3fc;
}
.ec-bonuses-page-bonuses .ec-bonus-box-on {
    color: #007fff;

}
.ec-bonus-box:hover .ec-bonus-box-title,
.ec-bonus-box-on .ec-bonus-box-title {
	color: #007fff;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.ec-bonus-box:hover .ec-bonus-box-time,
.ec-bonus-box-on .ec-bonus-box-time {
	color: #007fff;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.ec-bonus-box-title {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.15em;
	color: #a9a9a9;
	line-height: 1;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.ec-bonus-box-time {
	font-size: #a9a9a9;
	color: #a9a9a9;
	padding-top: 5px;
	font-weight: bold;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}
.ec-bonus-box-time:empty {
    padding: 0;

}
.ec-bonuses-program{
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}
.ec-bonuses-program .ec-bonuses-program-image {
    margin: auto;
    overflow: hidden;
    float: left;
    margin-right: 15px

}
.ec-bonuses-program .ec-bonuses-program-content {
    text-align: left;
    color: #000;
    width: auto;
    overflow: hidden;
    font-size: 13px;

}
.ec-bonuses-program .ec-bonuses-program-content .ec-bonuses-program-title {
    text-align: left;
    margin: 0;
    color: #000;
    font-size: 21px;
    margin-bottom: 15px

}
@media (max-width: 768px) {
    .ec-bonuses-program .ec-bonuses-program-image {
        float: none;
        margin: 0;
        margin-bottom: 20px;

    }
    	}
@media (max-width: 768px) {
    .ec-bonuses-program .ec-bonuses-program-content {
        text-align: center;

    }
		}
@media (max-width: 768px) {
    .ec-bonuses-program .ec-bonuses-program-content .ec-bonuses-program-title {
        text-align: center;

    }
		 	}
.ec-btn {
  padding: 10px 20px;
  font-weight: bold;
  font-family: inherit;
  font-size: 1em;

  background: #1f508d;
  color: #fff;
  border: 0;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  border-radius: 30px;
  text-transform: uppercase;
  cursor: pointer;
  outline: none;
  outline: 0;
}
.ec-btn i {
    position: relative;
    top: 1px;
    font-size: 1.5em;
    margin-left: 15px;
    line-height: 0.2;

}
.ec-btn:hover,
  .ec-btn:focus {
    background: rgb(22, 57, 100);
    color: #fff;
    outline: none;
    outline: 0;

}
.ec-btn-danger {
  background: #d0011b;
  color: #fff
}
.ec-btn-danger:hover,
  .ec-btn-danger:focus {
    background: rgb(157, 1, 22);
    color: #fff;
    outline: none;
    outline: 0;

}
.ec-btn-off {
  padding: 10px 15px;
  font-weight: bold;
  font-family: inherit;
  font-size: 1em;

  background: #a9a9a9;
  color: #fff;
  border: 0;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  border-radius: 30px;
  text-transform: uppercase;
  cursor: pointer;
  outline: none;
  outline: 0;
}
.ec-btn-off i {
    position: relative;
    top: 1px;
    font-size: 1.5em;
    margin-right: 10px;
    line-height: 0.2;

}
.ec-btn-off:hover,
  .ec-btn-off:focus {
    background: rgb(156, 156, 156);
    color: #fff;
    outline: none;
    outline: 0;

}
.ec-btn-back {
  position: absolute;
  z-index: 2;
  top: 15px;
  left: 10px;
  height: 24px;
  padding: 2px 15px 2px 28px;
  background: transparent;
  border: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  box-sizing: border-box;
  color: #fff;
  background-color: #a9a9a9;
  border-radius: 30px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  outline: none;
  overflow: hidden;
}
.ec-btn-back i {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    margin-left: 0;
    padding-right: 1px;
    border-radius: 50%;
    background-color: #fff;
    color: #a9a9a9;
    font-size: 14px;
    line-height: 16px;
    box-sizing: border-box;

}
.ec-btn-back:hover,
  .ec-btn-back:focus {
    background-color: rgb(143, 143, 143);
    color: #fff;

}
@media (max-width: 768px) {
    .ec-btn-back {
        width: 24px;
        top: 8px;
        left: 8px;
        color: #a9a9a9;
        color: transparent;
        padding: 0;

    }
    .ec-btn-back .ec-btn-back-text {
        display: none;

    }
    .ec-btn-back i {
        background-color: transparent;
        color: #fff;
        font-size: 20px;

    }
  }
.ec-cashier-btn {
  display: block;
  position: relative;
  width: 100%;
  max-width: 250px;
  margin: 10px auto;
  padding: 15px;
  padding-left: 52px;
  border: 0;
  border-radius: 30px;
  color: #fff;
  background: #639d21;
  font-weight: bold;
  outline: none;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  font-size: 1.1em;
}
.ec-cashier-btn i {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    line-height: 1

}
.ec-cashier-btn i:first-of-type {
    left: 15px;
    margin-top: -12px;

}
.ec-cashier-btn i:last-of-type {
    right: 5px;
    font-size: 28px;
    margin-top: -15px;

}
.ec-cashier-btn:hover {
    background: rgb(85, 135, 29);
    color: #fff;

}
.ec-success-btn {
  padding: 10px 20px;
  font-weight: bold;
  font-family: inherit;
  font-size: 1em;
  cursor: pointer;

  background: #6c9c0f;
  color: #fff;
  border: 0;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  border-radius: 30px;
  text-transform: uppercase;
  outline: none;
  outline: 0;
}
.ec-success-btn i {
    position: relative;
    top: 1px;
    font-size: 1.5em;
    margin-left: 15px;
    line-height: 0.2;

}
.ec-success-btn:hover,
  .ec-success-btn:focus {
    background: rgb(94, 135, 13);
    color: #fff;
    outline: none;
    outline: 0;

}
.ec-info-btn {
  padding: 10px 20px;
  font-weight: bold;
  font-family: inherit;
  font-size: 1em;
  cursor: pointer;

  background: #a9a9a9;
  color: #fff;
  border: 0;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  border-radius: 3px;
  text-transform: uppercase;
  outline: none;
  outline: 0;
}
.ec-info-btn i {
    position: relative;
    top: 1px;
    font-size: 1.5em;
    margin-left: 15px;
    line-height: 0.2;

}
.ec-info-btn + .ec-success-btn {
    margin-left: 10px;

}
.ec-info-btn:hover,
  .ec-info-btn:focus {
    background: rgb(156, 156, 156);
    color: #fff;
    outline: none;
    outline: 0;

}
.ec-deactivate-account-btn {
  background-color: #d0011b;
  border: solid 2px #d0011b;
  color: #fff;
  margin: 30px;
}
.ec-deactivate-account-btn .fa-times-circle {
    margin-left: 0;
    margin-right: 5px;
    top: 3px;

}
.ec-deactivate-account-btn:hover,
  .ec-deactivate-account-btn:focus {
    background-color: #b70119;
    border: solid 2px #d0011b;
    color: #fff;

}
.ec-cancel-withdrawal-wrapper{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.ec-cancel-withdrawal-wrapper .ec-transaction-box{
    max-width: 360px;
    margin: 0 auto;
    border-radius: 5px;
    border: solid 2px #e2e3e3;
    margin-bottom: 20px;

}
.ec-cancel-withdrawal-wrapper .ec-transaction-box .ec-transaction-box-wrapper {
    padding: 3%;

}
.ec-cancel-withdrawal-wrapper .ec-transaction-box .ec-transaction-box-wrapper > div {
    display: inline-block;
    width: 100%;

}
.ec-cancel-withdrawal-wrapper .ec-transaction-box .ec-transaction-box-wrapper .ec-transaction-box-id{
    color: #0babac;
    font-size: 14px;
    display: inline-block;

}
.ec-cancel-withdrawal-wrapper .ec-transaction-box .ec-transaction-box-wrapper .ec-transaction-box-amount-bank {
    font-weight: bold;
    font-size: 18px;
    padding-top: 5px;
    color: #000;

}
.ec-cancel-withdrawal-wrapper .ec-transaction-box .ec-transaction-box-wrapper .ec-transaction-box-date-time {
    font-size: 15px;
    padding-top: 10px;
    color: #000;

}
.ec-cancel-withdrawal-wrapper .ec-cancel-withdrawal-text{
    visibility: hidden;
    display: none;
    opacity: 0;
    max-width: 360px;
    text-align: center;
    font-size: 14px;
    line-height: 1.54;
    color: #d0011b;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;

}
.ec-cancel-withdrawal-wrapper .ec-cancel-withdrawal-btn-wrapper{
    min-width: 220px;
    text-align: center;

}
.ec-cancel-withdrawal-wrapper .ec-cancel-withdrawal-btn-wrapper .ec-success-btn{
    background: #639d21;

}
.ec-cancel-withdrawal-wrapper .ec-cancel-withdrawal-btn-wrapper .ec-success-btn:hover{
    background: rgb(9, 149, 149);

}
.ec-creditcard-display {
	min-width:280px;
	min-height:135px;
	width:60%;
	overflow:hidden;
	border-radius:8px;
	padding:15px;
	margin-bottom:15px;
	float:left;
	position:relative;

}
.ec-creditcard-display .ec-creditcard-logo {
    position:absolute;
    bottom:7px;
    right:7px;
    background-image:url('../img/creditcard-icons-spritesheet.png');
    background-size: 300% 200%;
    height: 32px;
    width: 48px;
    background-color: #fff;
    border-radius: 3px

}
.ec-creditcard-display .ec-creditcard-logo.ec-creditcard-logo-default {
    background-position: 0% 0%;

}
.ec-creditcard-display .ec-creditcard-logo.ec-creditcard-logo-Visa {
    background-position: 100% 0%;

}
.ec-creditcard-display .ec-creditcard-logo.ec-creditcard-logo-MasterCard {
    background-position: 50% 0%;

}
.ec-creditcard-display .ec-creditcard-field .ec-creditcard-field-label{
    display:block;
    width:100%;
    margin-bottom:3px;
    color:#fff;
    font-size:12px;
    line-height:18px;

}
.ec-creditcard-display .ec-creditcard-field .ec-creditcard-field-value{
    display:block;
    width:100%;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    line-height:24px;

}
.ec-creditcard-display .ec-creditcard-field.ec-creditcard-card-number {
    width: 100%;
    margin-bottom: 15px;

}
.ec-creditcard-display .ec-creditcard-field.ec-creditcard-card-holder {
    width: 100%;
    float: left;

}
.ec-creditcard-display.ec-creditcard-type-Visa {
    background-color: #182866;
    background-image: -webkit-linear-gradient(top, #182866, #1a3d8c);
    background-image: linear-gradient(to bottom, #182866, #1a3d8c);

}
.ec-creditcard-display.ec-creditcard-type-MasterCard {
    background-color: #6193dd;
    background-image: -webkit-linear-gradient(top, #6193dd, #4161b5);
    background-image: linear-gradient(to bottom, #6193dd, #4161b5);

}
.ec-creditcard-display.ec-creditcard-type-default {
    background-color: #575353;
    background-image: -webkit-linear-gradient(top, #575353, #000000);
    background-image: linear-gradient(to bottom, #575353, #000000);

}
@media (max-width: 980px) {
    .ec-creditcard-display {
        float: none;
        margin: 20px auto 40px auto;

    }
	}
.ec-details-form-credit-card-right{
	float:right;
	width:40%;
	padding-left: 15px
}
@media (max-width: 980px) {
    .ec-details-form-credit-card-right {
        margin: auto;
        width: 100%;
        padding-left: 0;

    }
	}
.ec-details-form-credit-card-bottom {
	float:right;
	width:100%;
}
.ec-creditcard-type-skrill{
	min-height: 135px;
	background-color: #000;
	background-image: -webkit-linear-gradient(right, #0E0E0E, #353535);
	background-image: linear-gradient(to left, #0E0E0E, #353535);

}
.ec-creditcard-type-skrill .ec-skrill-field {
    margin-left: 15px;

}
.ec-creditcard-type-skrill .ec-skrill-field .ec-skrill-field-label{
    width: 100%;
    display: inline-block;
    color: #A9A9A9;
    margin-bottom: 10px;
    font-size:12px;

}
.ec-creditcard-type-skrill .ec-skrill-field .ec-skrill-field-value{
    width: 100%;
    display: inline-block;
    color: #D3D3D3;
    font-size:15px;

}
.ec-date-container{
    padding: 0 15px;
    margin-bottom: 25px;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    /*display: inline-block;*/
}
.ec-dropdown-date-year{
    width: 33.333%;
    float: left;
	border-radius: 10px;
}
.ec-dropdown-date-year .ec-input{
    padding: 0 10px

}
.ec-dropdown-day{
    width: 32.333%;
    float: left;
    padding-right: 1%;
	border-radius: 10px;
}
.ec-dropdown-day .ec-input{
    padding: 0 10px

}
.ec-dropdown-month{
    width: 32.333%;
    float: left;
    padding-right: 1%;
    border-radius: 10px;
}
.ec-dropdown-month .ec-input{
    padding: 0 2px

}
.ec-date-container-readOnly{
    padding: 6px 0;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}
.ec-form-group {
	position: relative;
	min-width: 150px;
	margin-bottom: 15px;
}
.ec-form-group label {
    display: block;
    margin-bottom: 5px;
    color: #12325a;
    font-weight: 600

}
.ec-form-group label:empty {
    margin-bottom: 0;

}
.ec-form-group.ec-field-template-default-destinationTag p {
    margin-top: 7px;

}
.ec-input-wrap,
.ec-input-validation-wrap {
	position: relative;
}
.ec-input-icon {
		position: absolute;
		top: 0;
		right: 7px;
		height: 29px;
		-webkit-transition: color .3s ease;
		transition: color .3s ease;
		cursor: pointer;
}
.ec-input-icon i {
    line-height: 38px;
    font-size: 1.3em;
    color: #12325a;

}
.ec-input-icon.ec-input-icon-off i {
    color: rgb(153, 153, 153);

}
.ec-input {
	display: block;
	width: 100%;
	border: 0;
	background: #e5e5e5;
	border-radius: 4px;
	height: 38px;
	padding: 6px 12px;
	outline: none;
	font-family: inherit;
	-moz-appearance: none;
	box-shadow: none !important;
	resize: none;
	font-size: inherit;
}
.ec-input-disabled {
	padding: 6px 0;
}
.ec-input[disabled]{
	background: none;
	color: #000;
}
.ec-reqired {
	color: #aaa;
	font-size: 0.75em;
	margin-bottom: 15px;
}
.ec-select {
	border: 0;
	background: #e5e5e5;
	border-radius: 4px;
	padding: 6px 5px;
	outline: none;
	font-family: inherit;
	appearence: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none !important;
	font-size: inherit;
}
.ec-input-bad {
	background: #ffcaca;
	color: #c30016;
}
.ec-checkbox {
	font-weight: normal;
}
.ec-checkbox label {
    position: relative;

}
.ec-checkbox span {
    padding-left: 28px

}
.ec-checkbox span:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: -1px;
    left: 0;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    background-color: #e5e5e5;
    cursor: pointer;
    box-sizing: border-box;

}
.ec-checkbox input {
    position: absolute;
    margin: 0;
    opacity: 0;

}
.ec-checkbox input:checked + span:after {
    background-color: #6c9c0f;
    border: 2px solid #6c9c0f;

}
.ec-checkbox input:checked + span:before {
    content: 'L';
    font-family: Arial;
    position: absolute;
    left: 5px;
    top: 0;
    z-index: 1;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    -webkit-transform: rotateY(180deg) rotateZ(-40deg);
    transform: rotateY(180deg) rotateZ(-40deg);

}
.ec-radio-inputs > label {
    display: inline-block;
    min-width: 80px;
    margin-right: 20px;

}
.ec-radio {
	position: relative;
	font-weight: normal;
}
.ec-radio span {
    position: relative;
    padding-left: 22px

}
.ec-radio span:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #ccc;
    cursor: pointer;
    box-sizing: border-box;

}
.ec-radio input {
    position: absolute;
    margin: 0;
    opacity: 0;

}
.ec-radio input:checked + span:after {
    border: 2px solid #6c9c0f;

}
.ec-radio input:checked + span:before {
    content: '';
    position: absolute;
    top:  4px;
    left: 4px;
    width:  8px;
    height: 8px;
    border-radius: 50%;
    background: #6c9c0f;

}
.ec-switch {
    display: inline-block;
}
.ec-switch label {
    position: relative;
    margin: 0;
    width: 35px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;

}
.ec-switch input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    opacity: 0;
    cursor: pointer

}
.ec-switch input:checked + .ec-switch-bg {
    background: #6c9c0f;

}
.ec-switch input:checked + .ec-switch-bg .ec-switch-dot {
    -webkit-transform: translateX(17px);
    transform: translateX(17px);

}
.ec-switch .ec-switch-bg {
    background: #bbb;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 30px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;

}
.ec-switch .ec-switch-dot {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;

}
.ec-switch span {
    position: relative;
    top: 1px;
    color: #12325a;
    font-weight: bold;

}
.ec-switch-disabled label,
	.ec-switch-disabled input {
    cursor: not-allowed;

}
.ec-switch-disabled input + .ec-switch-bg {
    background: transparent;
    box-shadow: inset 0 0 0 1px #bbb;

}
.ec-switch-disabled input + .ec-switch-bg .ec-switch-dot {
    background-color: #bbb;

}
.ec-switch-disabled input:checked + .ec-switch-bg {
    background: transparent;
    box-shadow: inset 0 0 0 1px #6c9c0f;

}
.ec-switch-disabled input:checked + .ec-switch-bg .ec-switch-dot {
    background-color: #6c9c0f;

}
.ec-input-wrap .ec-checkbox,
.ec-input-wrap .ec-switch,
.ec-input-wrap .ec-radio {
	padding: 6px 0;
}
.ec-form-group-tooltip {
	position: absolute;
	z-index: 10;
	padding: 10px;
	width: 150px;
	min-height: 32px;
	background: #d0011b;
	border-radius: 3px;
	color: #fff;
	word-wrap: break-word;
	-webkit-animation-name: ecTooltipFadeIn;
	        animation-name: ecTooltipFadeIn;
	-webkit-animation-duration: .4s;
	        animation-duration: .4s;
	-webkit-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out
}
.ec-form-group-tooltip:after {
    content: '';
    position: absolute;
    border-style: solid;

}
.ec-form-group-tooltip.ec-tooltip-left {
    right: 0;
    bottom: 85%;

}
.ec-form-group-tooltip.ec-tooltip-left:after {
    bottom: auto;
    top: 100%;
    left: auto;
    right: 16px;
    border-width: 5px 5px 0 5px;
    border-color: #d0011b transparent transparent transparent;

}
.ec-form-group-tooltip.ec-tooltip-top {
    bottom: 115%;
    right: 0;

}
.ec-form-group-tooltip.ec-tooltip-top:after {
    top: 100%;
    right: 10%;
    border-width: 5px 5px 0 5px;
    border-color: #d0011b transparent transparent transparent;

}
.ec-form-group-tooltip.ec-tooltip-right {
    left: auto;
    right: 0;
    bottom: 85%;

}
.ec-form-group-tooltip.ec-tooltip-right:after {
    bottom: auto;
    top: 100%;
    left: auto;
    right: 16px;
    border-width: 5px 5px 0 5px;
    border-color: #d0011b transparent transparent transparent;

}
.ec-form-group-tooltip.ec-tooltip-bottom {
    top: 115%;
    right: 0;

}
.ec-form-group-tooltip.ec-tooltip-bottom:after {
    bottom: 100%;
    right: 10%;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #d0011b transparent;

}
@-webkit-keyframes ecTooltipFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes ecTooltipFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
input[type="text"].ec-input,
input[type="number"].ec-input,
input[type="date"].ec-input,
select.ec-input {
	height: 38px;
	padding: 0px 12px;
	line-height: 38px;
	color: #000;
}
* {
	box-sizing: border-box;
}
.experience-cashier-modal{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index:10000;
}
.experience-cashier-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	z-index: 50;
}
.experience-cashier-modal .experience-cashier-full {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 90%;
	max-width: 960px;
	min-width: 320px;
	max-height: 80%;
	z-index: 100;
	box-shadow: 0 0 20px 5px rgba(158, 158, 158, 0.22)
}
@media (max-width: 600px) {
    .experience-cashier-modal .experience-cashier-full {
        width: 100%;
        height: 100%;
        max-height: 100%;

    }
	}
.experience-cashier-full {
	position: relative;
	background: #fff;
	color: #000;
}
.experience-cashier-full p {
    line-height: normal;

}
.experience-cashier-full,
.ec-account-form,
.ec-change-password-form,
.ec-view,
.ec-bonuses,
.ec-limits,
.ec-account,
.ec-progress-widget,
.ec-select-type,
.ec-pay-methods {
	font-size: 12px;
	line-height: normal;
}
.experience-cashier-view {
	padding-top: 106px;
	height: 100%;
	box-sizing: border-box
}
@media (max-width: 768px) {
    .experience-cashier-view {
        padding-top: 96px;

    }
	}
.ec-view.ec-loading {
	background: #fff url(https://www.experience.com/img/loader.gif) center center no-repeat;
}
.ec-view.ec-has-top {
	padding-top: 44px;
}
.ec-view {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	overflow: auto;
	position: relative;
	font-size: 12px;
}
.ec-loading-scroll {
	position: relative;
}
.ec-view-loading-container {
	position: relative;
	height: 100%;
}
.ec-method-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
.ec-view-top {
	position: absolute;
	top:0;
	left:0;
	right:0;
	padding:5px;
	height:44px;
}
.ec-view-title {
	color: #000;
	max-width: 800px;
	margin: 0 auto;
    padding: 50px 15px 30px;
	font-size: 32px;
	line-height: 1;
	font-weight: bold;
	text-align: left;
	text-transform: capitalize
}
@media (max-width: 768px) {
    .ec-view-title {
        text-align: center;

    }
	}
.ec-view-subtitle {
	margin: 15px 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
.ec-element-title {
	text-transform: uppercase;
	margin: 0 0 8px 0;
	font-size: 0.85em;
	font-weight: normal;
	color: #12325a;
}
.ec-section-title {
	color: #12325a;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.2em;
	margin: 10px 0;;
}
.ec-text-right {
	text-align: right;
}
.ec-text-center{
	text-align: center;
}
.ec-text-left{
	text-align: left;
}
.ec-good    { color: #6c9c0f; }
.ec-bad     { color: #d0011b; }
.ec-warning { color: #f97822; }
.ec-hide-on-mobile {
}
@media (max-width: 419px) {
    .ec-hide-on-mobile {
        display: none;

    }
	}
.ec-small-content {
	max-width: 250px;
	margin: 0 auto;
}
.ec-clearfix:before,
.ec-clearfix:after {
  content: "";
  display: table;
}
.ec-clearfix:after {
  clear: both;
}
.ec-clearfix {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
div[class*="ec-grid"] {
	min-width: 190px;
	float: left
}
@media (max-width: 700px) {
    div[class*="ec-grid"] {
        float: none;

    }
	}
@media (min-width: 700px) {
	.ec-grid-6 {
		width: 50%;
	}
	.ec-grid-8 {
		width: 66.66666%;
	}
	.ec-grid-4 {
		width: 33.33333%;
	}
	.ec-grid-3  {
		width:25%;
	}
	.ec-grid-9 {
		width:75%;
	}
	.ec-grid-12 {
		width: 100%;
	}
}
.cover .ec-input-disabled {
    color: #fff;

}
.cashier-maintenance-widget {
	width: 100%;
	height: 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;
	text-align: center;
	padding: 0 50px;
}
.ec-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 66px;
	padding: 22px 50px 22px 20px;
	background: -webkit-linear-gradient(top,#061a34,#12325a);
	background: linear-gradient(180deg,#061a34,#12325a);
	color: #fff;
	font-size: 1.1em
}
@media (max-width: 768px) {
    .ec-header {
        padding: 10px 40px 2px 10px;
        height: 56px;

    }
	}
.ec-header-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 10px;
	font-size: 20px;
	color: #fff;
	border: 0;
	background: transparent;
	line-height: 1;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
	outline: none
}
.ec-header-close:hover, .ec-header-close:focus {
    color: rgba(0,0,0,.4);

}
@media (max-width: 768px) {
    .ec-header-close {
        font-size: 30px;

    }
	}
.ec-header-user {
	float: right;
    margin: 0 10px;
    padding-top: 1px;
    font-size: 1.1em;
    font-weight: 700;
    max-width: 35%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 6px 0;
	color: #fff;
}
.ec-header-amounts {
	float: right
}
@media (max-width: 768px) {
    .ec-header-amounts {
        float: left;

    }
	}
.ec-amount {
	display: inline-block;
	position: relative;
	height: 30px;
	padding: 2px 15px 2px 3px;
	margin: 0 15px 0 0;
	background: transparent;
	color: #ffe362;
	border-radius: 30px;
}
.ec-amount-icon {
	position: relative;
	line-height: 22px;
	color: rgb(0, 0, 0);
	background-color: #ffe362;
 	text-align: center;
 	border-radius: 11px;
 	font-weight: 500;
 	padding-right: 2px;
 	font-size: 16px;
 	display: inline-block;
 	margin-top: 2px;
 	margin-right: 5px;
 	margin-left: 2px;
 	padding: 0px 7px;
}
.ec-amount-value {
	line-height: 20px;
	font-weight: bold;
}
.ec-swipe-menu.ec-history-tabs {
    margin:15px 0;
    height:50px;
}
.ec-swipe-menu.ec-history-tabs .ec-swipe-menu-item{
    padding: 0 15px;

}
.ec-swipe-menu.ec-history-tabs .ec-history-tab {
    display:block;
    position: relative;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #b3c1c5;
    cursor: pointer;
    font-size: 12px;

}
.ec-swipe-menu.ec-history-tabs .ec-history-tab i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-size: 18px;

}
.ec-swipe-menu.ec-history-tabs .ec-history-tab:not(.ec-history-tab-active):hover {
    color: #b3c1c5;
    opacity: .8;

}
.ec-swipe-menu.ec-history-tabs .ec-history-tab.ec-history-tab-active {
    cursor: default;
    color: #1f508d;
    border-bottom: 2px solid #1f508d;

}
@media (min-width: 728px){
    .ec-swipe-menu.ec-history-tabs .ec-history-tab {
        line-height: 30px;
        font-size: 14px;

    }
    }
.ec-no-history-data-container{
    position:relative;
    max-width: 425px;
    margin:50px auto;
    text-align: center;

}
.ec-no-history-data-container .ec-no-history-title {
    color: #000;
    max-width: 750px;
    margin: 0 auto;
    padding: 30px 10px;
    font-size: 32px;
    line-height: 1;
    font-weight: bold;
    text-transform: capitalize;

}
.ec-no-history-data-container .ec-no-history-icon{
    color: #b0bbc1;
    font-size: 56px;

}
.ec-transaction-list{
    margin: 0;
    padding: 0px;
    list-style-type: none;
    white-space: nowrap;
}
.ec-transaction-list .ec-transaction-list-item{
    position: relative;
    list-style-type: none;
    width: 100%;
    height: 70px;
    padding:10px;

}
.ec-transaction-list .ec-transaction-list-item .transaction-icons {
    width: 10%;
    float: left;
    color: #bfcad3;
    vertical-align: middle;
    font-size: 24px;
    height: 50px;
    text-align: center;

}
.ec-transaction-list .ec-transaction-list-item .transaction-icons i {
    line-height: 50px;

}
.ec-transaction-list .ec-transaction-list-item .transaction-content {
    width: 45%;
    padding-top: 5px;
    float: left;

}
.ec-transaction-list .ec-transaction-list-item .transaction-content .transaction-method-title {
    font-size: 16px;
    line-height: 1.25;

}
.ec-transaction-list .ec-transaction-list-item .transaction-content .transaction-date {
    font-size: 13px;
    line-height: 1.38;
    color: #6b7681;
    padding-top: 5px;

}
.ec-transaction-list .ec-transaction-list-item .transaction-content .transaction-amount{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;

}
.ec-transaction-list .ec-transaction-list-item .transaction-content .transaction-status{
    font-size: 13px;
    line-height: 1.38;
    padding-top: 5px;
    color:#87939f;

}
.ec-transaction-list .ec-transaction-list-item .transaction-content.left {
    text-align: left;
    padding-left: 15px;

}
.ec-transaction-list .ec-transaction-list-item .transaction-content.right {
    text-align: right;
    padding-right: 5px;

}
.ec-transaction-list .ec-transaction-list-item .good{
    color: #66a359;

}
.ec-transaction-list .ec-transaction-list-item .bad{
    color: #e46262;

}
.ec-transaction-list .ec-transaction-list-item:hover {
    border-bottom: 1px solid black;

}
.ec-transaction-list li:nth-child(odd){
    background-color: #eff1f3;

}
.ec-pending-withdrawal-list{
        margin: 0;
        padding: 0px;
        list-style-type: none;
        white-space: nowrap;

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item{
    position: relative;
    list-style-type: none;
    width: 100%;
    height: 70px;
    padding:10px;

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item .pending-withdrawal-icons {
    width: 10%;
    float: left;
    color: #bfcad3;
    vertical-align: middle;
    font-size: 24px;
    height: 50px;
    text-align: center;

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item .pending-withdrawal-icons i {
    line-height: 50px;

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item .pending-withdrawal-content {
    width: 45%;
    float: left;

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item .pending-withdrawal-content .pending-withdrawal-method-title {
    font-size: 16px;
    line-height: 1.25;

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item .pending-withdrawal-content .pending-withdrawal-date {
    font-size: 13px;
    line-height: 1.38;
    color: #6b7681;
    padding-top: 5px;

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item .pending-withdrawal-content .pending-withdrawal-amount{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item .pending-withdrawal-content .pending-withdrawal-cancel{
    font-size: 14px;
    line-height: 1.38;
    padding-top: 5px;
    color:#87939f;
    font-style:italic;

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item .pending-withdrawal-content.left {
    text-align: left;
    padding-left: 15px;

    /*.pending-withdrawal-cancel-button{
                    height: 24px;
                    border-radius: 12px;
                    border: solid 1.5px #fe2828;
                    color: #fe2828;
                    font-size: 12px;
                    font-weight: 500;
                    line-height: 1.7;
                    text-align: center;
                    margin-top: 10px;
                }*/

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item .pending-withdrawal-content.right {
    text-align: right;
    padding-right: 5px;

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item .good{
    color: #66a359;

}
.ec-pending-withdrawal-list .ec-pending-withdrawal-list-item .bad{
    color: #e46262;

}
.ec-pending-withdrawal-list li:nth-child(odd){
    background-color: #eff1f3;

}
.ec-bet-list{
        margin: 0;
        padding: 0px;
        list-style-type: none;
        white-space: nowrap;

}
.ec-bet-list .ec-bet-list-item{
    position: relative;
    list-style-type: none;
    width: 100%;
    height:70px;
    padding:10px;

}
.ec-bet-list .ec-bet-list-item .bet-icons {
    width: 10%;
    float: left;
    color: #bfcad3;
    vertical-align: middle;
    font-size: 24px;
    height: 50px;
    text-align: center;

}
.ec-bet-list .ec-bet-list-item .bet-icons i {
    line-height: 50px;

}
.ec-bet-list .ec-bet-list-item .bet-content {
    width: 45%;
    float: left;

}
.ec-bet-list .ec-bet-list-item .bet-content .bet-game {
    font-size: 16px;
    line-height: 1.25;

}
.ec-bet-list .ec-bet-list-item .bet-content .bet-date {
    font-size: 13px;
    line-height: 1.38;
    color: #6b7681;
    padding-top: 5px;

}
.ec-bet-list .ec-bet-list-item .bet-content .bet-win-amount{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: #999

}
.ec-bet-list .ec-bet-list-item .bet-content .bet-win-amount.bet-win-amount-win {
    color: #66a359;
    font-size: 18px;
    font-weight: bold;

}
.ec-bet-list .ec-bet-list-item .bet-content .bet-bet-amount{
    font-size: 13px;
    line-height: 1.38;
    color: #87939f;
    padding-top: 5px;

}
.ec-bet-list .ec-bet-list-item .bet-content.left {
    text-align: left;
    padding-left: 15px;

}
.ec-bet-list .ec-bet-list-item .bet-content.right {
    text-align: right;
    padding-right: 5px;

}
.ec-bet-list li:nth-child(odd){
    background-color: #eff1f3;

}
.ec-history-bets-sports-status {
    line-height:22px;
}
.ec-history-bets-sports-status i{
    margin-left: 5px;
    vertical-align: middle;
    font-size: 22px;

}
.ec-history-bets-sports-status.ec-history-bets-sports-status-winner i {
    color: #66a359;

}
.ec-history-bets-sports-status.ec-history-bets-sports-status-loser {
    color: #999;

}
.ec-history-bets-sports-status.ec-history-bets-sports-status-loser i {
    color: #e46262;

}
.ec-history-bets-sports-status.ec-history-bets-sports-status-pending {
    font-weight: bold;

}
.ec-history-bets-sports-status.ec-history-bets-sports-status-pending i {
    color: #f97822;

}
/* menu */
.ec-i-deposit {
	background-image: url(../img/icons/menu-deposit.svg);
}
.active .ec-i-deposit,
	.ec-swipe-menu-item:hover .ec-i-deposit {
    background-image: url(../img/icons/menu-deposit-active.svg);

}
@media(max-width: 768px) {
    .ec-i-deposit {
        background-image: url(../img/icons/menu-deposit-mobile.svg);

    }
	}
.ec-i-withdraw {
	background-image: url(../img/icons/menu-withdraw.svg);
}
.active .ec-i-withdraw,
	.ec-swipe-menu-item:hover .ec-i-withdraw {
    background-image: url(../img/icons/menu-withdraw-active.svg);

}
@media(max-width: 768px) {
    .ec-i-withdraw {
        background-image: url(../img/icons/menu-withdraw-mobile.svg);

    }
	}
.ec-i-bonus {
	background-image: url(../img/icons/menu-bonuses.svg);
}
.active .ec-i-bonus,
	.ec-swipe-menu-item:hover .ec-i-bonus {
    background-image: url(../img/icons/menu-bonuses-active.svg);

}
@media(max-width: 768px) {
    .ec-i-bonus {
        background-image: url(../img/icons/menu-bonuses-mobile.svg);

    }
	}
.ec-i-cashier {
	background-image: url(../img/icons/menu-cashier.svg);
	background-size: 13px;
}
.active .ec-i-cashier,
	.ec-swipe-menu-item:hover .ec-i-cashier {
    background-image: url(../img/icons/menu-cashier-active.svg);

}
@media(max-width: 768px) {
    .ec-i-cashier {
        background-image: url(../img/icons/menu-cashier-mobile.svg);

    }
	}
.ec-i-history {
	background-image: url(../img/icons/menu-history.svg);
	background-size: 22px;
}
.active .ec-i-history,
	.ec-swipe-menu-item:hover .ec-i-history {
    background-image: url(../img/icons/menu-history-active.svg);

}
@media(max-width: 768px) {
    .ec-i-history {
        background-image: url(../img/icons/menu-history-mobile.svg);

    }
	}
.ec-i-account {
	background-image: url(../img/icons/menu-account.svg);
}
.active .ec-i-account,
	.ec-swipe-menu-item:hover .ec-i-account {
    background-image: url(../img/icons/menu-account-active.svg);

}
@media(max-width: 768px) {
    .ec-i-account {
        background-image: url(../img/icons/menu-account-mobile.svg);

    }
	}
.ec-i-limits {
	background-image: url(../img/icons/menu-limits.svg);
}
.active .ec-i-limits,
	.ec-swipe-menu-item:hover .ec-i-limits {
    background-image: url(../img/icons/menu-limits-active.svg);

}
@media(max-width: 768px) {
    .ec-i-limits {
        background-image: url(../img/icons/menu-limits-mobile.svg);

    }
	}
.ec-i-balances {
	background-image: url(../img/icons/menu-balances.svg);
}
.active .ec-i-balances,
	.ec-swipe-menu-item:hover .ec-i-balances {
    background-image: url(../img/icons/menu-balances-active.svg);

}
@media(max-width: 768px) {
    .ec-i-balances {
        background-image: url(../img/icons/menu-balances-mobile.svg);

    }
	}
.ec-limits-container {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
  margin-bottom: 15px;
  text-align: left;
}
.ec-limits-container .ec-yourLimit-wrapper {
    float: right

}
@media (max-width: 700px) {
    .ec-limits-container .ec-yourLimit-wrapper {
        float: none;

    }
	}
.ec-limits-line {
  margin: 3px 15px 15px 15px;
}
.ec-limit-section {
  padding: 0 15px;
  margin-bottom: 25px;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.ec-deativate-text {
  text-align: center;
  font-size: 14px;
  padding: 10px;
}
.ec-noLimit-component {
  width: 100%;
  padding: 10px;
  text-align: center;
  color: #ffb441;
  font-size: 1.25em;
}
.ec-limitsPreview-container .ec-success-btn {
    width: 100%;
    border-radius: 100px;
    background-color: #639d21;

}
.ec-limitsPreview-container .ec-btn-off {
    width: 100%

}
.ec-limitsPreview-container .ec-limitPreview-warning {
    max-width: 360px;
    text-align: center;
    font-size: #ffb441;
    line-height: 1.54;
    color: #ffb441;
    margin-left: auto;
    margin-right: auto;

}
.ec-limitsPreview-container .ec-enterPassword-label {
    margin-bottom: 20px

}
.ec-limitsPreview-container .ec-section-title {
    text-transform: none;

}
.ec-limit-component .ec-radio-inputs {
    margin-bottom: 10px;

}
.ec-limit-component .ec-radio-inputs > label {
    min-width: 70px;

}
/*	.ec-input {
		  margin-bottom: 10px;
	  }
  */
.ec-limit-component .ec-form-group {
    margin-bottom: 10px;

}
.ec-limit-component .ec-success-btn {
    width: 55%;
    text-align: center;

}
.ec-limit-component .ec-section-title {
    margin: 15px 0;

}
.ec-limit-component .ec-btn {}
.ec-limit-component .ec-freeze-btn {
    margin-top: 10px;

}
.ec-limit-component .ec-limit-input-wrapper {

    /*width: 100%;*/
    display: inline-block;

}
.ec-limit-component .ec-limit-input-wrapper .ec-limit-numberInput {
    width: 53%;
    margin-right: 2%;
    float: left;

}
.ec-limit-component .ec-limit-input-wrapper .ec-limit-dropDown {
    width: 45%;
    float: left;
    font-size: 1em;

}
.ec-limit-component .ec-limit-input-wrapper .ec-limit-dropDown .ec-input {
    padding-left: 5px;

}
.ec-limit-component .ec-yourLimit-component {
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #ffb441;
    border-radius: 5px;
    border: solid 2px #ffb441;
    margin-bottom: 8px;

}
.ec-limit-component .ec-yourLimit-component h1, .ec-limit-component .ec-yourLimit-component h2 {
    margin: 0;
    color: #ffb441;

}
.ec-limit-component .ec-yourLimit-component h1 {
    font-size: 1.25em;
    margin-bottom: 4px;
    font-weight: 600;

}
.ec-limit-component .ec-yourLimit-component h1 div {
    font-size: 0.8em;
    font-weight: normal;
    display: inline;

}
.ec-limit-component .ec-yourLimit-component h2 {
    font-size: 1em;
    font-weight: normal;

}
@media (max-width: 768px) {
    .ec-limit-component .ec-btn {
        width: 100%;

    }
	}
.ec-loader-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,.6);
	z-index: 30;
	-webkit-animation: ec-fade-in 1s ease;
	        animation: ec-fade-in 1s ease;
}
.ec-loader-overlay .ec-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;

}
.ec-view-loading {
	height: 100%;
}
.ec-view-loading .ec-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;

}
.ec-step-view-loading .ec-loader {
    margin-top: 100px;

}
.ec-loader-rotate {
	display: inline-block;
	-webkit-animation: ec-loader-rotate infinite 2s linear;
	        animation: ec-loader-rotate infinite 2s linear;
}
.ec-loader-rotate i {
    border: 0 !important;

}
.ec-loader {
  width: 40px;
  height: 40px;
  background-color: #1f508d;

  margin: 15px auto;
  -webkit-animation: ec-loader-anim 1.2s infinite ease-in-out;
          animation: ec-loader-anim 1.2s infinite ease-in-out;
}
.ec-loader-small {
	width: 12px;
	height: 12px;
	margin: 4px;
	display: inline-block;
	vertical-align: sub;
}
.ec-loader-white {
	background-color: #fff;
}
@-webkit-keyframes ec-loader-anim {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  } 50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  } 100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes ec-loader-anim {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  } 50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  } 100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes ec-loader-rotate {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  } 100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes ec-loader-rotate {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  } 100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@-webkit-keyframes ec-fade-in {
  0% {
    opacity: 0;
  } 100% {
    opacity: 1;
  }
}
@keyframes ec-fade-in {
  0% {
    opacity: 0;
  } 100% {
    opacity: 1;
  }
}
.ec-messages {
	margin: 20px auto;
}
.ec-message {
	max-width: 500px;
	margin: 10px auto;
	text-align: center;
	line-height:16px;
}
.ec-message i {
    font-size: 1.4em;
    margin-right: 5px;
    vertical-align: bottom;

}
.ec-message-error {
	color: #d0011b;
}
.ec-message-success {
	color: #6c9c0f;
}
.ec-message-warning {
	color: #f97822;
}
.ec-navigation {
	height: 40px;
	padding: 0;
	position: absolute;
	top: 66px;
	left: 0;
	right: 0;
	background: -webkit-linear-gradient(bottom,#061a34,#12325a);
	background: linear-gradient(0deg,#061a34,#12325a)
}
@media (max-width: 768px) {
    .ec-navigation {
        top: 56px;

    }
	}
.ec-swipe-menu.ec-navigation-items {
	height: 40px;
}
.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-items {
    text-align: left;

}
.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item {
    color: #fff;

}
.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item .ec-navigation-item {
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 15px 0 30px;
    margin-right: 10px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;

}
.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item .ec-navigation-item .ec-navigation-icon {
    position: absolute;
    top: 0;
    left: 0;
    background-size: 18px;
    display: inline-block;
    width: 24px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}
.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item:hover {
    color: #ffe362;
    opacity: .8;

}
.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item.active {
    cursor: default;
    color: #ffe362;

}
.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item.active:hover {
    opacity: 1;

}
.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -7px;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #ffe362 transparent;

}
.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item:first-child {
    margin-left: 20px;

}
.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item:last-child {
    margin-right: 20px;

}
@media (max-width: 768px) {
	.ec-navigation {
		background: -webkit-linear-gradient(top,#061a34,#12325a);
		background: linear-gradient(180deg,#061a34,#12325a);
	}

	.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-items {
        text-align: center;

    }

	.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item {
        color: linear-gradient(0deg,#061a34,#12325a);

    }

	.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item .ec-navigation-item{
        padding: 0 10px;
        margin-right:0;

    }

	.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item .ec-navigation-item .ec-navigation-label {
        display: none;

    }

	.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item .ec-navigation-item .ec-navigation-icon {
        position: relative;
        background-size: 24px;
        background-position: 50% 5px

    }

	.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item .ec-navigation-item .ec-navigation-icon.ec-i-cashier {
        background-size: 16px;

    }

	.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item .ec-navigation-item .ec-navigation-icon.ec-i-history {
        background-size: 26px;

    }

	.ec-swipe-menu.ec-navigation-items .ec-swipe-menu-item.active {
        color: #ffe362;

    }
}
.ec-pay-methods {
	max-width: 750px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	overflow: auto;
}
.ec-pay-methods .ec-pay-method {
    float: left;
    margin: 1%;
    width: 48%;
    min-width: 250px

}
@media (max-width: 600px) {
    .ec-pay-methods .ec-pay-method {
        float: none;
        margin: 0 auto 10px auto;
        width: 100%;
        max-width: 250px;
        min-width: auto;

    }
		}
.ec-pay-method {
	position: relative;
	margin: 5px 0;
	height: 50px;
	padding: 5px 30px 5px 85px;
	background: #e6ebf2;
	border-radius: 4px;
	color: #12325a;
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}
.ec-pay-method .ec-payment-sprite {
    position: absolute;
    top: 5px;
    left: 5px;

}
.ec-pay-method i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -17px;
    line-height: 1;
    font-size: 30px;

}
.ec-pm-hover:hover {
	background-color: #1f508d;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.ec-pay-method-selected {
	background-color: #1f508d;
	color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.ec-payment-name {
	display: inline-block;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 40px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ec-payment-sprite {
	/*
	width: 70px;
	height: 39.375px;
	*/

	display: inline-block;
	vertical-align: middle;
	margin: 0;
	border-radius: 3px;
	background-color: #fff;
	background-size: 800% 900%;
	background-image: url('../img/cashier-spritesheet.png?v=14');
}
/* DO NOT DO NOT ADD POSSITION VALUES JUST ICON NAME */
.ec-payment-wiretransfer {
    background-position: 0 0;

}
.ec-payment-skrill {
    background-position: 14.28571% 0;

}
.ec-payment-neteller {
    background-position: 28.57142% 0;

}
.ec-payment-ecopayz {
    background-position: 42.85714% 0;

}
.ec-payment-diners {
    background-position: 57.14285% 0;

}
.ec-payment-trustly {
    background-position: 0 12.5%;

}
.ec-payment-paysafecard {
    background-position: 14.28571% 12.5%;

}
.ec-payment-cashlib {
    background-position: 28.57142% 12.5%;

}
.ec-payment-creditcard {
    background-position: 100% 37.5%;

}
.ec-payment-directEbanking {
    background-position: 57.14285% 12.5%;

}
.ec-payment-sofort {
    background-position: 57.14285% 12.5%;

}
.ec-payment-cubits {
    background-position: 0 25%;

}
.ec-payment-astropaycard {
    background-position: 14.28571% 87.5%;

}
.ec-payment-neosurfvoucher {
    background-position: 28.57142% 25%;

}
.ec-payment-siru {
    background-position: 42.85714% 25%;

}
.ec-payment-giropay {
    background-position: 57.14285% 25%;

}
.ec-payment-idebit {
    background-position: 0 37.5%;

}
.ec-payment-instadebit {
    background-position: 14.28571% 37.5%;

}
.ec-payment-visa {
    background-position: 28.57142% 37.5%;

}
.ec-payment-amex {
    background-position: 42.85714% 37.5%;

}
.ec-payment-sepadirectdebit {
    background-position: 57.14285% 37.5%;

}
.ec-payment-directdebit {
    background-position: 57.14285% 37.5%;

}
.ec-payment-mc {
    background-position: 0 50%;

}
.ec-payment-pugglepay {
    background-position: 14.28571% 50%;

}
.ec-payment-zimpler {
    background-position: 14.28571% 50%;

}
.ec-payment-bank {
    background-position: 28.57142% 50%;

}
.ec-payment-banklocal {
    background-position: 28.57142% 50%;

}
.ec-payment-bankiban {
    background-position: 28.57142% 50%;

}
.ec-payment-bankintl {
    background-position: 28.57142% 50%;

}
.ec-payment-mbankomat {
    background-position: 42.85714% 50%;

}
.ec-payment-flexepin {
    background-position: 57.14285% 50%;

}
.ec-payment-rapidtransfer {
    background-position: 0 62.5%;

}
.ec-payment-nordeasolo {
    background-position: 14.28571% 62.5%;

}
.ec-payment-ideal {
    background-position: 28.57142% 62.5%;

}
.ec-payment-eps {
    background-position: 42.85714% 62.5%;

}
.ec-payment-poli {
    background-position: 57.14285% 62.5%;

}
.ec-payment-przelwy24 {
    background-position: 0 75%;

}
.ec-payment-epay {
    background-position: 14.28571% 75%;

}
.ec-payment-alipay {
    background-position: 28.57142% 75%;

}
.ec-payment-chinaunionpay {
    background-position: 42.85714% 75%;

}
.ec-payment-astropayonline {
    background-position: 57.14285% 75%;

}
.ec-payment-astropayoffline {
    background-position: 0 87.5%;

}
.ec-payment-astropaycash {
    background-position: 14.28571% 87.5%;

}
.ec-payment-creditcardepro {
    background-position: 71.42857% 87.5%;

}
.ec-payment-interaco {
    background-position: 14.28571% 100%;

}
.ec-payment-interace {
    background-position: 42.85714% 87.5%;

}
.ec-payment-interac {
    background-position: 42.85714% 87.5%;

}
.ec-payment-lavapay {
    background-position: 57.14285% 87.5%;

}
.ec-payment-clickandbuy {
    background-position: 0 100%;

}
.ec-payment-apcoravedirect {
    background-position: 42.85714% 12.5%;

}
.ec-payment-bitbaypay_btc {
    background-position: 42.85714% 100%;

}
.ec-payment-apcopaytriot {
    background-position: 42.85714% 12.5%;

}
.ec-payment-paymentcenter {
    background-position: 42.85714% 12.5%;

}
.ec-payment-apcoikajo {
    background-position: 42.85714% 12.5%;

}
.ec-payment-tinkbit {
    background-position: 42.85714% 12.5%;

}
.ec-payment-coinspaid {
    background-position: 57.14285% 100%;

}
.ec-payment-macropaybancontact {
    background-position: 71.42857% 12.5%;

}
.ec-payment-macropayeps {
    background-position: 42.85714% 62.5%;

}
.ec-payment-macropaygiropay {
    background-position: 57.14285% 25%;

}
.ec-payment-macropayideal {
    background-position: 28.57142% 62.5%;

}
.ec-payment-macropaypoli {
    background-position: 57.14285% 62.5%;

}
.ec-payment-macropaysofort {
    background-position: 71.42857% 25%;

}
.ec-payment-macropaytrustly {
    background-position: 0 12.5%;

}
.ec-payment-zimplerse {
    background-position: 71.42857% 37.5%;

}
.ec-payment-muchbetter {
    background-position: 71.42857% 50%;

}
.ec-payment-praxis {
    background-position: 85.71428% 25%;

}
.ec-payment-dolcepay {
    background-position: 85.71428% 100%;

}
.ec-payment-funangacashtocodenoteu {
    background-position: 85.71428% 0;

}
.ec-payment-funangacashtocode {
    background-position: 85.71428% 12.5%;

}
.ec-payment-jeton {
    background-image: url('../img/pm/jeton.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-cryptocurrencybitpace-io {
    background-image: url('../img/pm/cryptocurrencybitpace-io.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-cryptocurrencybitpace {
    background-image: url('../img/pm/cryptocurrencybitpace.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-netellerftdviag2w {
    background-image: url('../img/pm/netellerftdviag2w.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-netellerviag2w {
    background-image: url('../img/pm/netellerviag2w.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-rapidtransferftdviag2w {
    background-image: url('../img/pm/rapidtransferftdviag2w.png');
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}
.ec-payment-rapidtransferviag2w {
    background-image: url('../img/pm/rapidtransferviag2w.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-paysafecardftdviag2w {
    background-image: url('../img/pm/paysafecardftdviag2w.png');
    background-position: center;
    background-size: 90%;
    background-repeat: no-repeat;
}
.ec-payment-paysafecardviag2w {
    background-image: url('../img/pm/paysafecardviag2w.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-skrillftdviag2w {
    background-image: url('../img/pm/skrillftdviag2w.png');
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}
.ec-payment-skrillviag2w {
    background-image: url('../img/pm/skrillviag2w.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-coinbee {
    background-position: 85.71428% 50%;

}
.ec-payment-cryptocurrencyutorg {
    background-position: 85.71428% 62.5%;

}
.ec-payment-cryptocurrencycoinstamp {
    background-position: 85.71428% 75%;

}
.ec-payment-sofortviapraxis {
    background-position: 100% 0;

}
.ec-payment-geniewallet {
    background-position: 100% 12.5%;

}
.ec-payment-payment_card_usd_hpp {
    background-position: 100% 25%;

}
.ec-payment-credit_cards {
    background-position: 100% 25%;

}
.ec-payment-mifinity {
    background-position: 100% 62.5%;

}
.ec-payment-ezeewallet {
    background-position: 100% 50%;

}
.ec-payment-mifinityde {
    background-position: 100% 75%;

}
.ec-payment-mifinitynl {
    background-position: 100% 62.5%;

}
.ec-payment-skrill-sprite{
	width: 93px;
	height: 33px;
	display: inline-block;
	position: relative;
	top: 35px;
	float: right;
	background-size: 100%;
	right: -15px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background-image: url('../img/skrill-logo.png');

}
/*( -1% 1%, -102% 1%, -68% 1%, -34% 1%, -1% 21%, -102% 21%, -68% 21% , -34% 21%, -1% 40%, -102% 40%, -68% 40%, -34% 40%, -1% 60%, -102% 60%, -68% 60%, -34% 60%, -1% 78%, -102% 78%, -68% 78%, -34% 78%, -1% 98%, -102% 98%, -68% 98% ),*/
.ec-payment-instantpaymentviaemp {
	background-image: url('../img/pm/instantpaymentviaemp.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-wpz_cards {
	background-image: url('../img/pm/wpz_cards.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-wpz_paypal {
	background-image: url('../img/pm/wpz_paypal.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-wpz_sofort {
	background-image: url('../img/pm/wpz_sofort.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-prx_pix {
	background-image: url('../img/pm/prx_pix.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-prx_boleto {
	background-image: url('../img/pm/prx_boleto.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-prx_picpay {
	background-image: url('../img/pm/prx_picpay.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-prx_webpay {
	background-image: url('../img/pm/prx_webpay.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-prx_lider {
	background-image: url('../img/pm/prx_lider.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-prx_pagoefectivo {
	background-image: url('../img/pm/prx_pagoefectivo.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-prx_spei {
	background-image: url('../img/pm/prx_spei.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-prx_oxxo {
	background-image: url('../img/pm/prx_oxxo.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-prx_toditocash {
	background-image: url('../img/pm/prx_toditocash.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-prx_codi {
	background-image: url('../img/pm/prx_codi.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-prx_transferenciabancaria {
	background-image: url('../img/pm/prx_transferenciabancaria.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-rapidtransfer,
.ec-payment-rapidtransferviasqco {
	background-image: url('../img/pm/rapidtransfer.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-netellerviasqco {
	background-image: url('../img/pm/neteller.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-paysafecardviasqco {
	background-image: url('../img/pm/paysafecard.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-onlinebankingviasqco {
	background-image: url('../img/pm/safetypay.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-cashviasqco {
	background-image: url('../img/pm/paysafecash.jpg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-pixviasqco {
	background-image: url('../img/pm/pix.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-boletoviasqco {
	background-image: url('../img/pm/boleto.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-machviasqco {
	background-image: url('../img/pm/mach.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-pagoefectivoviasqco {
	background-image: url('../img/pm/pagoefectivo.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
/*  */
.ec-payment-interacdirect {
	background-image: url('../img/pm/interacdirect.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardapplepay {
	background-image: url('../img/pm/astropaycardapplepay.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardgiropay {
	background-image: url('../img/pm/astropaycardgiropay.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardgooglepay {
	background-image: url('../img/pm/astropaycardgooglepay.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardideal {
	background-image: url('../img/pm/astropaycardideal.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardmultibanco {
	background-image: url('../img/pm/astropaycardmultibanco.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardzimpler {
	background-image: url('../img/pm/astropaycardzimpler.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardtrustly {
	background-image: url('../img/pm/astropaycardtrustly.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-cryptocurrencycoinspaid,
.ec-payment-cryptocurrencycoinspaidchannel {
	background-image: url('../img/pm/cryptocurrencycoinspaidchannel.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-facilerotigerpay {
	background-image: url('../img/pm/facilerotigerpay.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-largescalepaysofort {
	background-image: url('../img/pm/largescalepaysofort.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-inpay {
	background-image: url('../img/pm/inpay.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-sepaviagenome {
	background-image: url('../img/pm/sepaviagenome.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardpagofacil {
	background-image: url('../img/pm/astropaycardpagofacil.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardrapipago {
	background-image: url('../img/pm/astropaycardrapipago.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardbancobrasil {
	background-image: url('../img/pm/astropaycardbancobrasil.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardboleto {
	background-image: url('../img/pm/astropaycardboleto.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardpix {
	background-image: url('../img/pm/astropaycardpix.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardbbva {
	background-image: url('../img/pm/astropaycardbbva.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardcreditdebitcard {
	background-image: url('../img/pm/astropaycardcreditdebitcard.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardoxxo {
	background-image: url('../img/pm/astropaycardoxxo.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardvisa {
	background-image: url('../img/pm/astropaycardvisa.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardmastercard {
	background-image: url('../img/pm/astropaycardmastercard.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardbcp {
	background-image: url('../img/pm/astropaycardbcp.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardinterbank {
	background-image: url('../img/pm/astropaycardinterbank.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardbancodechile {
	background-image: url('../img/pm/astropaycardbancodechile.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardcajavecina {
	background-image: url('../img/pm/astropaycardcajavecina.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycarditau {
	background-image: url('../img/pm/astropaycarditau.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardalmacenesexito {
	background-image: url('../img/pm/astropaycardalmacenesexito.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycarddinomex,
.ec-payment-astropaycarddimonex {
	background-image: url('../img/pm/astropaycarddimonex.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardefecty {
	background-image: url('../img/pm/astropaycardefecty.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-nummuspay {
	background-image: url('../img/pm/nummuspay.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-giropay,
.ec-payment-largescalepaygiropay {
	background-image: url('../img/pm/giropay.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-mifinitybankdomestic,
.ec-payment-mifinitybankiban,
.ec-payment-mifinitybanklocal {
	background-image: url('../img/pm/mifinity.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-pay4fun {
	background-image: url('../img/pm/pay4fun.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-openbankingvialargescalepay {
	background-image: url('../img/pm/openbankingvialargescalepay.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-nodapay {
	background-image: url('../img/pm/nodapay.png?=v2');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.ec-payment-mifinitysofort {
	background-image: url('../img/pm/mifinitysofort.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-credit_cards {
	background-image: url('../img/pm/credit_cards.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-boletoviapayrt {
	background-image: url('../img/pm/boletoviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-pixviapayrt {
	background-image: url('../img/pm/pixviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-bradescoonlineviapayrt {
	background-image: url('../img/pm/bradescoonlineviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-oxxoviapayrt {
	background-image: url('../img/pm/oxxoviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-speiviapayrt {
	background-image: url('../img/pm/speiviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-bbvaonlineviapayrt {
	background-image: url('../img/pm/bbvaonlineviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-expressliderviapayrt {
	background-image: url('../img/pm/expressliderviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-walmartliderviapayrt {
	background-image: url('../img/pm/walmartliderviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-webpayviapayrt {
	background-image: url('../img/pm/webpayviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-machviapayrt {
	background-image: url('../img/pm/machviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-khipuviapayrt {
	background-image: url('../img/pm/khipuviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-bbvapeonlineviapayrt {
	background-image: url('../img/pm/bbvapeonlineviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-interbankonlineviapayrt {
	background-image: url('../img/pm/interbankonlineviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-transferenciabancariaviapayrt {
	background-image: url('../img/pm/transferenciabancariaviapayrt.svg');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-bcponlineviapayrt {
	background-image: url('../img/pm/bcponlineviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-paywallviapayrt {
	background-image: url('../img/pm/paywallviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-banconacionalonlineviapayrt {
	background-image: url('../img/pm/banconacionalonlineviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-bancopichinchaonlineviapayrt {
	background-image: url('../img/pm/bancopichinchaonlineviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-bancoguayaquilonlineviapayrt {
	background-image: url('../img/pm/bancoguayaquilonlineviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-redactivaviapayrt {
	background-image: url('../img/pm/redactivaviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-pichinchamivecinoviapayrt {
	background-image: url('../img/pm/pichinchamivecinoviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-pagoefectivocashviapayrt {
	background-image: url('../img/pm/pagoefectivocashviapayrt.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-payretailers {
	background-image: url('../img/pm/payretailers.svg');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-bank_pay {
	background-image: url('../img/pm/bank_pay.png');
	background-position: center;
	background-size: 90%;
	background-repeat: no-repeat;
}
.ec-payment-bank_pay {
	background-image: url('../img/pm/bank_pay.png');
	background-position: center;
	background-size: 90%;
	background-repeat: no-repeat;
}
.ec-payment-citizen {
	background-image: url('../img/pm/citizen.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-interac,
.ec-payment-interaco.icon-deposit {
    background-image: url('../img/pm/interac.png');
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
}
.ec-payment-interac.icon-withdraw {
    background-image: url('../img/pm/interac-wd.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-astropaycardsticpay {
	background-image: url('../img/pm/astropaycardsticpay.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardvietqr {
	background-image: url('../img/pm/astropaycardvietqr.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardakulaku {
	background-image: url('../img/pm/astropaycardakulaku.png');
	background-position: center;
	background-size: 40%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardbanknegaraindonesia {
	background-image: url('../img/pm/astropaycardbanknegaraindonesia.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardbanktransfer {
	background-image: url('../img/pm/astropaycardbanktransfer.png');
	background-position: center;
	background-size: 50%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycarddana {
	background-image: url('../img/pm/astropaycarddana.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardmaybank {
	background-image: url('../img/pm/astropaycardmaybank.png');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardovo {
	background-image: url('../img/pm/astropaycardovo.png');
	background-position: center;
	background-size: 50%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardpermata {
	background-image: url('../img/pm/astropaycardpermata.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardqris {
	background-image: url('../img/pm/astropaycardqris.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardbangkokbank {
	background-image: url('../img/pm/astropaycardbangkokbank.png');
	background-position: center;
	background-size: 50%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardcimbbankberhad {
	background-image: url('../img/pm/astropaycardcimbbankberhad.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardrhbbankinggroup {
	background-image: url('../img/pm/astropaycardrhbbankinggroup.png');
	background-position: center;
	background-size: 90%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardhongleongbankberhad {
	background-image: url('../img/pm/astropaycardhongleongbankberhad.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycarddongabank {
	background-image: url('../img/pm/astropaycarddongabank.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardkasikornbank {
	background-image: url('../img/pm/astropaycardkasikornbank.png');
	background-position: center;
	background-size: 50%;
	background-repeat: no-repeat;
}
.ec-payment-astropaycardpoli {
	background-image: url('../img/pm/astropaycardpoli.png');
	background-position: center;
	background-size: 90%;
	background-repeat: no-repeat;
}
.ec-payment-gumballpaybanking {
    background-image: url('../img/pm/gumballpaybanking.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-gumballpaybankingatde {
    background-image: url('../img/pm/gumballpaybankingatde.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-binancepay {
    background-image: url('../img/pm/binancepay.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-gumballpaybankingpayid {
	background-image: url('../img/pm/gumballpaybankingpayid.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-volt {
	background-image: url('../img/pm/volt.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-volt-de {
	background-image: url('../img/pm/volt-de.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-volt-fr {
	background-image: url('../img/pm/volt-fr.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-applepayviaimpaya {
	background-image: url('../img/pm/applepayviaimpaya.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-googlepayviaimpaya {
	background-image: url('../img/pm/googlepayviaimpaya.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-impaya {
	background-image: url('../img/pm/impaya.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-citizen-de {
	background-image: url('../img/pm/citizen_de.png?v=2');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-citizen-fr {
	background-image: url('../img/pm/citizen_fr.png?v=2');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-citizen-ie {
	background-image: url('../img/pm/citizen_ie.png?v=2');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-prx_visa {
	background-image: url('../img/pm/prx_visa.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-bankibancustom {
	background-image: url('../img/pm/bankibancustom.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-banklocalcustom {
	background-image: url('../img/pm/banklocalcustom.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-mifinitych {
	background-image: url('../img/pm/mifinitych.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-instantpaymentviacontiant {
	background-image: url('../img/pm/instantpaymentviacontiant.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-instantpaymentviacontiantde {
	background-image: url('../img/pm/instantpaymentviacontiantde.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-instantpaymentviacontiant_nz {
	background-image: url('../img/pm/instantpaymentviacontiant_nz.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-instantpaymentviacontiant_nl {
    background-image: url('../img/pm/instantpaymentviacontiant_nl.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-instantpaymentviacontiant_at {
    background-image: url('../img/pm/instantpaymentviacontiant_at.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-instantpaymentviacontiant_fr {
    background-image: url('../img/pm/instantpaymentviacontiant_fr.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-mbway {
	background-image: url('../img/pm/mbway.png?v=2');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-multibancoviapaysage {
	background-image: url('../img/pm/multibancoviapaysage.png');
	background-position: center;
	background-size: 45%;
	background-repeat: no-repeat;
}
.ec-payment-abn_amro {
	background-image: url('../img/pm/abn_amro.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-bawag {
	background-image: url('../img/pm/bawag.png');
	background-position: center;
	background-size: 75%;
	background-repeat: no-repeat;
}
.ec-payment-boursorama {
	background-image: url('../img/pm/boursorama.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-caisse_d_epargne {
	background-image: url('../img/pm/caisse_d_epargne.svg');
	background-position: center;
	background-size: 115%;
	background-repeat: no-repeat;
}
.ec-payment-commerzbank {
	background-image: url('../img/pm/commerzbank.svg');
	background-position: center;
	background-size: 105%;
	background-repeat: no-repeat;
}
.ec-payment-credit_agricole {
	background-image: url('../img/pm/credit_agricole.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-deutschebank {
	background-image: url('../img/pm/deutschebank.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-ing {
	background-image: url('../img/pm/ing.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-la_banque_postale {
	background-image: url('../img/pm/la_banque_postale.png');
	background-position: center;
	background-size: 55%;
	background-repeat: no-repeat;
}
.ec-payment-postbank {
	background-image: url('../img/pm/postbank.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-rabobank {
	background-image: url('../img/pm/rabobank.png');
	background-position: center;
	background-size: 45%;
	background-repeat: no-repeat;
}
.ec-payment-raiffeisen {
	background-image: url('../img/pm/raiffeisen.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-revolut {
	background-image: url('../img/pm/revolut.svg');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-sns_bank {
	background-image: url('../img/pm/sns_bank.svg');
	background-position: center;
	background-size: 95%;
	background-repeat: no-repeat;
}
.ec-payment-societe_generale {
	background-image: url('../img/pm/societe_generale.svg');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-sparkasse {
	background-image: url('../img/pm/sparkasse.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-unicredit {
	background-image: url('../img/pm/unicredit.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-volksbank {
	background-image: url('../img/pm/volksbank.png');
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ec-payment-interace {
    background-image: url('../img/pm/interace.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-payment-interace.icon-deposit {
	background-image: url('../img/pm/interac.png');
	background-position: center;
	background-size: 50%;
	background-repeat: no-repeat;
}
.ec-payment-sofort {
    background-image: url('../img/pm/sofort.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ec-select-type {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 230px;
	text-align: center;
}
.ec-payment {
	text-align: center;
}
.ec-payment-details {
	display: inline-block;
	margin-top: 30px;
	width: 250px;
	padding: 0 10px;
	vertical-align: top;
	margin-bottom: 15px;
	text-align: left;
}
.ec-payment-details button {
    display: block;
    width: 100%;

}
.ec-payment-details .ec-pay-method-selected {
    margin-bottom: 10px;
    width: 100%;

}
.ec-payment-details .ec-bonus-box {
    height: 70px;

}
.ec-payment-details .ec-suggestions {
    margin-right: -10px;

}
.ec-transaction-complete {
	position: relative;
	max-width: 280px;
	margin: 50px auto;
}
.ec-transaction-complete .ec-tc-title {
    color: #000

}
.ec-transaction-complete .ec-tc-title.ec-tc-title-pending {
    color: #000;

}
.ec-transaction-complete .ec-tc-title.ec-tc-title-pending .fa {
    color: #000;

}
.ec-tc-title {
	margin: 0;
	min-height: 40px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-left: 45px;
	font-size: 18px;
	line-height: 1.3;
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.ec-tc-title .fa {
    position: absolute;
    top: -8px;
    left: 0;
    font-size: 40px;
    color: #6c9c0f;

}
.ec-tc-info {
	width: 100%;
	border-collapse: collapse;
	background: transparent;
	border: 0;
	font-size: 1.1em;
	line-height: 1.2;
	color: #000;
}
.ec-tc-info td {
    padding: 8px 0;
    vertical-align: middle;
    font-size: 15px;

}
.ec-tc-pending-info{
	padding:0 10px;
	width:100%;
	font-size: 1.1em;
	line-height: 1.2;
	color: #000;
	text-align:center;
}
.ec-tc-value {
	text-align: right;
	font-weight: bold;
	padding-left: 5px;
}
.ec-progress-widget {
    margin-top: 20px;
    text-align: center;
}
.ec-progress-circle {
    margin-left: 26px;
    position: relative;
    top: 1px;
    z-index: 20;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: background 1s ease 0.3s;
    transition: background 1s ease 0.3s
}
.ec-progress-circle:first-child {
    margin-left: 0;

}
.ec-progress-circle-active {
    background: #6c9c0f;
}
.ec-progress-circle-inactive {
    background: #dfdfdf;
}
.ec-progress-bar {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
.ec-progress {
    position: absolute;
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.ec-progress-active {
    background: #6c9c0f;
    z-index: 15;
    -webkit-transition: width 0.7s ease;
    transition: width 0.7s ease;
}
.ec-progress-inactive {
    background: #dfdfdf;
    z-index: 10;
    width: 100%;
}
.ec-progress-title {
    display: inline-block;
    margin: 0 15px;
    color: #6c9c0f;
    text-transform: uppercase;
    font-weight: bold
}
@media (max-width: 520px) {
    .ec-progress-title {
        display: block;
        margin: 0 auto;

    }
    }
html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
.ec-payment-check {
    height: 14px;
    width: 14px;
    background-size: 14px;
    border-radius: 100%;
    z-index:10;
    background-image: url('../img/check-icon.svg')
}
.ec-bonus-icon {
    height: 40px;
    margin: auto;
    background-repeat: no-repeat;
    width: 40px;
    background-image: url('../img/bonus-icon.svg')
}
.ec-simple-transaction-view {
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
    height: 100%;
    position: relative;
    overflow: hidden;
}
/*.transaction-description-text {
        position: absolute;
        margin: 0;
        bottom: -50px;
        left: 10px;
    }*/
.ec-simple-transaction-view .transaction-description-text {
    position: static;
    margin: 0 0 10px;
    bottom: auto;
    left: auto;

}
/*MOBILE VERSION*/
.ec-simple-transaction-view .ec-simple-transaction-panels {
    overflow: auto;
    height: 100%;
    padding: 0 8px;

}
.ec-simple-transaction-view .ec-simple-transaction-panels .ec-view-title {
    font-size: 24px;

}
.ec-simple-transaction-view .ec-transaction-panel {
    background:#fff;
    position: static;
    position: initial;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;

}
.ec-simple-transaction-view .ec-payment-methods-panel {
    width: 100%;
    z-index:10;

}
.ec-simple-transaction-view .ec-enter-details-panel {
    position: absolute;
    z-index:20;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;

}
.ec-simple-transaction-view .ec-enter-details-panel .ec-panel-inner {
    width:100%;
    overflow:auto;

}
.ec-simple-transaction-view .ec-enter-details-panel .ec-panel-inner .ec-enter-details-muchbetter-payment {
    color: #000;
    display: inline-block;
    font-size: 14px;
    margin: -15px 0 15px;

}
.ec-simple-transaction-view .ec-enter-details-panel .ec-panel-inner a {
    color: #ff6300;

}
.ec-simple-transaction-view .ec-enter-details-panel .ec-details-form {
    margin-top: 10px;

}
.ec-simple-transaction-view .ec-bonus-browser-panel {
    position: absolute;
    z-index:30;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
    padding-left: 15px;

}
.ec-simple-transaction-view .ec-bonus-browser-panel .ec-panel-inner{
    width:100%;
    height:100%;
    overflow:auto;

}
.ec-simple-transaction-view .ec-transaction-section-header {
    display: inline-block;

}
.ec-simple-transaction-view .ec-cashier-panel-section-title {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    font-weight: bold;
    text-align: left;
    color: #082d65;

}
.ec-simple-transaction-view .ec-cashier-panel-section-interac-text {
    display: block;
    font-size: 12px;
    margin: 10px 0 15px;
    font-weight: 500;
    text-align: left;
    color: #000;
    font-style: italic;

}
.ec-simple-transaction-view .ec-cashier-panel-section-sub-text,
    .ec-simple-transaction-view .ec-cashier-panel-section-credit-card-text {
    display: inline-block;
    font-size: 12px;
    margin-top: 5px;
    font-weight: normal;
    text-align: left;
    color: red;

}
.ec-simple-transaction-view .ec-cashier-panel-section-credit-card-text {
    color: black;
    display: block;

}
.ec-simple-transaction-view .ec-transaction-section-deselect-bonus {
    display: inline-block;
    text-align: right;
    float: right;
    font-size: 15px;
    color: #b3c2c5;
    cursor: pointer;

}
.ec-simple-transaction-view .ec-cashier-panel-section-edit-button {
    display: inline-block;
    float: right;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    color: #007fff;
    cursor: pointer;

}
.ec-simple-transaction-view .ec-cashier-panel-section-cancel-button {
    display: inline-block;
    float: right;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    color: #ff7b7b;
    cursor: pointer;

}
.ec-simple-transaction-view .transaction-button-overlay {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px 0 0

}
.ec-simple-transaction-view .transaction-button-overlay>.ec-input-wrap {
    max-width: 80%;
    margin: 0 auto;

}
.ec-simple-transaction-view .transaction-button {
    cursor:pointer;
    border-radius: 100px;
    background-color: rgb(22, 57, 100);
    padding: 8px 15px;
    min-width: 50%;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    margin:10px auto 10px;
    display:inline-block

}
.ec-simple-transaction-view .transaction-button.disabled {
    cursor: default;
    background-color: #a9a9a9;

}
.ec-simple-transaction-view .transaction-button-text{
    color:#232323;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    display:none;
    margin:0 auto

}
/*DESKTOP VERSION*/
.ec-simple-transaction-view .ec-payment-method-list {
    list-style-type: none;
    margin-bottom: 10px;
    margin-top: 10px;

}
.ec-simple-transaction-view .ec-payment-method-list .ec-payment-method-item {
    position: relative;
    margin-bottom: 10px;
    padding: 10px 15px;
    border: solid 2px #ddd;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;

}
.ec-simple-transaction-view .ec-payment-method-list .ec-payment-method-item .icon {
    position: relative;
    float: left;
    width: 54px;
    height: 30px;

}
.ec-simple-transaction-view .ec-payment-method-list .ec-payment-method-item .icon i {
    position: absolute;
    top: -4px;
    right: -2px;
    font-size: medium;
    color: #007fff;

}
.ec-simple-transaction-view .ec-payment-method-list .ec-payment-method-item .ec-payment-sprite {
    border: none;

}
.ec-simple-transaction-view .ec-payment-method-list .ec-payment-method-item .content {
    width: auto;
    padding-left: 10px;
    -webkit-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;

}
.ec-simple-transaction-view .ec-payment-method-list .ec-payment-method-item .content .payment-method-field {
    font-size: 12px;
    line-height: 1.33;
    text-align: left;
    color: #353c43;
    margin: 5px 0;

}
.ec-simple-transaction-view .ec-payment-method-list .ec-payment-method-item .content .ec-payment-method-item-last-used{
    font-size: 12px;
    line-height: 1.33;
    text-align: left;
    height:16px;
    color: #353c43;

}
.ec-simple-transaction-view .ec-payment-method-list .ec-payment-method-item .ec-payment-trash {
    background-image: url('../img/trash-icon.svg');
    height: 17px;
    width: 14px;
    background-repeat: no-repeat;
    background-position: center;

    /*background-size: 18px;*/

}
.ec-simple-transaction-view .ec-payment-method-list .ec-payment-method-item.selected {
    border: solid 2px #007fff;

}
.ec-simple-transaction-view .ec-payment-method-list .ec-payment-method-item.selected .ec-payment-grid-item-selected-icon {
    position: absolute;
    top: -8px;
    right: -8px;

}
.ec-simple-transaction-view .ec-payment-method-confirm-delete {
    display: block;
    padding: 10px 0 10px 10px;

}
.ec-simple-transaction-view .ec-payment-method-confirm-delete > span {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    width: 80%;
    display: inline-block;
    vertical-align: middle;

}
.ec-simple-transaction-view .ec-payment-method-confirm-delete .ec-payment-method-confirm-delete-icon {
    width: 20%;
    color: #007fff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    text-align: center;

}
.ec-simple-transaction-view .ec-payment-method-confirm-delete .ec-payment-method-confirm-delete-icon .ec-payment-check-icon {
    background-image: url('../img/check-icon.svg');
    height: 17px;
    width: 14px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 14px;
    vertical-align: middle;
    margin: 0px 2px 2px 0px;

}
.ec-simple-transaction-view .ec-payment-method-confirm-delete .ec-payment-method-confirm-delete-icon .ec-payment-check-text {
    vertical-align: middle;

}
.ec-simple-transaction-view .ec-payment-method-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    -webkit-transition: .4s all ease;
    transition: .4s all ease;
    opacity: 0

}
.ec-simple-transaction-view .ec-payment-method-overlay.show {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: .4s all ease;
    transition: .4s all ease;
    opacity: 1;

}
.ec-simple-transaction-view .ec-payment-grid {
    overflow: auto;
    margin: 5px 0;

}
.ec-simple-transaction-view .ec-payment-grid .ec-payment-grid-item {
    position: relative;
    float: left;

    /*
            margin-bottom: 5px;
            */
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    max-width: 112px;
    width: 33%;
    padding: 3px;

}
.ec-simple-transaction-view .ec-payment-grid .ec-payment-grid-item .ec-payment-sprite {
    min-width: 70px;
    height: 39.375px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding-top: 56.25%;

}
.ec-simple-transaction-view .ec-payment-grid .ec-payment-sprite-wrapper {
    border: solid 2px #ddd;

    /*
            margin-bottom: 5px;
            */
    border-radius: 3px;
    padding: 10px

}
.ec-simple-transaction-view .ec-payment-grid .ec-payment-sprite-wrapper.selected {
    border: solid 2px #007fff;

}
.ec-simple-transaction-view .ec-payment-grid .ec-payment-grid-item-selected-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: medium;
    color: #007fff;

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-box-content-wrap {
    cursor: pointer;

}
.ec-simple-transaction-view .ec-bonus-grid:after {
    content: "";
    display: table;
    clear: both;

}
.ec-simple-transaction-view .ec-bonus-grid {
    text-align: center;
    margin: 10px -6px;

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-grid-item {
    width: 50%;
    padding: 6px;
    float: left

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-grid-item.selected .ec-bonus-grid-item-selected-icon {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 20px;
    color: #007fff;
    background-color: white;

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-grid-item.selected .ec-bonus-box-content-wrap {
    background-color: #eaf3fc;
    border-color: #007fff;

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-grid-item.selected .ec-bonus-box-content-wrap .title {
    color: #007fff;

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-box-content-wrap {
    position: relative;
    cursor: pointer;
    background: #eff1f3;
    color: #87939f;
    border: 2px solid #eff1f3;
    height: 76px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 3%;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: left;
    align-items: center;
    -webkit-box-align: left;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: center;

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-box-content-wrap .title {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    margin: 5px;
    font-size: 1.15em;
    text-align: left;
    color: #a9a9a9

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-box-content-wrap .time {
    font-size: #a9a9a9;
    color: #a9a9a9;
    padding-top: 5px;
    font-weight: bold;
    -webkit-transition: all .3s linear;
    transition: all .3s linear

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-box-content-wrap .time:empty {
    padding: 0;

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-box-content-wrap p {
    margin: 0;

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-box-content-wrap i {
    font-size: 2em;
    margin-bottom: 5px;

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-box-content-wrap:hover {
    background-color: #eff1f3;
    border-color: #87939f;

}
.ec-simple-transaction-view .ec-bonus-grid .ec-bonus-box-content-wrap:hover .title {
    color: #87939f;

}
.ec-simple-transaction-view .ec-browsed-bonus {
    overflow-y: auto;

}
.ec-simple-transaction-view .ec-browsed-bonus .title {
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    color: #87939f;
    margin-bottom: 10px

}
.ec-simple-transaction-view .ec-browsed-bonus .title.big {
    font-size: 23px;
    font-weight: 500;
    text-align: center;
    color: #000000;
    margin-top: 15px;

}
.ec-simple-transaction-view .ec-browsed-bonus .ec-browsed-bonus-warning-icon{
    text-align: center;
    font-size: 45px;
    margin-top:25%;
    -webkit-text-stroke: 2px white;
    color: #ffcaca

}
.ec-simple-transaction-view .ec-browsed-bonus .ec-browsed-bonus-warning-icon.no-description {
    margin-top: 50%;

}
.ec-simple-transaction-view .ec-browsed-bonus .ec-browsed-bonus-warning-message{
    text-align: center;
    margin-top: 25%;

}
.ec-simple-transaction-view .ec-browsed-bonus .image {
    width: 100%;
    border-radius: 10px;

}
.ec-simple-transaction-view .accordions {
    background: none;
    border: none;
    padding: 10px 0;
    cursor: pointer;

}
.ec-simple-transaction-view .accordion-title {
    height: 18px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    color: #007fff;
    display: table;
    width: 100%;

}
.ec-simple-transaction-view .accordion-title i {
    display: table-cell;
    vertical-align: middle;

}
.ec-simple-transaction-view .accordion-content {
    padding: 0 8px;
    max-height: 0;
    margin-top: 10px;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;

}
.ec-simple-transaction-view .secure-submit-overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 2000;

}
.ec-simple-transaction-view .secure-submit-overlay .secure-submit-overlay-text {
    position: absolute;
    top: 35%;
    left: 50%;
    font-size: 50px;
    color: black;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
.ec-simple-transaction-view .secure-submit-overlay .secure-submit-overlay-text div {
    font-size: 32px;
    font-weight: bold;
    line-height: 0.81;
    text-align: center;
    color: #000000;
    margin: auto;

}
.ec-simple-transaction-view .secure-submit-overlay .secure-submit-overlay-text .subtext {
    width: 340px;
    font-size: 18px;
    line-height: 1.33;
    text-align: center;

}
.ec-simple-transaction-view .secure-submit-overlay .secure-submit-overlay-text i{
    padding-right: 10px;

}
.ec-simple-transaction-view .ec-bonus-code-item {
    position: relative;
    width: 100%;
    padding: 6px;
    border-radius: 5px;
    border: solid 2px #dce3ea;

}
/* &.selected {

            .ec-bonus-code-item-selected-icon {
                position: absolute;
                top: -8px;
                right: -8px;
                font-size: 20px;
                color: #dce3ea;
                margin-left: 7px;
            }
        }*/
.ec-simple-transaction-view .ec-bonus-code-item .ec-bonus-code-item-content {
    position: relative;
    margin-bottom: 0px;

}
.ec-simple-transaction-view .ec-bonus-code-item .ec-bonus-code-item-content .ec-bonus-code-input {
    width: 75%;
    background-color: white;
    display: inline-block;

}
.ec-simple-transaction-view .ec-bonus-code-item .ec-bonus-code-item-content .ec-bonus-code-validate {
    font-size: 12px;
    font-weight: 500;
    color: #007fff;
    cursor: pointer;
    width:25%;
    display: inline-block;
    text-align: center;

}
.ec-simple-transaction-view .ec-bonus-code-item .ec-bonus-code-item-content .ec-bonus-code-validate i {
    font-size: 12px;
    margin-left:7px;

}
.ec-simple-transaction-view .ec-bonus-code-item .ec-bonus-code-item-content .ec-bonus-code-validate.disabled {
    color: #87939f;

}
.ec-simple-transaction-view .ec-bonus-code-item .ec-bonus-code-item-content .ec-bonus-code-validate.invalid {
    color: #fe2828;

}
.ec-simple-transaction-view .ec-bonus-code-item.selected {
    border: solid 2px #007fff;
    background-color: #eaf3fc;

    /*.ec-bonus-box-content-wrap {

            }*/

}
.ec-simple-transaction-view .ec-bonus-code-item.selected .ec-bonus-grid-item-selected-icon {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 20px;
    color: #007fff;

}
.ec-simple-transaction-view .ec-bonus-code-item.selected .title {
    color: #007fff;

}
.ec-simple-transaction-view .ec-bonus-code-item.selected .ec-bonus-code-input {
    background-color: #eaf3fc;

}
.ec-simple-transaction-view .ec-bonus-code-item.selected.invalid {
    background-color: #eaf3fc;

}
.ec-simple-transaction-view .ec-bonus-code-item.invalid {
    border: solid 2px #fe2828;
    background-color: white;

}
.ec-simple-transaction-view .ec-details-form .ec-details-form-head-wrapper{
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;

}
.ec-simple-transaction-view .ec-details-form .ec-details-form-head-wrapper .ec-payment-sprite{
    margin: 0 auto;
    display: block;
    border: none;
    height: 100%;

}
.ec-simple-transaction-view .ec-details-form .ec-details-form-head-wrapper .ec-payment-sprite-wrapper{
    display: block;
    width: 25%;
    border: solid 2px #ddd;
    float: left

}
.ec-simple-transaction-view .ec-details-form .ec-details-form-head-wrapper .ec-payment-sprite-icon-wrapper {
    max-width: 90px;
    width: 100%;
    height: 54px;
    margin: 0 auto;

}
.ec-simple-transaction-view .ec-details-form .ec-details-form-head-wrapper .ec-details-form-first-field{
    width: 75%;
    float: left;
    padding-left: 10px;

}
.ec-simple-transaction-view .ec-details-form .ec-details-form-head-wrapper .ec-details-form-first-field .ec-form-group{
    margin-bottom: 0;

}
@media (min-width: 880px) {
    .ec-simple-transaction-view {
        max-width: 920px;

    }
    }
@media (max-width: 880px) {
    .ec-simple-transaction-view .ec-enter-details-panel .ec-panel-inner {
        padding: 0 8px;

    }
            }
.ec-simple-transaction-view.ec-simple-transaction-payment-details .ec-enter-details-panel {
    top: 0;

}
.ec-simple-transaction-view.ec-simple-transaction-bonus-browser .ec-enter-details-panel {
    top: 0;

}
.ec-simple-transaction-view.ec-simple-transaction-bonus-browser .ec-bonus-browser-panel {
    top: 0;

}
@media (max-width: 880px) {
    .ec-simple-transaction-view .transaction-button-text {
        display: block;

    }
        }
@media (min-width: 880px) {
    .ec-simple-transaction-view .transaction-button-overlay {
        background: #fff;
        text-align: center;
        padding: 10px 0 0;

    }
    .ec-simple-transaction-view .ec-simple-transaction-panels {
        overflow: inherit;

    }
    .ec-simple-transaction-view .ec-simple-transaction-view {
        overflow: hidden;

    }
    .ec-simple-transaction-view .ec-transaction-panel {
        position: absolute;
        height: 100%;
        overflow: auto;

    }
    .ec-simple-transaction-view .ec-payment-methods-panel {
        left: 0;
        width: 40%;

    }
    .ec-simple-transaction-view .ec-payment-methods-panel .separator {
        border-right: solid 2px #eff1f3;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;

    }
    .ec-simple-transaction-view .ec-payment-methods-panel .menu-separator {
        border-bottom: solid 2px #eff1f3;

    }
    .ec-simple-transaction-view .ec-enter-details-panel {
        left: 40%;
        width: 60%;
        top: 0;
        bottom: auto;
        max-height: 100%;
        height: auto;
        overflow: visible;
        overflow: initial;

    }
    .ec-simple-transaction-view .ec-enter-details-panel .separator {
        border-right: solid 2px #eff1f3;
        padding-right: 15px;
        padding-left: 15px;

    }
    .ec-simple-transaction-view .ec-bonus-browser-panel {
        left: 100%;
        width: 30%;
        top: 0;
        padding-bottom: 0;

    }
    .ec-simple-transaction-view .ec-bonus-browser-panel .transaction-button-overlay {
        display: none;

    }
    .ec-simple-transaction-view .ec-payment-methods-panel-minimized {
        max-width: 120px;

    }
    .ec-simple-transaction-view .ec-payment-methods-panel-minimized .separator {
        padding-left: 0;

    }
    .ec-simple-transaction-view .ec-payment-methods-panel-minimized .ec-payment-method-item {
        padding: 10px;

    }
    .ec-simple-transaction-view .ec-payment-methods-panel-minimized .ec-payment-method-item>.icon {
        padding-top: 56.25%;
        width: 100%;
        height: auto;

    }
    .ec-simple-transaction-view .ec-payment-methods-panel-minimized .ec-payment-method-list {
        padding: 0 6px;

    }
    .ec-simple-transaction-view.ec-simple-transaction-payment-details .ec-enter-details-panel {
        top: 0;

    }
    .ec-simple-transaction-view.ec-simple-transaction-bonus-browser .ec-payment-methods-panel {
        left: 0;
        width: 13%;

    }
    .ec-simple-transaction-view.ec-simple-transaction-bonus-browser .ec-payment-methods-panel .ec-payment-grid-item {
        width: 100%;

    }
    .ec-simple-transaction-view.ec-simple-transaction-bonus-browser .ec-enter-details-panel {
        left: 13%;
        top: 0;
        width: 62%;
        top: auto;
        bottom: auto;
        max-height: 100%;
        height: auto;

    }
    .ec-simple-transaction-view.ec-simple-transaction-bonus-browser .ec-bonus-browser-panel {
        left: 75%;
        width: 25%;

    }
    }
@media (max-width: 520px) {
    .ec-simple-transaction-view .ec-bonus-grid {
        float: none;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;

    }
        }
@media (max-width: 880px) {
    .ec-simple-transaction-view .ec-bonus-grid {
        max-width: 440px;
        margin: 10px 0;

    }
        }
@media (max-width: 880px) {
    .ec-simple-transaction-view .ec-bonus-grid .ec-bonus-grid-item {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;

    }
            }
@media (max-width: 520px) {
    .ec-simple-transaction-view .ec-bonus-grid .ec-bonus-box-content-wrap .title {
        text-align: center;

    }
                }
@media (max-width: 880px) {
    .ec-simple-transaction-view .ec-details-form .ec-details-form-head-wrapper .ec-payment-sprite-wrapper {
        width: 30%;

    }
                }
@media (max-width: 880px) {
    .ec-simple-transaction-view .ec-details-form .ec-details-form-head-wrapper .ec-details-form-first-field {
        width: 70%;

    }
                }
@keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@-webkit-keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.lds-rolling {
    position: relative;
}
.lds-rolling div,
.lds-rolling div:after {
    position: absolute;
    width: 154px;
    height: 154px;
    border: 14px solid #007fff;
    border-top-color: transparent;
    border-radius: 50%;
}
.lds-rolling div {
    -webkit-animation: lds-rolling 1.4s linear infinite;
    animation: lds-rolling 1.4s linear infinite;
    top: 100px;
    left: 100px;
}
.lds-rolling div:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.lds-rolling {
    width: 156px !important;
    height: 156px !important;
    -webkit-transform: translate(-78px, -78px) scale(0.78) translate(78px, 78px);
    transform: translate(-78px, -78px) scale(0.78) translate(78px, 78px);
}
.ec-details-form .ec-form-group-left-row {
    float: left;
    width: 45%;
    padding-right: 5px;

}
.ec-details-form .ec-form-group-right-row {
    float: left;
    width: 55%;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper {
    width: 100%;
    float: left;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-form-group {
    min-width: 90px;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-field-template-creditcard-expiryDate-wrapper {
    width: 50%;
    float: left;
    padding-right:3px;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-field-template-creditcard-expiryDate-wrapper label {
    display: block;
    margin-bottom: 5px;
    color: #007fff;
    font-weight: 600;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-field-template-creditcard-expiryDate-wrapper .ec-field-template-creditcard-expiryDate-fields .ec-field-template-creditcard-expiryMonth {
    float:left;
    width:50%;
    min-width: 40px;
    padding-right:3px;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-field-template-creditcard-expiryDate-wrapper .ec-field-template-creditcard-expiryDate-fields .ec-field-template-creditcard-expiryYear {
    float:left;
    width:50%;
    min-width: 40px;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-field-template-creditcard-expiryDate-wrapper .ec-field-template-creditcard-expiryDate-fields .ec-field-template-creditcard-expiryYear .ec-input {
    padding: 0 0 0 12px;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-field-template-creditcard-expiryDate-wrapper .ec-field-template-creditcard-expiryDate-fields .ec-input-validation-wrap{
    width:100%;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-field-template-creditcard-expiryDate-wrapper .ec-field-template-creditcard-expiryDate-fields .ec-input-validation-wrap .ec-input-wrap{
    width:100%;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-field-template-creditcard-security-code-wrapper{
    width: 50%;
    float: left;
    padding-left:3px;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-field-template-creditcard-security-code-wrapper .ec-field-template-creditcard-cvv, .ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-field-template-creditcard-security-code-wrapper .ec-field-template-creditcard-encCvv {
    float: left;
    width: 100%;

}
.ec-details-form .ec-form-group-right-row .ec-field-template-creditcard-date-wrapper .ec-field-template-creditcard-security-code-wrapper .ec-field-template-creditcard-cvc {
    float: left;
    width: 100%;

}
@media (max-width: 728px) {
    .ec-details-form .ec-form-group-left-row {
        width: 100%;
        padding-right: 0;

    }
    .ec-details-form .ec-form-group-right-row {
        width: 100%;
        padding-left: 0;

    }
    }
.verify-kyc-wrapper .verify-kyc-heading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;

}
.verify-kyc-wrapper .verify-kyc-info-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    line-height: 17px;
    margin-top: 10px;

}
.verify-kyc-wrapper .verify-kyc-info-div span {
    margin-left: 10px;

}
.verify-kyc-wrapper .verify-kyc-buttons {
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}
.verify-kyc-wrapper .verify-kyc-button-id, .verify-kyc-wrapper .verify-kyc-button-poa {
    padding: 10px 22px;
    height: 36px;
    min-width: 115px;
    position: relative

}
.verify-kyc-wrapper .verify-kyc-button-id.verified, .verify-kyc-wrapper .verify-kyc-button-poa.verified {
    color: #fff;
    background: #038384;
    border: 1px solid #038384;

}
.verify-kyc-wrapper .verify-kyc-button-poa {
    margin-left: 15px;

}
.verify-kyc-wrapper .kyc-checkmark {
    position: absolute;
    right: -5px;
    bottom: -5px;

}
.ec-swipe-menu {
    white-space: nowrap;
    height: 40px;
    overflow: hidden;
}
.ec-swipe-menu-items-wrapper {
    height: 200%;
    overflow: auto;
}
.ec-swipe-menu-items {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}
.ec-swipe-menu-item {
    list-style-type: none;
    position: relative;
    display: inline-block;
    padding: 0 10px 0;
    cursor: pointer
}
.ec-swipe-menu-item.active {
    cursor: default;
    color: #007fff;

}
.ec-table-filters {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.ec-table-filter {
	display: inline-block;
	margin: 0 10px;
}
.ec-table-filter .ec-input-wrap{
    display:inline-block;

}
.ec-table-filter label {
    margin-right: 10px;
    font-size: 12px;
    color: #639d21;
    font-weight: bold;

}
.ec-table-filter select {
    padding: 6px 10px;
    font-size: 12px;

}
.ec-table-filter:first-of-type {
    margin-left: 0;

}
.ec-table-filter:last-of-type {
    margin-right: 0;

}
.ec-table-responsive {
	width: 100%;
}
.ec-table {
	width: 100%;
	color: #353535 !important;
	border-collapse: collapse;
	font-size: 1em;
	text-align: left;
	background: #fff;
}
.ec-table .transaction-cancel-button {
    font-size: 13px;
    font-weight: bold;
    line-height: 2.15;
    text-align: left;
    color: #d0011b;
    cursor: pointer;

}
.ec-table .transaction-cancel-icon {
    width: 14px;
    height: 14px;
    color: #d0021b;

}
.ec-table .transaction-details-button {
    font-size: 13px;
    font-weight: bold;
    line-height: 2.15;
    text-align: left;
    color: #007fff;
    cursor: pointer;

}
.ec-table .transaction-details-icon {
    width: 16px;
    height: 14px;
    color: #007fff;

}
.ec-table th {
    font-weight: bold;
    font-weight: 700;
    color: #000;

}
.ec-table tr:nth-of-type(even) {
    background: #f0f0f0 !important;

}
.ec-table th,
	.ec-table td {
    position: relative;
    padding: 5px 10px;
    white-space: nowrap;

}
.ec-table th:first-of-type,
	.ec-table td:first-of-type {
    padding-left: 25px;

}
.ec-table th:last-of-type,
	.ec-table td:last-of-type {
    padding-right: 25px;

}
.ec-table .sort {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.ec-table .sort:after {
    content: '';
    position: absolute;

}
.ec-table .sort-desc:first-child:after {
    left: 5px;
    top: 11px

}
.ec-table .sort-asc:first-child:after {
    left: 5px;
    top: 11px

}
.ec-table .sort-asc.ec-text-right:after {
    left: auto;

}
.ec-table .sort-desc.ec-text-right:after {
    left: auto;

}
.ec-table .sort-desc:after {
    top: 11px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #6c9c0f transparent transparent transparent;
    margin-left: 3px;
    left: -8px;

}
.ec-table .sort-asc:after {
    top: 11px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #6c9c0f transparent;
    margin-left: 3px;
    left: -8px;

}
@media (max-width: 600px) {
    .ec-table .sort-desc:first-child:after {
        left: -8px;

    }
		}
@media (max-width: 600px) {
    .ec-table .sort-asc:first-child:after {
        left: -8px;

    }
		}
@media (max-width: 550px) {
	.ec-table-filters {
		text-align: left;
	}
	.ec-table-filter {
		margin: 0 5px;
	}
	.ec-table-filter label {
        display: block;
        margin-bottom: 3px;

    }
	.ec-table-filter .ec-checkbox span {
        padding-left: 23px;

    }
	.ec-table-filter select {
        padding: 6px;
        max-width: 100px;

    }

	.ec-table th:first-of-type,
		.ec-table td:first-of-type {
        padding-left: 10px;

    }

	.ec-table th:last-of-type,
		.ec-table td:last-of-type {
        padding-right: 10px;

    }
}
@media (max-width: 350px) {
	.ec-table-filter select {
        padding: 6px;
        max-width: 90px;

    }
}
.ec-status-processed,
.ec-status-successful {
	color: #6c9c0f;
	font-weight: 600;
}
.ec-status-pending,
.ec-status-inprogress {
	color: #f97822;
	font-weight: 600;
}
.ec-status-failed,
.ec-status-error,
.ec-status-cancelled {
	color: #d0011b;
	font-weight: 600;
}
.ec-view .pagify-pagination {
    margin: 30px 0 10px 0;
    text-align: center;

}
.ec-view .pagify-pagination > div {
    display: inline-block;

}
.ec-view .pagify-pagination > div span {
    display:inline-block;
    width: 24px;
    height: 24px;
    line-height: 21px;
    margin: 0 2px;
    font-weight: bold;
    color: #353535;
    white-space: nowrap;
    cursor: pointer;

}
.ec-view .pagify-pagination > div span i {
    position: relative;
    top: 1px;
    font-size: 1.5em;

}
.ec-view .pagify-pagination > div:empty {
    margin: 0;

}
.ec-view .pagify-pagination > div:disabled {
    cursor: default;

}
.ec-view .pagify-pagination > div:first-of-type,
			.ec-view .pagify-pagination > div:last-of-type {
    color: #9b9b9b;
    text-transform: uppercase;

}
.ec-view .pagify-pagination > div:first-of-type:not(.disabled):hover,
			.ec-view .pagify-pagination > div:last-of-type:not(.disabled):hover {
    color: #777;

}
.ec-view .pagify-pagination .selected span {
    color: #639d21;
    border: 2px solid;
    border-radius: 50%;

}
.ec-transaction{
	width: 100%;
	text-align:center;
}
.ec-transaction-frame-wrap{
	display:inline-block;
/*	padding:15px;
	border-radius:25px;
	background:#f1f1f1;*/
	position:absolute;
	top:66px;
	left:0;
	right:0;
	bottom:0;
}
.ec-transaction-frame{
	border:none;
/*	border-radius:15px;
	background:#fff;*/
	overflow:hidden;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	min-height:100%;
	min-width:100%;
}
.ec-transaction-popup-info{
	position:absolute;
	top:66px;
	left:0;
	right:0;
	bottom:0;
}
.ec-transaction-popup-info .ec-transaction-popup-info-icon{
    color: #f97822;
    font-size:50px;
    width:60px;
    height:60px;
    margin:70px auto;
    text-align:center;

}
.ec-transaction-popup-info .ec-transaction-popup-info-text{
    text-align:center;
    margin-bottom:35px;
    padding:0 20px;

}



@keyframes flashSuggested {
    0% {
        color: #fff;
        background-color: #1a1a25;
    }
    30%, 70% {
        color: #070708;
        background-color: #00adb5;
    }
    100% {
        color: #fff;
        background-color: #1a1a25;
    }
}


.ec-suggestions-simple .ec-suggestion-blocks-title {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    color: #082d65;


}


.ec-suggestions-simple .ec-suggestion-blocks {
    max-width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8px;
    margin-bottom: 8px;


}


.ec-suggestions-simple .ec-suggestion-blocks .ec-suggestion {
    padding: 6px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .2s ease-out;
    color: #028090;
    border-radius: 3px;
    background-color: #e1ebeb


}


.ec-suggestions-simple .ec-suggestion-blocks .ec-suggestion:hover {
    background-color: rgb(9, 149, 149);
    color: #fff;
    cursor: pointer;
    transition: all .2s ease-in;


}


.ec-suggestions-simple .ec-suggestion-blocks .ec-suggestion.ec-suggestion-selected {
    background-color: rgb(9, 149, 149);
    color: #fff;
    cursor: pointer;
    animation: flashSuggested .7s ease-in;


}


:root { /*--ec-header-height + --ec-navigation-height */


	/* General */

	/* Account */

	/* Balances */  	/* IMPORTANT */ /* IMPORTANT */ /* IMPORTANT */ /* IMPORTANT */

	/* Bonus Wallet */
		/*	^-- > Bonus Balances */
			/*	^---- > Circle background/color and font size. */
			/*	^---- > Popup box style */

	/* Bonuses */
		/* ^-- > Enter bonus code */
		/* ^-- > Bonus Boxes global */
		/* ^-- > Bonus Boxes unselected */
		/* ^-- > Bonus Boxes selected */
		/* ^-- > Bonus Boxes hover */


	/* Buttons */
	/**/

	/* Forms */


	/* Free Rounds */
	/*	^---- > Popup box style */

	/* Header */
		/* ^-- > Header username/amount */
		/* ^-- > Close button */

	/* Limits */

	/* Loader */

	/* Payment Methods */
		/* ^-- > Payment suggestions */
	/*Payment succesfull*/
	/* Progress Widget */

	/* Bitcoin wallet */

	/* REACT SELECT NOT DONE!!!!!! */

	/* Table */

	/*cancel withdrawal*/

}
/*# sourceMappingURL=../style/app.css.map */