:root {



    



    



    



    



    



        



    



    



    



                



    



    



    



    





     



    



     



    



    



     



    



    



    



    



    



    



     



     



     



    



    



    



    



    



}

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;

}



.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;

}



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

}



#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-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-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-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;

}



#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);

}



#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;

}



#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%;

}



.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;

}







.cxm-chat-message.cxm-chat-message-user {

	background-color: #2f2f2f;



}

.cxm-chat-message.cxm-chat-message-user::after {

    border-color: transparent #2f2f2f transparent transparent;

}



.cxm-chat-message {

	background-color: #fff;

	padding-bottom: 20px;

}

.cxm-chat-message::after {

    border-color: #fff transparent transparent transparent;

}



.cxm-chat-message-time, .cxm-chat-system-msg-time {

	color: #ffe362;

	opacity: 1;

}







#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;

}








#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%;

}







.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;

}



.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;

}



.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;

}







.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);

    }

}









#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%;

    }

}



.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 .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: 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;

}



.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%;

}



.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-screen.unloaded .game-wrap {

    position: absolute;

    display: none;

}

.games-screen.loading .game-wrap {

    position: absolute;

    visibility: hidden;

}



#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;

}



#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;

}



#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;

}



.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%;

}





.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;

}





.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: left;

    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_v2.png) !important;

	background-size: 100% !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%;

}



.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);

}





.bottom-bar {

    width: 100%;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    min-height: 44px;

    background: #0b223e;

    z-index: 10000;

    min-width: 960px;

}



.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;

}





.livechat .livechat-tabs > li {

    float: left;

    width: 50%;

    margin: 0;

    text-align: center;

}










.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%;

}





.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%;

}



.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;

}



#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;

}



#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%;

}



#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;

}



#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;

}



#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;

}



#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;



}



#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;

}



.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;



}



.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 { 

    color: #ffffff;

}

#loginModal .reg-field .form-control:-moz-placeholder { 

   color: #ffffff;

   opacity: 1;

}

#loginModal .reg-field .form-control::-moz-placeholder { 

   color: #ffffff;

   opacity: 1;

}

#loginModal .reg-field .form-control:-ms-input-placeholder { 

   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 { 

    color: #ffffff;

}

#registerModal .reg-field .form-control:-moz-placeholder { 

   color: #ffffff;

   opacity: 1;

}

#registerModal .reg-field .form-control::-moz-placeholder { 

   color: #ffffff;

   opacity: 1;

}

#registerModal .reg-field .form-control:-ms-input-placeholder { 

   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-wrap .date-day,

.date-wrap .date-month,

.date-wrap .date-year {

    display: inline-block;

    width: 33.3333%

}

.date-wrap .date-day {

    padding-right: 3px;

}

.date-wrap .date-month {

    padding: 0 3px;

}

.date-wrap .date-year {

    padding-left: 3px;

}



.reg-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;

}



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 { 

   color: #fff;

}

.reg-field.form-control::-moz-placeholder {  

   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;

}



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;

}



.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;

    

}

.ui-helper-zfix {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    opacity: 0;

    filter: Alpha(Opacity=0);

}

.ui-front {

    z-index: 100;

}




.ui-state-disabled {

    cursor: default !important;

}






.ui-icon {

    display: block;

    text-indent: -99999px;

    overflow: hidden;

    background-repeat: no-repeat;

}






.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%;

    



    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;

    



    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;

}



.ui-menu-icons {

    position: relative;

}

.ui-menu-icons .ui-menu-item a {

    position: relative;

    padding-left: 2em;

}



.ui-menu .ui-icon {

    position: absolute;

    top: .2em;

    left: .2em;

}



.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;

  }



.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-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;

}



#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-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;

}



.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 {

    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-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;

}



.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;

}



#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 {

    background-position: center;

    background-size: cover;

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 0;

}





.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;

}



.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 .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;

}



.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-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%;

}




































.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%;



    



}

.ec-account-recent-transactions-container .ec-account-recent-transactions-table .ec-recent-transactions-type{

    width: 15%;

    text-align: center;



    



}

.ec-account-recent-transactions-container .ec-account-recent-transactions-table .ec-recent-transactions-status{

    width: 25%;



    

    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{



    

    padding: 0 0 0 5px;



    



}

.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;

}



.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;



}



.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 .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{



    



}

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



    



}

.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-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;

    

}

.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; 

}

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;



    













}

.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;



}



.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-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 {



    

    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 {

	






	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');

}



.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-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-cryptocurrencybitpace {

    background-position: 85.71428% 87.5%;



}

.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% 75%;



}

.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');



}



.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-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;  

    background: transparent;  

}

.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;

}








.ec-simple-transaction-view .transaction-description-text {

    position: static;

    margin: 0 0 10px;

    bottom: auto;

    left: auto;



}



.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



}



.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;



    



}

.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;



    



    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;



    



    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;



}













.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-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;





	position:absolute;

	top:66px;

	left:0;

	right:0;

	bottom:0;

}

.ec-transaction-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-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 { 





	



	



	  	   



	

		

			

			



	

		

		

		

		

		





	

	



	





	

	



	

		

		



	



	



	

		

	

	



	



	



	



	



}